@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background: transparent
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td,
th {
  padding: 0
}

.grouptwo-one-reg>input[disabled] {
  background-color: #dbdbdb !important
}

.ui-helper-hidden {
  display: none
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse
}

.ui-helper-clearfix:after {
  clear: both
}

.ui-helper-clearfix {
  min-height: 0
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0)
}

.ui-front {
  z-index: 100
}

.ui-state-disabled {
  cursor: default !important
}

.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  min-height: 0;
  font-size: 100%
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none
}

.ui-button-icon-only {
  width: 2.2em
}

button.ui-button-icon-only {
  width: 2.4em
}

.ui-button-icons-only {
  width: 3.4em
}

button.ui-button-icons-only {
  width: 3.7em
}

.ui-button .ui-button-text {
  display: block;
  line-height: normal
}

.ui-button-text-only .ui-button-text {
  padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em
}

input.ui-button {
  padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: .5em
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: .5em
}

.ui-buttonset {
  margin-right: 7px
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em
}

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.ui-datepicker {
  width: 16em;
  padding: .2em .2em 0;
  display: none
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px
}

.ui-datepicker .ui-datepicker-next {
  right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 30px;
  line-height: 1.8em;
  text-align: center
}

.ui-datepicker .ui-datepicker-title select {
  font-size: .875em;
  height: auto;
  margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0
}

.ui-datepicker td {
  border: 0;
  padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left
}

.ui-datepicker.ui-datepicker-multi {
  width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0
}

.ui-datepicker-rtl {
  direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px
}

.ui-dialog {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0
}

.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: 0;
  overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move
}

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0
}

.ui-menu .ui-menu {
  position: absolute
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px
}

.ui-menu-icons {
  position: relative
}

.ui-menu-icons .ui-menu-item {
  padding-left: 2em
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none
}

.ui-resizable {
  position: relative
}

.ui-resizable-handle {
  position: absolute;
  font-size: .1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px .4em;
  margin: .5em 0 0 0;
  height: auto;
  border: 0
}

.ui-selectmenu-open {
  display: block
}

.ui-selectmenu-button {
  display: inline-block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
  right: .5em;
  left: auto;
  margin-top: -8px;
  position: absolute;
  top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
  text-align: left;
  padding: .4em 2.1em .4em 1em;
  display: block;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ui-slider {
  position: relative;
  text-align: left
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit
}

.ui-slider-horizontal {
  height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0
}

.ui-slider-vertical {
  width: .8em;
  height: 100px
}

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle
}

.ui-spinner-input {
  border: 0;
  background: 0;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0
}

.ui-spinner a.ui-spinner-button {
  border-top: 0;
  border-bottom: 0;
  border-right: 0
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0
}

.ui-spinner-up {
  top: 0
}

.ui-spinner-down {
  bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
  background-position: -65px -16px
}

.ui-tabs {
  position: relative;
  padding: .2em
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
  border-width: 2px
}

.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: .875em
}

.ui-widget .ui-widget {
  font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em
}

.ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url("../images/ui/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
  color: #222
}

.ui-widget-content a {
  color: #222
}

.ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url("../images/ui/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222;
  font-weight: normal
}

.ui-widget-header a {
  color: #222
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("../images/ui/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999;
  background: #dadada url("../images/ui/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaa;
  background: #fff url("../images/ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #212121
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("../images/ui/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("../images/ui/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35)
}

.ui-icon {
  width: 16px;
  height: 16px
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("../images/ui/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
  background-image: url("../images/ui/ui-icons_222222_256x240.png")
}

.ui-state-default .ui-icon {
  background-image: url("../images/ui/ui-icons_888888_256x240.png")
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../images/ui/ui-icons_454545_256x240.png")
}

.ui-state-active .ui-icon {
  background-image: url("../images/ui/ui-icons_454545_256x240.png")
}

.ui-state-highlight .ui-icon {
  background-image: url("../images/ui/ui-icons_2e83ff_256x240.png")
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("../images/ui/ui-icons_cd0a0a_256x240.png")
}

.ui-icon-blank {
  background-position: 16px 16px
}

.ui-icon-carat-1-n {
  background-position: 0 0
}

.ui-icon-carat-1-ne {
  background-position: -16px 0
}

.ui-icon-carat-1-e {
  background-position: -32px 0
}

.ui-icon-carat-1-se {
  background-position: -48px 0
}

.ui-icon-carat-1-s {
  background-position: -64px 0
}

.ui-icon-carat-1-sw {
  background-position: -80px 0
}

.ui-icon-carat-1-w {
  background-position: -96px 0
}

.ui-icon-carat-1-nw {
  background-position: -112px 0
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px
}

.ui-icon-arrow-4 {
  background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px
}

.ui-icon-extlink {
  background-position: -32px -80px
}

.ui-icon-newwin {
  background-position: -48px -80px
}

.ui-icon-refresh {
  background-position: -64px -80px
}

.ui-icon-shuffle {
  background-position: -80px -80px
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px
}

.ui-icon-folder-open {
  background-position: -16px -96px
}

.ui-icon-document {
  background-position: -32px -96px
}

.ui-icon-document-b {
  background-position: -48px -96px
}

.ui-icon-note {
  background-position: -64px -96px
}

.ui-icon-mail-closed {
  background-position: -80px -96px
}

.ui-icon-mail-open {
  background-position: -96px -96px
}

.ui-icon-suitcase {
  background-position: -112px -96px
}

.ui-icon-comment {
  background-position: -128px -96px
}

.ui-icon-person {
  background-position: -144px -96px
}

.ui-icon-print {
  background-position: -160px -96px
}

.ui-icon-trash {
  background-position: -176px -96px
}

.ui-icon-locked {
  background-position: -192px -96px
}

.ui-icon-unlocked {
  background-position: -208px -96px
}

.ui-icon-bookmark {
  background-position: -224px -96px
}

.ui-icon-tag {
  background-position: -240px -96px
}

.ui-icon-home {
  background-position: 0 -112px
}

.ui-icon-flag {
  background-position: -16px -112px
}

.ui-icon-calendar {
  background-position: -32px -112px
}

.ui-icon-cart {
  background-position: -48px -112px
}

.ui-icon-pencil {
  background-position: -64px -112px
}

.ui-icon-clock {
  background-position: -80px -112px
}

.ui-icon-disk {
  background-position: -96px -112px
}

.ui-icon-calculator {
  background-position: -112px -112px
}

.ui-icon-zoomin {
  background-position: -128px -112px
}

.ui-icon-zoomout {
  background-position: -144px -112px
}

.ui-icon-search {
  background-position: -160px -112px
}

.ui-icon-wrench {
  background-position: -176px -112px
}

.ui-icon-gear {
  background-position: -192px -112px
}

.ui-icon-heart {
  background-position: -208px -112px
}

.ui-icon-star {
  background-position: -224px -112px
}

.ui-icon-link {
  background-position: -240px -112px
}

.ui-icon-cancel {
  background-position: 0 -128px
}

.ui-icon-plus {
  background-position: -16px -128px
}

.ui-icon-plusthick {
  background-position: -32px -128px
}

.ui-icon-minus {
  background-position: -48px -128px
}

.ui-icon-minusthick {
  background-position: -64px -128px
}

.ui-icon-close {
  background-position: -80px -128px
}

.ui-icon-closethick {
  background-position: -96px -128px
}

.ui-icon-key {
  background-position: -112px -128px
}

.ui-icon-lightbulb {
  background-position: -128px -128px
}

.ui-icon-scissors {
  background-position: -144px -128px
}

.ui-icon-clipboard {
  background-position: -160px -128px
}

.ui-icon-copy {
  background-position: -176px -128px
}

.ui-icon-contact {
  background-position: -192px -128px
}

.ui-icon-image {
  background-position: -208px -128px
}

.ui-icon-video {
  background-position: -224px -128px
}

.ui-icon-script {
  background-position: -240px -128px
}

.ui-icon-alert {
  background-position: 0 -144px
}

.ui-icon-info {
  background-position: -16px -144px
}

.ui-icon-notice {
  background-position: -32px -144px
}

.ui-icon-help {
  background-position: -48px -144px
}

.ui-icon-check {
  background-position: -64px -144px
}

.ui-icon-bullet {
  background-position: -80px -144px
}

.ui-icon-radio-on {
  background-position: -96px -144px
}

.ui-icon-radio-off {
  background-position: -112px -144px
}

.ui-icon-pin-w {
  background-position: -128px -144px
}

.ui-icon-pin-s {
  background-position: -144px -144px
}

.ui-icon-play {
  background-position: 0 -160px
}

.ui-icon-pause {
  background-position: -16px -160px
}

.ui-icon-seek-next {
  background-position: -32px -160px
}

.ui-icon-seek-prev {
  background-position: -48px -160px
}

.ui-icon-seek-end {
  background-position: -64px -160px
}

.ui-icon-seek-start {
  background-position: -80px -160px
}

.ui-icon-seek-first {
  background-position: -80px -160px
}

.ui-icon-stop {
  background-position: -96px -160px
}

.ui-icon-eject {
  background-position: -112px -160px
}

.ui-icon-volume-off {
  background-position: -128px -160px
}

.ui-icon-volume-on {
  background-position: -144px -160px
}

.ui-icon-power {
  background-position: 0 -176px
}

.ui-icon-signal-diag {
  background-position: -16px -176px
}

.ui-icon-signal {
  background-position: -32px -176px
}

.ui-icon-battery-0 {
  background-position: -48px -176px
}

.ui-icon-battery-1 {
  background-position: -64px -176px
}

.ui-icon-battery-2 {
  background-position: -80px -176px
}

.ui-icon-battery-3 {
  background-position: -96px -176px
}

.ui-icon-circle-plus {
  background-position: 0 -192px
}

.ui-icon-circle-minus {
  background-position: -16px -192px
}

.ui-icon-circle-close {
  background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px
}

.ui-icon-circle-check {
  background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px
}

.ui-widget-overlay {
  background: #aaa url("../images/ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaa url("../images/ui/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  vertical-align: top
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020
}

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.fancybox-opened {
  z-index: 8040
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}

.fancybox-outer,
.fancybox-inner {
  position: relative
}

.fancybox-inner {
  overflow: hidden
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('../images/fancy/fancybox_sprite.png')
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: .8;
  cursor: pointer;
  z-index: 8060
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('../images/fancy/fancybox_loading.gif') center center no-repeat
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('../images/fancy/blank.gif');
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040
}

.fancybox-prev {
  left: 0
}

.fancybox-next {
  right: 0
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px
}

.fancybox-nav:hover span {
  visibility: visible
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important
}

.fancybox-lock {
  overflow: hidden !important;
  width: auto
}

.fancybox-lock body {
  overflow: hidden !important
}

.fancybox-lock-test {
  overflow-y: hidden !important
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('../images/fancy/fancybox_overlay.png')
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll
}

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050
}

.fancybox-opened .fancybox-title {
  visibility: visible
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff
}

.fancybox-title-inside-wrap {
  padding-top: 10px
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8)
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5) {

  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-image: url('../images/fancy/fancybox_sprite@2x.png');
    background-size: 44px 152px
  }

  #fancybox-loading div {
    background-image: url('../images/fancy/fancybox_loading@2x.gif');
    background-size: 24px 24px
  }
}

.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0
}

.irs-line-left {
  left: 0;
  width: 11%
}

.irs-line-mid {
  left: 9%;
  width: 82%
}

.irs-line-right {
  right: 0;
  width: 11%
}

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0
}

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}

.irs-slider.type_last {
  z-index: 2
}

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default
}

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default
}

.irs-from,
.irs-to,
.irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}

.irs-grid-pol.small {
  height: 4px
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0.0);
  z-index: 2
}

.irs-disabled {
  opacity: .4
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40)
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important
}

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-diapason,
.irs-slider {
  background: #e5e5e5
}

.irs-diapason {
  background: #ffb848
}

.irs {
  height: 40px
}

.irs-with-grid {
  height: 60px
}

.irs-line {
  height: 8px;
  top: 25px
}

.irs-line-left {
  height: 8px
}

.irs-line-mid {
  height: 8px
}

.irs-line-right {
  height: 8px
}

.irs-diapason {
  height: 8px;
  top: 25px
}

.irs-slider {
  width: 13px;
  height: 24px;
  top: 17px;
  border: 1px solid #fefefe;
  background: #777;
  border-radius: 3px
}

.irs-min,
.irs-max {
  color: #999;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 3px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px
}

.lt-ie9 .irs-min,
.lt-ie9 .irs-max {
  background: #ccc
}

.irs-from,
.irs-to,
.irs-single {
  color: #fff;
  font-size: 10px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-to,
.lt-ie9 .irs-single {
  background: #999
}

.irs-grid-pol {
  background: #99a4ac
}

.irs-grid-text {
  color: #99a4ac
}

.irs {
  max-width: 188px
}

.irs-line-mid,
.irs-line-right,
.irs-diapason,
.irs-slider {
  background: #d8d8d8 !important
}

.irs-slider {
  background-color: #fff !important;
  border: 4px solid #69be28 !important;
  border-radius: 50% !important;
  width: 14px !important;
  height: 14px !important
}

.irs-min,
.irs-max {
  display: none !important
}

.irs-single {
  top: 45px !important;
  background: transparent !important;
  font-size: 20px !important;
  line-height: 40px !important;
  font-family: 'omnes_semibold', Arial;
  color: #686868 !important
}

.irs-line-left {
  border-radius: 50px 0 0 50px !important
}

.irs-line-right {
  border-radius: 0 50px 50px 0 !important
}

@media screen and (max-width:720px) {
  .irs {
    margin: 0 auto
  }
}

.irs-line-left {
  background: #69be28 !important
}

.irs-bar {
  position: absolute;
  display: block;
  top: 25px;
  left: 0;
  height: 8px;
  width: 0;
  background: #69be28
}

.gif-avion {
  position: relative;
  padding-top: 20px;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
  text-align: center
}

.gif-avion-puntos,
.gif-avion-img {
  position: relative;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle
}

.gif-avion-puntos {
  width: 60%;
  max-width: 120px;
  height: 6px
}

.gif-avion-img {
  width: 40%;
  max-width: 75px
}

.gif-avion-img img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 75px
}

.gif-avion-puntos2 {
  position: absolute;
  height: 10px;
  top: 50%;
  right: -50px;
  -moz-animation: gif-avion 2s linear infinite;
  -ms-animation: gif-avion 2s linear infinite;
  -webkit-animation: gif-avion 2s linear infinite;
  animation: gif-avion 2s linear infinite
}

.gif-avion-puntos2 span,
.gif-avion-puntos2 i {
  position: relative;
  margin: 0;
  padding: 0;
  width: 8px !important;
  height: 4px !important;
  display: inline-block !important;
  margin-left: 7px;
  background-color: #00a94f !important;
  vertical-align: top
}

.gif-procesando {
  position: relative;
  width: 100%;
  max-width: 385px;
  display: block;
  margin: 30px auto;
  font-size: 0
}

.gif-procesando li {
  display: inline-block;
  vertical-align: middle;
  width: 10%
}

.gif-procesando li div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1)
}

.gif-procesando-1 {
  background: #00b2ad;
  -ms-animation: gif-procesando1 2s linear infinite;
  -moz-animation: gif-procesando1 2s linear infinite;
  -webkit-animation: gif-procesando1 2s linear infinite;
  animation: gif-procesando1 2s linear infinite
}

.gif-procesando-2 {
  background: #18bab5;
  -ms-animation: gif-procesando2 2s linear infinite;
  -moz-animation: gif-procesando2 2s linear infinite;
  -webkit-animation: gif-procesando2 2s linear infinite;
  animation: gif-procesando2 2s linear infinite
}

.gif-procesando-3 {
  background: #21beb5;
  -moz-animation: gif-procesando3 2s linear infinite;
  -ms-animation: gif-procesando3 2s linear infinite;
  -webkit-animation: gif-procesando3 2s linear infinite;
  animation: gif-procesando3 2s linear infinite
}

.gif-procesando-4 {
  background: #10b6ad;
  -moz-animation: gif-procesando4 2s linear infinite;
  -ms-animation: gif-procesando4 2s linear infinite;
  -webkit-animation: gif-procesando4 2s linear infinite;
  animation: gif-procesando4 2s linear infinite
}

.gif-procesando-5 {
  background: #6bd3ce;
  -ms-animation: gif-procesando5 2s linear infinite;
  -moz-animation: gif-procesando5 2s linear infinite;
  -webkit-animation: gif-procesando5 2s linear infinite;
  animation: gif-procesando5 2s linear infinite
}

.gif-procesando-6 {
  background: #6bd3ce;
  -moz-animation: gif-procesando6 2s linear infinite;
  -ms-animation: gif-procesando6 2s linear infinite;
  -webkit-animation: gif-procesando6 2s linear infinite;
  animation: gif-procesando6 2s linear infinite
}

.gif-procesando-7 {
  background: #6bd3ce;
  -ms-animation: gif-procesando7 2s linear infinite;
  -moz-animation: gif-procesando7 2s linear infinite;
  -webkit-animation: gif-procesando7 2s linear infinite;
  animation: gif-procesando7 2s linear infinite
}

.gif-procesando-8 {
  background: #b5ebe7;
  -ms-animation: gif-procesando8 2s linear infinite;
  -moz-animation: gif-procesando8 2s linear infinite;
  -webkit-animation: gif-procesando8 2s linear infinite;
  animation: gif-procesando8 2s linear infinite
}

.gif-procesando-9 {
  background: #b5ebe7;
  -ms-animation: gif-procesando9 2s linear infinite;
  -moz-animation: gif-procesando9 2s linear infinite;
  -webkit-animation: gif-procesando9 2s linear infinite;
  animation: gif-procesando9 2s linear infinite
}

@-webkit-keyframes gif-avion {
  0 {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-185px)
  }
}

@-moz-keyframes gif-avion {
  0 {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-185px)
  }
}

@-ms-keyframes gif-avion {
  0 {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-185px)
  }
}

@keyframes gif-avion {
  0 {
    transform: translateX(0)
  }

  100% {
    transform: translateX(-185px)
  }
}

@-moz-keyframes gif-procesando1 {
  0 {
    -moz-transform: scale(1)
  }

  10% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  25% {
    background: #00b2ad;
    -moz-transform: scale(1)
  }
}

@-ms-keyframes gif-procesando1 {
  0 {
    -ms-transform: scale(1)
  }

  10% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  25% {
    background: #00b2ad;
    -ms-transform: scale(1)
  }
}

@-webkit-keyframes gif-procesando1 {
  0 {
    -webkit-transform: scale(1)
  }

  10% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  25% {
    background: #00b2ad;
    -webkit-transform: scale(1)
  }
}

@keyframes gif-procesando1 {
  0 {
    transform: scale(1)
  }

  10% {
    transform: scale(1.7);
    background: #00b2ad
  }

  25% {
    background: #00b2ad;
    transform: scale(1)
  }
}

@-moz-keyframes gif-procesando2 {
  10% {
    background: #18bab5;
    -moz-transform: scale(1)
  }

  20% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  35% {
    background: #18bab5;
    -moz-transform: scale(1)
  }
}

@-ms-keyframes gif-procesando2 {
  10% {
    background: #18bab5;
    -ms-transform: scale(1)
  }

  20% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  35% {
    background: #18bab5;
    -ms-transform: scale(1)
  }
}

@-webkit-keyframes gif-procesando2 {
  10% {
    background: #18bab5;
    -webkit-transform: scale(1)
  }

  20% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  35% {
    background: #18bab5;
    -webkit-transform: scale(1)
  }
}

@keyframes gif-procesando2 {
  10% {
    background: #18bab5;
    transform: scale(1)
  }

  20% {
    transform: scale(1.7);
    background: #00b2ad
  }

  35% {
    background: #18bab5;
    transform: scale(1)
  }
}

@-moz-keyframes gif-procesando3 {
  20% {
    background: #21beb5;
    -moz-transform: scale(1)
  }

  30% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  45% {
    background: #21beb5;
    -moz-transform: scale(1)
  }
}

@-ms-keyframes gif-procesando3 {
  20% {
    background: #21beb5;
    -ms-transform: scale(1)
  }

  30% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  45% {
    background: #21beb5;
    -ms-transform: scale(1)
  }
}

@-webkit-keyframes gif-procesando3 {
  20% {
    background: #21beb5;
    -webkit-transform: scale(1)
  }

  30% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  45% {
    background: #21beb5;
    -webkit-transform: scale(1)
  }
}

@keyframes gif-procesando3 {
  20% {
    background: #21beb5;
    transform: scale(1)
  }

  30% {
    transform: scale(1.7);
    background: #00b2ad
  }

  45% {
    background: #21beb5;
    transform: scale(1)
  }
}

@-moz-keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    -moz-transform: scale(1)
  }

  40% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    -moz-transform: scale(1)
  }
}

@-ms-keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    -ms-transform: scale(1)
  }

  40% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    -ms-transform: scale(1)
  }
}

@-webkit-keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    -webkit-transform: scale(1)
  }

  40% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    -webkit-transform: scale(1)
  }
}

@keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    transform: scale(1)
  }

  40% {
    transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    transform: scale(1)
  }
}

@-moz-keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    -moz-transform: scale(1)
  }

  40% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    -moz-transform: scale(1)
  }
}

@-ms-keyframes gif-procesando4 {
  30% {
    background: #10b6ad;
    -ms-transform: scale(1)
  }

  40% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  55% {
    background: #10b6ad;
    -ms-transform: scale(1)
  }
}

@-webkit-keyframes gif-procesando5 {
  40% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }

  50% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  65% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }
}

@keyframes gif-procesando5 {
  40% {
    transform: scale(1);
    background: #6bd3ce
  }

  50% {
    transform: scale(1.7);
    background: #00b2ad
  }

  65% {
    transform: scale(1);
    background: #6bd3ce
  }
}

@-moz-keyframes gif-procesando6 {
  50% {
    -moz-transform: scale(1);
    background: #6bd3ce
  }

  60% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  75% {
    -moz-transform: scale(1);
    background: #6bd3ce
  }
}

@-ms-keyframes gif-procesando6 {
  50% {
    -ms-transform: scale(1);
    background: #6bd3ce
  }

  60% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  75% {
    -ms-transform: scale(1);
    background: #6bd3ce
  }
}

@-webkit-keyframes gif-procesando6 {
  50% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }

  60% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  75% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }
}

@keyframes gif-procesando6 {
  50% {
    transform: scale(1);
    background: #6bd3ce
  }

  60% {
    transform: scale(1.7);
    background: #00b2ad
  }

  75% {
    transform: scale(1);
    background: #6bd3ce
  }
}

@-moz-keyframes gif-procesando7 {
  60% {
    -moz-transform: scale(1);
    background: #6bd3ce
  }

  70% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  85% {
    -moz-transform: scale(1);
    background: #6bd3ce
  }
}

@-ms-keyframes gif-procesando7 {
  60% {
    -ms-transform: scale(1);
    background: #6bd3ce
  }

  70% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  85% {
    -ms-transform: scale(1);
    background: #6bd3ce
  }
}

@-webkit-keyframes gif-procesando7 {
  60% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }

  70% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  85% {
    -webkit-transform: scale(1);
    background: #6bd3ce
  }
}

@keyframes gif-procesando7 {
  60% {
    transform: scale(1);
    background: #6bd3ce
  }

  70% {
    transform: scale(1.7);
    background: #00b2ad
  }

  85% {
    transform: scale(1);
    background: #6bd3ce
  }
}

@-moz-keyframes gif-procesando8 {
  70% {
    -moz-transform: scale(1);
    background: #b5ebe7
  }

  80% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  95% {
    -moz-transform: scale(1);
    background: #b5ebe7
  }
}

@-ms-keyframes gif-procesando8 {
  70% {
    -ms-transform: scale(1);
    background: #b5ebe7
  }

  80% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  95% {
    -ms-transform: scale(1);
    background: #b5ebe7
  }
}

@-webkit-keyframes gif-procesando8 {
  70% {
    -webkit-transform: scale(1);
    background: #b5ebe7
  }

  80% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  95% {
    -webkit-transform: scale(1);
    background: #b5ebe7
  }
}

@keyframes gif-procesando8 {
  70% {
    transform: scale(1);
    background: #b5ebe7
  }

  80% {
    transform: scale(1.7);
    background: #00b2ad
  }

  95% {
    transform: scale(1);
    background: #b5ebe7
  }
}

@-moz-keyframes gif-procesando9 {
  80% {
    -moz-transform: scale(1);
    background: #b5ebe7
  }

  90% {
    -moz-transform: scale(1.7);
    background: #00b2ad
  }

  100% {
    -moz-transform: scale(1);
    background: #b5ebe7
  }
}

@-ms-keyframes gif-procesando9 {
  80% {
    -ms-transform: scale(1);
    background: #b5ebe7
  }

  90% {
    -ms-transform: scale(1.7);
    background: #00b2ad
  }

  100% {
    -ms-transform: scale(1);
    background: #b5ebe7
  }
}

@-webkit-keyframes gif-procesando9 {
  80% {
    -webkit-transform: scale(1);
    background: #b5ebe7
  }

  90% {
    -webkit-transform: scale(1.7);
    background: #00b2ad
  }

  100% {
    -webkit-transform: scale(1);
    background: #b5ebe7
  }
}

@keyframes gif-procesando9 {
  80% {
    transform: scale(1);
    background: #b5ebe7
  }

  90% {
    transform: scale(1.7);
    background: #00b2ad
  }

  100% {
    transform: scale(1);
    background: #b5ebe7
  }
}

@font-face {
  font-family: 'omnes_regular';
  src: url('../font/omnes-regular.woff2') format('woff2'), url('../font/omnes-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_medium';
  src: url('../font/omnes-medium.woff2') format('woff2'), url('../font/omnes-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_light';
  src: url('../font/omnes-light.woff2') format('woff2'), url('../font/omnes-light.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_semibold';
  src: url('../font/omnes-semibold.woff2') format('woff2'), url('../font/omnes-semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_extralight';
  src: url('../font/omnesextlig_0-webfont.woff2') format('woff2'), url('../font/omnesextlig_0-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_black';
  src: url('../font/omnesbla_0-webfont.woff2') format('woff2'), url('../font/omnesbla_0-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_bold';
  src: url('../font/omnesbol_0-webfont.woff2') format('woff2'), url('../font/omnesbol_0-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'omnes_hairline';
  src: url('../font/omnes-hairline_0-webfont.woff2') format('woff2'), url('../font/omnes-hairline_0-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons-Regular.eot);
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype')
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'
}

@font-face {
  font-family: 'Helvetica 85 Heavy';
  font-style: normal;
  font-weight: normal;
  src: local('../font/Helvetica 85 Heavy'), url('../font/HelveticaNeue-Heavy.woff') format('woff')
}

@font-face {
  font-family: 'Helvetica Neue Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Neue Medium'), url('../font/HelveticaNeueMedium.woff') format('woff')
}

@font-face {
  font-family: 'Helvetica Neue Light';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica Neue Light'), url('../font/HelveticaNeueLight.woff') format('woff')
}

@font-face {
  font-family: 'Helvetica 55 Roman';
  font-style: normal;
  font-weight: normal;
  src: local('Helvetica 55 Roman'), url('../font/HelveticaNeue-Roman.woff') format('woff')
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto/Roboto-Light.woff2') format('woff2'), url('../font/roboto/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto/Roboto-Regular.woff2') format('woff2'), url('../font/roboto/Roboto-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto/Roboto-Medium.woff2') format('woff2'), url('../font/roboto/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto/Roboto-Bold.woff2') format('woff2'), url('../font/roboto/Roboto-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'Roboto';
  src: url('../font/roboto/Roboto-Black.woff2') format('woff2'), url('../font/roboto/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/MaterialIcons-Regular.eot);
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(../font/MaterialIcons-Regular.woff2) format('woff2'), url(../font/MaterialIcons-Regular.woff) format('woff'), url(../font/MaterialIcons-Regular.ttf) format('truetype')
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga'
}

@font-face {
  font-family: 'icomoon';
  src: url('../font/icomoon.eot?whfqrr');
  src: url('../font/icomoon.eot?whfqrr#iefix') format('embedded-opentype'), url('../font/icomoon.ttf?whfqrr') format('truetype'), url('../font/icomoon.woff?whfqrr') format('woff'), url('../font/icomoon.svg?whfqrr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-ico-horario-canje-punto-venta:before {
  content: "\e908"
}

.icon-ico-buscador-canje-punto-venta:before {
  content: "\e930"
}

.icon-ico-bullet-left:before {
  content: "\e915"
}

.icon-icono_mapa:before {
  content: "\e92b"
}

.icon-buscar_por_ubicacion_icono:before {
  content: "\e92c"
}

.icon-buscar_por_marca_icono:before {
  content: "\e92d"
}

.icon-ico-desplegable-abajo:before {
  content: "\e927"
}

.icon-ico-desplegable-arriba:before {
  content: "\e92a"
}

.icon-ico-message:before {
  content: "\e91e"
}

.icon-ico-facebook:before {
  content: "\e920"
}

.icon-ico-twitter:before {
  content: "\e926"
}

.icon-ico-whatsapp:before {
  content: "\e929"
}

.icon-ico-pestana-vuelos:before {
  content: "\e928"
}

.icon-ico-acrobat:before {
  content: "\e913"
}

.icon-ico-avion-verde:before {
  content: "\e914"
}

.icon-ico-bullet-right:before {
  content: "\e92e"
}

.icon-ico-buscar:before {
  content: "\e916"
}

.icon-ico-calendario:before {
  content: "\e917"
}

.icon-ico-cerrar:before {
  content: "\e918"
}

.icon-ico-favicon:before {
  content: "\e919"
}

.icon-ico-hamburger:before {
  content: "\e91a"
}

.icon-ico-prog-disfruta:before {
  content: "\e91b"
}

.icon-ico-programa-viaja:before {
  content: "\e91c"
}

.icon-ico-reclamaciones:before {
  content: "\e91d"
}

.icon-ico-red-googleplus:before {
  content: "\e91f"
}

.icon-ico-regreso:before {
  content: "\e921"
}

.icon-ico-resumen-beneficio-1:before {
  content: "\e922"
}

.icon-ico-resumen-como:before {
  content: "\e923"
}

.icon-ico-salida:before {
  content: "\e924"
}

.icon-ico-telefono:before {
  content: "\e925"
}

.icon-alert:before {
  content: "\e912"
}

.icon-close:before {
  content: "\e90f"
}

.icon-print:before {
  content: "\e910"
}

.icon-email:before {
  content: "\e911"
}

.icon-down:before {
  content: "\e900"
}

.icon-top:before {
  content: "\e902"
}

.icon-down-2:before {
  content: "\e903"
}

.icon-info:before {
  content: "\e904"
}

.icon-menu:before {
  content: "\e905"
}

.icon-star-next:before {
  content: "\e906"
}

.icon-plane:before {
  content: "\e907"
}

.icon-check:before {
  content: "\e909"
}

.icon-check-2:before {
  content: "\e909"
}

.icon-ico-estrella:before {
  content: "\e90a"
}

.icon-info-2:before {
  content: "\e90b"
}

.icon-previous:before {
  content: "\e90c"
}

.icon-next:before {
  content: "\e90d"
}

.icon-top-2:before {
  content: "\e90e"
}

.icon-user:before {
  content: "\e92f"
}

.icon-right:before {
  content: "\e901"
}

.icon-flecha-derecha2:before {
  content: "\ea3d"
}

.icon-flecha-izquierda2:before {
  content: "\ea41"
}

.icon-flecha-derecha:before {
  content: "\ea3c"
}

.icon-flecha-izquierda:before {
  content: "\ea40"
}

.term-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  -webkit-transition: all .5s;
  transition: all .5s
}

.term-modal.active {
  visibility: visible;
  opacity: 1;
  z-index: 1200
}

.term-modal-cell {
  display: table-cell;
  vertical-align: middle
}

.term-modal-wancho {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  max-width: 675px;
  height: 583px;
  padding: 40px 20px 20px 20px;
  margin: 0 auto;
  width: 95%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.term-modal-box h3 {
  font-size: 22px;
  margin-bottom: 20px;
  padding-bottom: 0;
  color: #2bb8af;
  text-align: left;
  font-family: 'omnes_medium', Arial;
  font-weight: normal;
  display: block;
  color: #009b3a;
  text-align: center;
  position: relative
}

.term-modal-box pre {
  font-size: 14px;
  font-family: 'Courier New';
  margin: 0
}

.term-box {
  background-color: #fff;
  overflow-y: auto;
  height: 436px;
  width: 100%;
  padding: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.term-modal-overlay {
  background: url(../images/fancy/fancybox_overlay.png);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer
}

.term-modal-cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  font-size: 30px;
  background-image: url(../images/ico-cerrar.png) !important;
  background-repeat: no-repeat;
  background-position: center center
}

.term-close {
  padding-top: 22px;
  background: transparent;
  font-size: 12px;
  text-align: center
}

.ter-clos {
  display: inline-block;
  text-decoration: underline;
  cursor: pointer
}

.buscar-vuelo {
  display: block;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/fancy/fancybox_overlay.png)
}

.buscar-vuelo-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  max-width: 392px;
  height: 260px;
  background: white;
  border-radius: 30px 0 30px 0;
  margin: auto;
  padding: 25px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  overflow: hidden
}

.term-modal-lanza {
  display: inline-block;
  text-decoration: underline
}

.term-modal-lanza input {
  background: transparent;
  border: 0;
  appearance: normal;
  font-size: 16px;
  text-decoration: underline
}

@media screen and (max-width:640px) {
  .term-modal-box h3 {
    font-size: 14px
  }

  .term-modal {
    display: block;
    overflow-y: auto
  }

  .term-modal-cell {
    padding: 20px 0;
    display: block
  }
}

@media screen and (max-height:640px) {
  .term-modal {
    display: block;
    overflow-y: auto
  }

  .term-modal-cell {
    padding: 5px 0;
    display: block
  }

  .term-modal-wancho {
    height: 530px
  }

  .term-box {
    height: 360px
  }
}

@media screen and (max-width:360px) {
  .buscar-vuelo-box {
    height: 275px
  }
}

#estado-cuenta .cliente-print {
  font-size: .938em;
  overflow: hidden;
  padding: 30px
}

#estado-cuenta .cliente-print ul {
  float: left;
  overflow: hidden;
  width: 99%
}

#estado-cuenta .cliente-print li {
  color: #757575;
  float: left
}

#estado-cuenta .cliente-print li:first-child {
  font-family: "omnesmedium", Arial;
  margin-right: 10px
}

#estado-cuenta .cliente-print p {
  float: right
}

#estado-cuenta .cliente-datos {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin: auto;
  padding: 0
}

#estado-cuenta .puntos-actuales .resumen-print {
  width: 95%;
  padding-left: 23px
}

#seguimiento .search {
  display: flex;
  margin-bottom: 20px;
  margin-right: 10px
}

#seguimiento .search .search-line {
  margin-right: 10px;
  line-height: 40px;
  margin-bottom: 5px
}

@media screen and (max-width:700px) {
  #seguimiento .search {
    flex-direction: column
  }
}

#seguimiento section .detalle .activo .reprogramado a,
#seguimiento section .detalle .cancel-anulado .reprogramado a {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px 2px;
  display: block
}

#seguimiento section .detalle .cancel-anulado .reprogramado a {
  color: #FFF;
  border: 1px solid #ff8e63
}

#seguimiento section .detalle .activo .reprogramado a {
  color: #69be28;
  border: 1px solid #69be28
}

#seguimiento section .detalle .cancel-anulado .reprogramado,
#seguimiento section .detalle .cancel-anulado .cancel-anulado {
  background-color: #ff8e63;
  border: 0;
  border-radius: 5px
}

#seguimiento section .detalle .cancel-anulado .reprogramado a,
#seguimiento section .detalle .cancel-anulado .cancel-anulado a {
  color: #FFF;
  text-decoration: none;
  display: block;
  padding: 10px 2px
}

#seguimiento section .detalle .activo .finalizado~.reprogramado a {
  border: 0 !important
}

#seguimiento section .detalle .cancel-anulado span {
  color: #F00
}

#seguimiento section .detalle .cancel-anulado .esfera {
  background-color: #ff8e63
}

#seguimiento .boton-buscar {
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-family: "omnesmedium", Arial;
  font-size: .938em;
  height: 40px;
  line-height: 40px;
  margin: 0 4px;
  padding: 0 40px;
  background-color: #69be28
}

.modal-detalle-estado {
  background-color: #fff;
  width: 550px
}

.modal-detalle-estado .texto {
  padding: 10px 10px
}

.modal-detalle-estado .red {
  color: red
}

#detalle-canjes .red {
  color: red
}

#detalle-canjes .green {
  color: #6abc29
}

.modal-detalle-estado .titulo {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center
}

.modal-detalle-estado .botton {
  background-color: #69be28;
  border-radius: 3px;
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 190px;
  margin-top: 10px
}

.modal-detalle-estado .botton a {
  color: #fff
}

.canje-puntos {
  color: #0039a6;
  font-size: 1.875em
}

.canje-precio {
  color: #00953a;
  font-size: 1.875em
}

.canje-precio-cubrir {
  font-size: 1.875em
}

@media print {
  .non-printable {
    display: none
  }

  body {
    background-color: #fff
  }

  #estado-cuenta .puntos-actuales {
    background-color: #fff
  }

  h2 {
    color: #686868
  }

  .limite {
    width: 800px
  }

  #estado-cuenta .detalle table {
    width: 90%
  }

  #estado-cuenta .resumen-print .grafico-chart-pie {
    width: 90%
  }
}

.blockUI {
  background-color: none !important;
  width: 4%;
  border: none !important;
  cursor: wait
}

.lightbox-mensaje h1 {
  color: #00953a;
  font-size: 1.563em;
  font-weight: normal
}

.lightbox-mensaje h1.alerta {
  color: #e9004b;
  font-size: 1.563em;
  font-weight: normal
}

.lightbox-mensaje h1,
.lightbox-mensaje p {
  margin-bottom: 15px
}

.datos-boleta-texto {
  font-size: .938em
}

.datos-boleta {
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px 0;
  font-size: .938em
}

.datos-boleta .columna input[type="text"],
.datos-boleta .columna select {
  padding: 0;
  text-indent: 10px;
  width: 100%
}

.datos-boleta .columna>div {
  width: 90%;
  display: block
}

.datos-boleta .right>div {
  float: right
}

.datos-boleta .columna {
  float: left;
  width: 49.8%
}

@media screen and (max-width:768px) {
  .datos-boleta .columna {
    width: 100%
  }

  .datos-boleta .right>div {
    float: none
  }
}

@media screen and (max-width:480px) {
  .datos-boleta .columna>div {
    width: 100%
  }

  .datos-boleta .columna input[type="text"],
  .datos-boleta .columna select {
    width: 98%
  }
}

.error {
  color: red;
  font-size: 12px !important
}

.error.enableValidator {
  font-size: 14px !important
}

#frmDelivery input[type="text"].error,
#frmDelivery select.error,
#form-guardar-direccion input[type="text"].error {
  border: 1px solid #F00;
  outline: 0 !important
}

#lista-entretenimientos article>div .solo-precio {
  background: rgba(0, 0, 0, 0) url("../images/fondo.png") repeat scroll 0 0;
  padding: 5px 10px;
  bottom: 75px;
  font-size: 1.125em;
  font-weight: bold
}

.span-logo-aerolinea {
  width: 70px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%
}

#lista-result-canjes .trDetalle .icon-check:before {
  color: #69be28;
  font-size: 22px;
  line-height: 12px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1px
}

.cssOcultarCompras {
  display: none
}

.miscanjes-mixto-paso2 {
  width: 97%
}

#frmDelivery .requerido {
  position: relative
}

#frmDelivery .requerido:after {
  content: "*";
  position: absolute;
  right: -10px;
  top: 15px
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=4.7.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%
}

.fa-2x {
  font-size: 2em
}

.fa-3x {
  font-size: 3em
}

.fa-4x {
  font-size: 4em
}

.fa-5x {
  font-size: 5em
}

.fa-fw {
  width: 1.28571429em;
  text-align: center
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none
}

.fa-ul>li {
  position: relative
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center
}

.fa-li.fa-lg {
  left: -1.85714286em
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em
}

.fa-pull-left {
  float: left
}

.fa-pull-right {
  float: right
}

.fa.fa-pull-left {
  margin-right: .3em
}

.fa.fa-pull-right {
  margin-left: .3em
}

.pull-right {
  float: right
}

.pull-left {
  float: left
}

.fa.pull-left {
  margin-right: .3em
}

.fa.pull-right {
  margin-left: .3em
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
  0 {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

@keyframes fa-spin {
  0 {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg)
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg)
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center
}

.fa-stack-1x {
  line-height: inherit
}

.fa-stack-2x {
  font-size: 2em
}

.fa-inverse {
  color: #fff
}

.fa-glass:before {
  content: "\f000"
}

.fa-music:before {
  content: "\f001"
}

.fa-search:before {
  content: "\f002"
}

.fa-envelope-o:before {
  content: "\f003"
}

.fa-heart:before {
  content: "\f004"
}

.fa-star:before {
  content: "\f005"
}

.fa-star-o:before {
  content: "\f006"
}

.fa-user:before {
  content: "\f007"
}

.fa-film:before {
  content: "\f008"
}

.fa-th-large:before {
  content: "\f009"
}

.fa-th:before {
  content: "\f00a"
}

.fa-th-list:before {
  content: "\f00b"
}

.fa-check:before {
  content: "\f00c"
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"
}

.fa-search-plus:before {
  content: "\f00e"
}

.fa-search-minus:before {
  content: "\f010"
}

.fa-power-off:before {
  content: "\f011"
}

.fa-signal:before {
  content: "\f012"
}

.fa-gear:before,
.fa-cog:before {
  content: "\f013"
}

.fa-trash-o:before {
  content: "\f014"
}

.fa-home:before {
  content: "\f015"
}

.fa-file-o:before {
  content: "\f016"
}

.fa-clock-o:before {
  content: "\f017"
}

.fa-road:before {
  content: "\f018"
}

.fa-download:before {
  content: "\f019"
}

.fa-arrow-circle-o-down:before {
  content: "\f01a"
}

.fa-arrow-circle-o-up:before {
  content: "\f01b"
}

.fa-inbox:before {
  content: "\f01c"
}

.fa-play-circle-o:before {
  content: "\f01d"
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"
}

.fa-refresh:before {
  content: "\f021"
}

.fa-list-alt:before {
  content: "\f022"
}

.fa-lock:before {
  content: "\f023"
}

.fa-flag:before {
  content: "\f024"
}

.fa-headphones:before {
  content: "\f025"
}

.fa-volume-off:before {
  content: "\f026"
}

.fa-volume-down:before {
  content: "\f027"
}

.fa-volume-up:before {
  content: "\f028"
}

.fa-qrcode:before {
  content: "\f029"
}

.fa-barcode:before {
  content: "\f02a"
}

.fa-tag:before {
  content: "\f02b"
}

.fa-tags:before {
  content: "\f02c"
}

.fa-book:before {
  content: "\f02d"
}

.fa-bookmark:before {
  content: "\f02e"
}

.fa-print:before {
  content: "\f02f"
}

.fa-camera:before {
  content: "\f030"
}

.fa-font:before {
  content: "\f031"
}

.fa-bold:before {
  content: "\f032"
}

.fa-italic:before {
  content: "\f033"
}

.fa-text-height:before {
  content: "\f034"
}

.fa-text-width:before {
  content: "\f035"
}

.fa-align-left:before {
  content: "\f036"
}

.fa-align-center:before {
  content: "\f037"
}

.fa-align-right:before {
  content: "\f038"
}

.fa-align-justify:before {
  content: "\f039"
}

.fa-list:before {
  content: "\f03a"
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"
}

.fa-indent:before {
  content: "\f03c"
}

.fa-video-camera:before {
  content: "\f03d"
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"
}

.fa-pencil:before {
  content: "\f040"
}

.fa-map-marker:before {
  content: "\f041"
}

.fa-adjust:before {
  content: "\f042"
}

.fa-tint:before {
  content: "\f043"
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"
}

.fa-share-square-o:before {
  content: "\f045"
}

.fa-check-square-o:before {
  content: "\f046"
}

.fa-arrows:before {
  content: "\f047"
}

.fa-step-backward:before {
  content: "\f048"
}

.fa-fast-backward:before {
  content: "\f049"
}

.fa-backward:before {
  content: "\f04a"
}

.fa-play:before {
  content: "\f04b"
}

.fa-pause:before {
  content: "\f04c"
}

.fa-stop:before {
  content: "\f04d"
}

.fa-forward:before {
  content: "\f04e"
}

.fa-fast-forward:before {
  content: "\f050"
}

.fa-step-forward:before {
  content: "\f051"
}

.fa-eject:before {
  content: "\f052"
}

.fa-chevron-left:before {
  content: "\f053"
}

.fa-chevron-right:before {
  content: "\f054"
}

.fa-plus-circle:before {
  content: "\f055"
}

.fa-minus-circle:before {
  content: "\f056"
}

.fa-times-circle:before {
  content: "\f057"
}

.fa-check-circle:before {
  content: "\f058"
}

.fa-question-circle:before {
  content: "\f059"
}

.fa-info-circle:before {
  content: "\f05a"
}

.fa-crosshairs:before {
  content: "\f05b"
}

.fa-times-circle-o:before {
  content: "\f05c"
}

.fa-check-circle-o:before {
  content: "\f05d"
}

.fa-ban:before {
  content: "\f05e"
}

.fa-arrow-left:before {
  content: "\f060"
}

.fa-arrow-right:before {
  content: "\f061"
}

.fa-arrow-up:before {
  content: "\f062"
}

.fa-arrow-down:before {
  content: "\f063"
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"
}

.fa-expand:before {
  content: "\f065"
}

.fa-compress:before {
  content: "\f066"
}

.fa-plus:before {
  content: "\f067"
}

.fa-minus:before {
  content: "\f068"
}

.fa-asterisk:before {
  content: "\f069"
}

.fa-exclamation-circle:before {
  content: "\f06a"
}

.fa-gift:before {
  content: "\f06b"
}

.fa-leaf:before {
  content: "\f06c"
}

.fa-fire:before {
  content: "\f06d"
}

.fa-eye:before {
  content: "\f06e"
}

.fa-eye-slash:before {
  content: "\f070"
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"
}

.fa-plane:before {
  content: "\f072"
}

.fa-calendar:before {
  content: "\f073"
}

.fa-random:before {
  content: "\f074"
}

.fa-comment:before {
  content: "\f075"
}

.fa-magnet:before {
  content: "\f076"
}

.fa-chevron-up:before {
  content: "\f077"
}

.fa-chevron-down:before {
  content: "\f078"
}

.fa-retweet:before {
  content: "\f079"
}

.fa-shopping-cart:before {
  content: "\f07a"
}

.fa-folder:before {
  content: "\f07b"
}

.fa-folder-open:before {
  content: "\f07c"
}

.fa-arrows-v:before {
  content: "\f07d"
}

.fa-arrows-h:before {
  content: "\f07e"
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"
}

.fa-twitter-square:before {
  content: "\f081"
}

.fa-facebook-square:before {
  content: "\f082"
}

.fa-camera-retro:before {
  content: "\f083"
}

.fa-key:before {
  content: "\f084"
}

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"
}

.fa-comments:before {
  content: "\f086"
}

.fa-thumbs-o-up:before {
  content: "\f087"
}

.fa-thumbs-o-down:before {
  content: "\f088"
}

.fa-star-half:before {
  content: "\f089"
}

.fa-heart-o:before {
  content: "\f08a"
}

.fa-sign-out:before {
  content: "\f08b"
}

.fa-linkedin-square:before {
  content: "\f08c"
}

.fa-thumb-tack:before {
  content: "\f08d"
}

.fa-external-link:before {
  content: "\f08e"
}

.fa-sign-in:before {
  content: "\f090"
}

.fa-trophy:before {
  content: "\f091"
}

.fa-github-square:before {
  content: "\f092"
}

.fa-upload:before {
  content: "\f093"
}

.fa-lemon-o:before {
  content: "\f094"
}

.fa-phone:before {
  content: "\f095"
}

.fa-square-o:before {
  content: "\f096"
}

.fa-bookmark-o:before {
  content: "\f097"
}

.fa-phone-square:before {
  content: "\f098"
}

.fa-twitter:before {
  content: "\f099"
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a"
}

.fa-github:before {
  content: "\f09b"
}

.fa-unlock:before {
  content: "\f09c"
}

.fa-credit-card:before {
  content: "\f09d"
}

.fa-feed:before,
.fa-rss:before {
  content: "\f09e"
}

.fa-hdd-o:before {
  content: "\f0a0"
}

.fa-bullhorn:before {
  content: "\f0a1"
}

.fa-bell:before {
  content: "\f0f3"
}

.fa-certificate:before {
  content: "\f0a3"
}

.fa-hand-o-right:before {
  content: "\f0a4"
}

.fa-hand-o-left:before {
  content: "\f0a5"
}

.fa-hand-o-up:before {
  content: "\f0a6"
}

.fa-hand-o-down:before {
  content: "\f0a7"
}

.fa-arrow-circle-left:before {
  content: "\f0a8"
}

.fa-arrow-circle-right:before {
  content: "\f0a9"
}

.fa-arrow-circle-up:before {
  content: "\f0aa"
}

.fa-arrow-circle-down:before {
  content: "\f0ab"
}

.fa-globe:before {
  content: "\f0ac"
}

.fa-wrench:before {
  content: "\f0ad"
}

.fa-tasks:before {
  content: "\f0ae"
}

.fa-filter:before {
  content: "\f0b0"
}

.fa-briefcase:before {
  content: "\f0b1"
}

.fa-arrows-alt:before {
  content: "\f0b2"
}

.fa-group:before,
.fa-users:before {
  content: "\f0c0"
}

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"
}

.fa-cloud:before {
  content: "\f0c2"
}

.fa-flask:before {
  content: "\f0c3"
}

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"
}

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"
}

.fa-paperclip:before {
  content: "\f0c6"
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"
}

.fa-square:before {
  content: "\f0c8"
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"
}

.fa-list-ul:before {
  content: "\f0ca"
}

.fa-list-ol:before {
  content: "\f0cb"
}

.fa-strikethrough:before {
  content: "\f0cc"
}

.fa-underline:before {
  content: "\f0cd"
}

.fa-table:before {
  content: "\f0ce"
}

.fa-magic:before {
  content: "\f0d0"
}

.fa-truck:before {
  content: "\f0d1"
}

.fa-pinterest:before {
  content: "\f0d2"
}

.fa-pinterest-square:before {
  content: "\f0d3"
}

.fa-google-plus-square:before {
  content: "\f0d4"
}

.fa-google-plus:before {
  content: "\f0d5"
}

.fa-money:before {
  content: "\f0d6"
}

.fa-caret-down:before {
  content: "\f0d7"
}

.fa-caret-up:before {
  content: "\f0d8"
}

.fa-caret-left:before {
  content: "\f0d9"
}

.fa-caret-right:before {
  content: "\f0da"
}

.fa-columns:before {
  content: "\f0db"
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"
}

.fa-envelope:before {
  content: "\f0e0"
}

.fa-linkedin:before {
  content: "\f0e1"
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"
}

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"
}

.fa-comment-o:before {
  content: "\f0e5"
}

.fa-comments-o:before {
  content: "\f0e6"
}

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"
}

.fa-sitemap:before {
  content: "\f0e8"
}

.fa-umbrella:before {
  content: "\f0e9"
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"
}

.fa-lightbulb-o:before {
  content: "\f0eb"
}

.fa-exchange:before {
  content: "\f0ec"
}

.fa-cloud-download:before {
  content: "\f0ed"
}

.fa-cloud-upload:before {
  content: "\f0ee"
}

.fa-user-md:before {
  content: "\f0f0"
}

.fa-stethoscope:before {
  content: "\f0f1"
}

.fa-suitcase:before {
  content: "\f0f2"
}

.fa-bell-o:before {
  content: "\f0a2"
}

.fa-coffee:before {
  content: "\f0f4"
}

.fa-cutlery:before {
  content: "\f0f5"
}

.fa-file-text-o:before {
  content: "\f0f6"
}

.fa-building-o:before {
  content: "\f0f7"
}

.fa-hospital-o:before {
  content: "\f0f8"
}

.fa-ambulance:before {
  content: "\f0f9"
}

.fa-medkit:before {
  content: "\f0fa"
}

.fa-fighter-jet:before {
  content: "\f0fb"
}

.fa-beer:before {
  content: "\f0fc"
}

.fa-h-square:before {
  content: "\f0fd"
}

.fa-plus-square:before {
  content: "\f0fe"
}

.fa-angle-double-left:before {
  content: "\f100"
}

.fa-angle-double-right:before {
  content: "\f101"
}

.fa-angle-double-up:before {
  content: "\f102"
}

.fa-angle-double-down:before {
  content: "\f103"
}

.fa-angle-left:before {
  content: "\f104"
}

.fa-angle-right:before {
  content: "\f105"
}

.fa-angle-up:before {
  content: "\f106"
}

.fa-angle-down:before {
  content: "\f107"
}

.fa-desktop:before {
  content: "\f108"
}

.fa-laptop:before {
  content: "\f109"
}

.fa-tablet:before {
  content: "\f10a"
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"
}

.fa-circle-o:before {
  content: "\f10c"
}

.fa-quote-left:before {
  content: "\f10d"
}

.fa-quote-right:before {
  content: "\f10e"
}

.fa-spinner:before {
  content: "\f110"
}

.fa-circle:before {
  content: "\f111"
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"
}

.fa-github-alt:before {
  content: "\f113"
}

.fa-folder-o:before {
  content: "\f114"
}

.fa-folder-open-o:before {
  content: "\f115"
}

.fa-smile-o:before {
  content: "\f118"
}

.fa-frown-o:before {
  content: "\f119"
}

.fa-meh-o:before {
  content: "\f11a"
}

.fa-gamepad:before {
  content: "\f11b"
}

.fa-keyboard-o:before {
  content: "\f11c"
}

.fa-flag-o:before {
  content: "\f11d"
}

.fa-flag-checkered:before {
  content: "\f11e"
}

.fa-terminal:before {
  content: "\f120"
}

.fa-code:before {
  content: "\f121"
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"
}

.fa-location-arrow:before {
  content: "\f124"
}

.fa-crop:before {
  content: "\f125"
}

.fa-code-fork:before {
  content: "\f126"
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"
}

.fa-question:before {
  content: "\f128"
}

.fa-info:before {
  content: "\f129"
}

.fa-exclamation:before {
  content: "\f12a"
}

.fa-superscript:before {
  content: "\f12b"
}

.fa-subscript:before {
  content: "\f12c"
}

.fa-eraser:before {
  content: "\f12d"
}

.fa-puzzle-piece:before {
  content: "\f12e"
}

.fa-microphone:before {
  content: "\f130"
}

.fa-microphone-slash:before {
  content: "\f131"
}

.fa-shield:before {
  content: "\f132"
}

.fa-calendar-o:before {
  content: "\f133"
}

.fa-fire-extinguisher:before {
  content: "\f134"
}

.fa-rocket:before {
  content: "\f135"
}

.fa-maxcdn:before {
  content: "\f136"
}

.fa-chevron-circle-left:before {
  content: "\f137"
}

.fa-chevron-circle-right:before {
  content: "\f138"
}

.fa-chevron-circle-up:before {
  content: "\f139"
}

.fa-chevron-circle-down:before {
  content: "\f13a"
}

.fa-html5:before {
  content: "\f13b"
}

.fa-css3:before {
  content: "\f13c"
}

.fa-anchor:before {
  content: "\f13d"
}

.fa-unlock-alt:before {
  content: "\f13e"
}

.fa-bullseye:before {
  content: "\f140"
}

.fa-ellipsis-h:before {
  content: "\f141"
}

.fa-ellipsis-v:before {
  content: "\f142"
}

.fa-rss-square:before {
  content: "\f143"
}

.fa-play-circle:before {
  content: "\f144"
}

.fa-ticket:before {
  content: "\f145"
}

.fa-minus-square:before {
  content: "\f146"
}

.fa-minus-square-o:before {
  content: "\f147"
}

.fa-level-up:before {
  content: "\f148"
}

.fa-level-down:before {
  content: "\f149"
}

.fa-check-square:before {
  content: "\f14a"
}

.fa-pencil-square:before {
  content: "\f14b"
}

.fa-external-link-square:before {
  content: "\f14c"
}

.fa-share-square:before {
  content: "\f14d"
}

.fa-compass:before {
  content: "\f14e"
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"
}

.fa-euro:before,
.fa-eur:before {
  content: "\f153"
}

.fa-gbp:before {
  content: "\f154"
}

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"
}

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"
}

.fa-won:before,
.fa-krw:before {
  content: "\f159"
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"
}

.fa-file:before {
  content: "\f15b"
}

.fa-file-text:before {
  content: "\f15c"
}

.fa-sort-alpha-asc:before {
  content: "\f15d"
}

.fa-sort-alpha-desc:before {
  content: "\f15e"
}

.fa-sort-amount-asc:before {
  content: "\f160"
}

.fa-sort-amount-desc:before {
  content: "\f161"
}

.fa-sort-numeric-asc:before {
  content: "\f162"
}

.fa-sort-numeric-desc:before {
  content: "\f163"
}

.fa-thumbs-up:before {
  content: "\f164"
}

.fa-thumbs-down:before {
  content: "\f165"
}

.fa-youtube-square:before {
  content: "\f166"
}

.fa-youtube:before {
  content: "\f167"
}

.fa-xing:before {
  content: "\f168"
}

.fa-xing-square:before {
  content: "\f169"
}

.fa-youtube-play:before {
  content: "\f16a"
}

.fa-dropbox:before {
  content: "\f16b"
}

.fa-stack-overflow:before {
  content: "\f16c"
}

.fa-instagram:before {
  content: "\f16d"
}

.fa-flickr:before {
  content: "\f16e"
}

.fa-adn:before {
  content: "\f170"
}

.fa-bitbucket:before {
  content: "\f171"
}

.fa-bitbucket-square:before {
  content: "\f172"
}

.fa-tumblr:before {
  content: "\f173"
}

.fa-tumblr-square:before {
  content: "\f174"
}

.fa-long-arrow-down:before {
  content: "\f175"
}

.fa-long-arrow-up:before {
  content: "\f176"
}

.fa-long-arrow-left:before {
  content: "\f177"
}

.fa-long-arrow-right:before {
  content: "\f178"
}

.fa-apple:before {
  content: "\f179"
}

.fa-windows:before {
  content: "\f17a"
}

.fa-android:before {
  content: "\f17b"
}

.fa-linux:before {
  content: "\f17c"
}

.fa-dribbble:before {
  content: "\f17d"
}

.fa-skype:before {
  content: "\f17e"
}

.fa-foursquare:before {
  content: "\f180"
}

.fa-trello:before {
  content: "\f181"
}

.fa-female:before {
  content: "\f182"
}

.fa-male:before {
  content: "\f183"
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184"
}

.fa-sun-o:before {
  content: "\f185"
}

.fa-moon-o:before {
  content: "\f186"
}

.fa-archive:before {
  content: "\f187"
}

.fa-bug:before {
  content: "\f188"
}

.fa-vk:before {
  content: "\f189"
}

.fa-weibo:before {
  content: "\f18a"
}

.fa-renren:before {
  content: "\f18b"
}

.fa-pagelines:before {
  content: "\f18c"
}

.fa-stack-exchange:before {
  content: "\f18d"
}

.fa-arrow-circle-o-right:before {
  content: "\f18e"
}

.fa-arrow-circle-o-left:before {
  content: "\f190"
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"
}

.fa-dot-circle-o:before {
  content: "\f192"
}

.fa-wheelchair:before {
  content: "\f193"
}

.fa-vimeo-square:before {
  content: "\f194"
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"
}

.fa-plus-square-o:before {
  content: "\f196"
}

.fa-space-shuttle:before {
  content: "\f197"
}

.fa-slack:before {
  content: "\f198"
}

.fa-envelope-square:before {
  content: "\f199"
}

.fa-wordpress:before {
  content: "\f19a"
}

.fa-openid:before {
  content: "\f19b"
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"
}

.fa-yahoo:before {
  content: "\f19e"
}

.fa-google:before {
  content: "\f1a0"
}

.fa-reddit:before {
  content: "\f1a1"
}

.fa-reddit-square:before {
  content: "\f1a2"
}

.fa-stumbleupon-circle:before {
  content: "\f1a3"
}

.fa-stumbleupon:before {
  content: "\f1a4"
}

.fa-delicious:before {
  content: "\f1a5"
}

.fa-digg:before {
  content: "\f1a6"
}

.fa-pied-piper-pp:before {
  content: "\f1a7"
}

.fa-pied-piper-alt:before {
  content: "\f1a8"
}

.fa-drupal:before {
  content: "\f1a9"
}

.fa-joomla:before {
  content: "\f1aa"
}

.fa-language:before {
  content: "\f1ab"
}

.fa-fax:before {
  content: "\f1ac"
}

.fa-building:before {
  content: "\f1ad"
}

.fa-child:before {
  content: "\f1ae"
}

.fa-paw:before {
  content: "\f1b0"
}

.fa-spoon:before {
  content: "\f1b1"
}

.fa-cube:before {
  content: "\f1b2"
}

.fa-cubes:before {
  content: "\f1b3"
}

.fa-behance:before {
  content: "\f1b4"
}

.fa-behance-square:before {
  content: "\f1b5"
}

.fa-steam:before {
  content: "\f1b6"
}

.fa-steam-square:before {
  content: "\f1b7"
}

.fa-recycle:before {
  content: "\f1b8"
}

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"
}

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"
}

.fa-tree:before {
  content: "\f1bb"
}

.fa-spotify:before {
  content: "\f1bc"
}

.fa-deviantart:before {
  content: "\f1bd"
}

.fa-soundcloud:before {
  content: "\f1be"
}

.fa-database:before {
  content: "\f1c0"
}

.fa-file-pdf-o:before {
  content: "\f1c1"
}

.fa-file-word-o:before {
  content: "\f1c2"
}

.fa-file-excel-o:before {
  content: "\f1c3"
}

.fa-file-powerpoint-o:before {
  content: "\f1c4"
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"
}

.fa-file-code-o:before {
  content: "\f1c9"
}

.fa-vine:before {
  content: "\f1ca"
}

.fa-codepen:before {
  content: "\f1cb"
}

.fa-jsfiddle:before {
  content: "\f1cc"
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"
}

.fa-circle-o-notch:before {
  content: "\f1ce"
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0"
}

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"
}

.fa-git-square:before {
  content: "\f1d2"
}

.fa-git:before {
  content: "\f1d3"
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4"
}

.fa-tencent-weibo:before {
  content: "\f1d5"
}

.fa-qq:before {
  content: "\f1d6"
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"
}

.fa-history:before {
  content: "\f1da"
}

.fa-circle-thin:before {
  content: "\f1db"
}

.fa-header:before {
  content: "\f1dc"
}

.fa-paragraph:before {
  content: "\f1dd"
}

.fa-sliders:before {
  content: "\f1de"
}

.fa-share-alt:before {
  content: "\f1e0"
}

.fa-share-alt-square:before {
  content: "\f1e1"
}

.fa-bomb:before {
  content: "\f1e2"
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"
}

.fa-tty:before {
  content: "\f1e4"
}

.fa-binoculars:before {
  content: "\f1e5"
}

.fa-plug:before {
  content: "\f1e6"
}

.fa-slideshare:before {
  content: "\f1e7"
}

.fa-twitch:before {
  content: "\f1e8"
}

.fa-yelp:before {
  content: "\f1e9"
}

.fa-newspaper-o:before {
  content: "\f1ea"
}

.fa-wifi:before {
  content: "\f1eb"
}

.fa-calculator:before {
  content: "\f1ec"
}

.fa-paypal:before {
  content: "\f1ed"
}

.fa-google-wallet:before {
  content: "\f1ee"
}

.fa-cc-visa:before {
  content: "\f1f0"
}

.fa-cc-mastercard:before {
  content: "\f1f1"
}

.fa-cc-discover:before {
  content: "\f1f2"
}

.fa-cc-amex:before {
  content: "\f1f3"
}

.fa-cc-paypal:before {
  content: "\f1f4"
}

.fa-cc-stripe:before {
  content: "\f1f5"
}

.fa-bell-slash:before {
  content: "\f1f6"
}

.fa-bell-slash-o:before {
  content: "\f1f7"
}

.fa-trash:before {
  content: "\f1f8"
}

.fa-copyright:before {
  content: "\f1f9"
}

.fa-at:before {
  content: "\f1fa"
}

.fa-eyedropper:before {
  content: "\f1fb"
}

.fa-paint-brush:before {
  content: "\f1fc"
}

.fa-birthday-cake:before {
  content: "\f1fd"
}

.fa-area-chart:before {
  content: "\f1fe"
}

.fa-pie-chart:before {
  content: "\f200"
}

.fa-line-chart:before {
  content: "\f201"
}

.fa-lastfm:before {
  content: "\f202"
}

.fa-lastfm-square:before {
  content: "\f203"
}

.fa-toggle-off:before {
  content: "\f204"
}

.fa-toggle-on:before {
  content: "\f205"
}

.fa-bicycle:before {
  content: "\f206"
}

.fa-bus:before {
  content: "\f207"
}

.fa-ioxhost:before {
  content: "\f208"
}

.fa-angellist:before {
  content: "\f209"
}

.fa-cc:before {
  content: "\f20a"
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"
}

.fa-meanpath:before {
  content: "\f20c"
}

.fa-buysellads:before {
  content: "\f20d"
}

.fa-connectdevelop:before {
  content: "\f20e"
}

.fa-dashcube:before {
  content: "\f210"
}

.fa-forumbee:before {
  content: "\f211"
}

.fa-leanpub:before {
  content: "\f212"
}

.fa-sellsy:before {
  content: "\f213"
}

.fa-shirtsinbulk:before {
  content: "\f214"
}

.fa-simplybuilt:before {
  content: "\f215"
}

.fa-skyatlas:before {
  content: "\f216"
}

.fa-cart-plus:before {
  content: "\f217"
}

.fa-cart-arrow-down:before {
  content: "\f218"
}

.fa-diamond:before {
  content: "\f219"
}

.fa-ship:before {
  content: "\f21a"
}

.fa-user-secret:before {
  content: "\f21b"
}

.fa-motorcycle:before {
  content: "\f21c"
}

.fa-street-view:before {
  content: "\f21d"
}

.fa-heartbeat:before {
  content: "\f21e"
}

.fa-venus:before {
  content: "\f221"
}

.fa-mars:before {
  content: "\f222"
}

.fa-mercury:before {
  content: "\f223"
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\f224"
}

.fa-transgender-alt:before {
  content: "\f225"
}

.fa-venus-double:before {
  content: "\f226"
}

.fa-mars-double:before {
  content: "\f227"
}

.fa-venus-mars:before {
  content: "\f228"
}

.fa-mars-stroke:before {
  content: "\f229"
}

.fa-mars-stroke-v:before {
  content: "\f22a"
}

.fa-mars-stroke-h:before {
  content: "\f22b"
}

.fa-neuter:before {
  content: "\f22c"
}

.fa-genderless:before {
  content: "\f22d"
}

.fa-facebook-official:before {
  content: "\f230"
}

.fa-pinterest-p:before {
  content: "\f231"
}

.fa-whatsapp:before {
  content: "\f232"
}

.fa-server:before {
  content: "\f233"
}

.fa-user-plus:before {
  content: "\f234"
}

.fa-user-times:before {
  content: "\f235"
}

.fa-hotel:before,
.fa-bed:before {
  content: "\f236"
}

.fa-viacoin:before {
  content: "\f237"
}

.fa-train:before {
  content: "\f238"
}

.fa-subway:before {
  content: "\f239"
}

.fa-medium:before {
  content: "\f23a"
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b"
}

.fa-optin-monster:before {
  content: "\f23c"
}

.fa-opencart:before {
  content: "\f23d"
}

.fa-expeditedssl:before {
  content: "\f23e"
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240"
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241"
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242"
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243"
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244"
}

.fa-mouse-pointer:before {
  content: "\f245"
}

.fa-i-cursor:before {
  content: "\f246"
}

.fa-object-group:before {
  content: "\f247"
}

.fa-object-ungroup:before {
  content: "\f248"
}

.fa-sticky-note:before {
  content: "\f249"
}

.fa-sticky-note-o:before {
  content: "\f24a"
}

.fa-cc-jcb:before {
  content: "\f24b"
}

.fa-cc-diners-club:before {
  content: "\f24c"
}

.fa-clone:before {
  content: "\f24d"
}

.fa-balance-scale:before {
  content: "\f24e"
}

.fa-hourglass-o:before {
  content: "\f250"
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251"
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252"
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253"
}

.fa-hourglass:before {
  content: "\f254"
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255"
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256"
}

.fa-hand-scissors-o:before {
  content: "\f257"
}

.fa-hand-lizard-o:before {
  content: "\f258"
}

.fa-hand-spock-o:before {
  content: "\f259"
}

.fa-hand-pointer-o:before {
  content: "\f25a"
}

.fa-hand-peace-o:before {
  content: "\f25b"
}

.fa-trademark:before {
  content: "\f25c"
}

.fa-registered:before {
  content: "\f25d"
}

.fa-creative-commons:before {
  content: "\f25e"
}

.fa-gg:before {
  content: "\f260"
}

.fa-gg-circle:before {
  content: "\f261"
}

.fa-tripadvisor:before {
  content: "\f262"
}

.fa-odnoklassniki:before {
  content: "\f263"
}

.fa-odnoklassniki-square:before {
  content: "\f264"
}

.fa-get-pocket:before {
  content: "\f265"
}

.fa-wikipedia-w:before {
  content: "\f266"
}

.fa-safari:before {
  content: "\f267"
}

.fa-chrome:before {
  content: "\f268"
}

.fa-firefox:before {
  content: "\f269"
}

.fa-opera:before {
  content: "\f26a"
}

.fa-internet-explorer:before {
  content: "\f26b"
}

.fa-tv:before,
.fa-television:before {
  content: "\f26c"
}

.fa-contao:before {
  content: "\f26d"
}

.fa-500px:before {
  content: "\f26e"
}

.fa-amazon:before {
  content: "\f270"
}

.fa-calendar-plus-o:before {
  content: "\f271"
}

.fa-calendar-minus-o:before {
  content: "\f272"
}

.fa-calendar-times-o:before {
  content: "\f273"
}

.fa-calendar-check-o:before {
  content: "\f274"
}

.fa-industry:before {
  content: "\f275"
}

.fa-map-pin:before {
  content: "\f276"
}

.fa-map-signs:before {
  content: "\f277"
}

.fa-map-o:before {
  content: "\f278"
}

.fa-map:before {
  content: "\f279"
}

.fa-commenting:before {
  content: "\f27a"
}

.fa-commenting-o:before {
  content: "\f27b"
}

.fa-houzz:before {
  content: "\f27c"
}

.fa-vimeo:before {
  content: "\f27d"
}

.fa-black-tie:before {
  content: "\f27e"
}

.fa-fonticons:before {
  content: "\f280"
}

.fa-reddit-alien:before {
  content: "\f281"
}

.fa-edge:before {
  content: "\f282"
}

.fa-credit-card-alt:before {
  content: "\f283"
}

.fa-codiepie:before {
  content: "\f284"
}

.fa-modx:before {
  content: "\f285"
}

.fa-fort-awesome:before {
  content: "\f286"
}

.fa-usb:before {
  content: "\f287"
}

.fa-product-hunt:before {
  content: "\f288"
}

.fa-mixcloud:before {
  content: "\f289"
}

.fa-scribd:before {
  content: "\f28a"
}

.fa-pause-circle:before {
  content: "\f28b"
}

.fa-pause-circle-o:before {
  content: "\f28c"
}

.fa-stop-circle:before {
  content: "\f28d"
}

.fa-stop-circle-o:before {
  content: "\f28e"
}

.fa-shopping-bag:before {
  content: "\f290"
}

.fa-shopping-basket:before {
  content: "\f291"
}

.fa-hashtag:before {
  content: "\f292"
}

.fa-bluetooth:before {
  content: "\f293"
}

.fa-bluetooth-b:before {
  content: "\f294"
}

.fa-percent:before {
  content: "\f295"
}

.fa-gitlab:before {
  content: "\f296"
}

.fa-wpbeginner:before {
  content: "\f297"
}

.fa-wpforms:before {
  content: "\f298"
}

.fa-envira:before {
  content: "\f299"
}

.fa-universal-access:before {
  content: "\f29a"
}

.fa-wheelchair-alt:before {
  content: "\f29b"
}

.fa-question-circle-o:before {
  content: "\f29c"
}

.fa-blind:before {
  content: "\f29d"
}

.fa-audio-description:before {
  content: "\f29e"
}

.fa-volume-control-phone:before {
  content: "\f2a0"
}

.fa-braille:before {
  content: "\f2a1"
}

.fa-assistive-listening-systems:before {
  content: "\f2a2"
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3"
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4"
}

.fa-glide:before {
  content: "\f2a5"
}

.fa-glide-g:before {
  content: "\f2a6"
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7"
}

.fa-low-vision:before {
  content: "\f2a8"
}

.fa-viadeo:before {
  content: "\f2a9"
}

.fa-viadeo-square:before {
  content: "\f2aa"
}

.fa-snapchat:before {
  content: "\f2ab"
}

.fa-snapchat-ghost:before {
  content: "\f2ac"
}

.fa-snapchat-square:before {
  content: "\f2ad"
}

.fa-pied-piper:before {
  content: "\f2ae"
}

.fa-first-order:before {
  content: "\f2b0"
}

.fa-yoast:before {
  content: "\f2b1"
}

.fa-themeisle:before {
  content: "\f2b2"
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3"
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4"
}

.fa-handshake-o:before {
  content: "\f2b5"
}

.fa-envelope-open:before {
  content: "\f2b6"
}

.fa-envelope-open-o:before {
  content: "\f2b7"
}

.fa-linode:before {
  content: "\f2b8"
}

.fa-address-book:before {
  content: "\f2b9"
}

.fa-address-book-o:before {
  content: "\f2ba"
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb"
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc"
}

.fa-user-circle:before {
  content: "\f2bd"
}

.fa-user-circle-o:before {
  content: "\f2be"
}

.fa-user-o:before {
  content: "\f2c0"
}

.fa-id-badge:before {
  content: "\f2c1"
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2"
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3"
}

.fa-quora:before {
  content: "\f2c4"
}

.fa-free-code-camp:before {
  content: "\f2c5"
}

.fa-telegram:before {
  content: "\f2c6"
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7"
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8"
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9"
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca"
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb"
}

.fa-shower:before {
  content: "\f2cc"
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd"
}

.fa-podcast:before {
  content: "\f2ce"
}

.fa-window-maximize:before {
  content: "\f2d0"
}

.fa-window-minimize:before {
  content: "\f2d1"
}

.fa-window-restore:before {
  content: "\f2d2"
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3"
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4"
}

.fa-bandcamp:before {
  content: "\f2d5"
}

.fa-grav:before {
  content: "\f2d6"
}

.fa-etsy:before {
  content: "\f2d7"
}

.fa-imdb:before {
  content: "\f2d8"
}

.fa-ravelry:before {
  content: "\f2d9"
}

.fa-eercast:before {
  content: "\f2da"
}

.fa-microchip:before {
  content: "\f2db"
}

.fa-snowflake-o:before {
  content: "\f2dc"
}

.fa-superpowers:before {
  content: "\f2dd"
}

.fa-wpexplorer:before {
  content: "\f2de"
}

.fa-meetup:before {
  content: "\f2e0"
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative;
  direction: ltr;
  border-radius: 5px;
  height: 10px
}

.noUi-base {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  background-color: #ccc;
  border-radius: 5px
}

.noUi-connect {
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
  bottom: 0
}

.noUi-origin {
  position: absolute;
  height: 0;
  width: 0
}

.noUi-handle {
  position: relative;
  z-index: 1
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: top .3s, right .3s, bottom .3s, left .3s;
  transition: top .3s, right .3s, bottom .3s, left .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-base,
.noUi-handle {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.noUi-horizontal {
  height: 10px
}

.noUi-horizontal .noUi-handle {
  top: -7px;
  left: -6px;
  outline: 0;
  height: 24px;
  width: 24px;
  background-color: #fff;
  border: 4px solid #69be28;
  box-sizing: border-box;
  border-radius: 50%;
  cursor: pointer
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px
}

.noUi-target {
  background: #fafafa;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #BBB
}

.noUi-connect {
  background: #69be28;
  border-radius: 4px;
  -webkit-transition: background 450ms;
  transition: background 450ms
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #BBB
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
  border-color: #b8b8b8
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #CCC
}

.noUi-marker-sub {
  background: #AAA
}

.noUi-marker-large {
  background: #AAA
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate3d(-50%, 50%, 0);
  transform: translate3d(-50%, 50%, 0)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate3d(0, 50%, 0);
  transform: translate3d(0, 50%, 0);
  padding-left: 25px
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

@charset "UTF-8";

body {
  color: #333;
  font-family: "Roboto", Arial, san-serif;
  font-weight: 300;
  font-size: 16px;
  overflow-x: hidden;
  position: relative
}

h1,
h2,
h3,
h4,
h5,
p,
ul {
  font-weight: 300;
  margin: 0;
  padding: 0
}

h1,
h2,
h3,
h4,
h5,
th {
  font-weight: normal
}

h2 {
  color: #00b2a9;
  padding-bottom: 5px
}

li {
  list-style-type: none
}

input {
  font-size: .875em;
  position: relative
}

select {
  color: #686868;
  background: #fff;
  font-size: .875em;
  height: 46px;
  width: 100%
}

input[type=submit] {
  border: 0
}

input[type=text],
input[type=password],
select {
  border: 1px solid #dbdbdb;
  background-color: white;
  color: #333;
  font-size: 14px
}

input[type=text],
input[type=password] {
  height: 46px;
  -webkit-appearance: none
}

input[type=text].desactivo {
  background-color: #b4b4b4;
  border: 1px solid #959595
}

a {
  text-decoration: none
}

img {
  height: auto;
  max-width: 100%
}

label.error {
  display: table
}

.hidden {
  display: none !important
}

.error,
.canjeP3-form-box .canjeP3-left label.error,
.canjeP3-form-box .canjeP3-right label.error {
  color: red
}

.disabled {
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)"
}

.contenido {
  min-height: 75px;
  position: relative
}

.cargador {
  background: url("../images/pre-carga.gif") 50% 0 no-repeat;
  display: none;
  height: 30px;
  position: absolute;
  width: 100%;
  top: 0;
  z-index: 1
}

.cargador-airplane {
  background: url("../images/load-airplane.gif") 50% 0 no-repeat;
  display: inline-block;
  height: 82px;
  margin: auto;
  width: 289px;
  z-index: 1
}

.limiteOfertas,
.limiteCompras,
.limite,
.limite-viajes {
  clear: both;
  margin: 0 auto 0 auto;
  padding-bottom: 40px;
  position: relative;
  width: 96%
}

.limiteOfertas {
  width: 985px
}

.limiteCompras {
  width: 982px
}

.limite {
  width: 1100px
}

.elemento-horizontal li:first-child,
.elemento li:first-child {
  font-size: .938em
}

.elemento {
  margin-bottom: 7px
}

.elemento li:first-child {
  margin-bottom: 9px;
  font-weight: 400 !important
}

.elemento-horizontal,
.elemento-enlace {
  margin-bottom: 15px;
  overflow: hidden
}

.elemento-horizontal li,
.elemento-enlace li {
  color: #757575;
  float: left;
  padding-left: .5%;
  width: 49.5%
}

.elemento-horizontal li:first-child,
.elemento-enlace li:first-child {
  padding-left: 0;
  padding-right: .5%;
  text-align: right
}

.elemento-enlace a {
  border-bottom: 1px solid #e4e6e6;
  color: #9d9d9d;
  display: block;
  float: left;
  font-size: .813em
}

.elemento-alinear li:first-child {
  line-height: 50px
}

.elemento-grupo {
  overflow: hidden
}

.separar {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  height: 1px
}

.informacion {
  padding-top: 30px;
  width: 760px;
  position: relative
}

.titulo-general {
  margin: 60px auto
}

.titulo-general h1,
.titulo-general p {
  color: #393939;
  font-family: "omnes_Semibold", Arial;
  font-size: 26px;
  line-height: 26px;
  font-weight: normal
}

.buscador-ancho .titulo-general h1 {
  text-align: center
}

.titulo-general .separar {
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 3px
}

.subtitulo {
  border-bottom: 1px solid #e0e1e1;
  font-size: 1.25em
}

.info-adicional {
  position: relative;
  width: 100%
}

.info-adicional .ico-info {
  position: absolute;
  right: -28px;
  top: 14px
}

.info-util span {
  display: inline-block;
  vertical-align: middle
}

.botonera {
  border-top: 1px solid #ddd;
  clear: both;
  overflow: hidden;
  padding-top: 20px;
  text-align: center
}

.botonone-medio-canje>a,
.botonone-medio-canje input[type=submit],
.button-info-formpasaj>button,
.group-button-formreg>input[type=submit],
.group-button-formreg>button,
.botonera input[type=submit],
.botonera a,
.botonera input[type=button],
a#buttonContacto {
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  height: 50px;
  border: 0;
  padding: 17px;
  line-height: 1;
  margin: 0 2px;
  width: 48%;
  max-width: 105px;
  border: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer
}

a#buttonContacto:hover {
  background-color: #06c25e !important
}

.botonone-medio-canje input[type=submit] {
  width: 185px
}

.botonone-medio-canje>a {
  width: 105px;
  margin-right: 6px
}

.botonera a.texto {
  width: inherit !important;
  max-width: inherit !important;
  vertical-align: middle;
  font-size: 13px !important
}

.botonera .email {
  background-color: transparent !important;
  color: #606060 !important;
  position: relative;
  height: auto;
  line-height: inherit;
  width: 100% !important;
  max-width: 100% !important
}

.botonera .email .icon-email:before {
  display: inline-block;
  line-height: 10px;
  font-size: 19px;
  color: #009b3a;
  vertical-align: baseline
}

.botonera .email:after,
.botonera .print:after,
.botonera .download:after,
.botonera .share:after {
  content: " ";
  background-image: url("../images/ico-avanzar.png");
  background-repeat: no-repeat;
  width: 6px;
  height: 10px;
  margin-left: 9px;
  position: relative;
  display: inline-block
}

#div-stock-excedido .botonera {
  border: 0
}

#div-stock-excedido .botonera .canjear {
  display: block;
  background: #00bb31;
  max-width: 130px;
  margin: auto;
  border-radius: 8px;
  padding: 0;
  height: 40px;
  line-height: 40px
}

#div-stock-excedido {
  padding: 40px 30px 22px;
  width: 310px
}

#div-stock-excedido .texto {
  text-align: center
}

#div-stock-excedido .botonera .eliminar {
  color: #333;
  text-decoration: underline;
  padding: 0;
  height: auto;
  line-height: inherit;
  margin-top: 20px
}

.botonera span {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle
}

.botonone-medio-canje input[type=submit],
.button-info-formpasaj>button,
.group-button-formreg>input[type=submit],
.group-button-formreg>button,
.botonera .continuar,
.botonera .continuar-fin,
#datos-despacho form .botonera input,
a#buttonContacto {
  background-color: #00bb31 !important;
  transition: all .2s linear;
  max-width: 185px !important
}

.botonone-medio-canje input[type=submit]:hover,
.button-info-formpasaj>button:hover,
.group-button-formreg>input[type=submit]:hover,
.group-button-formreg>button:hover,
.botonera .continuar:hover,
.botonera .continuar-fin:hover,
#datos-despacho form .botonera input:hover {
  background-color: #06c25e !important
}

.port-viaje-form .group-button-formreg button {
  width: 100%
}

.botonera .continuar-off {
  background-color: #bfbfbf
}
#lightbox-sesion .botonera .continuar{
	max-width: inherit !important;
	width: 100%;
	margin-bottom: 16px !important;
	margin: auto;
	background-color: #05be50 !important;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	font-size: 14px;
}
.botonera .cerrar-sesion{
  max-width: inherit !important;
  width: 100%;
  border: 1px solid #05be50;
  color: #05be50;
  margin: auto;
  background: 0 0;
  border-radius: 5px;
  outline: 0;
  font-size: 14px;
}

.botonone-medio-canje>a,
#datos-despacho form .botonera a,
.botonera .volver {
  background-color: transparent !important;
  border: 1px solid #00bb31;
  transition: all .2s linear;
  color: #00bb31;
  font-weight: 400;
  transition: all .2s linear;
  height: 51px !important
}

.botonone-medio-canje>a:hover,
#datos-despacho form .botonera a:hover,
.botonera .volver:hover {
  opacity: .6
}

.ico-buscar {
  background-image: url("../images/ico-buscar-n.png");
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  float: right;
  height: 50px;
  margin-top: 28px;
  width: 49px;
  background-color: #00bb31;
  border: 1px solid #a1e893;
  border-radius: 3px
}

.busqueda {
  overflow: hidden;
  position: relative
}

.palabra-clave {
  float: right;
  overflow: hidden
}

.palabra-clave .elemento,
.palabra-clave .ico-buscar {
  float: left
}

.palabra-clave .ico-buscar {
  margin-left: 10px
}

.palabra-clave input {
  padding-left: 10px;
  width: 240px
}

.filtro {
  clear: both
}

.filtro a {
  background: url("../images/ico-accion.png") 0 50% no-repeat;
  clear: both;
  color: #747474;
  padding-left: 15px;
  font-size: .938em
}

.filtro a:hover {
  text-decoration: underline
}

.despliegue,
.despliegue-subCategoria {
  clear: both;
  display: none;
  width: 100%;
  max-width: 900px;
  margin: 0 40px
}

#fromselect .despliegue {
  display: block !important
}

.despliegue label,
.despliegue-subCategoria label {
  float: left !important;
  font-size: .938em;
  margin: 10px 0 !important;
  width: 25%;
  display: flex;
  align-items: center
}

.despliegue label input,
.despliegue-subCategoria label input {
  margin-right: 5px !important;
  width: 13px !important
}

.ico-seguir {
  background: url("../images/ico-seguir.png") 0 0 no-repeat;
  height: 10px;
  width: 6px
}

.ico-info {
  background: url("../images/ico-info.png") 0 0 no-repeat;
  cursor: pointer;
  height: 23px;
  position: relative;
  width: 23px
}

.ico-info .tooltip {
  display: none
}

.ico-cerrar {
  background: url("../images/ico-cerrar.png") 0 0 no-repeat;
  display: block;
  height: 16px;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 16px
}

.ico-oferta {
  display: block;
  height: 17px;
  width: 11px
}

.ico-retroceder-oferta {
  background: url("../images/ico-retroceder-oferta.png") 0 0 no-repeat;
  margin-right: 20px
}

.ico-avanzar-oferta {
  background: url("../images/ico-avanzar-oferta.png") 0 0 no-repeat;
  margin-left: 20px
}

.ico-salida,
.ico-regreso {
  padding-left: 21px
}

.ico-salida {
  background: url("../images/ico-salida.png") 0 50% no-repeat
}

.ico-regreso {
  background: url("../images/ico-regreso.png") 0 50% no-repeat
}

.ico-arrow {
  background: url("../images/ico-arrow.png") 0 50% no-repeat;
  height: 20px;
  margin: 0 7px;
  width: 14px
}

.logo-copa {
  background: url("../images/logo-copa.png") 50% 50% no-repeat;
  height: 16px;
  margin-left: 10px;
  width: 89px
}

.logo-avianca {
  background: url("../images/logo-avianca.png") 50% 50% no-repeat;
  height: 16px;
  margin-left: 10px;
  width: 89px
}

.logo-american {
  background: url("../images/logo-american.png") 50% 50% no-repeat;
  height: 16px;
  margin-left: 10px;
  width: 89px
}

.ico-copa {
  height: 23px;
  margin: 5px 7px 0 0;
  width: 23px
}

.cerrarSesion strong.texto {
  display: inline-block !important;
  vertical-align: middle
}

#menu-principal {
  padding-top: 1px
}

#menu-principal * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

#menu-principal>div {
  background-color: #00bb31
}

#menu-principal>div nav:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both
}

#menu-principal .alineacion>ul>li {
  float: left;
  position: relative
}

#menu-principal .principal .menu-link {
  color: #fff;
  display: block;
  float: left;
  font-size: 13px;
  height: 61px;
  min-width: 135px;
  text-align: center;
  position: relative;
  z-index: 4;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s
}

#menu-principal .principal .menu-link span:first-child {
  height: 61px
}

#menu-principal .principal .menu-item:hover .menu-link,
#menu-principal .principal .menu-link.activo {
  background-color: #fff;
  color: #00bb31;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-sizing: border-box
}

#menu-principal>.menu {
  display: none
}

#menu-principal .principal>span {
  display: none
}

#menu-principal .principal span {
  vertical-align: middle;
  line-height: 61px;
  padding: 0 20px;
  font-weight: normal
}

#menu-principal .submenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f2f2f2;
  z-index: 6;
  width: 340px;
  padding: 12px 20px;
  border: 1px solid #ddd;
  border-top: 0
}

#menu-principal #marcas {
  max-width: 135px !important
}

#menu-principal #marcas span {
  line-height: inherit;
  text-align: center;
  padding: 0;
  display: block;
  margin-top: 14px
}

.only-responsive .submenu {
  display: block !important
}

#menu-principal .submenu>li {
  width: 130px;
  float: left;
  padding: 12px 20px;
  font-size: 13px
}

#menu-principal .submenu a {
  font-size: 13px;
  color: #333
}

#menu-principal .submenu a:hover,
#menu-principal .submenu a.activo,
#menu-principal .submenu a:hover,
#menu-principal .submenu a.activado {
  text-decoration: underline
}

#menu-principal .menu-item:hover .submenu {
  display: block
}

.miga {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  background: rgba(0, 0, 0, 0.5)
}

.miga .detalle {
  font-size: .813em;
  position: relative;
  line-height: 1;
  z-index: 1;
  width: 95%;
  padding: 10px 0;
  max-width: 1400px;
  margin: 0 auto;
  box-sizing: border-box
}

.miga .detalle a,
.miga .detalle span,
.miga .detalle p {
  display: table-cell;
  vertical-align: middle
}

.miga .detalle a,
.miga .detalle span {
  color: #fff
}

.miga .detalle span {
  padding: 0 6px
}

.miga .activo {
  color: #27dbff
}

.miga .fondo {
  background-color: #000;
  -ms-filter: "alpha(opacity=50)";
  height: 100%;
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50)
}

#subopciones-menu {
  background-color: #fff;
  left: 0;
  right: 0;
  overflow: hidden;
  padding-left: 40px;
  position: absolute;
  z-index: 0;
  display: block;
  width: auto;
  position: relative
}

#acceso,
.acceso-oportunidad {
  background-color: #fff;
  left: 0;
  right: 0;
  overflow: hidden;
  padding-left: 40px;
  position: absolute;
  z-index: 1
}

#subopciones-menu a,
#acceso a,
.acceso-oportunidad a {
  color: #353535;
  float: left;
  font-size: .813em;
  text-align: center;
  transition: all ease .3s;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s
}

#subopciones-menu a span,
#acceso a span,
.acceso-oportunidad a span {
  display: inline-block;
  vertical-align: middle
}

#subopciones-menu a span:first-child,
#acceso a span:first-child,
.acceso-oportunidad a span:first-child {
  height: 48px
}

#subopciones-menu a:hover,
#acceso a:hover,
.acceso-oportunidad a:hover,
#subopciones-menu a.activo,
#acceso a.activo,
.acceso-oportunidad a.activo {
  background-color: #fab428;
  color: #fff
}

#subopciones-menu {
  top: 0
}

#subopciones-menu a {
  border-bottom: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  padding: 0 10px
}

#subopciones-menu a:first-child {
  border-left: 1px solid #dbdbdb
}

#acceso,
.acceso-oportunidad {
  border-top: 1px solid #dbdbdb;
  bottom: 0
}

#acceso a,
.acceso-oportunidad a {
  border-right: 1px solid #dbdbdb;
  padding: 0 40px
}

#acceso a:first-child,
.acceso-oportunidad a:first-child {
  border-left: 1px solid #dbdbdb
}

.flotante-principal,
.flotante-secundario {
  position: absolute;
  z-index: 5
}

.flotante-principal {
  display: none
}

.flotante-principal .resumen,
.flotante-secundario .resumen {
  position: absolute
}

.flotante-principal .resumen .arrow-resumen,
.flotante-secundario .resumen .arrow-resumen,
.flotante-principal .resumen .arrow-explora,
.flotante-secundario .resumen .arrow-explora,
.flotante-principal .resumen .arrow-oportunidad,
.flotante-secundario .resumen .arrow-oportunidad,
.flotante-principal .resumen .detalle,
.flotante-secundario .resumen .detalle {
  float: left
}

.flotante-principal .resumen .arrow-resumen,
.flotante-secundario .resumen .arrow-resumen {
  background: url("../images/arrow-resumen.png") 0 0 no-repeat;
  height: 115px;
  width: 26px
}

.flotante-principal .resumen .arrow-explora,
.flotante-secundario .resumen .arrow-explora {
  background: url("../images/arrow-explora.png") 0 0 no-repeat;
  height: 78px;
  width: 20px
}

.flotante-principal .resumen .arrow-oportunidad,
.flotante-secundario .resumen .arrow-oportunidad {
  background: url("../images/arrow-oportunidad.png") 0 0 no-repeat;
  height: 126px;
  width: 33px
}

.flotante-principal .resumen .detalle,
.flotante-secundario .resumen .detalle {
  behavior: url("../static/css/PIE.htc");
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  color: #393939
}

.flotante-principal {
  right: 40px;
  top: -61px
}

.flotante-principal .resumen {
  left: -56px;
  top: 20px;
  width: 346px
}

.flotante-principal .resumen .detalle {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 124px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 124px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 124px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 124px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 124px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 124px);
  height: 124px;
  position: relative;
  text-align: center;
  width: 310px
}

.flotante-principal .resumen .detalle>p {
  background: #fafafa;
  background: -webkit-linear-gradient(top, #fafafa 0, #f8f8f8 40px);
  background: -moz-linear-gradient(top, #fafafa 0, #f8f8f8 40px);
  background: -o-linear-gradient(top, #fafafa 0, #f8f8f8 40px);
  background: -ms-linear-gradient(top, #fafafa 0, #f8f8f8 40px);
  background: linear-gradient(to bottom, #fafafa 0, #f8f8f8 40px);
  -pie-background: linear-gradient(top, #fafafa 0, #f8f8f8 40px);
  behavior: url("../static/css/PIE.htc");
  color: #6b6b6b;
  height: 35px;
  padding-top: 5px;
  position: absolute;
  width: 312px;
  z-index: 1
}

.flotante-principal .resumen .detalle>p span,
.flotante-principal .resumen .detalle>p a {
  color: #6b6b6b;
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle
}

.flotante-principal .resumen .detalle>p .cantidad {
  font-size: 1.25em
}

.flotante-principal .resumen .detalle>p .oportunidades {
  font-size: .938em
}

.flotante-principal .resumen .detalle ul {
  margin-top: 60px
}

.flotante-principal .resumen .detalle ul li {
  display: inline-block;
  font-size: .938em;
  vertical-align: middle
}

.flotante-principal .resumen .detalle ul p {
  width: 165px
}

.flotante-principal .resaltar {
  padding-top: 155px;
  padding-bottom: 10px
}

.flotante-principal .resaltar ul {
  clear: both;
  margin: 10px 0;
  overflow: hidden
}

.flotante-principal .resaltar li {
  border-left: 1px solid #5ad5d0;
  display: inline-block;
  padding: 3px 0 3px 10px;
  vertical-align: middle;
  width: 190px
}

.flotante-principal .resaltar li:first-child {
  border-left: 0;
  font-size: 1.25em;
  padding: 0;
  text-align: center;
  width: 45px
}

.flotante-principal .resaltar p {
  padding-left: 60px;
  width: 200px
}

.flotante-principal .resaltar a {
  color: #fff;
  display: block;
  font-size: .938em;
  text-align: center
}

.flotante-principal .resaltar a:hover {
  text-decoration: underline
}

.flotante-secundario {
  min-height: 460px;
  padding-bottom: 75px;
  right: 0;
  top: -22px
}

.flotante-secundario .titulo {
  font-size: .938em;
  padding: 10px
}

.flotante-secundario .mis-canjes {
  position: relative
}

.flotante-secundario .mis-canjes .calculo {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 113px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 113px);
  border-top: 1px solid #c4c4c4;
  color: #636363;
  min-height: 95px;
  padding: 10px;
  z-index: 10;
  max-height: 320px;
  overflow-y: auto
}

.flotante-secundario .mis-canjes .calculo ul {
  overflow: hidden
}

.flotante-secundario .mis-canjes .calculo li {
  float: left;
  line-height: 17px;
  text-align: right;
  width: 35%
}

.flotante-secundario .mis-canjes .calculo li:first-child {
  font-size: .813em;
  text-align: left;
  width: 65%
}

.flotante-secundario .mis-canjes .calculo li.numero {
  color: #0039a6;
  font-size: 1.063em
}

.flotante-secundario .mis-canjes .calculo .total {
  border-top: 1px solid #c5c5c5;
  margin-top: 10px;
  padding-top: 10px
}

.flotante-secundario .mis-canjes .arrow-resumen,
.flotante-secundario .mis-canjes .borde {
  height: 115px;
  position: absolute;
  top: 0
}

.flotante-secundario .mis-canjes .arrow-resumen {
  left: -36px;
  width: 36px
}

.flotante-secundario .mis-canjes .arrow-resumen span,
.flotante-secundario .mis-canjes .arrow-resumen p {
  float: left;
  height: 115px
}

.flotante-secundario .mis-canjes .arrow-resumen span {
  background: url("../images/arrow-resumen.png") 0 0 no-repeat;
  display: block;
  width: 26px
}

.flotante-secundario .mis-canjes .arrow-resumen p {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 113px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 113px);
  border-bottom: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  width: 10px
}

.flotante-secundario .mis-canjes .borde {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 113px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 113px);
  behavior: url("../static/css/PIE.htc");
  border-bottom: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  right: -11px;
  width: 10px
}

.flotante-secundario .afirma {
  background: url("../images/ico-seleccionado.png") 0 50% no-repeat;
  font-size: .938em;
  margin: 10px 0 0 10px;
  padding-left: 25px
}

.flotante-secundario .tienes {
  background-color: #fff;
  font-size: .938em;
  padding: 15px 15px
}

.flotante-secundario .tienes .tienes-texto {
  color: #636363
}

.flotante-secundario .tienes .tienes-puntos {
  color: #0039a6
}

.flotante-secundario .resumen {
  left: -36px;
  top: 90px;
  width: 327px
}

.flotante-secundario .resumen .detalle {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 113px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 113px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 113px);
  color: #636363;
  height: 103px;
  padding: 10px 10px 0 20px;
  width: 265px
}

.flotante-secundario .resumen .detalle p {
  border-bottom: 1px solid #d9d9d9;
  font-size: .938em;
  margin-bottom: 3px;
  padding-bottom: 3px
}

.flotante-secundario .resumen .detalle li {
  font-size: .813em;
  line-height: 17px
}

.flotante-secundario .resumen .detalle li span {
  color: #0039a6
}

.flotante-secundario .resumen-producto ul {
  clear: both;
  overflow: hidden
}

.flotante-secundario .resumen-producto li {
  float: left;
  text-align: right;
  width: 50%
}

.flotante-secundario .resumen-producto li:first-child {
  text-align: left
}

.flotante-secundario .resumen-producto li.numero {
  color: #0039a6;
  font-size: 1.063em
}

.flotante-secundario .resumen-producto .total {
  background-color: #f5f5f6;
  border-bottom: 1px solid #a5a7aa;
  border-left: 1px solid #a5a7aa;
  border-right: 1px solid #a5a7aa;
  bottom: -40px;
  color: #636363;
  height: 40px;
  line-height: 40px;
  left: 36px;
  position: absolute;
  width: 278px
}

.flotante-secundario .resumen-producto .total ul {
  border-top: 1px solid #c5c5c5;
  margin: 0 15px
}

.flotante-secundario .resumen-producto .total li:first-child {
  font-size: .813em
}

.flotante-secundario .cotizando {
  padding: 10px 0 0 10px
}

.flotante-secundario .cotizando .enunciado,
.flotante-secundario .cotizando .disponibles {
  font-size: .938em
}

.flotante-secundario .cotizando .viaje li:first-child {
  padding-bottom: 135px
}

.flotante-secundario .cotizando .compra li:first-child {
  padding-bottom: 170px
}

.flotante-secundario .cotizando .compra p {
  background: url("../images/ico-seleccionado.png") 0 50% no-repeat;
  padding-left: 25px
}

.flotante-secundario .cotizando .disponibles {
  margin-top: 10px;
  overflow: hidden;
  padding-right: 10px
}

.flotante-secundario .cotizando .disponibles li {
  float: right
}

.flotante-secundario .cotizando .disponibles li:first-child {
  float: left;
  width: 75%
}

.flotante-secundario .cotizando .combinacion {
  border-top: 1px solid #55d2cb;
  margin: 10px 10px 0 0;
  padding-top: 10px
}

.flotante-secundario .cotizando .combinacion p {
  font-size: .938em
}

.flotante-secundario .cotizando .combinacion ul {
  margin: 10px 0
}

.flotante-secundario .cotizando .combinacion li {
  display: inline-block;
  margin-left: 3px;
  vertical-align: middle
}

.flotante-secundario .cotizando .combinacion li:first-child {
  line-height: 15px;
  margin-left: 0;
  font-size: .813em
}

.flotante-secundario .cotizando .combinacion input[type=text] {
  color: #aaa;
  height: 28px;
  padding-left: 5px;
  text-align: left;
  width: 60px
}

.flotante-secundario .cotizando .combinacion input[type=submit] {
  background-color: #0f655f;
  border: 1px solid #3cafa8;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: .688em;
  height: 34px;
  padding: 5px 15px;
  transition: all .2s linear
}

.flotante-secundario .cotizando .combinacion input[type=submit]:hover {
  transition: all .2s linear
}

.flotante-explora {
  position: relative
}

.flotante-explora .flotante-principal .resaltar {
  margin-top: 10px;
  padding-bottom: 110px;
  padding-top: 0
}

.flotante-oportunidad .flotante-principal .resaltar {
  margin-top: 10px;
  padding-bottom: 135px;
  padding-top: 0
}

.flotante-explora .flotante-principal .resumen,
.flotante-oportunidad .flotante-principal .resumen {
  left: -28px;
  top: 65px;
  width: 321px;
  z-index: 20
}

.flotante-explora .flotante-principal .resumen>div,
.flotante-oportunidad .flotante-principal .resumen>div {
  height: 78px
}

.flotante-explora .flotante-principal .resumen .detalle,
.flotante-oportunidad .flotante-principal .resumen .detalle {
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 76px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 76px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 76px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 76px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 76px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 76px);
  color: #393939;
  font-size: 1.063em;
  height: 76px;
  position: relative;
  width: 299px
}

.flotante-explora .flotante-principal .resumen .proyeccion,
.flotante-oportunidad .flotante-principal .resumen .proyeccion {
  background-color: #f5f5f5;
  border-bottom: 1px solid #c4c4c4;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  bottom: -25px;
  height: 25px;
  position: absolute;
  right: 13px;
  width: 278px;
  z-index: 1
}

.flotante-explora .flotante-principal .resumen .explora,
.flotante-oportunidad .flotante-principal .resumen .explora {
  padding: 5px 12px 0 8px
}

.flotante-explora .flotante-principal .resumen .explora p,
.flotante-oportunidad .flotante-principal .resumen .explora p {
  margin-bottom: 7px
}

.flotante-explora .flotante-principal .resumen .explora span,
.flotante-oportunidad .flotante-principal .resumen .explora span {
  font-weight: bold
}

.flotante-explora .flotante-principal .resumen .explora a,
.flotante-oportunidad .flotante-principal .resumen .explora a {
  color: #393939;
  display: block;
  font-size: .938em;
  text-decoration: underline
}

.flotante-explora .flotante-principal .resumen .explora a:hover,
.flotante-oportunidad .flotante-principal .resumen .explora a:hover {
  text-decoration: underline
}

.flotante-explora .flotante-principal .resumen .beneficios,
.flotante-oportunidad .flotante-principal .resumen .beneficios {
  color: #393939;
  font-size: .938em;
  position: absolute;
  top: 25px;
  width: 100%;
  z-index: 2
}

.flotante-explora .flotante-principal .resumen .beneficios ul,
.flotante-oportunidad .flotante-principal .resumen .beneficios ul {
  margin: 10px 0 5px 0
}

.flotante-explora .flotante-principal .resumen .beneficios ul p,
.flotante-oportunidad .flotante-principal .resumen .beneficios ul p {
  width: 165px
}

.flotante-explora .flotante-principal .resumen .beneficios li,
.flotante-oportunidad .flotante-principal .resumen .beneficios li {
  display: inline-block;
  vertical-align: middle
}

.estado {
  background-color: #f9fbfb;
  border-bottom: 1px solid #e4e5e5;
  height: 56px;
  padding-top: 28px;
  position: relative
}

.estado .barra {
  background-color: #00bb31;
  height: 6px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.estado .limite .titulo-canje,
.estado .limite .estado-4pasos {
  float: left
}

.estado .limite .titulo-canje {
  color: #313131;
  font-size: 1.25em;
  line-height: 34px;
  margin-right: 30px
}

.estado .limite .estado-4pasos {
  overflow: hidden;
  width: 380px
}

.estado .limite .estado-4pasos li {
  float: left;
  position: relative;
  height: 22px;
  padding-top: 13px
}

.estado .limite .estado-4pasos span {
  background-color: #f9fbfb;
  behavior: url("../static/css/PIE.htc");
  border: 4px solid #d0d2d3;
  -webkit-border-radius: 17px;
  border-radius: 17px;
  -moz-border-radius: 17px;
  -webkit-border-radius: 17px;
  color: #797979;
  display: block;
  font-size: 1.125em;
  height: 26px;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 26px
}

.estado .limite .estado-4pasos p {
  background-color: #d0d2d3;
  height: 8px;
  width: 100%
}

.estado .limite .estado-4pasos .paso-1 {
  width: 20%
}

.estado .limite .estado-4pasos .paso-1 span {
  left: 0
}

.estado .limite .estado-4pasos .paso-2 {
  width: 30%
}

.estado .limite .estado-4pasos .paso-2 span {
  left: 35%
}

.estado .limite .estado-4pasos .paso-3 {
  width: 30%
}

.estado .limite .estado-4pasos .paso-3 span {
  right: 35%
}

.estado .limite .estado-4pasos .paso-4 {
  width: 20%
}

.estado .limite .estado-4pasos .paso-4 span {
  right: 0
}

.estado .limite .estado-operacion .presente span {
  border: 4px solid #00add0;
  color: #00a6cf
}

.estado .limite .estado-operacion .presente p {
  background-color: #00add0
}

.estado .limite .estado-operacion .pasado span {
  border: 4px solid #4cc1dd;
  color: #00a6cf
}

.estado .limite .estado-operacion .pasado p {
  background-color: #4cc1dd
}

.estado .limite .completo-off span {
  background: url("../images/ico-estado-incompleto.png") #fff 50% 50% no-repeat
}

.estado .limite .completo-on span {
  background: url("../images/ico-estado-completo.png") #fff 50% 50% no-repeat
}

.oferta section {
  margin-left: -3px;
  overflow: hidden;
  max-width: 984px;
  margin: auto
}

.oferta .titulo-general {
  padding-top: 15px;
  text-align: center
}

.oferta .titulo-general span {
  margin: 0 auto
}

.oferta form {
  background-color: #f9fbfb;
  border: 1px solid #dbdbdb;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 15px;
  position: relative
}

.oferta form .filtro {
  left: 15px;
  position: absolute;
  top: 40px
}

.oferta article {
  border: 1px solid #dbdbdb;
  float: left;
  margin: 3px;
  position: relative
}

.oferta article>div {
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1
}

.oferta article>div .nombre,
.oferta article>div .precio,
.oferta article>div .solo-precio,
.oferta article>div .descuento,
.oferta article>div .detalle-compra {
  position: absolute
}

.oferta article>div .nombre h3 {
  text-align: left
}

.oferta article>div .nombre span {
  background-color: #fff;
  display: block;
  height: 2px;
  width: 22px
}

.oferta article>div .precio ul,
.oferta article>div .descuento ul {
  overflow: hidden
}

.oferta article>div .precio li,
.oferta article>div .descuento li {
  float: left
}

.oferta article>div .precio li {
  padding-top: 10px
}

.oferta article>div .precio li:first-child {
  border-right: 1px solid #fff;
  font-size: 1.75em;
  margin-right: 10px;
  padding: 0 10px 0 0
}

.oferta article>div .precio .soles {
  font-size: 1.125em
}

.oferta article>div .detalle-compra {
  bottom: 10px;
  padding: 5px 10px;
  text-align: left
}

.oferta article>div .detalle-compra a {
  color: #fff;
  display: inline-block;
  font-size: .813em;
  vertical-align: middle
}

.oferta article>div .detalle-compra a:first-child {
  margin-right: 10px;
  text-decoration: underline
}

.oferta article>div .detalle-compra a.boton {
  background-color: #0039a6;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px
}

.desde-basico {
  height: 239px;
  width: 316px
}

.desde-basico>div {
  height: 239px
}

.desde-basico>div .nombre,
.desde-basico>div .precio {
  left: 30px
}

.desde-basico>div .nombre {
  top: 30px
}

.desde-basico>div .nombre h3 {
  font-size: 2.5em
}

.desde-basico>div .precio {
  bottom: 50px
}

.descuento-basico {
  width: 235px
}

.descuento-completo {
  width: 477px
}

.descuento-completo>div .nombre {
  max-width: 417px
}

.descuento-basico,
.descuento-completo {
  height: 270px
}

.descuento-basico>div,
.descuento-completo>div {
  height: 269px
}

.descuento-basico>div .nombre,
.descuento-completo>div .nombre,
.descuento-basico>div .precio,
.descuento-completo>div .precio,
.descuento-basico>div .descuento,
.descuento-completo>div .descuento,
.descuento-basico>div .detalle-compra,
.descuento-completo>div .detalle-compra {
  text-align: left;
  left: 10px
}

.descuento-basico>div .nombre,
.descuento-completo>div .nombre,
.descuento-basico>div .precio,
.descuento-completo>div .precio,
.descuento-basico>div .descuento,
.descuento-completo>div .descuento {
  background: url("../images/fondo.png") 0 0 repeat;
  padding: 5px 10px
}

.descuento-basico>div .nombre,
.descuento-completo>div .nombre {
  top: 10px;
  right: 10px
}

.descuento-basico>div .nombre h3,
.descuento-completo>div .nombre h3 {
  font-size: 1.263em;
  line-height: 1em
}

.descuento-basico>div .nombre span,
.descuento-completo>div .nombre span {
  margin: 10px 0
}

.descuento-basico>div .precio,
.descuento-completo>div .precio {
  bottom: 75px
}

.descuento-basico>div .descuento,
.descuento-completo>div .descuento {
  bottom: 75px
}

.descuento-basico>div .descuento li:first-child,
.descuento-completo>div .descuento li:first-child {
  font-size: 3.125em
}

.descuento-basico>div .descuento .porcentaje,
.descuento-completo>div .descuento .porcentaje {
  font-size: 2.188em;
  padding-top: 13px
}

.descuento-basico>div .descuento p,
.descuento-completo>div .descuento p {
  margin-top: -7px
}

.descuento-basico .fondo-resaltar,
.descuento-completo .fondo-resaltar {
  behavior: url("../static/css/PIE.htc");
  border-right: 235px solid transparent;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0
}

.descuento-basico .color-1,
.descuento-completo .color-1 {
  border-top: 269px solid #ff7933
}

.descuento-basico .color-2,
.descuento-completo .color-2 {
  border-top: 269px solid #9c5fb5
}

.nombre-resaltar>div .nombre,
.nombre-resaltar>div .descuento {
  background: inherit;
  padding: 0
}

.descuento-compra {
  height: 208px;
  width: 316px
}

.descuento-compra>div {
  height: 208px
}

.paquete-compra {
  height: 235px;
  width: 316px
}

.paquete-compra>div {
  height: 235px
}

.descuento-compra>div .nombre-precio {
  background: url("../images/fondo.png") 0 0 repeat;
  left: 20px;
  padding: 5px 10px;
  position: absolute;
  text-align: left;
  top: 20px;
  width: 256px
}

.descuento-compra>div .descuento-nombre {
  margin-bottom: 10px
}

.descuento-compra>div .descuento-nombre h3 {
  font-size: 1.5em
}

.descuento-compra>div .descuento-nombre span {
  background-color: #fff;
  display: block;
  height: 2px;
  margin-top: 10px;
  width: 22px
}

.descuento-compra>div .descuento-precio span {
  text-decoration: line-through
}

.descuento-compra .detalle-compra {
  left: 20px
}

#privada article {
  height: 239px;
  width: 316px
}

#privada article>div {
  height: 239px
}

#privada article>div .nombre,
#privada article>div .precio {
  left: 30px
}

#privada article>div .nombre {
  top: 30px
}

#privada article>div .nombre h3 {
  font-size: 2.5em
}

#privada article>div .precio {
  bottom: 30px
}

.boton {
  background-color: #0039a6;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  -webkit-transition: all ease .3s;
  -moz-transition: all ease .3s;
  -o-transition: all ease .3s;
  -ms-transition: all ease .3s;
  transition: all ease .3s;
  position: relative;
  color: #fff;
  display: inline-block;
  font-size: .813em;
  vertical-align: middle
}

.boton:hover {
  background-color: #3d59c2
}

.nombre a {
  font-size: 20px;
  line-height: 20px;
  color: #686868
}

.precio {
  font-size: 14px
}

.precio .soles,
.precio .dolares {
  display: inline-block
}

.precio .soles span,
.precio .dolares span {
  font-size: 24px;
  line-height: 24px
}

.precio .soles {
  font-size: 20px
}

.precio .soles .dec {
  font-size: 14px
}

.precio .dolares {
  font-size: 20px
}

.precio .dolares .dec {
  font-size: 16px
}

.precio .puntos {
  font-size: 24px;
  line-height: 24px
}

.precio .puntos .mb {
  font-size: 14px;
  font-weight: 400
}

.imagen {
  height: 270px
}

.imagen img {
  max-width: 100%;
  height: auto
}

.descripcion {
  padding: 10px 18px 10px 18px;
  height: 140px
}

.detalle-compra {
  text-align: right;
  position: absolute;
  bottom: 8px;
  right: 10px
}

.ver-detalle {
  font-size: 12px;
  color: #666;
  text-decoration: underline;
  margin-right: 10px
}

.producto,
.paquete,
.descuento,
.oportunidad {
  background: #f2f2f2;
  border: 1px solid #e7e7e7;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  margin-bottom: 8px
}

.producto,
.descuento {
  width: 235px
}

.producto .soles,
.descuento .soles,
.oportunidad .soles {
  font-size: 16px
}

.producto .soles .dec,
.descuento .soles .dec,
.oportunidad .soles .dec {
  font-size: 12px
}

.oportunidad {
  width: 316px;
  position: relative
}

.grid-item.paquete {
  width: 480px;
  overflow: inherit
}

.paquete .imagen {
  height: 270px
}

.oportunidad .imagen {
  height: 208px;
  width: 316px;
  position: relative
}

.oportunidad .cont-flag {
  position: absolute;
  z-index: 1;
  width: 110px;
  height: 110px;
  background-size: cover
}

.oportunidad .cont-flag .flag {
  width: 155px;
  font-size: 22px;
  top: 30px;
  left: -33px
}

.grid-item.producto .imagen {
  position: relative
}

.grid-item.producto .cont-flag {
  top: 0;
  width: 140px;
  height: 140px;
  z-index: 20
}

.grid-item.producto .cont-flag .flag {
  width: 198px;
  top: 36px;
  left: -43px;
  font-size: 30px
}

.grit-item.producto .cont-flag .flag span {
  font-size: 20px
}

.grid-item.producto .oferta {
  text-decoration: line-through
}

.grid-item.producto .oferta .porc-oferta {
  text-decoration: none !important
}

.porc-oferta-opacity .porc-oferta {
  opacity: .3
}

@media screen and (max-width:450px) {
  #lista-home .bajo-stock {
    font-size: 10px !important
  }

  #lista-home .cont-flag .flag {
    width: 100px !important;
    top: 17px !important;
    left: -23px !important;
    font-size: 16px !important
  }

  #lista-home .cont-flag .flag span {
    font-size: 12px !important
  }
}

@media screen and (max-width:370px) {
  .grid-item.producto .cont-flag {
    width: 100px !important;
    height: 100px !important
  }

  .grid-item.producto .cont-flag .flag {
    width: 141px !important;
    top: 25px !important;
    left: -31px !important;
    font-size: 22px !important
  }

  .grit-item.producto .cont-flag .flag span {
    font-size: 14px !important
  }
}

.oportunidad .cont-flag .flag span {
  font-size: 12px
}

.grid-item .descripcion .oferta {
  font-size: 14px
}

.grid-item .descripcion .oferta span:nth-child(1) {
  text-decoration: line-through
}

.grid-item .descripcion .oferta .porc-oferta {
  text-decoration: none;
  background-color: #e0035b;
  color: #fff;
  margin-left: 5px;
  display: inline-block;
  line-height: 20px;
  padding: 0 5px;
  border-radius: 10px
}

.porcentaje span {
  font-size: 40px;
  line-height: 40px
}

.sep {
  height: 18px;
  width: 1px;
  background: #686868;
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px
}

#lista-home {
  margin: auto
}

.img-fondo .central {
  max-width: 1400px;
  margin: auto;
  display: block
}

@media screen and (max-width:1024px) {
  .img-fondo .central {
    width: 100%
  }
}

#central-home,
#contenedor,
.img-fondo,
.img-home {
  position: relative
}

.slider-cnt {
  max-width: 1400px;
  margin: auto;
  position: relative
}

.slider-cnt .img-cnt {
  display: block;
  position: relative
}

.cont-flag {
  display: block;
  width: 245px;
  height: 245px;
  position: absolute;
  overflow: hidden
}

.cont-flag .flag {
  font-size: 60px;
  color: #fff;
  background-color: #e0035b;
  transform: rotate(-45deg);
  position: absolute;
  top: 54px;
  left: -80px;
  width: 346px;
  text-align: center
}

.cont-flag .flag span {
  font-size: 24px
}

@media screen and (max-width:900px) {
  .cont-flag {
    width: 200px;
    height: 200px
  }

  .cont-flag .flag {
    width: 282px;
    top: 54px;
    left: -60px;
    font-size: 40px
  }

  .cont-flag .flag span {
    font-size: 20px
  }

  .detalle-cnt .do-imagen .cont-flag {
    width: 245px;
    height: 245px
  }

  .detalle-cnt .do-imagen .cont-flag .flag {
    top: 54px;
    left: -80px;
    width: 346px;
    font-size: 60px
  }

  .detalle-cnt .do-imagen .cont-flag .flag span {
    font-size: 24px
  }
}

@media screen and (max-width:650px) {
  .cont-flag {
    width: 150px !important;
    height: 150px !important
  }

  .cont-flag .flag {
    width: 212px !important;
    top: 29px !important;
    left: -50px !important
  }

  .detalle-cnt .do-imagen .cont-flag {
    width: 150px !important;
    height: 150px !important
  }

  .detalle-cnt .do-imagen .cont-flag .flag {
    top: 35px !important;
    left: -47px !important;
    width: 212px !important;
    font-size: 34px !important
  }

  .detalle-cnt .do-imagen .cont-flag .flag span {
    font-size: 20px !important
  }
}

@media screen and (max-width:400px) {
  .cont-flag {
    width: 125px !important;
    height: 125px !important
  }

  .cont-flag .flag {
    width: 176px !important;
    top: 32px !important;
    left: -38px !important;
    font-size: 26px !important
  }

  .cont-flag .flag span {
    font-size: 16px !important
  }
}

.slider-cnt #slidersHead {
  display: none
}

.slider-foto .slider-menu {
  background: url("../images/fondo.png") 0 0 repeat
}

.slider-foto .image-loading {
  height: 350px;
  width: 100%
}

.slider-foto .image-loading img {
  display: block;
  position: absolute;
  padding-bottom: 40px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important
}

.detalle-oportunidad {
  position: absolute;
  top: 30%;
  right: 39px;
  background: url("../images/fondo.png") 0 0 repeat;
  max-width: 482px;
  overflow: hidden;
  color: #fff;
  padding: 36px 24px 22px 24px;
  z-index: 2
}

.detalle-oportunidad .do-titulo {
  margin-bottom: 36px;
  color: #fff
}

.detalle-oportunidad .do-titulo h2 {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  font-family: "omnes_medium", Arial;
  padding: 0
}

.detalle-oportunidad .do-left {
  float: left;
  position: relative
}

.detalle-oportunidad .do-right {
  float: right;
  margin-left: 50px
}

.detalle-oportunidad .do-millas {
  font-size: 24px;
  font-weight: 400;
  margin-right: 10px
}

.detalle-oportunidad .do-millas sup {
  font-size: 16px;
  font-weight: normal
}

.detalle-oportunidad .do-millas .nro {
  font-size: 32px;
  line-height: 32px;
  font-weight: normal
}

.detalle-oportunidad .do-precio {
  font-size: 18px;
  margin-bottom: 22px
}

.detalle-oportunidad .do-precio .dec {
  font-size: 14px
}

.detalle-oportunidad .do-oferta {
  font-size: 18px;
  text-decoration: line-through
}

.detalle-oportunidad .do-oferta .porc-oferta {
  text-decoration: none;
  background-color: #e0035b;
  color: #fff;
  margin-left: 10px;
  line-height: 28px;
  display: inline-block;
  padding: 0 8px;
  border-radius: 14px
}

.detalle-oportunidad .do-boton {
  background: #2f4a9f;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  width: 150px;
  color: #fff;
  display: block;
  font-size: 16px;
  transition: .25s
}

.detalle-oportunidad .do-boton:hover {
  background-color: #3d59c2
}

.detalle-oportunidad .ver-detalle {
  text-align: center;
  font-size: 16px;
  width: 150px
}

.detalle-oportunidad .ver-detalle a {
  display: block;
  color: #fff;
  text-decoration: underline;
  margin-top: 22px
}

.detalle-oportunidad .cliente {
  display: block;
  float: left
}

.detalle-oportunidad .cliente a {
  color: #fab428
}

.back-top {
  background-color: rgba(0, 0, 0, 0.4);
  width: 40px;
  line-height: 40px;
  border-radius: 50%;
  transition: .25s;
  display: block;
  position: fixed;
  color: #fff;
  bottom: 70px;
  right: 10px;
  text-align: center;
  padding: 0 !important;
  opacity: .5;
  z-index: 800
}

.back-top:hover {
  background-color: #00bb31 !important;
  opacity: 1 !important;
  -ms-filter: none !important;
  filter: none !important
}

.lightbox.resend-email {
  padding: 40px 15px 30px !important
}

.lightbox.resend-email .ico-cerrar {
  right: 10px
}

.lightbox.resend-email .texto>span {
  text-align: left;
  display: block;
  margin: auto;
  margin-bottom: 10px;
  width: 300px
}

.lightbox.resend-email .texto input[type=text] {
  margin-bottom: 10px;
  width: 293px;
  padding-left: 5px
}

.lightbox.resend-email .botonera {
  border: 0
}

.lightbox.resend-email .exito span {
  font-size: 15px;
  display: inline-block;
  text-align: center
}

.lightbox.resend-email .icon-check:before {
  font-size: 25px;
  vertical-align: middle;
  color: #95d663
}

.lightbox.resend-email .exito span.icon-check-2 {
  color: #00bb31;
  margin-right: 8px
}

.lightbox.resend-email .icon-alert-email span:before {
  background: url("../images/icono-alerta-nuevo.png") 0 0 no-repeat;
  content: " ";
  display: inline-block;
  height: 9px;
  width: 18px
}

.lightbox.resend-email .pEmail {
  color: #818083;
  font-size: 15px
}

.lightbox.resend-email .error .icon-alert {
  color: #d90052;
  margin-right: 10px;
  display: inline;
  font-size: 16px;
  vertical-align: middle
}

.lightbox.resend-email .error .pEmail.mLeft {
  margin-top: 20px;
  padding-left: 26px
}

@media screen and (max-width:1038px) {
  #lista-home {
    max-width: 736px
  }
}

@media screen and (max-width:767px) {
  .slider-foto .image-loading {
    height: 250px
  }

  .slider-foto .image-loading img {
    padding-bottom: 30px
  }

  .slider-cnt #slidersHead {
    display: block
  }

  .doble {
    width: 480px
  }

  .doble .imagen img {
    width: 100%
  }

  #lista-home {
    max-width: 490px
  }
}

@media screen and (max-width:512px) {
  .nombre {
    margin-bottom: 6px;
    font-size: 16px
  }

  .grid-item.paquete {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%
  }

  .paquete .imagen {
    height: auto;
    width: 100%
  }

  .descuento,
  .producto {
    width: 47%;
    margin-left: 1%;
    margin-right: 1%
  }

  .descuento .imagen,
  .producto .imagen {
    height: auto;
    width: 100%
  }

  .descripcion {
    height: 115px
  }

  .ver-detalle,
  .boton {
    font-size: 14px
  }

  .precio .puntos {
    font-size: 20px;
    line-height: 16px
  }

  .precio .puntos .mb {
    font-size: 14px
  }
}

@media screen and (max-width:460px) {
  .paquete .imagen {
    height: 174px
  }

  .descripcion {
    height: 150px
  }

  .paquete .descripcion {
    height: 120px
  }

  .ver-detalle {
    display: block;
    padding: 10px 0
  }

  .paquete .ver-detalle {
    float: right;
    padding: 7px 0 13px
  }

  .descuento .ver-detalle {
    margin-bottom: 5px;
    margin-right: 0
  }

  .detalle-compra {
    padding: 0;
    text-align: left;
    left: 10px
  }

  .descripcion {
    padding: 10px
  }
}

#destacados .titulo-general,
.compras-content .titulo-general {
  text-align: center;
  margin-top: 60px
}

#programa-bim section {
  display: flex;
  justify-content: center;
  overflow: hidden
}

@media screen and (max-width:500px) {
  #programa-bim section {
    flex-direction: column
  }
}

#programa-bim article {
  background-color: #fff;
  border: 1px solid #e4e3e3;
  height: 230px;
  margin: 5px 12px;
  padding: 15px 10px 0 10px;
  text-align: center;
  max-width: 197px;
  width: 100%
}

#programa-bim article .ico-prog,
#programa-bim article span {
  margin: 0 auto 20px auto
}

#programa-bim article .ico-prog {
  height: 47px;
  width: 57px
}

#programa-bim article .ico-prog-bim {
  background: url("../images/ico-prog-bim-nuevo.png") 50% 50% no-repeat
}

#programa-bim article .ico-prog-viaja {
  background: url("../images/ico-prog-viaja-n.png") 50% 50% no-repeat
}

#programa-bim article .ico-prog-canjea {
  background: url("../images/ico_prog_bim5.svg") 50% 50% no-repeat;
  background-size: contain
}

#programa-bim article .ico-prog-disfruta {
  background: url("../images/ico-prog-disfruta-n.png") 50% 50% no-repeat
}

#programa-bim article .ico-prog-cliente {
  background: url("../images/ico_no_cliente3.svg") 50% 50% no-repeat;
  background-size: contain
}

.article-prog-cliente {
  background-color: #ccead8 !important
}

#programa-bim article h3 {
  color: #383838;
  font-size: 1em;
  margin-bottom: 15px
}

#programa-bim article span {
  background-color: #393939;
  display: block;
  height: 1px;
  width: 15px
}

#programa-bim article p {
  color: #535353;
  font-size: .813em
}

#programa-bim article:hover {
  behavior: url("../static/css/PIE.htc");
  -webkit-box-shadow: 0 0 7px #b1b3b5;
  box-shadow: 0 0 7px #b1b3b5;
  -moz-box-shadow: 0 0 7px #b1b3b5;
  -webkit-box-shadow: 0 0 7px #b1b3b5
}

#programa-bim article .link {
  font-weight: bold;
  font-size: 12px;
  color: #00bb31;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  bottom: 10px;
  text-decoration: underline
}

#programa-bim .conocer {
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  font-size: .938em;
  margin: 35px auto 0 auto;
  text-align: center;
  width: 350px
}

#programa-bim .conocer {
  border: 0;
  background: transparent;
  color: #00bb31;
  font-size: 15px;
  position: relative;
  text-align: center;
  line-height: inherit
}

#programa-bim .conocer span {
  display: inline-block;
  position: relative
}

#programa-bim .conocer span:after {
  content: "";
  height: 2px;
  width: auto;
  background: #00bb31;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0
}

.publica-resumen {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

.publica-resumen>div {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
  padding-top: 20px;
  padding-bottom: 20px
}

.publica-resumen>div:before {
  content: "";
  position: absolute;
  background-color: #000;
  -ms-filter: "alpha(opacity=40)";
  opacity: .4;
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  z-index: -1;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.publica-resumen .resumen {
  color: #fff;
  margin: 0 auto;
  width: 1100px
}

.publica-resumen .zona {
  display: inline-block;
  margin-left: 35px;
  margin-right: 35px;
  vertical-align: top;
  width: 290px
}

.publica-resumen .titulo {
  font-size: .938em;
  margin-bottom: 5px
}

.publica-resumen .texto {
  font-size: .813em
}

.publica-resumen .ico-resumen {
  display: block;
  margin-bottom: 5px;
  height: 34px;
  width: 59px
}

.publica-resumen .ico-resumen-bim {
  background: url("../images/ico-resumen-bim.png") 50% 50% no-repeat;
  margin: 0 auto
}

.publica-resumen .ico-resumen-como {
  background: url("../images/ico-resumen-como.png") 50% 50% no-repeat;
  margin: 0 auto
}

.publica-resumen .ico-resumen-beneficio-1 {
  background: url("../images/ico-resumen-beneficio-1.png") 50% 50% no-repeat
}

.publica-resumen .ico-resumen-beneficio-2 {
  background: url("../images/ico-resumen-beneficio-2.png") 50% 50% no-repeat
}

.publica-resumen .ico-resumen-beneficio-3 {
  background: url("../images/ico-resumen-beneficio-3.png") 50% 50% no-repeat
}

.publica-resumen .beneficios li {
  display: inline-block;
  margin: 0 2px;
  vertical-align: top
}

.bim {
  height: 180px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2
}

.bim>div {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 3;
  padding-top: 20px;
  padding-bottom: 20px
}

.bim>div:before {
  content: "";
  position: absolute;
  background-color: #000;
  -ms-filter: "alpha(opacity=40)";
  opacity: .4;
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  z-index: -1;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.bim .resumen {
  color: #fff;
  margin: 0 auto;
  width: 1100px
}

.bim .resumen h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 15px
}

.bim .resumen .zona {
  behavior: url("../static/css/PIE.htc");
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: inline-block;
  height: 95px;
  margin-left: 50px;
  margin-right: 50px;
  padding: 5px;
  vertical-align: top;
  width: 250px
}

.bim .resumen .numero {
  font-size: 1.25em
}

.bim .resumen .titulo {
  font-size: .938em;
  margin-bottom: 5px
}

.bim .resumen .texto {
  color: #eee;
  font-size: .813em
}

.bim-descripcion {
  margin: 0 auto;
  position: relative;
  width: 1100px
}

.bim-descripcion .resumen {
  background: url("../images/fondo.png") 0 0 repeat;
  color: #fff;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 200px;
  width: 300px;
  z-index: 1
}

.bim-descripcion .resumen .texto {
  font-size: .875em
}

.seleccion-pasajeros {
  float: left;
  position: relative
}

.seleccion-pasajeros .adulto {
  position: relative
}

.seleccion-pasajeros .adulto .texto {
  left: 0;
  position: absolute;
  top: 0;
  width: 150px
}

.seleccion-pasajeros .adulto select {
  margin-top: 28px;
  width: 105px
}

.seleccion-pasajeros .ninos {
  float: left;
  margin: 28px 0 0 10px;
  margin-top: 28px;
  width: 190px
}

.seleccion-pasajeros .ninos .viajo {
  color: #747474;
  display: block;
  font-size: .938em;
  line-height: 50px;
  text-align: center;
  width: 100%
}

.seleccion-pasajeros .ninos .viajo:hover {
  text-decoration: underline
}

.seleccion-pasajeros .ninos div {
  display: none;
  overflow: hidden
}

.seleccion-pasajeros .ninos p {
  float: left
}

.seleccion-pasajeros .ninos p:first-child {
  margin-right: 10px
}

.seleccion-pasajeros .ninos span {
  display: block;
  font-size: .813em;
  text-align: center;
  width: 100%
}

.seleccion-pasajeros .ninos .nino {
  width: 90px
}

.ida-regreso {
  margin-bottom: 35px
}

.ida-regreso .subtitulo {
  margin-bottom: 20px
}

.ida-regreso .nota {
  color: #636363;
  font-size: .813em;
  margin-bottom: 10px
}

.elegir {
  margin-bottom: 35px;
  overflow: hidden
}

.elegir .titulo-general {
  float: left;
  margin-bottom: 0
}

.elegir select {
  float: right;
  width: 175px
}

.aerolinea {
  margin-bottom: 20px;
  position: relative
}

.aerolinea .tarifa {
  color: #636363;
  font-size: .938em;
  left: 0;
  position: absolute;
  top: 200px;
  width: 180px
}

.aerolinea .tarifa ul {
  overflow: hidden
}

.aerolinea .tarifa li {
  float: left;
  width: 40%
}

.aerolinea .tarifa li:first-child {
  margin-right: 3%;
  text-align: right;
  width: 57%
}

.aerolinea .dinero-puntos,
.aerolinea .salida-regreso {
  background-color: #f9fbfb
}

.aerolinea .dinero-puntos {
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  border-top: 1px solid #dbdbdb;
  left: 0;
  position: absolute;
  top: 0
}

.aerolinea .dinero-puntos div {
  padding: 10px 0 10px 25px;
  width: 155px
}

.aerolinea .dinero-puntos h3 {
  font-size: 1.25em;
  margin-bottom: 5px
}

.aerolinea .dinero-puntos .dinero,
.aerolinea .dinero-puntos .puntos {
  clear: both
}

.aerolinea .dinero-puntos .dinero span,
.aerolinea .dinero-puntos .puntos span {
  display: block
}

.aerolinea .dinero-puntos .dinero {
  color: #636363;
  float: left
}

.aerolinea .dinero-puntos .dinero span {
  text-align: center
}

.aerolinea .dinero-puntos .dinero .dinero-numero {
  font-size: 1.875em
}

.aerolinea .dinero-puntos .dinero .alternativa {
  font-size: .813em
}

.aerolinea .dinero-puntos .puntos li {
  overflow: hidden
}

.aerolinea .dinero-puntos .puntos .puntos-numero,
.aerolinea .dinero-puntos .puntos .puntos-texto {
  color: #0039a6
}

.aerolinea .dinero-puntos .puntos .puntos-numero {
  font-size: 1.875em
}

.aerolinea .dinero-puntos .puntos .puntos-texto {
  padding-top: 3px
}

.aerolinea .dinero-puntos .puntos .puntos-detalle {
  color: #636363;
  font-size: .813em
}

.aerolinea .salida-regreso {
  border: 1px solid #dbdbdb;
  margin-left: 180px;
  min-height: 225px;
  width: 577px
}

.aerolinea .salida-regreso>div {
  padding: 15px 10px 20px 10px;
  width: 559px
}

.aerolinea .salida-regreso .seleccion {
  border-top: 1px solid #e0e1e1;
  cursor: pointer;
  display: block;
  font-size: .813em;
  padding: 10px 0;
  text-align: right
}

.aerolinea .salida-regreso .seleccion input,
.aerolinea .salida-regreso .seleccion span {
  display: inline-block;
  vertical-align: middle
}

.aerolinea .salida-regreso .seleccion .sale,
.aerolinea .salida-regreso .seleccion .llega,
.aerolinea .salida-regreso .seleccion .duracion {
  margin-right: 1px
}

.aerolinea .salida-regreso .seleccion .sale,
.aerolinea .salida-regreso .seleccion .llega {
  width: 75px
}

.aerolinea .salida-regreso .seleccion .duracion {
  width: 60px
}

.aerolinea .salida-regreso .seleccion .escala {
  position: relative;
  width: 55px
}

.aerolinea .salida-regreso .seleccion .escala .resultado {
  display: none;
  position: absolute;
  right: -95px;
  text-align: left;
  top: 15px;
  width: 450px;
  z-index: 2
}

.aerolinea .salida-regreso .seleccion .escala .resultado .ico-escala {
  background: url("../images/ico-escala.png") 0 0 no-repeat;
  display: block;
  height: 11px;
  position: absolute;
  right: 94px;
  top: 0;
  width: 19px
}

.aerolinea .salida-regreso .seleccion .escala .resultado>div {
  background-color: #f3f3f3;
  behavior: url("../static/css/PIE.htc");
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin-top: 10px;
  padding: 10px
}

.aerolinea .salida-regreso .seleccion .escala .resultado .tramo {
  margin-top: 10px
}

.aerolinea .salida-regreso .seleccion .escala .resultado .tramo:first-child {
  margin-top: 0
}

.aerolinea .salida-regreso .seleccion .escala .resultado .titulo {
  clear: both;
  float: none;
  font-weight: bold;
  margin-bottom: 5px
}

.aerolinea .salida-regreso .seleccion .escala .resultado ul {
  font-size: .938em;
  margin-bottom: 0
}

.aerolinea .salida-regreso .seleccion .escala .resultado ul:first-child {
  margin-top: 0
}

.aerolinea .salida-regreso .seleccion a {
  color: #00add0
}

.aerolinea .salida-regreso .seleccion a:hover {
  text-decoration: underline
}

.salida-regreso article {
  margin-bottom: 10px
}

.salida-regreso .general,
.salida-regreso .seleccion {
  clear: both
}

.salida-regreso .general {
  font-size: .938em;
  margin-bottom: 20px;
  overflow: hidden
}

.salida-regreso .icon-flecha-derecha {
  line-height: 20px;
  color: #009b3a;
  margin: 0 5px
}

.salida-regreso .general .titulo {
  float: left;
  width: 70px;
  margin-right: 20px
}

.salida-regreso .general .titulo .icon-ico-salida {
  color: #009b3a;
  margin-right: 5px
}

.salida-regreso .general .titulo .icon-ico-regreso {
  color: #174aad;
  margin-right: 5px
}

.salida-regreso .general ul {
  float: left;
  overflow: hidden
}

.salida-regreso .general li {
  float: left
}

.salida-regreso .general .iniciales {
  color: #00add0
}

.salida-regreso .general .fecha-opciones {
  float: right
}

.salida-regreso .general .fecha-informacion {
  float: left
}

.salida-regreso .resultado .general {
  background-color: #ededed;
  margin-bottom: 15px;
  padding: 10px
}

.salida-regreso .resultado ul {
  font-size: .813em;
  margin-bottom: 20px;
  overflow: hidden
}

.salida-regreso .resultado li,
.salida-regreso .resultado p {
  float: left
}

.salida-regreso .resultado li {
  line-height: 21px;
  margin-left: 7px
}

.salida-regreso .resultado li:first-child {
  margin-left: 0
}

.salida-regreso .paquete {
  background-color: #ededed;
  font-size: .938em;
  padding: 10px
}

.cotizando-paquete {
  background-color: #f9fbfb;
  margin-bottom: 20px;
  padding: 20px;
  position: relative
}

.cotizando-paquete h2 {
  margin-bottom: 20px
}

.cotizando-paquete .referencia,
.cotizando-paquete .detalle {
  float: left;
  margin-bottom: 20px
}

.cotizando-paquete .referencia {
  border: 1px solid #ccc;
  height: 235px;
  margin-right: 10px;
  width: 316px
}

.cotizando-paquete .detalle {
  color: #666;
  font-size: .813em;
  margin-bottom: 10px;
  width: 380px
}

.cotizando-paquete .detalle h4 {
  margin-top: 10px
}

.cotizando-paquete .datos {
  clear: both;
  overflow: hidden
}

.cotizando-paquete .datos .fecha,
.cotizando-paquete .datos .pasajero,
.cotizando-paquete .datos .habitacion {
  float: left
}

.cotizando-paquete .datos .fecha,
.cotizando-paquete .datos .pasajero {
  margin-right: 20px;
  width: 150px
}

.cotizando-paquete .datos .habitacion {
  font-size: .938em
}

.cotizando-paquete .datos .habitacion p {
  margin-bottom: 9px
}

.cotizando-paquete .datos .habitacion label {
  display: block;
  float: left;
  margin-right: 10px
}

.cotizando-paquete .datos .habitacion input {
  margin-right: 5px
}

#error-pago {
  border: 1px solid #d2d2d2;
  background-color: #f7fdfe;
  margin: 100px 0;
  padding: 125px 0
}

#error-pago p {
  color: #393939;
  text-align: center
}

#error-pago .titulo {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 15px
}

#error-pago .texto {
  color: #656565;
  font-size: 1.25em
}

#procesado {
  margin-top: -1px;
  width: 100%
}

@media screen and (max-width:580px) {
  #procesado .scroll-horizontal table[width="1000"] {
    width: auto
  }

  #procesado .scroll-horizontal table tr:nth-child(6) tr {
    display: flex;
    flex-direction: column;
    width: 100%
  }

  #procesado .scroll-horizontal table tr:nth-child(6) tr td {
    box-sizing: border-box;
    width: 100% !important
  }

  #procesado .scroll-horizontal table tr:nth-child(8) td {
    font-size: 12px
  }
}

#procesado .cabecera {
  background-color: #f7fdfe;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  padding: 20px 100px;
  text-align: center
}

#procesado .cabecera h1 {
  background: url("../images/ico-felicitaciones.png") left 50% no-repeat;
  color: #00bb31;
  font-size: 2.188em;
  margin: 0 auto 10px auto;
  width: 300px
}

#procesado .cabecera p {
  color: #393939;
  font-size: 1.188em
}

#procesado .confirmacion {
  background-color: #fff;
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  color: #656565
}

#procesado .confirmacion h3,
#procesado .confirmacion .operacion-fecha {
  text-align: center
}

#procesado .confirmacion h3 {
  color: #656565;
  font-weight: bold;
  padding: 15px 0 5px 0
}

#procesado .confirmacion .operacion-fecha {
  font-size: .875em;
  margin-bottom: 10px
}

#procesado .confirmacion .codigo-detalle {
  background-color: #f7f7f7;
  border: 1px solid #d2d2d2;
  margin: 0 auto;
  overflow: hidden;
  width: 790px;
  display: flex !important;
  align-items: normal !important
}

#procesado .confirmacion .codigo-detalle article {
  width: 50%;
  height: auto !important
}

#procesado .confirmacion .codigo-detalle .codigo>div,
#procesado .confirmacion .codigo-detalle .detalle>div {
  padding: 20px
}

#procesado .confirmacion .codigo-detalle .codigo .titulo,
#procesado .confirmacion .codigo-detalle .detalle .titulo,
#procesado .confirmacion .codigo-detalle .codigo .reserva,
#procesado .confirmacion .codigo-detalle .detalle .reserva {
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center
}

#procesado .confirmacion .codigo-detalle .codigo .titulo,
#procesado .confirmacion .codigo-detalle .detalle .titulo {
  color: #009b3a;
  font-size: 1.25em
}

#procesado .confirmacion .codigo-detalle .codigo .reserva,
#procesado .confirmacion .codigo-detalle .detalle .reserva {
  font-size: 1.063em
}

#procesado .confirmacion .codigo-detalle .codigo .texto,
#procesado .confirmacion .codigo-detalle .detalle .texto {
  font-size: .875em
}

#procesado .confirmacion .codigo-detalle .codigo .texto div p,
#procesado .confirmacion .codigo-detalle .detalle .texto div p {
  margin-bottom: 10px
}

#procesado .confirmacion .codigo-detalle .codigo {
  float: left;
  display: flex;
  align-items: center
}

#procesado .confirmacion .codigo-detalle .codigo .nota {
  margin-top: 10px
}

#procesado .confirmacion .codigo-detalle .detalle {
  float: right
}

#procesado .confirmacion .codigo-detalle .detalle>div {
  border-left: 1px solid #d2d2d2
}

#procesado .confirmacion .codigo-detalle .detalle span {
  font-weight: bold
}

#procesado .confirmacion .codigo-detalle .detalle .total {
  margin-bottom: 10px
}

#procesado .confirmacion .salida-regreso-detalle,
#procesado .confirmacion .compra-canje-detalle {
  border-bottom: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  margin: 0 auto 20px auto;
  padding: 20px 0
}

#procesado .confirmacion .salida-regreso-detalle {
  width: 790px
}

#procesado .confirmacion .salida-regreso {
  margin: 0 auto;
  width: 590px
}

#procesado .confirmacion .compra-canje-detalle {
  font-size: .875em;
  padding: 20px;
  width: 750px
}

#procesado .confirmacion .compra-canje-detalle article {
  margin-bottom: 10px;
  overflow: hidden
}

#procesado .confirmacion .compra-canje-detalle article img,
#procesado .confirmacion .compra-canje-detalle article div {
  float: left
}

#procesado .confirmacion .compra-canje-detalle article img {
  margin-right: 20px;
  width: 316px
}

#procesado .confirmacion .compra-canje-detalle article div {
  width: 45%
}

#procesado .confirmacion .compra-canje-detalle article li:first-child {
  width: 75px
}

#procesado .confirmacion .compra-canje-detalle ul {
  margin-bottom: 5px;
  overflow: hidden
}

#procesado .confirmacion .compra-canje-detalle li {
  float: left
}

#procesado .confirmacion .compra-canje-detalle li:first-child {
  font-weight: bold
}

#procesado .confirmacion .compra-canje-detalle .titulo-producto {
  color: #000;
  font-size: 1.125em;
  font-weight: bold;
  margin-bottom: 10px
}

#procesado .confirmacion .compra-canje-detalle .titulo-detalle {
  color: #009b3a;
  font-size: 1.25em;
  font-weight: bold;
  margin-bottom: 10px
}

#procesado .confirmacion .compra-canje-detalle .despacho li:first-child {
  width: 200px
}

#procesado .botonera {
  border-top: 0
}

.comprobante,
.datos-pasajero {
  margin-bottom: 20px
}

.comprobante li,
.datos-pasajero li {
  display: inline-block;
  vertical-align: top;
  width: 270px
}

.comprobante li:first-child,
.datos-pasajero li:first-child {
  width: 220px
}

.comprobante .texto,
.datos-pasajero .texto {
  font-size: .938em;
  padding-top: 7px
}

.comprobante .titulo {
  color: #4a4a4a;
  font-size: 1.875em;
  text-align: center
}

.comprobante>span {
  background-color: #393939;
  display: block;
  height: 2px;
  margin: 10px auto 0 auto;
  width: 65px
}

.comprobante ul {
  margin-top: 20px
}

.comprobante .codigo {
  font-size: 1.375em
}

.comprobante .mensaje {
  width: 250px
}

.comprobante .mensaje p {
  background-color: #ececec;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: .813em;
  padding: 10px
}

.tabla-comprobante {
  border: 1px solid #ccc;
  margin-bottom: 10px;
  width: 100%
}

.tabla-comprobante .codigo,
.tabla-comprobante .detalle {
  background-color: #f7f7f7;
  border-bottom: 1px solid #ccc;
  padding: 20px 2.5%;
  vertical-align: top;
  width: 45%
}

.tabla-comprobante .codigo {
  border-right: 1px solid #ccc
}

.tabla-comprobante .detalle-salida-regreso {
  padding: 20px 0
}

.acciones {
  margin-top: 20px;
  text-align: center
}

.acciones a {
  color: #555;
  display: inline-block;
  font-size: .938em;
  margin-left: 30px;
  vertical-align: middle
}

.acciones a:first-child {
  margin-left: 0
}

.acciones .imprimir {
  background: url("../images/ico-imprimir.png") 0 50% no-repeat;
  padding-left: 25px
}

.acciones .enviar {
  background: url("../images/ico-enviar.png") 0 50% no-repeat;
  padding-left: 24px
}

.acciones .guardar {
  background: url("../images/ico-guardar.png") 0 50% no-repeat;
  padding-left: 18px
}

.acciones span {
  background: url("../images/ico-accion.png") 0 0 no-repeat;
  display: inline-block;
  height: 16px;
  margin-left: 10px;
  width: 6px;
  padding-right: 14px
}

#oportunidades #oportunidad-1,
#oportunidades #oportunidad-2,
#oportunidades #oportunidad-3,
#oportunidades .img-fondo {
  left: 0;
  position: relative;
  top: 0;
  width: 100%
}

#minslide .relative {
  position: relative;
  min-width: 160px;
  min-height: 40px;
  text-align: center
}

#minslide .relative div {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#minslide .relative div:first-child {
  display: block
}

.img-fondo {
  background-color: #f2f2f2;
  overflow: hidden
}

.img-fondo-viajes {
  overflow: visible
}

@media screen and (max-width:1023px) {
  .img-fondo {
    overflow: inherit
  }
}

@media screen and (max-width:1250px) {
  .publica-resumen {
    display: none
  }
}

#oportunidad-2,
#oportunidad-3,
.oportunidad-2,
.oportunidad-3 {
  display: none
}

.slider-foto {
  position: relative
}

.slider-foto .slider-menu {
  bottom: 0;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 1
}

.slider-foto .slider-menu a {
  background-color: #fff;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  display: inline-block;
  height: 16px;
  margin: 0 5px;
  vertical-align: top;
  width: 16px;
  transition: .25s
}

.slider-foto .slider-menu a.activo {
  background-color: #00bb31
}

.slider-grupo {
  display: none
}

.slider-grupo.activo {
  display: block
}

.cont-programar-active {
  width: 100%;
  max-width: 1400px;
  top: 0;
  position: absolute;
  left: calc(50% - 700px)
}

#programar {
  background: url("../images/fondo.png") 0 0 repeat;
  left: 70px;
  padding: 20px;
  position: absolute;
  top: 120px;
  bottom: 160px;
  width: 430px
}

#programar form .seleccion-pasajeros {
  float: none
}

#programar form .seleccion-pasajeros .nro-pasajero .nro-pj-input {
  background-color: #FFF
}

#programar form .seleccion-pasajeros .elemento {
  float: left
}

#programar form .seleccion-pasajeros .adulto select {
  margin-top: 0
}

#programar form .seleccion-pasajeros .ninos {
  margin-top: 0
}

#detalles-producto {
  overflow: hidden
}

#detalles-producto .producto-especifico {
  border: 1px solid #e0e1e1;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 10px 20px;
  position: relative
}

#detalles-producto .sacar,
#detalles-producto .tooltip-sacar {
  position: absolute;
  z-index: 3
}

#detalles-producto .sacar {
  font-weight: 300;
  color: #393939;
  font-size: .85em;
  right: 20px;
  text-decoration: underline;
  top: 15px
}

#detalles-producto .tooltip-sacar {
  right: 0;
  top: 24px
}

#detalles-producto .tooltip-sacar .ico-tooltip-sacar {
  background: url("../images/ico-tooltip-sacar.png") 0 0 no-repeat;
  display: block;
  height: 11px;
  width: 25px;
  position: absolute;
  right: 50px;
  top: 0;
  z-index: 1
}

#detalles-producto .tooltip-sacar div {
  background-color: #f5f5f5;
  border: 1px solid #c4c4c4;
  font-size: .813em;
  margin-top: 10px;
  padding: 8px 15px 8px 8px;
  position: relative;
  text-align: center;
  width: 167px
}

#detalles-producto .tooltip-sacar div .ico-cerrar {
  background: url("../images/ico-cerrar.png") 0 0 no-repeat;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 9px;
  background-size: contain
}

#detalles-producto .tooltip-sacar div p {
  margin-bottom: 10px
}

#detalles-producto .tooltip-sacar div .boton {
  background-color: #00bb31;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 5px;
  width: 50px;
  transition: .25s
}

#detalles-producto .tooltip-sacar div .boton:hover {
  background-color: #06c25e
}

#detalles-producto .producto {
  float: left;
  width: 408px
}

#detalles-producto .producto h2 {
  margin-bottom: 20px
}

#detalles-producto .producto .elemento-grupo {
  margin-top: 20px
}

#detalles-producto .producto .elemento-grupo .elemento {
  float: left;
  margin-left: 20px;
  min-width: 75px;
  position: relative
}

#detalles-producto .producto .elemento-grupo .elemento select {
  padding-left: 10px;
  background-position: 48px
}

#detalles-producto .producto .elemento-grupo .elemento select::-ms-expand {
  display: none
}

#detalles-producto .producto .elemento-grupo .elemento:first-child {
  margin-left: 0;
  width: 75px
}

#detalles-producto .agregar {
  color: #858585;
  float: right;
  padding-top: 25px;
  width: 180px
}

#detalles-producto .agregar>p {
  font-size: 1.063em;
  margin-bottom: 10px
}

#detalles-producto .agregar a {
  border: 1px solid #e1e1e1;
  color: #858585;
  display: block;
  margin-bottom: 20px
}

#detalles-producto .agregar article {
  background-color: #fff;
  font-size: .875em;
  overflow: hidden;
  padding: 20px 5px 20px 5px;
  position: relative
}

#detalles-producto .agregar article .seleccionar {
  border: 1px solid #e1e1e1;
  height: 33px;
  position: absolute;
  right: -1px;
  top: -1px;
  width: 33px
}

#detalles-producto .agregar article img {
  height: 70px;
  width: 70px
}

#detalles-producto .agregar article p {
  float: right;
  text-align: left;
  width: 90px;
  margin-top: 15px;
  word-wrap: break-word
}

#detalles-producto .agregar article span {
  color: #0039a6
}

#detalles-producto .agregar a:hover,
#detalles-producto .agregar a.activo {
  border: 1px solid #fab428
}

#detalles-producto .agregar a:hover .seleccionar,
#detalles-producto .agregar a.activo .seleccionar {
  background: url("../images/ico-seleccionado.png") #fab428 50% 50% no-repeat;
  border: 1px solid #fab428
}

#detalles-producto .botonera input {
  background-color: #00bb31
}

#detalles-producto .botonera .texto {
  color: #393939;
  font-size: .875em
}

#datos-despacho form section {
  background-color: #f9fbfb;
  border: 1px solid #e2e2e2;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 20px
}

#datos-despacho form section article {
  width: 48%
}

#datos-despacho form .direccion-despacho {
  float: left
}

#datos-despacho form .datos-contacto,
#datos-despacho form .plazo-entrega {
  float: right
}

#datos-despacho form .datos-contacto {
  margin-bottom: 40px
}

#datos-despacho form .subtitulo {
  margin-bottom: 20px
}

#datos-despacho form input[type=text] {
  padding-left: 10px;
  width: 100%;
  padding: 0;
  text-indent: 10px;
  box-sizing: border-box
}

#datos-despacho form select {
  padding-left: 7px;
  background-position: 98%
}

#datos-despacho form select::-ms-expand {
  display: none
}

#datos-despacho form .numero {
  float: left;
  width: 48%;
  margin-right: 3%
}

#datos-despacho form .numero input {
  width: 100%
}

#datos-despacho form .interior {
  float: right;
  width: 48%;
  padding-right: 2px
}

#datos-despacho form .interior input {
  width: 100%;
  margin-right: 2px
}

#datos-despacho form .lote-manzana {
  margin-bottom: 7px
}

#datos-despacho form .lote-manzana label {
  font-size: .938em;
  display: inline-block;
  width: 100%
}

#datos-despacho form .lote-manzana label input {
  margin-right: 5px
}

#datos-despacho form .lote-manzana .elemento-grupo {
  display: none;
  margin-top: 7px
}

#datos-despacho form .bloqueo {
  position: relative
}

#datos-despacho form .bloqueo span {
  background-color: #000;
  -ms-filter: "alpha(opacity=30)";
  height: 100%;
  opacity: .3;
  -ms-filter: "alpha(opacity=30)";
  filter: alpha(opacity=30);
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1
}

#datos-despacho form .bloqueo a {
  color: #fff;
  font-size: .875em;
  position: absolute;
  right: 10px;
  text-decoration: underline;
  top: 15px;
  z-index: 2
}

#datos-despacho form .nota {
  color: #959595;
  font-size: .813em;
  margin-top: 10px
}

#datos-despacho form .botonera a:hover {
  background-color: #dadada;
  transition: all .2s linear
}

#datos-despacho form .botonera input {
  background-color: #00bb31
}

.carrito-oportunidad .resumen {
  top: 40px
}

.carrito-oportunidad .resaltar {
  padding-top: 140px
}

.flotante-explora .carrito-general .resaltar {
  padding-bottom: 105px
}

.flotante-explora .carrito-general .resumen {
  top: 90px
}

#ficha-tecnica {
  min-height: 500px;
  padding: 45px 0 60px 0;
  position: relative
}

#ficha-tecnica .ficha-tecnica-detalle {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1100px
}

#ficha-tecnica .ficha-tecnica-detalle section {
  float: left
}

#ficha-tecnica .ficha-tecnica-detalle .caracteristicas {
  margin-right: 20px;
  min-width: 300px;
  width: 300px
}

#ficha-tecnica .ficha-tecnica-detalle .caracteristicas p {
  color: #666;
  font-size: .813em;
  margin-bottom: 10px
}

#ficha-tecnica .ficha-tecnica-detalle img {
  margin: 0 0 10px 0
}

#ficha-tecnica .ficha-tecnica-detalle h4 {
  color: #3d3d3d;
  margin-bottom: 5px
}

#ficha-tecnica .ficha-tecnica-detalle table {
  border: 1px solid #dbdbdb;
  font-size: .813em;
  width: 360px
}

#ficha-tecnica .ficha-tecnica-detalle table td {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  color: #666;
  padding: 7px 20px
}

#galeria {
  height: 500px;
  padding: 45px 0 20px 0;
  position: relative
}

#galeria .promocion-detalle {
  clear: both;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-left: 20px
}

#galeria .promocion-detalle .galeria {
  margin-top: 20px;
  width: 410px
}

#galeria .promocion-detalle .galeria .imagen-cargada {
  margin-bottom: 5px;
  position: relative
}

#galeria .promocion-detalle .galeria .imagen-cargada img {
  height: 270px;
  width: 410px
}

#galeria .promocion-detalle .galeria .imagen-cargada div {
  bottom: 5px;
  font-size: .813em;
  left: 0;
  height: 35px;
  position: absolute;
  width: 100%
}

#galeria .promocion-detalle .galeria .imagen-cargada div .texto,
#galeria .promocion-detalle .galeria .imagen-cargada div .fondo {
  position: absolute;
  top: 0
}

#galeria .promocion-detalle .galeria .imagen-cargada div .texto {
  color: #fff;
  left: 0;
  padding-left: 10px;
  z-index: 1
}

#galeria .promocion-detalle .galeria .imagen-cargada div .texto span {
  display: inline-block;
  vertical-align: middle
}

#galeria .promocion-detalle .galeria .imagen-cargada div .texto span:first-child {
  height: 35px
}

#galeria .promocion-detalle .galeria .imagen-cargada div .fondo {
  background-color: #000;
  -ms-filter: "alpha(opacity=40)";
  height: 100%;
  left: 0;
  opacity: .4;
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  width: 100%
}

#galeria .promocion-detalle .galeria .imagen-cargada .ico-foto {
  display: block;
  height: 100%;
  position: absolute;
  width: 28px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}

#galeria .promocion-detalle .galeria .imagen-cargada .ico-foto:hover {
  background-color: rgba(255, 255, 255, 0.1) !important
}

#galeria .promocion-detalle .galeria .imagen-cargada .ico-retroceder-foto {
  background: url("../images/ico-retroceder-foto.png") 50% 50% no-repeat;
  left: 0;
  padding: 0 10px
}

#galeria .promocion-detalle .galeria .imagen-cargada .ico-avanzar-foto {
  background: url("../images/ico-avanzar-foto.png") 50% 50% no-repeat;
  right: 0;
  padding: 0 10px
}

#galeria .promocion-detalle .galeria nav {
  overflow: hidden
}

#galeria .promocion-detalle .galeria nav a {
  float: left;
  margin-left: 15px;
  position: relative
}

#galeria .promocion-detalle .galeria nav a:first-child {
  margin-left: 0
}

#galeria .promocion-detalle .galeria nav a:hover span,
#galeria .promocion-detalle .galeria nav a.activo span {
  background-color: #ff5800;
  display: block;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

#galeria .promocion-detalle .galeria nav img {
  height: 70px;
  width: 70px;
  object-fit: cover;
  object-position: center
}

#medio-canje .elemento-horizontal li {
  font-size: .938em
}

#medio-canje .elemento-horizontal .pasajero div {
  margin-bottom: 10px
}

#medio-canje .valor-diferencia .valor .elemento-horizontal .puntos {
  color: #0039a6
}

#medio-canje .valor-diferencia .valor .puntos-usar li {
  color: #757575;
  float: left;
  padding-left: .5%;
  width: 49.5%
}

#medio-canje .valor-diferencia .valor .puntos-usar li:first-child {
  font-size: .938em;
  height: 34px;
  padding-left: 0;
  padding-right: .5%;
  text-align: right
}

#medio-canje .valor-diferencia .valor .puntos-usar .actualizar {
  margin-bottom: 10px;
  overflow: hidden
}

#medio-canje .valor-diferencia .valor .puntos-usar input,
#medio-canje .valor-diferencia .valor .puntos-usar a {
  float: left
}

#medio-canje .valor-diferencia .valor .puntos-usar input {
  height: 30px;
  margin-right: 5px;
  text-align: center;
  width: 110px;
  border: 1px solid #a9a9a9
}

#medio-canje .valor-diferencia .valor .puntos-usar a {
  background-color: #bfbfbf;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: block;
  font-size: .688em;
  height: 34px;
  line-height: 34px;
  text-align: center;
  width: 85px;
  transtion: all .2s linear
}

#medio-canje .valor-diferencia .valor .puntos-usar a:hover {
  background-color: #dadada;
  transtion: all .2s linear
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
  clear: both;
  font-size: .875em;
  height: 40px;
  margin-right: 20px;
  padding-top: 19px;
  position: relative;
  width: 188px
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje .variante,
#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje .base {
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  height: 8px;
  left: 0;
  position: absolute;
  top: 6px
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje .variante {
  background-color: #00bb31;
  width: 51%;
  z-index: 2
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje #esfera-contenedor {
  position: relative
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje #esfera-contenedor .esfera {
  background-color: #fff;
  border: 4px solid #00bb31;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  cursor: pointer;
  position: absolute;
  height: 12px;
  top: -20px;
  width: 12px;
  z-index: 2
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje span {
  font-size: 20px !important
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje #esfera-contenedor .esfera span {
  display: block;
  margin-top: 16px
}

#medio-canje .valor-diferencia .valor .puntos-usar .porcentaje .base {
  background-color: #d0d2d3;
  width: 100%;
  z-index: 1
}

#informacion-pasajeros .salida-regreso {
  min-height: 350px;
  padding-bottom: 0
}

#informacion-pasajeros form section .pasajero {
  background-color: #00b2a9;
  border: 1px solid #00b2a9;
  color: #fff;
  cursor: pointer;
  font-size: 1.25em;
  padding: 5px 10px;
  text-align: center
}

#informacion-pasajeros form section .off {
  border: 1px solid #dbdbdb;
  background-color: #bfbfbf
}

.lightbox-info {
  background-color: #fff;
  padding: 10px;
  position: relative;
  width: 640px
}

.lightbox-info .error-texto {
  color: red;
  font-size: .813em;
  margin-bottom: 10px;
  text-align: center
}

.lightbox-info .error select,
.lightbox-info .error input {
  border: 1px solid red
}

.lightbox-info .titulo-general,
.lightbox-info .elemento-horizontal {
  margin-bottom: 10px
}

.lightbox-info form {
  background-color: #f9fbfb;
  border: 1px solid #dbdbdb;
  padding: 20px 10px
}

.lightbox-info select {
  padding-left: 5px;
  width: 170px
}

.lightbox-info .caducidad select {
  float: left;
  width: 117px
}

.lightbox-info .caducidad select:first-child {
  margin-right: 5px
}

.lightbox-info input {
  padding-left: 5px;
  width: 110px
}

.lightbox-info .info-adicional {
  width: 120px
}

.lightbox-info .boton {
  border-top: 1px solid #ddd;
  padding-top: 20px;
  text-align: center
}

.lightbox-info .boton input {
  display: inline-block
}

.lightbox-info .clave {
  border-top: 1px solid #ddd;
  margin-top: 20px;
  padding: 20px 0 10px 0
}

.lightbox-info .aun {
  font-size: .813em;
  margin-top: 10px
}

.lightbox-info .aun a {
  color: #757575;
  text-decoration: underline
}

.lightbox-info .aceptar {
  background-color: #00add0;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: block;
  font-size: .688em;
  height: 34px;
  line-height: 34px;
  padding: 0 20px
}

.lightbox-info .advertencia {
  clear: both;
  height: 50px;
  margin-bottom: 10px
}

.lightbox-info .advertencia li {
  float: left;
  padding-left: .5%;
  width: 49.5%
}

.lightbox-info .advertencia li:first-child {
  text-align: right;
  padding-left: 0;
  padding-right: .5%
}

.lightbox-info .advertencia .tool-advertencia {
  position: relative
}

.lightbox-info .advertencia .tooltip {
  font-size: .813em;
  left: 175px;
  position: absolute;
  top: 0;
  width: 140px;
  z-index: 1
}

.lightbox-info .advertencia .tool-texto-advertencia {
  background-color: #dc0451;
  color: #fff;
  min-height: 40px;
  padding: 5px;
  width: 120px
}

.lightbox-info .advertencia .tool-arrow-advertencia {
  height: 15px;
  margin-top: 20px;
  width: 8px
}

.lightbox-info .advertencia .tool-arrow-advertencia-horizontal {
  display: none;
  height: 8px;
  margin: -1px 0 0 70px;
  width: 14px
}

.lightbox-info .advertencia .tool-arrow-advertencia {
  background: url("../images/tool-advertencia.png") 0 0 no-repeat
}

.lightbox-info .advertencia .tool-arrow-advertencia-horizontal {
  background: url("../images/tool-advertencia-horizontal.png") 0 0 no-repeat
}

.lightbox-campana {
  background-color: #fff;
  padding: 10px;
  width: 550px
}

.lightbox-campana .titulo,
.lightbox-campana .valida {
  text-align: center
}

.lightbox-campana .titulo {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 5px
}

.lightbox-campana .valida {
  font-size: 1.125em;
  margin-bottom: 10px
}

.lightbox-campana .detalle {
  margin-bottom: 10px;
  overflow: hidden
}

.lightbox-campana .campana,
.lightbox-campana .descripcion {
  float: left
}

.lightbox-campana .campana {
  margin: 0 10px 0 0;
  position: relative
}

.lightbox-campana .campana div {
  bottom: 20px;
  height: 75px;
  left: 0;
  position: absolute;
  width: 100%
}

.lightbox-campana .campana .texto {
  color: #fff;
  padding: 5px 10px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 1
}

.lightbox-campana .campana .fondo {
  background-color: #000;
  -ms-filter: "alpha(opacity=40)";
  height: 100%;
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50)
}

.lightbox-campana .descripcion {
  font-size: .875em;
  width: 300px
}

.lightbox-campana .descripcion p {
  margin-bottom: 5px
}

.lightbox-campana .terminos {
  font-size: .938em;
  font-weight: bold;
  margin-bottom: 10px
}

.lightbox-campana .caja {
  border: 1px solid #ddd;
  font-size: .875em;
  height: 150px;
  margin-bottom: 10px;
  overflow-y: scroll;
  padding: 10px
}

.lightbox-campana .caja p {
  margin-bottom: 5px
}

.lightbox-campana .acepto {
  display: block;
  font-size: .875em;
  margin-bottom: 10px
}

.lightbox-campana .acepto input {
  margin-right: 5px
}

.lightbox-campana a {
  background-color: #00bb31;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  font-size: .938em;
  display: block;
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
  text-align: center;
  width: 225px
}

#preguntas-frecuentes .contenidos,
#terminos-condiciones .contenidos,
#conocer .contenidos {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0
}

#preguntas-frecuentes .contenidos section a,
#terminos-condiciones .contenidos section a,
#conocer .contenidos section a {
  text-decoration: underline;
  color: #00bb31
}

#preguntas-frecuentes .contenidos section .close-tab,
#terminos-condiciones .contenidos section .close-tab,
#conocer .contenidos section .close-tab {
  display: none
}

#preguntas-frecuentes .contenidos:first-of-type,
#terminos-condiciones .contenidos:first-of-type,
#conocer .contenidos:first-of-type {
  display: block
}

#preguntas-frecuentes .titulo-general,
#terminos-condiciones .titulo-general,
#conocer .titulo-general {
  margin-top: 60px
}

#preguntas-frecuentes a,
#terminos-condiciones a,
#conocer a {
  color: #00bb31
}

#preguntas-frecuentes strong,
#terminos-condiciones strong,
#conocer strong {
  font-size: 14px;
  font-weight: normal
}

#preguntas-frecuentes ul,
#terminos-condiciones ul,
#conocer ul {
  padding-left: 20px;
  list-style-image: url("../images/ico-bullet-n.png");
  margin-bottom: 20px
}

#preguntas-frecuentes table,
#terminos-condiciones table,
#conocer table {
  border: 1px solid #dbdbdb;
  font-size: .813em;
  width: 100%;
  max-width: 695px
}

#preguntas-frecuentes table td,
#terminos-condiciones table td,
#conocer table td {
  background-color: #fff;
  border-bottom: 1px solid #dbdbdb;
  color: #666;
  padding: 7px 20px
}

#preguntas-frecuentes table td p,
#terminos-condiciones table td p,
#conocer table td p {
  margin-bottom: 0
}

#preguntas-frecuentes .preguntas-detalle,
#terminos-condiciones .preguntas-detalle,
#conocer .preguntas-detalle,
#preguntas-frecuentes .terminos-condiciones-detalle,
#terminos-condiciones .terminos-condiciones-detalle,
#conocer .terminos-condiciones-detalle,
#preguntas-frecuentes .conocer-detalle,
#terminos-condiciones .conocer-detalle,
#conocer .conocer-detalle {
  font-size: .875em;
  position: relative
}

#preguntas-frecuentes .preguntas-detalle nav,
#terminos-condiciones .preguntas-detalle nav,
#conocer .preguntas-detalle nav,
#preguntas-frecuentes .terminos-condiciones-detalle nav,
#terminos-condiciones .terminos-condiciones-detalle nav,
#conocer .terminos-condiciones-detalle nav,
#preguntas-frecuentes .conocer-detalle nav,
#terminos-condiciones .conocer-detalle nav,
#conocer .conocer-detalle nav,
#preguntas-frecuentes .preguntas-detalle section,
#terminos-condiciones .preguntas-detalle section,
#conocer .preguntas-detalle section,
#preguntas-frecuentes .terminos-condiciones-detalle section,
#terminos-condiciones .terminos-condiciones-detalle section,
#conocer .terminos-condiciones-detalle section,
#preguntas-frecuentes .conocer-detalle section,
#terminos-condiciones .conocer-detalle section,
#conocer .conocer-detalle section {
  border: 1px solid #cacccc
}

#preguntas-frecuentes .preguntas-detalle nav,
#terminos-condiciones .preguntas-detalle nav,
#conocer .preguntas-detalle nav,
#preguntas-frecuentes .terminos-condiciones-detalle nav,
#terminos-condiciones .terminos-condiciones-detalle nav,
#conocer .terminos-condiciones-detalle nav,
#preguntas-frecuentes .conocer-detalle nav,
#terminos-condiciones .conocer-detalle nav,
#conocer .conocer-detalle nav {
  background-color: #f9fbfb;
  left: 0;
  top: 0;
  width: 23%
}

#preguntas-frecuentes .preguntas-detalle nav>a,
#terminos-condiciones .preguntas-detalle nav>a,
#conocer .preguntas-detalle nav>a,
#preguntas-frecuentes .terminos-condiciones-detalle nav>a,
#terminos-condiciones .terminos-condiciones-detalle nav>a,
#conocer .terminos-condiciones-detalle nav>a,
#preguntas-frecuentes .conocer-detalle nav>a,
#terminos-condiciones .conocer-detalle nav>a,
#conocer .conocer-detalle nav>a {
  color: #969595;
  display: table;
  font-size: .875em;
  height: 67px;
  line-height: 67px;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  text-transform: uppercase
}

#preguntas-frecuentes .preguntas-detalle nav p,
#terminos-condiciones .preguntas-detalle nav p,
#conocer .preguntas-detalle nav p,
#preguntas-frecuentes .terminos-condiciones-detalle nav>p,
#terminos-condiciones .terminos-condiciones-detalle nav>p,
#conocer .terminos-condiciones-detalle nav>p,
#preguntas-frecuentes .conocer-detalle nav p,
#terminos-condiciones .conocer-detalle nav p,
#conocer .conocer-detalle nav p {
  padding-left: 10px;
  display: table-cell;
  line-height: 18px;
  vertical-align: middle;
  padding-right: 25px
}

#terminos-condiciones .terminos-condiciones-detalle nav p {
  padding-left: 10px
}

#preguntas-frecuentes .preguntas-detalle nav .arrow-preguntas,
#terminos-condiciones .preguntas-detalle nav .arrow-preguntas,
#conocer .preguntas-detalle nav .arrow-preguntas,
#preguntas-frecuentes .terminos-condiciones-detalle nav .arrow-preguntas,
#terminos-condiciones .terminos-condiciones-detalle nav .arrow-preguntas,
#conocer .terminos-condiciones-detalle nav .arrow-preguntas,
#preguntas-frecuentes .conocer-detalle nav .arrow-preguntas,
#terminos-condiciones .conocer-detalle nav .arrow-preguntas,
#conocer .conocer-detalle nav .arrow-preguntas {
  background: url("../images/arrow-preguntas.png") 0 0 no-repeat;
  display: none;
  height: 67px;
  position: absolute;
  right: -26px;
  top: 0;
  width: 26px
}

#preguntas-frecuentes .preguntas-detalle nav>a:hover,
#terminos-condiciones .preguntas-detalle nav>a:hover,
#conocer .preguntas-detalle nav>a:hover,
#preguntas-frecuentes .terminos-condiciones-detalle nav>a:hover,
#terminos-condiciones .terminos-condiciones-detalle nav>a:hover,
#conocer .terminos-condiciones-detalle nav>a:hover,
#preguntas-frecuentes .conocer-detalle nav>a:hover,
#terminos-condiciones .conocer-detalle nav>a:hover,
#conocer .conocer-detalle nav>a:hover,
#preguntas-frecuentes .preguntas-detalle nav a.activo,
#terminos-condiciones .preguntas-detalle nav a.activo,
#conocer .preguntas-detalle nav a.activo,
#preguntas-frecuentes .terminos-condiciones-detalle nav a.activo,
#terminos-condiciones .terminos-condiciones-detalle nav a.activo,
#conocer .terminos-condiciones-detalle nav a.activo,
#preguntas-frecuentes .conocer-detalle nav a.activo,
#terminos-condiciones .conocer-detalle nav a.activo,
#conocer .conocer-detalle nav a.activo {
  border: 1px solid #cacccc;
  border-right: 0;
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  color: #00bb31;
  height: 67px;
  margin-left: -8px;
  background: #f5f5f5;
  background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 65px);
  background: -moz-linear-gradient(top, #fff 0, #f5f5f5 65px);
  background: -o-linear-gradient(top, #fff 0, #f5f5f5 65px);
  background: -ms-linear-gradient(top, #fff 0, #f5f5f5 65px);
  background: linear-gradient(to bottom, #fff 0, #f5f5f5 65px);
  -pie-background: linear-gradient(top, #fff 0, #f5f5f5 65px);
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  padding-left: 7px
}

#preguntas-frecuentes .preguntas-detalle nav>a:hover .arrow-preguntas,
#terminos-condiciones .preguntas-detalle nav>a:hover .arrow-preguntas,
#conocer .preguntas-detalle nav>a:hover .arrow-preguntas,
#preguntas-frecuentes .terminos-condiciones-detalle nav>a:hover .arrow-preguntas,
#terminos-condiciones .terminos-condiciones-detalle nav>a:hover .arrow-preguntas,
#conocer .terminos-condiciones-detalle nav>a:hover .arrow-preguntas,
#preguntas-frecuentes .conocer-detalle nav>a:hover .arrow-preguntas,
#terminos-condiciones .conocer-detalle nav>a:hover .arrow-preguntas,
#conocer .conocer-detalle nav>a:hover .arrow-preguntas,
#preguntas-frecuentes .preguntas-detalle nav a.activo .arrow-preguntas,
#terminos-condiciones .preguntas-detalle nav a.activo .arrow-preguntas,
#conocer .preguntas-detalle nav a.activo .arrow-preguntas,
#preguntas-frecuentes .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
#terminos-condiciones .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
#conocer .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
#preguntas-frecuentes .conocer-detalle nav a.activo .arrow-preguntas,
#terminos-condiciones .conocer-detalle nav a.activo .arrow-preguntas,
#conocer .conocer-detalle nav a.activo .arrow-preguntas {
  display: block
}

#preguntas-frecuentes .preguntas-detalle div,
#terminos-condiciones .preguntas-detalle div,
#conocer .preguntas-detalle div,
#preguntas-frecuentes .terminos-condiciones-detalle div,
#terminos-condiciones .terminos-condiciones-detalle div,
#conocer .terminos-condiciones-detalle div,
#preguntas-frecuentes .conocer-detalle div,
#terminos-condiciones .conocer-detalle div,
#conocer .conocer-detalle div {
  overflow: hidden
}

#preguntas-frecuentes .preguntas-detalle div section,
#terminos-condiciones .preguntas-detalle div section,
#conocer .preguntas-detalle div section,
#preguntas-frecuentes .terminos-condiciones-detalle div section,
#terminos-condiciones .terminos-condiciones-detalle div section,
#conocer .terminos-condiciones-detalle div section,
#preguntas-frecuentes .conocer-detalle div section,
#terminos-condiciones .conocer-detalle div section,
#conocer .conocer-detalle div section {
  background-color: #fff;
  color: #646464;
  float: right;
  min-height: 255px;
  padding: 50px 60px 30px 60px;
  width: 67%;
  min-height: 480px
}

#preguntas-frecuentes .preguntas-detalle div section h2,
#terminos-condiciones .preguntas-detalle div section h2,
#conocer .preguntas-detalle div section h2,
#preguntas-frecuentes .terminos-condiciones-detalle div section h2,
#terminos-condiciones .terminos-condiciones-detalle div section h2,
#conocer .terminos-condiciones-detalle div section h2,
#preguntas-frecuentes .conocer-detalle div section h2,
#terminos-condiciones .conocer-detalle div section h2,
#conocer .conocer-detalle div section h2 {
  font-size: .875em;
  margin-bottom: 15px
}

#preguntas-frecuentes .preguntas-detalle div section p,
#terminos-condiciones .preguntas-detalle div section p,
#conocer .preguntas-detalle div section p,
#preguntas-frecuentes .terminos-condiciones-detalle div section p,
#terminos-condiciones .terminos-condiciones-detalle div section p,
#conocer .terminos-condiciones-detalle div section p,
#preguntas-frecuentes .conocer-detalle div section p,
#terminos-condiciones .conocer-detalle div section p,
#conocer .conocer-detalle div section p {
  line-height: 25px;
  margin-bottom: 20px
}

#estado-cuenta .ico-cuadro {
  height: 15px;
  margin-right: 7px;
  width: 15px
}

#estado-cuenta .color-1 {
  background-color: #00b2a9
}

#estado-cuenta .color-2 {
  background-color: #9c5fb5
}

#estado-cuenta .color-3 {
  background-color: #fab428
}

#estado-cuenta span {
  display: inline-block;
  vertical-align: middle
}

#estado-cuenta .titulo-general {
  margin-top: 30px
}

#estado-cuenta .cliente {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-top: 1px solid #e2e2e2;
  font-size: .938em;
  overflow: hidden;
  padding: 30px
}

#estado-cuenta .cliente ul {
  float: left;
  overflow: hidden
}

#estado-cuenta .cliente li {
  color: #757575;
  float: left
}

#estado-cuenta .cliente li:first-child {
  margin-right: 10px
}

#estado-cuenta .cliente p {
  float: right
}

#estado-cuenta .puntos-actuales {
  background-color: #f9fbfb;
  border: 1px solid #e2e2e2;
  padding: 20px 30px
}

#estado-cuenta .puntos-actuales form {
  padding-top: 20px
}

#estado-cuenta .puntos-actuales form>div {
  overflow: hidden
}

#estado-cuenta .puntos-actuales .puntos,
#estado-cuenta .puntos-actuales .resumen {
  float: left
}

#estado-cuenta .puntos-actuales .puntos {
  border-right: 1px solid #d4d6d6;
  margin-top: 30px;
  min-height: 300px;
  padding: 0 25px
}

#estado-cuenta .puntos-actuales .puntos .texto {
  color: #323232;
  font-size: .813em
}

#estado-cuenta .puntos-actuales .puntos .numero {
  color: #0039a6;
  font-size: 1.938em
}

#estado-cuenta .puntos-actuales .resumen {
  padding-left: 50px;
  max-width: 680px;
  width: 100%;
  box-sizing: border-box
}

#estado-cuenta .puntos-actuales .resumen .mostrar-periodo,
#estado-cuenta .puntos-actuales .resumen .leyenda {
  overflow: hidden
}

#estado-cuenta .puntos-actuales .resumen .elemento {
  float: left;
  width: 225px
}

#estado-cuenta .puntos-actuales .resumen .elemento:first-child {
  margin-right: 100px
}

#estado-cuenta .puntos-actuales .resumen .leyenda {
  clear: both;
  font-size: .938em;
  margin-top: 40px
}

#estado-cuenta .puntos-actuales .resumen .leyenda div {
  float: left
}

#estado-cuenta .puntos-actuales .resumen .leyenda p {
  font-size: .875em;
  width: 300px
}

#estado-cuenta .puntos-actuales .resumen .leyenda li {
  margin-top: 20px
}

#estado-cuenta .puntos-actuales .botonera {
  margin-top: 20px
}

#estado-cuenta .puntos-actuales .botonera input {
  background-color: #0039a6
}

#estado-cuenta .detalle p {
  font-size: .875em;
  margin-top: 20px
}

#estado-cuenta .detalle div {
  background-color: #f3f3f3;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  font-size: .875em;
  margin-top: 20px;
  padding: 10px 0;
  text-align: center
}

#estado-cuenta .detalle table {
  border-bottom: 1px solid #eee;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  font-size: .875em;
  text-align: center;
  width: 100%
}

#estado-cuenta .detalle table th {
  background-color: #f3f3f3;
  font-weight: bold;
  font-size: 12px
}

#estado-cuenta .detalle table th,
#estado-cuenta .detalle table td {
  padding: 10px 5px
}

#estado-cuenta .detalle table td {
  font-size: 12px;
  text-align: center
}

#estado-cuenta .detalle table td.descripcion {
  width: 30%;
  height: auto
}

#estado-cuenta .detalle table .nombre {
  width: 75%
}

#estado-cuenta .detalle table tr.par {
  background-color: #f3f3f3
}

#estado-descuentos .detalle p {
  margin-bottom: 10px
}

#estado-descuentos .detalle div {
  margin-top: 0
}

#mi-perfil .titulo-general {
  margin-top: 30px
}

#perfil .titulo-general {
  margin-top: 30px
}

#perfil section {
  background-color: #f9fbfb;
  border: 1px solid #e2e2e2;
  padding: 25px 30px;
  margin-bottom: 20px
}

#perfil h2 {
  margin-bottom: 20px
}

#perfil .dato {
  font-size: .938em
}

#perfil .contacto .celular li {
  color: #757575;
  float: left;
  margin-bottom: 15px;
  padding-left: .5%;
  width: 49.5%
}

#perfil .contacto .celular li span:first-child {
  font-size: .938em
}

#perfil .contacto .celular li:first-child {
  font-size: .938em;
  height: 23px;
  line-height: 23px;
  padding-left: 0;
  padding-right: .5%;
  text-align: right
}

#perfil .contacto .celular .ico-info {
  margin-left: 5px
}

#perfil .contacto .clave {
  clear: both
}

#perfil .contacto .correo {
  text-align: center
}

#perfil .contacto .correo li:first-child {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 270px
}

#perfil .contacto .correo input {
  padding-left: 10px;
  width: 233px
}

#perfil .botonera {
  border-top: 0;
  padding-top: 0
}

#perfil .cambiar-basica,
#perfil .cambiar-contacto {
  display: none;
  margin-left: 50%;
  padding-left: .5%
}

#perfil .cambiar-basica input,
#perfil .cambiar-contacto input {
  padding-left: 10px;
  width: 138px
}

#perfil .nueva {
  position: relative
}

#mapa .titulo-general {
  margin-top: 30px
}

#mapa li {
  border-bottom: 1px solid #ccc;
  line-height: 25px
}

#mapa .primer-nivel a {
  color: #00bb31
}

#mapa .segundo-nivel,
#mapa .tercer-nivel {
  margin-left: 25px
}

#mapa .tercer-nivel li {
  border-bottom: 0
}

#mapa .tercer-nivel a {
  color: #000
}

.tooltip {
  left: 25px;
  position: absolute;
  top: -15px;
  width: 210px;
  z-index: 1
}

.tooltip div {
  float: left
}

.tooltip .tool-mensaje {
  background: url("../images/tool-mensaje.png") 0 0 no-repeat;
  height: 15px;
  margin-top: 20px;
  width: 8px
}

.tooltip .tool-info {
  background-color: #4c74c0;
  color: #fff;
  font-size: .813em;
  min-height: 40px;
  padding: 5px;
  text-align: left;
  width: 180px
}

.tooltip .tool-mensaje-horizontal {
  background: url("../images/tool-mensaje-horizontal.png") 0 0 no-repeat;
  display: none;
  height: 8px;
  margin: -1px 0 0 85px;
  width: 15px
}

.seguridad {
  font-size: .813em;
  left: 160px;
  position: absolute;
  top: 28px
}

.seguridad ul,
.seguridad p {
  clear: both
}

.seguridad ul {
  margin-bottom: 3px;
  overflow: hidden
}

.seguridad li {
  background-color: #fff;
  float: left;
  height: 5px;
  width: 40px
}

.seguridad .bajo {
  background-color: #6f0
}

.seguridad .medio {
  background-color: #3c0
}

.seguridad .alto {
  background-color: #00953a
}

#seguimiento .titulo-general {
  margin-top: 30px
}

#seguimiento section {
  border: 1px solid #ddd;
  padding: 20px;
  position: relative
}

#seguimiento section .titulo {
  background-color: #fff;
  padding: 5px 15px;
  position: absolute;
  top: -17px
}

#seguimiento section table {
  background-color: #fff;
  text-align: center;
  width: 100%
}

#seguimiento section th,
#seguimiento section td {
  border: 1px solid #efefef;
  padding: 7px 10px
}

#seguimiento section th {
  background-color: #f7f9f9;
  color: #3d3d3d;
  font-size: .875em;
  font-weight: bold
}

#seguimiento section td {
  font-size: .813em
}

#seguimiento section a {
  color: #686868;
  text-decoration: underline
}

#seguimiento section .producto,
#seguimiento section .numero,
#seguimiento section .fecha,
#seguimiento section .datos,
#seguimiento section .situacion {
  width: 17.5%
}

#seguimiento section .detalle {
  display: none
}

#seguimiento section .detalle ul {
  height: 90px;
  margin: 10px auto 0 auto;
  width: 85%
}

#seguimiento section .detalle .seguimiento-4estados li {
  width: 33.3%
}

#seguimiento section .detalle .seguimiento-5estados li {
  width: 25%
}

#seguimiento section .detalle .seguimiento-6estados li {
  width: 20%
}

#seguimiento section .detalle .seguimiento-7estados li {
  width: 16.6%
}

#seguimiento section .detalle .seguimiento-8estados li {
  width: 14.2%
}

#seguimiento section .detalle li {
  float: left;
  position: relative;
  text-align: center
}

#seguimiento section .detalle .esfera {
  background-color: #aaa;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  display: block;
  height: 16px;
  position: absolute;
  top: 0;
  width: 16px;
  z-index: 1
}

#seguimiento section .detalle p {
  background-color: #aaa;
  height: 5px;
  margin-top: 5px
}

#seguimiento section .detalle span {
  color: #aaa
}

#seguimiento section .detalle .enunciado {
  position: absolute;
  top: 20px;
  width: 100px
}

#seguimiento section .detalle .estacion-inicial {
  height: 0 !important
}

#seguimiento section .detalle .estacion-inicial .recibido {
  left: -8px
}

#seguimiento section .detalle .estacion-inicial .confirmado {
  right: -8px
}

#seguimiento section .detalle .estacion-inicial .enunciado-recibido {
  left: -50px
}

#seguimiento section .detalle .estacion-inicial .enunciado-confirmado {
  right: -50px
}

#seguimiento section .detalle .estacion-inicial .activo {
  background-color: #00bb31
}

#seguimiento section .detalle .estacion-inicial .activo-texto,
#seguimiento section .detalle .estacion-inicial .activo-texto span {
  color: #00bb31
}

#seguimiento section .detalle .estacion .esfera {
  right: -8px
}

#seguimiento section .detalle .estacion .enunciado {
  right: -50px
}

#seguimiento section .detalle .activo span {
  color: #00bb31
}

#seguimiento section .detalle .activo .esfera,
#seguimiento section .detalle .activo p {
  background-color: #00bb31
}

#seguimiento section .detalle .activo .esfera.finalizado {
  background-image: url("../images/ico-estado-entregado.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 60%
}

#campanas {
  padding-bottom: 90px
}

#campanas .titulo-general {
  margin-top: 30px
}

#campanas .detalle {
  text-align: center
}

#campanas article {
  display: inline-block;
  margin: 0 40px 20px 40px;
  vertical-align: top;
  width: 237px
}

#campanas article .unidad {
  border: 1px solid #e4e3e3;
  height: 270px;
  position: relative
}

#campanas article .unidad div {
  bottom: 20px;
  height: 75px;
  left: 0;
  position: absolute;
  width: 100%
}

#campanas article .unidad .texto {
  color: #fff;
  font-size: .938em;
  padding: 5px 10px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 1
}

#campanas article .unidad .fondo {
  background-color: #000;
  -ms-filter: "alpha(opacity=40)";
  height: 100%;
  opacity: .5;
  -ms-filter: "alpha(opacity=50)";
  filter: alpha(opacity=50)
}

#campanas article a {
  background-color: #00bb31;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 10px auto 0 auto;
  text-align: center;
  width: 75%
}

#campanas .felicitaciones {
  background: url("../images/ico-felicitaciones.png") #fff 15px 50% no-repeat;
  behavior: url("../static/css/PIE.htc");
  border: 1px solid #00bb31;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px 20px 20px 60px
}

#campanas .ya {
  background: url("../images/ico-check.png") 0 5px no-repeat;
  font-size: .875em;
  margin-top: 20px;
  padding-left: 17px;
  text-align: left
}

.no-slider {
  padding-top: 125px;
  position: relative
}

#resultado .titulo-general {
  text-align: left
}

#resultado .titulo-general span {
  margin: 0
}

.resultado-busqueda {
  clear: both;
  margin-bottom: 20px
}

footer {
  color: #a2a2a2 !important;
  clear: both;
  background-color: #272727;
  overflow: hidden;
  padding-top: 35px
}

footer section {
  margin: 0 auto;
  width: 1100px
}

footer h2 {
  color: #a2a2a2;
  font-size: 30px
}

footer .productos-servicios a,
footer .acceso-rapido a {
  border-bottom: 1px solid #272727;
  color: #a2a2a2
}

footer .horario-atencion {
  font-weight: bold;
  margin-bottom: 0 !important;
  font-size: 16px !important
}

footer .hora {
  font-size: 16px !important
}

footer .productos-servicios a:hover,
footer .acceso-rapido a:hover,
footer .productos-servicios .activo,
footer .acceso-rapido .activo {
  border-bottom: 1px solid #fab428;
  color: #fab428
}

footer .productos-servicios {
  border-bottom: 1px solid #3d3d3d;
  margin-bottom: 40px;
  padding-bottom: 10px
}

footer .productos-servicios a,
footer .productos-servicios span {
  display: inline-block;
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  margin-right: 15px
}

footer .productos-servicios span {
  margin-left: 5px;
  margin-right: 5px
}

footer .acceso-rapido,
footer .telefono {
  margin-bottom: 30px
}

footer .acceso-rapido {
  float: left;
  overflow: hidden
}

footer .acceso-rapido ul,
footer .acceso-rapido p {
  float: left;
  padding-right: 25px;
  width: 150px
}

footer .acceso-rapido li {
  margin-bottom: 15px
}

footer .acceso-rapido a {
  font-size: 13px
}

footer .acceso-rapido .principal {
  font-weight: bold
}

footer .acceso-rapido .principal a {
  color: #fff
}

footer .acceso-rapido .principal a[href="/preguntas-frecuentes"] {
  display: none
}

footer .acceso-rapido .principal a:hover,
footer .acceso-rapido .principal .activo {
  color: #fab428
}

footer .telefono {
  float: right;
  width: 325px
}

footer .telefono p {
  font-size: 15px;
  margin-bottom: 15px
}

footer .telefono ul {
  margin-bottom: 10px;
  overflow: hidden
}

footer .telefono li {
  float: left
}

footer .telefono li:first-child {
  font-size: 20px;
  margin-right: 5px
}

footer .telefono span {
  font-size: 13px;
  display: block;
  padding-top: 7px
}

footer .logo-footer {
  border-top: 1px solid #3d3d3d;
  clear: both;
  color: #fff;
  font-size: .813em;
  overflow: hidden;
  padding-top: 20px
}

footer .logo-footer li {
  float: left
}

footer .logo-footer li:first-child {
  margin-right: 10px
}

footer .logo-footer a {
  display: block;
  height: 32px;
  width: 200px
}

.div-filtro-descuento {
  float: left;
  width: auto
}

.filtro-ordenar {
  float: right;
  margin-bottom: 15px;
  width: 246px
}

.filtro-ordenar.comprar {
  margin-top: 40px !important;
  margin: auto;
  margin-bottom: 15px;
  display: block;
  background-position: 222px
}

.filtro-ordenar.comprar::-ms-expand {
  display: none
}

.filtro-ubigeo {
  float: right;
  width: 25%
}

.content-ordenar {
  width: 100%;
  height: auto;
  margin-bottom: 20px
}

.content-ordenar .item {
  width: 98%;
  text-align: right
}

.content-ordenar .item-left,
.content-ordenar .item-right {
  width: 49%;
  display: inline-block
}

.content-ordenar .item-right {
  text-align: right;
  float: right
}

.content-ordenar select {
  width: auto
}

@media screen and (max-width:460px) {
  .content-ordenar select {
    width: 100%
  }

  .modal-detalle-estado {
    width: 300px !important;
    margin: 0
  }
}

.referencial {
  font-size: .938em;
  margin-bottom: 20px;
  margin-top: -10px;
  padding-left: 50.5%
}

.lightbox {
  background-color: #fff;
  behavior: url("../static/css/PIE.htc");
  border: 1px solid #c3c2c3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 25%;
  z-index: 10000;
  overflow: hidden;
  padding: 40px 30px 20px 30px;
  position: fixed
}

.lightbox.blocked {
  display: block !important
}

.lightbox #ico-alerta {
  background: url("../images/ico-alerta.png") no-repeat;
  display: block;
  height: 26px;
  margin: 0 auto 10px auto;
  width: 32px
}

#lightbox-sesion {
  width: 352px;
      font-family: "Montserrat", sans-serif;
}

#lightbox-sesion .enlace a {
  float: right;
  margin-right: 5px;
  width: 130px
}

#lightbox-sesion h1,
#lightbox-sesion p {
  margin-bottom: 15px
}

#lightbox-sesion h1 {
  color: #0F191E;
  font-size: 28px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
}

#lightbox-sesion .reloj,
#lightbox-sesion .texto {
  font-size: 1.063em
}

#lightbox-sesion .reloj {
  font-size: 40px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: -3px;
    line-height: 50px;
    text-align: center;
    margin-top: 24px;
}
#lightbox-sesion .texto {
  color: #0F191E;
  font-size: 14px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: -0.1px;
  line-height: 20px;
  text-align: center;
  margin: 21px 0px 20px;
}
#lightbox-sesion .botonera{
  padding-top: 0px;
  border-top: 0px;
}
#lightbox-loading,
.lightbox {
  padding: 38px 32px 36px;
  width: 350px
}

#lightbox-loading .cargador,
.lightbox .cargador {
  margin-top: 20px;
  position: relative;
  display: block
}

.lightbox-terminos-condiciones .botonera-flujo a {
  background-color: #00953a;
  font-size: .875em;
  margin-left: auto;
  margin-right: auto;
  width: 150px
}

#seleccion {
  background-color: #fff;
  behavior: url("../static/css/PIE.htc");
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #f2f1f1;
  padding: 25px 15px 10px 15px;
  width: 625px
}

#seleccion section {
  background-color: #f2f1f1;
  margin-bottom: 10px;
  padding: 10px
}

#seleccion h3,
#seleccion p {
  margin-bottom: 10px
}

#seleccion p,
#seleccion li {
  font-size: .813em
}

#seleccion h3 {
  font-size: .875em;
  font-weight: bold
}

#seleccion ul {
  text-align: center
}

#seleccion li {
  display: inline-block;
  margin-left: 10px
}

#seleccion li:first-child {
  margin-left: 0
}

#seleccion input {
  margin-right: 3px
}

#seleccion a {
  background: url("../images/registro/ico-avanzar.png") #00953a 95% 50% no-repeat;
  font-size: .875em;
  margin: 0 auto;
  width: 275px
}

@media screen and (max-width:1470px) {
  #promocion .promocion-detalle {
    margin-left: 40px
  }
}

@media screen and (max-width:1450px) {
  #ficha-tecnica .ficha-tecnica-detalle {
    margin-left: 40px
  }
}

@media screen and (max-width:1270px) {
  #ficha-tecnica {
    height: auto
  }

  #promocion {
    height: auto
  }

  #promocion .promocion-detalle {
    width: 740px
  }
}

@media screen and (max-width:1150px) {
  #ficha-tecnica {
    height: auto
  }

  #ficha-tecnica .ficha-tecnica-detalle {
    width: 650px
  }

  .bim .resumen .zona {
    width: 150px
  }

  .publica-resumen .zona {
    width: 210px
  }
}

.only-full {
  display: block !important
}

.only-responsive {
  display: none !important
}

@media screen and (max-width:1100px) {
  .only-full {
    display: none !important
  }

  .only-responsive {
    display: block !important
  }

  .bim {
    position: relative
  }

  .bim .resumen {
    width: 100%
  }

  .bim-descripcion {
    margin: 20px 2.5%;
    width: 95%
  }

  .bim-descripcion .resumen {
    left: inherit;
    position: relative;
    top: inherit
  }

  #programa-bim section {
    margin: auto;
    width: 730px
  }

  #programa-bim .conocer {
    margin-top: 20px
  }

  #galeria .promocion-detalle {
    margin-left: 2.5%;
    width: auto
  }

  #ficha-tecnica .ficha-tecnica-detalle {
    margin-left: 2.5%
  }

  .limite,
  .limiteOfertas {
    width: 96%
  }

  header #contacto-sesion nav {
    padding-right: 2.5%
  }

  header #logo-usuario #usuario,
  header #logo-usuario .iniciar {
    right: 2.5%
  }

  header #logo-usuario .iniciar {
    padding: 0 20px
  }

  #menu-principal {
    padding-top: 0;
    background-color: #fff;
    height: 60px;
    position: relative
  }

  #menu-principal .menu,
  #menu-principal div {
    margin-left: 2.5%
  }

  #menu-principal .menu {
    background: url("../images/ico-hamburger-n.png") 10px 50% transparent no-repeat;
    behavior: url("../static/css/PIE.htc");
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    color: #00bb31;
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 10px 0 45px
  }

  .gif-avion-puntos2 span,
  .gif-avion-puntos2 i {
    background-color: #00bb31
  }

  #menu-principal .menu>span {
    display: inline-block;
    color: #00bb31
  }

  #menu-principal div {
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 8;
    width: 250px
  }

  #menu-principal>div {
    padding-left: 0
  }

  #menu-principal .alineacion>ul>li {
    float: none
  }

  #menu-principal #menu-principal-opciones {
    display: none
  }

  #menu-principal .principal a,
  #menu-principal .secundario a {
    display: block;
    font-size: .813em;
    padding: 0 20px;
    text-align: center
  }

  #menu-principal .principal p,
  #menu-principal .secundario p {
    border-top: 1px solid #fff
  }

  #menu-principal .principal span,
  #menu-principal .secundario span {
    display: inline-block;
    vertical-align: middle
  }

  #menu-principal .principal .menu-link span:first-child,
  #menu-principal .principal .menu-link span {
    height: 45px;
    line-height: 45px
  }

  #menu-principal .principal a {
    background-color: #00bb31;
    color: #fff
  }

  #menu-principal .principal .inicio p {
    border-top: 0
  }

  #menu-principal .principal .subopciones-submenu a {
    height: 25px;
    text-align: left
  }

  #menu-principal .principal .subopciones-submenu a:hover,
  #menu-principal .principal .subopciones-submenu a.activo {
    color: #111
  }

  #menu-principal .secundario {
    display: none
  }

  #menu-principal .secundario a {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    color: #666
  }

  #menu-principal .secundario .oportunidad {
    background-color: #fafafa;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc
  }

  #menu-principal .secundario .contactenos p {
    border-top: 0
  }

  #menu-principal .principal {
    -webkit-box-shadow: 0 2px 4px #797979;
    box-shadow: 0 2px 4px #797979
  }

  #menu-principal .principal a {
    border-bottom: 1px solid #fff
  }

  #menu-principal .principal .menu-link {
    width: 209px;
    height: 45px;
    line-height: 45px;
    float: none
  }

  #menu-principal .principal .menu-item:hover .menu-link,
  #menu-principal .principal .menu-link.activo {
    color: #fff;
    background: #00bb31;
    border-top: 0;
    border-bottom: 1px solid #fff
  }

  #menu-principal .submenu,
  #menu-principal .submenu-compras {
    padding: 0;
    width: 100% !important;
    border: 0
  }

  #menu-principal .submenu>li {
    padding: 0;
    float: none;
    width: 100%
  }

  #menu-principal .submenu a {
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
    color: #333;
    border-bottom: 1px solid #ddd;
    text-align: left;
    position: relative
  }

  #menu-principal .submenu a:after {
    content: "";
    background-image: url("../images/ico-menu-right.png");
    width: 7px;
    height: 11px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto
  }

  #subopciones-menu {
    display: none
  }

  .miga-inferior {
    top: 0
  }

  .flotante-secundario {
    right: 0
  }

  #promocion .promocion-detalle {
    margin-left: 2.5%
  }

  #acceso,
  .acceso-oportunidad {
    padding-left: 2.5%
  }

  .publica-resumen .resumen {
    width: 100%
  }

  .oferta .titulo-general {
    padding-top: 10px
  }

  .oferta section {
    text-align: center;
    width: 100%
  }

  .oferta article {
    position: relative
  }

  #preguntas-frecuentes .contenidos,
  #terminos-condiciones .contenidos,
  #conocer .contenidos {
    position: inherit
  }

  #preguntas-frecuentes .contenidos section,
  #terminos-condiciones .contenidos section,
  #conocer .contenidos section {
    min-height: 100% !important;
    border-left: 0;
    border-right: 0
  }

  #preguntas-frecuentes .contenidos section .close-tab,
  #terminos-condiciones .contenidos section .close-tab,
  #conocer .contenidos section .close-tab {
    display: block
  }

  #preguntas-frecuentes .preguntas-detalle nav,
  #terminos-condiciones .preguntas-detalle nav,
  #conocer .preguntas-detalle nav,
  #preguntas-frecuentes .terminos-condiciones-detalle nav,
  #terminos-condiciones .terminos-condiciones-detalle nav,
  #conocer .terminos-condiciones-detalle nav,
  #preguntas-frecuentes .conocer-detalle nav,
  #terminos-condiciones .conocer-detalle nav,
  #conocer .conocer-detalle nav {
    left: inherit;
    margin: 0 auto;
    position: relative;
    top: inherit;
    width: auto
  }

  #preguntas-frecuentes .preguntas-detalle nav a,
  #terminos-condiciones .preguntas-detalle nav a,
  #conocer .preguntas-detalle nav a,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a,
  #terminos-condiciones .terminos-condiciones-detalle nav a,
  #conocer .terminos-condiciones-detalle nav a,
  #preguntas-frecuentes .conocer-detalle nav a,
  #terminos-condiciones .conocer-detalle nav a,
  #conocer .conocer-detalle nav a {
    display: inline-block;
    height: auto;
    line-height: inherit;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 100%
  }

  #preguntas-frecuentes .preguntas-detalle nav a:hover,
  #terminos-condiciones .preguntas-detalle nav a:hover,
  #conocer .preguntas-detalle nav a:hover,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a:hover,
  #terminos-condiciones .terminos-condiciones-detalle nav a:hover,
  #conocer .terminos-condiciones-detalle nav a:hover,
  #preguntas-frecuentes .conocer-detalle nav a:hover,
  #terminos-condiciones .conocer-detalle nav a:hover,
  #conocer .conocer-detalle nav a:hover,
  #preguntas-frecuentes .preguntas-detalle nav a.activo,
  #terminos-condiciones .preguntas-detalle nav a.activo,
  #conocer .preguntas-detalle nav a.activo,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a.activo,
  #terminos-condiciones .terminos-condiciones-detalle nav a.activo,
  #conocer .terminos-condiciones-detalle nav a.activo,
  #preguntas-frecuentes .conocer-detalle nav a.activo,
  #terminos-condiciones .conocer-detalle nav a.activo,
  #conocer .conocer-detalle nav a.activo {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: auto;
    line-height: inherit;
    margin: 0;
    width: 100%;
    padding-left: 0
  }

  #preguntas-frecuentes .preguntas-detalle nav a:hover .arrow-preguntas,
  #terminos-condiciones .preguntas-detalle nav a:hover .arrow-preguntas,
  #conocer .preguntas-detalle nav a:hover .arrow-preguntas,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a:hover .arrow-preguntas,
  #terminos-condiciones .terminos-condiciones-detalle nav a:hover .arrow-preguntas,
  #conocer .terminos-condiciones-detalle nav a:hover .arrow-preguntas,
  #preguntas-frecuentes .conocer-detalle nav a:hover .arrow-preguntas,
  #terminos-condiciones .conocer-detalle nav a:hover .arrow-preguntas,
  #conocer .conocer-detalle nav a:hover .arrow-preguntas,
  #preguntas-frecuentes .preguntas-detalle nav a.activo .arrow-preguntas,
  #terminos-condiciones .preguntas-detalle nav a.activo .arrow-preguntas,
  #conocer .preguntas-detalle nav a.activo .arrow-preguntas,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
  #terminos-condiciones .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
  #conocer .terminos-condiciones-detalle nav a.activo .arrow-preguntas,
  #preguntas-frecuentes .conocer-detalle nav a.activo .arrow-preguntas,
  #terminos-condiciones .conocer-detalle nav a.activo .arrow-preguntas,
  #conocer .conocer-detalle nav a.activo .arrow-preguntas {
    display: none
  }

  #preguntas-frecuentes .preguntas-detalle nav a:first-of-type,
  #terminos-condiciones .preguntas-detalle nav a:first-of-type,
  #conocer .preguntas-detalle nav a:first-of-type,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a:first-of-type,
  #terminos-condiciones .terminos-condiciones-detalle nav a:first-of-type,
  #conocer .terminos-condiciones-detalle nav a:first-of-type,
  #preguntas-frecuentes .conocer-detalle nav a:first-of-type,
  #terminos-condiciones .conocer-detalle nav a:first-of-type,
  #conocer .conocer-detalle nav a:first-of-type {
    border-top: 0;
    display: block
  }

  #preguntas-frecuentes .preguntas-detalle nav a,
  #terminos-condiciones .preguntas-detalle nav a,
  #conocer .preguntas-detalle nav a,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a,
  #terminos-condiciones .terminos-condiciones-detalle nav a,
  #conocer .terminos-condiciones-detalle nav a,
  #preguntas-frecuentes .conocer-detalle nav a,
  #terminos-condiciones .conocer-detalle nav a,
  #conocer .conocer-detalle nav a {
    padding-left: 0
  }

  #preguntas-frecuentes .preguntas-detalle div section,
  #terminos-condiciones .preguntas-detalle div section,
  #conocer .preguntas-detalle div section,
  #preguntas-frecuentes .terminos-condiciones-detalle div section,
  #terminos-condiciones .terminos-condiciones-detalle div section,
  #conocer .terminos-condiciones-detalle div section,
  #preguntas-frecuentes .conocer-detalle div section,
  #terminos-condiciones .conocer-detalle div section,
  #conocer .conocer-detalle div section {
    width: auto;
    margin: 0 auto;
    float: none;
    padding: 20px
  }
}

@media screen and (max-width:650px) {
  div.cont-busqueda label:first-child {
    padding: 0 !important
  }

  div.cont-busqueda>label {
    margin: 23px 10% !important;
    width: 80% !important
  }
}

@media screen and (max-width:710px) {

  .busqueda,
  .despliegue:not(.despliegue-compras) label {
    width: 100% !important
  }
}

@media screen and (max-width:1010px) {
  #ficha-tecnica .ficha-tecnica-detalle .titulo-general {
    width: 470px
  }

  #ficha-tecnica .ficha-tecnica-detalle section {
    float: none;
    width: 470px
  }

  #ficha-tecnica .ficha-tecnica-detalle table {
    width: 100%
  }

  #ficha-tecnica .ficha-tecnica-detalle .garantias-incluye {
    margin: 0 0 20px 0
  }

  #ficha-tecnica .ficha-tecnica-detalle .garantias-incluye img {
    margin: 0 0 20px 0
  }

  #ficha-tecnica .ficha-tecnica-detalle h5 {
    padding-left: 0
  }

  .comprobante ul,
  .datos-pasajero ul {
    text-align: center
  }

  .comprobante li,
  .datos-pasajero li {
    margin: 0 5px
  }

  .datos-pasajero .texto {
    text-align: left
  }

  #estado-cuenta .puntos-actuales form>div {
    margin: 0 auto;
    width: 500px
  }

  #estado-cuenta .puntos-actuales .puntos,
  #estado-cuenta .puntos-actuales .resumen {
    float: none
  }

  #estado-cuenta .puntos-actuales .puntos {
    border-right: 0;
    margin-bottom: 20px;
    margin-top: 0;
    min-height: inherit;
    padding: 0
  }

  #estado-cuenta .puntos-actuales .resumen {
    padding: 0;
    width: 100%
  }

  #estado-cuenta .puntos-actuales .resumen .elemento {
    float: right
  }

  #estado-cuenta .puntos-actuales .resumen .elemento:first-child {
    float: left;
    margin-right: 25px
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda {
    margin-top: 20px
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda div {
    float: none
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda .pie {
    padding: 20px 150px 0 150px
  }
}

@media screen and (max-width:1000px) {
  #detalles-producto {
    margin: 0 auto;
    width: 650px
  }
}

@media screen and (max-width:1050px) {

  .busqueda,
  .despliegue:not(.despliegue-compras) {
    margin: 0 40px !important
  }
}

@media screen and (max-width:1100px) {

  .limite,
  .limiteOfertas {
    margin: 50px auto 0 auto;
    padding-bottom: 20px
  }

  .informacion {
    padding-top: 20px;
    width: 100%
  }

  .estado {
    height: auto;
    padding-top: 16px
  }

  .estado .limite .estado-4pasos {
    float: none;
    margin: 15px auto
  }

  .flotante-secundario {
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 auto 10px auto;
    min-height: inherit;
    padding-bottom: 10px;
    position: static;
    right: inherit;
    top: inherit;
    width: 650px
  }

  .flotante-secundario .mis-canjes .arrow-resumen,
  .flotante-secundario .mis-canjes .borde {
    display: none
  }

  .flotante-secundario .tienes {
    padding: 10px
  }

  .flotante-secundario .resumen {
    left: inherit;
    top: 80px;
    width: 100%
  }

  .flotante-secundario .resumen .arrow-resumen {
    display: none
  }

  .flotante-secundario .resumen .detalle {
    border-bottom: 1px solid #c4c4c4;
    border-right: 0;
    border-top: 1px solid #c4c4c4;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    height: auto;
    padding: 10px 0;
    width: 100%;
    font-size: 1.2em
  }

  .flotante-secundario .resumen .detalle p,
  .flotante-secundario .resumen .detalle ul,
  .flotante-secundario .resumen .detalle span {
    margin: 0 10px
  }

  .flotante-secundario .resumen .total {
    border-left: 0;
    border-right: 0;
    bottom: 0;
    clear: both;
    height: auto;
    left: 0;
    position: relative;
    width: 100%
  }

  .flotante-secundario .resumen .total ul {
    margin: 0 10px
  }

  .flotante-secundario .resumen-producto .detalle {
    border-bottom: 0
  }

  .flotante-secundario .cotizando .disponibles {
    padding-right: 10px
  }

  .flotante-secundario .cotizando .combinacion {
    margin-right: 10px
  }

  .titulo-canje {
    display: none
  }

  #datos-despacho form section {
    padding: 10px
  }

  #datos-despacho form section article {
    width: 50%
  }

  #datos-despacho form section article>div {
    margin: 0 auto;
    width: 90%
  }

  #datos-despacho form .subtitulo {
    margin-bottom: 10px
  }

  #procesado .cabecera {
    padding: 10px
  }

  #procesado>div {
    padding: 10px 0
  }

  .elegir {
    margin-bottom: 20px
  }

  .elegir .titulo-general,
  .elegir select {
    display: inline-block;
    float: none;
    vertical-align: middle
  }

  .elegir .titulo-general {
    margin-right: 10px
  }

  .aerolinea .dinero-puntos {
    border-bottom: 0;
    border-right: 1px solid #dbdbdb;
    left: inherit;
    position: relative;
    top: inherit
  }

  .aerolinea .dinero-puntos div {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 440px
  }

  .aerolinea .dinero-puntos h3,
  .aerolinea .dinero-puntos .dinero,
  .aerolinea .dinero-puntos .puntos {
    display: block;
    float: none;
    margin: 0 10px;
    vertical-align: middle
  }

  .aerolinea .salida-regreso {
    border-top: 0;
    margin-left: 0;
    width: auto
  }

  .aerolinea .salida-regreso>div {
    margin: 0 auto;
    padding: 10px;
    width: 440px
  }

  .aerolinea .salida-regreso .resultado ul {
    margin-bottom: 10px
  }

  .aerolinea .tarifa {
    display: none
  }

  .salida-regreso {
    margin: 0 auto
  }

  .ida-regreso {
    margin-bottom: 20px
  }

  .ida-regreso .subtitulo {
    margin-bottom: 10px
  }

  .ida-regreso form {
    padding: 15px 0
  }

  .ida-regreso form .pasajeros,
  .ida-regreso form .filtro,
  .ida-regreso form .escalas-linea {
    margin-left: auto;
    margin-right: auto;
    width: 620px
  }

  .busqueda,
  .despliegue:not(.despliegue-compras) {
    margin: 0 auto
  }

  #informacion-pasajeros .subtitulo {
    margin-bottom: 10px
  }

  #perfil .titulo-general {
    margin-top: 10px
  }

  #perfil section {
    padding: 10px;
    margin-bottom: 20px
  }

  #medio-canje .valor-diferencia .valor .puntos-usar li,
  #medio-canje .valor-diferencia .valor .puntos-usar li:first-child {
    float: none;
    padding: 0;
    width: 100%
  }

  #medio-canje .valor-diferencia .valor .puntos-usar li:first-child {
    text-align: center
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .actualizar {
    text-align: center
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .actualizar input,
  #medio-canje .valor-diferencia .valor .puntos-usar .actualizar a {
    display: inline-block;
    float: none;
    vertical-align: middle
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
    margin: 0 auto
  }

  .cotizando-paquete {
    padding: 20px 0
  }

  .cotizando-paquete>div {
    margin: 0 auto;
    width: 600px
  }

  .cotizando-paquete .detalle {
    width: 200px
  }

  footer {
    padding-top: 20px
  }

  footer h2 {
    font-size: 1.5em
  }

  footer .productos-servicios,
  footer .acceso-rapido,
  footer .telefono {
    margin-bottom: 10px
  }

  .botonera .email {
    background-position: 0 52%
  }
}

@media screen and (max-width:1050px) {
  .despliegue label {
    width: 50%
  }
}

@media screen and (max-width:975px) {
  #seguimiento section {
    padding: 20px 5px
  }

  #seguimiento section th,
  #seguimiento section td {
    font-size: .75em;
    padding: 7px 5px
  }

  #seguimiento section .detalle ul.seguimiento-8estados {
    height: auto;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 25%
  }

  #seguimiento section .detalle ul.seguimiento-8estados li {
    float: none;
    height: 70px;
    width: 100%
  }

  #seguimiento section .detalle ul.seguimiento-8estados p {
    height: 100%;
    margin-left: 5px;
    margin-top: 0;
    width: 5px
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .recibido {
    left: 0;
    top: -8px
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .confirmado {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .enunciado-recibido,
  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .enunciado-confirmado {
    left: 20px;
    width: 150px
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .enunciado-recibido {
    top: -20px
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion-inicial .enunciado-confirmado {
    bottom: -8px;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion .esfera {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-8estados .estacion .enunciado {
    bottom: -8px;
    left: 20px;
    right: inherit;
    top: inherit;
    width: 150px
  }
}

@media screen and (max-width:950px) {
  #programar {
    margin: 50px auto 0 auto
  }

  #carrito .espera {
    color: #000;
    font-size: .813em;
    margin-top: -10px;
    width: 215px
  }

  #carrito .resumen {
    top: 5px
  }

  #galeria .titulo-general {
    text-align: center
  }

  #galeria .titulo-general .separar {
    margin: 0 auto
  }

  #galeria .promocion-detalle {
    margin-left: auto;
    margin-right: auto;
    width: 95%
  }

  #galeria .promocion-detalle .galeria {
    margin: 0 auto
  }

  #ficha-tecnica .ficha-tecnica-detalle .titulo-general {
    text-align: center;
    width: auto
  }

  #ficha-tecnica .ficha-tecnica-detalle .titulo-general .separar {
    margin: 0 auto
  }

  #ficha-tecnica .ficha-tecnica-detalle .caracteristicas {
    margin-left: auto;
    margin-right: auto
  }

  #menu-secundario .menu {
    padding: 0 10px 0 35px
  }

  #menu-secundario .secundario {
    display: block
  }

  .ico-retroceder-oferta {
    margin-right: 10px
  }

  .ico-avanzar-oferta {
    margin-left: 10px
  }

  #central-oportunidad {
    height: auto
  }

  .flotante-explora .flotante-principal .resaltar {
    display: none
  }

  .flotante-explora .flotante-principal .resumen {
    left: 0;
    top: 0;
    width: auto
  }

  .flotante-explora .flotante-principal .resumen>div {
    height: auto
  }

  .flotante-explora .flotante-principal .resumen .arrow-explora {
    display: none
  }

  .flotante-explora .flotante-principal .resumen .detalle {
    background: 0;
    width: 215px
  }

  .flotante-explora .flotante-principal .resumen .detalle ul {
    margin-top: 0
  }

  .flotante-explora .flotante-principal .resumen .explora {
    display: none
  }

  .flotante-explora .flotante-principal .resumen .beneficios {
    top: 0
  }

  .flotante-explora .flotante-principal .resumen .proyeccion {
    display: none
  }

  #descuento .flotante-principal {
    display: none
  }

  #ficha-tecnica .ficha-tecnica-detalle {
    margin: 0 auto 20px auto;
    width: 95%
  }

  #ficha-tecnica .ficha-tecnica-detalle .titulo-general {
    margin: 30px auto
  }

  #ficha-tecnica .ficha-tecnica-detalle section {
    margin: 0 auto
  }

  #ficha-tecnica .ficha-tecnica-detalle .garantias-incluye {
    margin: 0 auto 20px auto
  }

  #promocion .promocion-detalle {
    margin: 0 auto 20px auto
  }

  .no-slider {
    padding-top: 15px
  }
}

@media screen and (max-width:925px) {

  footer .acceso-rapido,
  footer .telefono {
    width: 100%
  }

  footer .acceso-rapido ul,
  footer .acceso-rapido p {
    padding-right: 2%;
    width: 31%
  }

  footer .acceso-rapido li {
    margin-bottom: 10px
  }

  footer .telefono p {
    margin-bottom: 10px
  }
}

@media screen and (max-width:900px) {
  .publica-resumen .zona {
    margin-left: 5px;
    margin-right: 5px
  }

  #procesado .confirmacion .codigo-detalle {
    border: 0
  }

  #procesado .confirmacion .codigo-detalle article {
    float: none;
    width: 100%
  }

  #procesado .confirmacion .codigo-detalle .codigo>div,
  #procesado .confirmacion .codigo-detalle .detalle>div {
    min-height: inherit;
    border: 0
  }

  #procesado .confirmacion .salida-regreso-detalle,
  #procesado .confirmacion .compra-canje-detalle,
  #procesado .confirmacion .salida-regreso,
  #procesado .confirmacion .codigo-detalle {
    width: auto;
    padding: 20px
  }

  #procesado .confirmacion .compra-canje-detalle {
    border: 0
  }

  #procesado .confirmacion .compra-canje-detalle article img {
    margin-bottom: 10px
  }
}

@media screen and (max-width:850px) {
  #seguimiento section .detalle ul.seguimiento-7estados {
    height: auto;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 25%
  }

  #seguimiento section .detalle ul.seguimiento-7estados li {
    float: none;
    height: 70px;
    width: 100%
  }

  #seguimiento section .detalle ul.seguimiento-7estados p {
    height: 100%;
    margin-left: 5px;
    margin-top: 0;
    width: 5px
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .recibido {
    left: 0;
    top: -8px
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .confirmado {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .enunciado-recibido,
  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .enunciado-confirmado {
    left: 20px;
    width: 150px
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .enunciado-recibido {
    top: -20px
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion-inicial .enunciado-confirmado {
    bottom: -8px;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion .esfera {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-7estados .estacion .enunciado {
    bottom: -8px;
    left: 20px;
    right: inherit;
    top: inherit;
    width: 150px
  }
}

@media screen and (max-width:825px) {
  .bim .resumen .zona {
    margin-left: 25px;
    margin-right: 25px
  }
}

@media screen and (max-width:800px) {
  #programa-bim article {
    margin: 5px;
    margin-left: 0
  }

  .titulo-general h1,
  .titulo-general p {
    font-size: 1.75em
  }

  #procesado .cabecera h1 {
    font-size: 1.75em;
    width: 250px
  }
}

@media screen and (max-width:785px) {

  #preguntas-frecuentes .preguntas-detalle nav,
  #terminos-condiciones .preguntas-detalle nav,
  #conocer .preguntas-detalle nav,
  #preguntas-frecuentes .terminos-condiciones-detalle nav,
  #terminos-condiciones .terminos-condiciones-detalle nav,
  #conocer .terminos-condiciones-detalle nav,
  #preguntas-frecuentes .conocer-detalle nav,
  #terminos-condiciones .conocer-detalle nav,
  #conocer .conocer-detalle nav {
    font-size: .875em;
    width: auto
  }

  #preguntas-frecuentes .preguntas-detalle div,
  #terminos-condiciones .preguntas-detalle div,
  #conocer .preguntas-detalle div,
  #preguntas-frecuentes .terminos-condiciones-detalle div,
  #terminos-condiciones .terminos-condiciones-detalle div,
  #conocer .terminos-condiciones-detalle div,
  #preguntas-frecuentes .conocer-detalle div,
  #terminos-condiciones .conocer-detalle div,
  #conocer .conocer-detalle div {
    width: auto
  }

  #preguntas-frecuentes .preguntas-detalle div section,
  #terminos-condiciones .preguntas-detalle div section,
  #conocer .preguntas-detalle div section,
  #preguntas-frecuentes .terminos-condiciones-detalle div section,
  #terminos-condiciones .terminos-condiciones-detalle div section,
  #conocer .terminos-condiciones-detalle div section,
  #preguntas-frecuentes .conocer-detalle div section,
  #terminos-condiciones .conocer-detalle div section,
  #conocer .conocer-detalle div section {
    padding: 10px 2.5%;
    width: auto
  }
}

@media screen and (max-width:750px) {
  .descuento-compra>div .descuento-nombre h3 {
    font-size: 1.125em
  }

  #estado-cuenta .cliente {
    padding: 20px
  }

  #estado-cuenta .puntos-actuales {
    padding: 20px
  }

  #estado-cuenta .puntos-actuales form>div {
    margin-bottom: 20px;
    padding: 0 0 20px 0
  }

  #estado-cuenta .puntos-actuales .resumen .elemento:first-child {
    margin-right: 0
  }

  .tooltip {
    bottom: 25px;
    left: -80px;
    top: inherit;
    width: 200px
  }

  .tooltip div {
    float: left
  }

  .tooltip .tool-mensaje {
    display: none
  }

  .tooltip .tool-mensaje-horizontal {
    display: block
  }
}

@media screen and (max-width:725px) {
  #seguimiento section .detalle ul.seguimiento-6estados {
    height: auto;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 25%
  }

  #seguimiento section .detalle ul.seguimiento-6estados li {
    float: none;
    height: 70px;
    width: 100%
  }

  #seguimiento section .detalle ul.seguimiento-6estados p {
    height: 100%;
    margin-left: 5px;
    margin-top: 0;
    width: 5px
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .recibido {
    left: 0;
    top: -8px
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .confirmado {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .enunciado-recibido,
  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .enunciado-confirmado {
    left: 20px;
    width: 150px
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .enunciado-recibido {
    top: -20px
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion-inicial .enunciado-confirmado {
    bottom: -8px;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion .esfera {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle ul.seguimiento-6estados .estacion .enunciado {
    bottom: -8px;
    left: 20px;
    right: inherit;
    top: inherit;
    width: 150px
  }
}

@media screen and (max-width:700px) {
  .flotante-secundario {
    width: 100%
  }

  #detalles-producto {
    width: 100%
  }

  #detalles-producto .producto,
  #detalles-producto .agregar {
    float: none
  }

  #detalles-producto .producto {
    width: 100%
  }

  #detalles-producto .producto .elemento-grupo {
    text-align: center
  }

  #detalles-producto .producto .elemento-grupo .elemento {
    display: inline-block;
    float: none;
    margin: 0 5px
  }

  #detalles-producto .producto .elemento-grupo .elemento li:first-child {
    text-align: left
  }

  #detalles-producto .agregar {
    text-align: center;
    width: 100%
  }

  #detalles-producto .agregar div {
    margin-bottom: 10px
  }

  #detalles-producto .producto .elemento-grupo .elemento select option {
    text-align: center
  }

  #detalles-producto .agregar>p {
    font-size: 1.4em
  }

  #detalles-producto .agregar a {
    display: inline-block;
    width: 95%;
    margin: 5px auto
  }

  #detalles-producto .agregar article img {
    width: 40%;
    margin-top: 7%;
    height: auto
  }

  #detalles-producto .agregar article p {
    width: 50%;
    margin-top: 7%;
    font-size: 1.1em
  }

  .ida-regreso form .pasajeros,
  .ida-regreso form .filtro,
  .ida-regreso form .escalas-linea {
    margin-left: auto;
    margin-right: auto;
    width: 370px
  }

  .ida-regreso form .seleccion-ida-regreso {
    clear: both;
    float: none
  }

  .ida-regreso form .seleccion-pasajeros {
    margin-left: 0
  }

  .ida-regreso form .escalas-linea label {
    width: 50%
  }

  .oferta form .filtro {
    left: inherit;
    position: relative;
    top: inherit
  }

  .busqueda,
  .despliegue {
    margin: 0 auto;
    width: 370px
  }

  .despliegue {
    width: initial
  }

  .busqueda .palabra-clave {
    float: left
  }

  .despliegue label {
    width: 100%
  }

  .lightbox-info {
    padding: 20px 2.5%;
    width: 95%
  }

  .publica-resumen {
    height: 250px
  }

  .publica-resumen .beneficios {
    margin-top: 10px
  }
}

@media screen and (max-width:320px) {
  .despliegue input {
    margin-right: 10px !important
  }
}

@media screen and (max-width:680px) {
  .bim .resumen .zona {
    margin-left: 10px;
    margin-right: 10px
  }

  #promocion .promocion-detalle {
    width: 95%
  }

  #promocion .promocion-detalle .galeria {
    width: 100%
  }

  #promocion .promocion-detalle .galeria nav {
    text-align: center
  }

  #promocion .promocion-detalle .galeria nav a {
    display: inline-block;
    float: none;
    margin: 0 .25%;
    vertical-align: top;
    width: 19%
  }

  .cotizando-paquete>div {
    margin: 0 auto;
    width: 95%
  }

  .cotizando-paquete .detalle {
    width: 50%
  }

  .cotizando-paquete .datos .fecha,
  .cotizando-paquete .datos .seleccion-pasajeros {
    float: none
  }

  .cotizando-paquete .referencia {
    width: 100%
  }
}

@media screen and (max-width:670px) {
  .lightbox-campana {
    width: 90%
  }

  .lightbox-campana #campana-1,
  .lightbox-campana .descripcion {
    clear: both;
    float: none
  }

  .lightbox-campana #campana-1 {
    margin: 0 auto 10px auto
  }

  .lightbox-campana .descripcion {
    width: 100%
  }
}

@media screen and (max-width:768px) {
  #seguimiento section .detalle ul.seguimiento-4estados {
    height: auto;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 25%
  }

  #seguimiento section .detalle ul.seguimiento-5estados {
    height: auto;
    margin-bottom: 10px;
    margin-top: 25px;
    width: 25%
  }

  #seguimiento section .detalle li {
    float: none;
    height: 70px;
    width: 100%
  }

  #seguimiento section .detalle p {
    height: 100%;
    margin-left: 5px;
    margin-top: 0;
    width: 5px
  }

  #seguimiento section .detalle .estacion-inicial .recibido {
    left: 0;
    top: -8px
  }

  #seguimiento section .detalle .estacion-inicial .confirmado {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle .estacion-inicial .enunciado-recibido,
  #seguimiento section .detalle .estacion-inicial .enunciado-confirmado {
    left: 45px;
    width: 150px
  }

  #seguimiento section .detalle .estacion-inicial .enunciado-recibido {
    top: -20px
  }

  #seguimiento section .detalle .estacion-inicial .enunciado-confirmado {
    bottom: -8px;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle .estacion .esfera {
    bottom: -8px;
    left: 0;
    right: inherit;
    top: inherit
  }

  #seguimiento section .detalle .estacion .enunciado {
    bottom: -8px;
    left: 45px;
    right: inherit;
    top: inherit;
    width: 150px
  }

  #detalles-producto .tooltip-sacar {
    right: 50%;
    bottom: 0;
    top: inherit;
    margin-right: -100px
  }
}

@media screen and (max-width:645px) {
  .seguridad {
    clear: both;
    left: inherit;
    margin-bottom: 7px;
    position: relative;
    top: inherit
  }
}

@media screen and (max-width:600px) {
  #datos-despacho form section {
    padding: 10px 0
  }

  #datos-despacho form section article {
    width: 100%
  }

  #datos-despacho form .direccion-despacho,
  #datos-despacho form .datos-contacto,
  #datos-despacho form .plazo-entrega {
    float: none
  }

  #datos-despacho form .datos-contacto {
    margin-bottom: 10px
  }

  #procesado .salida-regreso {
    width: 100%
  }

  #estado-cuenta .puntos-actuales form>div {
    width: 100%
  }

  #estado-cuenta .puntos-actuales .resumen .elemento {
    width: 175px
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda .pie {
    padding: 20px 100px 0 100px
  }

  #preguntas-frecuentes .preguntas-detalle nav a,
  #terminos-condiciones .preguntas-detalle nav a,
  #conocer .preguntas-detalle nav a,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a,
  #terminos-condiciones .terminos-condiciones-detalle nav a,
  #conocer .terminos-condiciones-detalle nav a,
  #preguntas-frecuentes .conocer-detalle nav a,
  #terminos-condiciones .conocer-detalle nav a,
  #conocer .conocer-detalle nav a,
  #preguntas-frecuentes .preguntas-detalle nav a:hover,
  #terminos-condiciones .preguntas-detalle nav a:hover,
  #conocer .preguntas-detalle nav a:hover,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a:hover,
  #terminos-condiciones .terminos-condiciones-detalle nav a:hover,
  #conocer .terminos-condiciones-detalle nav a:hover,
  #preguntas-frecuentes .conocer-detalle nav a:hover,
  #terminos-condiciones .conocer-detalle nav a:hover,
  #conocer .conocer-detalle nav a:hover,
  #preguntas-frecuentes .preguntas-detalle nav a.activo,
  #terminos-condiciones .preguntas-detalle nav a.activo,
  #conocer .preguntas-detalle nav a.activo,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a.activo,
  #terminos-condiciones .terminos-condiciones-detalle nav a.activo,
  #conocer .terminos-condiciones-detalle nav a.activo,
  #preguntas-frecuentes .conocer-detalle nav a.activo,
  #terminos-condiciones .conocer-detalle nav a.activo,
  #conocer .conocer-detalle nav a.activo {
    width: 100%
  }
}

@media screen and (max-width:575px) {
  .bim {
    height: 410px
  }

  .bim .resumen .zona {
    display: block;
    margin: 10px auto 0 auto
  }

  .bim-descripcion {
    margin: 20px 2.5%;
    width: 95%
  }

  .bim-descripcion .resumen {
    padding: 10px 2.5%;
    width: 95%
  }

  #estado-cuenta .cliente {
    font-size: .813em
  }

  #estado-cuenta .cliente ul,
  #estado-cuenta .cliente p {
    clear: both;
    float: left
  }

  #estado-cuenta .detalle table {
    font-size: .75em
  }

  #estado-cuenta .detalle table .descripcion {
    width: 115px
  }

  #estado-cuenta .detalle table .nombre {
    width: 90px
  }

  .cotizando-paquete .detalle {
    width: 40%
  }
}

@media screen and (max-width:560px) {

  #acceso,
  .acceso-oportunidad {
    bottom: inherit;
    left: inherit;
    margin-top: 20px;
    padding-left: 0;
    position: relative;
    text-align: center
  }

  #acceso a,
  .acceso-oportunidad a {
    border-right: 0;
    display: block;
    float: none;
    height: 30px;
    line-height: 30px;
    padding: 0;
    width: 100%
  }

  #acceso a span:first-child,
  .acceso-oportunidad a span:first-child {
    height: 30px
  }

  #acceso a:first-child,
  .acceso-oportunidad a:first-child {
    border-left: 0
  }

  #galeria {
    padding-bottom: 0
  }
}

@media screen and (max-width:550px) {
  .oferta article {
    border: 0
  }

  .oferta article.descuento-completo,
  .oferta article.descuento-basico,
  .oferta article.simple,
  .oferta article.doble {
    height: auto !important;
    margin: 3px 1% !important;
    position: relative !important
  }

  .oferta article.descuento-completo>div,
  .oferta article.descuento-basico>div,
  .oferta article.simple>div,
  .oferta article.doble>div {
    padding: 2.5% !important;
    width: 95% !important
  }

  .oferta article.descuento-completo>div,
  .oferta article.descuento-basico>div {
    height: auto !important
  }

  .oferta article.descuento-completo>div .nombre,
  .oferta article.descuento-basico>div .nombre,
  .oferta article.simple>div .nombre,
  .oferta article.doble>div .nombre {
    margin-bottom: 10px !important;
    padding: 5px 2.5% !important;
    width: 95% !important;
    background: url("../images/fondo.png") 0 0 repeat !important
  }

  .oferta article.descuento-completo>div .nombre h3,
  .oferta article.descuento-basico>div .nombre h3,
  .oferta article.simple>div .nombre h3,
  .oferta article.doble>div .nombre h3 {
    font-size: 1.125em !important
  }

  .oferta article.descuento-completo>div .descuento,
  .oferta article.descuento-basico>div .descuento,
  .oferta article.simple>div .descuento,
  .oferta article.doble>div .descuento {
    background: url("../images/fondo.png") 0 0 repeat !important;
    padding: 5px 10px !important
  }

  .oferta article.descuento-completo>div .detalle-compra,
  .oferta article.descuento-basico>div .detalle-compra {
    display: none
  }

  .oferta article.simple>div .detalle-compra,
  .oferta article.doble>div .detalle-compra {
    bottom: 25px !important
  }

  .oferta article.descuento-completo,
  .oferta article.doble {
    width: 98% !important
  }

  .oferta article.descuento-completo>div .precio li:first-child,
  .oferta article.doble>div .precio li:first-child,
  .oferta article.descuento-completo>div .precio .porcentaje,
  .oferta article.doble>div .precio .porcentaje {
    font-size: 1.25em
  }

  .oferta article.descuento-completo>div .precio li,
  .oferta article.doble>div .precio li {
    padding-top: 0
  }

  .oferta article.descuento-basico,
  .oferta article.simple {
    width: 47.25% !important
  }

  .oferta article.descuento-basico>div .descuento ul,
  .oferta article.simple>div .descuento ul {
    margin-bottom: 5px
  }

  .oferta article.descuento-basico>div .descuento li:first-child,
  .oferta article.simple>div .descuento li:first-child,
  .oferta article.descuento-basico>div .descuento .porcentaje,
  .oferta article.simple>div .descuento .porcentaje {
    font-size: 1.25em !important
  }

  .oferta article.descuento-basico>div .descuento .porcentaje,
  .oferta article.simple>div .descuento .porcentaje {
    padding-top: 0 !important
  }

  .oferta article.descuento-basico .color-1,
  .oferta article.simple .color-1,
  .oferta article.descuento-basico .color-2,
  .oferta article.simple .color-2,
  .oferta article.descuento-basico .color-3,
  .oferta article.simple .color-3 {
    border-top: 0;
    border-right: none !important
  }

  .oferta img {
    border: 1px solid #dbdbdb
  }

  .detalle-oportunidad {
    text-align: center;
    padding: 20px 0
  }

  .detalle-oportunidad .do-left,
  .detalle-oportunidad .do-right {
    float: none
  }

  .detalle-oportunidad .do-right {
    height: 92px;
    position: relative
  }

  .detalle-oportunidad .do-comprar {
    top: 45px;
    position: absolute;
    width: 100%
  }

  .detalle-oportunidad .do-comprar .do-boton {
    margin: auto
  }

  .detalle-oportunidad .ver-detalle {
    top: 0;
    position: absolute;
    width: 100%;
    padding: 0
  }

  .detalle-oportunidad .ver-detalle a {
    font-size: 14px
  }

  .detalle-oportunidad .do-millas {
    font-size: 16px
  }

  .detalle-oportunidad .do-millas sup {
    font-size: 12px
  }

  .detalle-oportunidad .do-millas .nro {
    font-size: 22px
  }

  .detalle-oportunidad .do-millas .dec {
    font-size: 16px
  }

  .detalle-oportunidad .do-millas .dec {
    font-size: 12px
  }

  .detalle-oportunidad .do-titulo {
    margin-bottom: 20px
  }

  .detalle-oportunidad .do-titulo h2 {
    font-size: 20px;
    line-height: 20px
  }

  .detalle-oportunidad .do-precio {
    font-size: 14px;
    margin-bottom: 0
  }

  .detalle-oportunidad .do-precio .dec {
    font-size: 12px
  }

  .detalle-oportunidad .cliente {
    float: none;
    margin-top: 20px
  }

  .bim-descripcion .resumen {
    height: auto
  }

  .bim-descripcion .enlace {
    position: relative;
    bottom: 0;
    right: inherit;
    margin-top: 20px;
    display: block;
    text-align: center
  }
}

@media screen and (max-width:525px) {

  #ficha-tecnica .ficha-tecnica-detalle .titulo-general,
  #ficha-tecnica .ficha-tecnica-detalle section {
    width: 100%
  }

  .aerolinea .dinero-puntos div {
    padding: 10px 2.5%;
    width: 95%
  }

  .aerolinea .salida-regreso>div {
    padding: 10px 2.5%;
    width: 95%
  }

  .salida-regreso .general .titulo {
    margin-right: 5px;
    width: auto
  }

  .salida-regreso .general .fecha-opciones {
    clear: both;
    padding: 5px 0 0 0;
    float: none
  }

  .cotizando-paquete .referencia,
  .cotizando-paquete .detalle {
    float: none
  }

  .cotizando-paquete .detalle {
    width: 100%
  }

  #lightbox-sesion {
    padding-left: 3%;
    padding-right: 3%;
    width: 89%
  }

  #lightbox-sesion h1,
  #lightbox-sesion .reloj,
  #lightbox-sesion .texto {
    font-size: .938em
  }
}

@media screen and (max-width:500px) {
  #programar {
    background: 0;
    padding: 0
  }

  .tooltip {
    left: -160px
  }

  .tooltip .tool-mensaje-horizontal {
    margin: -1px 0 0 165px
  }

  footer .acceso-rapido ul,
  footer .acceso-rapido p {
    float: none;
    padding-right: 0;
    width: 100%
  }

  footer .acceso-rapido p {
    margin-bottom: 10px
  }

  .salida-regreso .resultado ul {
    padding: 10px;
    border: 1px dashed #cacaca
  }

  .salida-regreso .resultado li {
    margin-left: 30px;
    margin-top: 10px
  }

  .salida-regreso .resultado li:first-child {
    margin-left: 0
  }

  #menu-secundario .menu span {
    display: none
  }
}

@media screen and (max-width:460px) {
  .publica-resumen {
    height: 380px
  }

  .publica-resumen .como,
  .publica-resumen .beneficios {
    margin-top: 20px
  }
}

@media screen and (max-width:450px) {
  .estado .limite .estado-4pasos {
    width: 90%
  }

  #estado-cuenta .cliente {
    padding: 20px 10px
  }

  #estado-cuenta .puntos-actuales {
    padding: 20px 10px
  }

  #estado-cuenta .puntos-actuales form>div {
    width: 100%
  }

  #estado-cuenta .puntos-actuales .resumen .elemento {
    float: none;
    width: 175px
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda span {
    width: 75%
  }

  #estado-cuenta .puntos-actuales .resumen .leyenda .pie {
    padding: 20px 75px 0 75px
  }

  #estado-cuenta .puntos-actuales .botonera input {
    font-size: .75em;
    margin: 0;
    padding: 0 10px
  }
}

@media screen and (max-width:435px) {
  #promocion .promocion-detalle .galeria nav a {
    margin: 0 .25%;
    width: 18%
  }

  .acciones a {
    margin: 5px
  }
}

@media screen and (max-width:430px) {
  .ida-regreso form {
    padding: 10px
  }

  .ida-regreso form .pasajeros .elemento {
    margin-bottom: 7px
  }

  .ida-regreso form .pasajeros .seleccion-pasajeros {
    float: none
  }

  .ida-regreso form .pasajeros .seleccion-pasajeros .ninos .viajo {
    text-align: left
  }

  .ida-regreso form .pasajeros,
  .ida-regreso form .filtro,
  .ida-regreso form .escalas-linea {
    width: 100%
  }

  .ida-regreso form .ico-buscar {
    float: none;
    margin: 0 0 10px 0
  }

  .ida-regreso form .escalas-linea label {
    width: 100%
  }

  .despliegue label {
    width: 100%
  }

  .cotizando-paquete .seleccion-pasajeros .ninos .viajo {
    text-align: left
  }
}

@media screen and (max-width:420px) {
  .lightbox-info form .elemento-horizontal {
    margin-bottom: 5px
  }

  .lightbox-info form .elemento-horizontal ul {
    width: 100%
  }

  .lightbox-info form .elemento-horizontal li {
    float: none;
    padding: 0;
    width: 100%
  }

  .lightbox-info form .elemento-horizontal li:first-child {
    text-align: left
  }

  .lightbox-info form .elemento-alinear li:first-child {
    line-height: inherit
  }
}

@media screen and (max-width:400px) {
  .oferta article.simple>div .detalle-compra {
    top: 60%
  }

  .oferta article.doble>div .detalle-compra {
    top: 100%
  }

  #programar {
    width: 95%
  }

  #programar form .origen,
  #programar form .destino {
    width: 96%
  }

  #programar form .calendario {
    width: 40%
  }

  header #logo-usuario .titulo p {
    font-size: 1em;
    line-height: 32px
  }

  header #logo-usuario #usuario .nombre .ico-usuario {
    top: 7px
  }

  #programa-bim .conocer {
    height: auto;
    line-height: inherit;
    padding: 10px;
    width: 90%
  }
}

@media screen and (max-width:390px) {
  .palabra-clave input {
    width: 160px
  }
}

@media screen and (max-width:370px) {
  #programar .origen-destino form {
    margin: 0 2.5%;
    width: 95%
  }

  #programar .origen-destino form .origen,
  #programar .origen-destino form .destino {
    padding-left: 5%;
    width: 95%
  }

  #programar .origen-destino form .ida,
  #programar .origen-destino form .regreso {
    display: block;
    float: none
  }

  #programar .origen-destino form .ida {
    margin-bottom: 10px
  }

  #programar .origen-destino form .seleccion-pasajeros .elemento {
    float: none
  }

  #programar .origen-destino form .seleccion-pasajeros .ninos {
    margin-left: 0
  }

  .ida-regreso form .pasajeros .seleccion-pasajeros .ninos {
    clear: both;
    float: none;
    margin: 0 0 7px 0
  }

  .cotizando-paquete .seleccion-pasajeros .ninos {
    clear: both;
    float: none;
    margin: 0 0 7px 0
  }

  .lightbox.resend-email .texto>span {
    width: auto
  }

  .lightbox.resend-email .texto input[type=text] {
    width: 266px
  }
}

@media screen and (max-width:360px) {

  #perfil .cambiar-basica input,
  #perfil .cambiar-contacto input {
    width: 108px
  }

  .descuento-compra {
    height: auto;
    width: 100%
  }

  .descuento-compra>div {
    height: auto
  }

  .descuento-compra>div .nombre-precio {
    left: inherit;
    margin-bottom: 10px;
    padding: 5px 5%;
    position: relative;
    top: inherit;
    width: 90%
  }

  .oferta article {
    margin: 3px 0
  }

  .oferta article>div {
    padding: 2.5%;
    width: 95%;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    height: auto
  }

  .oferta article>div .detalle-compra {
    bottom: 10px;
    left: inherit;
    padding: 5px 5%;
    position: absolute
  }
}

@media screen and (max-width:350px) {
  .comprobante li {
    margin: 0;
    width: 100%
  }

  .comprobante .mensaje {
    width: 100%
  }

  .comprobante .mensaje p {
    padding: 10px
  }

  #perfil .contacto .correo li:first-child {
    width: 230px
  }

  #perfil .contacto .correo input {
    width: 193px
  }

  #campanas {
    padding-bottom: 0
  }

  #campanas article {
    margin: 0 auto 20px auto
  }
}

@media screen and (max-width:480px) {
  .oferta section {
    width: 100%
  }
}

@media screen and (max-width:480px) {

  .oferta article.descuento-basico,
  .oferta article.simple {
    height: auto !important;
    display: inline-block;
    margin: 0 auto
  }

  .lightbox.resend-email .pEmail:first-child {
    text-align: center
  }
}

.solo-precio p {
  font-size: 16px
}

.solo-precio li.porcentaje {
  font-size: 1.1em;
  line-height: 55px
}

@media screen and (max-width:1100px) {
  #galeria .promocion-detalle .galeria nav img {
    width: 126px !important;
    height: auto !important
  }
}

#lista-paquetes .descuento-compra>div .descuento-nombre h3 {
  font-size: 1.4em;
  line-height: 25px
}

.titulo-separar .titulo-alta {
  font-size: 1.875em
}

#detalle-paquete-destacado .titulo-separar {
  border: 0;
  width: 60%;
  text-align: center
}

.titulo-soles .conversion {
  padding: 0;
  width: 100%
}

@media screen and (max-width:550px) {

  .oferta article.doble,
  .oferta article.simple {
    position: relative !important;
    top: inherit !important;
    left: inherit !important
  }
}

#frmBuscarVuelos #chkT1+label {
  margin-right: 15px
}

#frmBuscarVuelos input[type=radio]+label {
  font-size: 1em
}

#frmBuscarVuelos input[type=radio]+label span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: -1px 4px 0 0;
  vertical-align: middle;
  cursor: pointer;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #7e7876;
  background-color: #FFF;
  position: relative
}

#frmBuscarVuelos input[type=radio]+label span span {
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 2px;
  border: 0
}

#frmBuscarVuelos input[type=radio]:checked+label span span {
  background-color: #7e7876
}

#frmBuscarVuelos input[type=radio]+label span,
#frmBuscarVuelos input[type=radio]:checked+label span {
  -webkit-transition: background-color .2s linear, border .2s linear;
  -o-transition: background-color .2s linear, border .2s linear;
  -moz-transition: background-color .2s linear, border .2s linear;
  transition: background-color .2s linear, border .2s linear
}

.viaje-ninos {
  padding: 16px;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
  background-color: #DDD
}

#lista-compras {
  overflow: hidden
}

#lista-compras article,
#lista-descuentos article,
#lista-paquetes article {
  float: left;
  display: block;
  overflow: hidden
}

#lista-descuentos article {
  max-width: 237px
}

.select-content {
  max-width: 962px;
  margin: auto
}

.descuento-content {
  max-width: 962px;
  margin: auto
}

.entretenimiento-content {
  max-width: 964px;
  margin: auto
}

.compras-content {
  max-width: 964px;
  margin: auto
}

.cf:before,
.cf:after {
  content: "";
  display: table
}

.cf:after {
  clear: both
}

.cf {
  *zoom: 1
}

@media(max-width:1100px) {
  .publica-resumen {
    display: none
  }

  #lista-descuentos {
    max-width: 740px
  }

  .descuento-content,
  .entretenimiento-content {
    max-width: 718px
  }

  .informacion {
    width: 66%
  }

  #lista-entretenimientos {
    max-width: 740px
  }

  .terminos-condiciones-detalle,
  .conocer-detalle,
  .preguntas-detalle {
    height: auto !important
  }
}

@media(max-width:1023px) {
  #lista-paquetes {
    margin: auto
  }

  .select-content {
    max-width: 642px;
    margin: auto
  }

  .select-content select {
    width: 100%
  }

  .img-fondo {
    background: gray
  }

  .marcasPage .detalle-oportunidad {
    max-width: inherit !important
  }

  .slider-foto .detalle-oportunidad {
    position: relative;
    max-width: inherit;
    width: auto;
    right: 0 !important
  }

  .slider-foto .slider-menu {
    position: relative;
    background: #797979
  }

  .detalle-oportunidad .cliente {
    clear: both
  }

  .slider-foto .do-comprar,
  .slider-foto .ver-detalle {
    float: right
  }

  .detalle-oportunidad {
    position: relative;
    max-width: inherit;
    background: gray
  }

  .detalle-oportunidad .ver-detalle a {
    margin-top: 14px;
    margin-bottom: 14px
  }
}

@media(max-width:1022px) {
  #lista-home {
    max-width: 750px
  }
}

@media(max-width:1024px) {
  .compras-content {
    max-width: 640px
  }

  .filtro-ordenar.comprar {
    float: none
  }

  .limiteCompras {
    width: 658px
  }
}

@media screen and (max-width:710px) {
  .compras-content {
    max-width: 350px
  }
}

@media(max-width:1000px) {
  .informacion {
    width: 100%
  }

  #medio-canje .elemento-horizontal li {
    width: 68%
  }

  #medio-canje .elemento-horizontal li:first-child {
    width: 30%
  }

  .flotante-secundario {
    box-sizing: border-box
  }
}

@media(max-width:1020px) and (min-width:770px) {
  .descuento-content {
    max-width: 714px
  }

  .oferta section {
    margin: auto;
    display: block;
    text-align: center
  }

  #lista-descuentos {
    max-width: 730px
  }
}

@media(max-width:940px) {
  header #logo-usuario #usuario .millas-benefit .mb-m {
    display: block
  }

  header #logo-usuario #usuario .millas-benefit:after {
    display: none
  }

  header #logo-usuario #usuario .nombre .texto,
  header #logo-usuario #usuario .nombre .ico-desplegar {
    display: none
  }

  header #contacto-sesion {
    display: none
  }

  header #logo-usuario {
    padding: 10px 2.5%
  }

  header #logo-usuario .titulo p {
    font-size: 1.25em
  }

  header #logo-usuario #usuario {
    top: 10px
  }

  header #logo-usuario #usuario .nombre {
    background-color: inherit;
    padding: 0;
    transition: all ease .3s
  }

  header #logo-usuario #usuario .nombre .ico-usuario {
    background: url("../images/ico-usuario.png") 100% 0 no-repeat;
    left: inherit;
    position: relative;
    right: 0;
    top: 5px;
    width: 100%
  }

  header #logo-usuario #usuario {
    text-align: right
  }

  header #logo-usuario #usuario .millas-benefit,
  header #logo-usuario #usuario .nombre {
    position: relative;
    height: 40px;
    padding: 0;
    background: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 0
  }

  header #logo-usuario #usuario .millas-benefit .ico-plane {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 14px;
    width: 30px
  }

  header #logo-usuario #usuario .millas-benefit .mb-m {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    margin-left: 4px
  }

  header #logo-usuario #usuario .texto {
    display: none
  }

  header #logo-usuario #usuario .nombre .ico-usuario {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 15px;
    width: 14px
  }

  header #logo-usuario #usuario .nombre {
    width: 40px
  }

  #logo-usuario .icon-plane {
    position: relative;
    top: 2px
  }

  #logo-usuario .icon-user {
    top: 5px;
    position: relative
  }
}

@media(max-width:770px) {
  .entretenimiento-content {
    max-width: 480px
  }

  .select-content {
    max-width: 318px
  }

  #lista-paquetes {
    max-width: 327px
  }

  #lista-entretenimientos {
    max-width: 486px
  }
}

@media(max-width:767px) {
  .oferta form .filtro {
    left: inherit;
    position: relative;
    top: inherit
  }

  .titulo-general p {
    margin-top: 26px
  }

  .botonera {
    overflow: inherit
  }

  #lightbox-loading {
    width: 65%
  }

  #menu-principal div {
    width: 95%
  }

  #menu-principal .principal .menu-link {
    width: auto
  }

  .div-filtro-descuento {
    width: 48%;
    margin-right: 5px
  }

  .filtro-ordenar,
  .filtro-ubigeo {
    display: inline-block;
    margin: auto;
    float: none;
    margin-bottom: 5px
  }

  .filtro-ordenar {
    width: 100%
  }

  .filtro-ubigeo {
    width: 48%;
    margin-left: 5px
  }

  .filtro {
    padding-top: 15px
  }

  .viaje-ninos {
    width: 100%
  }

  #lista-home {
    max-width: 506px
  }

  #programa-bim section {
    width: 464px;
    flex-direction: column
  }

  #programa-bim section article {
    max-width: 458px
  }

  #programar {
    width: auto;
    left: 0;
    right: 0
  }

  #frmBuscarVuelos .seleccion-pasajeros ul {
    width: 100%
  }

  #frmBuscarVuelos select,
  #frmBuscarVuelos input[type=text] {
    padding-left: 0;
    text-indent: 10px
  }

  #frmBuscarVuelos .ninos {
    width: 100%;
    margin-left: 0
  }

  #frmBuscarVuelos .ninos div>p {
    display: block
  }

  #frmBuscarVuelos .calendario.hasDatepicker,
  #frmBuscarVuelos .ninos div>p {
    width: 48%
  }

  #frmBuscarVuelos .calendario.regreso,
  #frmBuscarVuelos .ninos div>p {
    float: right
  }

  #frmBuscarVuelos .calendario.ida,
  #frmBuscarVuelos .ninos div>p:first-child {
    float: left
  }

  #frmBuscarVuelos input[type=radio]+label {
    font-size: 1em
  }

  #frmBuscarVuelos input[type=radio]+label span {
    width: 18px;
    height: 18px
  }

  #frmBuscarVuelos input[type=radio]+label span span {
    width: 10px;
    height: 10px;
    top: 4px
  }

  #frmBusqueda li,
  #frmBusqueda p,
  #frmBusqueda p,
  #frmBusqueda label {
    font-size: 1.2em
  }

  .ida-regreso form .seleccion-pasajeros,
  .pasajeros .seleccion-ida-regreso {
    margin-left: 0;
    width: 99%
  }

  .pasajeros .seleccion-ida-regreso ul.elemento {
    width: 48%
  }

  .pasajeros .seleccion-ida-regreso ul.elemento input {
    width: 95%
  }

  .pasajeros .seleccion-pasajeros ul.elemento.adulto,
  .seleccion-pasajeros .adulto .texto {
    width: 99%
  }

  .ida-regreso form .pasajeros .seleccion-pasajeros .ninos {
    width: 99%
  }

  .pasajeros .seleccion-pasajeros .adulto select,
  .ida-regreso form .escalas-linea select,
  .seleccion-pasajeros .ninos .nino,
  .ico-buscar {
    width: 99%
  }

  .palabra-clave .ico-buscar {
    margin-left: 0
  }

  .ida-regreso form .pasajeros .seleccion-pasajeros .ninos {
    width: 99%
  }

  .seleccion-pasajeros .ninos {
    margin: 28px 0 10px 0
  }

  .seleccion-pasajeros .ninos p:first-child {
    float: left;
    margin-right: 0
  }

  .seleccion-pasajeros .ninos p {
    width: 48%;
    float: right
  }

  .elegir select {
    width: 100%
  }

  #informacion-pasajeros form section .datos,
  #informacion-pasajeros form section .datos-multiple {
    width: 95%
  }

  #informacion-pasajeros form section .datos input[type=text],
  #informacion-pasajeros form section .datos-multiple input[type=text] {
    width: 96%;
    margin: auto;
    padding-left: 2%
  }

  #informacion-pasajeros form section .datos select,
  #informacion-pasajeros form section .datos-multiple select {
    width: 98%;
    margin: auto
  }

  #informacion-pasajeros form .continuar {
    border: 0
  }

  .busqueda {
    width: 100%
  }

  .despliegue label {
    width: 50%
  }

  .despliegue.despliegue-compras {
    padding: 0 40px;
    box-sizing: border-box
  }

  .despliegue.despliegue-compras label {
    width: 50% !important
  }

  .palabra-clave {
    overflow: inherit;
    width: 100%
  }

  .palabra-clave .elemento {
    width: 100%
  }

  .palabra-clave .elemento input[type=text] {
    width: 96%;
    padding-left: 2%
  }

  .descuento-content {
    max-width: 486px
  }

  #lista-descuentos {
    max-width: 486px
  }

  .slider-foto .slider-menu {
    height: 10px
  }

  .slider-foto .slider-menu a {
    width: 10px;
    height: 10px
  }

  .logo-footer .copyright {
    float: none !important;
    display: block;
    width: auto;
    clear: both;
    margin-top: 28px
  }
}

@media screen and (max-width:710px) {
  .despliegue.despliegue-compras label {
    width: 100% !important;
    padding: 0 !important
  }
}

@media(max-width:673px) {
  .limiteCompras {
    width: 330px
  }
}

@media(max-width:754px) {
  #lista-descuentos {
    max-width: 493px
  }
}

@media(max-width:550px) {
  .back-top {
    line-height: 30px;
    width: 30px;
    background-size: 12px
  }

  .detalle-oportunidad {
    text-align: center;
    padding: 20px 0
  }

  .detalle-oportunidad .do-left,
  .detalle-oportunidad .do-right {
    float: none
  }

  .detalle-oportunidad .do-right {
    height: 92px;
    position: relative
  }

  .marcasPage .detalle-oportunidad .do-right {
    height: 38px;
    position: relative
  }

  .detalle-oportunidad .do-comprar {
    top: 45px;
    position: absolute;
    width: 100%
  }

  .detalle-oportunidad .do-comprar .do-boton {
    margin: auto
  }

  .detalle-oportunidad .ver-detalle {
    top: 0;
    width: 100%;
    padding: 0
  }

  .detalle-oportunidad .ver-detalle a {
    font-size: 14px
  }

  .detalle-oportunidad .do-millas {
    font-size: 16px;
    text-align: center !important;
    margin: 0 !important
  }

  .detalle-oportunidad .do-millas .nro {
    font-size: 22px
  }

  .detalle-oportunidad .do-millas .dec {
    font-size: 16px
  }

  .detalle-oportunidad .do-titulo {
    margin-bottom: 20px
  }

  .detalle-oportunidad .do-titulo h2 {
    font-size: 20px;
    line-height: 20px
  }

  .detalle-oportunidad .do-precio {
    font-size: 14px;
    margin-bottom: 0
  }

  .detalle-oportunidad .cliente {
    width: 100%
  }

  .bim-descripcion .resumen {
    height: auto !important
  }

  .bim-descripcion .enlace {
    position: relative !important;
    bottom: 0 !important;
    right: 0 !important;
    margin-top: 20px !important;
    display: block;
    text-align: center
  }
}

header#iniciar-sesion {
  margin-top: 0;
  padding-top: 27px
}

@media(max-width:500px) {
  header #logo-usuario {
    text-align: center;
    justify-content: center
  }

  header #logo-usuario img {
    width: 210px;
    height: 32px
  }

  header #logo-usuario #usuario {
    top: 70px
  }

  header#iniciar-sesion #logo-usuario .titulo p {
    float: none;
    text-align: center
  }

  header#iniciar-sesion .iniciar {
    margin: 5px auto 0 auto;
    padding: 0;
    position: relative;
    right: inherit;
    text-align: center;
    top: inherit;
    width: 125px
  }

  header #logo-usuario .iniciar {
    position: absolute;
    right: 0;
    bottom: -46px;
    padding: 0 14px;
    background: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    width: auto;
    background-color: #3c4b9b;
    border-radius: 30px;
    margin-right: 9px
  }

  .flotante-secundario {
    margin-top: 30px
  }
}

footer .acceso-rapido .principal .ico-reclamaciones {
  background: url("../images/ico-reclamaciones.png") no-repeat center 50%;
  width: 40px;
  height: 15px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 4px
}

footer .acceso-rapido .principal.left {
  width: 180px
}

.lightbox.resend-email textarea {
  max-width: 100%;
  border: 1px solid #dbdbdb
}

@media(max-width:480px) {

  #lightbox-loading,
  .lightbox {
    width: 74%
  }

  #programa-bim article {
    width: 95%;
    margin: 10px auto;
    height: auto;
    padding: 15px 0
  }

  #programa-bim article p {
    padding: 1px 3px;
    word-wrap: break-word
  }

  #programa-bim article .link {
    position: relative;
    margin-top: 10px
  }

  nav#programar a,
  #frmBuscarVuelos a {
    font-size: 1.2em
  }

  #frmBuscarVuelos input {
    font-size: 1em
  }

  .aerolinea .salida-regreso .seleccion .escala {
    position: inherit
  }

  .aerolinea .salida-regreso .seleccion .escala .resultado {
    right: -25px;
    left: inherit;
    width: 300px;
    top: auto;
    margin: auto
  }

  .aerolinea .salida-regreso .seleccion .escala .resultado .ico-escala {
    right: 25px
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
    width: 230px
  }

  .porcentaje .variante,
  .porcentaje #esfera-contenedor {
    left: -10px !important
  }

  footer .acceso-rapido .principal.left {
    width: 100%
  }
}

@media(max-width:479px) {
  #programa-bim section {
    width: auto
  }

  #lista-descuentos {
    max-width: 478px
  }
}

@media(min-width:324px) and (max-width:414px) {
  .aerolinea .salida-regreso .seleccion .escala .resultado .ico-escala {
    right: 5%
  }
}

@media(max-width:324px) {
  .limiteCompras {
    width: 318px
  }

  .oportunidad {
    width: 98%;
    margin: auto;
    margin-bottom: 10px
  }

  .oportunidad .imagen {
    width: 100%
  }

  .descuento {
    height: 348px
  }
}

.fancybox-close {
  top: 8px !important;
  right: 8px !important;
  background-image: url("../images/ico-cerrar.png") !important;
  width: 16px !important;
  height: 16px !important
}

.fancybox-skin {
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important
}

header #logo-usuario #usuario .ico-cerrar-sesion {
  background: url("../images/ico-cerrar-sesion.png") no-repeat;
  width: 22px;
  height: 30px;
  display: inline-block !important;
  vertical-align: middle;
  background-size: 17px;
  background-position: left center
}

.fancybox-desktop {
  overflow: hidden
}

.logo-footer .copyright {
  float: right;
  line-height: 32px;
  font-size: 13px;
  color: #8a8a8a
}

.fancybox-inner {
  overflow: hidden !important
}

.preload {
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  z-index: 5
}

.preload:after {
  content: "";
  background: url("../images/pre-carga.gif");
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto
}

#bim.banner-foto {
  background: #f2f2f2;
  position: relative
}

#bim.banner-foto img {
  width: 100%;
  height: auto;
  max-width: 1400px;
  display: block
}

#bim .bim-descripcion {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto
}

#bim .bim-descripcion .resumen {
  width: 470px;
  height: 150px;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto
}

#bim .bim-descripcion .titulo {
  margin-bottom: 15px
}

#bim .bim-descripcion .titulo h2 {
  font-size: 32px;
  color: #fff
}

#bim .bim-descripcion .texto p {
  font-size: 26px;
  line-height: 32px;
  color: #fff
}

#bim .bim-descripcion .enlace {
  position: absolute;
  bottom: 10px;
  right: 30px
}

#bim .bim-descripcion .enlace a {
  color: #fab428;
  font-size: 16px;
  text-decoration: underline
}

.bim-texto {
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center
}

.bim-texto .titulo-general h2 {
  font-size: 33px;
  color: #4f5151
}

.bim-texto .texto {
  max-width: 555px;
  margin: auto;
  font-size: 16px;
  color: #999
}

.bim-pasos {
  background: #f2f2f2;
  padding-top: 15px;
  padding-bottom: 30px;
  text-align: center
}

.bim-pasos #programa-bim section {
  max-width: 990px;
  width: auto
}

.bim-pasos #programa-bim article {
  width: 283px;
  height: 250px
}

.bim-pasos #programa-bim article .ico-prog {
  font-size: 54px;
  color: #00bb31
}

.bim-pasos #programa-bim article h3 {
  color: #4f5151
}

.bim-pasos #programa-bim article p {
  color: #999
}

.bim-pasos #programa-bim article .link {
  bottom: -18px
}

.bim-pasos #programa-bim .bp-content {
  width: 283px;
  margin: auto;
  position: relative;
  height: 207px
}

@media(max-width:1024px) {

  #bim .bim-descripcion,
  #bim .bim-descripcion .resumen {
    position: relative !important;
    width: auto !important
  }

  .bim-pasos #programa-bim .bp-content {
    height: auto
  }

  .bim-pasos #programa-bim section {
    max-width: inherit !important;
    display: flex;
    flex-wrap: wrap
  }

  .bim-pasos #programa-bim article {
    width: 100% !important;
    box-sizing: border-box;
    max-width: 100% !important
  }

  .bim-pasos #programa-bim article .link {
    position: relative;
    margin-top: 20px;
    bottom: 0
  }
}

.boton-infinite {
  clear: both;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 60px
}

.btn-infinite {
  width: 156px;
  height: 46px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #ff5800;
  display: inline-block;
  text-align: center;
  line-height: 46px;
  color: #ff5800;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400
}

.btn-infinite .ico-down {
  background: url("../images/ico-down-orange.png");
  width: 11px;
  height: 7px;
  display: inline-block;
  margin-left: 14px
}

.relativo {
  position: relative
}

.centrar {
  margin: auto;
  text-align: center
}

#detalles-producto .producto {
  background: 0;
  border: 0;
  width: 100% !important
}

#detalles-producto .titulo-general span {
  font-size: 30px;
  display: block;
  margin-bottom: 18px
}

#detalles-producto .imagen {
  height: auto;
  width: auto;
  float: left
}

#detalles-producto .descripcion {
  float: left;
  max-width: 380px
}

#detalles-producto .elemento-grupo {
  float: right;
  text-align: center;
  margin-top: 7px !important
}

#detalles-producto .sacar {
  position: relative !important;
  top: inherit !important;
  right: inherit !important
}

#detalles-producto .botonera .texto {
  text-decoration: underline
}

#detalles-producto .botonera .ico-seguir {
  height: 14px
}

@media(min-width:1024px) {
  .detalle-oportunidad .cliente {
    margin-top: 38px
  }
}

#fancybox-loading {
  background: none !important;
  border-radius: 50%;
  overflow: hidden
}

#fancybox-loading div {
  width: 30px !important;
  height: 30px !important;
  background: none !important;
  background: url("../images/pre-carga-black.gif") center center no-repeat !important
}

.elementoOculto {
  display: none
}

#detalles-producto {
  position: relative;
  padding-top: 10px !important
}

#detalles-producto form {
  position: relative
}

#detalles-producto form .responsive {
  font-weight: 500;
  color: #393939;
  font-size: .875em;
  text-decoration: underline;
  margin-top: 20px;
  display: none
}

#detalles-producto form .sacar-producto {
  position: absolute;
  top: 8px;
  right: 8px;
  background-image: url("../images/ico-cerrar.png");
  width: 16px;
  height: 16px;
  display: none
}

#detalles-producto .producto {
  background: 0;
  border: 0;
  width: 100% !important;
  position: relative
}

#detalles-producto .producto .limiteCanjeExedido {
  font-size: 14px;
  color: #ff5a5e;
  margin-top: 12px
}

#detalles-producto .imagen {
  height: auto;
  width: auto;
  float: left;
  position: absolute;
  top: 0;
  left: 0
}

#detalles-producto .descripcion {
  font-size: 17px;
  font-weight: bold;
  float: left;
  max-width: 380px;
  margin-left: 140px;
  height: 115px
}

#detalles-producto .descripcion .nombre {
  margin-bottom: 8px;
  font-weight: 500
}

#detalles-producto .descripcion .precio {
  font-weight: normal
}

#detalles-producto .elemento-grupo {
  float: right;
  text-align: center;
  margin-top: 7px !important
}

#detalles-producto .sacar {
  position: relative !important;
  top: inherit !important;
  right: inherit !important
}

#detalles-producto .botonera .texto {
  text-decoration: underline
}

#detalles-producto .botonera .ico-seguir {
  height: 14px
}

@media(max-width:950px) {
  #detalles-producto .descripcion {
    margin-left: 180px;
    max-width: 215px
  }
}

@media(max-width:767px) {
  #detalles-producto .producto {
    float: none;
    text-align: center
  }

  #detalles-producto .descripcion {
    margin-left: auto;
    margin-right: auto;
    height: auto !important;
    float: none;
    text-align: center
  }

  #detalles-producto .imagen {
    position: relative;
    float: none;
    margin-top: 10px;
    margin-bottom: 10px
  }

  #detalles-producto .elemento-grupo {
    float: none;
    display: inline-block
  }

  #detalles-producto .elemento-grupo .sacar {
    display: none
  }

  #detalles-producto form .responsive {
    display: block
  }

  .busqueda,
  .despliegue {
    margin: 0 auto
  }
}

#detalles-producto .do-nombre h1 {
  font-size: 28px
}

#detalles-producto .do-nombre .separar {
  margin: 0
}

#detalles-producto .do-cantidad {
  margin-bottom: 20px
}

#detalles-producto .do-cantidad p {
  margin-bottom: 9px
}

#detalles-producto .do-cantidad select {
  display: inline-block;
  vertical-align: middle;
  width: 70px;
  background-position: 48px
}

#detalles-producto .do-cantidad select::-ms-expand {
  display: none
}

#detalles-producto .do-precio {
  margin-bottom: 15px
}

#detalles-producto .do-precio p {
  margin-bottom: 4px
}

#detalles-producto .do-precio .millas {
  font-size: 24px
}

#detalles-producto .do-precio .mb {
  font-size: 14px
}

#detalles-producto .do-detalle .tab {
  padding: 20px 40px;
  display: inline-block;
  border: 1px solid #ddd;
  border-bottom: 0;
  background: #fff;
  margin-bottom: -1px
}

#detalles-producto .do-detalle .tab h2 {
  font-size: 13px;
  color: #686868;
  margin: 0
}

#detalles-producto .do-detalle .tab-content {
  border: 1px solid #ddd;
  padding: 20px;
  overflow: auto;
  max-height: 189px
}

#detalles-producto .do-detalle strong {
  font-size: 15px;
  margin-bottom: 4px;
  display: block
}

#detalles-producto .do-detalle p {
  font-size: 13px;
  margin-bottom: 10px
}

#detalles-producto .agregar {
  float: none;
  width: 100%;
  max-width: 580px
}

#detalles-producto .agregar>div {
  display: inline-block;
  vertical-align: middle;
  width: 180px
}

#detalles-producto .agregar article p {
  float: none;
  width: auto
}

#detalles-producto .agregar article img {
  width: 117px;
  height: 77px
}

#detalles-producto .do-descripcion {
  margin-left: 630px;
  width: 360px
}

#detalles-producto .do-imagen {
  position: absolute;
  top: 50px;
  border: 1px solid #ddd;
  left: 0;
  overflow: hidden
}

#detalles-producto .do-imagen img {
  display: block
}

#detalles-producto .btn-canje {
  display: inline-block;
  vertical-align: middle;
  background: #0039a6;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  margin-left: 20px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  width: 150px;
  color: #fff;
  font-size: 16px;
  border: 0
}

@media(max-width:1000px) {
  #detalles-producto {
    max-width: 582px
  }

  #detalles-producto.alt {
    height: auto
  }

  #detalles-producto .do-descripcion {
    margin: 0
  }

  #detalles-producto .do-imagen {
    position: relative;
    top: 0;
    margin-bottom: 20px
  }

  #detalles-producto .do-imagen img {
    max-width: 100%;
    height: auto
  }
}

.tooltip-sacar .ico-tooltip-sacar {
  display: none !important
}

.gris {
  padding: 1px 0;
  background-color: #f2f2f2
}

#programa-bim {
  padding-bottom: 50px
}

.titulo-general .titulo:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px
}

.titulo-general.centrado .titulo:after {
  margin-left: auto;
  margin-right: auto
}

#estado-cuenta .puntos-actuales .resumen .enlaces {
  float: right;
  padding-left: 0;
  padding-top: 27px
}

#estado-cuenta .puntos-actuales .resumen .enlaces li {
  line-height: 50px;
  display: inline-block;
  margin-left: 50px;
  text-decoration: underline
}

#estado-cuenta .puntos-actuales .resumen .enlaces a {
  font-size: 12px;
  color: #0039a6
}

#detalles-producto .detalle-cnt {
  position: relative;
  padding-top: 50px;
  height: 600px
}

#detalles-producto .detalle-cnt.pdetalle2 {
  height: auto !important;
  min-height: 590px
}

#detalles-producto .agregar {
  float: none;
  width: 100%;
  max-width: 580px
}

#detalles-producto .agregar>div {
  display: inline-block;
  vertical-align: middle;
  width: 180px;
  margin-left: 18px
}

#detalles-producto .agregar>div:first-child {
  margin-left: 0
}

#detalles-producto .agregar article p {
  float: none;
  width: auto
}

#detalles-producto .agregar article img {
  width: 117px;
  height: 77px
}

@media(max-width:1000px) {
  #detalles-producto .detalle-cnt {
    height: auto
  }
}

@media(max-width:603px) {
  #detalles-producto .agregar>div {
    display: block;
    margin: auto
  }

  #detalles-producto .agregar>div:first-child {
    margin-left: auto
  }
}

.message {
  width: 100%;
  border: 2px solid transparent
}

.message.info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1
}

.message .mensaje-texto {
  font-size: 16px;
  padding: 15px 25px
}

@media(max-width:320px) {
  .fancybox-wrap {
    left:  !important
  }

  .fancybox-inner {
    min-width: 320px !important
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
not all,
not all {

  #fancybox-loading,
  .fancybox-close,
  .fancybox-prev span,
  .fancybox-next span {
    background-size: 100% !important
  }
}

@media(max-width:360px) {
  .fancybox-inner {
    width: 320px !important
  }

  .fancybox-opened {
    width: 320px !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important
  }
}

@media(min-width:1401px) {
  .slider-grupo {
    height: 600px
  }

  .slider-paquete {
    height: 600px
  }

  .slider-cnt.full {
    max-width: inherit
  }

  .slider-cnt.full .img-cnt {
    width: 100%;
    position: relative;
    max-width: inherit;
    height: 600px
  }

  .slider-cnt.full img {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
  }

  .full .central {
    max-width: inherit
  }
}

#logo-usuario .icon-plane,
#logo-usuario .icon-user {
  color: #02b6d6
}

#logo-usuario .icon-plane {
  font-size: 26px;
  display: inline-block;
  height: 32px;
  vertical-align: middle
}

.limite-viajes {
  max-width: 990px
}

.limite-viajes .limiteCompras {
  margin-bottom: 0 !important
}

#lista-paquetes {
  overflow: hidden;
  width: 100%
}

#lista-paquetes .precio .puntos {
  font-size: 14px;
  font-weight: bold
}

#lista-paquetes .precio .puntos span {
  font-size: 24px
}

@media(max-width:1040px) {
  #lista-paquetes {
    max-width: 655px;
    margin: auto
  }
}

@media(max-width:770px) {
  #lista-paquetes {
    max-width: 327px
  }
}

.limite-viajes {
  clear: both;
  margin: 0 auto 40px auto;
  position: relative
}

@media screen and (max-width:1000px) {
  .limite-viajes {
    margin: 0 auto 20px auto
  }
}

.pj-hidden {
  display: none
}

.nro-pasajero {
  position: relative;
  font-size: .875em
}

.nro-pasajero .nro-pj-input {
  line-height: 46px;
  height: 46px;
  width: 100%;
  padding-left: 10px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  color: #333;
  background-color: #fff
}

.nro-pasajero a {
  display: block
}

.nro-pasajero-select {
  position: absolute;
  top: 98%;
  left: 0;
  right: 0;
  width: 320px;
  display: none;
  background: #fff;
  z-index: 10;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.nro-pasajero-select.open {
  display: block;
  z-index: 10
}

.select-pas1-vuelos {
  width: auto !important
}

.nro-pasajero-select ul {
  list-style: none;
  padding-left: 0
}

.nro-pasajero-select .pj-menu {
  width: 90% !important
}

.nro-pasajero-select>div>ul {
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px
}

.nro-pasajero-select li {
  display: inline-block;
  vertical-align: middle;
  line-height: 35px;
  margin-bottom: 0 !important
}

.pj-adulto,
.pj-nino,
.pj-bebe {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.pj-adulto .elemento,
.pj-nino .elemento,
.pj-bebe .elemento {
  width: 50%;
  display: block;
  float: right;
  text-align: right
}

.pj-adulto .elemento span,
.pj-nino .elemento span,
.pj-bebe .elemento span {
  margin-left: 16px;
  display: block
}

.pj-adulto .elemento:first-child,
.pj-nino .elemento:first-child,
.pj-bebe .elemento:first-child {
  text-align: left;
  float: left
}

.pj-adulto:before,
.pj-adulto:after,
.pj-nino:before,
.pj-nino:after,
.pj-bebe:before,
.pj-bebe:after {
  content: "";
  display: table
}

.pj-adulto:after,
.pj-nino:after,
.pj-bebe:after {
  clear: both
}

.pj-menu {
  margin-right: 12px
}

.pj-menu .pj-menos,
.pj-menu .pj-mas {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 3px;
  border: 2px solid #00bb31;
  text-decoration: none;
  box-sizing: border-box;
  position: relative
}

.pj-menu .pj-menos:after {
  position: absolute;
  content: "-";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 30px;
  height: 30px;
  line-height: 24px;
  width: 30px;
  text-align: center;
  font-weight: bold;
  color: #00bb31
}

.pj-menu .pj-mas:after {
  position: absolute;
  content: "+";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  font-size: 30px;
  height: 30px;
  line-height: 24px;
  width: 30px;
  text-align: center;
  font-weight: bold;
  color: #00bb31
}

.pj-menu .pj-menos.disable,
.pj-menu .pj-mas.disable {
  border: 2px solid #00bb31;
  opacity: .5;
  cursor: default
}

.pj-menu .pj-menos.disable:after,
.pj-menu .pj-mas.disable:after {
  color: #00bb31
}

.pj-menu .pj-menos:hover,
.pj-menu .pj-mas:hover {
  background: #00bb31
}

.pj-menu .pj-menos:hover:after,
.pj-menu .pj-mas:hover:after {
  color: #fff
}

.pj-menu .pj-menos.disable:hover,
.pj-menu .pj-mas.disable:hover {
  background: 0;
  border: 2px solid #00bb31
}

.pj-menu .pj-menos.disable:hover:after,
.pj-menu .pj-mas.disable:hover:after {
  color: #00bb31
}

.pj-menu .pj-nro {
  width: 16px;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px
}

.pj-cerrar {
  height: 50px;
  width: 100%;
  display: block;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  color: #555;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box
}

@media(max-width:360px) {

  .pj-adulto .elemento span,
  .pj-nino .elemento span,
  .pj-bebe .elemento span {
    margin-left: 10px;
    line-height: 20px
  }

  .pj-menu .pj-nro {
    margin-left: 10px;
    margin-right: 10px
  }
}

#menu-principal-opciones .alineacion {
  max-width: 1400px;
  margin: auto
}

.limite .confirmacion-pasos {
  width: auto;
  padding-top: 24px
}

.producto-especifico .imagen img {
  max-width: 75%
}

#close-modal {
  cursor: pointer
}

#detalle-paquete-destacado .slider-cnt.full>a {
  height: 600px
}

@media(max-width:950px) {
  .titulo-general.centrado-resposivo .titulo:after {
    margin-left: auto;
    margin-right: auto
  }
}

.grid-item .nombre>a {
  color: #333
}

.grid-item .nombre {
  word-break: break-all
}

#seguimiento .boton-buscar {
  background-color: #00bb31 !important
}

#seguimiento section .detalle .activo .reprogramado a {
  color: #00bb31 !important
}

#seguimiento section .detalle .activo .reprogramado a {
  border-color: #00bb31 !important
}

.boton-buscar {
  background: #00bb31 !important;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 8px;
  width: 100px;
  text-align: center
}

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

@media(max-width:768px) {
  #lista-result-canjes .titulo {
    display: none
  }

  #lista-result-canjes table,
  #lista-result-canjes table tbody,
  #lista-result-canjes table td,
  #lista-result-canjes table th,
  #lista-result-canjes table tr {
    display: block;
    width: auto !important;
    text-align: left
  }

  #lista-result-canjes table th {
    display: none
  }

  #lista-result-canjes table tr td:nth-child(1) {
    background: #888;
    color: #fff;
    font-size: 14px;
    text-align: center
  }

  #lista-result-canjes table tr td:nth-child(1):before {
    content: "Producto:";
    display: inline;
    margin-right: 4px
  }

  #lista-result-canjes table tr td:nth-child(2):before {
    content: "Nro de orden";
    display: inline
  }

  #lista-result-canjes table tr td:nth-child(3):before {
    content: "Fecha de canje";
    display: inline
  }

  #lista-result-canjes table tr td:nth-child(4):before {
    content: "Datos del despacho";
    display: inline
  }

  #lista-result-canjes table tr td:nth-child(5):before {
    content: "Estado";
    display: inline
  }

  #lista-result-canjes table tr td:nth-child(2):before,
  #lista-result-canjes table tr td:nth-child(3):before,
  #lista-result-canjes table tr td:nth-child(4):before,
  #lista-result-canjes table tr td:nth-child(5):before {
    width: 50%;
    float: left;
    display: block;
    text-align: left
  }

  #lista-result-canjes table tr td:nth-child(6) {
    text-align: center
  }

  .detalle_reset td {
    background: white !important;
    color: #888 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    padding: 18px 8px !important
  }

  .detalle_reset span,
  .detalle_reset a {
    text-align: left
  }

  .detalle_reset .enunciado a {
    text-align: center !important
  }
}

#preguntas-frecuentes .preguntas-detalle div section h2 {
  margin-top: 15px;
  margin-bottom: 0
}

.overflow-auto {
  overflow: auto !important
}

@media(max-width:460px) {
  #detalles-producto form .sacar-producto {
    top: 4px;
    right: -6px
  }
}

@media(max-width:670px) {
  #seguimiento .search .search-line {
    float: none;
    display: table-cell
  }

  #seguimiento .search .search-line:fist-child {
    display: block
  }

  #seguimiento .search .search-line.input {
    width: 70%
  }

  #seguimiento .search .search-line.input {
    width: 100%
  }

  #seguimiento .boton-buscar {
    width: 40px
  }
}

#formCanjePaso3 .elemento-horizontal li:first-child {
  height: 35px;
  line-height: 2.5
}

@media(max-width:1100px) {
  #estado-cuenta .puntos-actuales .resumen {
    padding-left: 20px;
    width: 680px
  }
}

@media(max-width:1000px) {
  #formCanjePaso3 .elemento-horizontal li:first-child {
    width: 99%
  }

  #formCanjePaso3 .elemento-horizontal li {
    height: auto;
    line-height: inherit;
    width: 99%;
    display: block;
    text-align: center
  }
}

@media(max-width:480px) {
  #estado-cuenta .puntos-actuales .resumen .enlaces li {
    margin-left: 20px
  }
}

.flotante-secundario {
  background: transparent !important;
  border-radius: 0;
  box-shadow: none;
  max-width: 350px;
  width: 100%
}

.mis-canjes {
  max-width: 350px !important
}

.mis-canjes-cnt {
  background-color: #01bcb4;
  color: #959595 !important;
  padding: 8px;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 3px 1px #d0d0d0
}

.paquete {
  width: inherit;
  border-radius: 3px;
  overflow: auto
}

.mis-canjes-cnt {
  padding: 8px;
  box-sizing: border-box;
  position: relative
}

.mis-canjes-cnt:after {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 12px solid #01bdb5;
  border-bottom: 14px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -12px
}

.paquete-destino {
  background-color: #f4f4f4;
  padding: 15px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #8e8f90;
  font-size: 15px;
  font-weight: bold
}

.paquete-detalle {
  font-size: 15px;
  background-color: #fff;
  padding: 16px
}

.mis-canjes-cnt>p {
  margin: 5px;
  margin-bottom: 17px;
  color: #d1ffff;
  font-weight: bold;
  font-size: 16px
}

.paquete-detalle>ul>li,
.paquete-puntos>ul>li {
  float: right;
  margin-bottom: 10px
}

.paquete-detalle>ul>li:first-child,
.paquete-puntos>ul>li:first-child {
  float: left
}

.paquete-detalle>ul,
.paquete-puntos>ul {
  zoom: 1
}

.paquete-detalle>ul:after,
.paquete-detalle>ul:before,
.paquete-puntos>ul:after,
.paquete-puntos>ul:before {
  content: "";
  display: table
}

.paquete-detalle>ul:after,
.paquete-puntos>ul:after {
  clear: both
}

.paquete-puntos>ul>li {
  color: #00add0;
  font-weight: bold
}

ul>li {
  font-weight: bold
}

.paquete-puntos {
  margin-top: 18px;
  margin-bottom: -9px
}

.mis-canjes-mixto {
  font-size: 14px;
  box-sizing: border-box;
  background-color: #f7f6f6;
  max-width: 335px;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #ababab;
  padding-top: 17px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  margin: auto;
  color: #959595;
  height: 52px
}

@media screen and (max-width:1100px) {
  .miscanjes-mixto-paso2>p:last-child {
    text-align: center !important
  }

  .miscanjes-mixto-paso2 {
    width: 97% !important;
    max-width: 584px !important
  }

  .mis-canjes-cnt:after {
    display: none
  }

  .mis-canjes {
    max-width: 600px !important
  }

  .mis-canjes-mixto {
    max-width: 580px !important;
    text-align: left;
    padding-left: 30px
  }

  .cabec-canjespro {
    width: 97% !important
  }

  .mis-canjes-mixto>p {
    text-align: center !important;
    margin-right: 34px !important
  }
}

@media screen and (max-width:480px) {
  body {
    margin-left: 0
  }

  .mis-canjes-cnt:after {
    display: none
  }

  .cabec-canjespro {
    width: 97% !important
  }

  .mis-canjes-mixto {
    width: 96% !important;
    padding-left: 3px;
    height: 100%
  }
}

.ico-check-paso1 {
  position: inherit !important
}

.cabec-canjespro {
  width: 340px;
  height: 7px;
  background-color: #f4f4f4;
  text-align: center;
  margin: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 1px 3px 2px #c7c7c7
}

.icon-ico_check2:before {
  content: ""
}

.mis-canjes-mixto>p>.icon-ico_check2 {
  font-size: 24px;
  margin-left: 20px;
  color: #01bcb4
}

.mis-canjes-mixto>p {
  text-align: left
}

.info-miscanjes-mixto {
  font-size: 14px
}

.info-miscanjes-mixto {
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  bottom: 4px;
  font-weight: bold
}

.miscanjes-mixto-paso2 {
  background-color: #f7f6f6;
  text-align: center;
  margin: auto;
  box-shadow: 0 1px 5px -2px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px
}

.miscanjes-mixto-paso2 p>input {
  font-weight: 300 !important;
  width: 65px;
  height: 22px;
  margin-left: 10px;
  margin-right: 10px;
  color: #989898;
  font-weight: bold;
  font-size: 14px;
  padding: 0 5px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

button {
  border: 0;
  padding: 6px 13px 6px 13px;
  margin-left: 17px;
  border-radius: 18px;
  color: #fff;
  background-color: #afafaf
}

.miscanjes-mixto-paso2 p .color {
  color: #9e9e9e;
  font-weight: bold;
  font-weight: 300 !important
}

.miscanjes-mixto-paso2 p:last-child {
  text-align: center;
  margin-top: 10px
}

.miscanjes-mixto-paso2 p span.blue {
  color: #0039a6;
  font-weight: bold;
  margin-left: 4px
}

.miscanjes-mixto-paso2 p span.blue .dec {
  font-size: 11px
}

@media screen and (max-width:1100px) {

  #preguntas-frecuentes .preguntas-detalle nav a,
  #terminos-condiciones .preguntas-detalle nav a,
  #conocer .preguntas-detalle nav a,
  #preguntas-frecuentes .terminos-condiciones-detalle nav a,
  #terminos-condiciones .terminos-condiciones-detalle nav a,
  #conocer .terminos-condiciones-detalle nav a,
  #preguntas-frecuentes .conocer-detalle nav a,
  #terminos-condiciones .conocer-detalle nav a,
  #conocer .conocer-detalle nav a {
    display: initial !important
  }
}

#detalles-producto .do-detalle .tab {
  position: relative
}

@media screen and (max-width:640px) {
  .lightbox-info {
    padding: 20px 2.5%;
    width: 95%;
    overflow-y: auto;
    height: 600px;
    box-sizing: border-box;
    padding-bottom: 50px
  }
}

.detalle-wrapp {
  background: #f2f0f1
}

.detalle-wancho {
  width: 100%;
  max-width: 740px;
  padding-bottom: 100px
}

.detalle-wancho h2 {
  padding-bottom: 15px;
  position: relative;
  display: inline-block;
  text-align: left;
  margin-bottom: 32px;
  font-size: 33px;
  color: #4f5151
}

.detalle-wancho h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 63px;
  height: 2px;
  background-color: #4f5151
}

.detalle-caja {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 30px 20px;
  font-size: 0
}

.detalle-left,
.detalle-right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px
}

.detalle-left {
  width: 56%;
  padding-bottom: 40px
}

.detalle-left figure {
  margin: 0;
  padding-bottom: 30px
}

.detalle-right {
  width: 44%;
  padding-left: 20px
}

.detalle-inputs ul {
  display: flex;
  font-size: 0;
  width: 100%
}

@media screen and (max-width:500px) {
  .detalle-inputs ul {
    flex-direction: column
  }
}

.detalle-inputs li {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding-bottom: 20px;
  width: 50%
}

.detalle-inputs li:first-child {
  margin-right: 20px
}

.detalle-inputs li label {
  display: block;
  margin-bottom: 0;
  font-size: 15px
}

.detalle-inputs li input,
.detalle-inputs li select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0 10px;
  font-size: 15px
}

.detalle-radios p {
  font-size: 15px;
  display: block
}

.detalle-radio {
  display: inline-block;
  width: 48%;
  max-width: 110px;
  position: relative;
  padding-top: 12px;
  vertical-align: top
}

.detalle-radio input {
  position: relative;
  vertical-align: middle;
  display: inline-block
}

.detalle-radio label {
  padding-left: 8px;
  display: inline-block
}

.detalle-datos {
  padding-bottom: 50px
}

.detalle-datos h3 {
  color: #4f5151;
  margin-bottom: 14px;
  padding: 0;
  display: block;
  font-weight: normal;
  font-size: 30px;
  line-height: 1
}

.detalle-datos h4 {
  display: block;
  position: relative;
  margin-bottom: 30px;
  font-size: 25px;
  color: #4f5151;
  padding-bottom: 14px
}

.detalle-datos h4:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 63px;
  height: 2px;
  background-color: #4f5151
}

.detalle-datos h5 {
  font-size: 20px;
  color: #4f5151
}

.detalle-datos h5 strong {
  font-size: 35px
}

.detalle-datos p {
  font-size: 18px;
  color: #1e1e1e
}

.detalle-datos p i {
  font-size: 15px;
  font-style: normal
}

.detalle-detalles {
  position: relative
}

.detalle-detalles h5 {
  color: #666;
  margin-left: 12px;
  display: inline-block;
  padding: 0 10px;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 4px solid #ccc
}

.detalle-barra {
  height: 260px;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3px;
  font-size: 13px;
  border-top: 2px solid #9a9a9a;
  border-left: 2px solid #9a9a9a;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee
}

.detalle-botones {
  padding-top: 30px;
  text-align: center
}

.detalle-botones a,
.detalle-botones button {
  display: inline-block;
  padding: 12px 70px;
  border-radius: 4px;
  border: 1px solid #00bb31;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 0 3px;
  font-size: 15px;
  color: #00bb31;
  background-color: #fff;
  transition: .25s
}

.detalle-botones button:hover {
  background-color: #06c25e !important;
  border-color: #06c25e !important
}

.detalle-botones a:first-child {
  padding: 12px 40px
}

.detalle-botones button.activo {
  background-color: #00bb31;
  color: #fff
}

.detalle-clonado {
  display: none
}

@media screen and (max-width:900px) {
  .detalle-left {
    width: 48%
  }

  .detalle-right {
    width: 52%
  }

  .detalle-inputs li {
    width: 100%
  }

  .detalle-wancho {
    padding-bottom: 60px
  }
}

@media screen and (max-width:768px) {

  .detalle-left,
  .detalle-right {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0 !important
  }

  .detalle-inputs li,
  .detalle-radios {
    padding-left: 0
  }

  .detalle-left figure {
    padding-bottom: 20px
  }

  .detalle-datos {
    padding-bottom: 25px
  }

  .detalle-datos h3,
  .detalle-datos h4 {
    margin-bottom: 10px
  }

  .detalle-wancho h2 {
    margin-bottom: 20px
  }

  .detalle-right {
    display: none
  }

  .detalle-clonado {
    display: block;
    padding-bottom: 30px;
    display: block
  }

  .detalle-clonado .detalle-right {
    display: block
  }

  .detalle-caja {
    padding: 30px 15px
  }

  .detalle-botones a,
  .detalle-botones button {
    padding: 12px 30px !important
  }

  .detalle-left figure img {
    margin: auto;
    display: block
  }
}

.detalle2-wrapp {
  background: #fff
}

.detalle2-wancho {
  width: 95%;
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 64px
}

.detalle2-wancho h2 {
  padding-bottom: 15px;
  position: relative;
  display: inline-block;
  text-align: left;
  margin-bottom: 32px;
  font-size: 34px;
  font-weight: normal;
  color: #4f5151
}

.detalle2-wancho h2:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 63px;
  height: 2px;
  background-color: #4f5151
}

.detalle2-caja {
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 35px 0;
  padding-top: 0;
  font-size: 0
}

.detalle2-left,
.detalle2-right {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px
}

.detalle2-left {
  width: 65%;
  padding-bottom: 40px
}

.detalle2-left figure {
  margin: 0 auto;
  padding-bottom: 50px
}

.detalle2-left figure img {
  width: 100%;
  margin: 0 auto
}

.detalle2-right {
  width: 35%;
  padding-left: 40px
}

.detalle2-datos {
  padding-bottom: 50px
}

.detalle2-datos h3 {
  color: #4f5151;
  margin-bottom: 14px;
  padding: 0;
  line-height: 1;
  display: block;
  font-weight: normal;
  font-size: 30px;
  line-height: 1
}

.detalle2-datos h4 {
  display: inline-block;
  position: relative;
  margin-bottom: 30px;
  font-size: 25px;
  color: #4f5151;
  padding-bottom: 8px
}

.detalle2-datos h4:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 63px;
  height: 2px;
  background-color: #4f5151
}

.detalle2-datos h5 {
  font-size: 20px;
  color: #1c62a0
}

.detalle2-datos h5 strong {
  font-size: 35px
}

.detalle2-datos p {
  font-size: 18px;
  color: #1e1e1e
}

.detalle2-datos p i {
  font-size: 15px;
  font-style: normal
}

.detalle2-boton-azul {
  text-align: center;
  padding-top: 40px
}

.detalle2-boton-azul a {
  display: inline-block;
  border: 0;
  padding: 12px 55px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #0039a6;
  color: #fff
}

.detalle2-detalles {
  position: relative
}

.detalle2-detalles h5 {
  color: #666;
  margin-left: 12px;
  display: inline-block;
  padding: 0 10px;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 4px solid #ccc
}

.detalle2-barra {
  height: 345px;
  overflow-y: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 3px;
  font-size: 13px;
  border-top: 2px solid #9a9a9a;
  border-left: 2px solid #9a9a9a;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee
}

.detalle2-botones {
  padding-top: 30px;
  text-align: center;
  border-top: 1px solid #777
}

.detalle2-botones a {
  display: inline-block;
  padding: 12px 70px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 0 3px;
  font-size: 15px;
  color: #fff;
  background-color: #bfbfbf
}

.detalle2-botones a:first-child {
  padding: 12px 40px
}

.detalle2-botones a.activo {
  background-color: #69bd27
}

.detalle2-clonado {
  display: none
}

@media screen and (max-width:900px) {
  .detalle2-left {
    width: 55%
  }

  .detalle2-right {
    width: 45%
  }

  .detalle2-inputs li {
    width: 100%
  }
}

@media screen and (max-width:768px) {

  .detalle2-left,
  .detalle2-right {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0 !important
  }

  .detalle2-inputs li,
  .detalle2-radios {
    padding-left: 0
  }

  .detalle2-left figure {
    padding-bottom: 20px
  }

  .detalle2-datos {
    text-align: center;
    padding-bottom: 25px
  }

  .detalle2-datos h3,
  .detalle2-datos h4 {
    margin-bottom: 10px
  }

  .detalle2-wancho h2 {
    margin-bottom: 20px
  }

  .detalle2-caja {
    padding: 30px 15px;
    padding-top: 0 !important
  }

  .detalle2-botones a {
    padding: 12px 30px !important
  }

  .detalle2-barra {
    height: 280px
  }
}

.pasajeros {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ddd
}

.pasajeros .titulo {
  color: #393939;
  margin-bottom: 30px
}

.idadetalle-blok,
.vueltadetalle-blok {
  display: inline-block;
  font-size: 13px;
  vertical-align: top
}

.idadetalle-blok:nth-child(1),
.vueltadetalle-blok:nth-child(1) {
  width: 40%
}

.idadetalle-blok:nth-child(2),
.vueltadetalle-blok:nth-child(2) {
  width: 30%
}

.idadetalle-blok:nth-child(3),
.vueltadetalle-blok:nth-child(3) {
  width: 20%
}

.pasajeros-ida {
  max-width: 100%;
  background-color: #ededed;
  padding-bottom: 5px
}

.pasajeros-vuelta strong,
.pasajeros-ida strong {
  font-weight: normal;
  font-size: 15px;
  padding-right: 30px;
  padding-left: 4px
}

.pasajeros-vuelta p,
.pasajeros-ida p {
  font-size: 15px
}

.pasajeros-ida>p {
  padding-top: 10px;
  padding-left: 10px
}

.pasajeros-vuelta {
  max-width: 100%;
  padding-bottom: 5px;
  background-color: #ededed
}

.pasajeros-dias {
  max-width: 100%;
  height: 40px;
  background-color: #ededed
}

.pasajeros-dias>p {
  padding-top: 10px;
  padding-left: 10px
}

.pasajeros-vuelta>p {
  padding-top: 10px;
  padding-left: 10px
}

.table-detalle {
  border-right: 0 solid white;
  padding-right: 0 !important;
  float: left;
  width: 100%;
  box-sizing: border-box
}

.pasajeros-idadetalle {
  margin-top: 12px;
  margin-bottom: 12px
}

.pasajeros-vueltadetalle {
  margin-top: 12px;
  margin-bottom: 12px
}

p.icon-airlines {
  position: relative
}

p.icon-airlines img.pasajeros-ida {
  max-width: 73px
}

.pasajeros-vuelta>p,
.pasajeros-ida>p {
  position: relative
}

.pasajeros-ida>p>span.icon-plane,
.pasajeros-vuelta>p>span.icon-plane {
  color: #ededed;
  background: url(../images/ico-salida.png) 0 50% no-repeat;
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  left: 10px
}

.pasajeros-vuelta>p>span.icon-plane {
  background: url(../images/ico-regreso.png) 0 50% no-repeat
}

.pasajeros-ida>p>span.icon-plane {
  color: #ededed;
  background: url(../images/ico-salida.png) 0 50% no-repeat
}

.pasajeros-ida>p>span.icon-plane:before,
.pasajeros-vuelta>p>span.icon-plane:before {
  display: none
}

.titulo-tabladetalle-paso3>p {
  font-size: 20px;
  font-weight: normal
}

.titulo-tabladetalle-paso3,
.titulotwo-tabladetalle-paso3,
.titulothree-trabladetalle-paso3 {
  background-color: #2bb8af;
  color: #fff;
  text-align: center;
  padding: 16px;
  box-sizing: border-box
}

.form-pasajerosinfo {
  padding-top: 15px
}

.info-contacto-pasajeros {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 20px;
  background-color: #fff
}

.groupone-info-formpasaj,
.groupone-pasajerofirst,
.groupone-pasajeroseconds,
.groupone-pasajerosthird,
.groupone-pasajerofirst-inputtwo,
.groupotwo-info-formpasaj {
  width: 100%;
  position: relative;
  display: table;
  margin-bottom: 20px
}

.groupone-pasajerofirst-inputone,
.groupone-pasajerofirst-inputtwo,
.groupone-pasajerofirst-inputthree,
.groupone-pasajeofirst-inputtwoone,
.groupone-infoinput-pasajos,
.groupotwo-infoinput-pasajos {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}

.groupone-pasajeofirst-inputtwoone {
  width: 47%
}

.groupone-infoinput-pasajos:last-child>input,
.groupotwo-infoinput-pasajos:last-child>input,
.groupone-infoinput-pasajos:first-child>input,
.groupotwo-infoinput-pasajos:first-child>input {
  border: 1px solid #b3b3b3;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-pasajeofirst-inputtwoone:last-child>input,
.groupone-pasajerofirst-inputtwo:last-child>input,
.groupone-pasajerofirst-inputone:last-child>input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.groupone-pasajerofirst-inputthree:first-child>select,
.groupone-pasajerofirst-inputone:first-child>input {
  width: 95%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-pasajeofirst-inputtwoone:first-child>input {
  width: 90%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-infoinput-pasajos:last-child>input,
.groupone-infoinput-pasajos:last-child>label,
.groupotwo-infoinput-pasajos:last-child>input,
.groupotwo-infoinput-pasajos:last-child>label {
  width: 100%;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 16px;
  box-sizing: border-box
}

.groupone-pasajerofirst-inputtwo {
  margin-bottom: 0;
  font-size: 15px
}

.groupone-infoinput-pasajos:first-child>input,
.groupotwo-infoinput-pasajos:first-child>input {
  width: 90%;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.button-info-formpasaj {
  padding: 20px;
  text-align: center !important;
  margin: auto
}

.forms-regs-pasajeros .pasajerofirst-form-reg {
  margin-bottom: 0
}

.form-pasajerofirstinfo label {
  font-size: 15px
}

.pasajerofirst-form-reg {
  padding: 20px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #fff
}

.pasajerofirst-form-reg:first-child {
  margin-top: 15px;
  border-top: 1px solid #dbdbdb
}

.pasajerofirst-form-reg:last-child {
  border-bottom: 1px solid #dbdbdb
}

.forms-regs-pasajeros .border-regs-pasajeros {
  border-top: 1px solid #dbdbdb
}

.form-contactoinfo {
  padding-top: 20px
}

.checkbox-use {
  text-align: center;
  margin: auto;
  padding-top: 28px
}

.groupone-pasajerofirst {
  margin-top: 20px
}

.tem-condition {
  text-align: center;
  margin: auto;
  width: 100%;
  max-width: 400px;
  margin-top: 53px
}

span.subray-term-condition {
  text-decoration: underline
}

span.text-tem-condition {
  margin-left: 6px
}

.botton-back-go {
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 57px;
  font-size: 0
}

.botton-back-goone {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top
}

.botton-back-goone a,
.botton-back-goone button {
  padding: 15px 75px 15px 75px;
  border-radius: 7px;
  background-color: #bcbcbc;
  border: 0;
  display: block;
  font-size: 15px;
  color: #fff;
  margin: auto
}

.botton-back-goone a {
  padding: 15px 38px
}

.botton-back-goone button {
  background-color: #00bb31
}

.titulo-pasaje-detalleform {
  font-size: 26px !important;
  margin-bottom: 30px
}

.titulo-pasaje-detalleform:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.filtr-multiselect {
  width: 200px
}

.filtr-selectBox {
  position: relative
}

.filtr-selectBox select {
  width: 100%;
  font-weight: normal
}

.filtr-overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

#filtr-checkboxes {
  display: none;
  border: 1px #dadada solid
}

#filtr-checkboxes label {
  display: block
}

#filtr-checkboxes label:hover {
  background-color: #1e90ff
}

.aerolinea-tituloopcion {
  display: table;
  width: 100%;
  margin-top: 45px;
  margin-bottom: 45px;
  display: table;
  width: 100%
}

.titulo-option {
  display: table-cell
}

.titulo-option.til-opt-select {
  width: 19%
}

.aerolinea-filtrosone>input {
  width: 100%
}

.aerolinea-filtrosone {
  margin-bottom: 20px
}

.grouptwo-one-reg>span {
  color: #00b2a9
}

.groupone-input-rowone,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.groupthree-input-rowfour,
.group-input-radio {
  display: table;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box
}

.groupone-flecha-reg {
  width: 20%
}

.groupone-one-reg,
.grouptwo-one-reg,
.groupthree-one-reg,
.groupfour-one-reg,
.radiobutton-one {
  display: table-cell;
  width: 47%;
  position: relative
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input {
  width: 91%
}

.groupthree-one-reg:last-child {
  padding-right: 4%;
  padding-left: 3%
}

.groupthree-one-reg:first-child {
  padding-right: 3%
}

.groupone-input-rowone,
.group-input-radio,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.group-button-formreg {
  margin-bottom: 20px;
  margin-top: 20px
}

.group-button-formreg {
  clear: both;
  text-align: center !important
}

.radiobutton-one:first-child {
  width: 17%
}

.title-formregistro {
  padding-left: 20px;
  padding-top: 20px
}

.title-formregistro>p>span {
  margin-right: 6px
}

.groupone-flecha-reg>span.icon-flecha-derecha,
.grouptwo-flecha-reg>span.icon-flecha-derecha {
  color: #009b3a
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input,
.groupthree-one-reg>select {
  padding-left: 10px;
  box-sizing: border-box
}

span.icon-calendario-form {
  position: absolute;
  right: 7px;
  font-size: 28px;
  bottom: 10px;
  color: #00b2a9
}

.aerolinea {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background-color: #f9fbfb
}

#informacion-pasajeros .salida-regreso {
  min-height: inherit;
  padding-bottom: 0;
  box-sizing: border-box;
  padding: 20px;
  position: relative
}

.aerolinea .salida-regreso {
  border: 1px solid #dbdbdb;
  margin-left: 0;
  min-height: inherit
}

.aerolinea .salida-regreso {
  border: inherit;
  margin-left: 0;
  min-height: inherit;
  float: left;
  width: 72%
}

.aerolinea .dinero-puntos {
  border-bottom: inherit;
  border-left: inherit;
  border-top: inherit;
  left: 0;
  position: inherit;
  top: 0;
  float: right;
  width: 28%;
  box-sizing: border-box;
  text-align: center
}

.dinerp-puntos {
  text-align: center !important
}

.dinero-puntos>.benf-one {
  font-size: 20px;
  font-weight: normal
}

.dinero-puntos>.benf-eight {
  font-size: 14px
}

.dinero-puntos>.benf-two {
  font-size: 16px
}

.dinero-puntos>.benf-three {
  font-size: 20px
}

.dinero-puntos>.benf-four {
  font-size: 28px;
  color: #00add0;
  font-weight: normal;
  margin-top: 12px
}

.dinero-puntos>.benf-five {
  font-size: 16px;
  color: #00add0
}

.dinero-puntos>.benf-six {
  font-size: 14px;
  color: #4f5151;
  margin-top: 40px
}

.dinero-puntos>.benf-seven {
  font-size: 14px;
  color: #4f5151;
  margin-bottom: 44px
}

.aerolinea .salida-regreso>div {
  width: inherit
}

.aerolinea .salida-regreso .seleccion {
  border-top: 1px solid #e0e1e1;
  cursor: pointer;
  display: block;
  font-size: .813em;
  padding: 10px 0;
  text-align: left !important;
  padding-left: 64px !important;
  color: #8e8f90;
  font-weight: normal
}

.sale {
  margin-right: 12px !important;
  margin-left: 15px
}

span.escala {
  margin-right: 0;
  margin-left: 14px
}

span.duracion {
  margin-left: 12px
}

.aerolinea-boton .botonera {
  border-top: inherit;
  clear: both;
  overflow: hidden;
  padding-top: 0 !important;
  text-align: center
}

.dinero-puntos.aerolinea-block {
  margin-top: 80px
}

.aerolinea-boton {
  float: right;
  width: 28%
}

.salida-regreso.informacion-elegir.aerolinea-block:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 30px;
  right: 0;
  bottom: 30px;
  background-color: #dbdbdb;
  margin: auto
}

.aerolinea .salida-regreso .seleccion {
  display: table;
  width: 100%;
  box-sizing: border-box
}

.aerolinea .salida-regreso .seleccion-tc {
  display: table-cell
}

section.aerolinea.resumen-tarifas {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 20px
}

.titulo-resumen-tarifas {
  padding: 20px;
  background-color: #2bb8af;
  color: #fff;
  font-size: 18px;
  text-align: center !important;
  font-weight: normal
}

.table-resutarifas-two {
  float: right;
  font-size: 14px;
  box-sizing: border-box;
  width: 33%;
  padding-top: 72px;
  padding-right: 13px
}

.table-detallegroupsone,
.table-detallegroupstwo,
.table-detallegroupsthree {
  display: table
}

.detalle-resutarifasone,
.detalle-resutarifastwo,
.detalle-resutarifasthree {
  display: table-cell !important
}

.table-resutarifas-one {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 15px;
  font-size: 14px;
  float: left;
  box-sizing: border-box;
  width: 67%
}

.table-detallegroupstwo {
  background-color: #ededed;
  margin-bottom: 14px;
  text-align: center;
  padding-bottom: 8px;
  padding-top: 8px
}

.table-detallegroupsone {
  padding: 20px
}

.detalle-resutarifasone:first-child {
  padding-right: 34px;
  padding-left: 15px
}

.table-resutarifas-one:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 131px;
  bottom: 41px;
  background-color: #dbdbdb;
  margin: auto;
  right: 281px
}

.detalle-resutarifathree:first-child {
  padding-left: 13px;
  padding-right: 27px;
  font-size: 16px;
  color: #1c62a0;
  font-weight: normal
}

.detalle-resutarifastwo:first-child {
  padding-left: 34px;
  padding-right: 33px
}

.table-detallegroupsthree {
  padding-left: 20px
}

.detalle-resutarifastwo:last-child {
  text-align: left;
  width: 70%
}

span.text-price-detalleresutafica {
  font-size: 16px;
  color: #1c62a0;
  margin-left: 5px
}

span.price-detalleresutarfica {
  font-size: 28px;
  color: #1c62a0
}

.detalle-resutarifasone>p {
  margin-bottom: 6px
}

.titulo-pasaje-viajeform:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.titulo-option>p:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.vuelolima-mia-lim {
  font-size: 20px;
  color: #64aca2;
  margin-bottom: 55px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 9px;
  margin-top: 14px
}

.groupfour-one-reg>select {
  width: 86%
}

.groupfour-one-reg:last-child>select {
  margin-left: 20px
}

.titulo-option>p {
  font-size: 34px
}

.seleccion-tc>span.llega {
  width: inherit !important
}

.aerolinea-boton>.botonera>input#btnContinuarPaso1 {
  opacity: .2
}

.dinero-puntos.aerolinea-block>p:first-child {
  color: #4f5151;
  font-weight: normal
}

.btnvolver-formviaje {
  margin-bottom: 40px;
  text-align: center;
  clear: both;
  border-top: 1px solid #dbdbdb;
  padding-top: 24px
}

.btnvolver-formviaje>button {
  border: 0;
  padding: 14px 40px 14px 40px;
  border-radius: 7px;
  color: #fff;
  background-color: #bfbfbf
}

@media screen and (max-width:1100px) {
  .table-resutarifas-one:after {
    display: none
  }

  .aerolinea-boton,
  #informacion-pasajeros .salida-regreso,
  .aerolinea .dinero-puntos {
    float: none;
    width: 100%
  }

  .aerolinea-boton>.botonera {
    padding-bottom: 20px;
    margin-top: 0
  }

  #informacion-pasajeros {
    width: 100% !important
  }

  .salida-regreso.informacion-elegir.aerolinea-block:after {
    content: none
  }

  .aerolinea .dinero-puntos {
    border-right: inherit
  }

  .acomodar-racional .informacion {
    width: 100% !important
  }
}

.groupone-info-formpasaj,
.groupotwo-info-formpasaj,
.groupone-pasajerofirst,
.groupone-pasajeroseconds,
.groupone-pasajerosthird {
  font-size: 0
}

.groupone-infoinput-pasajos,
.groupotwo-infoinput-pasajos,
.groupone-pasajerofirst-inputone,
.groupone-pasajerofirst-inputthree {
  font-size: 16px
}

.groupone-infoinput-pasajos input,
.groupotwo-infoinput-pasajos input,
.groupone-pasajerofirst-inputone input,
.groupone-pasajerofirst-inputtwo input {
  width: 100%;
  line-height: 46px
}

.groupone-pasajeofirst-inputtwoone,
.groupone-pasajerofirst-inputtwo {
  vertical-align: top
}

@media screen and (max-width:800px) {
  span.icon-flecha-derecha {
    display: none
  }

  .groupone-two-reg>input,
  .grouptwo-two-reg>input {
    margin-left: inherit
  }

  .groupone-info-formpasaj,
  .groupone-pasajerofirst,
  .groupone-pasajeroseconds,
  .groupone-pasajerosthird,
  .groupone-pasajeroseconds,
  .groupone-pasajerofirst-inputtwo,
  .groupotwo-info-formpasaj {
    margin-bottom: 0
  }

  .groupone-pasajerofirst-inputone,
  .groupone-pasajerofirst-inputtwo,
  .groupone-pasajerofirst-inputthree,
  .groupone-pasajeofirst-inputtwoone,
  .groupone-infoinput-pasajos,
  .groupotwo-infoinput-pasajos,
  .groupone-pasajerofirst-inputthree:first-child>select,
  .groupone-pasajerofirst-inputone:first-child>input,
  .groupone-pasajeofirst-inputtwoone:first-child>input,
  .groupone-infoinput-pasajos:first-child>input,
  .groupotwo-infoinput-pasajos:first-child>input,
  .groupone-pasajeroseconds {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px
  }

  .groupone-pasajeofirst-inputtwoone:first-child {
    padding-right: 0 !important
  }
}

@media screen and (max-width:768px) {
  .groupfour-one-reg>select {
    width: 91% !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit;
    margin-top: 20px
  }

  .aerolinea .salida-regreso .seleccion {
    padding-left: 10px !important
  }

  span.logo-copa {
    display: none !important
  }

  .groupthree-two-reg>select {
    margin-left: inherit
  }

  .groupone-one-reg,
  .grouptwo-one-reg,
  .groupthree-one-reg,
  .groupfour-one-reg,
  .radiobutton-one {
    display: inherit;
    width: 100%;
    position: relative;
    padding-left: 20px
  }

  .radiobutton-one:first-child {
    width: 45%;
    display: table-cell;
    text-align: center !important
  }

  .groupone-one-reg>input,
  .grouptwo-one-reg>input,
  .groupthree-one-reg>input,
  .groupthree-one-reg>select {
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 14px
  }

  .groupthree-one-reg:last-child {
    padding-right: 6%;
    padding-left: 3%;
    box-sizing: border-box;
    width: 100%
  }
}

@media screen and (max-width:640px) {
  .groupthree-one-reg:last-child {
    padding-right: 2%;
    padding-left: inherit !important;
    box-sizing: border-box
  }

  .table-detallegroupsone {
    padding: inherit !important;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .table-resutarifas-one {
    padding-bottom: 20px;
    padding-right: inherit !important;
    padding-top: 15px;
    font-size: 14px;
    float: inherit !important;
    box-sizing: border-box;
    width: 100% !important
  }

  .table-resutarifas-two {
    float: inherit !important;
    font-size: 14px;
    box-sizing: border-box;
    width: 100% !important;
    padding-top: 31px !important;
    padding-right: 20px;
    text-align: left;
    padding-left: 23px;
    border-bottom: 2px solid #dbdbdb;
    padding-right: 13px;
    padding-bottom: 16px
  }
}

.p2-editar {
  float: right;
  position: relative;
  bottom: 21px;
  text-decoration: underline
}

span.text-tem-condition>a {
  color: #686868;
  text-decoration: underline
}

.paso2-paquetes.informacion {
  padding-bottom: 90px
}

.paso2-paquetes input,
.paso2-paquetes select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3px;
  height: 46px
}

.paso2-paquetes select {
  background-position: 98%
}

.checkbox-use input,
.tem-condition input {
  height: inherit
}

.groupone-pasajeofirst-inputtwoone:first-child {
  padding-right: 12px
}

.paso2-paquetes span.icon-calendario-form {
  bottom: inherit;
  top: 30px !important
}

.pasajerofirst-form-reg {
  margin-bottom: 22px
}

@media screen and (max-width:492px) {
  .tooltip:hover:after {
    left: 1px !important;
    bottom: 72px !important
  }

  .tooltip:hover:before {
    bottom: 110px !important;
    margin: auto !important;
    left: 134px !important
  }
}

@media screen and (max-width:340px) {
  .grouptwo-mediocanjethree-three>input {
    width: 100% !important
  }
}

@media screen and (max-width:526px) {
  .botonone-medio-canje:last-child>button {
    padding-left: 40px !important;
    padding-right: 40px !important
  }
}

@media screen and (max-width:600px) {
  .tooltip:hover:after {
    left: -50px !important;
    bottom: 39px !important;
    width: 239% !important
  }
}

@media screen and (max-width:1100px) {
  .tooltip:hover:after {
    width: 65px !important;
    font-size: 13px
  }
}

@media screen and (max-width:1000px) {
  .tooltip:hover:after {
    width: 123px !important;
    font-size: 13px
  }
}

@media screen and (max-width:785px) {
  .tooltip:hover:after {
    left: -125px !important;
    bottom: 39px !important
  }

  .tooltip:hover:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 0;
    bottom: 45px !important;
    margin: auto !important;
    left: 8px !important;
    position: absolute;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid #4c74c0 !important
  }
}

.tooltip {
  display: inline;
  position: relative;
  top: 7px;
  left: -1px
}

.tooltip {
  display: inline;
  position: relative
}

.tooltip:hover:after {
  background: #333;
  background: #4c74c0;
  border-radius: 0;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 123px;
  bottom: -14px;
  left: 43px;
  bottom: -33px
}

.tooltip:hover:before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 12px solid #4c74c0;
  border-bottom: 7px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  bottom: 10px;
  margin: auto;
  left: 31px;
  position: absolute
}

.tit-mediocanje-pas3:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 12px
}

.tit-mediocanje-pas3 {
  font-size: 33px;
  margin-bottom: 25px;
  color: #393939
}

.groupone-mediocanje {
  border: 1px solid #dbdbdb;
  padding: 30px 40px 30px 40px;
  background-color: #fff
}

.medio-canje.informacion {
  background-color: #f2f0f1;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  color: #8b8a8a;
  padding-bottom: 20px
}

.boton-medio-canje,
.groupone-medio-canje,
.grouptwo-mediocanjeone,
.grouptwo-mediocanjetwo,
.grouptwo-mediocanjethree,
.grouptwo-mediocanjethree {
  clear: both;
  display: table;
  margin: auto
}

.medio-canjeone,
.grouptwo-mediocanjeone-one,
.grouptwo-mediocanjetwo-two,
.grouptwo-mediocanjefour-four {
  display: table-cell;
  width: 50%;
  padding-bottom: 10px
}

.grouptwo-mediocanjethree-three {
  display: table-cell;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 50px
}

.botontwo-medio-canje:last-child,
.mediocanjeone:last-child,
.grouptwo-mediocanjeone-one:last-child,
.grouptwo-mediocanjetwo-two:last-child,
.grouptwo-mediocanjethree-three:last-child,
.grouptwo-mediocanjefour-four:last-child {
  text-align: left;
  padding-left: 25px;
  position: relative
}

.botonone-medio-canje:first-child,
.medio-canjeone:first-child {
  text-align: right
}

.grouptwo-mediocanjefour-four:last-child {
  font-size: 16px;
  color: black;
  font-weight: bold
}

.grouptwo-mediocanjeone-one:last-child,
.grouptwo-mediocanjetwo-two:last-child,
.grouptwo-mediocanjethree-three:last-child {
  color: #00add0;
  font-size: 16px
}

.groupone-medio-canje {
  padding-bottom: 29px;
  width: 100%;
  margin-bottom: 35px
}

.barra-block>.barra-blockone {
  background-color: #00add0;
  width: 55px;
  height: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  top: 12px;
  left: 5px;
  display: table-cell
}

.barraone-block.barra-blocktwo {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background-color: white;
  position: absolute;
  border: 5px solid #00add0;
  display: table-cell
}

.barra-block>.barra-blockthree {
  background-color: #fff;
  width: 50px;
  height: 9px;
  position: relative;
  left: 34px;
  top: 12px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #00add0;
  display: table-cell
}

.barra-block {
  display: table
}

.porcentaje-block {
  position: absolute;
  width: 100%;
  top: 142PX;
  left: 86PX;
  font-weight: bold;
  color: #00add0
}

.barra-block {
  margin-top: 14px;
  padding-bottom: 20px
}

.grouptwo-mediocanjethree-three>input {
  width: 144px;
  height: 40px;
  text-align: center;
  font-size: 20px
}

.botonone-medio-canje {
  display: table-cell;
  width: 50%
}

.boton-medio-canje {
  margin-top: 25px;
  padding-bottom: 20px;
  display: table
}

.grouptwo-mediocanje {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 30px;
  background-color: #fff
}

.groupthree-infone-mediocanje {
  display: table-cell;
  width: 50%;
  padding-top: 28px;
  position: relative
}

.groupthree-info-mediocanje {
  display: table;
  padding-bottom: 31px
}

.botton-end-mediocanje {
  text-align: center;
  margin: auto;
  margin-top: 53px;
  border-top: 1px solid #dbdbdb;
  padding-top: 45px
}

.botton-end-mediocanje>button {
  border: 0;
  padding: 17px 31px 17px 31px;
  border-radius: 6px;
  color: #fff;
  background-color: #69bd27;
  opacity: .5
}

.grouptwo-titulo-mediocanje {
  background-color: #2bb8af;
  padding: 20px;
  color: #fff;
  font-size: 15px
}

.groupthree-infone-mediocanje:first-child {
  text-align: right;
  padding-right: 40px
}

.groupthree-infone-mediocanje:last-child>select {
  width: 90%;
  margin-right: 65px
}

.groupthree-info-mediocanjeone,
.groupthree-info-mediocanjetwo,
.groupthree-info-mediocanjethree,
.groupthree-info-mediocanjefour,
.groupthree-info-mediocanjefive {
  padding: 0;
  margin: auto;
  padding-right: 10px
}

.grouptwo-titulo-mediocanje>P {
  text-align: center !important;
  font-size: 18px !important
}

p.subrayaado-medio {
  text-decoration: underline;
  color: blue
}

span.icon-info-2 {
  color: #0039a6;
  font-size: 23px;
  margin-left: 6px;
  vertical-align: middle;
  position: relative
}

.get-code-ac {
  padding-top: 11px !important
}

.condition-canje {
  position: relative;
  bottom: 14px
}

@media screen and (max-width:452px) {
  .groupthree-infone-mediocanje.groupthree-infone-mediocanjefive.get-code-ac {
    width: 100%
  }

  .groupthree-infone-mediocanje {
    display: inherit !important;
    width: 100%;
    padding-top: 14px;
    margin: auto;
    text-align: left !important
  }

  .groupthree-infone-mediocanje input {
    width: 82% !important
  }

  .groupthree-infone-mediocanje:first-child {
    margin-right: 0 !important;
    padding-right: 0 !important
  }

  .groupthree-info-mediocanjeone,
  .groupthree-info-mediocanjetwo,
  .groupthree-info-mediocanjethree,
  .groupthree-info-mediocanjefour,
  .groupthree-info-mediocanjefive {
    width: 100% !important;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0
  }
}

.boton-medio-canje>.botonone-medio-canje:first-child {
  display: table-cell !important
}

.boton-medio-canje>.botonone-medio-canje {
  display: inherit !important;
  margin-bottom: 15px !important
}

.botonone-medio-canje:first-child>button {
  border: 0;
  padding-left: 47px;
  padding-right: 55px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  color: #fff;
  margin-top: 16px;
  margin-left: 5px
}

.groupthree-infone-mediocanje:last-child>select {
  width: 100%;
  margin-right: 25px
}

.blocktwo-hotel {
  border-bottom: 1px solid #dbdbdb
}

.groupone-medio-canje:first-child {
  margin-bottom: 0 !important
}

.tooltips-wbone {
  position: absolute;
  z-index: 11;
  background-color: #4c74c0;
  color: #fff;
  font-size: 12px;
  padding: 6px;
  bottom: 40px;
  left: -9px;
  width: 191px;
  line-height: 16px;
  display: none
}

.tooltips-wbtwo {
  position: absolute;
  z-index: 11;
  background-color: #4c74c0;
  color: #fff;
  font-size: 12px;
  padding: 4px;
  bottom: 40px;
  left: -9px;
  width: 195px;
  line-height: 16px;
  display: none
}

@media screen and (max-width:750px) {

  .tooltips-wbone,
  .tooltips-wbtwo {
    left: -74px
  }

  .flecha {
    left: 71px !important
  }
}

@media screen and (max-width:640px) {

  .tooltips-wbone,
  .tooltips-wbtwo {
    left: inherit !important;
    right: -14px !important
  }

  .flecha {
    left: inherit !important;
    right: 12px !important
  }
}

.flecha {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 17px solid #4c74c0;
  font-size: 0;
  line-height: 0;
  position: absolute
}

@media screen and (max-width:450px) {
  .botonone-medio-canje:first-child>button {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
    padding-right: 25px !important;
    padding-left: 25px !important
  }

  .botonone-medio-canje:last-child>button {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
    padding-left: 27px !important;
    padding-right: 27px !important
  }

  #medio-canje .grouptwo-mediocanjethree-three {
    padding-top: 10px
  }

  #medio-canje .grouptwo-mediocanjethree-three:first-child {
    padding-top: 60px;
    padding-bottom: 0
  }

  #medio-canje .groupone-mediocanje {
    padding: 30px 10px
  }

  #medio-canje .grouptwo-mediocanjethree-three {
    display: inline-block;
    width: 100%
  }

  #medio-canje .grouptwo-mediocanjethree-three>p {
    text-align: center
  }

  #medio-canje .grouptwo-mediocanjethree-three .millas-benefit-usar {
    text-align: center !important
  }

  #medio-canje .grouptwo-mediocanjethree-three.valor,
  #medio-canje .grouptwo-mediocanjethree-three.valor-diferencia {
    padding-left: 0
  }

  #medio-canje #puntosUsados {
    margin: auto;
    display: block
  }

  #medio-canje .barra-block {
    margin: auto
  }
}

.titulo-general .separar {
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 10px !important;
  margin: auto
}

.titulo-general.titulo-centrado {
  text-align: center !important
}

.comptable-detalle {
  border-right: 0 solid white;
  margin: 0 auto;
  overflow: hidden;
  width: 770px !important;
  padding: 12px;
  border: 1px solid #dbdbdb
}

.comppasajeros-ida {
  height: auto !important;
  padding-bottom: 5px;
  background-color: #ededed
}

.comppasajeros-ida>p {
  padding-top: 10px;
  padding-left: 10px
}

.comppasajeros-idadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.comppasajeros-idadetalletwo {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 28px;
  width: 100%
}

.compidadetalle-blok {
  display: table-cell;
  width: 1% !important;
  font-size: 13px;
  padding-right: 8px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.compidadetalle-blok:first-child p {
  padding-left: 28px
}

.compidadetalle-bloktwo {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

.comppasajeros-vuelta>p {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 5px
}

.comppasajeros-vuelta {
  background-color: #ededed
}

.comppasajeros-vueltadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 94%
}

.comppasajeros-vueltadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 28px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.compvueltadetalle-blok {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

.comppasajeros-vueltadetalletwo {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 28px;
  width: 100%
}

.compvueltadetalle-bloktwo {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

p.compicon-airlines {
  position: relative;
  left: 0;
  padding-left: 0 !important
}

.comppasajeros-dias {
  max-width: 540px;
  height: 40px;
  background-color: #ededed
}

.comppasajeros-dias>p {
  padding-top: 10px;
  padding-left: 10px
}

.comp-detalle {
  overflow: hidden;
  margin: auto;
  width: 790px;
  text-align: left
}

.pie-pagina {
  overflow: hidden;
  margin: auto;
  width: 790px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  margin-top: 16px;
  padding-bottom: 20px
}

article.detalle {
  text-align: center !important
}

.titutlo-campodetail {
  max-width: 790px;
  margin: 0 auto;
  padding-top: 60px;
  color: #393939;
  font-size: 20px;
  margin-bottom: 10px
}

.comp-detalle>h2 {
  color: #333 !important;
  padding-bottom: 17px !important;
  font-size: 20px !important;
  padding-top: 60px !important
}

.mil.las-canjeado {
  margin-top: 11px;
  font-size: 15px
}

.mil.las-canjeado span {
  font-size: 20px;
  vertical-align: top;
  line-height: 20px
}

.total-pagado {
  border: 1px solid #dbdbdb;
  padding: 15px;
  margin-top: 16px;
  padding-right: 9px;
  background-color: #f9fbfa
}

.email-send {
  text-align: center !important;
  margin-top: 35px;
  margin-bottom: 9px;
  font-weight: normal
}

.email-send>p>span {
  margin-right: 18px;
  width: 19px;
  height: 14px;
  color: #009b3a !important
}

.pie-pagina {
  width: 72%
}

.titulo-barra {
  float: left;
  font-size: 20px;
  margin-right: 27px;
  color: #383838
}

.group-barra {
  width: 100%
}

.more-detail {
  text-align: center !important;
  background-color: #00bb31;
  width: 100px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  color: white !important;
  padding: 8px;
  border-radius: 2px;
  display: none
}

@media(max-width:768px) {

  .comptable-beneficios,
  .comptable-detalle {
    float: none;
    width: auto;
    box-sizing: border-box
  }

  .titutlo-campodetail {
    padding-left: 24px
  }

  .more-detail {
    display: block
  }

  .ocultar-mostrar {
    display: none
  }

  .titulo-barra {
    margin-top: 20px
  }
}

@media screen and (max-width:1000px) {
  .titutlo-campodetail {
    padding-left: 24px
  }

  .comp-detalle {
    width: 92%
  }

  .comptable-detalle {
    max-width: 93%;
    box-sizing: border-box
  }

  #detalles-producto .do-detalle .tab-content {
    max-height: inherit !important
  }
}

.titulo-barra {
  margin-right: 30px;
  font-size: 20px
}

.titutlo-campodetail:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

article.codigo {
  background-color: #2bb8af
}

.codigo>div>p.reserva {
  color: #393939;
  background-color: #fff;
  padding-bottom: 56px;
  margin-left: 13px;
  margin-right: 13px;
  padding-top: 35px;
  font-size: 30px !important
}

.codigo>div>.titulo {
  color: #fff !important
}

article.detalle {
  color: #393939 !important
}

.detalle>div>.titulo {
  color: #2bb8af !important
}

.detalle>div>.texto {
  text-align: left;
  margin-left: 11px;
  margin-top: 20px
}

span.detail-mill-super {
  color: #2bb8af;
  font-size: 13px;
  margin-right: 11px
}

#procesado .cabecera {
  margin-top: 0
}

.codigo-detalle>.detalle {
  background-color: #fff !important
}

#procesado .cabecera h1 {
  color: #2bb8af !important;
  background: inherit !important;
  font-size: 34px !important;
  margin-bottom: 0;
  line-height: 1
}

#procesado .cabecera {
  padding-top: 25px
}

#procesado .titulo-general h1 {
  font-size: 28px !important
}

.comprobante-estado>.estado .limite .estado-4pasos {
  width: inherit !important
}

.comprobante-estado>.comprobante-estado-hijo {
  overflow: hidden;
  width: 38% !important;
  padding-left: 31% !important;
  position: relative;
  bottom: 27px
}

.mil.las-canjeado>span {
  color: #2d3689
}

.mil.las-canjeado {
  color: #8b8a8a
}

.total-pagado>p {
  color: #8b8a8a
}

.total-pagado p span {
  font-size: 20px;
  line-height: 20px;
  vertical-align: top;
  padding-right: 10px
}

#procesado .confirmacion .codigo-detalle-nuevo {
  background-color: #fff !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo1,
#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo2 {
  min-height: inherit !important;
  padding-left: 15px !important;
  padding-right: 15px !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo1 {
  padding-top: 20px !important;
  padding-bottom: 0 !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo2 {
  padding-top: 0 !important;
  padding-bottom: 20px !important
}

.codigo>div>p.reserva {
  padding: 5px 0 !important
}

#procesado .confirmacion .codigo-detalle .detalle .titulo {
  font-size: 25px;
  margin-bottom: 25px
}

#procesado .confirmacion .codigo-detalle .detalle span {
  font-weight: normal
}

#procesado .confirmacion .codigo-detalle .detalle .texto {
  font-size: 16px
}

.titulo-barra p {
  display: block;
  padding-top: 4px
}

#procesado .confirmacion .codigo-detalle .codigo .titulo {
  font-size: 24px !important
}

#procesado .confirmacion .codigo-detalle {
  background-color: #fff !important
}

.comprobante-info-hotel {
  width: 95%;
  max-width: 790px;
  margin: 0 auto;
  padding-top: 60px
}

.comprobante-info-hotel h4 {
  font-size: 20px;
  display: inline-block;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 18px
}

.comprobante-info-hotel h4:before {
  content: "";
  position: absolute;
  width: 64px;
  height: 2px;
  background-color: #777;
  bottom: 0;
  left: 0
}

.comprobante-info-caja {
  padding: 18px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  position: relative
}

.comprobante-info-img {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 190px
}

.comprobante-info-img img {
  display: block;
  width: 100%;
  max-width: 182px;
  border: 1px solid #333
}

.comprobante-table {
  display: block;
  width: 100%;
  padding-left: 220px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.comprobante-table li {
  display: block;
  padding-bottom: 12px;
  zoom: 1;
  overflow: auto
}

.comprobante-table li h3 {
  display: block;
  text-align: left !important;
  padding: 10px 0 !important;
  background-color: #ededed;
  font-size: 16px;
  padding-left: 135px !important
}

.comprobante-table li h5 {
  font-weight: normal
}

.fila1 {
  float: left;
  width: 115px;
  text-align: right
}

.fila2 {
  float: right;
  margin-left: -115px;
  width: 100%;
  text-align: left
}

.fila2-interior {
  padding-left: 135px
}

.fila2-interior p {
  font-size: 14px;
  font-weight: normal
}

.limite-body {
  background-color: #f2f0f1;
  padding-top: 9px;
  padding-bottom: 180px
}

.limite-body .limite {
  margin-bottom: 0;
  width: 95%;
  max-width: 1100px;
  margin: 0 auto
}

#procesado .cabecera {
  background-color: #fff
}

.comppasajeros-ida .icon-plane,
.comppasajeros-vuelta .icon-plane {
  font-size: 15px;
  color: #009b3a;
  margin-right: 8px
}

.comppasajeros-ida strong,
.comppasajeros-vuelta strong {
  padding-right: 25px
}

.limite-body .limite {
  padding-top: 0
}

.comprobante-estado {
  padding-top: 0 !important
}

.comprobante-table li h3 {
  text-align: center !important;
  padding-left: 0 !important
}

@media screen and (max-width:1000px) {
  .comprobante-estado>.comprobante-estado-hijo {
    padding-left: inherit !important;
    position: relative;
    bottom: 44px
  }

  .comprobante-estado {
    margin: 21px auto -26px auto
  }
}

@media screen and (max-width:900px) {
  #procesado .confirmacion .codigo-detalle .detalle {
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d2d2d2;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  #procesado .confirmacion .codigo-detalle {
    padding-bottom: 0 !important
  }
}

@media screen and (max-width:680px) {
  .comprobante-estado>.comprobante-estado-hijo {
    position: relative;
    bottom: 0 !important;
    width: 60% !important
  }

  .comprobante-table {
    padding-left: 200px
  }

  .compr-titulo-barra {
    text-align: center !important;
    margin-left: 27px
  }

  .comprobante-estado {
    margin: 23px auto 20px auto
  }

  .comprobante-info-img {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    top: inherit;
    left: inherit
  }

  .comprobante-info-img img {
    margin: 0 auto
  }

  .comprobante-table {
    padding-left: 0;
    float: inherit
  }

  .fila1 {
    width: 70px;
    text-align: left
  }

  .fila2 {
    margin-left: -70px
  }

  .fila2-interior {
    padding-left: 90px
  }
}

@media screen and (max-width:480px) {
  .comprobante-estado {
    margin: 21px auto 20px auto
  }

  .compidadetalle-blok:first-child p {
    padding-left: 0
  }

  .botonone-medio-canje>a {
    width: 100px
  }

  .botonone-medio-canje input[type=submit] {
    width: 145px
  }
}

#logo-usuario #usuario {
  min-width: 200px;
  padding-top: 0
}

.limite-body #procesado .confirmacion .codigo-detalle .detalle>div {
  border: 0
}

.p3-con-select1 input [type=text] {
  line-height: 70px;
  background-color: red
}

.filtr-multiselect {
  width: 200px
}

.filtr-selectBox {
  position: relative
}

.filtr-selectBox select {
  width: 100%;
  font-weight: normal
}

.filtr-overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

#filtr-checkboxes {
  display: none;
  border: 1px #dadada solid
}

#filtr-checkboxes label {
  display: block
}

#filtr-checkboxes label:hover {
  background-color: #1e90ff
}

.aerolinea-tituloopcion {
  display: table;
  width: 100%;
  margin-top: 45px;
  margin-bottom: 45px;
  display: table;
  width: 100%
}

.titulo-option {
  display: table-cell
}

.titulo-option.til-opt-select {
  width: 19%
}

.aerolinea-filtrosone>input {
  width: 100%
}

.aerolinea-filtrosone {
  margin-bottom: 20px
}

.groupone-input-rowone,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.groupthree-input-rowfour,
.group-input-radio {
  display: table;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box
}

.groupone-flecha-reg {
  width: 20%
}

.groupone-one-reg,
.grouptwo-one-reg,
.groupthree-one-reg,
.groupfour-one-reg,
.radiobutton-one {
  display: table-cell;
  width: 47%;
  position: relative;
  padding-top: 0;
  margin: 0
}

.groupone-one-reg input,
.grouptwo-one-reg input,
.groupthree-one-reg input {
  width: 91%;
  margin: 0 !important;
  line-height: 46px;
  height: 46px;
  padding-top: 0 !important
}

.radiobutton-one label {
  padding-left: 5px
}

.groupthree-one-reg.p3-new {
  padding-right: 4%;
  padding-left: 3%
}

.groupthree-one-reg {
  padding-right: 3%
}

.p3-con-select1 {
  padding-right: 5%
}

.p3-con-select2 {
  padding-left: 5%
}

.p3-con-select1 select,
.p3-con-select2 select {
  width: 91%;
  line-height: 46px;
  height: 46px;
  padding-left: 8px
}

.groupone-input-rowone,
.group-input-radio,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.group-button-formreg {
  padding-bottom: 0;
  padding-top: 20px;
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.group-button-formreg {
  clear: both;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align: center !important
}

.radiobutton-one:first-child {
  width: 17%
}

.icon-down,
.icon-top {
  padding-right: 8px
}

.title-formregistro {
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px
}

.title-formregistro>p>span {
  margin-right: 6px
}

.groupone-flecha-reg>span.icon-flecha-derecha,
.grouptwo-flecha-reg>span.icon-flecha-derecha {
  color: #009b3a
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input,
.groupthree-one-reg>select {
  padding-left: 10px;
  box-sizing: border-box
}

span.icon-calendario-form {
  position: absolute;
  right: 13%;
  font-size: 28px;
  top: 18%;
  color: #00b2a9
}

.aerolinea {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden
}

#informacion-pasajeros .salida-regreso {
  min-height: inherit;
  padding-bottom: 0;
  box-sizing: border-box;
  padding: 20px;
  position: relative
}

.aerolinea .salida-regreso {
  border: 1px solid #dbdbdb;
  margin-left: 0;
  min-height: inherit
}

.aerolinea .salida-regreso {
  border: inherit;
  margin-left: 0;
  min-height: inherit;
  float: left;
  width: 72%
}

.aerolinea .dinero-puntos {
  border-bottom: inherit;
  border-left: inherit;
  border-top: inherit;
  left: 0;
  position: inherit;
  top: 0;
  float: right;
  width: 28%;
  box-sizing: border-box;
  text-align: center
}

.dinerp-puntos {
  text-align: center !important
}

.dinero-puntos>.benf-one {
  font-size: 20px;
  font-weight: normal
}

.dinero-puntos>.benf-eight {
  font-size: 14px
}

.dinero-puntos>.benf-two {
  font-size: 16px
}

.dinero-puntos>.benf-three {
  font-size: 20px
}

.dinero-puntos>.benf-four {
  font-size: 28px;
  color: #00add0;
  font-weight: normal;
  margin-top: 12px
}

.dinero-puntos>.benf-five {
  font-size: 16px;
  color: #00add0
}

.dinero-puntos>.benf-six {
  font-size: 14px;
  color: #4f5151;
  margin-top: 40px
}

.dinero-puntos>.benf-seven {
  font-size: 14px;
  color: #4f5151;
  margin-bottom: 44px
}

.aerolinea .salida-regreso>div {
  width: inherit
}

.aerolinea .salida-regreso .seleccion {
  border-top: 1px solid #e0e1e1;
  cursor: pointer;
  display: block;
  font-size: .813em;
  padding: 10px 0;
  text-align: left !important;
  padding-left: 50px !important;
  color: #8e8f90;
  font-weight: normal
}

.sale {
  margin-right: 12px !important;
  margin-left: 15px
}

span.escala {
  margin-right: 0;
  margin-left: 14px
}

span.duracion {
  margin-left: 12px
}

.aerolinea-boton .botonera {
  border-top: inherit;
  clear: both;
  overflow: hidden;
  padding-top: 0 !important;
  text-align: center
}

.dinero-puntos.aerolinea-block {
  margin-top: 80px
}

.aerolinea-boton {
  float: right;
  width: 28%
}

.salida-regreso.informacion-elegir.aerolinea-block:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 30px;
  right: 0;
  bottom: 30px;
  background-color: #dbdbdb;
  margin: auto
}

.aerolinea .salida-regreso .seleccion {
  display: table;
  width: 100%;
  box-sizing: border-box
}

.aerolinea .salida-regreso .seleccion-tc {
  display: table-cell
}

@media screen and (max-width:1100px) {
  .table-resutarifas-one:after {
    display: none
  }

  .aerolinea-boton,
  #informacion-pasajeros .salida-regreso,
  .aerolinea .dinero-puntos {
    float: none;
    width: 100%
  }

  .aerolinea-boton>.botonera {
    padding-bottom: 20px;
    margin-top: 0
  }

  #informacion-pasajeros {
    width: 100% !important
  }

  .salida-regreso.informacion-elegir.aerolinea-block:after {
    content: none
  }

  .aerolinea .dinero-puntos {
    border-right: inherit
  }

  .groupfour-one-reg:last-child>select {
    margin-left: 28px !important
  }
}

@media screen and (max-width:1000px) {
  .p1-wancho {
    padding-top: 0 !important
  }
}

@media screen and (max-width:968px) {
  .groupfour-one-reg:last-child>select {
    margin-left: 23px !important
  }
}

@media screen and (max-width:800px) {
  span.icon-flecha-derecha {
    display: none
  }

  .groupone-two-reg>input,
  .grouptwo-two-reg>input {
    margin-left: inherit
  }
}

@media screen and (max-width:768px) {
  .p1-form {
    padding-top: 25px
  }

  .groupfour-one-reg>select {
    width: 91% !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit;
    margin-top: 20px
  }

  .aerolinea .salida-regreso .seleccion {
    padding-left: 10px !important
  }

  span.logo-copa {
    display: none !important
  }

  .groupthree-two-reg>select {
    margin-left: inherit
  }

  .groupone-one-reg,
  .grouptwo-one-reg,
  .groupthree-one-reg,
  .groupfour-one-reg,
  .radiobutton-one {
    display: inherit;
    width: 100%;
    position: relative;
    padding-left: 0
  }

  .radiobutton-one:first-child {
    width: 45%;
    display: table-cell;
    text-align: center !important
  }

  .groupone-one-reg>input,
  .grouptwo-one-reg>input,
  .groupthree-one-reg>input,
  .groupthree-one-reg>select {
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 14px
  }

  .groupthree-one-reg:last-child {
    padding-right: 6%;
    padding-left: 3%;
    box-sizing: border-box;
    width: 100%
  }

  .titulo-option {
    display: block;
    width: 95% !important;
    margin-left: auto;
    margin-right: auto
  }

  .groupone-input-rowone,
  .group-input-radio,
  .grouptwo-input-rowtwo,
  .groupthree-input-rowthree,
  .group-button-formreg {
    padding-top: 0 !important
  }

  .groupone-one-reg,
  .grouptwo-one-reg,
  .groupthree-one-reg,
  .groupfour-one-reg,
  .radiobutton-one {
    padding-bottom: 20px
  }

  .groupone-one-reg input,
  .grouptwo-one-reg input,
  .groupthree-one-reg input {
    width: 100% !important
  }

  .p3-con-select1 select,
  .p3-con-select2 select {
    width: 100% !important
  }

  span.icon-calendario-form {
    right: 15px
  }
}

@media screen and (max-width:468px) {
  .groupthree-one-reg:last-child {
    padding-right: 2%;
    padding-left: inherit !important;
    box-sizing: border-box
  }

  .table-detallegroupsone {
    padding: inherit !important;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .table-resutarifas-one {
    padding-bottom: 20px;
    padding-right: inherit !important;
    padding-top: 15px;
    font-size: 14px;
    float: inherit !important;
    box-sizing: border-box;
    width: 100% !important
  }

  .table-resutarifas-two {
    float: inherit !important;
    font-size: 14px;
    box-sizing: border-box;
    width: 100% !important;
    padding-top: 31px !important;
    padding-right: 20px;
    text-align: left;
    padding-left: 23px;
    border-bottom: 2px solid #dbdbdb;
    padding-right: 13px;
    padding-bottom: 16px
  }
}

section.aerolinea.resumen-tarifas {
  padding: 20px;
  border: 1px solid #dbdbdb
}

.titulo-resumen-tarifas {
  padding: 20px;
  background-color: #2bb8af;
  color: #fff;
  font-size: 18px;
  text-align: center !important;
  font-weight: normal
}

.table-resutarifas-two {
  float: right;
  font-size: 14px;
  box-sizing: border-box;
  width: 33%;
  padding-top: 72px;
  padding-right: 13px
}

.table-detallegroupsone,
.table-detallegroupstwo,
.table-detallegroupsthree {
  display: table
}

.detalle-resutarifasone,
.detalle-resutarifastwo,
.detalle-resutarifasthree {
  display: table-cell !important
}

.table-resutarifas-one {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 15px;
  font-size: 14px;
  float: left;
  box-sizing: border-box;
  width: 67%
}

.table-detallegroupstwo {
  background-color: #ededed;
  margin-bottom: 14px;
  text-align: center;
  padding-bottom: 8px;
  padding-top: 8px
}

.table-detallegroupsone {
  padding: 20px
}

.detalle-resutarifasone:first-child {
  padding-right: 34px;
  padding-left: 15px
}

.table-resutarifas-one:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 131px;
  bottom: 41px;
  background-color: #dbdbdb;
  margin: auto;
  right: 281px
}

.detalle-resutarifathree:first-child {
  padding-left: 13px;
  padding-right: 27px;
  font-size: 16px;
  color: #1c62a0;
  font-weight: normal
}

.detalle-resutarifastwo:first-child {
  padding-left: 34px;
  padding-right: 33px
}

.table-detallegroupsthree {
  padding-left: 20px
}

.detalle-resutarifastwo:last-child {
  text-align: left;
  width: 70%
}

span.text-price-detalleresutafica {
  font-size: 16px;
  color: #1c62a0;
  margin-left: 5px
}

span.price-detalleresutarfica {
  font-size: 28px;
  color: #1c62a0
}

.detalle-resutarifasone>p {
  margin-bottom: 6px
}

.titulo-pasaje-viajeform:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.titulo-option>p:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.vuelolima-mia-lim {
  font-size: 20px;
  color: #64aca2;
  margin-bottom: 33px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 9px;
  margin-top: 14px
}

.groupfour-one-reg>select {
  width: 86%
}

.groupfour-one-reg:last-child>select {
  margin-left: 20px
}

.titulo-option>p {
  font-size: 34px
}

.seleccion-tc>span.llega {
  width: inherit !important
}

.aerolinea-boton>.botonera>input#btnContinuarPaso1 {
  opacity: .2
}

.dinero-puntos.aerolinea-block>p:first-child {
  color: #4f5151;
  font-weight: normal
}

.btnvolver-formviaje {
  margin-bottom: 40px;
  text-align: center;
  clear: both;
  border-top: 1px solid #dbdbdb;
  padding-top: 24px
}

.btnvolver-formviaje>button {
  border: 0;
  padding: 14px 40px 14px 40px;
  border-radius: 7px;
  color: #fff;
  background-color: #bfbfbf
}

.groupform-reg {
  padding-bottom: 20px
}

.grouptwo-input-rowtwo:last-child>a {
  color: #696969
}

.grouptwo-input-rowtwo:last-child {
  text-align: center !important;
  margin: auto;
  padding-bottom: 0;
  text-decoration: underline
}

.formreg-pasone-viaje {
  border: 1px solid #dbdbdb
}

.form-filter-pas1viaj {
  padding-top: 0
}

.title-formregistro.cerrado .icon-down-2 {
  transform: rotate(-180deg);
  transition: all .3s;
  display: inline-block;
  transform-origin: center center
}

.p1-wancho .aerolinea {
  background-color: #f9fbfb
}

.pasajeros {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #fff;
  padding: 10px 20px;
  border: 1px solid #ddd
}

.pasajeros .titulo {
  color: #393939;
  margin-bottom: 30px
}

.pasajeros-ida {
  max-width: 100%;
  background-color: #ededed;
  padding-bottom: 5px
}

.pasajeros-ida .icon-ico-salida {
  color: #009b3a
}

.pasajeros-vuelta .icon-ico-regreso {
  color: #0f44ab
}

.pasajeros-vuelta strong,
.pasajeros-ida strong {
  font-weight: normal;
  font-size: 15px;
  padding-right: 30px;
  padding-left: 4px
}

.pasajeros-vuelta p,
.pasajeros-ida p {
  font-size: 15px
}

.pasajeros-vuelta {
  max-width: 100%;
  padding-bottom: 5px;
  background-color: #ededed
}

.pasajeros-dias {
  max-width: 100%;
  height: 40px;
  background-color: #ededed
}

.pasajeros-dias>p {
  padding-top: 10px;
  padding-left: 10px
}

.pasajeros-vuelta>p {
  padding-top: 10px
}

.table-detalle {
  border-right: 0 solid white;
  padding-right: 0 !important;
  float: left;
  width: 100%;
  box-sizing: border-box
}

p.icon-airlines img.pasajeros-ida {
  max-width: 73px
}

.titulo-tabladetalle-paso3>p {
  font-size: 20px;
  font-weight: normal
}

.titulo-tabladetalle-paso3,
.titulotwo-tabladetalle-paso3,
.titulothree-trabladetalle-paso3 {
  background-color: #2bb8af;
  color: #fff;
  text-align: center;
  padding: 16px;
  box-sizing: border-box
}

.titulothree-trabladetalle-paso3 .ps2-editar {
  display: block;
  position: relative;
  text-decoration: underline;
  bottom: 21px;
  float: right;
  cursor: pointer
}

.form-pasajerosinfo {
  padding-top: 15px
}

.info-contacto-pasajeros {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 20px;
  background-color: #fff;
  box-sizing: border-box;
  margin-bottom: 25px
}

.groupone-info-formpasaj,
.groupone-pasajerofirst,
.groupone-pasajeroseconds,
.groupone-pasajerosthird,
.groupone-pasajerofirst-inputtwo,
.groupotwo-info-formpasaj {
  width: 100%;
  position: relative;
  display: table;
  margin-bottom: 20px
}

.groupone-pasajerofirst-inputone,
.groupone-pasajerofirst-inputtwo,
.groupone-pasajerofirst-inputthree,
.groupone-pasajeofirst-inputtwoone,
.groupone-infoinput-pasajos,
.groupotwo-infoinput-pasajos {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%
}

.groupone-pasajeofirst-inputtwoone {
  width: 47%
}

.groupone-infoinput-pasajos:last-child>input,
.groupotwo-infoinput-pasajos:last-child>input,
.groupone-infoinput-pasajos:first-child>input,
.groupotwo-infoinput-pasajos:first-child>input {
  border: 1px solid #b3b3b3;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-pasajeofirst-inputtwoone:last-child>input,
.groupone-pasajerofirst-inputtwo:last-child>input,
.groupone-pasajerofirst-inputone:last-child>input {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.groupone-pasajerofirst-inputthree:first-child>select,
.groupone-pasajerofirst-inputone:first-child>input {
  width: 95%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-pasajeofirst-inputtwoone:first-child>input {
  width: 90%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.groupone-infoinput-pasajos:last-child>input,
.groupone-infoinput-pasajos:last-child>label,
.groupotwo-infoinput-pasajos:last-child>input,
.groupotwo-infoinput-pasajos:last-child>label {
  width: 100%;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 15px;
  box-sizing: border-box
}

.groupone-pasajerofirst-inputtwo {
  margin-bottom: 0;
  font-size: 15px
}

.groupone-infoinput-pasajos:first-child>input,
.groupotwo-infoinput-pasajos:first-child>input {
  width: 90%;
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.button-info-formpasaj {
  padding: 20px;
  text-align: center !important;
  margin: auto
}

.form-pasajerofirstinfo label {
  font-size: 15px
}

.pasajerofirst-form-reg {
  padding: 20px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  background-color: #fff
}

.pasajerofirst-form-reg:first-child {
  margin-top: 15px;
  border-top: 1px solid #dbdbdb
}

.pasajerofirst-form-reg:last-child {
  border-bottom: 1px solid #dbdbdb
}

.checkbox-use {
  text-align: center;
  margin: auto;
  padding-top: 28px
}

.groupone-pasajerofirst {
  margin-top: 20px
}

.tem-condition {
  text-align: center;
  margin: auto;
  width: 100%;
  max-width: 400px;
  margin-top: 53px
}

span.subray-term-condition {
  text-decoration: underline
}

span.text-tem-condition {
  margin-left: 6px
}

.botton-back-go {
  text-align: center;
  display: block;
  margin: auto;
  margin-top: 57px;
  font-size: 0
}

.titulo-pasaje-detalleform {
  font-family: "omnes_Semibold", arial;
  font-size: 30px;
  margin-bottom: 30px
}

.titulo-pasaje-detalleform:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.filtr-multiselect {
  width: 200px
}

.filtr-selectBox {
  position: relative
}

.filtr-selectBox select {
  width: 100%;
  font-weight: normal
}

.filtr-overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

#filtr-checkboxes {
  display: none;
  border: 1px #dadada solid
}

#filtr-checkboxes label {
  display: block
}

#filtr-checkboxes label:hover {
  background-color: #1e90ff
}

.aerolinea-tituloopcion {
  display: table;
  width: 100%;
  margin-top: 45px;
  margin-bottom: 45px;
  display: table;
  width: 100%
}

.titulo-option {
  display: table-cell
}

.titulo-option.til-opt-select {
  width: 19%
}

.aerolinea-filtrosone>input {
  width: 100%
}

.aerolinea-filtrosone {
  margin-bottom: 20px
}

.grouptwo-one-reg>span {
  color: #00b2a9
}

.groupone-input-rowone,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.groupthree-input-rowfour,
.group-input-radio {
  display: table;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  box-sizing: border-box
}

.groupone-flecha-reg {
  width: 20%
}

.groupone-one-reg,
.grouptwo-one-reg,
.groupthree-one-reg,
.groupfour-one-reg,
.radiobutton-one {
  display: table-cell;
  width: 47%;
  position: relative
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input {
  width: 91%
}

.groupthree-one-reg:last-child {
  padding-right: 4%;
  padding-left: 3%
}

.groupthree-one-reg:first-child {
  padding-right: 3%
}

.groupone-input-rowone,
.group-input-radio,
.grouptwo-input-rowtwo,
.groupthree-input-rowthree,
.group-button-formreg {
  margin-bottom: 20px;
  margin-top: 20px
}

.group-button-formreg {
  clear: both;
  text-align: center !important
}

.radiobutton-one:first-child {
  width: 17%
}

.title-formregistro {
  padding-left: 20px;
  padding-top: 20px
}

.title-formregistro>p>span {
  margin-right: 6px
}

.groupone-flecha-reg>span.icon-flecha-derecha,
.grouptwo-flecha-reg>span.icon-flecha-derecha {
  color: #009b3a
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input,
.groupthree-one-reg>select {
  padding-left: 10px;
  box-sizing: border-box
}

span.icon-calendario-form {
  position: absolute;
  right: 7px;
  font-size: 28px;
  bottom: 10px;
  color: #00b2a9
}

.aerolinea {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background-color: #f9fbfb
}

#informacion-pasajeros .salida-regreso {
  min-height: inherit;
  padding-bottom: 0;
  box-sizing: border-box;
  padding: 20px;
  position: relative
}

.aerolinea .salida-regreso {
  border: 1px solid #dbdbdb;
  margin-left: 0;
  min-height: inherit
}

.aerolinea .salida-regreso {
  border: inherit;
  margin-left: 0;
  min-height: inherit;
  float: left;
  width: 72%
}

.aerolinea .dinero-puntos {
  border-bottom: inherit;
  border-left: inherit;
  border-top: inherit;
  left: 0;
  position: inherit;
  top: 0;
  float: right;
  width: 28%;
  box-sizing: border-box;
  text-align: center
}

.dinerp-puntos {
  text-align: center !important
}

.dinero-puntos>.benf-one {
  font-size: 20px;
  font-weight: normal
}

.dinero-puntos>.benf-eight {
  font-size: 14px
}

.dinero-puntos>.benf-two {
  font-size: 16px
}

.dinero-puntos>.benf-three {
  font-size: 20px
}

.dinero-puntos>.benf-four {
  font-size: 28px;
  color: #00add0;
  font-weight: normal;
  margin-top: 12px
}

.dinero-puntos>.benf-five {
  font-size: 16px;
  color: #00add0
}

.dinero-puntos>.benf-six {
  font-size: 14px;
  color: #4f5151;
  margin-top: 40px
}

.dinero-puntos>.benf-seven {
  font-size: 14px;
  color: #4f5151;
  margin-bottom: 44px
}

.aerolinea .salida-regreso>div {
  width: inherit
}

.aerolinea .salida-regreso .seleccion {
  border-top: 1px solid #e0e1e1;
  cursor: pointer;
  display: block;
  font-size: .813em;
  padding: 10px 0;
  text-align: left !important;
  padding-left: 64px !important;
  color: #8e8f90;
  font-weight: normal
}

.sale {
  margin-right: 12px !important;
  margin-left: 15px
}

span.escala {
  margin-right: 0;
  margin-left: 14px
}

span.duracion {
  margin-left: 12px
}

.aerolinea-boton .botonera {
  border-top: inherit;
  clear: both;
  overflow: hidden;
  padding-top: 0 !important;
  text-align: center
}

.dinero-puntos.aerolinea-block {
  margin-top: 80px
}

.aerolinea-boton {
  float: right;
  width: 28%
}

.salida-regreso.informacion-elegir.aerolinea-block:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 30px;
  right: 0;
  bottom: 30px;
  background-color: #dbdbdb;
  margin: auto
}

.aerolinea .salida-regreso .seleccion {
  display: table;
  width: 100%;
  box-sizing: border-box
}

.aerolinea .salida-regreso .seleccion-tc {
  display: table-cell
}

section.aerolinea.resumen-tarifas {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 20px
}

.titulo-resumen-tarifas {
  padding: 20px;
  background-color: #2bb8af;
  color: #fff;
  font-size: 18px;
  text-align: center !important;
  font-weight: normal
}

.table-resutarifas-two {
  float: right;
  font-size: 14px;
  box-sizing: border-box;
  width: 33%;
  padding-top: 72px;
  padding-right: 13px
}

.table-detallegroupsone,
.table-detallegroupstwo,
.table-detallegroupsthree {
  display: table
}

.detalle-resutarifasone,
.detalle-resutarifastwo,
.detalle-resutarifasthree {
  display: table-cell !important
}

.table-resutarifas-one {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 15px;
  font-size: 14px;
  float: left;
  box-sizing: border-box;
  width: 67%
}

.table-detallegroupstwo {
  background-color: #ededed;
  margin-bottom: 14px;
  text-align: center;
  padding-bottom: 8px;
  padding-top: 8px
}

.table-detallegroupsone {
  padding: 20px
}

.detalle-resutarifasone:first-child {
  padding-right: 34px;
  padding-left: 15px
}

.table-resutarifas-one:after {
  content: "";
  position: absolute;
  width: 1px;
  top: 131px;
  bottom: 41px;
  background-color: #dbdbdb;
  margin: auto;
  right: 281px
}

.detalle-resutarifathree:first-child {
  padding-left: 13px;
  padding-right: 27px;
  font-size: 16px;
  color: #1c62a0;
  font-weight: normal
}

.detalle-resutarifastwo:first-child {
  padding-left: 34px;
  padding-right: 33px
}

.table-detallegroupsthree {
  padding-left: 20px
}

.detalle-resutarifastwo:last-child {
  text-align: left;
  width: 70%
}

span.text-price-detalleresutafica {
  font-size: 16px;
  color: #1c62a0;
  margin-left: 5px
}

span.price-detalleresutarfica {
  font-size: 28px;
  color: #1c62a0
}

.detalle-resutarifasone>p {
  margin-bottom: 6px
}

.titulo-pasaje-viajeform:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.titulo-option>p:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

.titulo-pasaje-viajeform>p {
  font-size: 33px
}

.vuelolima-mia-lim {
  font-size: 20px;
  color: #64aca2;
  margin-bottom: 55px;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 9px;
  margin-top: 14px
}

.groupfour-one-reg>select {
  width: 86%
}

.groupfour-one-reg:last-child>select {
  margin-left: 20px
}

.titulo-option>p {
  font-size: 34px
}

.seleccion-tc>span.llega {
  width: inherit !important
}

.aerolinea-boton>.botonera>input#btnContinuarPaso1 {
  opacity: .2
}

.dinero-puntos.aerolinea-block>p:first-child {
  color: #4f5151;
  font-weight: normal
}

.btnvolver-formviaje {
  margin-bottom: 40px;
  text-align: center;
  clear: both;
  border-top: 1px solid #dbdbdb;
  padding-top: 24px
}

.btnvolver-formviaje>button {
  border: 0;
  padding: 14px 40px 14px 40px;
  border-radius: 7px;
  color: #fff;
  background-color: #bfbfbf
}

@media screen and (max-width:1100px) {
  .table-resutarifas-one:after {
    display: none
  }

  .aerolinea-boton,
  #informacion-pasajeros .salida-regreso,
  .aerolinea .dinero-puntos {
    float: none;
    width: 100%
  }

  .aerolinea-boton>.botonera {
    padding-bottom: 20px;
    margin-top: 0
  }

  #informacion-pasajeros {
    width: 100% !important
  }

  .salida-regreso.informacion-elegir.aerolinea-block:after {
    content: none
  }

  .aerolinea .dinero-puntos {
    border-right: inherit
  }
}

.groupone-info-formpasaj,
.groupotwo-info-formpasaj,
.groupone-pasajerofirst,
.groupone-pasajeroseconds,
.groupone-pasajerosthird {
  font-size: 0
}

.groupone-infoinput-pasajos,
.groupotwo-infoinput-pasajos,
.groupone-pasajerofirst-inputone,
.groupone-pasajerofirst-inputthree {
  font-size: 15px
}

.groupone-infoinput-pasajos input,
.groupotwo-infoinput-pasajos input,
.groupone-pasajerofirst-inputone input,
.groupone-pasajerofirst-inputtwo input {
  width: 100%;
  line-height: 46px
}

.groupone-pasajeofirst-inputtwoone,
.groupone-pasajerofirst-inputtwo {
  vertical-align: top
}

@media screen and (max-width:800px) {
  span.icon-flecha-derecha {
    display: none
  }

  .groupone-two-reg>input,
  .grouptwo-two-reg>input {
    margin-left: inherit
  }

  .groupone-info-formpasaj,
  .groupone-pasajerofirst,
  .groupone-pasajeroseconds,
  .groupone-pasajerosthird,
  .groupone-pasajeroseconds,
  .groupone-pasajerofirst-inputtwo,
  .groupotwo-info-formpasaj {
    margin-bottom: 0
  }

  .groupone-pasajerofirst-inputone,
  .groupone-pasajerofirst-inputtwo,
  .groupone-pasajerofirst-inputthree,
  .groupone-pasajeofirst-inputtwoone,
  .groupone-infoinput-pasajos,
  .groupotwo-infoinput-pasajos,
  .groupone-pasajerofirst-inputthree:first-child>select,
  .groupone-pasajerofirst-inputone:first-child>input,
  .groupone-pasajeofirst-inputtwoone:first-child>input,
  .groupone-infoinput-pasajos:first-child>input,
  .groupotwo-infoinput-pasajos:first-child>input,
  .groupone-pasajerofirst-inputthree>input,
  .groupone-pasajeroseconds {
    display: block !important;
    width: 100% !important;
    margin-bottom: 18px
  }

  .groupone-pasajeofirst-inputtwoone:first-child {
    padding-right: 0 !important
  }
}

@media screen and (max-width:768px) {
  .titulo-option {
    display: inherit;
    width: 50%
  }

  .grouptwo-one-reg.p3-con-select2 {
    padding-left: 55px
  }

  .groupfour-one-reg>select {
    width: 91% !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit;
    margin-top: 20px
  }

  .aerolinea .salida-regreso .seleccion {
    padding-left: 10px !important
  }

  span.logo-copa {
    display: none !important
  }

  .groupthree-two-reg>select {
    margin-left: inherit
  }

  .groupone-one-reg,
  .grouptwo-one-reg,
  .groupthree-one-reg,
  .groupfour-one-reg,
  .radiobutton-one {
    display: inherit;
    width: 100%;
    position: relative;
    padding-left: 20px
  }

  .radiobutton-one:first-child {
    width: 45%;
    display: table-cell;
    text-align: center !important
  }

  .groupone-one-reg>input,
  .grouptwo-one-reg>input,
  .groupthree-one-reg>input,
  .groupthree-one-reg>select {
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 14px
  }

  .groupthree-one-reg:last-child {
    padding-right: 6%;
    padding-left: 3%;
    box-sizing: border-box;
    width: 100%
  }
}

@media screen and (max-width:640px) {
  .groupthree-one-reg:last-child {
    padding-right: 2%;
    padding-left: inherit !important;
    box-sizing: border-box
  }

  .botonone-medio-canje a,
  .botonone-medio-canje button,
  .botonone-medio-canje input {
    padding: 18px 30px !important
  }

  .table-detallegroupsone {
    padding: inherit !important;
    padding-top: 20px;
    padding-bottom: 20px
  }

  .table-resutarifas-one {
    padding-bottom: 20px;
    padding-right: inherit !important;
    padding-top: 15px;
    font-size: 14px;
    float: inherit !important;
    box-sizing: border-box;
    width: 100% !important
  }

  .table-resutarifas-two {
    float: inherit !important;
    font-size: 14px;
    box-sizing: border-box;
    width: 100% !important;
    padding-top: 31px !important;
    padding-right: 20px;
    text-align: left;
    padding-left: 23px;
    border-bottom: 2px solid #dbdbdb;
    padding-right: 13px;
    padding-bottom: 16px
  }

  .botton-back-goone:last-child {
    padding-left: 5px;
    padding-right: 5px
  }
}

.p2-editar {
  float: right;
  position: relative;
  bottom: 21px;
  text-decoration: underline
}

span.text-tem-condition>a {
  color: #686868;
  text-decoration: underline
}

.checkbox-use input,
.tem-condition input {
  height: inherit
}

.groupone-pasajeofirst-inputtwoone:first-child {
  padding-right: 12px
}

.pasajerofirst-form-reg {
  margin-bottom: 22px
}

@media screen and (max-width:492px) {
  .tooltip:hover:after {
    left: 1px !important;
    bottom: 72px !important
  }

  .tooltip:hover:before {
    bottom: 110px !important;
    margin: auto !important;
    left: 134px !important
  }
}

@media screen and (max-width:340px) {
  .grouptwo-mediocanjethree-three>input {
    width: 100% !important
  }
}

@media screen and (max-width:526px) {
  .botonone-medio-canje:last-child>button {
    padding-left: 40px !important;
    padding-right: 40px !important
  }
}

@media screen and (max-width:600px) {
  .tooltip:hover:after {
    left: -50px !important;
    bottom: 39px !important;
    width: 239% !important
  }
}

@media screen and (max-width:1100px) {
  .tooltip:hover:after {
    width: 65px !important;
    font-size: 13px
  }
}

@media screen and (max-width:1000px) {
  .tooltip:hover:after {
    width: 123px !important;
    font-size: 13px
  }
}

@media screen and (max-width:785px) {
  .tooltip:hover:after {
    left: -125px !important;
    bottom: 39px !important
  }

  .tooltip:hover:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    top: 0;
    bottom: 45px !important;
    margin: auto !important;
    left: 8px !important;
    position: absolute;
    border-left: 10px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-top: 10px solid #4c74c0 !important
  }
}

.tooltip {
  display: inline;
  position: relative;
  top: 7px;
  left: -1px
}

.tooltip {
  display: inline;
  position: relative
}

.tooltip:hover:after {
  background: #333;
  background: #4c74c0;
  border-radius: 0;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  z-index: 98;
  width: 123px;
  bottom: -14px;
  left: 43px;
  bottom: -33px
}

.tooltip:hover:before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 12px solid #4c74c0;
  border-bottom: 7px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  bottom: 10px;
  margin: auto;
  left: 31px;
  position: absolute
}

.tit-mediocanje-pas3:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 12px
}

.tit-mediocanje-pas3 {
  font-family: "omnes_Semibold", sans-serif;
  font-size: 26px;
  margin-bottom: 25px;
  color: #393939
}

.groupone-mediocanje {
  border: 1px solid #dbdbdb;
  padding: 30px 40px 30px 40px;
  background-color: #fff
}

.medio-canje.informacion {
  background-color: #f2f0f1;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  color: #8b8a8a;
  padding-bottom: 20px
}

.boton-medio-canje,
.groupone-medio-canje,
.grouptwo-mediocanjeone,
.grouptwo-mediocanjetwo,
.grouptwo-mediocanjethree,
.grouptwo-mediocanjethree {
  clear: both;
  display: table;
  margin: auto
}

.medio-canjeone,
.grouptwo-mediocanjeone-one,
.grouptwo-mediocanjetwo-two,
.grouptwo-mediocanjefour-four {
  display: table-cell;
  width: 50%;
  padding-bottom: 10px
}

.grouptwo-mediocanjethree-three {
  display: table-cell;
  width: 50%;
  padding-top: 40px;
  padding-bottom: 50px
}

.botontwo-medio-canje:last-child,
.mediocanjeone:last-child,
.grouptwo-mediocanjeone-one:last-child,
.grouptwo-mediocanjetwo-two:last-child,
.grouptwo-mediocanjethree-three:last-child,
.grouptwo-mediocanjefour-four:last-child {
  text-align: left;
  padding-left: 25px;
  position: relative
}

.botonone-medio-canje:first-child,
.medio-canjeone:first-child {
  text-align: right
}

.grouptwo-mediocanjefour-four:last-child {
  font-size: 16px;
  color: black;
  font-weight: bold
}

.grouptwo-mediocanjeone-one:last-child,
.grouptwo-mediocanjetwo-two:last-child,
.grouptwo-mediocanjethree-three:last-child {
  color: #00add0;
  font-size: 16px
}

.groupone-medio-canje {
  padding-bottom: 29px;
  width: 100%;
  margin-bottom: 35px
}

.barra-block>.barra-blockone {
  background-color: #00add0;
  width: 55px;
  height: 8px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  position: relative;
  top: 12px;
  left: 5px;
  display: table-cell
}

.barraone-block.barra-blocktwo {
  width: 25px;
  height: 25px;
  border-radius: 20px;
  background-color: white;
  position: absolute;
  border: 5px solid #00add0;
  display: table-cell
}

.barra-block>.barra-blockthree {
  background-color: #fff;
  width: 50px;
  height: 9px;
  position: relative;
  left: 34px;
  top: 12px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border: 1px solid #00add0;
  display: table-cell
}

.barra-block {
  display: table
}

.porcentaje-block {
  position: absolute;
  width: 100%;
  top: 142PX;
  left: 86PX;
  font-weight: bold;
  color: #00add0
}

.barra-block {
  margin-top: 14px;
  padding-bottom: 20px
}

.grouptwo-mediocanjethree-three>input {
  width: 144px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 5px
}

.botonone-medio-canje {
  display: table-cell;
  width: 50%
}

.botonone-medio-canje:first-child>button {
  border: 0;
  padding-left: 54px;
  padding-right: 54px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  color: #fff
}

.botonone-medio-canje:last-child>button {
  border: 0;
  padding-left: 84px;
  padding-right: 84px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  color: #fff;
  background-color: #69bd27
}

.boton-medio-canje {
  margin-top: 25px;
  padding-bottom: 20px;
  display: table
}

.grouptwo-mediocanje {
  padding: 20px;
  border: 1px solid #dbdbdb;
  margin-top: 30px;
  background-color: #fff
}

.groupthree-infone-mediocanje {
  display: table-cell;
  width: 50%;
  padding-top: 28px;
  position: relative
}

.groupthree-info-mediocanje {
  display: table;
  padding-bottom: 31px
}

.botton-end-mediocanje {
  text-align: center;
  margin: auto;
  margin-top: 53px;
  border-top: 1px solid #dbdbdb;
  padding-top: 45px
}

.botton-end-mediocanje>button {
  border: 0;
  padding: 17px 31px 17px 31px;
  border-radius: 6px;
  color: #fff;
  background-color: #69bd27;
  opacity: .5
}

.grouptwo-titulo-mediocanje {
  background-color: #2bb8af;
  padding: 20px;
  color: #fff;
  font-size: 15px
}

.groupthree-infone-mediocanje:first-child {
  text-align: right;
  padding-right: 40px
}

.groupthree-infone-mediocanje:last-child>select {
  width: 90%;
  margin-right: 65px
}

.groupthree-info-mediocanjeone,
.groupthree-info-mediocanjetwo,
.groupthree-info-mediocanjethree,
.groupthree-info-mediocanjefour,
.groupthree-info-mediocanjefive {
  padding: 0;
  margin: auto;
  padding-right: 10px
}

.grouptwo-titulo-mediocanje>P {
  text-align: center !important;
  font-size: 18px !important
}

p.subrayaado-medio {
  text-decoration: underline;
  color: blue
}

span.icon-info-2 {
  color: #0039a6;
  font-size: 23px;
  margin-left: 6px;
  vertical-align: middle;
  position: relative
}

.get-code-ac {
  padding-top: 11px !important
}

.condition-canje {
  position: relative;
  bottom: 14px
}

@media screen and (max-width:452px) {
  .groupthree-infone-mediocanje.groupthree-infone-mediocanjefive.get-code-ac {
    width: 100%
  }

  .groupthree-infone-mediocanje {
    display: inherit !important;
    width: 100%;
    padding-top: 14px;
    margin: auto;
    text-align: left !important
  }

  .groupthree-infone-mediocanje input {
    width: 82% !important
  }

  .groupthree-infone-mediocanje:first-child {
    margin-right: 0 !important;
    padding-right: 0 !important
  }

  .groupthree-info-mediocanjeone,
  .groupthree-info-mediocanjetwo,
  .groupthree-info-mediocanjethree,
  .groupthree-info-mediocanjefour,
  .groupthree-info-mediocanjefive {
    width: 100% !important;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0
  }
}

.boton-medio-canje>.botonone-medio-canje:first-child {
  display: table-cell !important
}

.boton-medio-canje>.botonone-medio-canje {
  display: inherit !important;
  margin-bottom: 15px !important
}

.botonone-medio-canje:first-child>button {
  border: 0;
  padding-left: 47px;
  padding-right: 55px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 5px;
  color: #fff;
  margin-top: 16px;
  margin-left: 5px
}

.groupthree-infone-mediocanje:last-child>select {
  width: 100%;
  margin-right: 25px
}

.blocktwo-hotel {
  border-bottom: 1px solid #dbdbdb
}

.groupone-medio-canje:first-child {
  margin-bottom: 0 !important
}

.tooltips-wbone {
  position: absolute;
  z-index: 11;
  background-color: #4c74c0;
  color: #fff;
  font-size: 12px;
  padding: 6px;
  bottom: 40px;
  left: -9px;
  width: 191px;
  line-height: 16px;
  display: none
}

.tooltips-wbtwo {
  position: absolute;
  z-index: 11;
  background-color: #4c74c0;
  color: #fff;
  font-size: 12px;
  padding: 4px;
  bottom: 40px;
  left: -9px;
  width: 195px;
  line-height: 16px;
  display: none
}

@media screen and (max-width:750px) {

  .tooltips-wbone,
  .tooltips-wbtwo {
    left: -74px
  }

  .flecha {
    left: 71px !important
  }
}

@media screen and (max-width:640px) {

  .tooltips-wbone,
  .tooltips-wbtwo {
    left: inherit !important;
    right: -14px !important
  }

  .flecha {
    left: inherit !important;
    right: 12px !important
  }

  .botton-back-goone {
    margin-right: 0
  }

  .botton-back-goone a,
  .botton-back-goone button {
    padding: 18px 30px
  }
}

.flecha {
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 17px solid #4c74c0;
  font-size: 0;
  line-height: 0;
  position: absolute
}

@media screen and (max-width:450px) {
  .botonone-medio-canje:first-child>button {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
    padding-right: 25px !important;
    padding-left: 25px !important
  }

  .botonone-medio-canje:last-child>button {
    padding-bottom: 13px !important;
    padding-top: 13px !important;
    padding-left: 27px !important;
    padding-right: 27px !important
  }
}

.titulo-general .separar {
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 10px !important;
  margin: auto
}

.titulo-general.titulo-centrado {
  text-align: center !important
}

.comptable-detalle {
  border-right: 0 solid white;
  margin: 0 auto;
  overflow: hidden;
  width: 770px !important;
  padding: 12px;
  border: 1px solid #dbdbdb
}

.comppasajeros-ida {
  height: 40px;
  background-color: #ededed
}

.comppasajeros-ida>p {
  padding-top: 10px;
  padding-left: 10px
}

.comppasajeros-idadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 100%;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.comppasajeros-idadetalletwo {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 28px;
  width: 100%
}

.compidadetalle-blok {
  display: table-cell;
  width: 1% !important;
  font-size: 13px;
  padding-right: 8px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.compidadetalle-blok:first-child p {
  padding-left: 28px
}

.compidadetalle-bloktwo {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

.comppasajeros-vuelta>p {
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 5px
}

.comppasajeros-vuelta {
  background-color: #ededed
}

.comppasajeros-vueltadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  width: 94%
}

.comppasajeros-vueltadetalle {
  margin-top: 12px;
  margin-bottom: 12px;
  padding-left: 28px;
  width: 100%;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.compvueltadetalle-blok {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

.comppasajeros-vueltadetalletwo {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 28px;
  width: 100%
}

.compvueltadetalle-bloktwo {
  display: table-cell;
  width: 1% !important;
  font-size: 13px
}

p.compicon-airlines {
  position: relative;
  left: 0;
  padding-left: 0 !important
}

.comppasajeros-dias {
  max-width: 540px;
  height: 40px;
  background-color: #ededed
}

.comppasajeros-dias>p {
  padding-top: 10px;
  padding-left: 10px
}

.comp-detalle {
  overflow: hidden;
  margin: auto;
  width: 790px;
  text-align: left
}

.pie-pagina {
  overflow: hidden;
  margin: auto;
  width: 790px;
  text-align: right;
  border-top: 1px solid #dbdbdb;
  margin-top: 16px;
  padding-bottom: 20px
}

article.detalle {
  text-align: center !important
}

.titutlo-campodetail {
  max-width: 790px;
  margin: 0 auto;
  padding-top: 60px;
  color: #393939;
  font-size: 20px;
  margin-bottom: 10px
}

.comp-detalle>h2 {
  color: #333 !important;
  padding-bottom: 17px !important;
  font-size: 20px !important;
  padding-top: 60px !important
}

.mil.las-canjeado {
  margin-top: 11px;
  font-size: 15px
}

.mil.las-canjeado span {
  font-size: 20px;
  vertical-align: top;
  line-height: 20px
}

.total-pagado {
  border: 1px solid #dbdbdb;
  padding: 15px;
  margin-top: 16px;
  padding-right: 9px;
  background-color: #f9fbfa
}

.email-send {
  text-align: center !important;
  margin-top: 35px;
  margin-bottom: 9px;
  font-weight: normal
}

.email-send>p>span {
  margin-right: 18px;
  width: 19px;
  height: 14px;
  color: #009b3a !important
}

.pie-pagina {
  width: 72%
}

.titulo-barra {
  float: left;
  font-size: 20px;
  margin-right: 27px;
  color: #383838
}

.group-barra {
  width: 100%
}

.more-detail {
  text-align: center !important;
  background-color: #00bb31;
  width: 100px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  color: white !important;
  padding: 8px;
  border-radius: 2px;
  display: none
}

@media(max-width:768px) {

  .comptable-beneficios,
  .comptable-detalle {
    float: none;
    width: auto;
    box-sizing: border-box
  }

  .titutlo-campodetail {
    padding-left: 24px
  }

  .more-detail {
    display: block
  }

  .ocultar-mostrar {
    display: none
  }

  .titulo-barra {
    margin-top: 20px
  }
}

.titulo-barra {
  margin-right: 30px;
  font-size: 20px
}

.titutlo-campodetail:after {
  content: "";
  background-color: #393939;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px;
  position: relative;
  bottom: 9px
}

article.codigo {
  background-color: #2bb8af
}

.codigo>div>p.reserva {
  color: #393939;
  background-color: #fff;
  padding-bottom: 56px;
  margin-left: 13px;
  margin-right: 13px;
  padding-top: 35px;
  font-size: 30px !important
}

.codigo>div>.titulo {
  color: #fff !important
}

article.detalle {
  color: #393939 !important
}

.detalle>div>.titulo {
  color: #2bb8af !important
}

.detalle>div>.texto {
  text-align: left;
  margin-left: 11px;
  margin-top: 20px
}

span.detail-mill-super {
  color: #2bb8af;
  font-size: 13px;
  margin-right: 11px
}

#procesado .cabecera {
  margin-top: 0
}

.codigo-detalle>.detalle {
  background-color: #fff !important
}

#procesado .cabecera h1 {
  color: #2bb8af !important;
  background: inherit !important;
  font-size: 34px !important;
  margin-bottom: 0;
  line-height: 1
}

#procesado .cabecera {
  padding-top: 25px
}

#procesado .titulo-general h1 {
  font-size: 28px !important
}

.comprobante-estado>.estado .limite .estado-4pasos {
  width: inherit !important
}

.comprobante-estado>.comprobante-estado-hijo {
  overflow: hidden;
  width: 38% !important;
  padding-left: 31% !important;
  position: relative;
  bottom: 27px
}

.mil.las-canjeado>span {
  color: #2d3689
}

.mil.las-canjeado {
  color: #8b8a8a
}

.total-pagado>p {
  color: #8b8a8a
}

.total-pagado p span {
  font-size: 20px;
  line-height: 20px;
  vertical-align: top;
  padding-right: 10px
}

#procesado .confirmacion .codigo-detalle-nuevo {
  background-color: #fff !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo1,
#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo2 {
  min-height: inherit !important;
  padding-left: 15px !important;
  padding-right: 15px !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo1 {
  padding-top: 20px !important;
  padding-bottom: 0 !important
}

#procesado .confirmacion .codigo-detalle .codigo>div.codigo-nuevo2 {
  padding-top: 0 !important;
  padding-bottom: 20px !important
}

.codigo>div>p.reserva {
  padding: 12px 0 !important
}

#procesado .confirmacion .codigo-detalle .detalle .titulo {
  font-size: 25px;
  margin-bottom: 25px
}

#procesado .confirmacion .codigo-detalle .detalle span {
  font-weight: normal
}

#procesado .confirmacion .codigo-detalle .detalle .texto {
  font-size: 16px
}

.titulo-barra p {
  display: block;
  padding-top: 4px
}

#procesado .confirmacion .codigo-detalle .codigo .titulo {
  font-size: 24px !important
}

#procesado .confirmacion .codigo-detalle {
  background-color: #fff !important
}

.comprobante-info-hotel {
  width: 95%;
  max-width: 790px;
  margin: 0 auto;
  padding-top: 60px
}

.comprobante-info-hotel h4 {
  font-size: 20px;
  display: inline-block;
  position: relative;
  padding-bottom: 4px;
  margin-bottom: 18px
}

.comprobante-info-hotel h4:before {
  content: "";
  position: absolute;
  width: 64px;
  height: 2px;
  background-color: #777;
  bottom: 0;
  left: 0
}

.comprobante-info-caja {
  padding: 18px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  position: relative
}

.comprobante-info-img {
  position: absolute;
  top: 18px;
  left: 18px;
  width: 190px
}

.comprobante-info-img img {
  display: block;
  width: 100%;
  max-width: 182px;
  border: 1px solid #333
}

.comprobante-table {
  display: block;
  width: 100%;
  padding-left: 220px;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.comprobante-table li {
  display: block;
  padding-bottom: 12px;
  zoom: 1;
  overflow: auto
}

.comprobante-table li h3 {
  display: block;
  text-align: left !important;
  padding: 10px 0 !important;
  background-color: #ededed;
  font-size: 16px;
  padding-left: 135px !important
}

.comprobante-table li h5 {
  font-weight: normal
}

.fila1 {
  float: left;
  width: 115px;
  text-align: right
}

.fila2 {
  float: right;
  margin-left: -115px;
  width: 100%;
  text-align: left
}

.fila2-interior {
  padding-left: 135px
}

.limite-body {
  background-color: #f2f0f1;
  padding-top: 9px;
  padding-bottom: 180px
}

.limite-body .limite {
  margin-bottom: 0;
  width: 95%;
  max-width: 1100px;
  margin: 0 auto
}

#procesado .cabecera {
  background-color: #fff
}

.comppasajeros-ida .icon-plane,
.comppasajeros-vuelta .icon-plane {
  font-size: 15px;
  color: #009b3a;
  margin-right: 8px
}

.comppasajeros-ida strong,
.comppasajeros-vuelta strong {
  padding-right: 25px
}

.comprobante-table li h3 {
  text-align: center !important;
  padding-left: 0 !important
}

@media screen and (max-width:1000px) {
  .comprobante-estado>.comprobante-estado-hijo {
    padding-left: inherit !important;
    position: relative;
    bottom: 44px
  }

  .comprobante-estado {
    margin: 21px auto -26px auto
  }

  #carrito .espera {
    -moz-box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
  }
}

@media screen and (max-width:900px) {
  #procesado .confirmacion .codigo-detalle .detalle {
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  #procesado .confirmacion .codigo-detalle .codigo {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #d2d2d2
  }

  #procesado .confirmacion .codigo-detalle {
    padding-bottom: 0 !important
  }
}

@media screen and (max-width:680px) {
  .comprobante-estado>.comprobante-estado-hijo {
    position: relative;
    bottom: 0 !important;
    width: 60% !important
  }

  .comprobante-table {
    padding-left: 200px
  }

  .compr-titulo-barra {
    text-align: center !important;
    margin-left: 27px
  }

  .comprobante-estado {
    margin: 23px auto 20px auto
  }

  .comprobante-info-img {
    position: relative;
    width: 100%;
    padding-bottom: 20px;
    top: inherit;
    left: inherit
  }

  .comprobante-info-img img {
    margin: 0 auto
  }

  .comprobante-table {
    padding-left: 0;
    float: inherit
  }

  .fila1 {
    width: 70px;
    text-align: left
  }

  .fila2 {
    margin-left: -70px
  }

  .fila2-interior {
    padding-left: 90px
  }
}

@media screen and (max-width:480px) {
  .comprobante-estado {
    margin: 21px auto 20px auto
  }

  .compidadetalle-blok:first-child p {
    padding-left: 0
  }
}

#logo-usuario #usuario {
  min-width: 200px;
  padding-top: 0
}

.b1-pop-box p {
  display: block;
  text-align: center
}

.b1-pop-box img {
  margin: 0 auto;
  display: block
}

.groupthree-one-reg.ie {
  vertical-align: top
}

.groupthree-one-reg.ie input {
  width: 85%
}

.groupthree-one-reg.ie-select select {
  line-height: 46px;
  height: 46px;
  width: 91%
}

.groupthree-one-reg.ie-select {
  padding-left: 19px
}

.para-clientes-port {
  background: rgba(0, 0, 0, 0.45);
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#72000000, endColorstr=#72000000) !important;
  width: 300px;
  height: 300px
}

.parte1>button,
.subrayado {
  font-size: 16px
}

.portada-viajes .slider-cnt.full img {
  width: 100%;
  height: auto
}

.portada-viajes .slider-cnt.full {
  max-width: 100%
}

footer .productos-servicios li {
  display: inline
}

footer .productos-servicios li {
  margin-left: 10px;
  margin-right: 16px;
  position: relative
}

footer .productos-servicios li a {
  padding-right: 0
}

footer .productos-servicios li:before {
  content: "-";
  position: absolute;
  left: -16px;
  top: 0;
  bottom: 0;
  line-height: 18px
}

footer .productos-servicios li:first-child:before {
  display: none
}

footer .productos-servicios li:first-child {
  margin-left: 0
}

.tbl-viaje {
  border: 1px solid #ccc;
  border-radius: 10px;
  overflow: hidden
}

.tbl-viaje-cnt {
  width: 100%;
  table-layout: fixed
}

.tbl-viaje th {
  background: #33bdd9;
  border-left: 1px solid #fff;
  padding: 5px;
  height: 40px;
  box-sizing: border-box;
  text-align: center
}

.tbl-viaje img {
  display: block;
  margin: auto;
  max-width: 100%
}

.tbl-viaje th:first-child {
  border-left: 0
}

.tbl-viaje .esc-aero .esc,
.tbl-viaje .esc-aero .aero {
  font-size: 17px;
  color: #fff
}

.tbl-viaje .esc-aero {
  position: relative
}

.tbl-viaje .esc-aero .esc {
  position: absolute;
  bottom: 5px;
  left: 15px
}

.tbl-viaje .esc-aero .separ {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 85px;
  margin: auto;
  height: 30px;
  width: 1px;
  background: #fff;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg)
}

.tbl-viaje .esc-aero .aero {
  position: absolute;
  top: 5px;
  right: 15px
}

.tbl-viaje th:first-child {
  width: 190px !important;
  text-align: left
}

.tbl-viaje td {
  padding: 0 15px;
  height: 40px;
  font-size: 15px;
  color: #8e8f90;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  box-sizing: border-box
}

.tbl-viaje tr>td {
  text-align: center
}

.tbl-viaje tr>td:first-child {
  text-align: left;
  border-left: 0;
  color: #00add8
}

@media(max-width:690px) {

  .calendario.regreso,
  #frmBuscarVuelos .ninos div>p {
    float: inherit;
    float: left !important
  }

  .nro-pasajero-select {
    width: 100%
  }

  .tbl-viaje .esc-aero .esc,
  .tbl-viaje .esc-aero .aero,
  .tbl-viaje .esc-aero .separ {
    position: inherit;
    display: inline-block;
    vertical-align: middle;
    top: inherit;
    left: inherit;
    bottom: inherit;
    right: inherit
  }

  .tbl-viaje .esc-aero .separ {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    background: 0;
    color: #fff;
    height: 22px;
    width: 4px
  }

  .tbl-viaje .esc-aero .separ:after {
    content: "/"
  }

  .tbl-viaje th:first-child {
    width: auto !important
  }

  .p1-wancho .p1-form {
    padding-right: 0 !important
  }

  .p1-wancho .groupone-one-reg,
  .p1-wancho .grouptwo-one-reg,
  .p1-wancho .groupthree-one-reg,
  .p1-wancho .groupfour-one-reg,
  .p1-wancho .radiobutton-one {
    padding-left: 0 !important
  }
}

#programar {
  background: none !important;
  padding: inherit !important;
  width: 95% !important;
  max-width: 627px !important;
  height: auto !important
}

#programar form .origen,
#programar form .destino {
  width: 260px
}

.groupform-reg>.port-form {
  background-color: #fff;
  margin-top: -1px;
  padding: inherit !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-top: 12px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

#programar .form-group li {
  display: inline-block;
  vertical-align: top
}

#programar form .tipo-vuelo,
#programar form .pasajeros {
  width: 207px
}

#programar form .calendario {
  width: 143px
}

#programar .botonera {
  border-top: 0;
  padding-top: 0
}

#programar form {
  background: rgba(255, 255, 255, 0.85)
}

#programar nav a {
  line-height: 40px
}

#frmBuscarVuelos input[type=radio]+label {
  font-size: .875em
}

body.portada-wth {
  background-color: #fff
}

.aerolinea-tituloopcion {
  display: flex;
  width: 100%;
  margin-top: 45px;
  margin-bottom: 15px;
  justify-content: space-between;
  align-items: center
}

.grouptwo-one-reg>span {
  color: #00b2a9
}

.port-form>.groupone-input-rowone,
.port-form>.grouptwo-input-rowtwo,
.port-form>.groupthree-input-rowthree,
.port-form>.groupthree-input-rowfour,
.port-form>.group-input-radio {
  display: table;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box
}

.groupone-flecha-reg {
  text-align: center;
  width: 100% !important
}

.groupone-one-reg,
.grouptwo-one-reg,
.groupthree-one-reg,
.groupfour-one-reg,
.radiobutton-one {
  display: table-cell;
  width: 45%;
  position: relative
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.grouptwo-one-reg>select,
.groupthree-one-reg>input {
  width: 100% !important
}

.grouptwo-one-reg>select {
  background-position: 98%
}

.radiobutton-one label {
  padding-left: 5px
}

.groupthree-one-reg:last-child {
  padding-left: 5%
}

.groupthree-one-reg:first-child {
  padding-right: 5%
}

.port-form>.groupone-input-rowone,
.port-form>.group-input-radio,
.port-form>.grouptwo-input-rowtwo,
.port-form>.groupthree-input-rowthree,
.port-form>.group-button-formreg {
  margin-top: 0 !important
}

.group-button-formreg {
  clear: both;
  text-align: center !important
}

.radiobutton-one:first-child {
  width: 17%
}

.groupone-flecha-reg>span.icon-flecha-derecha,
.grouptwo-flecha-reg>span.icon-flecha-derecha {
  color: #009b3a
}

.grouptwo-flecha-reg {
  text-align: center;
  width: 100% !important
}

.groupone-one-reg>input,
.grouptwo-one-reg>input,
.groupthree-one-reg>input,
.groupthree-one-reg>select {
  padding-left: 10px;
  box-sizing: border-box
}

span.icon-ico-calendario {
  position: absolute;
  right: 10px;
  font-size: 24px;
  top: 18%;
  pointer-events: none
}

.aerolinea {
  margin-bottom: 20px;
  position: relative;
  overflow: hidden;
  background-color: rgba(249, 251, 251, 0)
}

.programar.block2-programar {
  position: relative;
  max-width: 1400px;
  margin: auto
}

@media screen and (max-width:448px) {
  .parte1>p>.a {
    font-size: 25px !important
  }

  .parte1>p>.b {
    font-size: 23px !important
  }

  .para-clientes-port>.titulo {
    font-size: 28px
  }
}

@media screen and (max-width:1180px) {
  .para-clientes-port {
    background: url(../images/fondo.png) 0 0 repeat;
    color: #fff;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 21px;
    position: relative !important;
    right: 0 !important;
    z-index: 1;
    height: 236px !important;
    background-color: rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    top: -23px !important
  }

  .detalle-oportunidad-two,
  .portada-viajes .slider-cnt {
    height: 525px !important
  }
}

@media screen and (max-width:1050px) {
  .limiteCompras>.select {
    width: 100%;
    max-width: 653px;
    margin-left: auto !important;
    margin-right: auto !important
  }

  .limiteCompras>.select {
    max-width: 650px
  }

  .filtro-ordenar.comprar {
    background-position-x: 615px
  }
}

@media screen and (max-width:1180px) {
  .para-clientes-port {
    position: relative !important;
    top: 0 !important
  }

  .para-clientes-port {
    background-color: gray
  }

  .portada-viajes .img-fondo .central {
    height: 100%
  }

  .table-resutarifas-one:after {
    display: none
  }

  .aerolinea-boton>.botonera {
    padding-bottom: 20px;
    margin-top: 0
  }

  .aerolinea .dinero-puntos {
    border-right: inherit
  }

  .groupfour-one-reg:last-child>select {
    margin-left: 28px !important
  }

  .programar.block2-programar {
    bottom: 0 !important;
    top: inherit !important;
    width: 100%;
    position: absolute
  }
}

@media screen and (max-width:968px) {
  .groupfour-one-reg:last-child>select {
    margin-left: 23px !important
  }
}

@media screen and (max-width:800px) {
  span.icon-flecha-derecha {
    display: none
  }

  .groupone-two-reg>input,
  .grouptwo-two-reg>input {
    margin-left: inherit
  }
}

@media screen and (max-width:710px) {
  .limiteCompras>.select {
    max-width: 328px
  }

  .limiteCompras>.select {
    max-width: 328px
  }
}

@media screen and (max-width:690px) {
  .groupfour-one-reg>select {
    width: 91% !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit !important
  }

  .groupfour-one-reg:last-child>select {
    margin-left: inherit;
    margin-top: 20px
  }

  span.logo-copa {
    display: none !important
  }

  .groupthree-two-reg>select {
    margin-left: inherit
  }

  .groupone-one-reg,
  .grouptwo-one-reg,
  .groupthree-one-reg,
  .groupfour-one-reg,
  .radiobutton-one {
    display: inherit;
    width: 100%;
    position: relative
  }

  .radiobutton-one:first-child {
    width: 45%;
    display: table-cell;
    text-align: left !important
  }

  .groupone-one-reg>input,
  .grouptwo-one-reg>input,
  .groupthree-one-reg>input,
  .groupthree-one-reg>select {
    padding-left: 10px;
    box-sizing: border-box;
    margin-bottom: 14px
  }

  .groupthree-one-reg:last-child {
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    width: 100%
  }

  .detalle-oportunidad-two,
  .portada-viajes .slider-cnt {
    height: 635px !important
  }
}

@media screen and (max-width:570px) {
  .parte1>p {
    margin-bottom: 13px !important;
    margin-top: 13px !important
  }

  .parte1:last-child {
    font-size: 15px !important;
    width: 100% !important;
    text-align: center !important
  }

  .parte1:last-child p {
    max-width: 100% !important
  }

  .parte1:first-child {
    font-size: 18px !important;
    width: 100% !important;
    text-align: center !important
  }

  .group-part .parte1 h4 {
    width: 100% !important
  }

  .detalle-oportunidad-two,
  .portada-viajes .slider-cnt {
    height: 645px !important
  }

  .detalle-oportunidad-two,
  .portada-viajes .slider-cnt {
    height: 640px !important
  }

  .para-clientes-port {
    text-align: center !important;
    height: inherit !important
  }

  .groupthree-one-reg:last-child {
    padding-right: 0;
    padding-left: inherit !important;
    box-sizing: border-box
  }

  .para-clientes-port {
    padding: 20px !important;
    padding-left: 34px !important;
    padding-right: 34px !important
  }
}

.dinero-puntos.aerolinea-block>p:first-child {
  color: #4f5151;
  font-weight: normal
}

.btnvolver-formviaje {
  margin-bottom: 40px;
  text-align: center;
  clear: both;
  border-top: 1px solid #dbdbdb;
  padding-top: 24px
}

.btnvolver-formviaje>button {
  border: 0;
  padding: 14px 40px 14px 40px;
  border-radius: 7px;
  color: #fff;
  background-color: #bfbfbf
}

.para-clientes-port {
  background: url(../images/fondo.png) 0 0 repeat;
  color: #fff;
  width: 100%;
  max-width: 485px;
  padding-left: 21px;
  position: absolute;
  right: 39px;
  top: 271px;
  z-index: 1;
  height: auto;
  background-color: rgba(0, 0, 0, 0.45);
  box-sizing: border-box
}

.para-clientes-port>p {
  font-size: 32px;
  margin-bottom: 35px;
  margin-top: 23px
}

@media screen and (max-width:950px) {
  #programar {
    margin: 0 auto 0 auto !important
  }
}

@media screen and (max-width:690px) {
  .groupform-reg>.port-form {
    padding: 20px 10px !important
  }
}

.portada-viajes .img-cnt {
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-position: center center !important;
  display: none !important
}

.portadaa-pager a {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #fff
}

.portada-viajes .img-cnt.activo {
  display: block !important
}

.slider-menu a.activo {
  background-color: #00bb31
}

.para-clientes-port {
  padding: 20px !important
}

.para-clientes-port>.titulo {
  font-size: 30px;
  font-weight: normal
}

.parte1>button,
.link-blue {
  border: 0;
  padding: 16px 0;
  background-color: #2355b8;
  border-radius: 6px !important;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  width: 100%;
  text-align: center;
  max-width: 145px
}

.group-part {
  font-size: 0;
  padding-top: 36px
}

.parte1 {
  font-size: 15px !important;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  text-align: right
}

.parte1:first-child {
  font-size: 18px !important;
  display: inline-block;
  width: 50%;
  text-align: left
}

.parte1:first-child p {
  margin-right: 0;
  padding-top: 0;
  text-decoration: inherit !important
}

.parte1 p {
  margin-right: 17px;
  padding-top: 18px;
  display: block;
  text-decoration: underline !important
}

.parte1:last-child p {
  margin: 0 0 0 auto;
  width: 100%;
  max-width: 145px;
  text-align: center
}

.parte1 p>a {
  color: #fff
}

.parte1>p>.b {
  font-size: 23px;
  margin-left: 12px;
  font-weight: normal
}

.parte1>p>.a {
  font-size: 33px;
  font-weight: normal
}

nav.slider-menu.portadaa-pager>a {
  border-radius: 10px;
  margin-left: 15px
}

nav.slider-menu.portadaa-pager {
  text-align: center !important;
  background-color: rgba(0, 0, 0, 0.34);
  position: relative;
  bottom: 30px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

nav.slider-menu.portadaa-pager>a:hover {
  background-color: #00bb31
}

.portada-viajes .slider-cnt {
  max-width: 1400px;
  margin: auto;
  position: relative;
  height: 600px
}

section#programar block2-programar {
  position: relative;
  z-index: 9
}

nav.slider-menu.portadaa-pager {
  position: relative;
  z-index: 11
}

.limiteCompras .separar {
  background-color: #686868;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 3px;
  margin-bottom: 30px
}

.limiteCompras>p {
  color: #393939;
  font-family: "omnes_Semibold";
  font-size: 26px !important;
  font-weight: normal;
  line-height: 26px;
  margin-top: 12px;
  text-align: center;
  margin-bottom: 10px
}

.limiteCompras>.select {
  text-align: right;
  margin-bottom: 48px;
  margin-right: 10px
}

.limiteCompras>.select>select {
  max-width: 316px;
  width: 100%;
  background-position-x: 96%;
  background-position-y: 50%
}

.limiteCompras>.select>select::-ms-expand {
  display: none
}

.port-viaje-form .groupthree-one-reg:last-child {
  margin-right: 0 !important;
  padding-right: 0 !important
}

.port-viaje-form .groupthree-one-reg select {
  width: 100%;
  margin-right: 0 !important;
  padding-right: 0 !important;
  background-position: 98%
}

.port-viaje-form .groupthree-one-reg select::-ms-expand {
  display: none
}

.port-viaje-form .groupform-reg {
  padding-bottom: 0 !important
}

@media screen and (max-width:512px) {
  .descripcion {
    height: 100px !important
  }
}

@media screen and (max-width:460px) {
  .detalle-compra {
    padding: 0;
    text-align: right !important;
    left: 10px
  }

  .ver-detalle {
    padding: 10px 0
  }

  .detalle-compra .ver-detalle {
    display: inline-block
  }

  .descripcion {
    height: 130px !important
  }
}

.detalle-oportunidad-two {
  height: 600px;
  width: 100%;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center
}

.group-part .parte1 h4 {
  font-size: 32px;
  line-height: 1;
  font-weight: normal;
  width: 130%
}

.group-part .parte1 h4 strong {
  font-size: 24px;
  font-weight: normal
}

.limiteCompras2 .limiteCompras {
  width: 100%;
  max-width: 983px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 0
}

.limiteCompras2 .nombre {
  font-size: 20px
}

footer .telefono li {
  color: #a2a2a2 !important
}

@media screen and (max-width:768px) {
  .port-viaje-form .groupthree-one-reg:first-child {
    padding-right: 0
  }

  .port-viaje-form .groupone-one-reg,
  .port-viaje-form .grouptwo-one-reg,
  .port-viaje-form .groupthree-one-reg,
  .port-viaje-form .groupfour-one-reg,
  .port-viaje-form .radiobutton-one {
    padding-left: 0 !important
  }

  .port-viaje-form .groupthree-one-reg:last-child {
    padding-left: 10% !important
  }

  .port-viaje-form .port-form {
    padding-top: 30px !important
  }

  .port-viaje-form .group-button-formreg {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important
  }

  .port-viaje-form .port-form {
    padding: 25px !important
  }
}

@media screen and (max-width:690px) {
  .p1-form {
    padding-right: 40px !important
  }

  .grouptwo-one-reg.p3-con-select2 {
    padding-left: 21px
  }

  .port-viaje-form .groupthree-one-reg:last-child {
    padding-left: 0 !important
  }
}

.limite {
  width: 96%;
  max-width: 1100px;
  margin-top: 0 !important;
  padding-top: 0
}

.informacion,
.limiteCompras2 {
  padding-top: 40px !important
}

.mediocanjeone>.abk {
  margin-top: 5px
}

.grouptwo-medio-canje.border-prod-pas3 {
  border-top: 1px solid #dbdbdb;
  padding-top: 11px
}

.groupone-medio-canje {
  padding-bottom: 11px
}

.mis-canjespro {
  max-width: 350px !important
}

.mis-canjespro-cnt {
  background-color: #01bcb4;
  color: #959595 !important;
  padding: 8px;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 3px 1px #d0d0d0
}

.zonaracional {
  width: inherit;
  border-radius: 3px;
  overflow: auto;
  background: white
}

.mis-canjespro-cnt {
  padding: 8px;
  box-sizing: border-box;
  position: relative
}

.mis-canjespro-cnt:after {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 12px solid #01bdb5;
  border-bottom: 14px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -11px
}

.zonaracional {
  background-color: white
}

.zonaracional-preciouno {
  background-color: #f4f4f4;
  padding: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #8e8f90;
  font-size: 15px;
  font-weight: bold;
  clear: both;
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-bottom: 0 solid #dbdbdb;
  zoom: 1
}

.zonaracional-preciouno:after,
.zonaracional-preciouno:before {
  content: "";
  display: table
}

.zonaracional-preciouno:after {
  clear: both
}

.zonaracional-preciodos {
  background-color: #fff;
  padding: 20px 15px 10px 15px;
  color: #8e8f90;
  font-size: 15px;
  font-weight: bold;
  display: block;
  border-top: 1px solid #dbdbdb;
  zoom: 1
}

.zonaracional-preciodos:after,
.zonaracional-preciodos:before {
  content: "";
  display: table
}

.zonaracional-preciodos:after {
  clear: both
}

.zonaracional-puntos,
.zonaracional-puntos>ul>li {
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0
}

.zonaracional-detalle {
  font-size: 15px;
  background-color: #fff;
  padding: 16px;
  padding-top: 0
}

.mis-canjespro-cnt>p {
  margin: 5px;
  margin-bottom: 17px;
  color: #d1ffff;
  font-weight: bold;
  font-size: 16px
}

.zonaracional-detalle>ul>li,
.zonaracional-puntos>ul>li {
  float: right;
  margin-bottom: 10px
}

.zonaracional-puntos>ul>li {
  margin-bottom: 0;
  padding-top: 5px
}

.zonaracional-detalle>ul>li:first-child,
.zonaracional-puntos>ul>li:first-child {
  float: left
}

.zonaracional-detalle>ul,
.zonaracional-puntos>ul {
  zoom: 1
}

.zonaracional-detalle>ul:after,
.zonaracional-detalle>ul:before,
.zonaracional-puntos>ul:after,
.zonaracional-puntos>ul:before {
  content: "";
  display: table
}

.zonaracional-detalle>ul:after,
.zonaracional-puntos>ul:after {
  clear: both
}

.zonaracional-puntos>ul>li {
  color: #00add0;
  font-weight: bold
}

ul>li {
  font-weight: bold
}

.zonaracional-puntos {
  margin-top: 18px;
  margin-bottom: -9px
}

.canjes-mixto-infopro>input[type=text] {
  max-width: 60px !important;
  line-height: 31px !important;
  height: 23px !important;
  border-radius: 3px
}

.mis-canjespro-mixto {
  font-size: 14px;
  box-sizing: border-box;
  background-color: #f7f6f6;
  max-width: 335px;
  border-radius: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 3px;
  padding-right: 3px;
  margin: auto;
  color: #959595;
  height: 100%
}

span.canjes-mixto-pricepro {
  font-weight: bold;
  color: #01bab2
}

span.canjes-mixto-infopro {
  font-weight: bold
}

@media screen and (max-width:1100px) {
  .mis-canjespro-cnt:after {
    display: none
  }

  .mis-canjespro {
    max-width: 600px !important
  }

  .mis-canjespro-mixto {
    max-width: 580px !important;
    text-align: left;
    padding-left: 30px
  }

  p.canjes-mixto-pricepro {
    margin-left: inherit !important
  }

  button.updatemill-button {
    float: right;
    margin-right: 20px
  }

  .blockdown-zonaracional {
    width: 97% !important
  }

  .cabec-canjespro {
    width: 97% !important
  }

  #informacion-pasajeros {
    width: 100% !important
  }

  #baseVuelos {
    width: 100% !important
  }

  #baseVuelos .choose-flight .formulario-vuelo {
    max-width: none !important;
    width: 75%
  }
}

@media screen and (max-width:1100px) and (max-width:780px) {
  .choose-flight {
    border: 0;
    border-radius: 10px 10px 0 0 !important;
    display: flex !important;
    flex-direction: column
  }

  .choose-flight .formulario-vuelo {
    order: 2 !important;
    width: 100%;
    flex-direction: column
  }

  .choose-flight .formulario-vuelo h3 {
    justify-content: space-between;
    padding: 15px 20px !important
  }

  .choose-flight .formulario-vuelo h3 .material-icons {
    display: inline-block !important;
    margin-right: 10px
  }

  .choose-flight .formulario-vuelo h3 .vuelo-fecha {
    padding-top: 11px
  }

  .choose-flight .formulario-vuelo .opciones-vuelo .vuelo-down .icon-down {
    display: none
  }

  .choose-flight .formulario-vuelo .opciones-vuelo .vuelo-down .new-info {
    display: block !important
  }

  .choose-flight .info-precio-vuelo {
    display: flex !important;
    flex-direction: column !important;
    color: white;
    border-radius: 10px 10px 0 0 !important;
    background-color: #2f4a9f !important;
    padding: 23px 28px 26px 28px !important;
    max-width: none !important
  }

  .choose-flight .info-precio-vuelo h2,
  .choose-flight .info-precio-vuelo h3 {
    display: none
  }

  .choose-flight .info-precio-vuelo .separar {
    order: 2 !important;
    margin-top: 25px !important
  }

  .choose-flight .info-precio-vuelo .detalle-precios {
    font-size: 14px !important;
    justify-content: space-between;
    order: 2
  }

  .choose-flight .info-precio-vuelo .detalle-precios .precios-dsc {
    color: white !important
  }

  .choose-flight .info-precio-vuelo .precio-total {
    justify-content: space-between;
    display: flex
  }

  .choose-flight .info-precio-vuelo .precio-total .precios-result {
    text-align: left !important;
    display: block !important
  }

  .choose-flight .info-precio-vuelo .precio-total .precios-result .precio-f {
    position: absolute;
    text-align: left !important;
    line-height: 16px !important
  }

  .choose-flight .info-precio-vuelo .precio-total .next-button {
    background-color: #00bb31 !important;
    height: 36px
  }

  .choose-flight .info-precio-vuelo .precio-detalle {
    display: block !important;
    order: 3;
    text-align: center
  }
}

@media screen and (max-width:1100px) and (max-width:650px) {
  .choose-flight .formulario-vuelo .opciones-vuelo>div {
    width: calc(100% - 33px) !important;
    height: 108px;
    display: block !important;
    padding: 0 17px !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .radio-label {
    display: inline-block;
    width: 12%;
    position: relative;
    top: 15px
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-lugar {
    margin-bottom: 6px;
    margin-top: 40px;
    padding-left: 23px;
    padding-right: 0 !important;
    display: inline-block;
    width: 75% !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-lugar p {
    justify-content: center;
    display: flex
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-lugar p .vuelo-respons {
    font-size: 12px !important;
    color: #00bb31;
    margin: 0 15px;
    display: block !important;
    border-bottom: 1px solid #c4c4c4
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-tipo {
    display: none
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-tiempo {
    padding-left: 17% !important;
    width: 33% !important;
    display: -webkit-inline-box !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-tiempo .tiempo-text {
    font-size: 9px
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-clase {
    display: inline-block;
    width: 15% !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-image {
    width: 20% !important;
    position: relative !important;
    margin-left: 17% !important;
    bottom: 62% !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-maletas {
    bottom: 42px;
    width: 19% !important;
    display: inline-block;
    position: relative;
    margin-left: 70%
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-maletas .maletas-uno {
    padding-right: 10px !important
  }

  .choose-flight .formulario-vuelo .opciones-vuelo>div .vuelo-down {
    display: inline-block;
    bottom: 42px;
    position: relative;
    text-align: center
  }
}

@media screen and (max-width:468px) and (max-width:230px) {
  body {
    margin-left: 0
  }

  .mis-canjespro-cnt:after {
    display: none
  }

  .mis-canjespro {
    max-width: 290px !important
  }

  .mis-canjespro-mixto {
    max-width: 280px !important;
    text-align: left;
    padding-left: 30px
  }

  .cabec-canjespro {
    width: 97% !important
  }
}

.zonaracional-preciodos-two {
  float: right
}

.zonracional-preciodos-one {
  float: left
}

.zonracional-preciouno-one,
.zonracional-preciodos-one {
  float: left;
  max-width: 72%
}

.zonaracional-preciouno-two {
  float: right
}

p.detalle-producto {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 12px;
  padding-top: 12px
}

.extra-producto {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 37px;
  padding-top: 16px
}

.extra-productouno {
  float: left
}

.extra-productodos {
  float: right
}

p.canjes-mixto-pricepro {
  text-align: left;
  margin-left: 13px;
  font-weight: bold !important;
  margin-top: 10px;
  margin-bottom: 8px
}

button.updatemill-button {
  border: 0 solid;
  color: #fff !important;
  padding: 5px 13px 6px;
  border-radius: 27px;
  margin-left: 12px;
  background-color: #afafaf !important
}

.check-alcance>span {
  float: left;
  margin-left: 32px;
  margin-right: -18px;
  font-size: 14px
}

.check-alcance {
  padding: 18px;
  background-color: #fff;
  font-size: 14px
}

.blockdown-zonaracional {
  box-shadow: 0 -5px 9px -1px;
  width: 336px;
  text-align: center;
  margin: auto;
  border-bottom: 2px solid #e2e2e2
}

.cabec-canjespro {
  width: 340px;
  height: 7px;
  background-color: #f4f4f4;
  text-align: center;
  margin: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 1px 3px 2px #c7c7c7
}

span.canjes-cubrirsoles {
  color: #0039a6;
  margin-left: 6px
}

.icon-ico-check2:before {
  content: ""
}

.mis-canjes {
  max-width: 350px !important
}

.mis-canjes-cnt {
  background-color: #01bcb4;
  color: #959595 !important;
  padding: 8px;
  box-sizing: border-box;
  position: relative;
  border-radius: 3px;
  box-shadow: 0 3px 1px #d0d0d0
}

.paquete {
  width: inherit;
  border-radius: 3px;
  overflow: auto
}

.mis-canjes-cnt {
  padding: 8px;
  box-sizing: border-box;
  position: relative
}

.mis-canjes-cnt:after {
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 12px solid #01bdb5;
  border-bottom: 14px solid transparent;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: -12px
}

.paquete-destino {
  background-color: #f4f4f4;
  padding: 15px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #8e8f90;
  font-size: 15px;
  font-weight: bold
}

.paquete-detalle {
  font-size: 15px;
  background-color: #fff;
  padding: 16px
}

.mis-canjes-cnt>p {
  margin: 5px;
  margin-bottom: 17px;
  color: #d1ffff;
  font-weight: bold;
  font-size: 16px
}

.paquete-detalle>ul>li,
.paquete-puntos>ul>li {
  float: right;
  margin-bottom: 10px
}

.paquete-detalle>ul>li:first-child,
.paquete-puntos>ul>li:first-child {
  float: left
}

.paquete-detalle>ul,
.paquete-puntos>ul {
  zoom: 1
}

.paquete-detalle>ul:after,
.paquete-detalle>ul:before,
.paquete-puntos>ul:after,
.paquete-puntos>ul:before {
  content: "";
  display: table
}

.paquete-detalle>ul:after,
.paquete-puntos>ul:after {
  clear: both
}

.paquete-puntos>ul>li {
  color: #00add0;
  font-weight: bold
}

ul>li {
  font-weight: bold;
  font-weight: 300 !important
}

.paquete-puntos {
  margin-top: 18px;
  margin-bottom: -9px
}

.mis-canjes-mixto {
  font-size: 14px;
  box-sizing: border-box;
  background-color: #f7f6f6;
  max-width: 348px;
  border-radius: 2px;
  box-shadow: 1px 1px 5px #ababab;
  padding-top: 17px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 15px;
  padding-right: 3px;
  margin: auto;
  color: #959595;
  height: 52px;
  width: 97%
}

@media screen and (max-width:1100px) {
  .miscanjes-mixto-paso2>p:last-child {
    text-align: center !important
  }

  .miscanjes-mixto-paso2 {
    width: 100% !important;
    max-width: 584px !important
  }

  .mis-canjes-cnt:after {
    display: none
  }

  .mis-canjes {
    max-width: 600px !important
  }

  .mis-canjes-mixto {
    max-width: 580px !important;
    text-align: left;
    padding-left: 30px
  }

  .cabec-canjespro {
    width: 97% !important
  }

  .mis-canjes-mixto>p {
    text-align: center !important;
    margin-right: 34px !important
  }
}

@media screen and (max-width:480px) {
  body {
    margin-left: 0
  }

  .mis-canjes-cnt:after {
    display: none
  }

  .cabec-canjespro {
    width: 97% !important
  }

  .mis-canjes-mixto {
    width: 96% !important;
    padding-left: 3px;
    height: 100%
  }

  .nro-pasajero-select .pj-menu {
    width: 93% !important
  }
}

.cabec-canjespro {
  width: 340px;
  height: 7px;
  background-color: #f4f4f4;
  text-align: center;
  margin: auto;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  box-shadow: 0 1px 3px 2px #c7c7c7
}

.icon-ico_check2:before {
  content: ""
}

.mis-canjes-mixto>p>.icon-ico_check2,
.icon-ico_check2 {
  font-size: 24px !important;
  color: #01bcb4;
  position: relative;
  top: 10px;
  left: -40px;
  margin-left: 0
}

.mis-canjes-mixto>p {
  text-align: left
}

.check-alcance p {
  font-weight: 300 !important;
  position: relative;
  display: block;
  text-align: left;
  min-height: 24px;
  padding-left: 40px;
  color: #8e8f90;
  font-weight: bold
}

.check-alcance p:first-child span {
  position: absolute;
  top: 0;
  left: 0
}

.info-miscanjes-mixto {
  font-size: 14px
}

.info-miscanjes-mixto {
  font-size: 15px;
  margin-left: 10px;
  position: relative;
  bottom: 4px;
  font-weight: bold
}

.miscanjes-mixto-paso2 {
  background-color: #f7f6f6;
  text-align: center;
  margin: auto;
  box-shadow: 0 1px 5px -2px;
  border: 1px solid #dbdbdb;
  box-sizing: border-box;
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px
}

.miscanjes-mixto-paso2>p>input {
  width: 65px;
  height: 22px;
  margin-left: 10px;
  margin-right: 10px;
  color: #989898;
  font-weight: 400;
  font-size: 14px
}

button {
  border: 0;
  padding: 6px 13px 6px 13px;
  margin-left: 17px;
  border-radius: 18px;
  color: #fff;
  background-color: #afafaf
}

button:focus {
  outline: 0
}

.miscanjes-mixto-paso2>p>.color {
  color: #9e9e9e;
  font-weight: bold;
  font-weight: 400 !important
}

.miscanjes-mixto-paso2>p:last-child {
  text-align: left;
  margin-left: 13px;
  margin-top: 10px
}

.miscanjes-mixto-paso2>p>span.blue {
  color: #0039a6;
  font-weight: bold;
  margin-left: 4px
}

.groupone-pasajerofirst-inputthree>input {
  width: 95%;
  box-sizing: border-box;
  border: 1px solid #dbdbdb
}

.p1-form,
.filter-pas1viaj,
.panel-elegir,
.panel-elegir .dinero-puntos {
  background-color: #f9fbfb
}

.grouptwo-mediocanjethree-three>p {
  text-align: right
}

.flotante-secundario {
  right: -10px
}

@media screen and (max-width:570px) {
  .group-part {
    padding-top: 20px
  }

  .group-part .parte1 h4 {
    margin-bottom: 10px
  }
}

@media screen and (max-width:1170px) {
  .acomodar-racional .informacion {
    width: 67%
  }
}

.contenido.opciones-vuelosP2 .aerolinea {
  padding-bottom: 30px;
  overflow: visible;
  display: inline-block;
  width: 100%
}

#informacion-pasajeros .salida-regreso {
  min-height: 255px
}

@media screen and (max-width:1100px) {
  #informacion-pasajeros .salida-regreso {
    min-height: inherit
  }

  .dinero-puntos.aerolinea-block {
    margin-top: 40px
  }
}

.aerolinea .salida-regreso .seleccion-tc {
  position: relative;
  vertical-align: top
}

@media(max-width:480px) {
  .aerolinea .salida-regreso .seleccion-tc {
    position: relative
  }

  .aerolinea .salida-regreso .seleccion .llega {
    padding-left: 0
  }

  .aerolinea .salida-regreso .seleccion-tc.paso1ViajeImg {
    display: none
  }
}

.aerolinea .salida-regreso .seleccion-tc input {
  position: absolute;
  top: 5px;
  left: 0
}

.aerolinea .salida-regreso .seleccion-tc span {
  padding-left: 20px;
  margin-left: 0 !important
}

.icon-calendario-form {
  pointer-events: none
}

.detalle-barra h2,
.detalle2-barra h2 {
  font-size: 20px;
  line-height: 21px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 1px
}

.detalle-barra strong,
.detalle2-barra strong {
  display: block;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 1px
}

.detalle-barra a,
.detalle2-barra a {
  color: #464646;
  text-decoration: underline
}

.detalle-barra h2:before,
.detalle2-barra h2:before {
  content: none
}

.desactivar-medio-canje {
  pointer-events: none;
  opacity: .3;
  filter: alpha(opacity=30)
}

#medio-canje #btn-actualizar-puntos,
#medio-canje #btnActualizar {
  background-color: #bfbfbf;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  margin-left: 5px;
  text-align: center;
  vertical-align: top;
  width: 85px
}

#ui-datepicker-div {
  z-index: 20 !important
}

.port-viaje-form .aerolinea {
  overflow: inherit
}

.iframe-main-content-medio-canje {
  width: 100%
}

.iframe-main-content-medio-canje #content-iframe-medio-canje {
  position: relative;
  padding-bottom: 56.25%;
  height: 649px;
  overflow: hidden
}

#paquete-paso-3 #content-iframe-medio-canje,
#viajes-paso-3 #content-iframe-medio-canje {
  padding-bottom: 0 !important
}

.iframe-main-content-medio-canje #content-iframe-medio-canje iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.canjeP3-wancho {
  margin: 0 auto;
  max-width: 680px;
  width: 100%;
  padding-top: 40px
}

.sin-wancho {
  max-width: inherit
}

.canjeP3-box {
  font-size: 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #bfbfbf
}

.canjeP3-left,
.canjeP3-right {
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  font-size: 16px;
  vertical-align: top;
  padding-bottom: 10px
}

.canjeP3-left {
  text-align: right;
  width: 50%
}

.canjeP3-right {
  text-align: left;
  padding-left: 20px;
  width: 50%
}

#frmPasarela .canjeP3-right,
#frmPasarela .canjeP3-left {
  vertical-align: top
}

.canjeP3-wancho.sin-wancho .canjeP3-right,
.canjeP3-wancho.sin-wancho .canjeP3-left {
  vertical-align: baseline !important
}

.canjeP3-listado {
  display: block;
  vertical-align: top;
  text-align: right;
  position: relative
}

.canjeP3-listado p span {
  display: inline-block
}

.canjeP3-h4 {
  position: relative;
  display: inline-block;
  font-size: 16px;
  text-align: right
}

.canjeP3-right p:first-child {
  margin-bottom: 10px
}

.color-celeste .canjeP3-right p {
  color: #00a6cf
}

.color-celeste,
.canjeP3-box.p3Bold {
  border: 0
}

.canjeP3-box .irs {
  margin: 0
}

.canjeP3-box input,
.canjeP3-box a {
  height: 34px !important;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.canjeP3-box input {
  width: 96px !important;
  color: #00a6cf;
  font-size: 18px;
  text-align: center
}

.canjeP3-form-box {
  max-width: 560px;
  display: block !important;
  margin: 0 auto !important;
  font-size: 0
}

.canjeP3-form-box .canjeP3-left,
.canjeP3-form-box .canjeP3-right {
  text-align: left;
  padding-bottom: 10px
}

.canjeP3-form-box input,
.canjeP3-form-box select {
  width: 100%;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.canjeP3-form-box select {
  background-position: 98%
}

.canjeP3-form-box select::-ms-expand {
  display: none
}

.canjeP3-form-right {
  padding-left: 20px
}

.canjeP3-form-box.datos-boleta .columna>div {
  width: 100%
}

.canjeP3-box.p3Bold p span {
  font-weight: bold;
  font-size: 24px
}

.p3Bold .canjeP3-left,
.p3Bold .canjeP3-right {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important
}

.p3Bold .canjeP3-left p,
.p3Bold .canjeP3-right p {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important
}

.canjeP3-right label.error {
  position: absolute
}

.cP3-h4-hide {
  display: none
}

.canjeP3-form {
  background: white;
  border: 1px solid #dbdbdb;
  padding: 0 40px 40px 40px
}

#content-iframe-medio-canje iframe {
  height: 641px;
  width: 100% !important
}

.medioCanjeProductos {
  padding-top: 40px
}

.medioCanjeProductos .informacion {
  padding-top: 0 !important
}

.medioCanjeProductos #medio-canje .valor-diferencia .valor .puntos-usar .actualizar {
  text-align: left !important;
  padding-bottom: 5px
}

.medioCanjeProductos #medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
  margin: 0 !important
}

.slider-home-tutorial {
  position: fixed;
  display: none;
  margin: auto;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  background-color: rgba(8, 8, 8, 0.5)
}

.slider-home-tutorial.active {
  display: table;
  vertical-align: middle;
  text-align: center;
  opacity: 1
}

.tutorial-contenedor {
  display: block;
  padding: 20px 10px;
  border-radius: 5px;
  background: #fff;
  margin: auto;
  left: 0;
  border: 1px solid #f3f3f3;
  max-width: 760px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  max-height: 300px
}

.tutorial-contenedor .elemento {
  width: 100%;
  display: block;
  min-height: 200px
}

.tutorial-contenedor .elemento.rojo {
  background-color: #F00
}

.tutorial-contenedor .elemento.amarillo {
  background-color: #0F0
}

.tutorial-contenedor .elemento.azul {
  background-color: #00F
}

.pas2-pasaj-frec {
  margin-bottom: 15px;
  margin-top: 15px
}

.pas2-pasaj-frec input[type=checkbox] {
  height: auto !important;
  margin-right: 2px
}

@media screen and (min-width:1101px) {
  .iframe-main-content-medio-canje {
    max-width: 740px
  }
}

@media screen and (max-width:1070px) {
  #perfil select {
    width: 100%
  }
}

#mi-perfil .divContentIframe iframe {
  height: 1100px
}

@media screen and (max-width:1130px) {
  .divContentIframe #ifPerfil {
    height: 1400px
  }
}

@media screen and (max-width:1100px) {

  #preguntas-frecuentes .preguntas-detalle nav p,
  #terminos-condiciones .preguntas-detalle nav p,
  #conocer .preguntas-detalle nav p,
  #preguntas-frecuentes .terminos-condiciones-detalle nav>p,
  #terminos-condiciones .terminos-condiciones-detalle nav>p,
  #conocer .terminos-condiciones-detalle nav>p,
  #preguntas-frecuentes .conocer-detalle nav p,
  #terminos-condiciones .conocer-detalle nav p,
  #conocer .conocer-detalle nav p {
    display: block;
    padding-right: 0
  }
}

@media screen and (max-width:720px) {
  .medioCanjeProductos #medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
    margin: 0 auto !important
  }

  .p3barra {
    display: block;
    width: 100%;
    padding-left: 0 !important
  }

  .canjeP3-box .irs {
    margin: 0 auto !important
  }

  .medioCanjeProductos .canjeP3-form {
    padding: 0 20px 20px
  }

  .canjeP3-form {
    padding: 0 20px 20px
  }
}

@media screen and (max-width:640px) {
  .canjeP3-h4 {
    position: relative;
    left: inherit;
    top: inherit;
    max-width: inherit
  }

  .canjeP3-listado {
    padding-left: 0;
    text-align: right
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .canjeP3-right {
    padding-bottom: 0 !important
  }

  #medio-canje .valor-diferencia .valor .puntos-usar {
    padding-bottom: 30px
  }

  .medioCanjeProductos #medio-canje .valor-diferencia .valor .puntos-usar .actualizar {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
  }

  .canjeP3-form-box {
    max-width: 100%
  }

  .canjeP3-form-box .canjeP3-form-left {
    padding-bottom: 10px !important
  }

  .canjeP3-form-box .canjeP3-left,
  .canjeP3-form-box .canjeP3-right {
    display: block;
    width: 100% !important;
    padding: 0
  }

  .canjeP3-form-box .canjeP3-left {
    margin-bottom: 10px !important
  }

  .canjeP3-box input,
  .canjeP3-box a {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    display: block
  }
}

@media screen and (max-width:340px) {
  .check-alcance>span {
    margin-left: 25px
  }
}

@media screen and (max-width:450px) {
  .medioCanjeProductos #medio-canje #puntosUsados {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: inline-block !important
  }

  #medio-canje .valor-diferencia .valor .puntos-usar .porcentaje {
    width: 170px
  }
}

@media screen and (max-width:768px) {
  .datos-boleta .columna {
    width: 100%;
    padding-left: 30px !important
  }

  header #logo-usuario #usuario #menu-usuario-opciones {
    width: 205px
  }

  header #logo-usuario #usuario #menu-usuario-opciones a {
    letter-spacing: -0.1px;
    font-weight: normal !important
  }

  .flotante-secundario .blockdown-zonaracional .check-alcance>p {
    letter-spacing: -0.1px
  }
}

@media screen and (max-width:510px) {
  .datos-boleta .columna {
    width: 100%;
    padding-left: inherit !important
  }
}

.paso1ViajeImg img {
  width: 100%;
  max-width: 89px;
  height: auto
}

@media screen and (max-width:450px) {

  .canjeP3-form-left,
  .canjeP3-form-right {
    width: 100% !important;
    display: inherit !important
  }
}

@media screen and (max-width:1100px) {
  .opciones-vuelosP2 .aerolinea {
    width: 100%
  }
}

@media screen and (max-width:768px) {

  .homeNuevos .paquete .ver-detalle,
  .homeNuevos .ver-detalle,
  .homeNuevos .detalle-compra .boton {
    float: inherit;
    display: block;
    margin: 0 !important
  }

  .homeNuevos .detalle-compra {
    display: block !important;
    float: inherit !important;
    text-align: center !important;
    padding: 0 !important;
    width: 94%;
    margin: 0 auto !important;
    right: 0 !important;
    left: 0 !important;
    top: inherit !important;
    bottom: 10px !important
  }

  .homeNuevos .detalle-compra .ver-detalle {
    padding-bottom: 8px
  }

  .homeNuevos .detalle-compra .boton {
    max-width: 75px;
    margin: 0 auto !important
  }

  .homeNuevos .descripcion {
    height: 172px !important
  }

  .homeNuevos .precio {
    padding-bottom: 0 !important
  }
}

.pd-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  transition: all .5s
}

.pd-modal.active {
  visibility: visible;
  opacity: 1;
  z-index: 1200
}

.pd-modal-cell {
  display: table-cell;
  vertical-align: middle
}

.pd-modal-wancho {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  max-width: 650px;
  padding: 20px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  color: #444;
  margin: 0 auto;
  width: 95%;
  max-width: 580px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.pd-modal-box {
  font-size: 16px
}

.pd-modal-box h3 {
  font-size: 1.3em;
  margin-bottom: 22px;
  text-align: center;
  margin: 0;
  font-weight: normal
}

.pd-modal-box h4,
.pd-modal-box h5 {
  font-weight: normal;
  font-size: 16px;
  text-align: left;
  padding-top: 10px;
  margin: 0
}

.pd-modal-box h5 {
  padding-top: 0;
  margin-bottom: 25px
}

.pd-modal-box h6 {
  font-size: 16px;
  margin: 0;
  font-weight: normal;
  padding-bottom: 10px
}

.pd-modal-box p {
  font-size: 16px;
  margin: 0;
  padding: 0
}

.pd-modal-btn {
  text-align: center;
  padding-top: 20px
}

.pd-modal-btn p {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
  width: 100%;
  max-width: 210px;
  text-align: center;
  color: #fff;
  background-color: #00bb31;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

body.hidden {
  overflow: hidden
}

.pd-modal-overlay {
  background-image: url("../images/fancy/fancybox_overlay.png");
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer
}

.pd-modal-cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  font-size: 30px;
  background-image: url("../images/ico-cerrar.png");
  background-repeat: no-repeat;
  background-position: center center
}

.itinerario-respon {
  font-style: normal
}

@media screen and (max-width:640px) {
  .pd-modal-wancho {
    padding: 30px 20px 20px 20px
  }

  .itinerario-respon {
    display: block;
    font-size: 12px
  }
}

@media screen and (max-height:400px) {
  .pd-modal {
    display: block;
    overflow-y: auto
  }

  .pd-modal-cell {
    padding: 20px 0;
    display: block
  }
}

.fancybox-inner {
  overflow: auto !important
}

@media screen and (max-height:580px) {
  .fancybox-iframe.idFrameLogin {
    height: 580px !important
  }
}

@media screen and (max-height:640px) and (max-width:1920px) {
  .fancybox-iframe.idFrameMedioCanje {
    height: 632px !important
  }
}

@media screen and (max-height:740px) and (max-width:640px) {
  .fancybox-iframe.idFrameMedioCanje {
    height: 845px !important
  }
}

@media screen and (max-width:480px) {
  .miscanjes-mixto-paso2>p>#btnActualizarConbinacion {
    margin: 12px auto 0 auto !important;
    display: block
  }

  .miscanjes-mixto-paso2>form>p>#btnActualizarConbinacion {
    margin: 12px auto 0 auto !important;
    display: block
  }
}

.text-prox-vj {
  position: absolute;
  color: white;
  left: 93px;
  top: 134px;
  font-weight: bold;
  font-size: 20px;
  margin: 0 auto;
  z-index: 100;
  display: none
}

.text-prox-vj.in-home {
  text-align: center;
  width: 100%;
  top: 45%;
  left: 0
}

.color-prox-vj {
  position: absolute;
  background: #686868;
  width: 318px;
  height: 330px;
  margin: 0 auto;
  opacity: .8;
  z-index: 100;
  display: none
}

.color-prox-vj.in-home {
  width: 100%;
  height: 100%
}

#articlePaquete .detalle-compra {
  display: block !important
}

.bienvenida-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  transition: all .5s
}

.bienvenida-modal.active {
  visibility: visible;
  opacity: 1;
  z-index: 1200
}

.bienvenida-modal-cell {
  display: table-cell;
  vertical-align: middle
}

.bienvenida-modal-wancho {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: #fff;
  max-width: 774px;
  padding: 60px 30px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  color: #444;
  margin: 0 auto;
  width: 95%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

.bienvenida-modal-box h3 {
  font-size: 34px;
  margin-bottom: 60px;
  color: #2bb8af;
  text-align: center;
  font-weight: normal;
  display: block
}

.bienvenida-modal-box h3 sup {
  font-size: 18px
}

.bienvenida-modal-box p {
  font-size: 27px;
  line-height: 1.15;
  text-align: center;
  padding: 0;
  max-width: 600px;
  margin: 0 auto;
  display: block;
  margin-bottom: 32px;
  font-weight: 400;
  font-style: normal;
  color: #4f5151
}

.bienvenida-modal-box p sup {
  font-size: 18px
}

.bienvenida-modal-box p strong {
  font-weight: normal
}

.bienvenida-modal-btn {
  text-align: center;
  padding-top: 0
}

.bienvenida-modal-btn a,
.bienvenida-modal-btn button {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  width: 100%;
  max-width: 240px;
  text-align: center;
  color: #fff;
  background-color: #00bb31;
  font-size: 18px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box
}

body.hidden {
  overflow: hidden
}

.bienvenida-modal-overlay {
  background: url(../images/overlay.png);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  cursor: pointer
}

.bienvenida-modal-cerrar {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 16px;
  height: 16px;
  cursor: pointer;
  font-size: 30px;
  background-image: url(../images/ico-cerrar.png) !important;
  background-repeat: no-repeat;
  background-position: center center
}

@media screen and (max-width:640px) {
  .bienvenida-modal-wancho {
    padding: 30px 20px
  }

  .bienvenida-modal-box h3 {
    font-size: 24px
  }

  .bienvenida-modal-box p {
    font-size: 18px
  }

  .bienvenida-modal-box h3 {
    margin-bottom: 32px
  }

  .bienvenida-modal-btn a,
  .bienvenida-modal-btn button {
    font-size: 18px
  }
}

@media screen and (max-height:640px) {
  .bienvenida-modal {
    display: block;
    overflow-y: auto
  }

  .bienvenida-modal-cell {
    padding: 20px 0;
    display: block
  }
}

.lista-carrito-compras {
  position: relative
}

.flotante-principal {
  top: 20px
}

#carrito .espera {
  color: #686868;
  display: block;
  text-align: left;
  padding: 10px;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  position: relative;
  background: white;
  border-radius: 5px;
  box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2)
}

#carrito .espera span {
  display: inline-block;
  background: #ff9500;
  padding: 2px 8px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: white;
  margin-right: 9px;
  position: relative;
  vertical-align: baseline
}

#carrito .espera span:before {
  content: "";
  position: absolute;
  top: 0;
  right: -5px;
  bottom: 0;
  margin: auto;
  width: 6px;
  height: 11px;
  background-image: url("../images/carrito-triangle.png");
  background-size: 6px 11px;
  -webkit-background-size: 6px 11px;
  -moz-background-size: 6px 11px
}

@media screen and (max-width:1100px) {
  #carrito .espera {
    -moz-box-shadow: inherit !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
  }
}

@media screen and (max-width:950px) {
  .flotante-principal {
    top: -40px;
    right: 20px
  }
}

@media screen and (max-width:500px) {
  #carrito .espera {
    border-top: 1px solid #ccc;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    border-radius: inherit
  }

  .flotante-principal {
    position: relative;
    right: inherit;
    top: inherit !important
  }
}

.groupthree-infone-mediocanje:last-child>select {
  font-size: 13px !important
}

@media screen and (max-width:680px) {
  #procesado .confirmacion .compra-canje-detalle article div {
    width: 100% !important
  }
}

body * select {
  color: #333 !important;
  font-size: 14px !important;
  padding-left: 8px
}

body * input ::-webkit-input-placeholder,
body * input :-moz-placeholder,
body * input ::-moz-placeholder,
body * input :-ms-input-placeholder,
body * select ::-webkit-input-placeholder,
body * select :-moz-placeholder,
body * select ::-moz-placeholder,
body * select :-ms-input-placeholder {
  color: #999
}

#calendario-busqueda-ida.error,
#calendario-busqueda-regreso.error {
  color: #4f4f4f !important;
  font-size: 14px !important
}

@media screen and (max-width:640px) {
  .logo-costamar td {
    display: block !important;
    width: 100% !important
  }

  .logo-costamar td h2 span {
    margin-bottom: 10px !important
  }

  .logo-costamar td p {
    text-align: left !important;
    margin-top: 0 !important
  }

  .itinerario-respon td img {
    display: none
  }

  .z-salto-linea {
    display: block
  }
}

.itinerario-respon td img {
  max-width: 100px
}

.comprobante-pasarela {
  clear: both;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  max-width: 572px
}

footer * {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

.campos-obligatorios {
  font-size: 15px;
  padding-bottom: 6px
}

.pop-login {
  display: block;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.pop-login-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 0;
  cursor: pointer
}

.pop-login-cerrar {
  position: absolute;
  top: -7px;
  right: -7px;
  display: block;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-image: url(../images/ico-cerrar.png) !important;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 100
}

.pop-login-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 320px;
  height: 580px;
  background: white;
  margin: auto;
  overflow: hidden
}

.pop-login-ctn {
  position: relative;
  height: 580px
}

.pop-login-cnt iframe {
  height: 115%
}

@media screen and (max-height:600px) {
  .pop-login-box {
    height: 95%
  }

  .pop-login-ctn {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch
  }
}

.cargar-login {
  background: url("../images/pre-carga.gif") 50% 0 no-repeat;
  display: none;
  height: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 1
}

header #logo-usuario #usuario #menu-usuario-opciones:after {
  position: absolute;
  background: url(../images/flechita-menu.gif);
  top: -10px;
  right: 0;
  content: "";
  width: 20px;
  height: 10px;
  z-index: 12
}

header #logo-usuario #usuario #menu-usuario-opciones {
  right: 12px;
  top: 37px;
  z-index: 13
}

header #logo-usuario #usuario #menu-usuario-opciones a span,
header #logo-usuario #usuario #menu-usuario-opciones a,
.cerrarSesion strong.texto {
  font-size: 13px;
  font-weight: normal !important
}

@media screen and (max-width:940px) {
  header #logo-usuario #usuario #menu-usuario-opciones {
    right: 8px;
    top: 45px
  }
}

.p1-form .radiobutton-one label {
  padding-left: 7px
}

@media screen and (max-width:480px) {
  .canjeP3-box.p3Bold p span {
    font-size: 20px
  }
}

#medio-canje #btn-actualizar-puntos,
#medio-canje #btnActualizar,
.btnActualizarConbinacion,
#btnActualizarConbinacion,
#btnActualizarCalculadora {
  background-color: #5fd4cc;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  line-height: 34px;
  width: 90px;
  padding: 0 !important;
  vertical-align: baseline;
  text-transform: capitalize;
  transition: .25s
}

#medio-canje #btn-actualizar-puntos:hover,
#medio-canje #btnActualizar:hover,
.btnActualizarConbinacion:hover,
#btnActualizarConbinacion:hover,
#btnActualizarCalculadora:hover {
  background-color: #60e8df
}

.btnActualizarConbinacion,
#btnActualizarConbinacion,
#btnActualizarCalculadora {
  line-height: 28px;
  height: 28px !important;
  margin-left: 15px;
  width: 80px
}

.capitalize {
  text-transform: capitalize
}

.miscanjes-mixto-paso2>p>input {
  margin-left: 12px;
  margin-right: 12px
}

.irs-slider {
  cursor: pointer
}

#procesado .confirmacion .codigo-detalle .codigo .texto p {
  color: white;
  padding-left: 13px
}

.gif-procesando,
.buscar-vuelo-box {
  text-align: center
}

#content-iframe-medio-canje,
#content-iframe-medio-canje iframe,
#content-iframe-medio-canje iframe #section-contenedor {
  min-height: 750px !important;
  border: 0;
  position: relative;
  z-index: 11
}

@media screen and (max-width:1130px) {
  .divContentIframe #ifPerfil {
    height: 1630px !important
  }
}

@media screen and (max-width:800px) {
  .divContentIframe #ifPerfil {
    height: 1800px !important
  }
}

@media screen and (max-width:700px) {
  #content-iframe-medio-canje iframe #transaccion {
    width: 100% !important;
    padding: 0 !important
  }
}

@media screen and (max-width:540px) {
  .divContentIframe #ifPerfil {
    height: 1630px !important
  }
}

@media screen and (max-width:685px) {

  .iframe-main-content-medio-canje,
  #content-iframe-medio-canje,
  #content-iframe-medio-canje iframe,
  #content-iframe-medio-canje iframe #section-contenedor {
    height: 820px !important
  }
}

.invisible {
  visibility: hidden;
  height: 1px;
  width: 1px;
  display: block
}

.lightbox.resend-email {
  width: 100%;
  max-width: 300px;
  border: 1px solid #dbdbdb;
  background-color: white;
  color: #333;
  font-size: 14px;
  height: auto
}

.lightbox.resend-email .texto input[type=text] {
  width: 100% !important;
  max-width: 300px !important
}

.lightbox.resend-email {
  padding: 40px 40px 30px !important
}

.b404-wancho {
  width: 95%;
  margin: 0 auto;
  max-width: 450px;
  text-align: center;
  padding: 54px 0 79px 0
}

.b404-img img {
  max-width: 308px;
  height: auto;
  display: block;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 58px
}

.b404-p h2 {
  font-size: 20px;
  font-weight: normal;
  color: #4f5151
}

.b404-p p {
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  color: #666
}

@media screen and (max-width:500px) {
  .b404-wancho {
    padding-top: 0
  }

  .b404-img img {
    max-width: 213px
  }

  .b404-p h2 {
    font-size: 16px
  }
}

.canjeP3-form-box .canjeP3-left label,
.canjeP3-form-box .canjeP3-right label {
  padding-bottom: 4px;
  display: block;
  color: #686868
}

.buscar-vuelo-box {
  font-size: 14px;
  text-align: center;
  height: 280px !important;
  display: flex;
  flex-direction: column;
  justify-content: center
}

.buscar-vuelo-box h4 {
  color: #00b2a9;
  display: block;
  padding: 15px;
  margin: 0
}

.pop-busqueda-both {
  font-size: 0;
  padding: 15px 0 25px 0
}

.pop-busqueda-itine {
  position: relative;
  display: inline-block;
  width: 50%;
  max-width: 160px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.pop-busqueda-itine p {
  font-size: 14px;
  color: #666;
  margin: 0;
  padding: 0 20px;
  display: block
}

.pop-busqueda-itine:first-child p {
  padding-right: 10px
}

.pop-busqueda-vuelta {
  border-left: 2px solid #00b2a9;
  text-align: center
}

@media screen and (max-width:420px) {
  .buscar-vuelo-box {
    height: 290px !important
  }

  .pop-busqueda-itine p span {
    display: block
  }
}

.lightbox.resend-email>span {
  text-align: left;
  display: block;
  margin-bottom: 10px
}

#lista-complementos {
  height: auto;
  max-height: 100px;
  overflow: auto
}

.resultado .tramo ul li:first-child {
  width: 43%;
  height: 120px
}

.resultado .tramo ul li:first-child>p:nth-child(2) {
  vertical-align: top;
  width: 81%;
  word-wrap: break-word
}

@media(max-width:480px) {
  .resultado .tramo ul li:first-child {
    width: auto;
    height: auto
  }

  .resultado .tramo ul li:first-child>p:nth-child(2) {
    width: auto
  }
}

.lPasajeros,
.lPasajeros:first-child {
  text-align: left !important;
  width: 100% !important;
  font-weight: normal !important;
  color: #8b8a8a !important;
  font-size: 16px
}

table.elemento-horizontal {
  width: 100%
}

.lPasajeros td {
  width: 50%;
  padding-top: 25px !important
}

.lPasajeros td:first-child {
  text-align: right
}

.lPasajeros td:nth-child(2) {
  padding-left: 20px
}

#lightbox-comprobante,
#lightbox-comprobante .capa {
  width: 100%;
  height: 100%;
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 10 !important
}

#lightbox-comprobante {
  z-index: 5;
  display: none
}

#lightbox-comprobante .capa {
  z-index: 1;
  background: rgba(8, 8, 8, 0.8)
}

#lightbox-comprobante #lightbox-loading {
  position: absolute;
  display: block !important;
  z-index: 2;
  margin: auto;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 290px;
  z-index: 12 !important
}

#lightbox-comprobante #lightbox-loading.reducir {
  height: 110px
}

@media(max-width:480px) {
  #lightbox-comprobante #lightbox-loading {
    height: 270px
  }

  #lightbox-comprobante #lightbox-loading.reducir {
    height: 115px
  }

  #lightbox-comprobante #lightbox-loading .texto>span {
    margin-bottom: 3px
  }
}

#procesado p {
  margin: 10px 0
}

.loadIframePasarela {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  background-image: url("../images/pre-carga.gif");
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%
}

.flotante-secundario ul.puntos-efectivo {
  margin: 0 auto;
  overflow: hidden;
  width: 88%
}

.flotante-secundario ul.puntos-efectivo li {
  float: left;
  margin: 0;
  padding: 0;
  vertical-align: top;
  display: inline-block
}

.flotante-secundario ul.puntos-efectivo li.pe-left {
  width: 58%;
  font-size: 14px;
  text-align: left;
  padding-bottom: 4px
}

.flotante-secundario ul.puntos-efectivo li.pe-right {
  width: 42%;
  font-size: 15px;
  text-align: right
}

.flotante-secundario ul.puntos-efectivo li.pe-right span {
  font-size: 15px
}

.flotante-secundario ul.puntos-efectivo li.green {
  color: #00add0
}

.flotante-secundario ul.puntos-efectivo li.steal {
  color: #8e8f90
}

.mostrar-full {
  display: block;
  padding: 0 !important;
  width: 100% !important
}

.mostrar-responsive {
  display: none
}

@media(max-width:999px) {
  .mostrar-full {
    display: none
  }

  .mostrar-responsive {
    display: block
  }
}

.tarifa-puntos-pasajeros {
  min-width: 140px;
  width: 180px;
  margin: auto;
  border: 0;
  margin-top: 39px;
  overflow: hidden
}

.tarifa-puntos-pasajeros li {
  width: 50%;
  float: left;
  text-align: left
}

.tarifa-puntos-pasajeros li.right {
  text-align: right
}

.font-14 {
  font-size: 14px !important
}

.icon-check-2 {
  padding-left: 5px
}

@media(max-width:1100px) {
  #conocer .contenidos section .close-tab {
    display: inline-block !important;
    margin: auto
  }
}

#preguntas-frecuentes h2 {
  font-size: 15px !important
}

#preguntas-frecuentes ul>li {
  font-weight: normal
}

.mis-canjes-cnt>p {
  margin-bottom: 12px
}

.paquete-destino {
  padding: 8px 15px;
  font-weight: 500
}

.paquete-detalle {
  padding: 10px 16px
}

.paquete-puntos {
  margin-top: 9px
}

.check-alcance {
  padding: 10px 18px 4px
}

.miscanjes-mixto-paso2 {
  font-weight: 300 !important;
  padding-top: 2px;
  padding-bottom: 8px;
  width: 100% !important
}

@media(max-width:1050px) {
  .filtro-ordenar.comprar {
    max-width: 640px;
    width: 100%;
    float: none
  }
}

@media(max-width:710px) {
  .filtro-ordenar.comprar {
    max-width: 330px;
    width: 100%;
    background-position-x: 96%
  }
}

.buscar-canje {
  padding-left: 10px
}

ul.list__container.menu_bim {
  display: flex;
  justify-content: center
}

@media screen and (max-width:1100px) {
  #menu-principal-opciones li.menu-item a.menu-link.activo {
    border-left: 0;
    margin-right: 0;
    box-sizing: inherit;
    border-bottom: 1px solid #fff
  }

  #menu-principal .principal .menu-item:hover .menu-link,
  #menu-principal .principal .menu-link.activo:hover {
    margin-right: 0;
    box-sizing: inherit;
    border-left: 0;
    border-bottom: 1px solid #fff
  }

  #menu-principal-opciones li.menu-item:last-child a {
    border-bottom: 0 !important
  }
}

@media only screen and (max-width:700px) {
  .interbankbenefit_page .ibkbenefit__container {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .interbankbenefit_page .ibkbenefit__block {
    margin: 0 0 30px 0 !important
  }
}

@media only screen and (max-width:670px) {
  #seguimiento a.boton-buscar {
    margin-left: 0
  }
}

@media screen and (max-width:400px) {
  .buscar-canje {
    width: 100%
  }
}

#detalles-producto .producto .elemento-grupo .elemento select,
#datos-despacho form select,
.filtro-ordenar.comprar,
#detalles-producto .do-cantidad select,
.limiteCompras>.select>select,
.canjeP3-form-box select,
.port-viaje-form .groupthree-one-reg select,
.grouptwo-one-reg>select,
body * select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("../images/ico-desplegar.png");
  background-repeat: no-repeat
}

body * select {
  background-position: 98%
}

@media screen and (max-width:550px) {
  .detalle-oportunidad .do-right {
    margin-left: 0
  }
}

div.cont-busqueda {
  border-top: solid 5px #d8d9d9;
  border-left: solid 1px #d8d9d9;
  border-right: solid 1px #d8d9d9;
  border-bottom: solid 1px #fff;
  display: block;
  min-height: 100px;
  height: 100%;
  box-sizing: border-box;
  margin: 0 auto 0 auto;
  max-width: 982px;
  width: 100%;
  background-color: #fff
}

div.cont-busqueda label {
  float: right;
  margin: 23px 0
}

div.cont-busqueda label.filtro-compra {
  float: left;
  margin-left: 40px;
  background-image: url("../images/ico-desplegar.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 20px;
  text-decoration: underline;
  cursor: pointer;
  line-height: 46px
}

div.cont-busqueda input {
  display: block;
  width: 246px;
  padding: 0 15px;
  float: left;
  box-sizing: border-box;
  margin-right: 10px
}

div.cont-busqueda span {
  cursor: pointer;
  float: inherit;
  margin-right: 40px
}

div.cont-busqueda input.ico-lupa {
  display: block;
  width: 46px;
  height: 46px;
  background-image: url("../images/ico-buscar-n.png");
  background-size: cover;
  border: 0;
  margin-right: 40px
}

div.buscador-ancho {
  position: relative;
  display: block;
  max-width: 100vw;
  margin: 0 !important;
  box-sizing: border-box
}

span.div-busqueda {
  border-bottom: 1px solid #d8d9d9;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: -1
}

@media screen and (max-width:710px) {
  div.cont-busqueda label input {
    width: 212px
  }

  div.cont-busqueda span {
    margin-right: 22px
  }

  .filtro-ordenar.comprar {
    max-width: initial;
    width: 84%
  }
}

@media screen and (max-width:320px) {
  div.cont-busqueda label input[type=button] {
    margin: 0 0 0 5px
  }

  div.cont-busqueda input {
    width: 200px;
    margin: 0
  }
}

table.tarifa-impuestos {
  width: 100%;
  font-size: 14px;
  font-weight: bold;
  margin: 40px auto 15px auto;
  max-width: 200px
}

table.tarifa-impuestos td {
  width: 57%
}

table.tarifa-impuestos td.dato {
  text-align: right;
  padding-right: 5px
}

table.tarifa-impuestos td:not(.dato) {
  text-align: left;
  padding-left: 5px
}

@media screen and (max-width:1100px) {
  table.tarifa-impuestos td.dato {
    padding-right: 8px
  }

  table.tarifa-impuestos td:not(.dato) {
    padding-left: 32px
  }

  table.tarifa-impuestos td {
    width: 50%
  }
}

select::-ms-expand {
  display: none
}

div#slider-viajes {
  display: block;
  height: 600px;
  width: 100%;
  -o-background-size: cover;
  -ms-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center center;
  box-sizing: border-box
}

.banner-home {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  height: 600px
}

.banner-home a .banner-destacados {
  opacity: 0;
  width: 100%;
  max-width: 1400px;
  height: 600px;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  transition: .25s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

.banner-home a .banner-destacados .boton-banner {
  display: block;
  width: 210px;
  line-height: 60px;
  background-color: #0039a6;
  border-radius: 5px;
  margin-top: 45px;
  font-size: 20px
}

.banner-home #banner-compras .banner-destacados .boton-banner,
.banner-home #banner-viajes .banner-destacados .boton-banner {
  margin-top: 31px
}

.banner-home .banner-destacados.banner-destacados-active {
  opacity: 1;
  z-index: 4;
  transition: .25s
}

.banner-home .banner-destacados h2 {
  color: #fff;
  font-size: 40px;
  padding-bottom: 30px
}

.banner-home #banner-que-es .banner-destacados {
  background-image: url("../images/banner-home/banner-home-2/benefit-vitrina-home-1.jpg");
  background-position: center;
  padding-left: 415px
}

.banner-home #banner-que-es .banner-destacados h2 {
  color: #8b8d8e !important;
  font-size: 42px;
  padding: 0
}

.banner-home #banner-que-es .banner-destacados p {
  color: #4e4f52 !important;
  font-size: 20px;
  margin: 45px auto 0 auto;
  display: block;
  max-width: 800px
}

.banner-home #banner-viajes .banner-destacados {
  background-image: url("../images/banner-home/Vitrina-02.jpg");
  background-position: center
}

.banner-home #banner-viajes .banner-destacados h2,
.banner-home #banner-compras .banner-destacados h2 {
  font-size: 60px;
  color: #fff;
  font-weight: 500;
  padding-bottom: 24px;
  line-height: 60px
}

.banner-home #banner-viajes .banner-destacados p,
.banner-home #banner-compras .banner-destacados p {
  font-weight: 500;
  font-size: 24px;
  color: #fff
}

.banner-home #banner-compras .banner-destacados {
  background-image: url("../images/banner-home/Vitrina-03.jpg");
  background-position: center
}

.contenedor-banner {
  position: relative
}

.banner-home-manejadores {
  display: block;
  width: 100%;
  max-width: 1400px;
  height: 40px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  bottom: 0;
  text-align: center;
  padding: 12px 0;
  box-sizing: border-box;
  z-index: 20
}

.banner-home-manejadores a {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 5px;
  transition: .25s
}

.banner-home-manejadores a.manejador-active {
  background-color: #00bb31
}

#slider-viajes {
  display: block;
  max-width: 100%;
  height: 600px;
  position: relative
}

#slider-viajes .slides {
  display: block;
  width: 100%;
  max-height: 600px;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  opacity: 0;
  transition: .25s;
  text-align: center;
  pointer-events: none
}

#slider-viajes .slides img {
  margin: auto;
  min-width: 1400px;
  width: 100%;
  float: right
}

#slider-viajes .slider-viajes-manejadores {
  display: block;
  height: 40px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.34);
  position: absolute;
  bottom: 0;
  z-index: 10;
  text-align: center;
  padding: 12px 0;
  box-sizing: border-box
}

#slider-viajes .slider-viajes-manejadores a {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #fff;
  transition: .25s
}

#slider-viajes .slider-viajes-manejadores a.manejador-active {
  background-color: #00bb31
}

#slider-viajes .slides.slide-active {
  opacity: 1;
  transition: .25s
}

@media screen and (max-width:1024px) {
  .banner-home a .banner-destacados {
    padding: 0 65px
  }

  .banner-home #banner-que-es .banner-destacados p {
    margin-top: 35px
  }

  .banner-home #banner-que-es .banner-destacados {
    padding: 0 !important
  }
}

@media screen and (max-width:800px) {

  .banner-home #banner-que-es .banner-destacados p,
  .banner-home #banner-viajes .banner-destacados p,
  .banner-home #banner-compras .banner-destacados p,
  .banner-home #banner-compras .banner-destacados h2 {
    max-width: 420px
  }

  .banner-home #banner-que-es .banner-destacados img {
    max-height: 70px
  }
}

@media screen and (max-width:550px) {
  .banner-home a .banner-destacados {
    padding: 0 33px
  }

  .banner-home .banner-destacados h2 {
    font-size: 32px !important
  }

  .banner-home #banner-que-es .banner-destacados p {
    margin-top: 35px
  }

  .banner-home #banner-viajes .banner-destacados h2,
  .banner-home #banner-compras .banner-destacados h2 {
    line-height: 32px
  }

  .banner-home #banner-viajes .banner-destacados p,
  .banner-home #banner-compras .banner-destacados p {
    min-width: 254px
  }
}

@media screen and (max-width:425px) {
  .banner-home #banner-que-es .banner-destacados img {
    max-height: 57px
  }
}

@media screen and (max-width:450px) {

  .banner-home #banner-que-es .banner-destacados p,
  .banner-home #banner-viajes .banner-destacados p,
  .banner-home #banner-compras .banner-destacados p {
    max-width: 254px
  }
}

@media screen and (max-width:375px) {
  .banner-home #banner-que-es .banner-destacados img {
    max-height: 50px
  }
}

@media screen and (max-width:320px) {
  .banner-home #banner-que-es .banner-destacados img {
    max-height: 40px
  }
}

.interbankbenefit_page .banner__title span,
.interbankbenefit_page .prologue__title,
.interbankbenefit_page .prologue__text--millas span,
.interbankbenefit_page .ibkbenefit__title {
  color: #00bb31 !important
}

.interbankbenefit_page .btn__ibkbenefit {
  background-color: #00bb31 !important;
  transition: .25s
}

.interbankbenefit_page .btn__ibkbenefit:hover {
  background-color: #06c25e !important
}

.irs-bar,
.irs-line-left {
  background-color: #00bb31 !important
}

.irs-slider {
  border-color: #00bb31 !important
}

.contenedor-formulario-vuelos {
  position: relative;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto
}

@media screen and (max-width:1180px) {
  #programar {
    bottom: 70px
  }
}

@media screen and (max-width:690px) {
  #programar {
    bottom: 45px
  }
}

.filtro-categorias-compras {
  margin: 23px 40px
}

.filtro-categorias-compras h4 {
  padding-top: 26px;
  color: #666;
  font-weight: bold
}

.prologue__bgimage {
  position: relative;
  max-height: 350px;
  max-width: 610px !important;
  width: 100%;
  height: 100%
}

.prologue__bgimage iframe {
  position: absolute;
  width: 100%;
  height: 100%
}

@media screen and (max-width:600px) {
  .prologue__bgimage {
    display: block !important;
    margin: 0 auto 35px auto !important;
    max-width: 490px !important
  }
}

.slider-cnt#slider-descuento {
  min-height: 600px
}

@media screen and (max-width:1023px) {
  .slider-cnt {
    min-height: inherit !important;
    max-height: inherit !important
  }
}

.cont-busqueda .salv1 {
  opacity: 0;
  display: inline-block
}

.cont-busqueda .salv2 {
  opacity: 0;
  line-height: 45px;
  display: inline-block
}

@media screen and (max-width:1050px) {
  .cont-busqueda .salv2 {
    line-height: initial
  }
}

#body-404 {
  margin: 0;
  padding: 0
}

#container-404 {
  max-width: 402px;
  margin: auto;
  text-align: center;
  margin-bottom: 100px
}

#container-404 .img-logo {
  margin: 100px auto 54px auto
}

#container-404 .img-404 {
  width: 306px;
  margin-bottom: 54px
}

#container-404 h3 {
  font-size: 20px;
  color: #4f5151
}

#container-404 p {
  font-size: 14px;
  margin-top: 15px
}

@media screen and (max-width:500px) {
  #container-404 {
    margin-bottom: 40px
  }

  #container-404 .img-logo {
    margin: 40px auto 25px auto
  }

  #container-404 .img-404 {
    width: 213px;
    margin-bottom: 35px
  }

  #container-404 h3 {
    font-size: 16px
  }

  #container-404 {
    max-width: 322px
  }

  #container-404 p {
    display: block;
    margin: 15px auto 0 auto;
    max-width: 260px
  }
}

.grid-item.oportunidad .proximamente {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(105, 105, 105, 0.8);
  color: #fff;
  text-align: center;
  z-index: 1
}

.grid-item.oportunidad .proximamente h3 {
  position: absolute;
  top: calc(50% - 10px);
  right: calc(50% - 62px);
  font-size: 20px;
  font-weight: bold
}

.container-4042 {
  max-width: initial !important
}

.container-4042 .img-4042 {
  margin-top: 80px
}

.container-4042 h3 {
  margin-bottom: 20px
}

.container-4042 p {
  margin-top: 0 !important
}

#detalle-producto .oferta {
  text-decoration: line-through
}

#detalle-producto .oferta .porc-oferta {
  display: inline-block;
  line-height: 25px;
  border-radius: 14px;
  margin-left: 10px;
  padding: 0 5px;
  color: #fff
}

@media screen and (max-width:472px) {
  .grid-item.producto .oferta .porc-oferta {
    margin-bottom: 5px
  }
}

@media screen and (max-width:435px) {
  .grid-item.producto .descripcion {
    height: 180px !important
  }
}

@media screen and (max-width:375px) {
  .grid-item.producto .descripcion {
    height: 210px !important
  }
}

@media screen and (max-width:375px) {
  .grid-item.producto .descripcion {
    height: 230px !important
  }
}

@media screen and (max-width:1024px) {
  #programar {
    width: 100% !important;
    margin: 0;
    max-width: inherit !important;
    padding: 0 !important;
    box-sizing: border-box;
    right: 0;
    left: 0;
    position: inherit
  }

  .contenedor-formulario-vuelos {
    box-sizing: border-box;
    background: gray
  }

  #slider-viajes .slides img {
    min-width: inherit;
    width: 100%;
    height: auto
  }

  #slider-viajes {
    height: inherit !important
  }

  .port-viaje-form .aerolinea {
    margin: 0 !important
  }
}

.salv-viajes {
  opacity: 0;
  display: inline-block
}

iframe[name=google_conversion_frame] {
  position: absolute;
  bottom: 0
}

.bp-content-salv {
  max-width: 100% !important
}

#detalle-descuento {
  display: flex;
  justify-content: center;
  max-width: 1100px;
  margin: auto;
  padding: 20px 25px 100px 25px;
  box-sizing: border-box
}

#detalle-descuento .detalle-desc-info {
  font-weight: bold;
  padding-left: 40px;
  width: 360px
}

#detalle-producto>p {
  display: none
}

#detalle-descuento .detalle-desc-info h3,
#detalle-descuento .detalle-titulo-responsive,
#detalle-producto .detalle-titulo-responsive {
  font-size: 30px;
  color: #4f5151;
  position: relative;
  line-height: 1
}

#detalle-descuento .detalle-desc-info .tipo-local,
#detalle-descuento .tipo-local-responsive,
#detalle-producto>p {
  font-weight: 200;
  font-size: 25px;
  position: relative;
  margin-bottom: 30px;
  padding: 5px 0 10px 0
}

#detalle-descuento .detalle-desc-info .tipo-local:after,
#detalle-descuento .tipo-local-responsive:after,
#detalle-producto>p:after {
  content: "";
  display: block;
  height: 2px;
  width: 64px;
  background-color: #4f5151;
  position: absolute;
  bottom: 0
}

.detalle-desc-info .porcentaje-descuento h4 {
  font-size: 35px;
  color: #666
}

.detalle-desc-info .datos-descuento,
.detalle-desc-info .tabla-info,
#detalle-producto .tabla-info {
  font-size: 14px
}

.detalle-desc-info .datos-descuento {
  margin: 30px 0
}

.detalle-desc-info .datos-descuento li {
  line-height: 24px
}

.detalle-desc-info .tabla-info,
#detalle-producto .tabla-info {
  max-width: 320px;
  width: 100%;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #d8d9d9;
  box-sizing: border-box
}

#detalle-producto .tabla-info {
  border: 0 !important
}

.detalle-desc-info .tabla-info .info-title,
#detalle-producto .tabla-info .info-title {
  display: inline-flex;
  width: 100%
}

.detalle-desc-info .tabla-info .info-title span,
#detalle-producto .tabla-info .info-title span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50px;
  width: 50%;
  border-width: 5px 1px 1px 1px;
  border-style: solid;
  border-color: #d8d9d9;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer
}

#detalle-producto .info-title span {
  border-color: #00bb31 #d8d9d9 #fff #d8d9d9 !important;
  border-width: 5px 1px 0 1px !important;
  margin-bottom: -1px;
  background-color: #fff;
  z-index: 1
}

.detalle-desc-info .tabla-info .info-title span:first-child {
  border-left: 0
}

.detalle-desc-info .tabla-info .info-title span:last-child {
  border-right: 0
}

.detalle-desc-info .tabla-info .info-title span.title-active,
#detalle-producto .tabla-info .info-title span.title-active {
  border-width: 5px 0 0 0;
  border-style: solid;
  border-color: #00bb31
}

.detalle-desc-info strong.ciudad {
  margin-bottom: 10px;
  display: inline-block
}

.detalle-desc-info .tabla-info .info-body,
#detalle-producto .tabla-info .info-body {
  position: relative;
  max-height: 482px
}

#detalle-producto .tabla-info .info-body {
  border: 1px solid #d8d9d9
}

.detalle-desc-info .tabla-info .info-body-1,
.detalle-desc-info .tabla-info .info-body-2 {
  padding: 25px;
  display: none
}

#detalle-producto .tabla-info .info-body .info-body-1 {
  padding: 25px
}

.detalle-desc-info .tabla-info .info-body-active {
  display: block
}

.detalle-desc-info .tabla-info .info-body-1 table {
  margin-bottom: 15px
}

.detalle-desc-info .tabla-info .info-body-1 table td {
  padding: 2px 0
}

.detalle-desc-info .tabla-info .info-body-1 table td:first-child {
  width: 60%
}

.detalle-desc-info .tabla-info .info-body-1 table td:last-child {
  text-align: right;
  vertical-align: top
}

.detalle-desc-info .tabla-info .info-body-1 table td[colspan="2"] {
  text-align: left
}

.detalle-desc-info .tabla-info .info-body-1 .distrito {
  color: #00bb31
}

.detalle-desc-info .tabla-info .info-body-1 table td a {
  color: #686868;
  text-decoration: underline
}

.detalle-desc-info .tabla-info .info-body-1 .ciudad-despliegue a:not(.como-llegar) {
  display: block;
  width: 100%;
  color: #686868;
  background: url("../images/ico-avanzar.png") no-repeat;
  line-height: 50px;
  background-position: 98%;
  transition: .25s
}

.detalle-desc-info .tabla-info .info-body-2 {
  top: 0
}

.detalle-desc-info .tabla-info .info-body-1 li {
  background-image: url("../images/ico-dot.png");
  background-repeat: no-repeat;
  background-position-y: 12px;
  padding-left: 20px !important;
  padding: 5px 0;
  list-style: none
}

.detalle-titulo-responsive,
.tipo-local-responsive {
  display: none
}

@media screen and (max-width:1000px) {
  #detalle-descuento .detalle-desc-info {
    width: inherit
  }

  #contenedor .volver {
    margin-left: 20px !important
  }

  #detalle-producto .detalle-prod-info {
    width: inherit;
    padding-left: 40px
  }
}

@media screen and (max-width:800px) {

  #detalle-descuento,
  #detalle-producto {
    flex-direction: column
  }

  #detalle-descuento .detalle-desc-info h3:after {
    left: calc(50% - 32px)
  }

  #detalle-descuento .detalle-desc-info h3 {
    margin-top: 20px
  }

  #detalle-descuento .detalle-desc-info,
  #detalle-producto .detalle-prod-info {
    padding-left: 0
  }

  #detalle-descuento .detalle-desc-img,
  #detalle-descuento .detalle-desc-info h3,
  #detalle-descuento .detalle-desc-info .porcentaje-descuento,
  #detalle-descuento .detalle-desc-info .datos-descuento {
    text-align: center
  }

  .detalle-desc-info .tabla-info {
    max-width: inherit
  }

  #detalle-descuento .detalle-desc-img {
    width: inherit !important;
    margin-bottom: 30px;
    height: inherit !important
  }

  #detalle-producto .detalle-prod-img {
    width: 100% !important;
    height: inherit !important;
    margin-bottom: 20px !important
  }

  #detalle-producto .detalle-prod-img img {
    width: 100% !important
  }

  .detalle-titulo-responsive,
  .tipo-local-responsive,
  #detalle-producto .detalle-titulo-responsive,
  #detalle-producto>p {
    display: block !important
  }

  .detalle-desc-info h3,
  .detalle-desc-info .tipo-local,
  .detalle-prod-info h3.titulo,
  .detalle-prod-info>p {
    display: none !important
  }
}

#detalle-descuento .detalle-desc-img,
#detalle-producto .detalle-prod-img {
  display: block;
  width: 580px;
  height: 580px
}

@media screen and (max-width:800px) {
  #detalle-descuento .detalle-desc-img img {
    height: auto !important;
    max-width: 100% !important
  }

  #detalle-descuento .detalle-desc-img {
    height: 100%
  }
}

#detalle-descuento .detalle-desc-img img {
  height: 100%;
  max-width: inherit
}

#previa-descuento {
  display: block;
  height: 460px;
  width: 318px;
  box-sizing: border-box;
  background-color: #f2f2f2;
  border: 1px solid #e7e7e7
}

#previa-descuento .img-descuento {
  height: 270px;
  overflow: hidden;
  position: relative
}

#previa-descuento .img-descuento img {
  display: block;
  width: 100%
}

#previa-descuento .descripcion-descuento {
  padding: 10px 18px;
  text-align: left;
  color: #666;
  height: calc(100% - 270px);
  position: relative;
  box-sizing: border-box
}

#previa-descuento .descripcion-descuento h3 {
  font-size: 20px;
  min-height: 50px
}

#previa-descuento .descripcion-descuento h3 a {
  color: #666
}

#previa-descuento .descripcion-descuento p {
  font-size: 14px
}

#previa-descuento .descripcion-descuento p span {
  font-size: 40px
}

#previa-descuento a.detalle {
  font-size: 12px;
  color: #666
}

#previa-descuento .detalle-compra {
  padding: 5px 0;
  position: absolute;
  bottom: 10px;
  right: 18px
}

#previa-descuento a.compra {
  display: inline-block;
  line-height: 30px;
  padding: 0 10px;
  background-color: #0039a6;
  border-radius: 3px;
  font-size: 13px
}

@media screen and (max-width:760px) {
  #lista-descuentos {
    max-width: 486px
  }
}

@media screen and (max-width:520px) {
  #lista-descuentos {
    max-width: 240px
  }
}

@media screen and (max-width:320px) {
  #previa-descuento {
    width: 100%
  }
}

#detalles-p1 {
  min-width: initial;
  z-index: 100
}

.compras-content.cf label {
  margin: 0 9px;
  line-height: 35px
}

.compras-content.cf label:first-child,
.compras-content.cf label:last-child {
  margin: 0
}

.compras-content.cf .filter-categoria {
  margin: 0 2px
}

.despliegue-subCategoria {
  border-top: 1px solid #d8d9d9;
  padding-top: 15px
}

.despliegue-subCategoria label:nth-child(2) {
  margin: 0 !important
}

@media screen and (max-width:650px) {
  div.cont-busqueda label:first-child {
    width: 100%;
    max-width: initial;
    padding: 0 20px;
    box-sizing: border-box
  }

  div.cont-busqueda label:first-child input[type=text] {
    width: calc(100% - 56px)
  }

  div.cont-busqueda input.ico-lupa {
    margin: 0
  }

  div.cont-busqueda label.filtro-compra {
    margin: 0 0 0 20px
  }

  .despliegue {
    margin-top: 30px
  }

  #formBusqueda {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px
  }

  .compras-content.cf label {
    display: inline-block;
    width: 100%;
    margin: 0
  }

  .categoria-compra,
  .subCategoria-compra {
    margin-bottom: 10px
  }

  .despliegue-subCategoria form {
    display: flex;
    flex-wrap: wrap
  }
}

@media screen and (max-width:410px) {

  #formBusqueda,
  .despliegue-subCategoria form {
    display: block
  }
}

#info-body-2 .ciudad-despliegue ul {
  display: flex;
  width: 100%
}

#info-body-2 .ciudad-despliegue div {
  display: block;
  padding-bottom: 15px
}

#info-body-2 .ciudad-despliegue ul li {
  margin: 5px 0
}

#info-body-2 .ciudad-despliegue ul li span.distrito {
  color: #00bb31
}

#info-body-2 .ciudad-despliegue ul li .como-llegar {
  text-decoration: underline;
  font-size: 12px;
  color: #686868
}

#info-body-2 .ciudad-despliegue a:not(.como-llegar):hover {
  background: url("../images/ico-avanzar-activo.png") no-repeat 98%
}

#contenedor .volver {
  max-width: 970px;
  margin: auto;
  padding-top: 90px
}

#contenedor .volver a {
  font-size: 14px;
  color: #686868;
  font-weight: bold
}

#contenedor .volver a span {
  font-size: 10px;
  margin-right: 5px
}

.arrow-detalle-dscto {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  text-align: center;
  background-image: url("../images/ico-avanzar-activo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.detalle-paquete-img img {
  border: 1px solid #ddd;
  max-width: 583px;
  width: 100%;
  margin-right: 40px
}

.cont-detalle-paquete,
#detalle-producto {
  margin-bottom: 120px;
  display: flex;
  justify-content: space-between;
  max-width: 960px
}

#detalle-producto {
  padding-bottom: 130px
}

.cont-detalle-prod .volver {
  max-width: 1100px !important;
  padding-top: 90px !important
}

.detalle-paquete-info,
.detalle-prod-info {
  display: block;
  width: 320px
}

.detalle-prod-info {
  margin-top: 0 !important
}

.detalle-paquete-info .titulo h3,
.detalle-prod-info h3,
.info-marca .titulo h3 {
  font-size: 30px;
  font-family: "Omnes_medium", arial
}

.detalle-paquete-info .titulo p,
.detalle-prod-info>p,
.info-marca .rubro-marca {
  font-size: 28px
}

.detalle-prod-info>p {
  margin-bottom: 20px !important
}

.detalle-prod-info .descripcion-prod {
  font-size: 20px
}

.detalle-paquete-info .titulo p::after,
.detalle-paquete-info .titulo h3::after,
.detalle-paquete-info-responsive .titulo h3::after,
.detalle-prod-info>p::after,
.info-marca .rubro-marca::after {
  content: "";
  background-color: #686868;
  display: block;
  height: 2px;
  width: 65px;
  margin-top: 15px
}

.detalle-paquete-info .costo {
  margin-top: 15px;
  font-size: 14px
}

.detalle-paquete-info .costo .costo-millas,
.detalle-prod-info .do-precio .millas {
  font-size: 35px
}

.detalle-paquete-info .costo p:first-child {
  font-weight: bold
}

.detalle-paquete-info .costo .costo-soles,
.detalle-prod-info .do-precio .soles {
  font-size: 18px
}

.detalle-prod-info .do-precio .millas .mb {
  font-size: 14px
}

.detalle-paquete-info .costo .costo-soles .centavos {
  font-size: 15px
}

.detalle-datos .centavos {
  font-size: 15px
}

.detalle-paquete-info .pasajeros {
  border: 0;
  padding: 0;
  margin: 20px 0;
  display: flex;
  align-items: flex-end
}

.detalle-paquete-info .pasajeros span {
  display: block
}

.detalle-prod-info .do-cantidad {
  margin: 20px 0
}

.detalle-paquete-info .pasajeros .cboPasajerosPaquete,
.detalle-prod-info .do-cantidad #cboSelectCantidad {
  display: inline-block;
  width: 70px;
  background-position: 85%;
  margin: 10px 0 0 0
}

.detalle-paquete-info .pasajeros .btnCanjearPaquete,
.detalle-prod-info .do-cantidad .btn-canje {
  display: inline-block;
  width: 150px;
  line-height: 50px;
  margin-left: 15px;
  background-color: #0039a6;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  transition: .25s
}

@media screen and (max-width:400px) {

  .detalle-paquete-info .pasajeros .btnCanjearPaquete,
  .detalle-prod-info .do-cantidad .btn-canje {
    margin-left: 5px;
    width: 100px;
    font-size: 12px
  }
}

.detalle-paquete-info .pasajeros .btnCanjearPaquete:hover,
.detalle-prod-info .do-cantidad .btn-canje:hover {
  background-color: #3d59c2
}

.detalle-prod-info .pasajeros .btnCanjearPaquete.btn-disabled,
.detalle-prod-info .do-cantidad .btn-canje.btn-disabled {
  background-color: #b5b5b5;
  cursor: default
}

.detalle-prod-info .pasajeros .btnCanjearPaquete.btn-disabled:hover,
.detalle-prod-info .do-cantidad .btn-canje.btn-disabled:hover {
  background-color: #b5b5b5
}

.cont-detalle-condic {
  border: solid #d8d9d9;
  border-width: 0 1px 1px 1px;
  max-width: 320px;
  width: 100%;
  font-size: 14px;
  font-family: "Omnes_Medium", arial;
  font-weight: bold
}

.cont-detalle-condic .titulo {
  display: inline-flex;
  width: 100%
}

.cont-detalle-condic .titulo span {
  display: block;
  width: 50%;
  text-align: center;
  color: #686868;
  cursor: pointer
}

.cont-detalle-condic .titulo span {
  display: block;
  line-height: 50px;
  width: 100%;
  border: solid #d8d9d9;
  border-width: 5px 0 1px 0
}

.cont-detalle-condic .titulo span:last-child {
  border-left: 1px solid #d8d9d9
}

.cont-detalle-condic .titulo span.titulo-activo {
  border-top: 5px solid #00bb31;
  border-bottom: 0
}

.cont-detalle-condic .contenido {
  padding: 25px;
  min-height: inherit;
  box-sizing: border-box;
  display: block
}

.cont-detalle-condic .contenido>div {
  position: absolute;
  width: calc(100% - 50px);
  display: none
}

.cont-detalle-condic .contenido .contenido-activo {
  display: block
}

.cont-detalle-condic .contenido .contenido-detalle ul {
  margin-top: 20px
}

.cont-detalle-condic .contenido .contenido-detalle li {
  list-style-image: url(../images/ico-check.png);
  margin: 10px 20px
}

@media screen and (max-width:850px) {
  .cont-detalle-paquete {
    flex-direction: column
  }

  .detalle-paquete-info .pasajeros a.btnCanjearPaquete {
    margin: 0 0 0 10px
  }

  .detalle-paquete-info .pasajeros .cboPasajerosPaquete {
    margin: 0
  }

  .cont-detalle-condic {
    max-width: inherit;
    width: inherit;
    text-align: left;
    margin: 0 !important
  }

  .detalle-paquete-img {
    margin-right: 0 !important
  }

  .detalle-paquete-img img {
    margin: auto !important;
    display: block
  }

  .detalle-paquete-info {
    width: auto
  }

  .detalle-paquete-img {
    height: 100%
  }
}

.contenido-detalle h2 {
  color: #686868;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-size: 14px;
  display: block;
  font-weight: bold
}

.contenido-detalle h2::before {
  width: 0;
  height: 0
}

.tabla-cotizar .contenido,
.contenido-detalle,
.contenido-condicion {
  padding: 25px
}

.tabla-cotizar .contenido,
.cont-detalle-condic .contenido {
  padding: 0 !important;
  max-height: 482px
}

.cont-detalle-condic .contenido::-webkit-scrollbar-track {
  background-color: gray
}

.tabla-cotizar .contenido {
  height: 315px !important
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
  background-color: transparent !important
}

::-webkit-scrollbar-track {
  background-color: transparent !important
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5)
}

.tabla-cotizar .contenido {
  height: 315px !important
}

.miga-detalle-paquete {
  position: relative
}

.detalle-paquete-img {
  margin-right: 30px
}

.detalle-paquete-img a {
  font-weight: bold;
  color: #686868;
  font-size: 14px;
  margin-bottom: 10px !important;
  display: inline-block;
  position: relative;
  padding-left: 15px
}

.detalle-paquete-img a i {
  margin-right: 10px;
  position: absolute;
  display: block;
  height: 12px;
  top: 3px;
  left: 0
}

.detalle-datos .p-persona {
  font-size: 14px;
  font-family: "omnes_medium", sans-serif;
  font-weight: bold
}

.titulo-cotizar-2 {
  font-size: 14px;
  border-top: 1px solid #d0d0d0;
  padding: 15px 0 5px 0;
  margin-top: 25px
}

#sinStock {
  display: inline-block;
  width: 150px;
  line-height: 50px;
  margin-left: 20px;
  background-color: #ddd;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  cursor: default
}

.cont-top-avisos {
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 33px;
  width: 100%;
  box-sizing: border-box
}

.cont-top-avisos .top-avisos {
  padding: 15px;
  position: relative
}

.top-avisos p {
  display: block;
  width: 80%;
  margin: auto;
  font-size: 15px;
  color: #fff
}

.top-avisos .close-aviso::after {
  content: "X";
  position: absolute;
  color: #fff;
  top: 5px;
  right: 5px;
  font-size: 12px;
  cursor: pointer;
  font-weight: bold
}

@media screen and (max-width:600px) {
  .top-avisos p {
    width: 98% !important;
    font-size: 12px !important
  }
}

@media screen and (max-width:767px) {
  .txt-sin-stock {
    top: inherit !important;
    bottom: 0;
    right: calc(50% - 60px) !important
  }

  .txt-sin-stock .confirmar-sacar {
    margin-top: 5px !important
  }
}

#detalles-producto .soles span {
  font-size: 14px
}

.borde-sin-stock {
  border: 1px solid red !important
}

.txt-sin-stock {
  color: red;
  position: absolute;
  width: 120px;
  right: 0;
  text-align: center;
  top: calc(50% - 15px);
  font-size: 14px;
  display: block !important
}

.sin-stock-hide {
  display: none
}

.alert-sin-stock {
  display: block !important;
  border: 1px solid red;
  width: 760px;
  color: red;
  background-color: rgba(255, 0, 0, 0.08);
  text-align: center;
  padding: 30px 0;
  margin-top: 30px;
  box-sizing: border-box
}

@media screen and (max-width:1100px) {
  .alert-sin-stock {
    width: 100%
  }
}

@media screen and (max-width:1000px) {
  .alert-sin-stock {
    max-width: 582px;
    margin: auto
  }
}

#fueraStock+.elemento-grupo {
  overflow: visible
}

.detalle-paquete-info-responsive .titulo {
  display: none
}

.detalle-paquete-info-responsive .titulo h3 {
  font-size: 30px;
  margin-bottom: 30px
}

@media screen and (max-width:850px) {
  .detalle-paquete-info-responsive .titulo {
    display: block
  }

  .detalle-paquete-info .titulo h3 {
    display: none
  }
}

@media screen and (max-width:767px) {
  .low-stock {
    top: calc(50% - 25px) !important
  }
}

#body-terminosaerolinea h4 {
  color: #009b3a;
  font-size: 18px
}

#body-terminosaerolinea ol li,
#body-terminosaerolinea ul li {
  list-style-type: inherit;
  padding-left: 15px
}

#body-terminosaerolinea ol,
#body-terminosaerolinea ul {
  padding-left: 30px
}

.term-box {
  padding-right: 20px !important
}

#body-terminosaerolinea li {
  font-weight: normal;
  margin-bottom: 10px
}

.low-stock {
  color: red;
  display: block !important;
  position: absolute;
  width: 120px;
  font-size: 14px;
  font-weight: normal;
  right: 75px;
  top: calc(50% - 30px)
}

.filtro-matriz {
  padding-bottom: 0 !important;
  border-radius: 7px;
  position: relative
}

.filtro-por-tabla {
  background-color: #fff;
  border-collapse: separate
}

.filtro-por-tabla .filtro-viaje1 {
  cursor: pointer;
  transition: .25s
}

.cont-filtro-tabla {
  overflow: hidden !important;
  display: flex;
  position: relative
}

.cont-filtro-tabla .filtro-por-tabla:first-child {
  z-index: 10;
  width: calc(100% / 4)
}

.filtro-por-tabla:first-child td {
  width: 100%
}

.cont-filtro-tabla .filtro-por-tabla:last-child {
  position: absolute;
  left: calc(100% / 4);
  height: 100%;
  display: block
}

.filtro-por-tabla:last-child tbody,
.filtro-por-tabla:last-child tbody tr {
  width: 100%;
  height: calc(100% / 4)
}

.filtro-por-tabla .matrixGroup {
  display: flex;
  display: -ms-grid;
  width: 100%
}

.filtro-por-tabla:last-child .matrixGroup td {
  width: calc(100% / 3)
}

.filtro-por-tabla:last-child tr {
  position: absolute;
  left: 0
}

.filtro-por-tabla:last-child tr:nth-child(1) {
  top: 0;
  z-index: 2
}

.filtro-por-tabla:last-child tr:nth-child(2) {
  top: 40px;
  z-index: 3
}

.filtro-por-tabla:last-child tr:nth-child(3) {
  top: 80px;
  z-index: 4
}

.filtro-por-tabla:last-child tr:nth-child(4) {
  top: 120px;
  z-index: 5
}

.filtro-por-tabla .filtro-todos {
  display: flex;
  flex-direction: row;
  font-size: 17px;
  color: #8e8f90
}

@media screen and (max-width:768px) {
  .filtro-matriz {
    margin-bottom: 50px !important
  }

  .filtro-por-tabla .filtro-todos {
    flex-direction: column-reverse;
    font-size: 12px
  }

  .filtro-por-tabla .filtro-todos img {
    transform: rotate(0) !important
  }

  #escalas .lista-lineas-todo td a {
    padding: 6px 0 !important;
    display: inline-block;
    text-align: center !important
  }

  #escalas .lista-lineas-todo td a,
  #escalas .lista-lineas-todo td a span {
    font-size: 10px !important;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
  }

  .matrixGroup a {
    font-size: 12px
  }

  .filtro-matriz .handler {
    display: none !important
  }

  .cont-handler-responsive {
    display: flex !important
  }

  .filtro-por-tabla .filtro-viaje1 img.logo-aerolinea {
    max-width: 60px !important
  }
}

.filtro-por-tabla .filtro-todos img {
  transform: rotate(45deg)
}

.filtro-directo a,
.filtro-escala a,
.filtro-xescala a {
  flex-direction: row !important;
  justify-content: flex-end
}

.filtro-directo a span,
.filtro-escala a span,
.filtro-xescala a span {
  margin-left: 10px;
  font-size: 12px;
  pointer-events: none
}

#escalas .lista-lineas-todo td a {
  text-align: left;
  color: #00add0 !important;
  line-height: 12px;
  font-size: 14px
}

.matrixGroup {
  position: absolute;
  left: 100%;
  transition: .25s
}

.matrixGroup-active {
  left: 0;
  opacity: 1
}

.matrixGroup-pass {
  left: -569px;
  opacity: 0
}

.filtro-por-tabla .close {
  position: absolute;
  background-image: url(../images/ico-cerrar-white.png);
  height: 16px;
  width: 16px;
  top: 0;
  right: 0;
  cursor: pointer;
  transform: scale(0.5);
  display: none
}

.filtro-por-tabla td {
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  height: 40px;
  max-height: 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: .25s;
  position: relative
}

.filtro-por-tabla td:hover {
  background-color: #f2f2f2
}

.filtro-por-tabla .filtro-viaje1 img.logo-aerolinea {
  max-height: 30px;
  max-width: 110px;
  pointer-events: none
}

.filtro-por-tabla .lista-lineas a,
.filtro-por-tabla .filtro-viaje1 a {
  width: 100%;
  height: 100%;
  color: #686868;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  box-sizing: border-box
}

.filtro-matriz .handler {
  position: absolute;
  display: none;
  height: 40px;
  align-items: center;
  justify-content: center;
  width: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  cursor: pointer;
  z-index: 5;
  top: calc(50% - 20px)
}

.filtro-matriz .handler.handler-left {
  left: calc(100% / 4);
  border-radius: 0 2px 2px 0
}

.filtro-matriz .handler.handler-right {
  right: 0;
  border-radius: 2px 0 0 2px
}

.filtro-matriz .handler {
  transition: .25s
}

.filtro-matriz .handler:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8)
}

.filtro-matriz .cont-handler-responsive {
  display: none;
  justify-content: flex-end;
  position: absolute;
  bottom: -35px;
  right: 0
}

.filtro-matriz .cont-handler-responsive .handler-responsive {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  width: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 3px;
  cursor: pointer;
  transition: .25s
}

.filtro-matriz .cont-handler-responsive .handler-responsive:active {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8)
}

.filtro-matriz .cont-handler-responsive .handler-responsive.handler-left {
  margin-right: 5px
}

.linea-activa {
  background-color: #d7d7d7 !important;
  transition: .25s
}

#programar .cont-right-avisos {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 47px;
  margin-bottom: 10px;
  position: relative
}

#programar .cont-right-avisos a {
  color: #fff;
  text-decoration: underline
}

@media screen and (max-width:1024px) {
  #programar .cont-right-avisos {
    margin-bottom: 0
  }
}

#programar .cont-left-avisos {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 47px;
  margin-bottom: 10px;
  position: relative
}

#programar .cont-left-avisos a {
  color: #fff;
  text-decoration: underline
}

@media screen and (max-width:1024px) {
  #programar .cont-left-avisos {
    margin-bottom: 0
  }
}

#body-terminosaerolinea h4 {
  color: #009b3a;
  font-size: 18px
}

#body-terminosaerolinea ol li,
#body-terminosaerolinea ul li {
  list-style-type: inherit;
  padding-left: 15px
}

#body-terminosaerolinea ol,
#body-terminosaerolinea ul {
  padding-left: 30px
}

.term-box {
  padding-right: 20px !important
}

#body-terminosaerolinea li {
  font-weight: normal;
  margin-bottom: 10px
}

#body-terminosaerolinea a {
  font-weight: bold;
  color: #686868;
  text-decoration: underline
}

#main-ranking {
  height: 370px;
  overflow: hidden;
  position: relative
}

#lista-ofertas {
  margin-bottom: 60px
}

@media screen and (max-width:1018px) {
  #main-ranking {
    width: 80%;
    margin: auto
  }
}

@media screen and (max-width:512px) {
  #main-ranking .descripcion {
    min-height: inherit;
    height: 140px !important
  }
}

#main-ranking .ofertGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  left: 100%;
  width: 100%;
  transition: .25s
}

.ofertGroup-active {
  left: 0 !important
}

.ofertGroup-pass {
  left: -100% !important
}

#lista-paquetes-ranking {
  position: relative
}

.handler-ranking {
  display: block;
  height: 80px;
  width: 100%;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 2;
  box-sizing: border-box
}

.handler-ranking .handler {
  display: block;
  height: 100%;
  position: absolute;
  width: 20px;
  cursor: pointer
}

.handler-ranking .handler-left {
  background: url(../images/arrow-explora-left.png) no-repeat;
  left: 0
}

.handler-ranking .handler-right {
  background: url(../images/arrow-explora-right.png) no-repeat;
  right: 0
}

#lightbox-espera .buscar-vuelo-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  font-weight: bold;
  padding: 30px 60px
}

#lightbox-procesando .nueva-busqueda,
#lightbox-espera .nueva-busqueda {
  display: block;
  color: #fff;
  background-color: #00bb31;
  width: 185px;
  line-height: 50px;
  margin: 20px auto;
  border-radius: 5px
}

#lightbox-espera .cambiar-busqueda {
  color: #686868;
  text-decoration: underline
}

.ranking .nombre {
  font-size: 20px;
  font-weight: bold
}

.ranking .descripcion .precio .puntos {
  font-size: 14px;
  font-weight: bold
}

.ranking .descripcion .precio .puntos span {
  font-size: 24px
}

.gif-timer {
  display: block;
  margin: 0 auto 10px auto;
  width: 92px;
  height: 92px;
  box-sizing: border-box;
  border-radius: 50%
}

.congestion-title {
  color: #00b2a9;
  margin-bottom: 15px
}

#lightbox-congestion button {
  background-color: transparent;
  color: #686868;
  text-decoration: underline;
  display: block;
  width: 65px;
  margin: 15px auto 0 auto
}

#lightbox-congestion .buscar-vuelo-box {
  height: 380px !important
}

#lightbox-congestion .buscar-vuelo-box img {
  display: block;
  width: 236px;
  margin: auto
}

#lightbox-reserva .button-options {
  margin-top: 20px;
  display: flex;
  justify-content: space-around
}

#lightbox-reserva .button-options button {
  display: inline-block;
  line-height: 50px;
  width: 88px;
  margin: 0;
  background-color: #00bb31;
  border-radius: 3px;
  padding: 0
}

#lightbox-reserva .close,
#lightbox-perdida .close {
  position: absolute;
  content: url(../images/ico-cerrar.png);
  top: 10px;
  right: 10px;
  cursor: pointer
}

#lightbox-perdida .button-options button {
  display: block;
  margin: 10px auto
}

#lightbox-perdida .button-options button:first-child {
  line-height: 50px;
  margin: 20px auto 0 auto;
  background-color: #00bb31;
  border-radius: 3px;
  padding: 0 20px
}

#lightbox-perdida .button-options button:last-child {
  text-decoration: underline;
  background-color: transparent;
  color: #686868
}

#lightbox-generico {
  position: fixed;
  background: url(../images/fancy/fancybox_overlay.png);
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center
}

.box-generico {
  background-color: #fff;
  border-radius: 30px 0 30px 0;
  min-width: 392px;
  max-width: 400px;
  padding: 25px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  position: relative
}

@media screen and (max-width:430px) {
  .box-generico {
    min-width: 300px
  }
}

.filtro-ordenar-descuentos {
  margin-top: 0
}

#slider-descuento .detalle-oportunidad {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 530px;
  height: 190px;
  box-sizing: border-box
}

#slider-descuento .detalle-oportunidad .do-titulo {
  display: flex;
  justify-content: space-between
}

#slider-descuento .detalle-oportunidad .do-titulo h2 a {
  font-size: 32px;
  color: #fff
}

#slider-descuento .detalle-oportunidad .do-titulo .do-millas .nro {
  font-size: 42px
}

#slider-descuento .detalle-oportunidad .do-detalles {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  align-items: flex-end
}

@media screen and (max-width:550px) {
  #slider-descuento .detalle-oportunidad .do-detalles {
    align-items: center
  }
}

#slider-descuento .detalle-oportunidad .do-detalles .enlace-detalle {
  text-decoration: underline;
  color: #fff
}

#slider-descuento .detalle-oportunidad .no-client a {
  color: #f9b42b
}

.close-modal {
  background: url(../images/ico-cerrar.png) no-repeat;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 12px;
  height: 12px;
  cursor: pointer;
  background-size: cover
}

@media screen and (max-width:1024px) {
  #slider-descuento .detalle-oportunidad {
    width: 100%;
    height: 190px;
    text-align: center
  }

  #slider-descuento .detalle-oportunidad h2 a {
    margin-bottom: 15px
  }
}

@media screen and (max-width:550px) {
  #slider-descuento .detalle-oportunidad>* {
    flex-direction: column
  }

  #slider-descuento .detalle-oportunidad h2 a {
    font-size: 24px !important
  }

  #slider-descuento .detalle-oportunidad .do-titulo .do-millas .nro {
    font-size: 32px
  }

  #slider-descuento .detalle-oportunidad .do-titulo .do-millas {
    text-align: center;
    margin: 0 !important
  }

  #slider-descuento .detalle-oportunidad .do-detalles {
    font-size: 16px
  }

  #slider-descuento .detalle-oportunidad .do-detalles .no-client {
    -webkit-transform: translateY(21px);
    -moz-transform: translateY(21px);
    -ms-transform: translateY(21px);
    transform: translateY(21px)
  }

  #slider-descuento .detalle-oportunidad .do-detalles .enlace-detalle {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
  }
}

@media screen and (max-width:360px) {
  .img-descuento {
    width: 100% !important;
    padding: 0 !important
  }
}

#lista-ofertas p {
  font-size: 25px
}

#lista-ofertas .limiteCompras {
  padding-bottom: 30px;
  margin-top: 50px
}

.title-paquete .separar.centrar,
#lista-ofertas .separar.centrar {
  margin-bottom: 0
}

.title-paquete {
  font-size: 26px !important;
  text-align: center;
  font-family: "omnes_Semibold";
  color: #393939
}

.limite-ofertas {
  max-width: 1100px;
  width: 100%;
  margin: auto
}

.limite-ofertas h2:first-child {
  text-align: center;
  font-size: 33px;
  position: relative;
  margin-top: 40px
}

.limite-ofertas h2 {
  color: #686868
}

.limite-ofertas h2:first-child::after {
  content: "";
  position: absolute;
  display: block;
  width: 65px;
  height: 2px;
  background-color: #686868;
  left: calc(50% - 32px);
  margin-top: 5px
}

#main-ranking a {
  font-size: 12px
}

.slide-home:first-child .banner-destacados,
.slide-home:first-child .banner-destacados h2 {
  color: #686868 !important
}

.slide-home:first-child .banner-destacados .contenido {
  margin-left: 450px
}

.slide-home .banner-destacados img {
  position: absolute;
  height: 100%;
  z-index: -1;
  min-width: 1400px;
  width: 100%;
  top: 0;
  left: 0
}

.slide-home .banner-destacados .boton-banner {
  color: #fff !important;
  margin: 45px auto 0 auto
}

@media screen and (max-width:1025px) {
  .slide-home:first-child .banner-destacados .contenido {
    margin-left: 0
  }
}

#body-terminosaerolinea a {
  font-weight: bold;
  color: #686868;
  text-decoration: underline
}

#main-ranking {
  height: 748px;
  overflow: hidden;
  position: relative;
  z-index: 3
}

#main-ranking .threeGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: absolute;
  left: 100%;
  width: 100%;
  transition: .25s
}

.threeGroup-active {
  left: 0 !important
}

.threeGroup-pass {
  left: -100% !important
}

#lista-paquetes-ranking {
  margin-top: 30px;
  position: relative
}

@media screen and (min-width:1018px) {
  .handler-ranking {
    width: 105% !important;
    left: -24px !important
  }
}

.handler-ranking {
  width: 100%;
  left: 0;
  display: block;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  z-index: 2;
  box-sizing: border-box
}

.handler-ranking .handler {
  display: block;
  height: 100%;
  position: absolute;
  width: 20px;
  cursor: pointer
}

.handler-ranking .handler-left {
  background: url(../images/arrow-explora-left.png) no-repeat;
  background-size: cover;
  left: 0
}

.handler-ranking .handler-right {
  background: url(../images/arrow-explora-right.png) no-repeat;
  background-size: cover;
  right: 0
}

#programar .promo-viajes {
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 47px;
  margin-bottom: 10px;
  position: relative
}

#programar .promo-viajes a {
  color: #fff;
  text-decoration: underline
}

@media screen and (max-width:1024px) {
  #programar .promo-viajes {
    margin-bottom: 0
  }
}

.banner-logo {
  width: auto !important;
  min-width: inherit !important;
  height: auto !important;
  position: relative !important
}

.dato-descuento,
.dato-descuento+td {
  color: #00bb31;
  font-size: 14px;
  font-weight: bold
}

.tabla-total {
  width: 100%
}

.tabla-total td.right {
  text-align: right
}

.tabla-total .dato.dato-descuento {
  text-align: left
}

.tabla-total .dato.dato-descuento+td {
  text-align: right
}

.cont-total p,
.cont-total td {
  font-size: 15px !important
}

.ciudad-despliegue strong.ciudad {
  font-size: 15px
}

.tarifa-puntos-pasajeros-total {
  margin-top: 0
}

.tarifa-puntos-pasajeros-total li {
  font-size: 15px !important
}

.division-total {
  display: block;
  width: 170% !important;
  height: 1px;
  background-color: #e4e5e6;
  margin-top: 7px
}

.opcion-vuelo {
  border: 1px solid #dbdbdb;
  margin-bottom: 20px;
  background-color: #f9fbfb
}

.opcion-vuelo>section.aerolinea {
  margin-bottom: 0 !important
}

.ico-check-paso2-viaje {
  position: absolute !important;
  top: 10px !important;
  left: 0 !important
}

#lightbox-error img {
  display: block;
  margin: auto
}

#slider-viajes .overflow {
  overflow: hidden;
  display: block;
  height: 100%;
  pointer-events: none
}

@media screen and (max-width:512px) {
  #lista-home #main article {
    height: 420px
  }
}

@media screen and (max-width:320px) {
  #lista-home #main article {
    height: 400px
  }
}

#slider-descuento .do-millas {
  min-width: 165px;
  margin-right: 0 !important;
  margin-left: 10px !important
}

.detalle-oportunidad .do-millas {
  text-align: right
}

.vigencia {
  font-size: 10px !important;
  font-weight: 400 !important
}

#formFiltros {
  background: transparent;
  border: 0;
  margin-bottom: 0;
  padding-bottom: 0
}

.limiteCompras.cf {
  padding-bottom: 0 !important
}

.portada-descuento+.buscador-ancho .titulo-general {
  margin-bottom: 0 !important
}

ul.ui-autocomplete {
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: scroll
}

ul.ui-autocomplete li.ui-menu-item {
  line-height: 33px;
  color: #686868;
  font-weight: normal;
  font-size: 15px;
  border-color: #f2f2f2
}

ul.ui-autocomplete li.ui-menu-item:hover {
  border-color: #f2f2f2;
  background-color: #f2f2f2;
  background-image: none
}

#detalles-producto .titulo-general {
  margin: 0 auto 30px auto
}

.tipo-local {
  margin-bottom: 15px !important
}

.shared-panel {
  overflow: auto;
  margin-bottom: 5px
}

.shared-panel p {
  font-size: 12px
}

.shared-panel span {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600
}

.shared {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 0;
  padding: 0;
  background: url("../css/images/facebook.png") no-repeat;
  float: left;
  margin-right: 5px;
  cursor: pointer;
  border-radius: 50%;
  transition: .25s
}

.shared:hover {
  opacity: .85
}

.shared.gp {
  background-position: 0 0;
  background-color: #e62b34
}

.shared.tt {
  background-position: 0 -30px;
  background-color: #43bdf0
}

.shared.ce {
  background-position: 0 -60px;
  background-color: #8a898d
}

.shared.wa {
  background-position: 0 -90px;
  background-color: #0dc143
}

.shared.fb {
  background-position: 0 -120px;
  background-color: #6081c4
}

.st2 {
  border-radius: 0
}

.st3 {
  border-radius: 5px
}

.ui-autocomplete-category.category {
  line-height: 40px;
  color: #999;
  position: relative;
  margin-left: 10px;
  padding-left: 24px
}

.ui-autocomplete-category.category::before {
  content: "";
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  top: calc(50% - 8px);
  left: 0
}

.ui-autocomplete-category.category-Aeropuertos::before {
  background: url("../images/airport.png");
  background-size: cover
}

.ui-autocomplete-category.category-Ciudades::before {
  background: url("../images/city.png");
  background-size: cover
}

.num-ofertas {
  display: none;
  width: 100%;
  text-align: center;
  color: #666;
  font-size: 14px
}

@media screen and (max-width:680px) {
  #main-ranking {
    height: 370px;
    margin-bottom: 10px
  }

  #main-ranking article {
    margin: 0 24px !important
  }

  .handler-ranking {
    width: 100%;
    left: 0
  }

  .handler-ranking span.handler {
    width: 15px;
    height: 59px
  }

  .num-ofertas {
    display: block
  }

  #main-ranking .description {
    height: 140px !important
  }
}

@media screen and (max-width:420px) {
  #main-ranking article {
    margin: 0 !important;
    width: 100%
  }
}

.panel-elegir {
  position: relative
}

.aviso-latam {
  position: absolute;
  margin: 10px;
  bottom: 0;
  border: 1px solid #b33c64;
  color: #b33c64;
  font-size: 13px;
  padding: 15px 25px;
  background-color: transparent
}

.icon-check {
  color: #01bcb4;
  border: 2px solid #01bcb4;
  font-size: 12px;
  line-height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  border-radius: 50%
}

#divForms .icon-ico-calendario {
  top: 30px !important;
  color: #00b2a9
}

.detalle-wancho.informacion a {
  background-color: transparent
}

.detalle-wancho.informacion a:hover {
  border-color: #06c25e !important;
  color: #06c25e !important
}

#menu-principal ul.principal li.menu-item:nth-child(4) {
  display: none
}

#lista-home .agotado,
#lista-compras .agotado {
  position: absolute;
  z-index: 21;
  display: flex;
  width: 100%;
  height: 100%;
  background-color: rgba(242, 242, 242, 0.7);
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  color: #555
}

.flotante-explora.slider-foto .agotado {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  background-color: rgba(242, 242, 242, 0.75);
  align-items: center;
  font-size: 35px;
  font-weight: bold;
  padding-left: 200px;
  color: #333;
  box-sizing: border-box
}

#lista-home .bajo-stock,
#lista-compras .bajo-stock {
  position: absolute;
  z-index: 22;
  color: #e00f5a;
  top: 5px;
  right: 5px;
  font-size: 12px;
  font-weight: bold
}

.flotante-explora.slider-foto .bajo-stock {
  text-align: center;
  color: #e00f5a;
  font-weight: bold;
  padding-right: 10px;
  font-size: 18px
}

.ocultar-div {
  display: none !important
}

#share-container .btn-share a {
  font-size: 32px;
  margin-right: 10px;
  padding: 0;
  height: 100%;
  cursor: pointer
}

#share-container .btn-share.fb-share-button a {
  color: #3b5999 !important
}

#share-container .btn-share a.twitter-share-button-cc {
  color: #00aced !important
}

#share-container .btn-share a.mail-share-button {
  color: #f4c22a !important;
  display: none
}

#share-container .btn-share a.whatsapp-share-button {
  color: #00ae2d !important
}

#share-container i {
  position: relative;
  margin: 0;
  pointer-events: none
}

.override-modal {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center
}

.general-modal {
  display: block;
  background-color: #fff;
  max-width: 390px;
  width: 100%;
  margin: auto;
  border-radius: 3px;
  padding: 40px;
  box-sizing: border-box;
  position: relative
}

.general-modal label {
  display: block;
  width: 100%
}

.general-modal .lbl-mail {
  margin-bottom: 20px
}

.general-modal label span {
  display: block;
  font-size: 14px;
  margin-bottom: 5px
}

.general-modal input[type=text],
.general-modal textarea {
  display: block;
  width: 100%;
  border: 1px solid #c9c9c9;
  box-sizing: border-box;
  font-size: 14px
}

.general-modal input[type=text] {
  padding: 0 10px
}

.general-modal textarea {
  padding: 10px
}

.general-modal .btn-success {
  display: block;
  width: 125px;
  line-height: 50px;
  color: #fff;
  background-color: #00bb31;
  border-radius: 5px;
  margin: 10px auto 0 auto;
  border: 0;
  transition: .25s;
  cursor: pointer
}

.general-modal .btn-cancel {
  display: block;
  width: 125px;
  line-height: 50px;
  color: #00bb31;
  background-color: transparent;
  border: 1px solid #00bb31;
  border-radius: 5px;
  margin: 10px auto 0 auto;
  transition: .25s
}

.general-modal .btn-success:hover {
  background-color: #06c25e
}

.general-modal .btn-cancel:hover {
  border-color: #06c25e;
  color: #06c25e
}

@media screen and (max-width:370px) {

  .general-modal .btn-success,
  .general-modal .btn-cancel {
    width: 100px
  }
}

.general-modal .message {
  margin: auto;
  margin: 30px 0;
  display: flex;
  align-items: center
}

.general-modal .message-int {
  display: flex
}

.general-modal .message i {
  margin-right: 10px
}

.general-modal .check-mail {
  color: #00bb31
}

.general-modal .error-mail {
  color: #d3004b
}

#lightbox-enviar-correo,
#lightbox-envio-correcto,
#lightbox-borrar-direccion,
#lightbox-falta-datos,
#lightbox-guardar-direccion,
#lightbox-direccion-grabada,
#lightbox-sesion-duplicada,
#lightbox-ninio-infante {
  display: none
}

#lightbox-falta-datos .message {
  justify-content: center
}

#lightbox-guardar-direccion .message,
#lightbox-sesion-duplicada .message {
  text-align: center
}

#lightbox-direccion-grabada>div {
  text-align: center
}

#lightbox-direccion-grabada .message {
  text-align: center;
  display: inline-block;
  margin: 5px 0
}

#lightbox-direccion-grabada .icon-check {
  color: #69be29;
  font-size: 100px;
  border: 0;
  margin: 24px auto;
  display: block;
  width: auto
}

#lightbox-guardar-direccion .nombre-direccion {
  background-color: #f2f2f2;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px
}

#lightbox-guardar-direccion .nombre-direccion input {
  margin-top: 8px;
  outline: 0
}

#lightbox-guardar-direccion .nombre-direccion,
#lightbox-guardar-direccion p.error {
  display: none
}

#botonera-comprobante {
  display: flex;
  width: 790px;
  margin: auto;
  text-align: left;
  justify-content: space-around;
  padding-top: 0 !important
}

#botonera-comprobante .botones,
#botonera-comprobante .botones a {
  color: #606060 !important;
  max-width: inherit;
  text-align: left;
  width: auto !important
}

#botonera-comprobante .botones:not(div),
#botonera-comprobante .botones>a {
  padding-top: 8px !important
}

#botonera-comprobante .botones i {
  margin-left: 5px
}

#botonera-comprobante>div {
  display: flex
}

#botonera-comprobante #share-container a {
  font-size: 28px;
  margin-right: 0
}

#botonera-comprobante .botones span {
  color: #4caf50
}

@media screen and (max-width:800px) {
  #botonera-comprobante {
    flex-direction: column;
    align-items: center;
    width: inherit
  }

  .mail-share-button {
    display: none !important
  }
}

.canje-stock {
  display: inline-block;
  position: relative
}

.canje-stock span {
  position: absolute;
  font-size: 12px;
  color: #e00f5a;
  font-weight: bold;
  top: -18px;
  left: calc(50% - 50px)
}

#datos-despacho .option-group {
  display: flex;
  border: 1px solid #999;
  border-radius: 5px;
  overflow: hidden
}

#datos-despacho .option-group .option-item {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
  line-height: 50px;
  border-right: 1px solid #999;
  cursor: pointer;
  transition: .25s
}

#datos-despacho .option-group .option-item:hover {
  background-color: rgba(153, 153, 153, 0.1)
}

#datos-despacho .option-group .option-item.activo {
  background-color: #999;
  color: #fff
}

#datos-despacho .option-group .option-item:last-child {
  border: 0
}

#datos-despacho .plazo-entrega p {
  color: #959595;
  font-size: 12px
}

.clear {
  clear: both
}

#datos-despacho .guardar-direccion {
  margin: 30px auto
}

#datos-despacho .guardar-direccion label:last-child {
  display: block;
  margin-top: 20px
}

#datos-despacho .guardar-direccion label:last-child span {
  font-size: 14px;
  margin-bottom: 5px;
  display: inline-block
}

.cont-elemento {
  padding: 15px;
  background-color: #f2f2f2
}

.cont-elemento h4 {
  margin-bottom: 15px;
  font-weight: bold
}

.direccion-despacho h2 {
  border-bottom: 0 !important;
  margin: 0 !important
}

.direccion-despacho .cont-subtitulo {
  border-bottom: 1px solid #e0e1e1;
  margin-bottom: 20px
}

.direccion-despacho .cont-subtitulo>div:not(.cont-elemento) {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#agregar-direccion {
  color: #00b2a9;
  font-size: 13px;
  text-decoration: underline;
  cursor: pointer
}

#direccionesGuardadas+p {
  display: inline-block;
  font-size: 13px;
  text-decoration: underline;
  margin-top: 15px;
  cursor: pointer;
  color: #959595
}

#direccionesGuardadas+p i {
  font-size: 10px;
  margin-right: 5px
}

.direccion-despacho label[for=nueva-direccion]>span {
  font-size: 14px;
  margin: 15px 0 5px 0;
  display: flex;
  justify-content: space-between
}

.direccion-despacho .cancel-nuevaDireccion {
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  color: #959595
}

.direccion-despacho .cont-elemento {
  margin-bottom: 10px
}

#lightbox-borrar-direccion .message {
  text-align: center;
  font-size: 15px;
  margin-bottom: 5px !important
}

.override-modal .buttons {
  display: flex
}

.datos-contacto h2+p {
  margin-bottom: 5px
}

.datos-contacto .opcion-contacto {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px
}

.datos-contacto .opcion-contacto h4 {
  margin-bottom: 0 !important;
  font-weight: 500
}

.datos-contacto .opcion-contacto p {
  font-size: 13px;
  color: #959595;
  text-decoration: underline;
  cursor: pointer
}

.datos-contacto .option-group {
  margin-bottom: 15px
}

#divForms [id^=buttonContinuar-] {
  min-width: 185px !important;
  width: inherit
}

#programar .nav-viajes {
  display: inline-block;
  line-height: 40px;
  margin: 1px 0
}

#programar .nav-viajes a {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 0 40px;
  color: #686868;
  font-size: 12px;
  display: inline-block;
  height: 100%;
  box-sizing: border-box;
  transition: .25s;
  margin-right: 0;
  text-transform: uppercase;
  -webkit-box-shadow: inset 0 -1px 0 0 transparent;
  -moz-box-shadow: inset 0 -1px 0 0 transparent;
  box-shadow: inset 0 -1px 0 0 transparent
}

#programar .nav-viajes a:hover {
  text-decoration: underline
}

#programar .nav-viajes a#toPaquetes {
  -webkit-box-shadow: inset 0 -1px 0 0 #CCC;
  -moz-box-shadow: inset 0 -1px 0 0 #CCC;
  box-shadow: inset 0 -1px 0 0 #CCC
}

#programar .nav-viajes a.nav-viajes-active {
  box-shadow: 0 -2px 0 0 rgba(255, 255, 255, 0.85)
}

#programar .nav-viajes+.aerolinea {
  border: 0
}

#programar .nav-viajes i {
  transform: translate(-28px, 5px);
  display: inline-block;
  font-size: 20px;
  color: #03b3aa
}

@media screen and (max-width:1024px) {
  .nav-viajes {
    display: flex !important;
    justify-content: space-between
  }

  .nav-viajes a {
    width: 50%;
    text-align: center
  }

  .nav-viajes a:first-child {
    margin-right: 2px !important
  }
}

.detalle-agotado {
  display: inline-block;
  color: #e0035b;
  font-weight: bold;
  font-size: 18px;
  line-height: 50px
}

@media screen and (max-width:1024px) {
  .slider-cnt .agotado {
    padding-left: 0 !important;
    justify-content: center
  }
}

@media screen and (max-width:600px) {
  .slider-cnt .agotado {
    font-size: 24px !important
  }
}

@media screen and (max-width:400px) {
  .detalle-agotado {
    font-size: 14px
  }
}

#contenedor .opciones-detalle {
  margin-top: 0;
  padding-top: 55px
}

.opciones-detalle {
  display: flex;
  justify-content: space-between;
  margin: 22px auto;
  width: 96%;
  max-width: 960px
}

.opciones-detalle .btnVolver a {
  font-size: 17px;
  font-weight: 400;
  color: #686868
}

.opciones-detalle .btnVolver a .material-icons {
  font-size: 14px;
  margin-right: 7px;
  font-weight: bold
}

.opciones-detalle .btnVolver,
.opciones-detalle .btnCompartir {
  font-size: 14px;
  font-weight: bold;
  color: #686868;
  display: inline-block;
  position: relative
}

.opciones-detalle .btnVolver {
  font-size: 10px;
  margin-right: 5px
}

.opciones-detalle .btnCompartir .fa {
  font-size: 10px;
  margin-left: 5px
}

.opciones-detalle .btnCompartir .fa {
  font-size: 14px !important
}

.opciones-detalle .btnCompartir span {
  cursor: pointer
}

.opciones-detalle .btnCompartir {
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  display: block;
  width: 200px;
  text-align: right;
  line-height: 24px
}

.opciones-detalle .btn-share.btn-whatsapp,
.contenedor-redes-sociales .btn-share.btn-whatsapp {
  display: none
}

@media screen and (max-width:800px) {

  .opciones-detalle .btn-share.btn-whatsapp,
  .contenedor-redes-sociales .btn-share.btn-whatsapp {
    display: block
  }
}

.opciones-detalle .share-icons {
  display: flex;
  margin: 0 10px;
  align-items: center;
  transition: .25s;
  position: absolute;
  right: -150px
}

.opciones-detalle .show-share {
  position: absolute;
  transition: .25s;
  right: 22px
}

.opciones-detalle .share-icons .icon-next {
  font-size: 10px;
  margin: 0 5px
}

.opciones-detalle .share-icons .btn-share {
  font-size: 22px;
  margin: 0 2px;
  cursor: pointer
}

.pointer {
  cursor: pointer
}

.opciones-detalle .share-icons [class^=icon-] {
  transition: .1s
}

.opciones-detalle .icon-ico-facebook:hover {
  color: #3b5997 !important
}

.opciones-detalle .icon-ico-twitter:hover {
  color: #2daae2 !important
}

.opciones-detalle .icon-ico-whatsapp:hover {
  color: #25d366 !important
}

.acomodar-racional .opciones-detalle {
  margin: 30px 0
}

.btn-cupon {
  display: inline-block;
  line-height: 38px;
  border-radius: 5px;
  background-color: #5fd4cc;
  color: #fff;
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 14px;
  position: absolute;
  top: -10px;
  left: 120px;
  cursor: pointer;
  text-align: center
}

.cupon-detail {
  display: none
}

.cupon-detail .icon-check {
  border: 0;
  color: #69be28;
  position: absolute;
  top: 10px;
  font-size: 14px;
  left: 220px;
  display: none;
  width: 115px
}

.cupon-detail #check-cupon a {
  color: #5fd4cc;
  text-decoration: underline;
  font-size: 12px;
  margin-left: 10px !important
}

.cupon-detail .error-cupon {
  font-size: 13px;
  color: red
}

.cupon-detail .load-cupon {
  position: absolute;
  display: flex;
  align-items: center;
  font-size: 12px;
  top: 9px;
  left: 190px;
  display: none
}

.cupon-detail .load-cupon img {
  margin-right: 7px;
  width: 22px
}

.cnt-cupon {
  position: relative
}

.cnt-cupon>p {
  margin: 0 !important
}

.line-cupon {
  line-height: 38px
}

.btn-cupone+p {
  display: inline-block
}

.list-cupones {
  height: 38px;
  width: 160px;
  font-size: 13px !important
}

#apply-cupon {
  top: 0;
  left: 190px;
  right: auto
}

#cancel-cupon {
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  line-height: 38px;
  font-size: 13px;
  font-weight: bold;
  left: 200px;
  top: 0
}

.cupon-selected {
  background-color: #d7d7d7;
  color: #666;
  font-size: 13px;
  display: none;
  padding: 10px;
  max-width: 160px;
  width: 100%
}

.dscto-cupon {
  display: none
}

.dscto-cupon.rojo p {
  color: #b33c64 !important
}

@media screen and (max-width:750px) {
  .btn-cupon#show-cupon {
    top: 30px;
    left: 20px
  }
}

@media screen and (max-width:720px) {

  #apply-cupon,
  .load-cupon {
    top: 50px !important;
    left: 20px !important
  }

  #cancel-cupon {
    top: 50px;
    left: 110px
  }
}

@media screen and (max-width:540px) {
  .btn-cupon#show-cupon {
    font-size: 12px
  }
}

@media screen and (max-width:840px) {
  .cupon-selected {
    line-height: 16px;
    padding: 10px;
    max-width: 150px !important
  }

  .btn-cupon#show-cupon {
    line-height: 14px;
    padding: 10px
  }

  .cupon-detail .icon-check {
    top: 60px !important;
    left: 20px !important
  }
}

@media screen and (max-width:390px) {
  .contenedor-cupon {
    width: 100%;
    padding: 0
  }

  #cboCupones {
    width: 60%
  }

  .cupon-selected {
    max-width: none !important;
    box-sizing: border-box;
    width: 60%
  }

  .line-cupon {
    line-height: 16px;
    width: 100%;
    text-align: center
  }

  #cancel-cupon {
    font-size: 12px;
    line-height: 30px;
    left: 0;
    width: 40%;
    text-align: right;
    top: 0;
    position: relative;
    padding-left: 10px
  }

  #apply-cupon {
    padding: 0 10px;
    line-height: 30px;
    font-size: 12px
  }

  #check-cupon {
    width: 0;
    position: relative !important;
    top: 0 !important;
    left: 0 !important
  }

  .cupon-detail #check-cupon a#quitar-cupon {
    margin-left: 0 !important
  }

  .cupon-detail #check-cupon a {
    margin-bottom: 0 !important;
    height: auto !important
  }
}

#contenido-2 table {
  margin-bottom: 15px
}

.btn-success {
  display: block;
  width: 125px;
  line-height: 50px;
  color: #fff;
  background-color: #00bb31;
  border-radius: 5px;
  margin: 10px auto 0 auto;
  border: 0;
  text-align: center;
  transition: .25s
}

#motor-fijo {
  position: fixed;
  max-width: 760px;
  width: 100%;
  top: 0;
  z-index: 12;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  overflow: visible;
  transform: translateY(-130px);
  transition: .25s;
  color: #666;
  max-height: 100vh
}

#motor-fijo .aerolinea {
  overflow: visible
}

#motor-fijo .info-vuelo>* {
  width: 100%
}

#motor-fijo .info-vuelo>div:first-child {
  margin-right: 10px
}

#motor-fijo .filtros-vuelo {
  background-color: #00bb31;
  color: #fff;
  border: 3px solid #00bb31;
  line-height: 26px;
  font-size: 13px;
  padding: 0 10px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

#motor-fijo .filtros-vuelo a {
  color: #fff;
  text-decoration: underline
}

#motor-fijo .info-vuelo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 14px
}

#motor-fijo #btnModificar {
  margin: 0;
  line-height: 38px;
  max-width: 90px;
  font-size: 15px
}

#motor-fijo #btnModificar:hover {
  background-color: #06c25e !important
}

#motor-fijo .ico {
  color: #00bb31;
  margin: 0 7px
}

#motor-fijo .origen-destino::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background-color: #f2f2f2;
  border-radius: 2.5px;
  margin: 8px 0
}

#motor-fijo .detalle-vuelo,
#motor-fijo .detalle-vuelo>ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px
}

#motor-fijo li {
  font-weight: normal
}

#motor-fijo .detalle-vuelo ul:last-child li {
  color: #00add0;
  margin-left: 30px
}

#motor-fijo .aerolinea {
  margin-bottom: 0;
  border: 0;
  border-top: 3px solid #00bb31;
  padding-top: 15px;
  display: none
}

#motor-fijo .aerolinea .icon-flecha-derecha {
  font-size: 16px
}

#motor-fijo .detalle-filtro-vuelo {
  padding: 20px;
  font-size: 14px;
  display: none
}

#motor-fijo .tipo-filtro-vuelo,
#filtro-vuelo-desplegable .tipo-filtro-vuelo {
  margin-bottom: 30px
}

#motor-fijo .tipo-filtro-vuelo,
#motor-fijo .horario-filtro-vuelo,
#filtro-vuelo-desplegable .tipo-filtro-vuelo,
#filtro-vuelo-desplegable .horario-filtro-vuelo {
  display: flex;
  justify-content: space-between
}

#motor-fijo .tipo-filtro-vuelo>label,
#motor-fijo .horario-filtro-vuelo .label,
#filtro-vuelo-desplegable .tipo-filtro-vuelo>label,
#filtro-vuelo-desplegable .horario-filtro-vuelo .label {
  width: 100%
}

#motor-fijo .tipo-filtro-vuelo>label span,
#motor-fijo .horario-filtro-vuelo>.label span,
#filtro-vuelo-desplegable .tipo-filtro-vuelo>label span,
#filtro-vuelo-desplegable .horario-filtro-vuelo>.label span {
  margin-bottom: 5px;
  display: block
}

#motor-fijo .tipo-filtro-vuelo>label:first-child,
#motor-fijo .horario-filtro-vuelo>.label:first-child,
#filtro-vuelo-desplegable .tipo-filtro-vuelo>label:first-child,
#filtro-vuelo-desplegable .horario-filtro-vuelo>.label:first-child {
  margin-right: 40px
}

#motor-fijo .range-text,
#filtro-vuelo-desplegable .range-text {
  display: flex;
  justify-content: space-between
}

#motor-fijo .range-text ul:last-child,
#filtro-vuelo-desplegable .range-text ul:last-child {
  text-align: right
}

#motor-fijo .range-slide,
#filtro-vuelo-desplegable .range-slide {
  margin: 30px 0
}

#motor-fijo .icon-ico-calendario {
  color: #00b2a9
}

#motor-fijo #modificarFechaRegreso[disabled=disabled] {
  background-color: #dbdbdb !important
}

#motor-fijo .select-pasajero {
  position: absolute;
  top: 45px;
  border: 1px solid #ddd;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  background-color: #fff;
  display: none
}

@media screen and (max-width:600px) {
  #motor-fijo .select-pasajero {
    top: 37px
  }
}

#motor-fijo .select-pasajero>li {
  line-height: 50px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #ddd
}

#motor-fijo .select-pasajero>li:last-child {
  text-align: center;
  border-bottom: 0;
  cursor: pointer
}

#motor-fijo .pj-menu {
  display: flex;
  align-items: center;
  float: right
}

@media screen and (max-width:1100px) {
  #motor-fijo {
    max-width: inherit;
    width: 96%
  }
}

@media screen and (max-width:780px) {
  .aerolinea-tituloopcion {
    flex-direction: column
  }

  .aerolinea-tituloopcion .titulo-option.open-filtros {
    margin-top: 15px;
    text-align: right;
    padding: 0;
    justify-content: flex-end
  }
}

@media screen and (max-width:690px) {
  #motor-fijo {
    width: 100%;
    left: 0;
    font-size: 12px;
    overflowY: scroll
  }

  #motor-fijo .info-vuelo,
  #motor-fijo .detalle-vuelo>ul {
    font-size: 12px !important
  }

  #motor-fijo #tipoVueloBusqueda,
  #motor-fijo #tipoClaseVueloBusqueda {
    display: none
  }

  #motor-fijo .filtros-vuelo {
    font-size: 11px
  }

  #motor-fijo #btnModificar {
    font-size: 13px;
    line-height: 25px;
    max-width: 72px
  }

  #motor-fijo .detalle-vuelo ul:last-child li {
    margin-left: 5px
  }

  #motor-fijo span.icon-flecha-derecha {
    display: inline-block
  }

  #motor-fijo .tipo-filtro-vuelo,
  #motor-fijo .horario-filtro-vuelo,
  #filtro-vuelo-desplegable .tipo-filtro-vuelo,
  #filtro-vuelo-desplegable .horario-filtro-vuelo {
    flex-direction: column
  }

  #motor-fijo .detalle-filtro-vuelo>div label:not(:first-child),
  #motor-fijo .detalle-filtro-vuelo>div .label:not(:first-child),
  #filtro-vuelo-desplegable .despl-detalle-filtro-vuelo>div label:last-child,
  #filtro-vuelo-desplegable .despl-detalle-filtro-vuelo>div .label:last-child {
    margin-top: 15px
  }

  #motor-fijo select,
  #motor-fijo input[type=text] {
    height: 38px
  }

  #motor-fijo .groupone-one-reg,
  #motor-fijo .grouptwo-one-reg,
  #motor-fijo .groupthree-one-reg,
  #motor-fijo .groupfour-one-reg,
  #motor-fijo .radiobutton-one {
    padding-left: 0
  }

  #motor-fijo .groupone-flecha-reg {
    display: none
  }

  #motor-fijo .aerolinea {
    padding-top: 30px
  }

  #motor-fijo .pj-menu {
    margin-right: 0
  }

  #motor-fijo #btnModificarBusqueda {
    font-size: 13px;
    height: 40px;
    padding: 0
  }
}

.container-marcas {
  max-width: 982px;
  width: 100%;
  margin: auto
}

.container-marcas .titulo-general {
  text-align: center
}

.menu-marcas {
  border-bottom: 1px solid #d8d9d9;
  margin-bottom: 30px
}

.menu-marcas #marca-ubicacion {
  display: flex;
  justify-content: space-between
}

.menu-marcas #marca-ubicacion li {
  width: 100%;
  text-align: center
}

#marca-ubicacion a {
  font-family: "Omnes_Medium", sans-serif;
  line-height: 93px;
  text-decoration: none;
  color: #8e8f90;
  font-size: 20px;
  width: 100%;
  border: solid #d8d9d9;
  border-width: 5px 0 1px 1px;
  display: block;
  margin-bottom: -1px;
  transition: .25s
}

#marca-ubicacion a>span {
  margin-right: 20px
}

#marca-ubicacion li:last-child a {
  border-right: 1px solid #d8d9d9
}

#marca-ubicacion a.active {
  border-top-color: #6abc29;
  border-bottom-color: #fff
}

#buscarMarca .filtros-marca {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 15px;
  color: #aeafae;
  padding: 0 50px
}

#buscarMarca .filtros-marca-responsive {
  display: none
}

#buscarMarca .filtros-marca-responsive input {
  margin-right: 10px
}

#buscarMarca .filtros-marca .filtro-categoria {
  line-height: 34px;
  background-color: #eee;
  border-radius: 6px;
  margin: 5px 8px;
  font-weight: normal;
  transition: .25s
}

#buscarMarca .filtros-marca .filtro-categoria:hover {
  background-color: #e6e6e6
}

#buscarMarca .filtros-marca .filtro-activo,
#buscarMarca .filtros-marca .filtro-activo:hover {
  background-color: #00bbb2;
  color: #fff
}

#buscarMarca .filtros-marca .filtro-activo span {
  transform: rotate(-45deg)
}

#buscarMarca .filtro-categoria a {
  padding: 0 15px;
  color: inherit;
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  cursor: pointer
}

#buscarMarca .filtro-categoria span {
  margin-left: 12px;
  transition: .1s;
  pointer-events: none
}

#buscarMarca #lista-marcas {
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 100px;
  width: 996px
}

#buscarMarca #lista-marcas a {
  display: flex;
  height: 270px
}

#buscarMarca .marca {
  display: inline-block;
  border: 1px solid #d8d9d9;
  width: 100%;
  max-width: 236px;
  margin: 5px 4px 0 4px;
  min-height: 270px;
  align-items: center;
  overflow: hidden
}

#buscarMarca a:not(.btn-infinite) {
  display: flex;
  justify-content: center;
  height: 100%;
  width: 100%
}

#buscarMarca .filtros-marca a {
  align-items: center
}

#ubicacionMarca {
  margin-bottom: 100px;
  display: none
}

#ubicacionMarca>div:not(#map) {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

#ubicacionMarca #sin-ubicacion {
  position: absolute;
  display: none;
  width: 100%;
  line-height: 40px;
  top: 45px;
  border: 1px solid #dbdbdb;
  font-weight: bold;
  color: #afafaf;
  background-color: #fff;
  padding: 0 10px;
  z-index: 20;
  box-sizing: border-box
}

#ubicacionMarca .txtUbicacion {
  max-width: 320px;
  margin: 0 20px;
  width: 100%;
  position: relative;
  box-sizing: border-box
}

#ubicacionMarca #txtUbicacion {
  width: 100%;
  padding: 0 10px;
  position: relative;
  box-sizing: border-box
}

#ubicacionMarca #txtUbicacion::-ms-clear {
  display: none
}

#ubicacionMarca .txtUbicacionShadow {
  content: "";
  display: none;
  position: absolute;
  height: 100%;
  max-height: 44px;
  top: 1px;
  right: 1px;
  width: 100%;
  box-shadow: inset -75px 0 26px -8px #fff;
  z-index: 1;
  pointer-events: none
}

#ubicacionMarca .borrar-ubicacion {
  position: absolute;
  display: none;
  line-height: 44px;
  top: 1px;
  right: 1px;
  cursor: pointer;
  width: 47px;
  text-align: center;
  color: #9e9e9e;
  background-color: #fff;
  z-index: 2
}

#ubicacionMarca .borrar-ubicacion:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background-color: #dbdbdb;
  position: absolute;
  top: calc(50% - 15px)
}

#ubicacionMarca #ubicacionDispositivo {
  text-decoration: underline;
  font-size: 13px;
  color: inherit;
  display: none
}

#ubicacionMarca iframe,
#ubicacionMarca #map {
  margin-top: 40px;
  display: block;
  width: 100%;
  height: 850px;
  border: 0
}

.pac-container * {
  margin: 0;
  padding: 0;
  line-height: 14px
}

.pac-item {
  font-size: 13px;
  color: #686868;
  padding: 10px 15px;
  transition: .25s;
  cursor: pointer
}

.pac-container::after {
  display: none
}

.pac-item-selected,
.pac-item:hover {
  background-color: #eee
}

.pac-item-query {
  font-size: 15px;
  color: #333
}

.pac-icon {
  display: none
}

.pac-item-query::after {
  content: "";
  display: block;
  width: 100%
}

@media screen and (max-width:1038px) {
  #lista-marcas {
    max-width: 744px;
    margin: auto
  }

  #ubicacionMarca>div:not(#map) {
    flex-direction: column;
    width: 86%;
    margin: auto
  }

  #ubicacionMarca .txtUbicacion {
    margin: 15px 0
  }
}

@media screen and (max-width:768px) {
  #lista-marcas {
    max-width: 500px;
    margin: auto
  }

  #ubicacionMarca #ubicacionDispositivo {
    display: block
  }
}

@media screen and (max-width:512px) {
  #lista-marcas {
    max-width: 248px;
    margin: auto
  }

  #buscarMarca .marca {
    margin-right: 0
  }

  #marca-ubicacion a {
    line-height: 20px;
    font-size: 15px;
    padding: 10px 0
  }

  #ubicacionMarca #map {
    height: 300px;
    width: 96%;
    margin: 20px auto
  }

  #marca-ubicacion a {
    display: flex;
    flex-direction: column
  }

  #marca-ubicacion a>span {
    margin: 0
  }
}

.cont-detalle-marca {
  align-items: flex-start;
  max-width: 960px;
  width: 100%;
  margin: 0 auto 100px auto;
  display: flex;
  justify-content: space-between
}

.cont-detalle-marca img {
  margin-right: 15px
}

.cont-detalle-marca .info-marca {
  width: 320px
}

.cont-detalle-marca .desc-marca {
  font-size: 15px;
  margin: 15px 0
}

.cont-detalle-marca .slogan-marca {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 15px
}

.cont-detalle-marca .cont-locales {
  display: block;
  width: 100%
}

.cont-detalle-marca .cont-locales .titulo {
  line-height: 50px;
  border-top-color: #00bb31 !important;
  text-align: center;
  border: 1px solid #d8d9d9;
  border-top-width: 5px;
  font-size: 19px;
  font-weight: bold
}

.cont-detalle-marca .cont-locales .contenido {
  border-top: 0;
  padding: 25px
}

.cont-detalle-marca .cont-locales .contenido ul {
  font-size: 14px
}

.cont-detalle-marca .cont-locales .contenido ul .ciudad {
  color: #6abc29
}

@media screen and (max-width:1000px) {
  .cont-detalle-marca {
    margin: 0 20px 100px 20px;
    width: inherit
  }
}

@media screen and (max-width:1100px) {
  #menu-principal #marcas {
    max-width: inherit !important
  }

  #menu-principal #marcas span {
    margin: 0
  }
}

@media screen and (max-width:930px) {
  .cont-detalle-marca {
    flex-direction: column
  }

  .cont-detalle-marca img {
    margin: 0 0 20px 0
  }

  .cont-detalle-marca .info-marca {
    width: 100%
  }
}

.cont-cboOrdenarVuelo {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0 30px 0
}

#cboOrdenarVuelo {
  max-width: 210px;
  width: 100%
}

.titulo-option.open-filtros {
  width: auto;
  padding-right: 20px
}

.titulo-option.open-filtros a {
  color: inherit
}

.titulo-option.open-filtros a span {
  font-size: 12px
}

#filtro-vuelo-desplegable {
  background-color: #f9fbfb;
  border: 1px solid #dbdbdb;
  padding: 20px;
  margin-bottom: 30px;
  display: none
}

#filtro-vuelo-desplegable .range-text li {
  font-weight: normal
}

#msgUy {
  display: none;
  width: 100%;
  margin-bottom: 30px;
  padding: 18px 10px;
  border: 3px solid #bce8f1;
  background-color: #d9edf7;
  color: #31708f;
  box-sizing: border-box
}

#comp-producto {
  display: flex;
  align-items: center
}

#comp-producto article.codigo>div {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.out-margin {
  margin: 0
}

.marcasPage .detalle-oportunidad {
  max-width: 530px;
  width: 100%;
  box-sizing: border-box
}

.detalleMarcasPage .cont-locales .contenido-locales {
  display: block;
  max-height: 333px;
  height: 100%;
  border: 1px solid #d8d9d9;
  border-top: 0
}

@media screen and (max-width:430px) {
  #buscarMarca .filtros-marca {
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px;
    display: none
  }

  #buscarMarca .filtros-marca-responsive {
    display: flex;
    flex-direction: column;
    margin: 0 30px
  }

  #buscarMarca .filtros-marca-responsive label {
    margin: 10px 0
  }
}

#evales-detalle #detalle-vale .header-opciones,
.zona-filtros>div .header,
#modal-como-llegar .cerrar-modal,
.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado),
.tarjetas-cliente,
#cupones,
#promocion-detalle-b-page~#tab-promocion .promo-categoria article,
#tab-condiciones,
#promocion-detalle-a-page~#tab-promocion .detalle table tr,
#promocion-detalle-a-page~#tab-promocion,
.dropdown .drop-toggle,
#filtros .filtro .filtro-marca,
#retos>div:last-child .lista-retos,
#retos,
#encuentra-tarjeta>div,
#select-tarjeta,
#categorias .list-categorias,
#mejores-ofertas .promo,
#mejores-ofertas .grupo .promo-secundaria article .detalle-promo,
#mejores-ofertas .grupo,
#banner article>div,
footer>div:nth-child(2),
footer>div:first-child>div:first-child,
footer>div:first-child,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li,
#baseVuelos .vuelo .datos-aerolinea>ul li,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li,
#baseVuelos .vuelo .datos-aerolinea>div,
#baseVuelos .vuelo .datos-aerolinea-responsive>div,
#baseVuelos .vuelo {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#evales-detalle #detalle-vale .social-media,
.banner-generico .dots-banner,
.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado li,
.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado,
.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li .cnt-image,
#list-promociones .responsive-paginator,
#list-promociones .paginator,
#filtros .filtro .filtro-marca li,
#categorias .list-categorias article .categoria,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li .checkbox {
  display: flex;
  justify-content: center;
  align-items: center
}

.all-title-detalle {
  font-size: 30px;
  color: #555;
  position: relative
}

.all-title-detalle::after {
  content: "";
  display: block;
  width: 80px;
  height: 2px;
  background-color: #555;
  position: absolute;
  bottom: -10px
}

.btn-default {
  background-color: #00bb31;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  width: 100%;
  color: #fff;
  border-radius: 3px;
  display: block;
  text-align: center;
  margin: auto;
  transition: .25s;
  cursor: pointer
}

.btn-default:hover {
  background-color: #06c25e
}

.button-blue {
  display: inline-block;
  line-height: 50px;
  min-width: 170px;
  text-align: center
}

.button-blue,
.button-blue-o {
  display: inline-block;
  line-height: 46px;
  min-width: 170px;
  text-align: center;
  border: 2px solid #384a99;
  border-radius: 5px;
  background-color: #384a99;
  color: #fff;
  transition: .25s
}

.button-blue:hover,
.button-blue-o:hover {
  background-color: #7c93dd
}

#docTitularLabel+li select {
  max-width: 100px
}

#docTitularLabel+li input {
  margin-left: 15px
}

#docTitularLabel+li label.error {
  display: block;
  padding-left: 5px
}

.button-blue-o {
  background-color: transparent;
  border: 2px solid #384a99;
  color: #384a99
}

.button-blue-o:hover {
  background-color: transparent;
  border-color: #384a99
}

.captcha {
  display: block;
  width: 288px;
  height: 72px;
  background-color: lightgray;
  margin: 15px 0
}

#logo-usuario {
  display: flex;
  justify-content: space-between;
  padding: 0 40px 30px 40px !important
}

#logo-usuario>.log-reg {
  display: flex;
  align-items: center
}

#logo-usuario>.log-reg .iniciar {
  position: relative !important;
  right: 0;
  height: auto
}

#logo-usuario>.log-reg a {
  line-height: 26px !important;
  border: 2px solid #384a99;
  box-sizing: border-box;
  font-size: 12px !important;
  background-color: #384a99 !important;
  color: #fff;
  margin-top: 0 !important;
  padding: 0 35px;
  border-radius: 5px;
  transition: .25s;
  width: 145px;
  text-align: center
}

#logo-usuario>.log-reg a:first-child {
  margin-right: 10px
}

#logo-usuario>.log-reg a:hover {
  background-color: #7c93dd !important;
  border-color: #7c93dd !important
}

@media screen and (max-width:670px) {
  #logo-usuario>.log-reg a {
    padding: 0 15px;
    font-size: 13px !important;
    width: 90px !important
  }
}

#logo-usuario>.log-reg #btnRegister {
  background-color: transparent !important;
  color: #384a99;
  transition: .25s
}

@media screen and (max-width:670px) {
  #logo-usuario>.log-reg #btnRegister {
    margin-right: 3px
  }
}

#logo-usuario>.log-reg #btnRegister:hover {
  color: #7c93dd
}

@media screen and (max-width:670px) {
  #logo-usuario>.log-reg {
    position: absolute;
    top: 80px;
    right: 15px
  }

  #logo-usuario>.log-reg .iniciar {
    top: 0;
    margin-right: 0
  }
}

#datos-despacho label[for=nroDocumentoBoleta] {
  position: absolute;
  top: 50px;
  left: 110px
}

#formCanjePaso3 .valor-diferencia .botonera {
  border-top: 0
}

#formCanjePaso3 .valor.canjeP3-box {
  border-bottom: 0
}

#lightbox-direccion-grabada h3 {
  font-size: 20px;
  color: #00bb31
}

#lightbox-direccion-grabada p {
  max-width: 220px
}

#lightbox-direccion-grabada img {
  margin-top: 10px
}

#lightbox-ninio-infante {
  text-align: center
}

#lightbox-ninio-infante .general-modal {
  border-radius: 10px;
  padding: 50px 70px
}

#lightbox-ninio-infante h4 {
  font-weight: bold;
  margin-bottom: 30px
}

#lightbox-ninio-infante .btn-success {
  width: 190px;
  font-size: 14px;
  line-height: 40px;
  margin-top: 30px
}

#tipoDocumentoBoleta {
  background-position: 90% !important
}

#baseVuelos .vuelo {
  align-items: flex-start !important;
  margin-bottom: 20px
}

#baseVuelos .vuelo>div {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  width: 100%;
  border-radius: 3px;
  padding: 20px 12px;
  box-sizing: border-box
}

#baseVuelos .vuelo .datos-aerolinea-responsive {
  display: none;
  margin: 30px auto 0 auto !important
}

#baseVuelos .vuelo .datos-aerolinea-responsive>ul,
#baseVuelos .vuelo .datos-aerolinea-responsive .total {
  padding: 10px 0 !important
}

#baseVuelos .vuelo .datos-aerolinea,
#baseVuelos .vuelo .datos-aerolinea-responsive {
  max-width: 210px;
  margin-left: 10px
}

#baseVuelos .vuelo .datos-aerolinea h4,
#baseVuelos .vuelo .datos-aerolinea-responsive h4 {
  font-weight: bold;
  font-size: 15px;
  color: #555
}

#baseVuelos .vuelo .datos-aerolinea>div,
#baseVuelos .vuelo .datos-aerolinea-responsive>div {
  justify-content: flex-start !important
}

#baseVuelos .vuelo .datos-aerolinea>div h3,
#baseVuelos .vuelo .datos-aerolinea-responsive>div h3 {
  color: #00bb31;
  font-size: 26px;
  margin-right: 3px
}

#baseVuelos .vuelo .datos-aerolinea>div span,
#baseVuelos .vuelo .datos-aerolinea-responsive>div span {
  font-weight: bold;
  color: #00bb31;
  font-size: 13px
}

#baseVuelos .vuelo .datos-aerolinea>div span small,
#baseVuelos .vuelo .datos-aerolinea-responsive>div span small {
  display: block;
  font-size: 9px;
  line-height: 7px
}

#baseVuelos .vuelo .datos-aerolinea>span,
#baseVuelos .vuelo .datos-aerolinea-responsive>span {
  font-size: 14px
}

#baseVuelos .vuelo .datos-aerolinea>ul,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul {
  padding: 10px 0;
  border-bottom: 1px solid #e1e1e1
}

#baseVuelos .vuelo .datos-aerolinea>ul li,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li {
  font-size: 12px;
  color: #555;
  padding: 3px 0
}

#baseVuelos .vuelo .datos-aerolinea>ul li span:last-child,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li span:last-child {
  display: none
}

#baseVuelos .vuelo .datos-aerolinea>ul li.subvencion,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li.subvencion {
  color: #00bb31
}

#baseVuelos .vuelo .datos-aerolinea>ul li .passenger-type,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li .passenger-type {
  font-style: normal;
  text-transform: capitalize
}

#baseVuelos .vuelo .datos-aerolinea .total,
#baseVuelos .vuelo .datos-aerolinea-responsive .total {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 12px;
  color: #555;
  font-weight: bold
}

#baseVuelos .vuelo .datos-aerolinea .total span:last-child,
#baseVuelos .vuelo .datos-aerolinea-responsive .total span:last-child {
  text-align: right
}

#baseVuelos .vuelo .datos-aerolinea .total small,
#baseVuelos .vuelo .datos-aerolinea-responsive .total small {
  display: block;
  color: #757575;
  font-weight: normal
}

#baseVuelos .vuelo .datos-aerolinea .btn-default,
#baseVuelos .vuelo .datos-aerolinea-responsive .btn-default {
  max-width: 105px;
  margin: 7px auto 0 auto;
  font-size: 12px;
  border: 0
}

#baseVuelos .vuelo .btn-paso2-responsive {
  display: none;
  max-width: 120px
}

#baseVuelos .vuelo .datos-vuelo {
  padding: 0
}

#baseVuelos .vuelo .datos-vuelo .datos-ida {
  padding: 20px 17px 5px 17px
}

#baseVuelos .vuelo .datos-vuelo .datos-regreso h3 {
  margin-bottom: 0 !important;
  padding: 10px 17px;
  background-color: #f9fbfb;
  display: inline-block
}

#baseVuelos .vuelo .datos-vuelo .datos-regreso ul:not(.list-modal) {
  margin-bottom: 0 !important;
  padding: 0 17px 30px 17px;
  background-color: #f9fbfb;
  box-sizing: border-box
}

#baseVuelos .vuelo .datos-vuelo h3.fecha {
  font-size: 17px;
  color: #555;
  font-weight: bold;
  margin-bottom: 10px
}

#baseVuelos .vuelo .datos-vuelo h3.fecha i {
  font-size: 14px;
  margin-right: 10px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal) {
  width: 100%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li {
  align-items: flex-start;
  padding: 20px 0
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(1) {
  width: 17.5%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(2) {
  width: 8%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(3) {
  width: 4%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(4) {
  width: 8%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(5) {
  width: 25%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(6) {
  width: 18%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(7) {
  width: 16%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span {
  font-size: 14px;
  color: #555;
  position: relative
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span small {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #757575
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(3) {
  text-align: center
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(5) {
  padding-left: 25px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:nth-child(6) {
  text-align: right;
  padding-right: 20px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span:not(:last-child) {
  margin-right: 10px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas {
  color: #00bb31;
  cursor: pointer;
  position: relative
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas:hover {
  text-decoration: underline
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  padding: 30px 10px 30px 20px;
  z-index: 10;
  width: 550px;
  top: 45px;
  right: -80px;
  box-sizing: border-box;
  max-height: 372px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal>div:not(.close) {
  padding-right: 30px;
  max-height: 315px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal span {
  background: none !important
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal .list-modal-responsive {
  display: none
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 20px;
  margin-bottom: 20px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li {
  padding: 5px 0
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:not(:first-child) {
  align-items: flex-start
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li img {
  max-height: 50px;
  height: 100%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(1) {
  width: 28%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(2) {
  width: 28%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(3) {
  width: 22%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(4) {
  width: 22%
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(1),
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li span:nth-child(2) {
  text-align: left
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:first-child span:not(:first-child) {
  font-size: 15px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:first-child span:first-child {
  font-size: 19px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(3),
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(4) {
  color: #00bb31;
  font-weight: bold;
  font-size: 15px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(3) .fecha,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(4) .fecha {
  color: #757575;
  font-weight: bold;
  font-size: 15px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(3) .hora,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:nth-child(2) span:nth-child(4) .hora {
  color: #555;
  font-weight: bold;
  font-size: 15px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li:last-child {
  justify-content: flex-end;
  width: 100%;
  font-weight: bold;
  font-size: 12px;
  color: #757575;
  padding-top: 20px
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal::after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  background-color: #fff;
  border: solid #e1e1e1;
  border-width: 1px 1px 0 0;
  top: -9px;
  right: 110px;
  transform: rotate(-45deg)
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li.head-list {
  border-bottom: 1px solid #e1e1e1;
  padding: 10px 0
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li.head-list span:nth-child(2),
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li.head-list span:nth-child(4) {
  color: #00bb31
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li:not(.head-list) span:last-child {
  background-image: none;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li input[type=radio] {
  display: none
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li .checkbox {
  height: 12px;
  width: 12px;
  border: 1px solid #384a99;
  border-radius: 50%;
  margin-top: 2px;
  cursor: pointer
}

#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li .checkbox i {
  display: block;
  background-color: #384a99;
  height: 8px;
  width: 8px;
  border-radius: 50%
}

#baseVuelos .vuelo .datos-vuelo .cnt-btn {
  display: none;
  padding-bottom: 30px;
  background-color: #f9fbfb
}

#baseVuelos .vuelo .cnt-aviso {
  background-color: #f9fbfb;
  padding: 10px
}

#baseVuelos .vuelo .cnt-aviso .aviso-latam {
  position: relative;
  margin: 0
}

.close.fa-times {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer
}

@media screen and (max-width:800px) {
  #baseVuelos .datos-aerolinea {
    display: none
  }

  #baseVuelos .datos-aerolinea-responsive {
    display: block !important
  }

  #baseVuelos .datos-vuelo .btn-default {
    border: 0;
    max-width: 120px
  }

  #baseVuelos .btn-paso2-responsive {
    display: block !important
  }

  #baseVuelos .cnt-btn {
    display: block !important
  }
}

@media screen and (max-width:600px) {
  form .detalle-escalas-modal {
    right: 0 !important;
    max-width: 250px !important;
    max-height: 545px !important
  }

  form .detalle-escalas-modal::after {
    right: 30px !important
  }

  form .detalle-escalas-modal>div:not(.close) {
    max-height: 445px !important
  }

  form .list-modal {
    display: none
  }

  form .list-modal-responsive {
    display: block !important
  }

  form .list-modal-responsive:not(:nth-child(1)) {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #e1e1e1
  }

  form .list-modal-responsive>div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left
  }

  form .list-modal-responsive>div img {
    max-height: 48px;
    height: 100%
  }

  form .list-modal-responsive>div:first-child {
    margin-bottom: 15px
  }

  form .list-modal-responsive>div>*:first-child {
    margin-right: 10px
  }

  form .list-modal-responsive>div>* {
    width: 50%
  }

  form .list-modal-responsive>div p {
    font-size: 19px;
    font-weight: bold
  }

  form .list-modal-responsive>div p span {
    font-size: 19px !important
  }

  form .list-modal-responsive>div p small {
    font-size: 12px !important;
    color: #555 !important;
    font-weight: bold !important;
    line-height: 25px
  }

  form .list-modal-responsive>div ul {
    font-size: 12px;
    background-color: #fff !important
  }

  form .list-modal-responsive>div ul .ciudad {
    color: #00bb31
  }

  form .list-modal-responsive>div ul .fecha {
    color: #757575
  }

  form .list-modal-responsive>div ul li {
    line-height: 20px
  }

  form .list-modal-responsive .operado {
    text-align: right;
    color: #757575;
    font-size: 10px;
    margin-top: 15px
  }
}

@media screen and (max-width:450px) {
  form:not(#modificarBusqueda) h3.fecha {
    font-size: 15px !important
  }

  form:not(#modificarBusqueda) h3.fecha i {
    display: none
  }

  form:not(#modificarBusqueda) li span {
    font-size: 12px !important
  }

  form:not(#modificarBusqueda) li span:nth-child(3) {
    width: 0 !important
  }

  form:not(#modificarBusqueda) li span small {
    font-size: 10px !important
  }

  form:not(#modificarBusqueda) li span .icon-flecha-derecha {
    display: none !important
  }

  form:not(#modificarBusqueda) li span:last-child {
    display: none
  }

  form:not(#modificarBusqueda) li span:nth-child(2) {
    margin-right: 5px !important
  }

  form:not(#modificarBusqueda) li span:nth-child(5) {
    margin-right: 0 !important;
    padding-left: 15px !important
  }

  form:not(#modificarBusqueda) li span:nth-child(6) {
    margin-right: 0 !important;
    padding-right: 0 !important
  }

  form:not(#modificarBusqueda) li:not(:first-child) span:not(.material-icons) {
    font-size: 10px !important;
    top: calc(50% - 18px) !important;
    width: 100px;
    right: 70px
  }
}

#menu-principal-opciones {
  display: block
}

#menu-principal-opciones .principal {
  display: flex;
  justify-content: space-around
}

#menu-principal-opciones .agrupadores {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100%+2px) !important;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #e1e1e1
}

#menu-principal-opciones .agrupadores li {
  width: 130px;
  padding: 12px 20px
}

#menu-principal-opciones .agrupadores li:not(:first-child) {
  float: left
}

@media screen and (max-width:1100px) {
  #menu-principal-opciones .principal {
    display: block !important
  }

  #menu-principal-opciones .agrupadores {
    top: calc(100% - 1px) !important;
    width: 100% !important;
    padding: 15px 0 !important
  }

  #menu-principal-opciones .agrupadores li {
    width: 100% !important;
    padding: 0 !important
  }

  #menu-principal-opciones .agrupadores li a {
    background-color: #fff !important;
    border: 0
  }

  #menu-principal-opciones .agrupadores li a::after {
    display: none
  }

  #menu-principal-opciones .agrupadores li:first-child {
    line-height: 35px;
    padding: 0 20px !important
  }
}

#evales-detalle #detalle-vale .header-opciones,
.zona-filtros>div .header,
#modal-como-llegar .cerrar-modal,
.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado),
.tarjetas-cliente,
#cupones,
#promocion-detalle-b-page~#tab-promocion .promo-categoria article,
#tab-condiciones,
#promocion-detalle-a-page~#tab-promocion .detalle table tr,
#promocion-detalle-a-page~#tab-promocion,
.dropdown .drop-toggle,
#filtros .filtro .filtro-marca,
#retos>div:last-child .lista-retos,
#retos,
#encuentra-tarjeta>div,
#select-tarjeta,
#categorias .list-categorias,
#mejores-ofertas .promo,
#mejores-ofertas .grupo .promo-secundaria article .detalle-promo,
#mejores-ofertas .grupo,
#banner article>div,
footer>div:nth-child(2),
footer>div:first-child>div:first-child,
footer>div:first-child,
#baseVuelos .vuelo,
#baseVuelos .vuelo .datos-aerolinea>div,
#baseVuelos .vuelo .datos-aerolinea-responsive>div,
#baseVuelos .vuelo .datos-aerolinea>ul li,
#baseVuelos .vuelo .datos-aerolinea-responsive>ul li,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li>span .detalle-escalas-modal ul.list-modal li {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#evales-detalle #detalle-vale .social-media,
.banner-generico .dots-banner,
.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado li,
.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado,
.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li .cnt-image,
#list-promociones .responsive-paginator,
#list-promociones .paginator,
#filtros .filtro .filtro-marca li,
#categorias .list-categorias article .categoria,
#baseVuelos .vuelo .datos-vuelo form>div>ul:not(.list-modal)>li .checkbox {
  display: flex;
  justify-content: center;
  align-items: center
}

.container {
  max-width: 1106px;
  width: 100%;
  margin: auto;
  box-sizing: border-box
}

.outContainer {
  max-width: 1280px;
  width: 98%;
  margin: auto
}

.btn-azul-o,
.btn-verde-o {
  display: inline-block;
  line-height: 35px;
  padding: 0 20px;
  border: 1px solid #384a99;
  border-radius: 3px;
  color: #384a99;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  margin-top: 10px;
  min-width: 100px
}

.btn-ambar,
.btn-verde,
.btn-azul {
  display: inline-block;
  line-height: 53px;
  border: 2px solid transparent;
  padding: 0 40px;
  background-color: #ff9100;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  margin-top: 20px;
  transition: .25s
}

.btn-ambar.disabled,
.btn-verde.disabled,
.btn-azul.disabled {
  border-color: #f7f7f7;
  background-color: #f0f0f0;
  color: #f7f7f7;
  -webkit-box-shadow: 0 5px 1px -3px transparent;
  -moz-box-shadow: 0 5px 1px -3px transparent;
  box-shadow: 0 5px 1px -3px transparent;
  cursor: default
}

.btn-verde {
  background-color: #00bb31
}

.btn-verde-o {
  background-color: transparent;
  border-color: #00bb31;
  color: #00bb31
}

.btn-azul {
  background-color: #384a99
}

.clearfix {
  clear: both
}

a {
  color: #00bb31;
  text-decoration: none
}

.rotate-icon {
  display: inline-block;
  transform: rotate(180deg)
}

.title-zone h3 {
  color: #384a99;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-align: center
}

.title-zone h4 {
  color: #484848;
  font-size: 36px;
  line-height: 46px;
  text-align: center;
  width: 60%;
  margin: auto
}

@media screen and (max-width:800px) {
  .title-zone h3 {
    font-size: 9px
  }

  .title-zone h4 {
    font-size: 23px;
    line-height: 28px
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal
}

body {
  color: #484848
}

html,
body {
  overflow-x: hidden
}

#gotop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  color: #fff;
  z-index: 10;
  display: block;
  line-height: 40px;
  width: 40px;
  background-color: rgba(0, 0, 0, 0.4);
  padding: 0;
  border: 0;
  border-radius: 50%;
  text-align: center;
  opacity: .5;
  transition: .25s;
  cursor: pointer
}

#gotop:hover {
  opacity: 1;
  background-color: #00bb31
}

footer {
  background-color: #272727
}

footer>div:first-child {
  color: #fff;
  padding: 30px 0
}

footer>div:first-child>div:first-child {
  align-items: flex-start
}

footer>div:first-child>div:first-child ul {
  padding: 0 40px 0 0
}

footer>div:first-child>div:first-child ul:last-child {
  max-width: 250px
}

footer>div:first-child>div:first-child ul li {
  list-style: none;
  padding: 7px 0
}

footer>div:first-child>div:first-child ul li a {
  text-decoration: none;
  color: #fff;
  font-size: 13px;
  font-weight: bold
}

footer>div:first-child>div:first-child ul li a img {
  margin-right: 5px
}

footer>div:first-child>div:first-child ul li a:hover {
  color: #fab428;
  border-bottom: 1px solid #fab428
}

footer>div:first-child>div:last-child {
  max-width: 330px;
  width: 100%;
  font-size: 15px
}

footer>div:first-child>div:last-child p {
  color: #a2a2a2
}

footer>div:first-child>div:last-child ul {
  padding-left: 0
}

footer>div:first-child>div:last-child ul li {
  color: #a2a2a2;
  list-style: none;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0
}

footer>div:first-child>div:last-child ul li span {
  color: #a2a2a2;
  font-weight: bold;
  font-size: 13px
}

footer>div:nth-child(2) {
  padding: 15px 0 25px 0;
  border-top: 1px solid #3d3d3d
}

footer>div:nth-child(2) p {
  color: #8a8a8a;
  font-size: 13px;
  font-weight: bold
}

#banner {
  position: relative;
  overflow: hidden;
  background-color: #fff
}

#banner * {
  box-sizing: border-box
}

#banner article {
  position: absolute;
  width: 100%;
  height: 100%
}

#banner article .layer {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-color: rgba(35, 35, 35, 0.25)
}

#banner article img {
  width: 100%;
  position: absolute;
  top: -32%;
  opacity: .75
}

#banner article>div {
  position: relative;
  z-index: 1;
  color: #fff;
  width: 98%;
  height: 100%
}

#banner article>div>div h2 {
  width: 100%;
  font-size: 72px;
  line-height: 64px;
  color: #fff
}

#banner article>div>div h3 {
  max-width: 450px;
  width: 100%;
  margin-top: 30px;
  font-size: 18px;
  line-height: 32px
}

#banner article>div>div .btn-ambar {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3)
}

#mejores-ofertas {
  padding: 50px 0
}

#mejores-ofertas * {
  box-sizing: border-box
}

#mejores-ofertas .ofertas-responsive-one,
#mejores-ofertas .ofertas-responsive-two {
  display: none
}

#mejores-ofertas .grupo {
  align-items: normal
}

#mejores-ofertas .grupo .promo-principal {
  width: 50%;
  max-width: 548px
}

#mejores-ofertas .grupo .promo-principal article {
  max-width: none;
  height: 100%
}

#mejores-ofertas .grupo .promo-principal article img {
  transition: .25s
}

#mejores-ofertas .grupo .promo-principal article:hover img {
  opacity: .6
}

#mejores-ofertas .grupo .promo-principal article>a {
  height: 100%;
  display: block;
  position: relative
}

#mejores-ofertas .grupo .promo-principal article>a .mask {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(163, 163, 163, 0) 36%, rgba(0, 0, 0, 0.76) 100%)
}

#mejores-ofertas .grupo .promo-principal article .detalle-promo {
  width: 100%;
  padding: 25px 35px;
  position: absolute
}

#mejores-ofertas .grupo .promo-principal article .detalle-promo h5 {
  color: #fff
}

#mejores-ofertas .grupo .promo-principal article .detalle-promo h3 {
  color: #fff !important;
  text-transform: none !important;
  font-size: 44px !important;
  overflow: hidden
}

#mejores-ofertas .grupo .promo-principal article .detalle-promo h3:hover {
  color: #fff !important
}

#mejores-ofertas .grupo .promo-secundaria {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 548px
}

#mejores-ofertas .grupo .promo-secundaria article {
  max-width: none
}

#mejores-ofertas .grupo .promo-secundaria article img {
  transition: .25s
}

#mejores-ofertas .grupo .promo-secundaria article:hover img {
  opacity: .6
}

#mejores-ofertas .grupo .promo-secundaria article:first-child {
  margin-bottom: 30px
}

#mejores-ofertas .grupo .promo-secundaria article>a {
  height: 228px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative
}

#mejores-ofertas .grupo .promo-secundaria article>a .mask {
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(163, 163, 163, 0) 36%, rgba(0, 0, 0, 0.76) 100%)
}

#mejores-ofertas .grupo .promo-secundaria article>a img {
  height: auto
}

#mejores-ofertas .grupo .promo-secundaria article .detalle-promo {
  width: 100%;
  padding: 25px 35px;
  position: absolute
}

#mejores-ofertas .grupo .promo-secundaria article .detalle-promo .clearfix {
  display: none
}

#mejores-ofertas .grupo .promo-secundaria article .detalle-promo h5 {
  color: #fff
}

#mejores-ofertas .grupo .promo-secundaria article .detalle-promo h3 {
  color: #fff !important;
  text-transform: none !important;
  font-size: 30px !important;
  padding-right: 20px !important;
  line-height: 32px !important
}

#mejores-ofertas .grupo .promo-secundaria article .detalle-promo h3:hover {
  color: #fff !important
}

#mejores-ofertas .promo {
  margin-top: 35px
}

#mejores-ofertas .promo article {
  max-width: 257px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  cursor: pointer
}

#mejores-ofertas .promo article>a {
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: #000
}

#mejores-ofertas .promo article>a img {
  display: block;
  width: 100%
}

#mejores-ofertas .promo article .detalle-promo {
  padding: 15px 0;
  bottom: 0
}

#mejores-ofertas .promo article .detalle-promo h5 {
  line-height: 16px;
  font-size: 11px;
  text-transform: uppercase;
  color: #384a99;
  margin-bottom: 5px
}

#mejores-ofertas .promo article .detalle-promo a:not(.btn-azul-o) {
  text-decoration: none
}

#mejores-ofertas .promo article .detalle-promo a:not(.btn-azul-o) h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #484848;
  transition: .25s;
  line-height: 40px
}

#mejores-ofertas .promo article .detalle-promo a:not(.btn-azul-o) h3:hover {
  color: #00bb31
}

#mejores-ofertas .promo article .detalle-promo .btn-azul-o {
  float: right
}

#mejores-ofertas .promo.promo-varios {
  justify-content: flex-start;
  align-items: normal
}

#mejores-ofertas .promo.promo-varios article {
  width: 25%
}

#mejores-ofertas .promo.promo-varios article:not(:last-child) {
  margin-right: 34px
}

#mejores-ofertas .promo.promo-varios article>a {
  max-height: 165px
}

#mejores-ofertas .promo.promo-varios article>a img {
  width: 100%
}

#mejores-ofertas .promo.promo-varios article .btn-azul-o {
  display: none
}

#mejores-ofertas .promo.promo-varios article h3 {
  line-height: 24px !important
}

#mejores-ofertas .promo.promo-principal {
  margin-right: 10px
}

#categorias {
  text-align: center
}

#categorias * {
  box-sizing: border-box
}

#categorias .list-categorias {
  margin: 30px auto 25px auto;
  flex-wrap: wrap
}

#categorias .list-categorias .cnt-article {
  padding-bottom: 12px;
  max-width: calc(100% / 3 - 7px);
  box-sizing: border-box;
  width: 100%
}

#categorias .list-categorias article {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  position: relative
}

#categorias .list-categorias article img {
  width: 100%;
  display: block
}

#categorias .list-categorias article .categoria {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: .25s;
  font-size: 32px
}

#categorias .list-categorias article .categoria:hover {
  background-color: rgba(0, 0, 0, 0.7)
}

#categorias .mas-categorias {
  display: none;
  padding: 0 5px
}

#categorias .mas-categorias .btn-azul-o {
  width: 100%;
  line-height: 50px;
  font-size: 18px
}

#categorias .mas-promociones {
  width: 100%;
  padding: 50px 0;
  -webkit-box-shadow: inset 0 -78px 90px 0 white;
  -moz-box-shadow: inset 0 -78px 90px 0 white;
  box-shadow: inset 0 -78px 90px 0 white;
  position: relative
}

#categorias .mas-promociones::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/promociones/promo-more-desktop.jpg);
  background-size: cover;
  background-position: center;
  opacity: .15;
  top: 0;
  z-index: -2
}

#categorias .mas-promociones .btn-verde {
  margin: auto;
  line-height: 65px;
  font-size: 22px;
  padding: 0 35px
}

#portada-promociones-page {
  position: relative
}

#portada-promociones-page~.container {
  max-width: 1130px
}

#select-tarjeta {
  padding-top: 80px;
  margin-bottom: 60px
}

#select-tarjeta * {
  box-sizing: border-box
}

#select-tarjeta>* {
  width: 100%
}

#select-tarjeta>div:last-child {
  width: 30%;
  padding-left: 30px
}

#select-tarjeta>div:last-child img {
  float: right;
  width: 100%
}

#select-tarjeta h4 {
  font-weight: bold;
  color: #384a99;
  font-size: 12px;
  text-transform: uppercase
}

#select-tarjeta .here {
  width: 70%
}

#select-tarjeta .here>* {
  width: 100%
}

#select-tarjeta .here>img {
  max-width: 314px;
  margin-left: 80px
}

#select-tarjeta .here .dropdown {
  position: relative;
  max-width: 465px;
  width: 100%
}

#select-tarjeta .here .dropdown .drop-toggle {
  display: block;
  font-size: 40px;
  line-height: 70px;
  text-decoration: none;
  color: #484848;
  border: 0;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 20px;
  position: relative
}

#select-tarjeta .here .dropdown .drop-toggle span {
  pointer-events: none
}

#select-tarjeta .here .dropdown .drop-toggle .icon-down {
  font-size: 20px;
  color: #00bb31;
  position: absolute;
  top: calc(50% - 5px);
  right: 20px;
  transition: .25s
}

#select-tarjeta .here .dropdown .drop-list {
  display: none;
  position: absolute;
  top: 70px;
  list-style: none;
  width: 100%;
  border: 1px solid #f0f0f0;
  background-color: #fff;
  padding: 10px 0
}

#select-tarjeta .here .dropdown .drop-list .drop-item {
  border: 0;
  line-height: 50px;
  font-size: 20px;
  padding: 0 20px;
  color: #484848;
  transition: .25s;
  cursor: pointer
}

#select-tarjeta .here .dropdown .drop-list .drop-item:hover {
  color: #00bb31
}

#select-tarjeta .here .list-promo {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  margin: 20px 40px 0 0
}

#select-tarjeta .here .list-promo>div {
  display: flex;
  justify-content: flex-start;
  width: 100%
}

#select-tarjeta .here .list-promo>div>div {
  width: calc((100% / 3) - 20px)
}

#select-tarjeta .here .list-promo>div>div:not(:last-child) {
  margin-right: 30px;
  border-radius: 4px;
  overflow: hidden
}

@media screen and (max-width:800px) {
  #select-tarjeta .here .list-promo>div>div {
    min-width: 100% !important
  }
}

#select-tarjeta .here .list-promo article {
  border-radius: 3px;
  height: 100%;
  position: relative
}

#select-tarjeta .here .list-promo article:not(:last-child) {
  margin-right: 40px
}

#select-tarjeta .here .list-promo article img {
  width: 100%
}

#select-tarjeta .here .list-promo article .detail-promo {
  padding: 15px 0
}

#select-tarjeta .here .list-promo article .detail-promo h4 {
  font-weight: bold;
  font-size: 11px
}

#select-tarjeta .here .list-promo article .detail-promo a {
  text-decoration: none
}

#select-tarjeta .here .list-promo article .detail-promo a h3 {
  font-size: 18px;
  font-weight: bold;
  color: #484848;
  transition: .25s
}

#select-tarjeta .here .list-promo article .detail-promo a h3:hover {
  color: #00bb31
}

#select-tarjeta .here .list-promo article .detail-promo>a.ver-mas {
  text-decoration: none;
  color: #00bb31;
  font-weight: bold;
  font-size: 12px;
  margin-top: 15px;
  display: inline-block;
  position: absolute;
  bottom: 15px
}

#select-tarjeta .here .list-promo article .detail-promo>a.ver-mas .icon-next {
  font-size: 8px;
  margin-left: 7px
}

#select-tarjeta .here .more {
  display: flex;
  align-items: center;
  padding: 20px 0
}

#select-tarjeta .here .more>a {
  font-size: 12px;
  color: #00bb31;
  font-weight: bold;
  cursor: pointer
}

#select-tarjeta .here .more>a .icon-next {
  font-size: 8px;
  margin-left: 4px;
  font-weight: bold
}

#select-tarjeta .here .more .paginator {
  display: inline-flex;
  visibility: hidden;
  margin-left: 40px;
  color: #bdbdbd;
  align-items: center
}

#select-tarjeta .here .more .paginator span {
  font-weight: bold;
  font-size: 11px;
  margin: 0 15px;
  text-transform: uppercase;
  cursor: default;
  transition: .25s
}

#select-tarjeta .here .more .paginator [class*=icon-] {
  transition: .25s;
  font-size: 10px;
  cursor: default
}

#select-tarjeta .here .more .paginator [class*=icon-]:not(.disabled) {
  color: #00bb31;
  cursor: pointer
}

#cuenta-sueldo {
  margin-top: 50px
}

#cuenta-sueldo * {
  box-sizing: border-box
}

#cuenta-sueldo h4 {
  text-transform: uppercase;
  color: #384a99;
  font-size: 12px;
  font-weight: bold
}

#cuenta-sueldo h3 {
  font-size: 40px
}

#cuenta-sueldo>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-height: 580px;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
  margin-top: 20px
}

#cuenta-sueldo>div>* {
  width: 100%;
  overflow: hidden
}

#cuenta-sueldo>div>div:first-child {
  width: 45%
}

#cuenta-sueldo>div>div:first-child h3 {
  line-height: 40px;
  margin-bottom: 50px
}

#cuenta-sueldo>div>div:first-child img {
  width: 100%;
  display: block
}

#cuenta-sueldo>div>a {
  text-decoration: none;
  color: #00bb31;
  font-weight: bold;
  font-size: 14px;
  margin-top: 15px;
  display: inline-block
}

#cuenta-sueldo>div>a .icon-right {
  font-size: 10px;
  margin-left: 7px
}

#cuenta-sueldo>div .list-promo {
  display: flex;
  justify-content: flex-start;
  align-items: normal;
  margin: 20px 0 0 0
}

#cuenta-sueldo>div .list-promo>div {
  min-width: calc(100% / 3);
  max-width: calc(100% / 3)
}

#cuenta-sueldo>div .list-promo>div:first-child article {
  width: calc(100% - 30px);
  float: right
}

#cuenta-sueldo>div .list-promo>div:not(:first-child) {
  padding-left: 30px
}

#cuenta-sueldo>div .list-promo article {
  width: 100%;
  border-radius: 3px;
  overflow: hidden;
  height: 100%;
  position: relative
}

#cuenta-sueldo>div .list-promo article:not(:last-child) {
  margin-right: 40px
}

#cuenta-sueldo>div .list-promo article img {
  width: 100%;
  display: block
}

#cuenta-sueldo>div .list-promo article .detail-promo {
  padding: 15px
}

#cuenta-sueldo>div .list-promo article .detail-promo h4 {
  font-weight: bold;
  font-size: 11px
}

#cuenta-sueldo>div .list-promo article .detail-promo a {
  text-decoration: none
}

#cuenta-sueldo>div .list-promo article .detail-promo a h3 {
  font-size: 18px;
  font-weight: bold;
  color: #484848;
  transition: .25s
}

#cuenta-sueldo>div .list-promo article .detail-promo a h3:hover {
  color: #00bb31
}

#cuenta-sueldo>div .list-promo article .detail-promo>a.ver-mas {
  text-decoration: none;
  color: #00bb31;
  font-weight: bold;
  font-size: 12px;
  margin-top: 15px;
  display: inline-block;
  position: absolute;
  bottom: 15px
}

#cuenta-sueldo>div .list-promo article .detail-promo>a.ver-mas .icon-next {
  font-size: 8px;
  margin-left: 7px
}

#cuenta-sueldo>div .more {
  display: flex;
  align-items: center;
  padding: 20px 0
}

#cuenta-sueldo>div .more>a {
  font-size: 12px;
  color: #00bb31;
  font-weight: bold;
  cursor: pointer
}

#cuenta-sueldo>div .more>a .icon-next {
  font-size: 8px;
  margin-left: 4px;
  font-weight: bold
}

#cuenta-sueldo>div .more .paginator {
  display: inline-flex;
  margin-left: 40px;
  color: #bdbdbd
}

#cuenta-sueldo>div .more .paginator span:not(.icon-right) {
  font-weight: bold;
  font-size: 11px;
  margin: 0 15px;
  text-transform: uppercase;
  cursor: default
}

#cuenta-sueldo>div .more .paginator [class*=icon-] {
  font-size: 13px;
  cursor: default
}

#cuenta-sueldo>div .more .paginator [class*=icon-]:not(.disabled) {
  color: #00bb31;
  cursor: pointer
}

#cuenta-sueldo>div .more .paginator [class*=icon-]:not(.disabled):active {
  transform: translateY(1px)
}

#cuenta-sueldo>div .beneficios {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
  display: none
}

#cuenta-sueldo>div .beneficios h3 {
  font-size: 30px;
  line-height: 36px
}

#cuenta-sueldo>div .beneficios p {
  font-size: 17px;
  margin: 20px 0
}

#cuenta-sueldo>div .beneficios ul {
  display: flex
}

#cuenta-sueldo>div .beneficios ul li a {
  display: flex;
  align-items: center;
  margin-right: 60px;
  font-weight: normal;
  font-size: 14px
}

#cuenta-sueldo>div .beneficios ul li a span {
  color: #484848;
  transition: .25s
}

#cuenta-sueldo>div .beneficios ul li a span:hover {
  color: #00bb31
}

#cuenta-sueldo>div .beneficios ul li a img {
  margin-right: 10px;
  width: 34px
}

#cuenta-sueldo.cuenta-sueldo-nolog>div>div:first-child img {
  margin-left: 0 !important;
  width: 85% !important
}

#cuenta-sueldo.cuenta-sueldo-nolog .more {
  border-bottom: none !important;
  justify-content: flex-start !important
}

#cuenta-sueldo.cuenta-sueldo-nolog .more .paginator {
  visibility: hidden
}

#cuenta-sueldo.cuenta-sueldo-nolog>div {
  max-height: 350px !important
}

@media screen and (max-width:700px) {
  #cuenta-sueldo .beneficios {
    display: block !important;
    text-align: center
  }

  #cuenta-sueldo .beneficios ul {
    justify-content: center
  }
}

#encuentra-tarjeta * {
  box-sizing: border-box
}

#encuentra-tarjeta>div {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  margin: 80px 0
}

#encuentra-tarjeta>div .cnt-image {
  max-width: 280px;
  width: 100%;
  overflow: hidden
}

#encuentra-tarjeta>div .cnt-image img {
  display: block;
  max-width: 320px;
  float: right
}

#encuentra-tarjeta>div div:not(.cnt-image) {
  max-width: 480px
}

#encuentra-tarjeta>div h3 {
  font-size: 40px;
  line-height: 48px;
  margin-bottom: 15px
}

#encuentra-tarjeta>div p {
  font-size: 17px;
  line-height: 24px
}

#encuentra-tarjeta .btn-verde {
  margin: 0 50px 0 0
}

#retos {
  padding: 80px 60px;
  margin-top: 50px;
  border: 1px solid #f0f0f0;
  margin-bottom: 100px;
  align-items: flex-start
}

#retos * {
  box-sizing: border-box
}

#retos>div:first-child {
  margin-right: 80px
}

#retos>div:first-child h3 {
  font-size: 38px
}

#retos>div:first-child p {
  font-weight: bold;
  font-size: 18px;
  margin-top: 10px
}

#retos>div:first-child .btn-azul-o {
  font-size: 22px;
  font-weight: normal;
  line-height: 65px;
  padding: 0 50px;
  margin-top: 30px
}

#retos>div:last-child {
  max-width: 60%;
  width: 100%
}

#retos>div:last-child .lista-retos {
  margin-bottom: 20px
}

#retos>div:last-child .lista-retos>form {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 40px;
  display: flex;
  width: 47%;
  flex-direction: column;
  position: relative
}

#retos>div:last-child .lista-retos>form .checkbox-label {
  margin: 0
}

#retos>div:last-child .lista-retos>form .checkbox-label .ch-label {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase
}

#retos>div:last-child .lista-retos>form p {
  font-size: 12px;
  line-height: 18px;
  margin-top: 15px
}

#retos>div:last-child .lista-retos>form.rt-error {
  border-color: #ff5a5e
}

#retos>div:last-child .lista-retos>form .select-reto {
  position: absolute;
  color: #ff5a5e;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  bottom: -20px;
  left: 0
}

#retos>div:last-child>div:not(.lista-retos) .btn-azul {
  line-height: 65px;
  padding: 0 50px
}

#retos>div:last-child>div:not(.lista-retos) .checkbox-label {
  display: inline-block;
  margin: 0 0 0 30px
}

#retos.retos-page {
  border-bottom: 0
}

#retos.retos-page .lista-retos {
  border: 0;
  padding: 0
}

#retos.retos-page article {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 40px;
  margin-bottom: 35px
}

#tyc-retos,
#tyc-cupones {
  display: none
}

#tyc-retos .general-modal,
#tyc-cupones .general-modal {
  max-width: 85%;
  max-height: 85%;
  padding: 60px;
  box-sizing: border-box;
  overflow-y: scroll
}

#tyc-retos .general-modal h3,
#tyc-cupones .general-modal h3 {
  font-size: 36px;
  margin-bottom: 20px
}

#tyc-retos .general-modal p,
#tyc-cupones .general-modal p {
  line-height: 24px;
  font-size: 17px
}

#breadcrumbs {
  padding: 30px 0;
  border-bottom: 1px solid #707070;
  margin-bottom: 50px
}

#breadcrumbs * {
  box-sizing: border-box
}

#breadcrumbs>* {
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #757575;
  margin-right: 10px
}

#breadcrumbs a {
  text-decoration: none
}

#breadcrumbs .icon-right {
  font-size: 6px;
  vertical-align: middle
}

#breadcrumbs .active {
  color: #484848
}

#filtros {
  display: flex;
  margin: 60px auto 30px auto
}

#filtros * {
  box-sizing: border-box
}

#filtros #cuenta-sueldo {
  margin-top: 0
}

#filtros .filtro {
  margin-right: 90px
}

#filtros .filtro a {
  background: 0
}

#filtros .filtro a .icon-down {
  padding: 0
}

#filtros .filtro a:hover {
  text-decoration: none
}

#filtros .filtro>span {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block
}

#filtros .filtro .filtro-marca {
  width: 250px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  max-height: 52px
}

#filtros .filtro .filtro-marca li {
  width: calc(100% / 3);
  text-align: center;
  height: 50px;
  cursor: pointer;
  transition: .25s
}

#filtros .filtro .filtro-marca li:not(:last-child) {
  border-right: 1px solid #f0f0f0
}

#filtros .filtro .filtro-marca li img {
  max-height: 60%
}

#filtros .filtro .filtro-marca li img.inactive {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  opacity: .4
}

#filtros .filtro .filtro-marca li:hover {
  background-color: #fafafa
}

.filtro-responsive {
  display: none;
  width: 100%;
  line-height: 80px;
  padding: 0 30px;
  box-sizing: border-box;
  cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
  font-weight: bold
}

.filtro-responsive .icon-down {
  font-size: 8px;
  color: #00bb31;
  float: right;
  line-height: 80px;
  transition: .25s
}

.dropdown {
  position: relative
}

.dropdown * {
  box-sizing: border-box
}

.dropdown span {
  pointer-events: none
}

.dropdown .drop-toggle {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  line-height: 50px;
  padding: 0 20px;
  min-width: 250px;
  text-decoration: none
}

.dropdown .drop-toggle span:first-child {
  font-weight: bold;
  color: #484848
}

.dropdown .drop-toggle .icon-down {
  color: #00bb31;
  font-size: 8px;
  transition: .25s;
  pointer-events: none
}

.dropdown .drop-list {
  list-style: none;
  display: none;
  position: absolute;
  top: 49px;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 0 0 3px 3px;
  z-index: 10
}

.dropdown .drop-list .drop-item {
  font-weight: bold;
  line-height: 40px;
  padding: 0 20px;
  cursor: pointer;
  transition: .25s
}

.dropdown .drop-list .drop-item:not(:first-child) {
  border-top: 1px solid #f0f0f0
}

.dropdown .drop-list .drop-item:hover {
  color: #00bb31;
  background-color: #fafafa
}

.dropdown .drop-list .drop-item * {
  pointer-events: none
}

.dropdown .drop-list .drop-item .material-icons {
  color: #00bb31;
  float: right;
  line-height: 40px;
  pointer-events: none
}

#todas-promociones {
  position: relative
}

#list-promociones * {
  box-sizing: border-box
}

#list-promociones .lista {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: normal;
  width: calc(100%+40px);
  margin-left: -20px
}

#list-promociones .lista>div {
  display: block;
  width: calc(100% / 3);
  padding: 20px
}

#list-promociones .lista article {
  width: 100%;
  border: 1px solid #f0f0f0;
  padding: 56px 0 120px 0;
  height: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden
}

#list-promociones .lista article>*:not(.cont-flag) {
  width: 60%;
  margin: auto
}

#list-promociones .lista article>a:not(.cont-flag) {
  max-height: 130px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 3px
}

#list-promociones .lista article>a:not(.cont-flag) img {
  width: 100%
}

#list-promociones .lista article .cont-flag {
  top: 0;
  width: 100px;
  height: 100px
}

#list-promociones .lista article .cont-flag .flag {
  padding: 7px 0;
  top: 13px;
  left: -35px;
  width: 140px;
  font-size: 22px
}

#list-promociones .lista article .cont-flag .flag span {
  font-weight: normal;
  font-size: 14px
}

#list-promociones .lista article .detalle-promo {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  align-items: center
}

#list-promociones .lista article .detalle-promo>*:not(.btn-azul-o) {
  width: 100%
}

#list-promociones .lista article .detalle-promo h4 {
  font-size: 11px;
  font-weight: bold;
  color: #384a99;
  text-transform: uppercase
}

#list-promociones .lista article .detalle-promo p {
  font-size: 18px;
  margin-top: 10px
}

#list-promociones .lista article .detalle-promo .title {
  text-decoration: none;
  color: #484848;
  display: block
}

#list-promociones .lista article .detalle-promo .title h3 {
  font-size: 18px
}

#list-promociones .lista article .detalle-promo .btn-azul {
  background-color: #384a99;
  color: #fff;
  font-size: 14px;
  margin-top: 20px;
  padding: 0 35px;
  position: absolute;
  bottom: 56px;
  transition: .25s;
  line-height: 32px;
  max-width: 130px
}

#list-promociones .lista article .detalle-promo .btn-azul:hover {
  background-color: #7c93dd;
  border-color: #7c93dd
}

#list-promociones .paginator {
  margin: 60px 0
}

#list-promociones .paginator .pages {
  text-align: center
}

#list-promociones .paginator a {
  display: inline-block;
  line-height: 50px;
  width: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  color: #484848;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  margin: 7px;
  cursor: pointer;
  transition: .25s
}

#list-promociones .paginator a#botonAnterior,
#list-promociones .paginator a#botonSiguiente {
  padding: 0 20px;
  width: auto
}

#list-promociones .paginator a:not(.disabled):hover,
#list-promociones .paginator a.active {
  color: #55aced;
  border-color: #55aced;
  -webkit-box-shadow: inset 0 0 1px 1px #55aced;
  -moz-box-shadow: inset 0 0 1px 1px #55aced;
  box-shadow: inset 0 0 1px 1px #55aced
}

#list-promociones .paginator a.disabled {
  color: #f7f7f7;
  cursor: default
}

#list-promociones .responsive-paginator {
  display: none;
  margin: 60px 0
}

#list-promociones .responsive-paginator>* {
  display: block;
  line-height: 50px;
  width: 50px;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  transition: .25s
}

#list-promociones .responsive-paginator>*:not(.disabled):hover,
#list-promociones .responsive-paginator>*.active {
  color: #55aced;
  border-color: #55aced;
  -webkit-box-shadow: inset 0 0 1px 1px #55aced;
  -moz-box-shadow: inset 0 0 1px 1px #55aced;
  box-shadow: inset 0 0 1px 1px #55aced
}

#list-promociones .responsive-paginator #botonSiguienteRes,
#list-promociones .responsive-paginator #botonAnteriorRes {
  font-size: 10px
}

#list-promociones .responsive-paginator .pages {
  font-size: 15px;
  font-weight: bold;
  width: auto;
  margin: 0 10px;
  border: 0
}

#list-promociones .responsive-paginator .pages .icon-down {
  font-size: 8px;
  color: #00bb31;
  padding: 0;
  margin-left: 5px
}

#list-promociones .responsive-paginator .pages .drop-toggle {
  min-width: auto;
  transition: .25s;
  color: #484848;
  padding: 0 40px
}

#list-promociones .responsive-paginator .pages .drop-toggle:hover {
  color: #55aced;
  border-color: #55aced;
  -webkit-box-shadow: inset 0 0 1px 1px #55aced;
  -moz-box-shadow: inset 0 0 1px 1px #55aced;
  box-shadow: inset 0 0 1px 1px #55aced
}

#list-promociones .responsive-paginator .pages .drop-list {
  top: 53px;
  max-height: 400px;
  overflow-y: scroll
}

#list-promociones .responsive-paginator .pages .drop-list::-webkit-scrollbar-track {
  background-color: #fff !important
}

#list-promociones .responsive-paginator .pages .drop-list .drop-item {
  padding: 0
}

#list-promociones .responsive-paginator .pages .drop-list a {
  color: #484848;
  display: block;
  width: 100%;
  height: 100%
}

#promocion-detalle-a-page,
#promocion-detalle-b-page {
  position: relative
}

#promocion-detalle-a-page~#breadcrumbs,
#promocion-detalle-b-page~#breadcrumbs {
  margin-bottom: 0
}

#color-banner {
  padding: 60px 0;
  background-color: #238ad9;
  color: #fff;
  min-height: 270px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center
}

#color-banner h1 {
  font-size: 64px;
  line-height: 57px
}

@media screen and (max-width:750px) {
  #color-banner h1 {
    font-size: 35px;
    line-height: 32px
  }
}

#select-tabs {
  border-bottom: 1px solid #707070;
  margin-bottom: 30px
}

#select-tabs * {
  box-sizing: border-box
}

#select-tabs span {
  line-height: 80px;
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  margin-right: 30px;
  transition: .25s;
  margin-bottom: -1px
}

#select-tabs span:hover,
#select-tabs span.active {
  color: #00bb31
}

#select-tabs span.active {
  -webkit-box-shadow: inset 0 -2px 0 0 #00bb31;
  -moz-box-shadow: inset 0 -2px 0 0 #00bb31;
  box-shadow: inset 0 -2px 0 0 #00bb31
}

#promocion-detalle-a-page~#tab-promocion {
  align-items: flex-start;
  margin: 60px auto 90px auto
}

#promocion-detalle-a-page~#tab-promocion * {
  box-sizing: border-box
}

#promocion-detalle-a-page~#tab-promocion>* {
  width: 100%
}

#promocion-detalle-a-page~#tab-promocion .image {
  display: block;
  max-width: 369px;
  width: 100%;
  height: 246px;
  border-radius: 3px;
  margin-right: 35px
}

#promocion-detalle-a-page~#tab-promocion .image img {
  display: block;
  border-radius: 4px;
  overflow: hidden
}

#promocion-detalle-a-page~#tab-promocion .detalle {
  max-width: 601px
}

#promocion-detalle-a-page~#tab-promocion .detalle h2 {
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
  color: #484848
}

#promocion-detalle-a-page~#tab-promocion .detalle>p {
  margin-bottom: 20px
}

#promocion-detalle-a-page~#tab-promocion .detalle p {
  line-height: 30px
}

#promocion-detalle-a-page~#tab-promocion .detalle p strong {
  font-weight: bold;
  color: #484848
}

#promocion-detalle-a-page~#tab-promocion .detalle h3 {
  font-size: 20px;
  margin-top: 20px;
  padding-bottom: 20px
}

#promocion-detalle-a-page~#tab-promocion .detalle>div>p:first-child {
  font-weight: bold;
  font-size: 20px;
  display: block;
  line-height: 60px;
  width: 100%;
  border-bottom: 1px solid #757575
}

#promocion-detalle-a-page~#tab-promocion .detalle table {
  display: block;
  width: 100%;
  margin: 20px 0
}

#promocion-detalle-a-page~#tab-promocion .detalle table tbody,
#promocion-detalle-a-page~#tab-promocion .detalle table thead {
  display: block;
  width: 100%
}

#promocion-detalle-a-page~#tab-promocion .detalle table thead tr {
  border-bottom: 1px solid #f0f0f0
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr:not(:last-child) {
  border-bottom: 1px solid #f0f0f0
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr th:not(:first-child),
#promocion-detalle-a-page~#tab-promocion .detalle table tr td:not(:first-child) {
  text-align: right;
  padding-left: 20px
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr>* {
  width: 25%;
  display: block
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr th {
  font-weight: bold;
  line-height: 30px
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr th:first-child {
  text-align: left
}

#promocion-detalle-a-page~#tab-promocion .detalle table tr td {
  font-size: 18px;
  padding: 25px 0
}

#promocion-detalle-a-page~#tab-promocion .detalle h4 {
  font-size: 20px;
  border-bottom: 1px solid #484848;
  display: inline-block;
  line-height: 18px;
  margin: 15px 0
}

#promocion-detalle-a-page~#tab-promocion .detalle .lq-pd__text u {
  font-weight: bold;
  font-size: 20px;
  display: block;
  margin-top: 20px
}

#promocion-detalle-a-page~#tab-promocion .detalle ul {
  margin: 10px 0
}

#promocion-detalle-a-page~#tab-promocion .detalle ul li {
  list-style: none;
  line-height: 40px
}

#promocion-detalle-a-page~#tab-promocion .detalle ul li::before {
  content: "";
  font-size: 6px;
  vertical-align: middle;
  margin-right: 30px;
  color: #00bb31
}

#promocion-detalle-a-page~#tab-promocion .detalle ul li p {
  color: #484848
}

@media screen and (max-width:750px) {
  #promocion-detalle-a-page~#tab-promocion {
    flex-direction: column
  }

  #promocion-detalle-a-page~#tab-promocion .image {
    margin: 0 0 30px 0;
    width: 100%;
    max-width: none;
    height: auto
  }

  #promocion-detalle-a-page~#tab-promocion .image img {
    width: 100%
  }

  #promocion-detalle-a-page~#tab-promocion .detalle {
    max-width: none
  }

  #promocion-detalle-a-page~#tab-promocion table th,
  #promocion-detalle-a-page~#tab-promocion table td {
    font-size: 11px !important
  }

  #promocion-detalle-a-page~#tab-promocion table th {
    line-height: 17px !important;
    padding: 5px 0
  }

  #promocion-detalle-a-page~#tab-promocion table td {
    padding: 17px 0 !important
  }
}

#tab-condiciones {
  align-items: flex-start;
  flex-direction: column;
  margin: 0 auto 250px auto
}

#tab-condiciones * {
  box-sizing: border-box
}

#tab-condiciones h2 {
  font-size: 36px;
  line-height: 43px;
  color: #484848
}

#tab-condiciones p {
  margin-top: 0;
  max-width: 601px;
  line-height: 32px
}

#tab-condiciones .lq-row.lq-pd__row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 20px 0
}

#tab-condiciones .lq-row.lq-pd__row>div:first-child {
  max-width: 220px;
  width: 100%;
  margin-right: 15px
}

#tab-condiciones .lq-row.lq-pd__row>div:last-child {
  max-width: 601px;
  margin-left: 15px;
  width: 100%
}

@media screen and (max-width:750px) {
  #tab-condiciones .lq-row.lq-pd__row {
    flex-direction: column
  }

  #tab-condiciones .lq-row.lq-pd__row>div {
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important
  }
}

.redes-sociales {
  text-align: center;
  margin: 10px 0
}

.redes-sociales a.facebook .fa {
  background-color: #3b5998;
  line-height: 30px;
  width: 30px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  transition: .25s;
  margin: 0 5px;
  cursor: pointer
}

.redes-sociales a.twitter .fa {
  background-color: #00acee;
  line-height: 30px;
  width: 30px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  transition: .25s;
  margin: 0 5px;
  cursor: pointer
}

#promocion-detalle-b-page~#tab-promocion {
  margin: 60px auto 160px auto
}

#promocion-detalle-b-page~#tab-promocion * {
  box-sizing: border-box
}

#promocion-detalle-b-page~#tab-promocion .header-promo {
  float: right;
  max-width: 601px;
  width: 100%
}

#promocion-detalle-b-page~#tab-promocion .header-promo h3 {
  font-size: 20px;
  line-height: 30px
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria h2 {
  text-transform: uppercase;
  font-size: 44px;
  line-height: 53px;
  margin: 40px 0 50px 0;
  max-width: 601px;
  width: 100%;
  float: right
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article {
  align-items: flex-start;
  margin-bottom: 80px
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .image {
  display: block;
  max-width: 369px;
  width: 100%;
  height: 246px;
  background-color: #ff9100;
  border-radius: 3px;
  margin-right: 35px
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .image img {
  width: 100%;
  display: block;
  height: 100%
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle {
  display: block;
  max-width: 601px;
  width: 100%
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle h3 {
  font-size: 25px
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle p {
  color: #484848
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle ul {
  margin: 0 0 15px 18px
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle ul li {
  padding-left: 30px;
  color: #00bb31
}

#promocion-detalle-b-page~#tab-promocion .promo-categoria article .detalle p {
  line-height: 30px
}

.checkbox-label {
  margin: 30px 0;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative
}

.checkbox-label input[type=checkbox] {
  display: none
}

.checkbox-label * {
  box-sizing: border-box
}

.checkbox-label .ch-input {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #bdbdbd;
  background-color: #fff;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  padding: 2px
}

.checkbox-label .ch-input i {
  display: block;
  height: 100%;
  background-color: #00bb31;
  border-radius: 2px
}

.checkbox-label .ch-input.tyc-error {
  border-color: #ff5a5e
}

.checkbox-label .ch-input .acepte-tyc {
  position: absolute;
  font-size: 11px;
  color: #fff;
  background-color: #ff5a5e;
  padding: 0 7px;
  border-radius: 3px;
  height: auto;
  top: -22px;
  left: -20px;
  z-index: 4
}

.checkbox-label .ch-input .acepte-tyc::after {
  content: "";
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  background-color: #ff5a5e;
  transform: rotate(45deg);
  border-radius: 3px;
  top: 13px;
  left: 21px;
  z-index: -1
}

.checkbox-label .ch-label {
  font-size: 17px;
  font-weight: bold;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.checkbox-label .ch-label a {
  text-decoration: underline
}

.radio-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer
}

.radio-label input[type=radio] {
  display: none
}

.radio-label .radio-input {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #707070;
  border-radius: 50%;
  box-sizing: border-box;
  margin-right: 5px;
  padding: 3px
}

.radio-label .radio-input i {
  display: block;
  height: 100%;
  background-color: #00bb31;
  border-radius: 50%
}

#cupones {
  align-items: normal;
  margin-bottom: 50px;
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  overflow: hidden
}

#cupones>div:not(.cnt-image) form,
#cupones>div:not(.cnt-image) .cupon-success {
  padding: 50px 70px
}

#cupones>div:not(.cnt-image) form .checkbox-label,
#cupones>div:not(.cnt-image) .cupon-success .checkbox-label {
  margin: 20px 0
}

#cupones>div:not(.cnt-image) form h3,
#cupones>div:not(.cnt-image) .cupon-success h3 {
  font-size: 11px;
  color: #384a99;
  font-weight: bold;
  text-transform: uppercase
}

#cupones>div:not(.cnt-image) form h2,
#cupones>div:not(.cnt-image) .cupon-success h2 {
  font-size: 30px;
  color: #484848;
  max-width: 400px;
  margin-top: 10px;
  line-height: 35px
}

#cupones>div:not(.cnt-image) form .btn-azul,
#cupones>div:not(.cnt-image) .cupon-success .btn-azul {
  margin-top: 10px;
  font-size: 16px
}

#cupones>div:not(.cnt-image) .cupon-success h3 {
  color: #484848;
  font-size: 17px;
  text-transform: none
}

#cupones>div:not(.cnt-image) .cupon-success p {
  font-size: 17px;
  line-height: 24px;
  margin: 30px 0
}

#cupones .cnt-image {
  max-width: 435px;
  width: 100%;
  background-color: #00bb31;
  min-height: 100%;
  position: relative;
  overflow: hidden
}

#cupones .cnt-image img {
  display: block;
  position: absolute;
  height: 100%;
  min-width: 100%;
  max-width: none !important
}

.tarjetas-cliente {
  align-items: flex-start;
  margin: 60px auto;
  max-width: 1130px
}

.tarjetas-cliente * {
  box-sizing: border-box
}

.tarjetas-cliente>div:first-child {
  width: 35%
}

.tarjetas-cliente>div:first-child h4 {
  color: #384a99;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase
}

.tarjetas-cliente>div:first-child h3 {
  font-size: 40px
}

.tarjetas-cliente>div:first-child img {
  width: 80%;
  margin-top: 40px
}

.tarjetas-cliente>div:last-child {
  width: 65%;
  overflow: hidden
}

.tarjetas-cliente>div:last-child .list-promo {
  margin-top: 20px !important;
  display: flex
}

.tarjetas-cliente>div:last-child .list-promo>div {
  display: flex;
  width: 100%
}

.tarjetas-cliente>div:last-child .list-promo>div>div {
  min-width: calc(100% / 3);
  padding-left: 30px
}

.tarjetas-cliente>div:last-child .list-promo>div>div article {
  border-radius: 3px;
  overflow: hidden;
  position: relative
}

.tarjetas-cliente>div:last-child .list-promo>div>div article>a {
  display: block;
  max-height: 153px;
  overflow: hidden
}

.tarjetas-cliente>div:last-child .list-promo>div>div article img {
  display: block;
  width: 100%
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo {
  padding: 15px 0
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo h4 {
  font-weight: bold;
  font-size: 11px;
  color: #384a99;
  text-transform: uppercase
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo h3 {
  font-size: 18px;
  color: #484848;
  font-weight: bold;
  transition: .25s
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo h3:hover {
  color: #00bb31
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo .ver-mas {
  position: absolute;
  bottom: 15px;
  display: inline-block;
  color: #00bb31;
  font-size: 12px;
  font-weight: bold
}

.tarjetas-cliente>div:last-child .list-promo>div>div article .detail-promo .ver-mas .icon-next {
  font-size: 8px;
  margin-left: 7px
}

.tarjetas-cliente>div:last-child .more {
  display: flex;
  align-items: center;
  visibility: hidden;
  justify-content: flex-end;
  padding: 20px 0;
  width: auto
}

.tarjetas-cliente>div:last-child .more>a {
  font-size: 12px;
  color: #00bb31;
  font-weight: bold;
  cursor: pointer
}

.tarjetas-cliente>div:last-child .more>a .icon-next {
  font-size: 8px;
  margin-left: 4px;
  font-weight: bold
}

.tarjetas-cliente>div:last-child .more .paginator {
  display: inline-flex;
  margin-left: 40px;
  color: #bdbdbd;
  align-items: center
}

.tarjetas-cliente>div:last-child .more .paginator span:not(.icon-right) {
  font-weight: bold;
  font-size: 11px;
  margin: 0 15px;
  text-transform: uppercase;
  cursor: default
}

.tarjetas-cliente>div:last-child .more .paginator [class*=icon-] {
  font-size: 13px;
  cursor: default
}

.tarjetas-cliente>div:last-child .more .paginator [class*=icon-]:not(.disabled) {
  color: #00bb31;
  cursor: pointer
}

.tarjetas-cliente>div:last-child .more .paginator [class*=icon-]:not(.disabled):active {
  transform: translateY(1px)
}

.tarjetas-cliente>div:last-child .rubro {
  margin: 40px 0;
  padding-left: 30px
}

.tarjetas-cliente>div:last-child .rubro h3 {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 18px
}

.tarjetas-cliente>div:last-child .rubro p {
  font-size: 18px;
  line-height: 24px
}

.tarjetas-cliente>div:last-child .rubro .btn-azul {
  line-height: 50px;
  margin-left: 0;
  width: 160px;
  padding: 0
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) {
  align-items: flex-start;
  margin: 30px 0 15px 0
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li {
  width: 25%;
  text-align: center;
  padding: 0 10px;
  cursor: pointer
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li .cnt-image {
  border: 2px solid transparent;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  margin: 0 auto 10px auto;
  padding: 2px;
  transition: .25s
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li .cnt-image img {
  display: block;
  transition: .2s
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li span {
  font-size: 15px;
  font-weight: bold
}

.tarjetas-cliente>div:last-child .rubro ul:not(.rubro-seleccionado) li:hover img {
  transform: scale(1.2)
}

.tarjetas-cliente>div:last-child .rubro .num-pasos {
  text-transform: uppercase;
  color: #f7f7f7;
  font-weight: bold;
  font-size: 11px
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado {
  padding: 40px 0
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .nuevo-rubro {
  font-weight: bold;
  font-size: 15px
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .nuevo-rubro .icon-next {
  font-size: 9px;
  margin-left: 7px
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado li {
  width: 50%
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado li .cnt-image {
  display: block;
  max-width: 77px;
  max-height: 77px;
  margin-right: 20px
}

.tarjetas-cliente>div:last-child .rubro .existe-rubro .rubro-seleccionado li span:not(.cnt-image) {
  font-size: 18px;
  font-weight: bold
}

.tarjetas-cliente>div:last-child .premia {
  margin-left: 30px;
  padding: 40px 0
}

.tarjetas-cliente>div:last-child .premia .btn-azul {
  margin-left: 0
}

.tarjetas-cliente>div:last-child .premia h3 {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 18px
}

.tarjetas-cliente>div:last-child .premia p {
  font-size: 18px;
  line-height: 24px
}

.lh-hide {
  display: none
}

.bloque {
  display: flex;
  justify-content: space-betwee;
  align-items: center
}

.separador {
  display: block;
  width: 80%;
  border-bottom: 1px solid #f1f1f1;
  margin: 20px auto
}

#modal-como-llegar {
  display: none
}

#modal-como-llegar .general-modal {
  padding: 25px;
  max-width: 280px
}

#modal-como-llegar .cerrar-modal {
  border-bottom: 1px solid #f0f0f0;
  line-height: 50px;
  margin-bottom: 20px
}

#modal-como-llegar .cerrar-modal span:first-child {
  font-size: 19px
}

#modal-como-llegar>div:not(.cerrar-modal) a {
  display: block;
  color: #55aced;
  font-size: 19px;
  line-height: 40px
}

@media screen and (max-width:1100px) {
  .container {
    padding-right: 30px !important;
    padding-left: 30px !important
  }

  #banner img {
    top: 0 !important
  }

  #banner h2 {
    font-size: 60px !important;
    line-height: 60px !important
  }

  #banner h3 {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-top: 7px !important
  }

  #banner .btn-verde {
    line-height: 40px;
    font-size: 18px;
    padding: 0 26px;
    border-radius: 3px;
    margin-top: 15px
  }

  #banner article>div>div {
    margin-left: 28px
  }

  .promo.promo-varios,
  .promo.promo-secundaria {
    margin-top: 15px !important
  }

  #categorias .cnt-article {
    padding: 5px !important
  }

  #encuentra-tarjeta>div {
    flex-direction: column;
    text-align: center
  }

  #encuentra-tarjeta>div .btn-verde {
    margin: 20px 0 50px 0
  }

  #encuentra-tarjeta>div .cnt-image {
    margin: 20px 0
  }

  #encuentra-tarjeta>div .cnt-image img {
    float: none;
    margin: auto;
    width: 100%
  }

  #list-promociones .lista article>* {
    width: 70%
  }

  #filtros .filtro {
    margin-right: 0
  }
}

@media screen and (max-width:960px) {
  #mejores-ofertas .grupo {
    flex-direction: column
  }

  #mejores-ofertas .grupo .promo-principal {
    margin-right: 0;
    max-width: none;
    width: 100%
  }

  #mejores-ofertas .grupo .promo-principal .detalle-promo {
    min-height: auto !important
  }

  #mejores-ofertas .grupo .promo-principal img {
    margin: auto
  }

  #mejores-ofertas .grupo .promo-secundaria {
    flex-direction: row;
    max-width: none;
    width: 100%
  }

  #mejores-ofertas .grupo .promo-secundaria img {
    height: 100%
  }

  #mejores-ofertas .grupo .promo-secundaria .detalle-promo {
    min-height: auto !important
  }

  #mejores-ofertas .grupo .promo-secundaria article:first-child {
    margin-bottom: 0;
    margin-right: 10px
  }

  #categorias .cnt-article {
    max-width: calc(100% / 2) !important
  }

  .mas-promociones::after {
    background-image: url(../images/promociones/promo-more-tablet.jpg) !important
  }

  #select-tarjeta {
    margin-bottom: 60px !important
  }

  #retos {
    border-color: transparent;
    flex-direction: column;
    align-items: center;
    margin-top: 0 !important;
    padding-top: 40px !important
  }

  #retos>div:first-child {
    text-align: center;
    margin: 0 0 30px 0
  }

  #retos>div:last-child {
    max-width: none
  }

  #retos>div:last-child .lista-retos form {
    width: 100%
  }

  #retos>div:last-child>div:last-child {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  #retos>div:last-child>div:last-child .checkbox-label {
    margin: 0
  }

  #retos>div:last-child>div:last-child .checkbox-label .ch-label {
    font-size: 13px
  }

  #retos>div:last-child>div:last-child .btn-azul {
    order: 2
  }
}

@media screen and (max-width:900px) {
  .filtro-responsive {
    display: block
  }

  #filtros {
    display: none;
    margin-top: 20px;
    flex-direction: column
  }

  #filtros .filtro {
    padding: 10px 0
  }
}

.ciudad-despliegue-izquierda {
  width: 73%
}

.ciudad-despliegue-izquierda .ciudad {
  font-size: 13px;
  font-weight: bold;
  color: #333
}

.ciudad-despliegue-izquierda .direccion {
  font-size: 13px;
  color: #747474;
  padding-right: 10px;
  display: block
}

.ciudad-despliegue-izquierda .horario {
  font-size: 10px;
  color: #707070;
  display: block;
  line-height: 13px
}

.titulo-marca {
  color: #707070;
  font-size: 14px;
  font-weight: bold;
  padding: 5px
}

.local-direccion {
  color: #747474;
  font-size: 12px;
  padding: 5px
}

.local-horario {
  color: #707070;
  font-size: 10px;
  padding-left: 5px
}

.local-mapa {
  text-align: right
}

.local-mapa a {
  color: #04b0ff;
  font-size: 12px;
  font-weight: bold;
  text-decoration-line: underline
}

.div-horario {
  padding-left: 5px;
  display: flex;
  align-items: center
}

.div-horario .icon-ico-horario-canje-punto-venta {
  font-size: 21px;
  color: #333
}

.contenedor-redes-sociales {
  display: flex;
  justify-content: center
}

.contenedor-redes-sociales div {
  margin: 0 5px
}

.contenedor-redes-sociales .fa-facebook-square {
  line-height: 30px;
  width: 30px;
  font-size: 18px;
  color: white;
  background-color: #1b49a0;
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}

.contenedor-redes-sociales .fa-twitter {
  line-height: 30px;
  width: 30px;
  font-size: 18px;
  color: white;
  background-color: #2cc3cc;
  text-align: center;
  border-radius: 50%
}

.contenedor-redes-sociales .fa-whatsapp {
  color: white;
  background-color: #25d366;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  width: 30px;
  font-size: 18px
}

@media screen and (max-width:1050px) {
  .filtro-ordenar.comprar {
    width: 245px;
    background-position-x: 220px
  }
}

.banner-generico {
  position: relative;
  overflow: hidden;
  max-width: 1400px;
  margin: auto
}

.banner-generico .dots-banner {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  width: 100%;
  bottom: 0;
  z-index: 1
}

.banner-generico .dots-banner .span {
  display: block;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: .25s;
  margin: 0 3px
}

.banner-generico .dots-banner .span.active {
  background-color: #00bb31
}

.banner-generico article {
  position: relative;
  display: none
}

.banner-generico article.active {
  display: block
}

.banner-generico article img {
  display: block;
  height: 100%;
  max-width: none
}

.banner-generico article .detalle-banner {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  max-width: 530px;
  width: 100%;
  top: 30%;
  right: 39px;
  padding: 36px 24px;
  box-sizing: border-box;
  color: #fff
}

.banner-generico article .detalle-banner h2 {
  color: #fff;
  font-size: 32px;
  line-height: 32px;
  padding: 0
}

.banner-generico article .detalle-banner .bajo-stock {
  text-align: center;
  color: #ff5a5e;
  font-size: 14px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 98%;
  margin-top: 20px
}

.banner-generico #banner h2 {
  font-size: 44px !important;
  line-height: 40px !important
}

.banner-generico #banner h3 {
  font-size: 14px !important;
  line-height: 18px !important;
  margin-top: 7px !important
}

.banner-generico #banner .btn-verde {
  line-height: 34px;
  font-size: 14px;
  padding: 0 20px;
  border-radius: 3px;
  margin-top: 10px
}

.banner-generico #banner article>div>div {
  max-width: 350px;
  margin-left: 16px
}

.banner-generico #cupones {
  flex-direction: column;
  border: none !important;
  background-color: #fff !important
}

.banner-generico #cupones>div:not(.cnt-image) {
  order: 1;
  padding: 40px 30px
}

.banner-generico #cupones>div:not(.cnt-image) form {
  padding: 0 !important
}

.banner-generico #cupones .cnt-image {
  max-width: none;
  min-height: 150px
}

.banner-generico #cupones .cnt-image img {
  position: relative !important;
  width: 100% !important
}

.banner-generico #list-promociones .lista>div {
  width: calc(100% / 2)
}

@media screen and (max-width:800px) {
  .title-zone h4 {
    width: 100% !important
  }

  #mejores-ofertas .grupo,
  #mejores-ofertas .promo {
    display: none
  }

  #mejores-ofertas .title-zone {
    margin-bottom: 30px
  }

  #mejores-ofertas .ofertas-responsive-two {
    margin-top: 20px !important
  }

  #mejores-ofertas .ofertas-responsive-one,
  #mejores-ofertas .ofertas-responsive-two {
    display: flex;
    width: 94%;
    margin: auto;
    padding-bottom: 20px
  }

  #mejores-ofertas .ofertas-responsive-one+.dots,
  #mejores-ofertas .ofertas-responsive-two+.dots {
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 23px
  }

  #mejores-ofertas .ofertas-responsive-one+.dots span,
  #mejores-ofertas .ofertas-responsive-two+.dots span {
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #f7f7f7;
    margin: 0 1.5px;
    transition: .25s
  }

  #mejores-ofertas .ofertas-responsive-one+.dots span.active,
  #mejores-ofertas .ofertas-responsive-two+.dots span.active {
    background-color: #00bb31
  }

  #mejores-ofertas .ofertas-responsive-one>div,
  #mejores-ofertas .ofertas-responsive-two>div {
    min-width: 100%;
    padding: 0 10px
  }

  #mejores-ofertas .ofertas-responsive-one>div article,
  #mejores-ofertas .ofertas-responsive-two>div article {
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #f0f0f0
  }

  #mejores-ofertas .ofertas-responsive-one>div article>a,
  #mejores-ofertas .ofertas-responsive-two>div article>a {
    display: block;
    max-height: 250px;
    overflow: hidden
  }

  #mejores-ofertas .ofertas-responsive-one>div article>a img,
  #mejores-ofertas .ofertas-responsive-two>div article>a img {
    width: 100%
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo {
    padding: 24px 16px
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo h5,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo h5 {
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
    color: #384a99
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo h3,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo h3 {
    font-size: 28px;
    color: #484848
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo .btn-azul-o,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo .btn-azul-o {
    display: none
  }

  #select-tarjeta>div:last-child {
    display: none
  }

  #select-tarjeta .here {
    width: 100% !important
  }

  #select-tarjeta .list-promo>div>div {
    min-width: calc((100% / 3) - 20px) !important
  }

  #select-tarjeta .list-promo>div>div:not(:last-child) {
    margin-right: 10px !important
  }

  #select-tarjeta .list-promo>div article {
    margin: 0 !important;
    max-width: none !important
  }

  #cuenta-sueldo,
  .tarjetas-cliente {
    flex-direction: column;
    margin-bottom: 60px !important
  }

  #cuenta-sueldo>div,
  .tarjetas-cliente>div {
    border-bottom: none !important;
    max-height: none !important
  }

  #cuenta-sueldo>div>div:first-child,
  .tarjetas-cliente>div>div:first-child {
    display: none
  }

  #cuenta-sueldo>div .more,
  .tarjetas-cliente>div .more {
    justify-content: flex-start;
    margin-left: 0 !important
  }

  #cuenta-sueldo>div .beneficios,
  .tarjetas-cliente>div .beneficios {
    margin-left: 0 !important
  }

  #cuenta-sueldo .list-promo,
  .tarjetas-cliente .list-promo {
    margin-top: 0 !important
  }

  #cuenta-sueldo .list-promo>div,
  .tarjetas-cliente .list-promo>div {
    padding-left: 0 !important;
    min-width: calc((100% / 3) -(20px / 3)) !important
  }

  #cuenta-sueldo .list-promo>div:not(:first-child),
  .tarjetas-cliente .list-promo>div:not(:first-child) {
    margin-left: 10px !important
  }

  #cuenta-sueldo .list-promo>div:first-child article,
  .tarjetas-cliente .list-promo>div:first-child article {
    width: 100% !important
  }

  #cuenta-sueldo .list-promo>div article,
  .tarjetas-cliente .list-promo>div article {
    margin: 0 !important;
    max-width: none !important
  }

  .tarjetas-cliente>div:first-child {
    width: auto !important
  }

  .tarjetas-cliente>div:first-child img {
    display: none
  }

  .tarjetas-cliente .rubro {
    padding-left: 0 !important
  }

  .tarjetas-cliente .premia {
    margin-left: 0 !important
  }

  footer div:first-child,
  footer div:nth-child(2) {
    flex-direction: column;
    align-items: flex-start
  }

  #list-promociones .paginator {
    display: none
  }

  #list-promociones .responsive-paginator {
    display: flex
  }
}

@media screen and (max-width:760px) {
  #categorias .list-categorias {
    margin-bottom: 5px !important
  }

  #categorias .mas-categorias {
    display: block !important;
    margin-bottom: 20px
  }

  #categorias .cnt-article {
    max-width: 100% !important;
    max-height: 120px;
    overflow: hidden;
    border-radius: 3px;
    display: flex
  }

  #categorias .cnt-article:nth-child(n+4):nth-child(-n+6) {
    display: none
  }

  .mas-promociones::after {
    background-image: url(../images/promociones/promo-more-mobile.jpg) !important
  }

  #encuentra-tarjeta {
    margin: 0 !important
  }

  #encuentra-tarjeta>div {
    padding: 30px 20px
  }

  #encuentra-tarjeta>div h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 26px
  }

  #encuentra-tarjeta>div .btn-verde {
    line-height: 45px;
    font-size: 16px;
    padding: 0 30px
  }
}

@media screen and (max-width:700px) {
  #select-tarjeta .list-promo>div>div {
    min-width: auto !important;
    width: calc(100vw - 60px)
  }

  #select-tarjeta .list-promo article a {
    display: flex;
    max-height: 300px;
    align-items: center;
    overflow: hidden
  }

  #cuenta-sueldo .list-promo,
  .tarjetas-cliente .list-promo {
    justify-content: flex-start !important
  }

  #cuenta-sueldo .list-promo>div,
  .tarjetas-cliente .list-promo>div {
    min-width: 100% !important
  }

  #cuenta-sueldo .list-promo article>a,
  .tarjetas-cliente .list-promo article>a {
    display: flex;
    max-height: 300px;
    align-items: center;
    overflow: hidden
  }
}

@media screen and (max-width:600px) {
  #list-promociones .lista>div {
    width: 100%
  }

  #retos>div:first-child h3 {
    font-size: 28px !important
  }

  #retos>div:first-child p {
    font-size: 16px !important
  }
}

@media screen and (max-width:550px) {
  #banner h2 {
    font-size: 29px !important;
    line-height: 23px !important
  }

  #banner h3 {
    font-size: 11px !important;
    line-height: 12px !important;
    margin-top: 3px !important
  }

  #banner .btn-verde {
    line-height: 24px;
    font-size: 9px;
    padding: 0 15px;
    border-radius: 3px;
    margin-top: 5px
  }

  #banner article>div>div {
    max-width: 202px;
    margin-left: 16px
  }

  .tarjetas-cliente>div:first-child {
    width: 100%
  }

  .rubro .rubro-seleccionado {
    flex-direction: column
  }

  .rubro .rubro-seleccionado li {
    justify-content: flex-start !important;
    margin: 8px 0
  }

  .rubro .rubro-seleccionado li .cnt-image {
    max-width: 36px !important;
    max-height: 36px !important
  }

  .rubro .rubro-paso2 ul,
  .rubro .rubro-paso3 ul {
    flex-direction: column;
    align-items: center
  }

  .rubro .rubro-paso2 ul li,
  .rubro .rubro-paso3 ul li {
    display: flex;
    align-items: center;
    width: 100% !important;
    margin: 4px 0;
    text-align: left !important;
    padding: 0 !important
  }

  .rubro .rubro-paso2 ul li .cnt-image,
  .rubro .rubro-paso3 ul li .cnt-image {
    max-width: 42px;
    max-height: 42px;
    margin: 0 8px 0 0 !important
  }

  .rubro .rubro-paso2 ul li:hover img,
  .rubro .rubro-paso3 ul li:hover img {
    transform: scale(1) !important
  }

  #cuenta-sueldo .beneficios ul {
    flex-direction: column;
    align-items: center
  }

  #cuenta-sueldo .beneficios ul li {
    margin: 15px 0
  }

  #cuenta-sueldo .beneficios ul li a {
    margin-right: 0 !important
  }
}

@media screen and (max-width:500px) {
  #select-tarjeta .dropdown .drop-toggle {
    font-size: 20px !important;
    padding: 0 !important
  }

  #select-tarjeta .dropdown .drop-toggle .icon-down {
    font-size: 10px !important;
    top: calc(50% - 3px) !important
  }

  #cuenta-sueldo h4 {
    font-size: 9px !important
  }

  #cuenta-sueldo h3 {
    font-size: 28px !important
  }
}

@media screen and (max-width:450px) {
  .rubro .rubro-seleccionado li {
    width: 100% !important
  }

  .paginator {
    margin-left: 20px !important
  }

  .paginator .pages {
    margin: 0 !important
  }

  #cupones>div:not(.cnt-image) {
    text-align: center;
    padding: 40px 0 !important
  }

  #cupones>div:not(.cnt-image) label {
    text-align: left !important
  }

  #cupones>div:not(.cnt-image) .checkbox-label {
    display: flex;
    justify-content: center
  }

  #cupones h2 {
    font-size: 23px !important;
    line-height: 28px !important;
    margin: auto !important;
    text-align: center
  }

  #cupones h3 {
    text-align: center;
    font-size: 10px !important;
    margin-bottom: 10px
  }
}

@media screen and (max-width:360px) {
  #banner h2 {
    font-size: 22px !important;
    line-height: 20px !important
  }

  #banner h3 {
    font-size: 9px !important;
    line-height: 10px !important;
    margin-top: 3px !important
  }

  #banner .btn-verde {
    line-height: 20px;
    font-size: 8px;
    padding: 0 12px;
    border-radius: 3px;
    margin-top: 5px
  }

  #banner article>div>div {
    max-width: 202px;
    margin-left: 16px
  }

  .mas-promociones .btn-verde {
    font-size: 18px !important;
    padding: 0 !important;
    width: 100%
  }
}

.filtro-canje-local {
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:768px) {
  .filtro-canje-local {
    flex-direction: column
  }

  .div-label {
    width: 245px;
    margin: auto
  }

  #listaNombreMarca {
    width: 193px !important
  }

  .div-ordenar {
    width: 84%;
    margin: auto
  }

  #inputNombreMarca {
    box-sizing: border-box;
    width: 100%
  }

  #listaNombreMarca {
    top: 85px !important
  }
}

.filtro-canje-local .div-label {
  position: relative
}

.filtro-canje-local span.icon-ico-buscador-canje-punto-venta {
  position: absolute;
  display: block;
  width: 50px;
  bottom: 20px;
  z-index: 2;
  border-right: 1px solid #dbdbdb;
  font-size: 25px;
  line-height: 40px;
  text-align: center;
  color: black
}

.filtro-canje-local span.fa-times {
  position: absolute;
  display: block;
  width: 24px;
  height: 25px;
  bottom: 23px;
  z-index: 2;
  right: 3px;
  cursor: pointer
}

.filtro-canje-local input {
  margin-top: 40px !important;
  margin: auto;
  margin-bottom: 15px;
  display: block;
  background-position: 222px;
  padding-left: 60px;
  float: right;
  width: 246px;
  border-radius: 5px;
  outline: 0
}

.filtro-canje-local select {
  margin-top: 40px !important;
  margin: auto;
  margin-bottom: 15px;
  display: block;
  background-position: 222px;
  padding-left: 8px;
  float: right;
  width: 245px;
  border-radius: 5px
}

.filtro-canje-local #listaNombreMarca {
  display: none;
  position: absolute;
  left: 51px;
  background-color: white;
  width: 255px;
  top: 89px;
  z-index: 2;
  padding: 5px 0;
  border: 1px solid #dbdbdb
}

.filtro-canje-local #listaNombreMarca li a {
  color: inherit;
  box-sizing: border-box;
  transition: .25s
}

.filtro-canje-local #listaNombreMarca li a.selected,
.filtro-canje-local #listaNombreMarca li a:hover {
  background-color: #f0f0f0
}

.botonNombre a {
  text-align: left;
  justify-content: flex-start !important;
  padding: 0 10px;
  cursor: pointer;
  line-height: 35px
}

#limpiarBuscador {
  display: none
}

.ciudad-despliegue {
  margin-top: 10px
}

.contenido .lima-provincia {
  font-size: 18px;
  font-weight: bold
}

.ciudad-despliegue .enlace {
  color: #00bb31;
  width: 60px;
  font-size: 11px;
  text-decoration-line: underline;
  font-weight: 400
}

.ciudad-despliegue-izquierda {
  width: 73%
}

.ciudad-despliegue-izquierda .ciudad {
  font-size: 14px;
  font-weight: 500;
  color: #333
}

.ciudad-despliegue-izquierda .direccion {
  font-size: 14px;
  color: #747474;
  padding-right: 10px;
  display: block
}

.ciudad-despliegue-izquierda .horario {
  font-size: 11px;
  color: #707070;
  display: block;
  line-height: 13px
}

.titulo-marca {
  color: #707070;
  font-size: 14px;
  font-weight: bold;
  padding: 5px
}

.local-direccion {
  color: #747474;
  font-size: 12px;
  padding: 5px
}

.local-horario {
  color: #707070;
  font-size: 10px;
  padding-left: 5px
}

.local-mapa {
  text-align: right
}

.local-mapa a {
  color: #04b0ff;
  font-size: 12px;
  font-weight: bold;
  text-decoration-line: underline
}

.div-horario {
  padding-left: 5px;
  display: flex;
  align-items: center
}

.div-horario .icon-ico-horario-canje-punto-venta {
  font-size: 21px;
  color: #333
}

.contenedor-redes-sociales {
  display: flex;
  justify-content: center
}

.contenedor-redes-sociales div {
  margin: 0 5px
}

.contenedor-redes-sociales .fa-facebook-square {
  line-height: 30px;
  width: 30px;
  font-size: 18px;
  color: white;
  background-color: #1b49a0;
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}

.contenedor-redes-sociales .fa-twitter {
  line-height: 30px;
  width: 30px;
  font-size: 18px;
  color: white;
  background-color: #2cc3cc;
  text-align: center;
  border-radius: 50%
}

.contenedor-redes-sociales .fa-whatsapp {
  color: white;
  background-color: #25d366;
  text-align: center;
  border-radius: 50%;
  line-height: 30px;
  width: 30px;
  font-size: 18px
}

@media screen and (max-width:1050px) {
  .filtro-ordenar.comprar {
    width: 245px;
    background-position-x: 220px
  }
}

.banner-generico {
  position: relative
}

.banner-generico .dots-banner {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 10px 0;
  width: 100%;
  bottom: 0;
  z-index: 1
}

.banner-generico .dots-banner span {
  display: block;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: .25s;
  margin: 0 3px
}

.banner-generico .dots-banner span.active {
  background-color: #00bb31
}

.banner-generico article {
  position: relative;
  display: none
}

.banner-generico article.active {
  display: block
}

.banner-generico article img {
  display: block;
  height: 100%;
  max-width: none
}

.banner-generico article .detalle-banner {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  max-width: 530px;
  width: 100%;
  top: 30%;
  right: 39px;
  padding: 36px 24px;
  box-sizing: border-box;
  color: #fff
}

.banner-generico article .detalle-banner h2 {
  color: #fff;
  font-family: "omnes_medium", sans-serif;
  font-size: 32px;
  line-height: 32px;
  padding: 0
}

.banner-generico article .detalle-banner .bajo-stock {
  text-align: center;
  color: #ff5a5e;
  font-size: 14px
}

.banner-generico article .detalle-banner .precio-millas {
  font-weight: 500
}

.banner-generico article .detalle-banner>div:not(.no-cliente) {
  display: flex;
  justify-content: space-between;
  margin: 20px 0
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio {
  font-size: 32px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio .do-oferta {
  font-size: 16px;
  font-weight: bold;
  text-decoration: line-through
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio .do-oferta .porc-oferta {
  margin-left: 10px;
  font-size: 14px;
  line-height: 26px;
  display: inline-block;
  border-radius: 13px;
  padding: 0 10px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio .millas {
  font-size: 24px;
  font-weight: 400
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio .precio-soles {
  font-size: 18px;
  line-height: 10px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .precio .precio-soles .decimal {
  font-size: 14px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .botones a {
  display: block
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .botones .comprar-evale {
  width: 180px;
  box-sizing: border-box;
  line-height: 50px;
  font-size: 15px;
  margin-top: 10px
}

.banner-generico article .detalle-banner>div:not(.no-cliente) .botones .detalle-evale {
  display: block;
  width: 100%;
  color: #fff;
  text-decoration: underline;
  text-align: center;
  margin-top: 15px
}

.banner-generico article .detalle-banner .no-cliente a {
  color: #fab428
}

@media screen and (max-width:1024px) {
  .banner-generico article img {
    height: auto;
    max-width: 100%
  }

  .banner-generico article .detalle-banner {
    position: relative;
    right: 0;
    max-width: none;
    padding-bottom: 70px
  }

  .banner-generico article .detalle-banner .botones {
    display: flex;
    align-items: center
  }

  .banner-generico article .detalle-banner .botones .comprar-evale {
    order: 2;
    width: 100% !important;
    max-width: 150px !important;
    padding: 0 10px !important
  }

  .banner-generico article .detalle-banner .botones .detalle-evale {
    margin: 10px 20px 0 0 !important;
    width: 120px !important
  }
}

@media screen and (max-width:600px) {
  .banner-generico article .detalle-banner h2 {
    font-size: 20px;
    text-align: center
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) {
    flex-direction: column;
    align-items: center
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .precio {
    font-size: 22px
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .precio .millas {
    font-size: 16px
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .precio .precio-soles {
    font-size: 14px;
    text-align: center
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .precio .precio-soles .decimal {
    font-size: 12px
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .botones {
    flex-direction: column
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .botones .comprar-evale {
    padding: 0 20px !important
  }

  .banner-generico article .detalle-banner>div:not(.no-cliente) .botones .detalle-evale {
    margin: 30px 0 0 0 !important
  }

  .banner-generico article .detalle-banner .no-cliente {
    text-align: center
  }
}

.titulo-h2 {
  font-family: omnes_Semibold;
  font-size: 26px;
  display: block;
  width: 100%;
  font-weight: normal;
  text-align: center;
  position: relative;
  color: #484848;
  margin: 50px 0
}

.titulo-h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 64px;
  height: 2px;
  background-color: #484848;
  left: calc(50% - 32px);
  margin-top: 10px
}

.zona-filtros {
  border-bottom: 1px solid #e1e1e1
}

.zona-filtros>div {
  border-width: 5px 1px 0 1px;
  border-color: #e1e1e1;
  border-style: solid;
  background-color: #fff;
  margin-bottom: -1px;
  padding: 30px;
  box-sizing: border-box
}

.zona-filtros>div .header label {
  display: flex
}

.zona-filtros>div .header label input {
  width: 246px;
  border-radius: 3px;
  padding: 0 15px;
  box-sizing: border-box;
  display: inline-block
}

.zona-filtros>div .header label .fa-search {
  display: inline-block;
  line-height: 46px;
  min-width: 46px;
  background-color: #00bb31;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  margin-left: 5px;
  cursor: pointer;
  transition: .25s;
  font-size: 26px;
  transform: scaleX(-1)
}

.zona-filtros>div .header label .fa-search:hover {
  background-color: #00bb31
}

.zona-filtros>div .lista-categorias {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 20px
}

.zona-filtros>div .lista-categorias li {
  background-color: #eee;
  border-radius: 6px;
  margin: 5px 8px;
  font-weight: normal;
  transition: .25s
}

.zona-filtros>div .lista-categorias li a {
  color: #757575;
  padding: 0 15px;
  display: block;
  line-height: 34px;
  font-size: 15px
}

.zona-filtros>div .lista-categorias li a .fa-plus {
  margin-left: 10px;
  font-size: 14px;
  transition: .25s;
  pointer-events: none
}

.zona-filtros>div .lista-categorias li:hover {
  background-color: #e6e6e6
}

.zona-filtros>div .lista-categorias li.active {
  background-color: #00bbb2
}

.zona-filtros>div .lista-categorias li.active a {
  color: #fff
}

.zona-filtros>div .lista-categorias li.active a .fa-plus {
  transform: rotate(-45deg)
}

@media screen and (max-width:1020px) {
  .zona-filtros .container {
    width: 90% !important
  }
}

@media screen and (max-width:700px) {
  .zona-filtros .header {
    flex-direction: column;
    align-items: flex-start !important
  }

  .zona-filtros .header>span {
    order: 2
  }

  .zona-filtros .header label {
    margin-bottom: 20px;
    width: 100%
  }

  .zona-filtros .header label input {
    width: 100% !important
  }
}

.lista-articulos {
  display: flex;
  flex-wrap: wrap;
  width: calc(100%+10px);
  max-width: 1116px
}

.lista-articulos article {
  display: block;
  width: calc(100% / 3);
  box-sizing: border-box;
  padding: 5px
}

.lista-articulos article>div {
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
  height: 100%;
  position: relative
}

.lista-articulos article>div .cont-flag {
  width: 125px;
  height: 125px;
  z-index: 1
}

.lista-articulos article>div .cont-flag .flag {
  top: 29px;
  left: -39px;
  width: 175px;
  font-size: 28px
}

.lista-articulos article>div .cont-flag .flag span {
  font-size: 20px
}

.lista-articulos article>div img {
  height: auto;
  width: 100%;
  display: block;
  color: #fff;
  position: relative
}

.lista-articulos article>div img::after {
  content: "";
  position: absolute;
  top: 47%;
  left: 47%
}

.lista-articulos article>div>a {
  position: relative;
  display: block
}

.lista-articulos article>div>a .agotado {
  position: absolute;
  top: 0;
  z-index: 1;
  background-color: rgba(247, 247, 247, 0.89);
  color: #484848;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 17px
}

.lista-articulos article>div>a .bajo-stock {
  position: absolute;
  color: #ff5a5e;
  font-weight: bold;
  top: 10px;
  right: 10px;
  z-index: 1;
  font-size: 17px
}

.lista-articulos article>div .detalle-articulo {
  padding: 15px 15px 65px 15px;
  box-sizing: border-box
}

.lista-articulos article>div .detalle-articulo h2 {
  font-size: 22px;
  color: #484848;
  padding: 0
}

.lista-articulos article>div .detalle-articulo .oferta span:not(.porc-oferta) {
  text-decoration: line-through;
  font-size: 14px;
  color: #757575
}

.lista-articulos article>div .detalle-articulo .oferta .porc-oferta {
  line-height: 22px;
  color: #fff;
  padding: 0 8px;
  border-radius: 11px;
  font-size: 12px;
  display: inline-block;
  margin-left: 7px
}

.lista-articulos article>div .detalle-articulo .precio-millas {
  font-size: 26px
}

.lista-articulos article>div .detalle-articulo .precio-millas .millas {
  font-size: 14px
}

.lista-articulos article>div .detalle-articulo .precio-soles .decimal {
  font-size: 12px
}

.lista-articulos article>div .detalle-articulo .botones {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  position: absolute;
  bottom: 15px;
  right: 15px
}

.lista-articulos article>div .detalle-articulo .botones .ver-detalle-articulo {
  color: #484848;
  font-size: 12px;
  text-decoration: underline;
  margin-right: 10px
}

.lista-articulos article>div .detalle-articulo .botones #canjear-articulo {
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
  font-weight: normal;
  margin: 0
}

@media screen and (max-width:930px) {
  .lista-articulos article {
    width: calc(100% / 2)
  }
}

@media screen and (max-width:600px) {
  .lista-articulos article {
    width: 100%
  }
}

#evales-portada {
  position: relative
}

#evales-portada .container {
  max-width: 980px
}

#evales-portada #banner-evales {
  overflow: visible
}

#evales-portada #vales-guardados {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
  border-radius: 10px;
  line-height: 42px;
  background-color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  z-index: 2;
  cursor: pointer;
  color: #484848
}

#evales-portada #vales-guardados .num-vales {
  background-color: #ff9502;
  color: #fff;
  display: inline-block;
  line-height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 3px;
  text-align: center;
  position: relative
}

#evales-portada #vales-guardados .num-vales::after {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 10px;
  background-color: #ff9502;
  transform: rotate(45deg);
  top: 5px;
  right: -3px;
  z-index: -1
}

#evales-portada #categoria-evales label {
  width: 25%;
  margin: 5px 0
}

#evales-portada #categoria-evales label input[type=checkbox] {
  display: inline-block;
  margin-right: 10px
}

#evales-portada #categoria-evales label .ch-input {
  display: none
}

#evales-portada #categoria-evales label .ch-label {
  font-size: 15px;
  font-weight: normal
}

@media screen and (max-width:850px) {
  #evales-portada #categoria-evales label {
    width: 50%
  }
}

@media screen and (max-width:450px) {
  #evales-portada #categoria-evales label {
    width: 100%
  }
}

#evales-portada #lista-evales {
  max-width: 990px !important
}

@media screen and (max-width:1100px) {
  #evales-portada #vales-guardados {
    top: -43px !important
  }
}

@media screen and (max-width:500px) {
  #evales-portada #vales-guardados {
    width: 100%;
    border-top: 1px solid #f0f0f0;
    border-radius: 0;
    left: 0 !important
  }
}

@media screen and (max-width:320px) {
  #evales-portada #vales-guardados {
    padding: 0 10px
  }

  #evales-portada #vales-guardados span:not(.num-vales) {
    font-size: 11px !important
  }
}

#evales-detalle {
  position: relative
}

#evales-detalle .container {
  max-width: 988px
}

#evales-detalle .pull-left {
  max-width: 420px;
  width: 40%
}

#evales-detalle .back-option .material-icons {
  font-size: 14px;
  margin-right: 7px;
  font-weight: bold
}

#evales-detalle .pull-right {
  max-width: 686px;
  width: 60%;
  padding-left: 90px;
  box-sizing: border-box
}

#evales-detalle+#modal-locales #lista-locales-modal li {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#evales-detalle+#modal-locales #lista-locales-modal li .como-llegar {
  display: inline-block;
  line-height: 36px;
  min-width: 137px;
  border: 1px solid #00bb31;
  font-size: 15px;
  text-align: center;
  border-radius: 4px;
  transition: .25s;
  margin-left: 20px
}

#evales-detalle+#modal-locales #lista-locales-modal li .como-llegar:hover {
  background-color: #e5f6ed
}

@media screen and (max-width:450px) {
  #evales-detalle+#modal-locales .como-llegar {
    font-size: 12px !important;
    min-width: 95px !important
  }

  #evales-detalle+#modal-locales p {
    font-size: 15px !important
  }
}

#evales-detalle #detalle-vale {
  padding-bottom: 100px
}

#evales-detalle #detalle-vale img {
  display: block;
  max-width: 420px;
  width: 100%;
  height: auto;
  background-color: #00bb31;
  color: #fff;
  position: relative
}

#evales-detalle #detalle-vale img::after {
  content: "";
  position: absolute;
  top: 47%;
  left: 47%
}

#evales-detalle #detalle-vale h1 {
  font-family: "omnes_medium", sans-serif;
  font-size: 36px;
  margin-bottom: 10px
}

#evales-detalle #detalle-vale h3 {
  font-size: 19px
}

#evales-detalle #detalle-vale .oferta span:not(.porc-oferta) {
  color: #484848;
  text-decoration: line-through;
  font-size: 14px
}

#evales-detalle #detalle-vale .oferta .porc-oferta {
  margin-left: 3px;
  display: inline-block;
  line-height: 20px;
  color: #fff;
  border-radius: 5px;
  padding: 0 6px;
  font-size: 12px
}

#evales-detalle #detalle-vale .millas {
  font-size: 30px;
  line-height: 26px
}

#evales-detalle #detalle-vale .millas span {
  font-size: 15px
}

#evales-detalle #detalle-vale .soles {
  font-size: 14px
}

#evales-detalle #detalle-vale .vale-descripcion {
  margin: 40px 0 20px 0
}

#evales-detalle #detalle-vale .separador {
  height: 2px;
  background-color: #484848;
  width: 100px;
  border: 0;
  margin: 0 0 25px 0
}

#evales-detalle #detalle-vale .social-media {
  margin: 15px 0
}

#evales-detalle #detalle-vale .social-media .icon {
  margin: 0 5px
}

#evales-detalle #detalle-vale .social-media .icon a {
  display: block;
  line-height: 25px;
  width: 25px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  background-color: #484848;
  border-radius: 50%;
  cursor: pointer
}

#evales-detalle #detalle-vale .social-media .icon .fa-whatsapp {
  display: none
}

#evales-detalle #detalle-vale .header-opciones {
  font-size: 15px;
  margin-top: 20px
}

#evales-detalle #detalle-vale .opciones-vales article {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px 0
}

#evales-detalle #detalle-vale .opciones-vales article:not(:first-child) {
  border-top: 1px solid #dbdbdb
}

#evales-detalle #detalle-vale .opciones-vales article>div:last-child {
  text-align: right
}

#evales-detalle #detalle-vale .opciones-vales article h3 {
  font-size: 20px;
  padding-bottom: 3px
}

#evales-detalle #detalle-vale .opciones-vales article .oferta {
  color: #9b9b9b
}

#evales-detalle #detalle-vale .opciones-vales article .oferta span:not(.porc-oferta) {
  text-decoration: line-through
}

#evales-detalle #detalle-vale .opciones-vales article .oferta .porc-oferta {
  line-height: 18px;
  padding: 0 5px;
  border-radius: 3px;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  margin-left: 5px
}

#evales-detalle #detalle-vale .opciones-vales article p {
  font-size: 15px;
  line-height: 24px
}

#evales-detalle #detalle-vale .opciones-vales .err {
  margin-top: 10px;
  font-size: 17px
}

#evales-detalle #detalle-vale .btn-azul {
  font-size: 18px;
  font-weight: normal;
  line-height: 44px
}

#evales-detalle #detalle-vale .btn-azul.disabled {
  border-color: #dbdbdb;
  background-color: #dbdbdb;
  color: #fff
}

#evales-detalle #detalle-vale .btn-azul.disabled:hover {
  background-color: #dbdbdb
}

#evales-detalle #detalle-vale #beneficios-producto {
  border: 1px solid #f0f0f0;
  padding: 20px 25px;
  box-sizing: border-box;
  max-width: 325px;
  border-radius: 4px;
  margin-top: 60px
}

#evales-detalle #detalle-vale #beneficios-producto h3 {
  font-size: 19px;
  margin-bottom: 20px
}

#evales-detalle #detalle-vale #beneficios-producto ul li {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-weight: 300 !important
}

#evales-detalle #detalle-vale #beneficios-producto ul li .material-icons {
  margin-right: 15px
}

#evales-detalle #detalle-vale #beneficios-producto ul li p {
  font-weight: normal
}

#evales-detalle #detalle-vale #beneficios-producto ul li>* {
  line-height: 22px
}

#evales-detalle #detalle-vale .subtitle {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
  color: #484848
}

#evales-detalle #detalle-vale #vale-condicion {
  margin: 40px 0
}

#evales-detalle #detalle-vale #vale-condicion p {
  font-size: 17px;
  line-height: 22px
}

#evales-detalle #detalle-vale #vale-locales li {
  font-weight: normal;
  margin: 20px 0
}

#evales-detalle #detalle-vale #vale-locales li .como-llegar {
  display: none
}

#evales-detalle #detalle-vale #vale-locales li h4 {
  font-size: 19px;
  margin-bottom: 5px
}

#evales-detalle #detalle-vale #vale-locales li>* {
  line-height: 25px
}

#evales-detalle #detalle-vale #vale-locales #ver-locales {
  color: #00bb31;
  font-size: 19px
}

@media screen and (max-width:1000px) {
  #evales-detalle #detalle-vale .pull-right {
    padding-left: 40px
  }
}

@media screen and (max-width:800px) {
  #evales-detalle #detalle-vale .pull-right {
    padding-left: 0
  }

  #evales-detalle #detalle-vale .pull-right,
  #evales-detalle #detalle-vale .pull-left {
    max-width: none;
    width: 100%
  }

  #evales-detalle #detalle-vale img {
    margin: auto
  }

  #evales-detalle #detalle-vale .fa-whatsapp {
    display: block !important
  }

  #evales-detalle #detalle-vale #canje-vale {
    max-width: 200px;
    display: block;
    margin: 20px auto 0 auto;
    box-sizing: border-box
  }

  #evales-detalle #detalle-vale #beneficios-producto {
    margin: 60px auto 0 auto
  }
}

@media screen and (max-width:450px) {

  #evales-detalle #detalle-vale .opciones-vales h3,
  #evales-detalle #detalle-vale .opciones-vales p {
    font-size: 12px !important;
    line-height: 17px !important
  }

  #evales-detalle #detalle-vale .opciones-vales .err {
    font-size: 12px !important
  }
}

#vales-paso1,
#vales-paso2 {
  position: relative;
  margin-bottom: 120px
}

#vales-paso1 .back-option,
#vales-paso2 .back-option {
  padding: 40px 0
}

#vales-paso1 .back-option .material-icons,
#vales-paso2 .back-option .material-icons {
  font-size: 14px;
  margin-right: 7px;
  font-weight: 400
}

#vales-paso1 .container,
#vales-paso2 .container {
  padding-right: 15px !important;
  padding-left: 15px !important
}

#vales-paso1>.container:not(.back-option),
#vales-paso2>.container:not(.back-option) {
  display: flex
}

#vales-paso1>.container:not(.back-option) .sin-canje-pendiente p,
#vales-paso2>.container:not(.back-option) .sin-canje-pendiente p {
  display: block;
  border: 1px solid #c1d0ed;
  background-color: #e5f8f8;
  font-size: 17px;
  padding: 12px 30px;
  border-radius: 4px
}

#vales-paso1>.container:not(.back-option) .sin-canje-pendiente>div,
#vales-paso2>.container:not(.back-option) .sin-canje-pendiente>div {
  text-align: center
}

#vales-paso1>.container:not(.back-option) .sin-canje-pendiente>div a,
#vales-paso2>.container:not(.back-option) .sin-canje-pendiente>div a {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px
}

#vales-paso1>.container:not(.back-option) .info-paso1,
#vales-paso2>.container:not(.back-option) .info-paso1 {
  padding-right: 15px;
  box-sizing: border-box;
  width: 740px
}

#vales-paso1>.container:not(.back-option) .info-paso1 .vales-low-stock,
#vales-paso2>.container:not(.back-option) .info-paso1 .vales-low-stock {
  color: #ff5a5e;
  border: 1px solid #ff5a5e;
  padding: 12px;
  border-radius: 4px;
  text-align: center;
  margin-bottom: 20px
}

#vales-paso1>.container:not(.back-option) .info-paso1 .vales-low-stock p,
#vales-paso2>.container:not(.back-option) .info-paso1 .vales-low-stock p {
  font-size: 17px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  padding: 35px;
  box-sizing: border-box
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article:not(:last-child),
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article:not(:last-child) {
  margin-bottom: 25px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child {
  display: flex
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child .cnt-image,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child .cnt-image {
  display: block;
  width: 105px;
  height: 105px;
  margin-right: 20px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child h2,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child h2 {
  font-size: 20px;
  color: #484848;
  font-weight: bold;
  padding-bottom: 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child p,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child p {
  font-size: 15px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child button,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:first-child button {
  display: block;
  background-color: transparent;
  border: 1px solid #00bb31;
  border-radius: 4px;
  color: #00bb31;
  font-size: 15px;
  padding: 5px 14px;
  box-sizing: border-box;
  margin: 10px 0 0 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child {
  text-align: right
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child p,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child p {
  font-weight: bold;
  font-size: 15px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .contador,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .contador {
  margin: 5px 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone {
  position: relative
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone button,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone button {
  background-color: transparent;
  color: #484848;
  font-size: 15px;
  text-decoration: underline;
  padding: 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 16px 20px 16px;
  box-sizing: border-box;
  background-color: #fafafa;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  width: 200px;
  z-index: 10;
  text-align: center
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal p,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal p {
  font-weight: normal;
  font-size: 13px
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal .material-icons,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal .material-icons {
  position: absolute;
  top: 7px;
  right: 7px;
  cursor: pointer;
  font-size: 18px;
  color: #757575
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal button,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .drop-zone .drop-modal button {
  background-color: #00bb31;
  color: #fff;
  text-decoration: none;
  line-height: 30px;
  padding: 0 12px;
  border-radius: 4px;
  margin: 10px 0 0 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .contador-agotado,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .contador-agotado {
  display: inline-block;
  width: 150px;
  line-height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  margin: 5px 0;
  color: #e1e1e1;
  text-align: center
}

#vales-paso1>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .warning,
#vales-paso2>.container:not(.back-option) .info-paso1 #vales-por-canjear article>div:last-child .warning {
  margin: 10px 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 .actions,
#vales-paso2>.container:not(.back-option) .info-paso1 .actions {
  text-align: center;
  margin: 30px 0
}

#vales-paso1>.container:not(.back-option) .info-paso1 .actions a,
#vales-paso2>.container:not(.back-option) .info-paso1 .actions a {
  display: block;
  margin: auto
}

#vales-paso1>.container:not(.back-option) .info-paso1 .actions a#siguiente,
#vales-paso2>.container:not(.back-option) .info-paso1 .actions a#siguiente {
  line-height: 33px;
  font-size: 14px;
  padding: 0 15px;
  max-width: 100px;
  margin-bottom: 15px;
  font-weight: normal
}

#vales-paso1>.container:not(.back-option) .info-paso1 .actions a#go-vales,
#vales-paso2>.container:not(.back-option) .info-paso1 .actions a#go-vales {
  display: inline-block;
  color: #484848;
  text-decoration: underline;
  font-size: 15px
}

#vales-paso1 .resumen-paso1,
#vales-paso1 .resumen-paso2,
#vales-paso2 .resumen-paso1,
#vales-paso2 .resumen-paso2 {
  position: absolute;
  top: -14px;
  right: 0;
  width: 350px;
  z-index: 6
}

#vales-paso1 .resumen-paso1 .lista-canjes,
#vales-paso1 .resumen-paso2 .lista-canjes,
#vales-paso2 .resumen-paso1 .lista-canjes,
#vales-paso2 .resumen-paso2 .lista-canjes {
  display: block;
  width: 100%;
  background-color: #01bcb4;
  border-radius: 4px;
  padding: 10px;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4)
}

#vales-paso1 .resumen-paso1 .lista-canjes h4,
#vales-paso1 .resumen-paso2 .lista-canjes h4,
#vales-paso2 .resumen-paso1 .lista-canjes h4,
#vales-paso2 .resumen-paso2 .lista-canjes h4 {
  font-weight: bold
}

#vales-paso1 .resumen-paso1 .lista-canjes ul,
#vales-paso1 .resumen-paso2 .lista-canjes ul,
#vales-paso2 .resumen-paso1 .lista-canjes ul,
#vales-paso2 .resumen-paso2 .lista-canjes ul {
  background-color: #f4f4f4;
  overflow: hidden
}

#vales-paso1 .resumen-paso1 .lista-canjes ul li,
#vales-paso1 .resumen-paso2 .lista-canjes ul li,
#vales-paso2 .resumen-paso1 .lista-canjes ul li,
#vales-paso2 .resumen-paso2 .lista-canjes ul li {
  color: #8e8f90;
  padding: 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between
}

#vales-paso1 .resumen-paso1 .lista-canjes ul li.total-resumen,
#vales-paso1 .resumen-paso2 .lista-canjes ul li.total-resumen,
#vales-paso2 .resumen-paso1 .lista-canjes ul li.total-resumen,
#vales-paso2 .resumen-paso2 .lista-canjes ul li.total-resumen {
  background-color: #fff;
  color: #00add0
}

#vales-paso1 .resumen-paso1 .lista-canjes ul.lista-items,
#vales-paso1 .resumen-paso2 .lista-canjes ul.lista-items,
#vales-paso2 .resumen-paso1 .lista-canjes ul.lista-items,
#vales-paso2 .resumen-paso2 .lista-canjes ul.lista-items {
  margin-top: 10px;
  border-radius: 3px 3px 0 0;
  max-height: 100px;
  overflow: auto
}

#vales-paso1 .resumen-paso1 .lista-canjes ul.resumen,
#vales-paso1 .resumen-paso2 .lista-canjes ul.resumen,
#vales-paso2 .resumen-paso1 .lista-canjes ul.resumen,
#vales-paso2 .resumen-paso2 .lista-canjes ul.resumen {
  border-radius: 0 0 3px 3px
}

#vales-paso1 .resumen-paso1 .lista-canjes::before,
#vales-paso1 .resumen-paso2 .lista-canjes::before,
#vales-paso2 .resumen-paso1 .lista-canjes::before,
#vales-paso2 .resumen-paso2 .lista-canjes::before {
  content: "";
  position: absolute;
  display: block;
  width: 96%;
  background-color: #f4f4f4;
  height: 7px;
  border-radius: 2px 2px 0 0;
  top: -7px;
  left: 7px;
  z-index: -1;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5)
}

#vales-paso1 .resumen-paso1 .cont-resumen,
#vales-paso1 .resumen-paso2 .cont-resumen,
#vales-paso2 .resumen-paso1 .cont-resumen,
#vales-paso2 .resumen-paso2 .cont-resumen {
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0 0 4px 4px;
  width: 96%;
  margin: auto;
  overflow: hidden
}

#vales-paso1 .resumen-paso1 .cont-resumen .puntos-disponibles p,
#vales-paso1 .resumen-paso2 .cont-resumen .puntos-disponibles p,
#vales-paso2 .resumen-paso1 .cont-resumen .puntos-disponibles p,
#vales-paso2 .resumen-paso2 .cont-resumen .puntos-disponibles p {
  font-weight: 300 !important
}

#vales-paso1 .resumen-paso1 .cont-resumen .uso-millas label,
#vales-paso1 .resumen-paso2 .cont-resumen .uso-millas label,
#vales-paso2 .resumen-paso1 .cont-resumen .uso-millas label,
#vales-paso2 .resumen-paso2 .cont-resumen .uso-millas label {
  font-weight: 300 !important
}

#vales-paso1 .resumen-paso1 .cont-resumen .uso-millas p,
#vales-paso1 .resumen-paso2 .cont-resumen .uso-millas p,
#vales-paso2 .resumen-paso1 .cont-resumen .uso-millas p,
#vales-paso2 .resumen-paso2 .cont-resumen .uso-millas p {
  font-weight: 300 !important
}

#vales-paso1 .resumen-paso1 .puntos-disponibles,
#vales-paso1 .resumen-paso2 .puntos-disponibles,
#vales-paso2 .resumen-paso1 .puntos-disponibles,
#vales-paso2 .resumen-paso2 .puntos-disponibles {
  display: flex;
  background-color: #fff;
  padding: 10px;
  align-items: flex-start;
  box-sizing: border-box
}

#vales-paso1 .resumen-paso1 .puntos-disponibles .icon-check,
#vales-paso1 .resumen-paso2 .puntos-disponibles .icon-check,
#vales-paso2 .resumen-paso1 .puntos-disponibles .icon-check,
#vales-paso2 .resumen-paso2 .puntos-disponibles .icon-check {
  margin: 0 10px;
  min-width: 20px
}

#vales-paso1 .resumen-paso1 .puntos-disponibles p,
#vales-paso1 .resumen-paso2 .puntos-disponibles p,
#vales-paso2 .resumen-paso1 .puntos-disponibles p,
#vales-paso2 .resumen-paso2 .puntos-disponibles p {
  font-size: 14px;
  color: #8e8f90;
  font-weight: bold;
  line-height: 26px
}

#vales-paso1 .resumen-paso1 .total-pagar p,
#vales-paso1 .resumen-paso2 .total-pagar p,
#vales-paso2 .resumen-paso1 .total-pagar p,
#vales-paso2 .resumen-paso2 .total-pagar p {
  display: flex;
  justify-content: space-between
}

#vales-paso1 .resumen-paso1 .total-pagar p span,
#vales-paso1 .resumen-paso2 .total-pagar p span,
#vales-paso2 .resumen-paso1 .total-pagar p span,
#vales-paso2 .resumen-paso2 .total-pagar p span {
  color: #484848 !important;
  font-weight: 400 !important
}

#vales-paso1 .resumen-paso1 .total-pagar p:first-child span,
#vales-paso1 .resumen-paso2 .total-pagar p:first-child span,
#vales-paso2 .resumen-paso1 .total-pagar p:first-child span,
#vales-paso2 .resumen-paso2 .total-pagar p:first-child span {
  color: #00add0 !important
}

#vales-paso1 .resumen-paso1 .uso-millas,
#vales-paso1 .resumen-paso2 .uso-millas,
#vales-paso2 .resumen-paso1 .uso-millas,
#vales-paso2 .resumen-paso2 .uso-millas {
  background-color: #f7f6f6;
  padding: 10px 20px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.5)
}

#vales-paso1 .resumen-paso1 .uso-millas label,
#vales-paso1 .resumen-paso2 .uso-millas label,
#vales-paso2 .resumen-paso1 .uso-millas label,
#vales-paso2 .resumen-paso2 .uso-millas label {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 14px;
  color: #8e8f90;
  margin-bottom: 5px;
  font-weight: bold
}

#vales-paso1 .resumen-paso1 .uso-millas label input[type=text],
#vales-paso1 .resumen-paso2 .uso-millas label input[type=text],
#vales-paso2 .resumen-paso1 .uso-millas label input[type=text],
#vales-paso2 .resumen-paso2 .uso-millas label input[type=text] {
  display: block;
  line-height: 22px;
  height: 22px;
  width: 65px;
  padding-left: 5px;
  box-sizing: border-box;
  border: 1px solid #dbdbdb;
  color: #989898;
  margin: 0 10px
}

#vales-paso1 .resumen-paso1 .uso-millas label input[type=button],
#vales-paso1 .resumen-paso2 .uso-millas label input[type=button],
#vales-paso2 .resumen-paso1 .uso-millas label input[type=button],
#vales-paso2 .resumen-paso2 .uso-millas label input[type=button] {
  background-color: #5fd4cc;
  color: #fff;
  border-radius: 5px;
  padding: 0 10px;
  box-sizing: border-box;
  margin-left: 12px;
  line-height: 28px;
  border: 0;
  transition: .25s
}

#vales-paso1 .resumen-paso1 .uso-millas label input[type=button]:hover,
#vales-paso1 .resumen-paso2 .uso-millas label input[type=button]:hover,
#vales-paso2 .resumen-paso1 .uso-millas label input[type=button]:hover,
#vales-paso2 .resumen-paso2 .uso-millas label input[type=button]:hover {
  background-color: #60e8df
}

#vales-paso1 .resumen-paso1 .uso-millas p,
#vales-paso1 .resumen-paso2 .uso-millas p,
#vales-paso2 .resumen-paso1 .uso-millas p,
#vales-paso2 .resumen-paso2 .uso-millas p {
  font-size: 14px;
  font-weight: bold;
  color: #8e8f90
}

#vales-paso1 .resumen-paso1 .uso-millas p span,
#vales-paso1 .resumen-paso2 .uso-millas p span,
#vales-paso2 .resumen-paso1 .uso-millas p span,
#vales-paso2 .resumen-paso2 .uso-millas p span {
  color: #0039a6
}

#vales-paso1+#modal-envio-vales .contenedor-modal,
#vales-paso2+#modal-envio-vales .contenedor-modal {
  max-width: 830px;
  padding: 50px 60px
}

#vales-paso1+#modal-envio-vales .contenedor-modal .close,
#vales-paso2+#modal-envio-vales .contenedor-modal .close {
  top: 60px;
  right: 60px
}

#vales-paso1+#modal-envio-vales .contenedor-modal>p,
#vales-paso2+#modal-envio-vales .contenedor-modal>p {
  font-size: 19px;
  padding-right: 50px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo {
  margin: 40px 0
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article:not(:last-child),
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 40px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale {
  display: flex
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .cnt-image,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .cnt-image {
  display: block;
  width: 105px;
  height: 105px;
  background-color: #00bb31;
  margin-right: 20px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale h4,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale h4 {
  font-size: 20px;
  font-weight: bold
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale p,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale p {
  font-size: 15px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio {
  margin-top: 15px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio .radio-label,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio .radio-label {
  margin-right: 15px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio .radio-label span,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .detalle-vale .opciones-envio .radio-label span {
  font-size: 19px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio {
  margin: 20px 0 50px 0
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio h4,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio h4 span,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio h4 span {
  display: none;
  color: #00bb31;
  font-size: 17px;
  font-weight: normal;
  margin-left: 10px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos {
  background-color: transparent;
  color: #00bb31;
  font-size: 17px;
  width: auto;
  text-align: right;
  margin: 0 0 20px 0 !important;
  padding: 0
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos:disabled,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos:disabled {
  color: #9b9b9b
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos .material-icons,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio .copiar-datos .material-icons {
  font-size: 16px;
  vertical-align: middle
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div {
  display: flex;
  justify-content: space-between
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div>div label:not(:first-child)>div,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div>div label:not(:first-child)>div {
  margin-top: 15px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div>*,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div>* {
  width: 50%;
  margin-right: -10px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div {
  display: flex;
  position: relative
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div span,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div span {
  display: block;
  min-width: 70px;
  text-align: right;
  margin-right: 15px;
  line-height: 37px;
  font-size: 17px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div input[type=text],
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div input[type=text] {
  line-height: 37px;
  height: 37px;
  border-radius: 4px;
  width: 100%;
  max-width: 257px;
  box-sizing: border-box;
  padding: 0 10px;
  font-size: 17px;
  outline: 0;
  padding-right: 40px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div input[type=text]:disabled,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div input[type=text]:disabled {
  background-color: #ececec;
  color: #9b9b9b
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div .check,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div .check {
  display: none;
  color: #00bb31;
  position: absolute;
  right: 20px;
  line-height: 37px;
  font-size: 20px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div textarea,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div textarea {
  width: 100%;
  max-width: 257px;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 6px 10px;
  font-size: 17px;
  height: 89px;
  border: 1px solid #dbdbdb;
  resize: none;
  outline: 0
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div textarea:disabled,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div textarea:disabled {
  background-color: #ececec;
  color: #9b9b9b
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div .cant-caracteres,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label>div .cant-caracteres {
  position: absolute;
  font-size: 17px;
  text-align: right;
  bottom: -35px;
  right: 0;
  width: 100%
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label .error,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label .error {
  width: 257px;
  float: right;
  font-size: 16px !important;
  margin-top: 5px
}

#vales-paso1+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label .clearfix,
#vales-paso2+#modal-envio-vales .contenedor-modal #vales-regalo article .datos-envio>div label .clearfix {
  margin: 0 !important
}

#vales-paso1+#modal-envio-vales .contenedor-modal .zone-button,
#vales-paso2+#modal-envio-vales .contenedor-modal .zone-button {
  width: 100%;
  text-align: center
}

#vales-paso1+#modal-envio-vales .contenedor-modal .zone-button #guardar-vale,
#vales-paso2+#modal-envio-vales .contenedor-modal .zone-button #guardar-vale {
  font-size: 17px;
  line-height: 50px;
  width: 205px;
  font-weight: normal;
  margin: 20px auto
}

@media screen and (max-width:830px) {

  #vales-paso1+#modal-envio-vales #form-envio-vales,
  #vales-paso2+#modal-envio-vales #form-envio-vales {
    padding: 30px
  }

  #vales-paso1+#modal-envio-vales #form-envio-vales .close,
  #vales-paso2+#modal-envio-vales #form-envio-vales .close {
    top: 10px;
    right: 10px
  }
}

@media screen and (max-width:690px) {

  #vales-paso1+#modal-envio-vales article:not(:last-child),
  #vales-paso2+#modal-envio-vales article:not(:last-child) {
    padding-bottom: 30px
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div:first-child,
  #vales-paso2+#modal-envio-vales .datos-envio>div:first-child {
    flex-direction: column
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div:first-child>*,
  #vales-paso2+#modal-envio-vales .datos-envio>div:first-child>* {
    width: 100%;
    text-align: left !important
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div:last-child,
  #vales-paso2+#modal-envio-vales .datos-envio>div:last-child {
    flex-direction: column
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div>*,
  #vales-paso2+#modal-envio-vales .datos-envio>div>* {
    width: 100% !important
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div input[type=text],
  #vales-paso1+#modal-envio-vales .datos-envio>div textarea,
  #vales-paso2+#modal-envio-vales .datos-envio>div input[type=text],
  #vales-paso2+#modal-envio-vales .datos-envio>div textarea {
    max-width: none !important
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div>label,
  #vales-paso2+#modal-envio-vales .datos-envio>div>label {
    margin-top: 15px
  }

  #vales-paso1+#modal-envio-vales .datos-envio>div .error,
  #vales-paso2+#modal-envio-vales .datos-envio>div .error {
    width: calc(100% - 85px) !important
  }
}

@media screen and (max-width:460px) {

  #vales-paso1+#modal-envio-vales .detalle-vale .cnt-image,
  #vales-paso2+#modal-envio-vales .detalle-vale .cnt-image {
    display: none !important
  }

  #vales-paso1+#modal-envio-vales .detalle-vale>div:not(.cnt-image),
  #vales-paso2+#modal-envio-vales .detalle-vale>div:not(.cnt-image) {
    width: 100%
  }

  #vales-paso1+#modal-envio-vales .detalle-vale>div:not(.cnt-image) .opciones-envio,
  #vales-paso2+#modal-envio-vales .detalle-vale>div:not(.cnt-image) .opciones-envio {
    display: flex;
    flex-direction: column;
    margin: 0
  }

  #vales-paso1+#modal-envio-vales .detalle-vale>div:not(.cnt-image) .opciones-envio label,
  #vales-paso2+#modal-envio-vales .detalle-vale>div:not(.cnt-image) .opciones-envio label {
    margin-right: 0;
    margin-bottom: 5px
  }

  #vales-paso1+#modal-envio-vales .datos-envio label>div>span:not(.cant-caracteres),
  #vales-paso2+#modal-envio-vales .datos-envio label>div>span:not(.cant-caracteres) {
    display: none !important
  }

  #vales-paso1+#modal-envio-vales .datos-envio .error,
  #vales-paso2+#modal-envio-vales .datos-envio .error {
    min-width: 100% !important
  }
}

@media screen and (max-width:1100px) {

  #vales-paso1 .resumen-paso1,
  #vales-paso1 .resumen-paso2,
  #vales-paso2 .resumen-paso1,
  #vales-paso2 .resumen-paso2 {
    position: relative;
    top: 0
  }

  #vales-paso1 .resumen-paso1 .uso-millas p,
  #vales-paso1 .resumen-paso2 .uso-millas p,
  #vales-paso2 .resumen-paso1 .uso-millas p,
  #vales-paso2 .resumen-paso2 .uso-millas p {
    text-align: center !important
  }

  #vales-paso1 #pasos,
  #vales-paso2 #pasos {
    height: auto
  }

  #vales-paso1 #pasos>div,
  #vales-paso2 #pasos>div {
    display: flex;
    flex-direction: column;
    padding: 20px 30px 40px 20px
  }

  #vales-paso1 #pasos>div ul,
  #vales-paso2 #pasos>div ul {
    margin-top: 15px;
    order: 2;
    max-width: 100%
  }

  #vales-paso1 #pasos>div ul.lista-items,
  #vales-paso2 #pasos>div ul.lista-items {
    margin-top: 20px
  }

  #vales-paso1 #pasos>div>p,
  #vales-paso2 #pasos>div>p {
    display: none
  }

  #vales-paso1 .info-paso1,
  #vales-paso1 .info-paso2,
  #vales-paso1 .zona-canje>div,
  #vales-paso2 .info-paso1,
  #vales-paso2 .info-paso2,
  #vales-paso2 .zona-canje>div {
    width: 100% !important;
    padding: 0 !important;
    max-width: none !important
  }
}

@media screen and (max-width:640px) {

  #vales-paso1 #vales-por-canjear article,
  #vales-paso2 #vales-por-canjear article {
    flex-direction: column
  }

  #vales-paso1 #vales-por-canjear article>div:first-child,
  #vales-paso2 #vales-por-canjear article>div:first-child {
    flex-direction: column
  }

  #vales-paso1 #vales-por-canjear article>div:first-child .cnt-image,
  #vales-paso2 #vales-por-canjear article>div:first-child .cnt-image {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 15px 0 !important
  }

  #vales-paso1 #vales-por-canjear article>div:first-child>div:not(.cnt-image),
  #vales-paso2 #vales-por-canjear article>div:first-child>div:not(.cnt-image) {
    text-align: center !important
  }

  #vales-paso1 #vales-por-canjear article>div:first-child>div:not(.cnt-image) h2,
  #vales-paso1 #vales-por-canjear article>div:first-child>div:not(.cnt-image) p,
  #vales-paso2 #vales-por-canjear article>div:first-child>div:not(.cnt-image) h2,
  #vales-paso2 #vales-por-canjear article>div:first-child>div:not(.cnt-image) p {
    text-align: left !important
  }

  #vales-paso1 #vales-por-canjear article>div:first-child>div:not(.cnt-image) a,
  #vales-paso2 #vales-por-canjear article>div:first-child>div:not(.cnt-image) a {
    display: block !important;
    margin-top: 10px
  }

  #vales-paso1 #vales-por-canjear article>div:first-child button,
  #vales-paso2 #vales-por-canjear article>div:first-child button {
    margin: 20px auto 0 auto !important
  }

  #vales-paso1 #vales-por-canjear article>div:last-child,
  #vales-paso2 #vales-por-canjear article>div:last-child {
    text-align: center !important
  }

  #vales-paso1 #vales-por-canjear article>div:last-child>p,
  #vales-paso2 #vales-por-canjear article>div:last-child>p {
    display: none
  }

  #vales-paso1 #vales-por-canjear article>div:last-child .contador,
  #vales-paso2 #vales-por-canjear article>div:last-child .contador {
    justify-content: center;
    margin: 20px 0 !important
  }

  #vales-paso1 #vales-por-canjear article>div:last-child>button,
  #vales-paso2 #vales-por-canjear article>div:last-child>button {
    margin: 0 !important
  }

  #vales-paso1 #vales-por-canjear article>div:last-child .drop-modal,
  #vales-paso2 #vales-por-canjear article>div:last-child .drop-modal {
    right: -36px !important
  }

  #vales-paso1 #vales-por-canjear article>div:last-child .drop-zone button,
  #vales-paso2 #vales-por-canjear article>div:last-child .drop-zone button {
    margin: 0 !important
  }

  #vales-paso1 .info-paso2 .cnt-image,
  #vales-paso2 .info-paso2 .cnt-image {
    display: none !important
  }

  #vales-paso1 .info-paso2 #vales-por-canjear article>div:first-child,
  #vales-paso2 .info-paso2 #vales-por-canjear article>div:first-child {
    flex-direction: row !important
  }

  #vales-paso1 .info-paso2 #vales-por-canjear article>div:first-child button,
  #vales-paso2 .info-paso2 #vales-por-canjear article>div:first-child button {
    margin: 0 !important
  }

  #vales-paso1 .info-paso2 #vales-por-canjear article>div:last-child,
  #vales-paso2 .info-paso2 #vales-por-canjear article>div:last-child {
    text-align: left !important
  }

  #vales-paso1 .info-paso2 #vales-por-canjear article>div:last-child p,
  #vales-paso2 .info-paso2 #vales-por-canjear article>div:last-child p {
    display: block !important
  }

  #vales-paso1 .info-paso2 #vales-por-canjear .for-me .name-pc,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-me .mail-pc,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-gift .name-pc,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-gift .mail-pc,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .name-pc,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .mail-pc,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .name-pc,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .mail-pc {
    display: none
  }

  #vales-paso1 .info-paso2 #vales-por-canjear .for-me .name-responsive,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-me .mail-responsive,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-gift .name-responsive,
  #vales-paso1 .info-paso2 #vales-por-canjear .for-gift .mail-responsive,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .name-responsive,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .mail-responsive,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .name-responsive,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .mail-responsive {
    display: block !important;
    margin-bottom: 30px
  }

  #vales-paso1 .info-paso2 #vales-por-canjear .for-me>div:not(:last-child),
  #vales-paso1 .info-paso2 #vales-por-canjear .for-gift>div:not(:last-child),
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me>div:not(:last-child),
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift>div:not(:last-child) {
    margin-bottom: 0 !important
  }
}

@media screen and (max-width:500px) {

  #vales-paso1 #pasos>div,
  #vales-paso2 #pasos>div {
    padding-top: 60px !important
  }
}

@media screen and (max-width:400px) {

  #vales-paso1 .resumen-paso1,
  #vales-paso1 .resumen-paso2,
  #vales-paso2 .resumen-paso1,
  #vales-paso2 .resumen-paso2 {
    width: 100%
  }

  #vales-paso1 .resumen-paso1 .puntos-disponibles p,
  #vales-paso1 .resumen-paso2 .puntos-disponibles p,
  #vales-paso2 .resumen-paso1 .puntos-disponibles p,
  #vales-paso2 .resumen-paso2 .puntos-disponibles p {
    line-height: 16px
  }
}

@media screen and (max-width:380px) {

  #vales-paso1 .uso-millas label,
  #vales-paso2 .uso-millas label {
    justify-content: center
  }

  #vales-paso1 .uso-millas label input[type=button],
  #vales-paso2 .uso-millas label input[type=button] {
    margin-top: 10px
  }

  #vales-paso1 .uso-millas p,
  #vales-paso2 .uso-millas p {
    text-align: center
  }
}

#vales-paso2 {
  background-color: #f2f1f1;
  margin-bottom: 0;
  padding-bottom: 120px
}

#vales-paso2 .info-paso2 {
  width: 100%;
  max-width: 730px
}

#vales-paso2 .info-paso2 h1 {
  font-family: "omnes_semibold", sans-serif;
  font-weight: bold;
  font-size: 26px
}

#vales-paso2 .info-paso2 #vales-por-canjear {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  padding: 40px 30px;
  border-radius: 4px;
  width: 100%;
  box-sizing: border-box;
  margin-top: 15px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift):not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #f0f0f0
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div {
  width: 100%
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div>div:first-child {
  display: flex
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div>div:first-child .cnt-image {
  display: block;
  width: 105px;
  height: 105px;
  margin-right: 20px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div>div:first-child>div:not(.cnt-image) {
  display: flex;
  justify-content: space-between;
  width: 100%
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div>div:first-child h2 {
  font-size: 20px;
  color: #484848;
  font-weight: bold;
  padding-bottom: 0
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div>div:first-child p {
  font-size: 15px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .multiple-envio {
  font-size: 15px;
  border: 1px solid #afafaf;
  border-radius: 5px;
  background-color: #f2f1f1;
  padding: 5px 10px;
  color: #555;
  margin-top: 15px;
  max-width: calc(100% - 90px);
  width: auto;
  display: inline-block
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .unico-envio {
  margin-top: 15px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .unico-envio span {
  word-break: break-all
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .unico-envio i {
  vertical-align: middle;
  margin-right: 5px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div button {
  display: block;
  background-color: transparent;
  color: #00bb31;
  text-decoration: underline;
  font-size: 15px;
  line-height: 28px;
  margin: 3px 0 0 0;
  padding: 0
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .envio-cantidad {
  text-align: right
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .envio-cantidad p:not(.num) {
  font-weight: bold;
  font-size: 15px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift)>div .envio-cantidad .num {
  font-size: 20px;
  line-height: 38px;
  width: 38px;
  text-align: center;
  border: 1px solid #afafaf;
  color: #555;
  border-radius: 4px;
  background-color: #f2f1f1;
  float: right;
  margin-top: 10px;
  text-align: center !important
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio {
  display: none;
  margin-top: 20px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>p {
  font-weight: bold;
  float: right;
  font-size: 15px;
  padding-bottom: 10px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-me>div,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-gift>div {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-me>div:not(:last-child),
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-gift>div:not(:last-child) {
  margin-bottom: 30px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-me>div .cantidad,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-gift>div .cantidad {
  font-size: 20px;
  line-height: 38px;
  width: 38px;
  text-align: center;
  border: 1px solid #afafaf;
  color: #555;
  border-radius: 4px;
  background-color: #f2f1f1
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-me .name-responsive,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-me .mail-responsive,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-gift .name-responsive,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio .for-gift .mail-responsive {
  display: none
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>div p.name-responsive {
  margin-top: 15px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>div p:not(:last-child) {
  margin-bottom: 10px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>div p span:first-child:not(.point) {
  display: inline-block;
  width: 80px;
  text-align: right;
  margin-right: 10px
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>div p .name,
#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) #detalle-multiple-envio>div p .email {
  display: inline-block;
  width: 257px;
  line-height: 35px;
  border: 1px solid #e1e1e1;
  background-color: #f2f1f1;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  vertical-align: middle
}

#vales-paso2 .info-paso2 #vales-por-canjear article:not(.for-me):not(.for-gift) .ocultar {
  display: block;
  background-color: transparent;
  color: #00bb31;
  text-decoration: underline;
  font-size: 15px;
  line-height: 28px;
  margin: 3px 0 0 0;
  padding: 0
}

@media screen and (max-width:530px) {

  #vales-paso2 .info-paso2 #vales-por-canjear .for-me p span:first-child strong,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift p span:first-child strong {
    display: block;
    text-align: left
  }

  #vales-paso2 .info-paso2 #vales-por-canjear .for-me p span:first-child strong .point,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift p span:first-child strong .point {
    display: none
  }

  #vales-paso2 .info-paso2 #vales-por-canjear .for-me p span:last-child,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift p span:last-child {
    display: block
  }

  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .mail-responsive span:first-child,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .name-responsive span:first-child,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .mail-responsive span:first-child,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .name-responsive span:first-child {
    width: 60px !important
  }

  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .mail-responsive .email,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .mail-responsive .name,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .name-responsive .email,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-me .name-responsive .name,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .mail-responsive .email,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .mail-responsive .name,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .name-responsive .email,
  #vales-paso2 .info-paso2 #vales-por-canjear .for-gift .name-responsive .name {
    width: calc(100% - 73px) !important
  }
}

#vales-paso2 .zona-canje {
  display: block !important;
  margin-top: 30px
}

#vales-paso2 .zona-canje>div {
  max-width: 730px;
  width: 100%
}

#vales-paso2 .zona-canje>div h2 {
  font-family: "omnes_semibold", sans-serif;
  font-weight: bold;
  font-size: 26px;
  color: #484848
}

#vales-paso2 .zona-canje>div #canje-vales {
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  background-color: #fff;
  width: 100%;
  margin-top: 15px;
  padding: 40px 30px;
  box-sizing: border-box
}

#vales-paso2 .zona-canje>div #canje-vales ul {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px
}

#vales-paso2 .zona-canje>div #canje-vales ul li {
  display: flex;
  align-items: flex-end;
  padding: 10px 0
}

#vales-paso2 .zona-canje>div #canje-vales ul li span {
  width: 50%;
  display: inline-block;
  font-weight: normal
}

#vales-paso2 .zona-canje>div #canje-vales ul li span:first-child {
  text-align: right;
  margin-right: 10px
}

#vales-paso2 .zona-canje>div #canje-vales ul li span:last-child {
  text-align: left;
  color: #00a6cf
}

@media screen and (max-width:450px) {
  #vales-paso2 .zona-canje>div #canje-vales ul li span {
    font-size: 14px !important
  }
}

#vales-paso2 .zona-canje>div #canje-vales label {
  display: flex;
  justify-content: center;
  align-items: center
}

#vales-paso2 .zona-canje>div #canje-vales label span {
  margin-right: 10px;
  width: 50%;
  display: block;
  text-align: right
}

#vales-paso2 .zona-canje>div #canje-vales label div {
  width: 50%
}

#vales-paso2 .zona-canje>div #canje-vales label div input[type=text] {
  max-width: 85px;
  line-height: 38px;
  height: 38px;
  border-radius: 4px;
  padding: 0 7px;
  box-sizing: border-box
}

#vales-paso2 .zona-canje>div #canje-vales label div button {
  background-color: #5ed5cd;
  border-radius: 4px;
  color: #fff;
  font-size: 13px;
  line-height: 38px;
  padding: 0 10px;
  margin-left: 10px;
  width: 85px
}

#vales-paso2 .zona-canje>div #canje-vales .p3barra {
  margin-left: 50%
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia span {
  display: inline-block;
  width: 50%
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia span:first-child {
  text-align: right
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia span:first-child .moneda {
  font-size: 24px;
  font-weight: bold;
  width: auto;
  margin: 0;
  margin-left: 10px
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia span:last-child {
  font-size: 24px;
  margin-left: 10px;
  font-weight: bold
}

#vales-paso2 .zona-canje>div #canje-vales #cubrir-diferencia .canje-precio-cubrir-efectivo {
  margin: 0 !important;
  width: auto
}

#vales-paso2 .zona-canje>div #canje-vales .botonera {
  border: none !important;
  margin-top: 30px
}

#vales-paso2 .zona-canje iframe {
  border: 0;
  width: 100%
}

@media screen and (max-width:720px) {
  #vales-paso2 .zona-canje .irs {
    margin: 0 !important
  }
}

@media screen and (max-width:500px) {
  #vales-paso2 .zona-canje label div * {
    display: block;
    margin: 10px 0 0 0 !important
  }

  #vales-paso2 .zona-canje .p3barra {
    margin-left: 0 !important
  }

  #vales-paso2 .zona-canje .irs {
    margin: auto !important
  }
}

#vales-comprobante {
  background-color: #f2f0f1;
  padding-bottom: 100px
}

#vales-comprobante #pasos>div {
  justify-content: center
}

#vales-comprobante .cnt-comprobante {
  margin-top: 30px;
  border: 1px solid #e1e1e1;
  padding: 20px;
  background-color: #fff
}

#vales-comprobante .cnt-comprobante .intro {
  text-align: center
}

#vales-comprobante .cnt-comprobante .intro h1 {
  color: #01bcb4;
  font-size: 36px;
  margin-bottom: 5px
}

#vales-comprobante .cnt-comprobante .intro p:nth-child(2) {
  font-size: 22px;
  margin-bottom: 10px
}

#vales-comprobante .cnt-comprobante .intro p:nth-child(3) {
  font-size: 20px;
  margin-bottom: 10px
}

#vales-comprobante .cnt-comprobante .intro p:nth-child(4) {
  font-size: 16px;
  margin-bottom: 0
}

#vales-comprobante .cnt-comprobante .datos-canje {
  max-width: 860px;
  width: 100%;
  margin: auto;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  margin-top: 40px;
  display: flex
}

#vales-comprobante .cnt-comprobante .datos-canje>* {
  width: 100%
}

#vales-comprobante .cnt-comprobante .datos-canje .orden-compra {
  background-color: #01bcb4;
  color: #fff;
  padding: 25px
}

#vales-comprobante .cnt-comprobante .datos-canje .orden-compra p:first-child {
  text-align: center
}

#vales-comprobante .cnt-comprobante .datos-canje .orden-compra p:last-child {
  font-size: 14px
}

#vales-comprobante .cnt-comprobante .datos-canje .orden-compra .num-orden {
  background-color: #fff;
  color: #484848;
  text-align: center;
  line-height: 115px;
  margin: 10px 0;
  font-size: 34px;
  font-weight: bold
}

#vales-comprobante .cnt-comprobante .datos-canje>div:not(.orden-compra) {
  padding: 25px;
  font-size: 14px
}

#vales-comprobante .cnt-comprobante .datos-canje>div:not(.orden-compra) h2 {
  font-weight: bold;
  margin-bottom: 7px
}

#vales-comprobante .cnt-comprobante .datos-canje>div:not(.orden-compra) br {
  display: block;
  content: "";
  margin: 12px 0;
  line-height: 30px
}

#vales-comprobante .cnt-comprobante .datos-canje>div:not(.orden-compra) p {
  font-weight: bold
}

#vales-comprobante .cnt-comprobante .detalle-canje {
  max-width: 860px;
  width: 100%;
  margin: auto;
  border: 1px solid #e1e1e1;
  border-top: 0;
  padding: 25px;
  box-sizing: border-box
}

#vales-comprobante .cnt-comprobante .detalle-canje article:not(:last-child) {
  margin-bottom: 30px
}

#vales-comprobante .cnt-comprobante .detalle-canje article h3 {
  color: #00bb31;
  font-weight: bold;
  margin-bottom: 20px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div {
  display: flex;
  align-items: flex-start
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div img {
  display: block;
  width: 55%;
  background-color: #00bb31
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description {
  display: block;
  width: 45%;
  padding-left: 35px;
  font-size: 14px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description p {
  margin-bottom: 10px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description p:nth-child(2) br {
  content: "";
  margin: 7px 0;
  display: block;
  line-height: 30px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description ul li {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 0
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description ul li .cant-vales {
  display: block;
  line-height: 36px;
  min-width: 36px;
  max-width: 36px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  text-align: center;
  font-size: 20px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description ul li span:not(.cant-vales) strong {
  display: block;
  margin-bottom: 7px
}

#vales-comprobante .cnt-comprobante .detalle-canje article>div .description ul li span:not(.cant-vales) span {
  font-weight: normal;
  display: block;
  text-transform: lowercase
}

#vales-comprobante .cnt-comprobante .envio-mail {
  display: block;
  text-align: center;
  margin: 20px 0
}

#vales-comprobante .cnt-comprobante .envio-mail a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px
}

#vales-comprobante .cnt-comprobante .envio-mail a>*:not(.envelope) {
  color: #484848
}

#vales-comprobante .cnt-comprobante .envio-mail a .envelope {
  margin-right: 3px
}

#vales-comprobante .ver-mas {
  text-align: center
}

#vales-comprobante .ver-mas a {
  font-size: 17px;
  font-weight: normal;
  line-height: normal;
  padding: 15px 40px
}

@media screen and (max-width:1100px) {
  #vales-comprobante .container {
    padding-right: 5px !important;
    padding-left: 5px !important
  }
}

@media screen and (max-width:690px) {
  #vales-comprobante .detalle-canje article>div {
    flex-direction: column
  }

  #vales-comprobante .detalle-canje article>div>* {
    width: 100% !important
  }

  #vales-comprobante .detalle-canje article>div img {
    margin-bottom: 20px
  }

  #vales-comprobante .detalle-canje article>div .description {
    padding-left: 0 !important
  }
}

@media screen and (max-width:580px) {
  #vales-comprobante #pasos {
    padding-top: 30px
  }

  #vales-comprobante #pasos>div {
    flex-direction: column
  }

  #vales-comprobante #pasos>div p {
    display: none
  }

  #vales-comprobante .datos-canje>* {
    padding: 15px !important
  }

  #vales-comprobante .datos-canje .num-orden {
    font-size: 26px !important
  }
}

#medio-canje .valor .canjeP3-left,
#medio-canje .valor .canjeP3-right {
  vertical-align: middle !important;
  padding-bottom: 0
}

#medio-canje .valor .actualizar {
  display: flex
}

@media screen and (max-width:700px) {
  #medio-canje .valor .actualizar {
    display: block
  }
}

.contador {
  display: inline-flex
}

.contador>span {
  display: inline-block;
  line-height: 40px;
  width: 40px;
  text-align: center;
  cursor: pointer;
  border: solid #dbdbdb;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.contador>span i {
  padding: 0;
  font-size: 8px
}

.contador>span:first-child {
  border-width: 1px;
  border-radius: 4px 0 0 4px
}

.contador>span.select-cantidad {
  border-width: 1px 0 1px 0;
  font-size: 18px;
  width: 50px;
  color: #484848;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative
}

.contador>span.select-cantidad .icon-down {
  color: #00bb31
}

.contador>span.select-cantidad>span,
.contador>span.select-cantidad>.icon-down {
  pointer-events: none
}

.contador>span:last-child {
  border-width: 1px;
  border-radius: 0 4px 4px 0
}

.contador>span.active {
  border-color: #00bb31;
  color: #00bb31;
  transition: .25s
}

.contador>span.active:hover {
  background-color: #e5f6ed
}

.contador>span.disabled {
  color: #dbdbdb;
  cursor: default
}

.contador-agotado {
  display: inline-block;
  width: 113px;
  line-height: 37px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  text-align: center;
  font-size: 14px;
  color: #dbdbdb;
  cursor: default
}

#pasos {
  height: 78px;
  border-width: 6px 0 1px 0;
  border-style: solid;
  border-color: #00bb31 transparent #f0f0f0 transparent;
  display: flex;
  align-items: center;
  background-color: #f9fbfb
}

#pasos>div {
  display: flex;
  align-items: center;
  position: relative
}

#pasos>div>p {
  font-size: 20px
}

#pasos>div>ul {
  display: flex
}

#pasos>div>ul li {
  width: 115px;
  text-align: center;
  position: relative
}

#pasos>div>ul li>span {
  display: inline-block;
  line-height: 28px;
  width: 28px;
  border: 4px solid #d0d2d3;
  border-radius: 50%;
  text-align: center;
  margin: 0 30px;
  color: #797979;
  background-color: #fff;
  font-size: 18px;
  position: relative
}

#pasos>div>ul li>span:first-child {
  margin-left: 0
}

#pasos>div>ul li>span:last-child {
  margin-right: 0
}

#pasos>div>ul li::before {
  content: "";
  position: absolute;
  height: 8px;
  width: 100%;
  background-color: #d0d2d3;
  top: calc(50% - 4px);
  left: 0
}

#pasos>div>ul li:first-child::before {
  left: 42px
}

#pasos>div>ul li:last-child::before {
  width: calc(50% - 18px)
}

#pasos>div>ul li.paso-anterior span {
  border-color: #4cc1dd;
  color: #4cc1dd
}

#pasos>div>ul li.paso-anterior::before {
  background-color: #4cc1dd
}

#pasos>div>ul li.paso-activo span {
  border-color: #00add0;
  color: #00add0
}

#pasos>div>ul li.paso-activo::before {
  background-color: #00add0
}

.background-modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  z-index: 1000;
  overflow-y: auto
}

.background-modal .contenedor-modal {
  display: block;
  max-width: 690px;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  padding: 30px 40px;
  box-sizing: border-box;
  margin: 70px auto;
  position: relative
}

.background-modal .contenedor-modal .close {
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer
}

.background-modal .contenedor-modal h2 {
  font-size: 32px;
  color: #484848
}

.background-modal .contenedor-modal #lista-locales-modal {
  margin-top: 10px
}

.background-modal .contenedor-modal #lista-locales-modal li {
  font-weight: normal;
  padding: 15px 0
}

.background-modal .contenedor-modal #lista-locales-modal li h4 {
  font-size: 19px;
  padding-bottom: 3px
}

.background-modal .contenedor-modal #lista-locales-modal li p {
  line-height: 24px
}

.background-modal .contenedor-modal #lista-locales-modal li:not(:last-child) {
  border-bottom: 1px solid #f0f0f0
}

@media screen and (max-width:690px) {
  .background-modal .contenedor-modal {
    margin: 0;
    border-radius: 0
  }
}

@media screen and (max-width:450px) {
  .background-modal .contenedor-modal {
    padding: 20px
  }

  .background-modal .contenedor-modal .close {
    top: 30px;
    right: 20px
  }
}

.dropdown-number {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 50px;
  background-color: #fff;
  border: 1px solid #00bb31;
  border-radius: 0 0 5px 5px;
  padding: 5px 0;
  display: none;
  z-index: 10;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.35)
}

.dropdown-number .dropnum-item {
  line-height: 30px
}

.dropdown-number .dropnum-item.active {
  color: #00bb31
}

.back-option {
  padding: 70px 0 40px 0
}

.back-option a {
  color: #686868;
  font-size: 17px;
  font-weight: 400
}

.back-option a .icon-previous {
  font-size: 10px;
  margin-right: 5px
}

.err,
.warning {
  color: #ff5a5e
}

@media screen and (max-width:1100px) {
  .container {
    padding-right: 30px !important;
    padding-left: 30px !important
  }

  #banner img {
    top: 0 !important
  }

  #banner h2 {
    font-size: 60px !important;
    line-height: 60px !important
  }

  #banner h3 {
    font-size: 18px !important;
    line-height: 26px !important;
    margin-top: 7px !important
  }

  #banner .btn-verde {
    line-height: 40px;
    font-size: 18px;
    padding: 0 26px;
    border-radius: 3px;
    margin-top: 15px
  }

  #banner article>div>div {
    margin-left: 28px
  }

  .promo.promo-varios,
  .promo.promo-secundaria {
    margin-top: 15px !important
  }

  #categorias .cnt-article {
    padding: 5px !important
  }

  #encuentra-tarjeta>div {
    flex-direction: column;
    text-align: center
  }

  #encuentra-tarjeta>div .btn-verde {
    margin: 20px 0 50px 0
  }

  #encuentra-tarjeta>div .cnt-image {
    margin: 20px 0
  }

  #encuentra-tarjeta>div .cnt-image img {
    float: none;
    margin: auto;
    width: 100%
  }

  #list-promociones .lista article>* {
    width: 70%
  }

  #filtros .filtro {
    margin-right: 0
  }
}

@media screen and (max-width:960px) {
  #mejores-ofertas .grupo {
    flex-direction: column
  }

  #mejores-ofertas .grupo .promo-principal {
    margin-right: 0;
    max-width: none;
    width: 100%
  }

  #mejores-ofertas .grupo .promo-principal .detalle-promo {
    min-height: auto !important
  }

  #mejores-ofertas .grupo .promo-principal img {
    margin: auto
  }

  #mejores-ofertas .grupo .promo-secundaria {
    flex-direction: row;
    max-width: none
  }

  #mejores-ofertas .grupo .promo-secundaria img {
    height: 100%
  }

  #mejores-ofertas .grupo .promo-secundaria .detalle-promo {
    min-height: auto !important
  }

  #mejores-ofertas .grupo .promo-secundaria article:first-child {
    margin-bottom: 0;
    margin-right: 10px
  }

  #categorias .cnt-article {
    max-width: calc(100% / 2) !important
  }

  .mas-promociones::after {
    background-image: url(../images/promociones/promo-more-tablet.jpg) !important
  }

  #select-tarjeta {
    margin-bottom: 60px !important
  }

  #retos {
    border-color: transparent;
    flex-direction: column;
    align-items: center;
    margin-top: 0 !important;
    padding-top: 40px !important
  }

  #retos>div:first-child {
    text-align: center;
    margin: 0 0 30px 0
  }

  #retos>div:last-child {
    max-width: none
  }

  #retos>div:last-child .lista-retos form {
    width: 100%
  }

  #retos>div:last-child>div:last-child {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  #retos>div:last-child>div:last-child .checkbox-label {
    margin: 0
  }

  #retos>div:last-child>div:last-child .checkbox-label .ch-label {
    font-size: 13px
  }

  #retos>div:last-child>div:last-child .btn-azul {
    order: 2
  }
}

@media screen and (max-width:900px) {
  .filtro-responsive {
    display: block
  }

  #filtros {
    display: none;
    margin-top: 20px;
    flex-direction: column
  }

  #filtros .filtro {
    padding: 10px 0
  }
}

@media screen and (max-width:830px) {
  header #menu {
    display: none !important
  }

  header .outContainer {
    flex-direction: column
  }

  header .outContainer #log-reg {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 98%;
    margin-top: 20px
  }

  header .outContainer #log-reg #btn-responsive-menu {
    display: inline-block !important
  }

  header .outContainer #log-reg div a {
    max-width: 108px;
    font-size: 10px !important;
    line-height: 26px !important;
    border-width: 1px !important
  }

  header .outContainer #log-reg div a#registro {
    margin-right: 2px !important
  }

  #banner h2 {
    font-size: 44px !important;
    line-height: 40px !important
  }

  #banner h3 {
    font-size: 14px !important;
    line-height: 18px !important;
    margin-top: 7px !important
  }

  #banner .btn-verde {
    line-height: 34px;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 3px;
    margin-top: 10px
  }

  #banner article>div>div {
    max-width: 350px;
    margin-left: 16px
  }

  #cupones {
    flex-direction: column;
    border: none !important;
    background-color: #fff !important
  }

  #cupones>div:not(.cnt-image) {
    order: 1;
    padding: 40px 30px
  }

  #cupones>div:not(.cnt-image) form {
    padding: 0 !important
  }

  #cupones .cnt-image {
    max-width: none;
    min-height: 150px
  }

  #cupones .cnt-image img {
    position: relative !important;
    width: 100% !important
  }

  #list-promociones .lista>div {
    width: calc(100% / 2)
  }
}

@media screen and (max-width:800px) {
  .title-zone h4 {
    width: 100% !important
  }

  #mejores-ofertas .grupo,
  #mejores-ofertas .promo {
    display: none
  }

  #mejores-ofertas .title-zone {
    margin-bottom: 30px
  }

  #mejores-ofertas .ofertas-responsive-two {
    margin-top: 20px !important
  }

  #mejores-ofertas .ofertas-responsive-one,
  #mejores-ofertas .ofertas-responsive-two {
    display: flex;
    width: 94%;
    margin: auto;
    padding-bottom: 20px
  }

  #mejores-ofertas .ofertas-responsive-one+.dots,
  #mejores-ofertas .ofertas-responsive-two+.dots {
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 23px
  }

  #mejores-ofertas .ofertas-responsive-one+.dots span,
  #mejores-ofertas .ofertas-responsive-two+.dots span {
    display: block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background-color: #f7f7f7;
    margin: 0 1.5px;
    transition: .25s
  }

  #mejores-ofertas .ofertas-responsive-one+.dots span.active,
  #mejores-ofertas .ofertas-responsive-two+.dots span.active {
    background-color: #00bb31
  }

  #mejores-ofertas .ofertas-responsive-one>div,
  #mejores-ofertas .ofertas-responsive-two>div {
    min-width: auto;
    padding: 0;
    display: flex;
    width: max-content
  }

  #mejores-ofertas .ofertas-responsive-one>div article,
  #mejores-ofertas .ofertas-responsive-two>div article {
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    width: calc(100vw - 96px)
  }

  #mejores-ofertas .ofertas-responsive-one>div article:not(:last-child),
  #mejores-ofertas .ofertas-responsive-two>div article:not(:last-child) {
    margin-right: 20px
  }

  #mejores-ofertas .ofertas-responsive-one>div article>a,
  #mejores-ofertas .ofertas-responsive-two>div article>a {
    display: block;
    max-height: 250px;
    overflow: hidden
  }

  #mejores-ofertas .ofertas-responsive-one>div article>a img,
  #mejores-ofertas .ofertas-responsive-two>div article>a img {
    width: 100%
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo {
    padding: 24px 16px
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo h5,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo h5 {
    font-size: 9px;
    margin-bottom: 7px;
    text-transform: uppercase;
    color: #384a99
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo h3,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo h3 {
    font-size: 28px;
    line-height: 28px;
    color: #484848
  }

  #mejores-ofertas .ofertas-responsive-one>div article .detalle-promo .btn-azul-o,
  #mejores-ofertas .ofertas-responsive-two>div article .detalle-promo .btn-azul-o {
    display: none
  }

  #select-tarjeta>div:last-child {
    display: none
  }

  #select-tarjeta .list-promo>div {
    min-width: calc((100% / 3) - 20px) !important
  }

  #select-tarjeta .list-promo>div:not(:last-child) {
    margin-right: 10px !important
  }

  #select-tarjeta .list-promo>div article {
    margin: 0 !important;
    max-width: none !important
  }

  #cuenta-sueldo,
  .tarjetas-cliente {
    flex-direction: column;
    margin-bottom: 60px !important
  }

  #cuenta-sueldo>div,
  .tarjetas-cliente>div {
    border-bottom: none !important;
    max-height: none !important
  }

  #cuenta-sueldo>div>div:first-child,
  .tarjetas-cliente>div>div:first-child {
    display: none
  }

  #cuenta-sueldo>div .more,
  .tarjetas-cliente>div .more {
    justify-content: flex-start;
    margin-left: 0 !important
  }

  #cuenta-sueldo>div .beneficios,
  .tarjetas-cliente>div .beneficios {
    margin-left: 0 !important
  }

  #cuenta-sueldo .list-promo,
  .tarjetas-cliente .list-promo {
    margin-top: 0 !important
  }

  #cuenta-sueldo .list-promo>div,
  .tarjetas-cliente .list-promo>div {
    width: max-content !important
  }

  #cuenta-sueldo .list-promo>div>div,
  .tarjetas-cliente .list-promo>div>div {
    padding-left: 0 !important;
    min-width: calc((100% / 3) -(20px / 3)) !important
  }

  #cuenta-sueldo .list-promo>div>div:not(:first-child),
  .tarjetas-cliente .list-promo>div>div:not(:first-child) {
    margin-left: 10px !important
  }

  #cuenta-sueldo .list-promo>div>div:first-child article,
  .tarjetas-cliente .list-promo>div>div:first-child article {
    width: 100% !important
  }

  #cuenta-sueldo .list-promo>div>div article,
  .tarjetas-cliente .list-promo>div>div article {
    margin: 0 !important;
    max-width: none !important
  }

  .tarjetas-cliente>div:first-child {
    width: auto !important
  }

  .tarjetas-cliente>div:first-child img {
    display: none
  }

  .tarjetas-cliente>div:last-child {
    width: 100% !important
  }

  .tarjetas-cliente .rubro {
    padding-left: 0 !important
  }

  .tarjetas-cliente .premia {
    margin-left: 0 !important
  }

  footer div:first-child,
  footer div:nth-child(2) {
    flex-direction: column;
    align-items: flex-start
  }

  #list-promociones .paginator {
    display: none
  }

  #list-promociones .responsive-paginator {
    display: flex
  }
}

@media screen and (max-width:760px) {
  #categorias .list-categorias {
    margin-bottom: 5px !important
  }

  #categorias .mas-categorias {
    display: block !important;
    margin-bottom: 20px
  }

  #categorias .cnt-article {
    max-width: 100% !important;
    max-height: 120px;
    overflow: hidden;
    border-radius: 3px;
    display: flex
  }

  #categorias .cnt-article:nth-child(n+4):nth-child(-n+6) {
    display: none
  }

  .mas-promociones::after {
    background-image: url(../images/promociones/promo-more-mobile.jpg) !important
  }

  #encuentra-tarjeta {
    margin: 0 !important
  }

  #encuentra-tarjeta>div {
    padding: 30px 20px
  }

  #encuentra-tarjeta>div h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 26px
  }

  #encuentra-tarjeta>div .btn-verde {
    line-height: 45px;
    font-size: 16px;
    padding: 0 30px
  }
}

@media screen and (max-width:700px) {
  #select-tarjeta .list-promo>div {
    min-width: 100% !important;
    width: max-content
  }

  #select-tarjeta .list-promo article a {
    display: flex;
    max-height: 300px;
    align-items: center;
    overflow: hidden
  }

  #cuenta-sueldo .list-promo,
  .tarjetas-cliente .list-promo {
    justify-content: flex-start !important
  }

  #cuenta-sueldo .list-promo>div,
  .tarjetas-cliente .list-promo>div {
    display: flex;
    min-width: 100% !important;
    width: max-content
  }

  #cuenta-sueldo .list-promo>div>div,
  .tarjetas-cliente .list-promo>div>div {
    min-width: calc(100vw - 60px) !important;
    width: calc(100vw - 60px) !important
  }

  #cuenta-sueldo .list-promo article>a,
  .tarjetas-cliente .list-promo article>a {
    display: flex;
    max-height: 300px;
    align-items: center;
    overflow: hidden
  }

  #cuenta-sueldo>div:last-child,
  .tarjetas-cliente>div:last-child {
    width: auto !important;
    overflow: visible !important
  }

  #cuenta-sueldo .more,
  .tarjetas-cliente .more {
    width: calc(100vw - 60px) !important
  }
}

@media screen and (max-width:600px) {
  #list-promociones .lista>div {
    width: 100%
  }

  #retos>div:first-child h3 {
    font-size: 28px !important
  }

  #retos>div:first-child p {
    font-size: 16px !important
  }
}

@media screen and (max-width:550px) {
  #banner h2 {
    font-size: 29px !important;
    line-height: 23px !important
  }

  #banner h3 {
    font-size: 11px !important;
    line-height: 12px !important;
    margin-top: 3px !important
  }

  #banner .btn-verde {
    line-height: 24px;
    font-size: 9px;
    padding: 0 15px;
    border-radius: 3px;
    margin-top: 5px
  }

  #banner article>div>div {
    max-width: 202px;
    margin-left: 16px
  }

  .tarjetas-cliente>div:first-child {
    width: 100%
  }

  .rubro .rubro-seleccionado {
    flex-direction: column
  }

  .rubro .rubro-seleccionado li {
    justify-content: flex-start !important;
    margin: 8px 0
  }

  .rubro .rubro-seleccionado li .cnt-image {
    max-width: 36px !important;
    max-height: 36px !important
  }

  .rubro .rubro-paso2 ul,
  .rubro .rubro-paso3 ul {
    flex-direction: column;
    align-items: center
  }

  .rubro .rubro-paso2 ul li,
  .rubro .rubro-paso3 ul li {
    display: flex;
    align-items: center;
    width: 100% !important;
    margin: 4px 0;
    text-align: left !important;
    padding: 0 !important
  }

  .rubro .rubro-paso2 ul li .cnt-image,
  .rubro .rubro-paso3 ul li .cnt-image {
    max-width: 42px;
    max-height: 42px;
    margin: 0 8px 0 0 !important
  }

  .rubro .rubro-paso2 ul li:hover img,
  .rubro .rubro-paso3 ul li:hover img {
    transform: scale(1) !important
  }

  #cuenta-sueldo .beneficios ul {
    flex-direction: column;
    align-items: center
  }

  #cuenta-sueldo .beneficios ul li {
    margin: 15px 0
  }

  #cuenta-sueldo .beneficios ul li a {
    margin-right: 0 !important
  }
}

@media screen and (max-width:500px) {
  #select-tarjeta .dropdown .drop-toggle {
    font-size: 20px !important;
    padding: 0 !important
  }

  #select-tarjeta .dropdown .drop-toggle .icon-down {
    font-size: 10px !important;
    top: calc(50% - 3px) !important
  }

  #cuenta-sueldo h4 {
    font-size: 9px !important
  }

  #cuenta-sueldo h3 {
    font-size: 28px !important
  }
}

@media screen and (max-width:450px) {
  .rubro .rubro-seleccionado li {
    width: 100% !important
  }

  .paginator {
    margin-left: 20px !important
  }

  .paginator .pages {
    margin: 0 !important
  }

  #cupones>div:not(.cnt-image) {
    text-align: center;
    padding: 40px 0 !important
  }

  #cupones>div:not(.cnt-image) label {
    text-align: left !important
  }

  #cupones>div:not(.cnt-image) .checkbox-label {
    display: flex;
    justify-content: center
  }

  #cupones h2 {
    font-size: 23px !important;
    line-height: 28px !important;
    margin: auto !important;
    text-align: center
  }

  #cupones h3 {
    text-align: center;
    font-size: 10px !important;
    margin-bottom: 10px
  }
}

@media screen and (max-width:360px) {
  #banner h2 {
    font-size: 22px !important;
    line-height: 20px !important
  }

  #banner h3 {
    font-size: 9px !important;
    line-height: 10px !important;
    margin-top: 3px !important
  }

  #banner .btn-verde {
    line-height: 20px;
    font-size: 8px;
    padding: 0 12px;
    border-radius: 3px;
    margin-top: 5px
  }

  #banner article>div>div {
    max-width: 202px;
    margin-left: 16px
  }

  .mas-promociones .btn-verde {
    font-size: 18px !important;
    padding: 0 !important;
    width: 100%
  }

  .mas-categorias a {
    font-size: 16px;
    width: 100%
  }
}

#pop-iframe {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 100;
  display: flex;
  justify-content: center;
  align-items: center
}

#pop-iframe .close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  cursor: pointer
}

#pop-iframe iframe {
  width: 90%;
  height: 400px
}

#detalle-producto-page {
  position: relative;
  padding-bottom: 100px
}

#detalle-producto-page .container {
  max-width: 1000px
}

#detalle-producto-page .pull-right {
  width: calc(100% - 485px);
  padding-left: 90px;
  box-sizing: border-box
}

#detalle-producto-page .pull-left {
  max-width: 485px;
  width: 100%
}

#detalle-producto-page .back-option .material-icons {
  font-size: 14px;
  margin-right: 7px;
  font-weight: bold
}

#detalle-producto-page .image-zone #image-producto {
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-sizing: border-box;
  min-height: 245px;
  position: relative;
  overflow: hidden
}

#detalle-producto-page .image-zone #image-producto .swipe {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

#detalle-producto-page .image-zone #image-producto .swipe>div {
  display: block;
  min-width: 100%;
  max-width: 100%;
  position: absolute;
  left: 100%;
  transition: .25s
}

#detalle-producto-page .image-zone #image-producto .swipe>div.active {
  left: 0
}

#detalle-producto-page .image-zone #image-producto .swipe>div.pass {
  left: -100%
}

@media screen and (max-width:970px) {
  #detalle-producto-page .image-zone #image-producto .swipe iframe {
    pointer-events: none
  }
}

#detalle-producto-page .image-zone #image-producto iframe {
  display: block;
  width: 100%;
  height: 100%
}

#detalle-producto-page .image-zone #image-producto img {
  display: block;
  width: 100%
}

#detalle-producto-page .image-zone #image-producto .controls {
  position: absolute;
  bottom: 0;
  display: none;
  justify-content: center;
  width: 100%;
  padding: 10px 0
}

#detalle-producto-page .image-zone #image-producto .controls span {
  display: block;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #e1e1e1;
  margin: 0 5px;
  transition: .25s
}

#detalle-producto-page .image-zone #image-producto .controls span.active {
  border-color: #00bb31;
  background-color: #00bb31
}

#detalle-producto-page .image-zone #image-carousel {
  overflow: hidden;
  position: relative
}

#detalle-producto-page .image-zone #image-carousel .control {
  display: none;
  position: absolute;
  font-size: 32px;
  top: calc(50% - 16px);
  cursor: pointer;
  color: gray;
  user-select: none
}

#detalle-producto-page .image-zone #image-carousel .control.control-next {
  right: 0
}

#detalle-producto-page .image-zone #image-carousel .control.control-prev {
  left: 0
}

#detalle-producto-page .image-zone #image-carousel>div {
  display: flex;
  width: calc(100%+24px);
  margin-left: -12px;
  transform: translateX(0);
  transition: .25s
}

#detalle-producto-page .image-zone #image-carousel>div>div {
  min-width: calc(100% / 4);
  max-width: calc(100% / 4);
  padding: 12px;
  box-sizing: border-box
}

#detalle-producto-page .image-zone #image-carousel>div>div img {
  display: block;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  height: 100px;
  cursor: pointer;
  transition: .25s;
  box-sizing: border-box
}

#detalle-producto-page .image-zone #image-carousel>div>div.active>* {
  border-color: #00bb31 !important
}

#detalle-producto-page .image-zone #image-carousel>div>div .block-video {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  background-color: #484848;
  border-radius: 3px;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
  transition: .25s
}

#detalle-producto-page .image-zone #image-carousel>div>div .block-video i {
  color: #00bb31;
  font-size: 46px
}

#detalle-producto-page .titulo-producto h2 {
  font-size: 19px;
  color: #484848
}

#detalle-producto-page .titulo-producto h1 {
  font-family: "omnes_medium", sans-serif;
  font-size: 30px;
  line-height: 34px
}

#detalle-producto-page .titulo-producto .divisor {
  width: 107px;
  height: 1px;
  background-color: #767676;
  margin-top: 20px
}

#detalle-producto-page .titulo-producto .social-media {
  display: none;
  align-items: center;
  max-width: 325px;
  margin-top: 20px
}

#detalle-producto-page .titulo-producto .social-media li {
  margin-right: 10px
}

#detalle-producto-page .titulo-producto .social-media li a {
  display: block;
  border-radius: 50%;
  background-color: #484848;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  width: 32px;
  color: #fff;
  font-size: 20px
}

#detalle-producto-page .titulo-producto .social-media li.ws-share-button {
  display: none
}

#detalle-producto-page .custom-product {
  margin-bottom: 400px
}

#detalle-producto-page .custom-product .descripcion {
  font-size: 19px;
  line-height: 24px;
  height: auto !important;
  padding: 0;
  margin: 20px 0
}

#detalle-producto-page .custom-product #lista-atributos {
  margin: 30px 0
}

#detalle-producto-page .custom-product #lista-atributos article {
  margin: 15px 0
}

#detalle-producto-page .custom-product #lista-atributos article h3 {
  font-size: 18px;
  margin-bottom: 10px
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  transform: translateX(0)
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label {
  margin: 0 8px 8px 0;
  position: relative
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label:last-child {
  margin-right: 0 !important
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label button {
  line-height: 25px;
  padding: 0 20px;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  font-size: 14px;
  color: #484848;
  background-color: transparent;
  box-sizing: border-box;
  margin: 0;
  display: block
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label button.active {
  border-color: #00bb31
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label button[disabled] {
  background-color: #b5b5b5
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label.sub-atributo-color {
  position: relative
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label.sub-atributo-color button {
  padding: 0;
  width: 50px;
  height: 50px;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #e1e1e1
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label.sub-atributo-color button.active {
  border-color: #00bb31
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label .sinstock {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.73);
  border-radius: 4px;
  z-index: 1;
  cursor: pointer
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label .attr-tooltip {
  display: none;
  position: absolute;
  background-color: #fff;
  line-height: 28px;
  padding: 0 17px;
  bottom: -36px;
  pointer-events: none;
  border-radius: 5px;
  border: 1px solid #707070;
  font-size: 14px;
  z-index: 10;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35)
}

#detalle-producto-page .custom-product #lista-atributos article .sub-atributos>.lista-subatributos label .attr-tooltip::after {
  content: "";
  pointer-events: none;
  position: absolute;
  background-image: url(../images/triangulo-tooltip.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 20px;
  width: 30px;
  top: -14px;
  left: 10px
}

#detalle-producto-page .custom-product #lista-atributos+.btn-carrito {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #384a99;
  color: #384a99;
  line-height: 40px;
  border-radius: 3px;
  font-size: 17px
}

#detalle-producto-page .custom-product #lista-atributos+.btn-carrito .material-icons {
  margin-right: 7px
}

#detalle-producto-page .custom-product .inicio-canje .precio-sin-dscto .tachado {
  text-decoration: line-through;
  font-size: 17px
}

#detalle-producto-page .custom-product .inicio-canje .precio-sin-dscto .color-dscto {
  display: inline-block;
  line-height: 22px;
  border-radius: 4px;
  color: #fff;
  margin-left: 10px;
  padding: 0 10px;
  font-size: 15px
}

#detalle-producto-page .custom-product .inicio-canje .millas {
  font-size: 30px;
  line-height: 28px
}

#detalle-producto-page .custom-product .inicio-canje .millas span {
  font-weight: 600
}

#detalle-producto-page .custom-product .inicio-canje .millas small {
  font-size: 16px
}

#detalle-producto-page .custom-product .inicio-canje .soles {
  font-size: 17px
}

#detalle-producto-page .custom-product .inicio-canje .txt-cantidad {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px
}

#detalle-producto-page .custom-product .inicio-canje>div {
  display: flex;
  align-items: center;
  margin-top: 20px
}

#detalle-producto-page .custom-product .inicio-canje>div .btn-azul {
  margin: 0;
  line-height: 38px;
  font-size: 19px;
  font-weight: normal;
  padding: 0 28px
}

#detalle-producto-page .custom-product .inicio-canje>div .btn-azul.disabled {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  color: #fff
}

#detalle-producto-page .custom-product .inicio-canje>div .contador {
  margin-right: 15px
}

#detalle-producto-page .custom-product .inicio-canje .cantidad-stock {
  color: #ff5a5e;
  font-size: 15px;
  margin-top: 10px
}

#detalle-producto-page .custom-product .inicio-canje .cantidad-stock .agotado {
  color: #ff5a5e
}

#detalle-producto-page .custom-product .inicio-canje .disabled.btn-azul {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  color: #fff;
  margin-left: 0
}

#detalle-producto-page .custom-product .inicio-canje .disabled.btn-azul:hover {
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  color: #fff
}

#detalle-producto-page .custom-product .inicio-canje .btn-carrito {
  font-weight: 400 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 302px;
  border: 1px solid #384a99;
  color: #384a99;
  line-height: 40px;
  margin-top: 15px;
  border-radius: 3px;
  font-size: 17px;
  cursor: pointer
}

#detalle-producto-page .custom-product .inicio-canje .btn-carrito .material-icons {
  margin-right: 5px
}

#detalle-producto-page .custom-product .beneficios-producto {
  margin: 50px 0 20px 0;
  padding: 24px;
  border: 1px solid #f0f0f0;
  box-sizing: border-box;
  border-radius: 4px;
  max-width: 325px
}

#detalle-producto-page .custom-product .beneficios-producto h3 {
  font-size: 18px;
  margin-bottom: 20px
}

#detalle-producto-page .custom-product .beneficios-producto ul li {
  display: flex;
  align-items: center;
  margin: 10px 0;
  font-size: 12px
}

#detalle-producto-page .custom-product .beneficios-producto ul li .material-icons {
  margin-right: 15px
}

#detalle-producto-page .custom-product .beneficios-producto ul li h4 {
  font-size: 12px;
  font-weight: 500
}

#detalle-producto-page .custom-product .beneficios-producto ul li p {
  font-weight: 300
}

#detalle-producto-page .custom-product .beneficios-producto ul li>* {
  line-height: 18px
}

#detalle-producto-page .custom-product .social-media {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 325px
}

#detalle-producto-page .custom-product .social-media li {
  margin: 0 5px
}

#detalle-producto-page .custom-product .social-media li a {
  display: block;
  border-radius: 50%;
  background-color: #484848;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  width: 32px;
  color: #fff;
  font-size: 20px
}

#detalle-producto-page .custom-product .social-media li.ws-share-button {
  display: none
}

#detalle-producto-page .seccion {
  margin: 30px 0;
  padding-bottom: 30px
}

#detalle-producto-page .seccion:not(:last-child) {
  border-bottom: 1px solid #f0f0f0
}

#detalle-producto-page .seccion h3 {
  font-size: 14px;
  margin-bottom: 15px;
  font-weight: 500
}

#detalle-producto-page .seccion p {
  font-size: 17px;
  line-height: 24px
}

#detalle-producto-page .seccion ul {
  margin: 10px 0 0 18px
}

#detalle-producto-page .seccion ul li {
  font-weight: 300 !important;
  color: #00bb31;
  font-weight: normal;
  list-style: disc
}

#detalle-producto-page .seccion ul li span {
  color: #484848
}

#detalle-producto-page~#canje-flotante {
  position: fixed;
  bottom: 0;
  border-top: 1px solid #e1e1e1;
  width: 100%;
  background-color: #fff;
  transform: translateY(200px);
  transition: .25s;
  z-index: 2
}

#detalle-producto-page~#canje-flotante>div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 15px 0
}

#detalle-producto-page~#canje-flotante>div .dscto {
  text-decoration: line-through;
  font-size: 14px;
  color: #8b8b8b
}

#detalle-producto-page~#canje-flotante>div .dscto .color-dscto {
  display: inline-block;
  line-height: 18px;
  background-color: #e0065a;
  border-radius: 4px;
  color: #fff;
  margin-left: 8px;
  padding: 0 5px;
  font-size: 10px
}

#detalle-producto-page~#canje-flotante>div .millas {
  font-size: 22px
}

#detalle-producto-page~#canje-flotante>div .millas small {
  font-size: 13px
}

#detalle-producto-page~#canje-flotante>div .labelMillas {
  font-size: 15px
}

#detalle-producto-page~#canje-flotante>div .soles {
  font-size: 15px
}

#detalle-producto-page~#canje-flotante>div>div:last-child:not(.contador) {
  display: flex;
  flex-direction: column;
  align-items: center
}

#detalle-producto-page~#canje-flotante #cboContador {
  display: none
}

#detalle-producto-page~#canje-flotante .dropdown-number {
  bottom: -1px;
  border-radius: 5px 5px 0 0;
  top: auto
}

#detalle-producto-page~#canje-flotante .btn-iniciar {
  background-color: #384a99;
  color: #fff;
  font-size: 17px;
  line-height: 50px;
  width: 100%;
  display: block;
  text-align: center
}

#detalle-producto-page~#canje-flotante .btn-iniciar.disabled {
  background-color: #b5b5b5
}

#detalle-producto-page~#canje-flotante .cantidad-stock {
  color: #ff5a5e;
  font-size: 12px;
  margin-top: 3px
}

#detalle-producto-page~#canje-flotante.producto-agotado {
  opacity: 1;
  display: flex;
  justify-content: space-around;
  align-items: center
}

#detalle-producto-page~#canje-flotante.producto-agotado .btn-iniciar {
  max-width: 130px;
  line-height: 40px;
  background-color: #fff;
  color: #b5b5b5;
  border: 1px solid #b5b5b5;
  border-radius: 3px;
  font-size: 20px
}

#detalle-producto-page~.cnt-scrollnav {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #e1e1e1;
  background-color: #fff;
  z-index: 10;
  transform: translateY(-60px);
  transition: .25s
}

#detalle-producto-page~.cnt-scrollnav #scrollnav {
  position: absolute;
  top: 0;
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateX(0);
  padding: 0 30px;
  box-sizing: border-box
}

#detalle-producto-page~.cnt-scrollnav #scrollnav a {
  line-height: 50px;
  padding: 0 5px;
  transition: .25s;
  width: max-content
}

#detalle-producto-page~.cnt-scrollnav #scrollnav a.active {
  color: #484848
}

#detalle-producto-page~.cnt-scrollnav #scrollnav span {
  font-size: 34px;
  padding-bottom: 6px
}

@media screen and (max-width:1100px) {
  #detalle-producto-page .pull-right {
    padding-left: 60px
  }
}

@media screen and (max-width:970px) {
  #detalle-producto-page .container {
    padding-right: 15px !important;
    padding-left: 15px !important
  }

  #detalle-producto-page .pull-right,
  #detalle-producto-page .pull-left {
    width: 100%;
    max-width: none;
    float: none
  }

  #detalle-producto-page .pull-right {
    padding-left: 0
  }

  #detalle-producto-page .titulo-producto p {
    display: none
  }

  #detalle-producto-page .image-zone {
    margin-bottom: 30px
  }

  #detalle-producto-page .image-zone #image-carousel {
    display: none
  }

  #detalle-producto-page .image-zone .controls {
    display: flex !important
  }

  #detalle-producto-page .custom-product {
    margin-bottom: 0 !important
  }

  #detalle-producto-page .custom-product .inicio-canje {
    display: none
  }

  #detalle-producto-page .custom-product .beneficios-producto,
  #detalle-producto-page .custom-product .social-media {
    margin: 20px 0 45px 0;
    border: 0;
    padding: 0;
    max-width: none
  }

  #detalle-producto-page .custom-product .social-media {
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 30px
  }

  #detalle-producto-page .custom-product #lista-atributos .sub-atributo-color .open-tooltip {
    width: 110px !important;
    height: 110px !important
  }

  #detalle-producto-page .custom-product #lista-atributos {
    margin-bottom: 0
  }

  #detalle-producto-page .custom-product .btn-carrito {
    display: flex !important;
    margin-bottom: 30px
  }

  #detalle-producto-page .social-media li.ws-share-button {
    display: block !important
  }
}

#motor-viajes {
  max-width: none;
  padding: 0 70px
}

#motor-viajes #frmBuscarVuelos {
  position: absolute;
  top: 130px;
  max-width: 730px;
  width: 100%
}

#motor-viajes #frmBuscarVuelos .frm-buttons {
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 3px 3px 0 0;
  width: 50%;
  display: flex;
  overflow: hidden
}

#motor-viajes #frmBuscarVuelos .frm-buttons button {
  background-color: transparent;
  border-radius: 0;
  width: 50%;
  padding: 0;
  margin: 0;
  line-height: 50px;
  color: #484848
}

#motor-viajes #frmBuscarVuelos .frm-buttons button#btnVuelos {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400
}

#motor-viajes #frmBuscarVuelos .frm-buttons button#btnVuelos .material-icons {
  font-size: 16px;
  margin-right: 7px
}

#motor-viajes #frmBuscarVuelos .frm-buttons button#btnPaquetes {
  background-color: #fff;
  color: #00bb31;
  font-weight: 400;
  -webkit-box-shadow: inset 1px -1px 1px -1px #f7f7f7;
  -moz-box-shadow: inset 1px -1px 1px -1px #f7f7f7;
  box-shadow: inset 1px -1px 1px -1px #f7f7f7
}

#motor-viajes #frmBuscarVuelos .content {
  background-color: rgba(255, 255, 255, 0.85);
  padding: 40px;
  border-radius: 0 4px 4px 4px;
  box-sizing: border-box;
  color: #484848
}

#motor-viajes #frmBuscarVuelos .content input[type=text] {
  line-height: 28px;
  min-height: 28px;
  height: auto;
  padding: 0;
  border: 0
}

#motor-viajes #frmBuscarVuelos .content #tipo-responsive .radio-input {
  border-width: 2px;
  border-color: #fff;
  margin-right: 10px
}

#motor-viajes #frmBuscarVuelos .content #tipo-responsive .radio-input i {
  background-color: #fff
}

#motor-viajes #frmBuscarVuelos .content #tipo-responsive label#ida-vuelta {
  margin-right: 45px
}

#motor-viajes #frmBuscarVuelos .content #tipo-responsive label span {
  color: #fff;
  font-size: 14px
}

#motor-viajes #frmBuscarVuelos .content .origen-destino {
  display: flex;
  width: 100%;
  border: 1px solid #757575;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 5px 0;
  background-color: #fff
}

#motor-viajes #frmBuscarVuelos .content .origen-destino label:not(.error) {
  width: 50%;
  background-color: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  position: relative
}

#motor-viajes #frmBuscarVuelos .content .origen-destino label:not(.error)[for=origen] {
  border-right: 1px solid #e7e7e7
}

#motor-viajes #frmBuscarVuelos .content .origen-destino label:not(.error) .material-icons {
  position: absolute;
  margin-left: 6px;
  color: #9c9c9c;
  z-index: 1
}

#motor-viajes #frmBuscarVuelos .content .origen-destino label:not(.error) input {
  outline: 0;
  width: 100%;
  color: #484848;
  padding-left: 40px
}

#motor-viajes #frmBuscarVuelos .content .origen-destino label:not(.error) input::placeholder {
  color: #9b9b9b
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha {
  margin: 30px 0;
  display: flex;
  align-items: center
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha>* {
  width: 50%
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #tipo .radio-input {
  border-width: 2px;
  margin-right: 10px;
  border-color: #484848
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #tipo .radio-input i {
  background-color: #484848
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #tipo label#ida-vuelta {
  margin-right: 45px
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #tipo label span {
  font-size: 14px
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha {
  display: flex;
  align-items: center;
  border: 1px solid #757575;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 5px 0;
  background-color: #fff;
  position: relative
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha i {
  color: #9c9c9c;
  width: 12%;
  text-align: center
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label {
  width: 44%
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-ida] {
  border-right: 1px solid #e7e7e7;
  margin-right: 12px
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-ida]:not(.error) {
  position: initial
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-ida] label.error {
  top: 45px
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-regreso] label.error::before {
  display: none
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-regreso].disabled {
  opacity: 1;
  background-color: #f7f7f7 !important;
  border-color: #f7f7f7 !important
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label[for=calendario-busqueda-regreso].disabled input {
  background-color: transparent
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label input {
  outline: 0;
  width: 100%;
  color: #484848;
  padding-right: 8px;
  box-sizing: border-box;
  cursor: pointer
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label input::placeholder {
  color: #9b9b9b
}

#motor-viajes #frmBuscarVuelos .content .tipo-fecha #fecha label .material-icons {
  display: none
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones {
  display: flex;
  justify-content: space-between;
  align-items: center
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases {
  display: flex
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros {
  background-color: transparent;
  border: 0;
  padding: 0;
  box-sizing: border-box;
  margin-right: 30px;
  overflow: visible
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list {
  width: 230px;
  top: -14px;
  border-radius: 3px;
  border-color: #dedede;
  padding: 20px;
  z-index: 12
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) p {
  font-size: 14px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) p small {
  display: block;
  font-size: 10px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) ul {
  display: flex;
  justify-content: center;
  align-items: center
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) ul .num {
  font-weight: normal;
  margin: 0 10px;
  width: 10px;
  text-align: center
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) ul .material-icons {
  line-height: 22px;
  width: 24px;
  border: 1px solid #00bb31;
  color: #00bb31;
  font-size: 16px;
  text-align: center;
  border-radius: 50%;
  display: block;
  cursor: pointer;
  user-select: none
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list>div:not(.buttons) ul .material-icons.disabled {
  cursor: default
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list .buttons {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list .buttons button {
  display: block;
  background-color: transparent;
  color: #484848;
  border: 0;
  text-transform: uppercase;
  width: auto
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .drop-list .buttons button#guardar {
  margin-left: 10px;
  color: #00bb31
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .pasajeros .err {
  font-size: 12px;
  margin-top: 5px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .clases .drop-list {
  top: -14px;
  border-radius: 3px;
  border-color: #dedede;
  width: 215px;
  z-index: 20
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases .clases .drop-list .drop-item {
  font-size: 14px;
  font-weight: normal;
  color: #484848
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases button {
  display: block;
  width: 186px;
  background-color: transparent;
  border-bottom: 1px solid #757575;
  border-radius: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-align: left;
  font-size: 13px;
  color: #484848;
  padding-bottom: 2px
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases button i {
  color: #484848;
  float: right;
  pointer-events: none
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones .pasajeros-clases button span {
  vertical-align: middle
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones #buscar {
  background-color: #23599a;
  color: #fff;
  line-height: 50px;
  width: 175px;
  text-align: center;
  border: 0;
  border-radius: 3px;
  font-size: 16px;
  transition: .25s;
  padding: 0
}

#motor-viajes #frmBuscarVuelos .content .mas-opciones #buscar:hover {
  background-color: #7c93dd
}

#motor-viajes #frmBuscarVuelos label:not(.error) {
  position: relative
}

#motor-viajes #frmBuscarVuelos label.error {
  position: absolute;
  background-color: #ff5a5e !important;
  color: #fff;
  border-radius: 3px;
  border: 0 !important;
  width: auto !important;
  line-height: 30px;
  padding: 0 10px;
  top: 40px;
  left: 0;
  z-index: 1
}

#motor-viajes #frmBuscarVuelos label.error::before {
  content: "";
  display: block;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  background-color: #ff5a5e;
  transform: rotate(45deg);
  position: absolute;
  top: -5px;
  left: 12px
}

@media screen and (max-width:1024px) {
  #motor-viajes {
    padding: 0 !important
  }

  #motor-viajes #frmBuscarVuelos {
    position: relative;
    top: 0;
    max-width: none
  }

  #motor-viajes #frmBuscarVuelos .frm-buttons {
    width: 100%;
    border-radius: 0;
    background-color: #fff
  }

  #motor-viajes #frmBuscarVuelos .content {
    border-radius: 0;
    background-color: #fff;
    padding: 20px 20px 60px 20px
  }
}

@media screen and (max-width:767px) {

  #motor-viajes #frmBuscarVuelos select,
  #motor-viajes #frmBuscarVuelos input[type=text] {
    text-indent: 0
  }
}

@media screen and (max-width:700px) {
  #motor-viajes #frmBuscarVuelos .content {
    position: relative
  }

  #motor-viajes #frmBuscarVuelos input[type=text] {
    font-size: 14px !important;
    background-color: transparent
  }

  #motor-viajes #frmBuscarVuelos .origen-destino {
    flex-direction: column;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    margin-top: 30px
  }

  #motor-viajes #frmBuscarVuelos .origen-destino label:not(.error) {
    background-color: #fff !important;
    padding: 5px !important;
    border: 1px solid #757575 !important;
    border-radius: 3px;
    width: 100% !important;
    margin: 5px 0
  }

  #motor-viajes #frmBuscarVuelos .origen-destino label:not(.error) .material-icons {
    z-index: 0 !important;
    margin-left: 0 !important
  }

  #motor-viajes #frmBuscarVuelos .origen-destino label:not(.error) input[type=text] {
    padding-left: 30px !important
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha {
    flex-direction: column;
    margin: 5px 0 !important
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #tipo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    box-sizing: border-box
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha {
    flex-direction: column;
    background-color: transparent !important;
    border-radius: 0 !important;
    border: none !important;
    width: 100%
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha>.material-icons {
    display: none
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha label:not(.error) {
    background-color: #fff !important;
    padding: 5px !important;
    border: 1px solid #757575 !important;
    border-radius: 3px;
    width: 100% !important;
    margin: 5px 0 !important;
    box-sizing: border-box;
    display: flex;
    align-items: center
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha label:not(.error) i {
    width: auto !important;
    margin-right: 5px;
    display: block !important
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha label:not(.error) input {
    padding-right: 0 !important
  }

  #motor-viajes #frmBuscarVuelos .tipo-fecha #fecha label:not(.error)[for=calendario-busqueda-regreso] label.error::before {
    display: block
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones {
    flex-direction: column;
    margin-top: 10px
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases {
    flex-direction: column;
    width: 100%
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .pasajeros,
  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .clases {
    margin-right: 0 !important
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .pasajeros .dropdown,
  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .pasajeros button,
  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .clases .dropdown,
  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .clases button {
    width: 100%
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones .pasajeros-clases .clases button {
    margin-top: 20px
  }

  #motor-viajes #frmBuscarVuelos .mas-opciones #buscar {
    font-size: 11px !important;
    margin: 20px auto !important;
    line-height: 35px !important;
    width: 140px !important
  }
}

@media screen and (max-width:450px) {
  #motor-viajes #select-clases li span {
    font-size: 14px !important
  }
}

#informacion-pasajeros #frmBuscarVuelos {
  max-width: none
}

#informacion-pasajeros .header-seleccion-vuelos h3 {
  font-family: "omnes_semibold", sans-serif;
  font-size: 26px
}

#informacion-pasajeros .header-seleccion-vuelos p {
  font-size: 16px
}

#informacion-pasajeros #motor-viajes {
  margin-top: 40px;
  padding: 0 !important
}

#informacion-pasajeros #motor-viajes #frmBuscarVuelos {
  position: relative;
  top: 0
}

#informacion-pasajeros #motor-viajes #frmBuscarVuelos .content,
#informacion-pasajeros #motor-viajes #frmBuscarVuelos .frm-buttons {
  background-color: #fff
}

#informacion-pasajeros #motor-viajes #frmBuscarVuelos .content {
  border-radius: 4px;
  border: 0
}

#informacion-pasajeros .titulo-option>p {
  font-size: 24px;
  font-weight: 400
}

#informacion-pasajeros .titulo-option>p::after {
  display: none
}

#informacion-pasajeros #escalas .lista-lineas-todo a {
  justify-content: flex-start
}

#baseVuelos {
  padding-bottom: 30px
}

#baseVuelos .seleccion-vuelo {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

#baseVuelos .seleccion-vuelo .btn-responsive {
  display: none
}

#baseVuelos .seleccion-vuelo:not(:last-child) {
  margin-bottom: 40px
}

#baseVuelos .seleccion-vuelo .info-vuelo {
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 3px 0 3px 3px;
  background-color: #fff
}

#baseVuelos .seleccion-vuelo .info-vuelo h3 {
  background-color: #e1e1e1;
  font-size: 17px;
  font-family: "omnes_semibold", sans-serif;
  padding: 8px 15px
}

#baseVuelos .seleccion-vuelo .info-vuelo h3 span {
  font-family: "omnes_regular", sans-serif
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div:not(:last-child) {
  border-bottom: 1px solid #e1e1e1
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>label {
  width: 10%
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(1) {
  width: 10%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(2) {
  width: 15%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(3) {
  width: 25%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(4) {
  width: 15%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(5) {
  width: 15%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:nth-child(6) {
  width: 20%;
  text-align: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div>div:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 20px;
  box-sizing: border-box
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .radio-label {
  justify-content: center
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div p:not(.division) {
  padding: 3px 0
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .data-responsive {
  display: none
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .gray {
  color: #757575;
  font-size: 14px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .horario {
  font-family: "omnes_medium", sans-serif;
  font-size: 18px !important
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .clase,
#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .clase+p {
  font-size: 13px !important
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .duracion {
  position: relative;
  font-size: 13px !important
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .duracion .material-icons {
  position: absolute;
  top: 15px;
  right: -3px;
  color: #f7f7f7;
  font-size: 12px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .duracion::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #f7f7f7;
  margin-top: 3px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .detalle-escalas {
  color: #00bb31;
  font-size: 13px !important;
  cursor: pointer
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas {
  display: none;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.75);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 15;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
  overflow-x: hidden
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas {
  background-color: #fff;
  padding: 25px;
  box-sizing: border-box;
  text-align: left;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  z-index: 9;
  width: 600px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  margin: 50px 0
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas .close {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas h5 {
  font-size: 24px;
  font-family: "omnes_semibold", sans-serif;
  margin-bottom: 20px !important
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas h6 {
  font-size: 18px;
  font-family: "omnes_medium", sans-serif;
  margin: 0
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas p {
  font-size: 14px;
  color: #9b9b9b
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul {
  display: flex;
  margin: 15px 0 20px 0;
  align-items: normal
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li {
  font-family: "omnes_medium", sans-serif;
  font-weight: normal;
  font-size: 14px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li:nth-child(1) {
  width: 45%
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li:nth-child(2) {
  width: 20%
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li:nth-child(3) {
  width: 45%
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li:nth-child(2) {
  padding-left: 20px;
  padding-top: 4px;
  box-sizing: border-box
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li p {
  color: #484848
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li p:last-child {
  font-family: "omnes_regular", sans-serif;
  color: #757575
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li .material-icons {
  position: relative;
  font-size: 16px;
  padding-left: 12px;
  padding-top: 25px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas ul li .material-icons::before {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 2px;
  left: 0;
  background-color: #484848;
  top: 32px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .bg-escalas .escalas .tramo:not(:last-child) {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 20px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div p:not(.gray) {
  font-size: 17px
}

#baseVuelos .seleccion-vuelo .info-vuelo .opciones-vuelo>div .tipo-tarifa {
  color: #00bb31;
  border: 0;
  background-color: transparent;
  font-size: 12px;
  cursor: pointer;
  margin: 0;
  padding: 0
}

#baseVuelos .seleccion-vuelo .info-precio {
  max-width: 220px;
  width: 100%;
  border-radius: 0 3px 3px 0;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
  background-color: #fff;
  padding: 20px 15px;
  box-sizing: border-box
}

#baseVuelos .seleccion-vuelo .info-precio h4 {
  font-size: 14px;
  text-transform: uppercase
}

#baseVuelos .seleccion-vuelo .info-precio h3 {
  font-size: 22px;
  color: #00bb31;
  line-height: 18px;
  margin: 5px 0;
  font-family: "omnes_medium", sans-serif;
  display: flex;
  align-items: center
}

#baseVuelos .seleccion-vuelo .info-precio h3 small {
  font-family: "omnes_regular", sans-serif;
  font-size: 12px;
  margin-left: 5px;
  line-height: 10px
}

#baseVuelos .seleccion-vuelo .info-precio .precio-dolares {
  color: #484848;
  font-family: "omnes_medium", sans-serif;
  font-size: 15px
}

#baseVuelos .seleccion-vuelo .info-precio .detalle-precios {
  margin: 20px 0 10px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0
}

#baseVuelos .seleccion-vuelo .info-precio .detalle-precios li {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  display: flex;
  justify-content: space-between
}

#baseVuelos .seleccion-vuelo .info-precio .detalle-precios li span:last-child {
  display: none
}

#baseVuelos .seleccion-vuelo .info-precio .detalle-precios li .passenger-type {
  font-style: normal;
  text-transform: capitalize
}

#baseVuelos .seleccion-vuelo .info-precio .detalle-precios li.subvencion span {
  color: #ff5a5e;
  font-family: "omnes_medium", sans-serif
}

#baseVuelos .seleccion-vuelo .info-precio .total {
  display: flex;
  justify-content: space-between
}

#baseVuelos .seleccion-vuelo .info-precio .total span {
  display: block;
  font-size: 14px
}

#baseVuelos .seleccion-vuelo .info-precio .total>span:last-child {
  text-align: right
}

#baseVuelos .seleccion-vuelo .info-precio .btn-default {
  border: 0;
  font-family: "omnes_medium", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 38px;
  margin-top: 40px;
  background-color: #384a99
}

#baseVuelos .seleccion-vuelo .info-precio .btn-default:hover {
  background-color: #7c93dd
}

@media screen and (max-width:780px) {
  #baseVuelos .seleccion-vuelo {
    flex-direction: column
  }

  #baseVuelos .seleccion-vuelo form {
    order: 2
  }

  #baseVuelos .seleccion-vuelo .info-precio {
    max-width: none
  }

  #baseVuelos .seleccion-vuelo .info-precio .btn-default {
    display: none !important
  }

  #baseVuelos .seleccion-vuelo .btn-responsive {
    display: block !important;
    width: 140px;
    border: 0;
    font-size: 11px;
    font-weight: normal;
    font-family: "omnes_medium", sans-serif;
    margin: 30px auto;
    background-color: #384a99
  }
}

@media screen and (max-width:610px) {
  #baseVuelos .escalas {
    width: 100vw !important;
    min-height: 100vh !important;
    border-radius: 0 !important;
    margin: 0 !important
  }
}

@media screen and (max-width:480px) {

  #baseVuelos form .opciones-vuelo>div>*:nth-child(5),
  #baseVuelos form .opciones-vuelo>div>*:nth-child(6) {
    display: none !important
  }

  #baseVuelos form .opciones-vuelo>div .data-responsive {
    display: block !important;
    font-size: 12px !important;
    color: #9b9b9b !important;
    margin: 10px 0 0 0 !important;
    width: 100% !important
  }

  #baseVuelos form .opciones-vuelo>div>label {
    width: 10% !important
  }

  #baseVuelos form .opciones-vuelo>div>div:nth-child(1) {
    width: 10% !important;
    text-align: center !important
  }

  #baseVuelos form .opciones-vuelo>div>div:nth-child(2) {
    width: 25% !important;
    text-align: center !important
  }

  #baseVuelos form .opciones-vuelo>div>div:nth-child(3) {
    width: 40% !important;
    text-align: center !important
  }

  #baseVuelos form .opciones-vuelo>div>div:nth-child(4) {
    width: 25% !important;
    text-align: center !important
  }

  #baseVuelos form .opciones-vuelo>div>*:nth-child(4) p:last-child {
    display: block;
    height: 15px
  }

  #baseVuelos form .opciones-vuelo>div .radio-input {
    margin: 0 !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas p {
    font-size: 12px !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas .tramo h6 {
    font-size: 12px !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas .tramo p {
    font-size: 12px !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas .tramo li:nth-child(2) {
    padding-left: 5px !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas .tramo li span {
    display: block !important;
    font-size: 16px !important
  }

  #baseVuelos form .opciones-vuelo>div .bg-escalas .escalas .tramo li span.gray {
    font-size: 12px !important
  }
}

@media screen and (max-width:450px) {
  #baseVuelos form .bg-escalas li span {
    display: block !important;
    font-size: 16px !important
  }

  #baseVuelos form .bg-escalas li span.gray {
    font-size: 12px !important
  }
}

#modal-tarifas {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
  z-index: 100;
  display: none;
  justify-content: center;
  align-items: center;
  overflow-y: scroll;
  overflow-x: hidden
}

#modal-tarifas>div {
  display: block;
  max-width: 700px;
  width: 100%;
  height: auto;
  border-radius: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  position: absolute;
  margin: 50px 0;
  top: 0
}

#modal-tarifas>div .close {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 28px;
  right: 32px;
  cursor: pointer
}

#modal-tarifas>div img {
  display: block;
  width: 100vw
}

@media screen and (max-width:580px) {
  #modal-tarifas>div {
    height: 100vh !important;
    width: auto !important;
    margin: 0 !important
  }

  #modal-tarifas>div .close {
    top: 16px !important;
    right: 17px !important
  }
}

.submenu-compras {
  width: 510px !important;
  flex-wrap: wrap
}

#menu-principal .menu-item:hover .submenu-compras {
  display: flex
}

#idHeaderEvento,
#idFooterEvento {
  position: fixed;
  display: none;
  height: 55px;
  background-color: #f0f0f0;
  width: 100%;
  z-index: 10;
  overflow: hidden
}

#idHeaderEvento>a,
#idFooterEvento>a {
  display: block;
  width: 100%;
  height: 100%
}

#idHeaderEvento>a>img,
#idFooterEvento>a>img {
  display: block;
  width: 100%;
  height: auto
}

#idHeaderEvento .material-icons,
#idFooterEvento .material-icons {
  position: absolute;
  font-size: 24px;
  color: #fff;
  top: 0;
  right: 0;
  cursor: pointer;
  display: flex;
  width: 50px;
  justify-content: center;
  align-items: center;
  height: 100%
}

#idHeaderEvento {
  top: 0;
  left: 0
}

#idFooterEvento {
  bottom: 0;
  left: 0
}

.paso2-paquetes #nombreContacto,
.paso2-paquetes .adulto-nombre.error,
.paso2-paquetes .nacionalidad.error,
.paso2-paquetes #correoContacto {
  margin-bottom: 0 !important
}

#lightbox-msg-susto {
  display: none
}

#lightbox-msg-susto .general-modal {
  max-width: 550px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px
}

#lightbox-msg-susto .general-modal .warning-icon {
  line-height: 112px;
  min-width: 112px;
  text-align: center;
  color: #ff9100;
  border: 4px solid #ff9100;
  display: block;
  border-radius: 50%;
  font-size: 58px;
  margin-right: 20px
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) h3 {
  font-weight: 700;
  font-size: 19px;
  margin-bottom: 15px
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) p {
  font-weight: 300;
  font-size: 17px
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) .button-options {
  display: flex;
  justify-content: center;
  margin-top: 24px
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) .button-options a {
  line-height: 40px;
  font-size: 15px;
  width: 50%;
  margin: 0
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) .button-options a:hover {
  background-color: #00bb31
}

#lightbox-msg-susto .general-modal>div:not(.close-modal) .button-options a#btn-susto-quedarse {
  background-color: transparent;
  border: 1px solid #00bb31;
  color: #00bb31;
  margin-right: 15px
}

@media screen and (max-width:560px) {
  #lightbox-msg-susto .general-modal {
    max-width: 90%;
    flex-direction: column;
    text-align: center
  }

  #lightbox-msg-susto .general-modal .warning-icon {
    margin: 0 0 15px 0
  }

  #lightbox-msg-susto .general-modal .button-options {
    flex-direction: column;
    align-items: center
  }

  #lightbox-msg-susto .general-modal .button-options a {
    width: 70% !important
  }

  #lightbox-msg-susto .general-modal .button-options #btn-susto-quedarse {
    order: 2;
    margin: 5px 0 0 0 !important;
    border: none !important
  }
}

@media screen and (max-width:360px) {
  #lightbox-msg-susto .general-modal {
    padding: 30px !important
  }

  #lightbox-msg-susto .button-options a {
    font-size: 13px !important
  }

  #lightbox-msg-susto #btn-susto-quedarse {
    margin-right: 8px !important
  }
}

@media screen and (max-width:1050px) {
  .buscador-ancho {
    padding: 0 15px !important
  }
}

#limiteCompras {
  width: 100% !important;
  max-width: 982px
}

#limiteCompras #lista-compras .lista-productos {
  display: flex;
  flex-wrap: wrap
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto {
  float: none;
  width: calc(100% / 3 - 15px);
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  position: relative;
  cursor: pointer
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto:hover img {
  transform: scale(1) !important
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto:not(:nth-child(3n)) {
  margin-right: 20px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto.producto-agotado *:not(.detalle-tarjeta):not(.dec) {
  opacity: .6
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto.producto-agotado *:not(.detalle-tarjeta):not(.dec) a.disabled {
  cursor: default
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto>a:not(.btn-carrito-compras) {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
  background-color: #f2f2f2;
  overflow: hidden
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto>a:not(.btn-carrito-compras) img {
  display: block;
  width: 100%;
  transform: scale(0.9);
  transition: .25s
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto>a:not(.btn-carrito-compras) .flag {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 10px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00bb31;
  color: #fff;
  width: 170px;
  height: 170px;
  font-weight: 500;
  font-size: 18px;
  transform: rotate(-45deg) translate(0, -140px);
  z-index: 1
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto>a:not(.btn-carrito-compras) .stock {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 10px;
  padding: 0 15px;
  color: #484848;
  box-sizing: border-box;
  width: 100%;
  font-size: 14px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto>a:not(.btn-carrito-compras) .stock .material-icons {
  color: #ff5a5e;
  margin-right: 5px;
  font-size: 20px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta {
  padding: 15px 15px 80px 15px;
  box-sizing: border-box
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta h3 {
  font-size: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 10px;
  font-weight: 300;
  min-height: 38px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta h3 a {
  color: #484848
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta p {
  line-height: 22px;
  font-size: 15px;
  font-weight: 500
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta p.precio-inicial {
  color: #f7f7f7;
  font-weight: 300;
  text-decoration: line-through
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta p.precio-inicial .porc-oferta {
  text-decoration: none;
  display: inline-block;
  line-height: 25px;
  padding: 0 5px;
  border-radius: 15px;
  margin-left: 8px;
  color: #fff
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta .button-options {
  display: flex;
  position: absolute;
  bottom: 20px;
  width: calc(100% - 30px)
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta .button-options a {
  line-height: 35px;
  border: 1px solid #384a99;
  text-align: center;
  font-size: 14px;
  color: #384a99;
  border-radius: 5px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta .button-options a:first-child {
  margin-right: 10px;
  width: 37px;
  border-color: #384a99;
  color: #384a99;
  font-size: 20px
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta .button-options a:last-child {
  color: #fff;
  background-color: #384a99;
  width: calc(100% - 37px)
}

#limiteCompras #lista-compras .lista-productos .tarjeta-producto .detalle-tarjeta .button-options a.agotado {
  border: 1px solid #c2c2c2;
  color: #c2c2c2;
  background-color: transparent;
  cursor: default;
  position: relative;
  color: #c2c2c2;
  font-weight: 400
}

@media screen and (max-width:1050px) {
  #limiteCompras #lista-compras {
    padding: 0 15px !important
  }
}

@media screen and (max-width:690px) {
  #limiteCompras .tarjeta-producto {
    width: calc(100% / 2 - 15px) !important;
    margin-right: 0 !important
  }

  #limiteCompras .tarjeta-producto:not(:nth-child(2n)) {
    margin-right: 20px !important
  }
}

@media screen and (max-width:500px) {
  #limiteCompras article.tarjeta.tarjeta-producto {
    display: flex;
    width: 100% !important;
    margin-right: 0 !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto:hover img {
    transform: scale(1) !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto>a:not(.btn-carrito-compras) {
    max-width: 35% !important;
    min-width: 35% !important;
    display: flex !important;
    align-items: center;
    background-color: #f2f2f2;
    height: 100%
  }

  #limiteCompras article.tarjeta.tarjeta-producto>a:not(.btn-carrito-compras) img {
    transform: scale(1) !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto>a:not(.btn-carrito-compras) .stock {
    padding: 0 5px !important;
    font-size: 11px !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto>a:not(.btn-carrito-compras) .stock .material-icons {
    font-size: 16px !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto .detalle-tarjeta {
    position: relative;
    width: 100%
  }

  #limiteCompras article.tarjeta.tarjeta-producto .detalle-tarjeta h3 {
    font-size: 14px !important
  }

  #limiteCompras article.tarjeta.tarjeta-producto .flag {
    width: 120px !important;
    height: 120px !important;
    transform: rotate(-45deg) translate(0, -90px) !important
  }
}

#modalCarritoCompras,
#modalCarrito {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10
}

#modalCarritoCompras>div,
#modalCarrito>div {
  background-color: #fff;
  display: block;
  max-width: 310px;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  border-radius: 5px;
  position: relative;
  text-align: center;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #efefef
}

#modalCarritoCompras>div .material-icons:not(.close),
#modalCarrito>div .material-icons:not(.close) {
  color: #fff;
  background-color: #00bb31;
  display: block;
  position: absolute;
  top: 40px;
  right: 40px;
  line-height: 36px;
  width: 40px;
  text-align: center;
  border: 2px solid #00bb31;
  box-sizing: border-box;
  border-radius: 50%;
  font-size: 32px
}

#modalCarritoCompras>div .close,
#modalCarrito>div .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  width: 30px;
  line-height: 30px
}

#modalCarritoCompras>div h3,
#modalCarrito>div h3 {
  font-weight: 500;
  font-size: 19px;
  width: 100%;
  margin-top: 20px
}

#modalCarritoCompras>div .btn-ir-carrito,
#modalCarrito>div .btn-ir-carrito {
  line-height: 36px;
  font-size: 14px;
  background-color: #00bb31;
  border-color: #00bb31;
  width: 100%;
  max-width: 200px;
  padding: 0
}

#modalCarritoCompras>div #btn-seguir-comprando,
#modalCarrito>div #btn-seguir-comprando {
  background-color: transparent;
  color: #00bb31;
  font-size: 14px;
  margin: 10px 0 0 0
}

#detalle-producto-page .resenia-producto .titulo-resenia {
  margin: 0 10px 0 0;
  font-size: 24px
}

#detalle-producto-page .main-resenia {
  margin-top: 30px
}

#detalle-producto-page .main-resenia .comentario {
  padding: 10px 0
}

#detalle-producto-page .main-resenia .comentario-datos {
  display: flex;
  align-items: center;
  justify-content: space-between
}

#detalle-producto-page .main-resenia .comentario-datos h3 {
  margin-bottom: 0;
  font-size: 17px
}

#detalle-producto-page .main-resenia .comentario-datos .contenedor-fecha {
  font-size: 14px
}

#detalle-producto-page .main-resenia .contenedor-descripcion p {
  font-size: 17px;
  line-height: 17px;
  margin: 10px 0 20px 0
}

#detalle-producto-page .main-resenia .paginador-comentarios {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30px 0 10px 0
}

#detalle-producto-page .main-resenia .paginador-comentarios .pages {
  display: flex;
  overflow: hidden;
  max-height: 37px;
  flex-wrap: wrap;
  justify-content: space-around
}

#detalle-producto-page .main-resenia .paginador-comentarios span {
  display: block;
  line-height: 35px;
  min-width: 35px;
  border: 1px solid #f7f7f7;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  margin: 0 5px;
  cursor: pointer;
  transition: .25s;
  user-select: none
}

#detalle-producto-page .main-resenia .paginador-comentarios span.active {
  border-color: #00bb31
}

#detalle-producto-page .main-resenia .paginador-comentarios span.pass {
  display: none
}

#detalle-producto-page .main-resenia .paginador-comentarios span.prev,
#detalle-producto-page .main-resenia .paginador-comentarios span.next {
  min-width: 80px
}

#detalle-producto-page .main-resenia .paginador-comentarios span.disabled {
  pointer-events: none
}

#detalle-producto-page .nuevo-comentario>div:first-child {
  display: flex;
  align-items: center
}

#detalle-producto-page .nuevo-comentario h2 {
  font-size: 24px;
  color: #484848
}

#detalle-producto-page .nuevo-comentario #comment {
  width: 100%;
  resize: none;
  border: 1px solid #f7f7f7;
  border-radius: 5px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 10px;
  outline: 0;
  transition: .25s
}

#detalle-producto-page .nuevo-comentario #comment:focus {
  box-shadow: 0 0 1px 1px #00bb31
}

#detalle-producto-page .nuevo-comentario .cant-caracteres {
  position: absolute;
  right: 10px;
  bottom: 7px
}

#detalle-producto-page .nuevo-comentario #btn-enviar-comentario {
  width: 100%;
  margin: 0;
  padding: 0;
  line-height: 40px;
  font-size: 14px
}

#detalle-producto-page .clasificacion p {
  text-align: center
}

#detalle-producto-page .clasificacion label {
  cursor: pointer
}

#detalle-producto-page .clasificacion input[type=radio] {
  display: none
}

#detalle-producto-page .clasificacion label {
  color: #969696
}

#detalle-producto-page .clasificacion {
  direction: rtl;
  unicode-bidi: bidi-override;
  min-width: 134px
}

#detalle-producto-page label:hover,
#detalle-producto-page label:hover~label {
  color: #ff9100
}

#detalle-producto-page input[type=radio]:checked~label {
  color: #ff9100
}

#detalle-producto-page .contenedor-resumen-estrellas {
  display: flex;
  align-items: center
}

#detalle-producto-page .contenedor-estrellas {
  margin-left: 10px;
  margin-right: 10px;
  display: flex
}

#detalle-producto-page .nuevo-comentario span {
  margin: 5px 0;
  font-size: 14px
}

#detalle-producto-page .respuesta-envio {
  font-size: 14px;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 32px
}

@media screen and (max-width:530px) {
  #detalle-producto-page .resenia-producto .titulo-resenia {
    font-size: 19px !important
  }

  #detalle-producto-page .resenia-producto .estrellas span {
    font-size: 19px !important
  }

  #detalle-producto-page .comentario-datos h3 {
    font-size: 14px !important
  }

  #detalle-producto-page .comentario-datos .contenedor-fecha {
    font-size: 12px !important
  }

  #detalle-producto-page .contenedor-descripcion p {
    font-size: 14px !important
  }

  #detalle-producto-page .nuevo-comentario>div:first-child {
    align-items: flex-end !important
  }

  #detalle-producto-page .nuevo-comentario h2 {
    font-size: 19px !important
  }

  #detalle-producto-page .nuevo-comentario .clasificacion {
    min-width: 115px !important
  }

  #detalle-producto-page .nuevo-comentario .clasificacion label {
    font-size: 19px !important
  }
}

.background-login {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.75)
}

.background-login .cont-login {
  width: 100%;
  max-width: 925px;
  height: 95%;
  max-height: 590px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  user-select: none;
  background-color: #fff
}

.background-login .cont-login .close-login {
  position: absolute;
  top: 15px;
  right: 15px
}

.background-login .cont-login #iframe-login {
  width: 100%;
  height: 115%;
  border: 0
}

@media screen and (max-width:840px) {
  .background-login .cont-login {
    width: 95%
  }
}

@media screen and (max-width:500px) {
  .background-login .cont-login {
    max-width: none;
    max-height: none;
    height: 100%;
    width: 100%;
    border-radius: 0
  }
}

.back-submenu {
  display: none;
  height: calc(100% - 100px);
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: .7;
  position: absolute;
  top: 100px;
  left: 0;
  z-index: 2
}

header {
  padding: 0 20px;
  min-height: 60px;
  position: relative;
  display: flex;
  align-items: flex-start;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.15);
  z-index: 12
}

header>.zone-navigation.fixed {
  position: fixed;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.15)
}

header .container-logo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 150px
}

header .container-logo #logo {
  display: block
}

header .container-logo #logo img {
  max-width: 150px;
  width: 100%;
  margin-top: 17px
}

header .container-logo>div:not(.millas) {
  display: none
}

header .container-logo .millas {
  display: none;
  border: 1px solid #efefef;
  background-color: #fff;
  font-size: 14px;
  border-radius: 25px;
  align-items: center;
  padding: 6px 15px;
  min-height: 42px;
  margin-left: 20px
}

header .container-logo .millas .material-icons {
  color: #00bb31;
  font-size: 18px;
  margin-right: 5px
}

@media screen and (max-width:600px) {
  header .container-logo.container-logued {
    flex-direction: column
  }
}

header .zone-navigation {
  z-index: 10;
  display: flex;
  flex-direction: column;
  width: 100%
}

header .zone-navigation .burger-menu {
  color: #00bb31;
  cursor: pointer;
  display: none
}

header .zone-navigation #cart-mobile {
  display: none
}

header .zone-navigation .user-zone {
  display: flex;
  align-items: center;
  margin: 5px 30px 0 -150px
}

header .zone-navigation .user-zone .menu {
  display: flex;
  align-items: center
}

header .zone-navigation .user-zone .menu>li {
  display: inline-block;
  list-style: none
}

header .zone-navigation .user-zone .menu>li.divider {
  pointer-events: none;
  color: #e0e0e0;
  margin-right: 20px
}

header .zone-navigation .user-zone .menu>li>a {
  padding: 0 3px;
  margin-right: 22px;
  color: #484848;
  text-decoration: none;
  font-size: 12px;
  line-height: 55px;
  display: flex;
  align-items: center;
  transition: .25s;
  font-weight: 500;
  position: relative;
  cursor: pointer;
  user-select: none
}

header .zone-navigation .user-zone .menu>li>a.material-icons {
  font-size: 20px;
  color: #9c9c9c
}

header .zone-navigation .user-zone .menu>li>a .arrow {
  font-size: 15px;
  color: #757575;
  margin-left: 3px;
  pointer-events: none;
  transition: .25s
}

header .zone-navigation .user-zone .menu>li>a .icon {
  font-size: 12px;
  margin-right: 3px;
  color: #00bb31;
  background-color: rgba(0, 169, 79, 0.15);
  text-align: center;
  pointer-events: none;
  display: block;
  line-height: 20px;
  width: 20px;
  border-radius: 50%
}

header .zone-navigation .user-zone .menu>li>a:hover {
  opacity: .8 !important
}

header .zone-navigation .user-zone .menu>li>a.active {
  box-shadow: inset 0 -2px 0 0 #00bb31;
  opacity: 1 !important
}

@keyframes changeColor {
  0 {
    color: red
  }

  33.3% {
    color: blue
  }

  66.6% {
    color: green
  }

  100% {
    color: red
  }
}

header .zone-navigation .user-zone .menu>li>a.animate {
  animation: changeColor infinite 5s
}

header .zone-navigation .user-zone .menu>li .submenu {
  position: absolute;
  border-top: 1px solid #e0e0e0;
  top: 120px;
  z-index: 10;
  width: 100%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.15);
  padding: 50px 0;
  display: none
}

header .zone-navigation .user-zone .menu>li .submenu .close-menu {
  position: absolute;
  top: 60px;
  right: 80px;
  cursor: pointer;
  color: #9c9c9c;
  font-size: 38px
}

header .zone-navigation .user-zone .menu>li .submenu .cont-submenu {
  width: 80vw;
  margin: auto
}

header .zone-navigation .user-zone .menu>li .submenu .cont-submenu .titulo {
  color: #484848;
  display: inline-flex;
  align-items: center;
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 50px
}

header .zone-navigation .user-zone .menu>li .submenu .cont-submenu .titulo .material-icons {
  display: block;
  line-height: 24px;
  width: 24px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  margin-right: 15px
}

header .zone-navigation .user-zone .menu>li .submenu .cont-submenu .menus {
  display: flex;
  justify-content: space-between
}

header .zone-navigation .user-zone .menu>li .subproductos .titulo .material-icons {
  background-color: rgba(252, 61, 132, 0.15);
  color: #fc3d84
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria {
  width: calc(100% - 250px);
  height: 440px;
  column-count: 6;
  column-fill: balance;
  column-gap: 20px;
  position: relative
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article {
  display: inline-block;
  width: 100%;
  margin-bottom: 40px
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article .subtitulo {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 14px;
  display: block;
  color: #484848;
  transition: .25s;
  border-bottom: 0
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article .subtitulo:hover {
  color: #00bb31
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article ul li {
  list-style: none;
  font-size: 12px;
  line-height: 28px
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article ul li a {
  color: #9c9c9c;
  font-weight: 500;
  transition: .25s
}

header .zone-navigation .user-zone .menu>li .subproductos .menu-categoria article ul li a:hover {
  color: #00bb31
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores {
  min-width: 250px;
  max-width: 250px;
  margin-left: 50px
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores .subtitulo {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 14px;
  display: block;
  border-bottom: 0
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div {
  display: flex;
  flex-wrap: wrap
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div .agrupador {
  width: 50%;
  max-width: 119px;
  border-radius: 5px;
  background-color: #384a99;
  text-align: center;
  line-height: 100%;
  height: 119px;
  margin-bottom: 12px
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div .agrupador:not(:nth-child(2n)) {
  margin-right: 12px
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div .agrupador a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 20px;
  box-sizing: border-box
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div .agrupador a .material-icons {
  color: #fff;
  margin-bottom: 6px
}

header .zone-navigation .user-zone .menu>li .subproductos .agrupadores>div .agrupador a span {
  display: block;
  color: #fff;
  font-size: 12px
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu {
  display: flex
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article {
  width: 200px;
  margin-right: 120px
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .titulo {
  margin-bottom: 8px
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .titulo.digitales .material-icons {
  background-color: rgba(249, 151, 123, 0.15);
  color: #f8977a
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .titulo.giftcard .material-icons {
  background-color: rgba(252, 61, 132, 0.15);
  color: #fd3349
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .titulo.consumo .material-icons {
  background-color: rgba(120, 101, 232, 0.15);
  color: #7864e8
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .subtitulo {
  display: block;
  font-size: 12px;
  color: #9c9c9c;
  border-bottom: 0
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .titulo-categoria {
  font-weight: 500;
  font-size: 12px;
  margin: 40px 0 15px 0;
  display: block
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .categorias {
  list-style: none
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .categorias li a {
  color: #9c9c9c;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  transition: .25s
}

header .zone-navigation .user-zone .menu>li .subvales .cont-submenu article .categorias li a:hover {
  color: #00bb31
}

header .zone-navigation .user-zone .menu>li .subeventos .titulo .material-icons {
  background-color: rgba(249, 151, 123, 0.15);
  color: #f8977a
}

header .zone-navigation .user-zone .menu>li .subeventos .subtitulo {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 14px;
  display: block;
  border-bottom: 0
}

header .zone-navigation .user-zone .menu>li .subeventos .menu-categoria {
  column-count: 6;
  column-fill: balance;
  column-gap: 20px;
  position: relative
}

header .zone-navigation .user-zone .menu>li .subeventos .menu-categoria article {
  width: 100%;
  display: inline-block
}

header .zone-navigation .user-zone .menu>li .subeventos .menu-categoria article a {
  color: #9c9c9c;
  font-weight: 500;
  font-size: 12px;
  line-height: 28px;
  transition: .25s
}

header .zone-navigation .user-zone .menu>li .subeventos .menu-categoria article a:hover {
  color: #00bb31
}

header .zone-navigation .user-zone .no-logued {
  margin-left: 30px;
  min-width: 200px;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

header .zone-navigation .user-zone .no-logued button {
  display: inline-block;
  border: 1px solid #384a99;
  width: 90px;
  border-radius: 3px;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  color: #384a99;
  line-height: 33px;
  font-family: "omnes_medium", sans-serif
}

header .zone-navigation .user-zone .no-logued button#registrar {
  background-color: #fff
}

header .zone-navigation .user-zone .no-logued button#ingresar {
  background-color: #384a99;
  color: #fff;
  margin-left: 8px
}

header .zone-user {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 10px 0;
  min-width: 340px
}

header .zone-user .buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%
}

header .zone-user .buttons button,
header .zone-user .buttons a {
  width: 115px;
  border: 1px solid #00bb31;
  line-height: 38px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  outline: 0;
  box-sizing: border-box;
  appearance: none;
  margin-left: 0;
  padding: 0
}

header .zone-user .buttons button#registrar,
header .zone-user .buttons a#registrar {
  background-color: #fff;
  color: #00bb31;
  border-color: #e0e0e0;
  margin-right: 5px;
  font-weight: 500
}

header .zone-user .buttons button#ingresar,
header .zone-user .buttons a#ingresar {
  background-color: #00bb31;
  color: #fff;
  margin-right: 5px;
  min-width: 80px
}

header .zone-user .buttons button#cart,
header .zone-user .buttons a#cart {
  background: 0;
  width: auto;
  position: relative;
  border: 0;
  outline: 0;
  appearance: none;
  display: inline-block;
  text-align: center;
  font-size: 21px;
  display: flex;
  margin-left: 10px;
  align-items: center;
  pointer-events: none
}

header .zone-user .buttons button#cart .material-icons,
header .zone-user .buttons a#cart .material-icons {
  vertical-align: middle;
  color: #9c9c9c;
  font-size: 21px;
  margin-right: 2px
}

header .zone-user .buttons button#cart .count,
header .zone-user .buttons a#cart .count {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  display: block;
  line-height: 22px;
  width: 22px;
  border-radius: 50%;
  color: #fff;
  background-color: #9c9c9c
}

header .zone-user .buttons button#cart.active,
header .zone-user .buttons a#cart.active {
  pointer-events: initial
}

header .zone-user .buttons button#cart.active .material-icons,
header .zone-user .buttons a#cart.active .material-icons {
  color: #00bb31
}

header .zone-user .buttons button#cart.active .count,
header .zone-user .buttons a#cart.active .count {
  display: block;
  background-color: #00bb31
}

header .zone-user .logued {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 50px
}

header .zone-user .logued .info-millas {
  margin-right: 26px
}

header .zone-user .logued .info-millas p:first-child {
  font-size: 12px;
  font-weight: 500;
  color: #9c9c9c;
  margin-bottom: 5px
}

header .zone-user .logued .info-millas p:last-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 500
}

header .zone-user .logued .info-millas p:last-child .material-icons {
  color: #00bb31;
  font-size: 17px;
  margin-right: 5px
}

header .zone-user .logued .info-usuario button {
  background-color: transparent;
  border: 0;
  outline: 0;
  appearance: none;
  padding: 0;
  margin: 0
}

header .zone-user .logued .info-usuario button * {
  pointer-events: none
}

header .zone-user .logued .info-usuario button .iniciales {
  display: inline-block;
  line-height: 34px;
  width: 34px;
  background-color: #384a99;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px;
  margin-right: 5px
}

header .zone-user .logued .info-usuario button span:not(.iniciales) {
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  color: #484848
}

header .zone-user .logued .info-usuario button span:not(.iniciales) .material-icons {
  font-size: 17px
}

header .zone-user .logued .info-usuario .drop-list {
  display: none;
  position: absolute;
  list-style: none;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px 0;
  right: 32px;
  top: 65px;
  border: 1px solid #e0e0e0;
  width: max-content;
  min-width: 165px;
  z-index: 10
}

header .zone-user .logued .info-usuario .drop-list .drop-item {
  font-size: 14px;
  font-weight: 300;
  line-height: 35px
}

header .zone-user .logued .info-usuario .drop-list .drop-item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: .25s;
  padding: 0 20px;
  text-align: left;
  font-size: 12px;
  color: #757575;
  font-weight: 400;
  width: 100%
}

header .zone-user .logued .info-usuario .drop-list .drop-item a:hover {
  background-color: #f7f7f7
}

header .zone-user .logued .info-usuario .drop-list .drop-item a:active {
  background-color: #e0e0e0
}

header .zone-user .logued .info-usuario .drop-list .drop-item .count-canjes {
  display: inline-block;
  width: 20px;
  line-height: 20px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  background-color: #00bb31
}

header .zone-user .logued .info-carrito {
  margin-left: 5px
}

header .zone-user .logued .info-carrito a {
  background: 0;
  width: auto;
  position: relative;
  border: 0;
  outline: 0;
  appearance: none;
  display: inline-block;
  text-align: center;
  font-size: 21px;
  display: flex;
  margin-left: 10px;
  align-items: center;
  pointer-events: none
}

header .zone-user .logued .info-carrito a .material-icons {
  vertical-align: middle;
  color: #9c9c9c;
  font-size: 21px;
  margin-right: 2px
}

header .zone-user .logued .info-carrito a .count {
  font-size: 12px;
  font-weight: 500;
  font-style: normal;
  display: block;
  line-height: 22px;
  width: 22px;
  border-radius: 50%;
  color: #fff;
  background-color: #9c9c9c
}

header .zone-user .logued .info-carrito a.active {
  pointer-events: initial
}

header .zone-user .logued .info-carrito a.active .material-icons {
  color: #00bb31
}

header .zone-user .logued .info-carrito a.active .count {
  display: block;
  background-color: #00bb31
}

header .buscador {
  max-width: 640px;
  margin: 10px 15px 0 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between
}

header .buscador .helper {
  position: fixed;
  visibility: hidden;
  pointer-events: none;
  font-size: 14px
}

header .buscador label {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center
}

header .buscador label #searchAll,
header .buscador label #mbsearchAll {
  line-height: 48px;
  height: 50px;
  border: 1px solid #e0e0e0;
  border-radius: 25px;
  padding: 0 10px 0 37px;
  width: 100%;
  transition: .25s;
  outline: 0;
  appearance: none;
  cursor: text;
  padding-top: 14px;
  box-sizing: border-box
}

header .buscador label #searchAll {
  background-color: #f7f7f7
}

header .buscador label #mbsearchAll {
  border-radius: 5px;
  padding: 0 15px
}

header .buscador label .placeholder {
  font-size: 14px;
  color: #c5c5c5;
  position: absolute;
  left: 37px;
  transition: .25s;
  top: calc(50% - 17px / 2)
}

header .buscador label .placeholder.focus {
  top: 8px;
  font-size: 12px
}

header .buscador label .material-icons {
  position: absolute;
  left: 10px;
  line-height: 35px;
  font-size: 21px;
  vertical-align: middle;
  color: #757575;
  cursor: pointer
}

header .buscador label .limpiar {
  font-size: 12px;
  right: 10px;
  top: calc(50% - 10px);
  left: auto;
  width: auto;
  color: #fff;
  background-color: #c5c5c5;
  display: block;
  line-height: 20px;
  width: 20px;
  border-radius: 50%;
  text-align: center;
  display: none
}

header .buscador label .loader,
header .buscador label .mbloader {
  position: absolute;
  right: 40px;
  left: auto;
  top: 12px;
  animation: loaderRotate infinite 1s
}

@keyframes loaderRotate {
  0 {
    transform: rotate(0)
  }

  0 {
    transform: rotate(360deg)
  }
}

header .buscador label #myList {
  display: none;
  box-sizing: border-box;
  list-style: none;
  z-index: 3;
  width: 100%;
  line-height: 30px;
  padding: 10px 16px;
  border: 1px solid #e0e0e0;
  position: absolute;
  background-color: white;
  border-radius: 0 0 3px 3px !important;
  top: 49px
}

header .buscador label #myList .sub-list {
  font-weight: 500;
  color: black;
  font-size: 12px;
  margin: 14px 0;
  line-height: 1.2
}

header .buscador label #myList .sub-list.load {
  display: none;
  padding-left: 28px
}

header .buscador label #myList .sub-list.load .loader {
  top: 24px;
  left: 20px
}

header .buscador label #myList .sub-list.resultado {
  align-items: center;
  margin: 5px 0
}

header .buscador label #myList .sub-list.resultado a {
  color: #484848;
  font-weight: bold
}

header .buscador label #myList .sub-list.resultado a b {
  font-weight: 400
}

header .buscador label #myList .sub-list.resultado hr {
  border: .5px solid #efefef;
  margin: 15px 10px
}

header .buscador label #myList .sub-list .text-buscador {
  font-size: 12px;
  padding: 8px 10px;
  font-weight: 500
}

header .buscador label #myList .sub-list .reciente {
  display: inline-flex;
  align-items: center;
  color: #484848;
  font-weight: 400
}

header .buscador label #myList .sub-list .reciente span {
  font-size: 14px
}

header .buscador label #myList .sub-list .reciente .gray {
  color: #9c9c9c
}

header .buscador label #myList .sub-list .div-buscador {
  padding: 10px 0
}

header .buscador label #myList .sub-list .div-buscador.lista-recientes {
  display: none
}

header .buscador label #myList .sub-list .opciones {
  color: #384a99;
  border: 1px solid #e0e0e0;
  line-height: 33px;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  min-width: 35px;
  font-weight: 500;
  font-size: 12px;
  padding: 5px 15px;
  margin: 5px;
  text-align: center;
  cursor: pointer
}

header .buscador label #myList .sub-list .opciones .material-icons {
  color: #384a99
}

header .buscador label #myList .sub-list .active {
  color: #fff;
  border: 1px solid #384a99;
  background-color: #384a99;
  font-weight: 400
}

header .buscador label #myList .sub-list .medium-icon {
  margin-left: 10px;
  font-size: 20px;
  margin-right: 8px;
  position: inherit;
  color: #484848
}

header .buscador label #myList .sub-list .recientes {
  list-style: none;
  margin: 10px 0;
  display: block;
  width: 100%
}

header .buscador label #myList .sub-list .recientes .sub-list {
  margin: 0
}

header .buscador label #myList .sub-list.mas-resultados a {
  display: block;
  with: 100%;
  text-align: center;
  line-height: 38px;
  border: 1px solid #efefef;
  border-radius: 20px;
  font-weight: 500;
  transition: .25s;
  margin: 20px 10px
}

header .buscador label #myList .sub-list.mas-resultados a:hover {
  background-color: #f7f7f7
}

header .buscador label #myList .sub-list.more {
  margin: 30px 10px 40px 10px
}

header .buscador label #myList .sub-list.empty {
  color: #757575;
  font-size: 14px;
  margin: 30px 10px 40px 10px
}

header .buscador label #myList .sub-list.separator {
  margin-top: 30px
}

header .buscador label #myList .sub-list.opt {
  margin: 22px 0 14px 0
}

@media screen and (max-width:670px) {
  header .buscador label #myList .sub-list.load .loader {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    margin-right: 5px;
    vertical-align: middle
  }
}

header .buscador label #myList .mbbuscador {
  display: none
}

header .buscador label #myList li {
  font-weight: 300 !important
}

header .buscador label #myList li .ref-green {
  color: #00bb31;
  font-size: 12px;
  font-weight: 500;
  margin: 3px 0 !important;
  display: block
}

@media screen and (max-width:670px) {
  header .buscador label #myList {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 100% !important;
    left: 0;
    border: 0;
    margin: 0 !important;
    border-radius: 0 !important;
    padding: 0;
    transition: .25s
  }

  header .buscador label #myList #mbsearch {
    padding: 0 15px;
    border-radius: 5px;
    max-height: none;
    line-height: 48px
  }

  header .buscador label #myList #mbsearch #mbsearchAll {
    padding: 0
  }

  header .buscador label #myList .mbbuscador {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #efefef;
    padding: 12px;
    margin-bottom: 30px;
    position: relative
  }

  header .buscador label #myList .mbbuscador .cancel {
    font-size: 14px;
    font-weight: 500;
    min-width: 90px;
    text-align: center;
    display: inline-block;
    cursor: pointer
  }

  header .buscador label #myList .mbbuscador .mbloader {
    right: 140px;
    top: 30px
  }

  header .buscador label #myList .mbbuscador .limpiar {
    right: 115px
  }

  header .buscador label #myList .mbbuscador .placeholder {
    left: 28px;
    top: calc(50% - 28px / 2)
  }

  header .buscador label #myList .mbbuscador .placeholder.focus {
    top: 12px
  }

  header .buscador label #myList .mbbuscador #mbsearchAll {
    padding-top: 14px
  }

  header .buscador label #myList .sub-list:not(.mbbuscador) {
    padding-right: 24px;
    padding-left: 24px
  }

  header .buscador label #myList .recientes li {
    padding: 0 !important
  }
}

@media screen and (max-width:430px) {
  header .buscador label #myList .div-buscador {
    display: flex;
    flex-wrap: wrap
  }

  header .buscador label #myList .div-buscador .opciones {
    box-sizing: border-box;
    width: calc(50% - 5px);
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 40px
  }

  header .buscador label #myList .div-buscador .opciones:not(:nth-child(2n)) {
    margin-right: 10px
  }
}

header .buscador label .busqueda-text {
  border-radius: 5px 5px 0 0
}

header .buscador .filtros {
  display: none;
  max-width: 70px;
  width: 100%;
  margin-left: 15px
}

header .menu-responsive {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.8);
  left: 0;
  top: 0;
  z-index: 20;
  display: none
}

header .menu-responsive>div {
  background-color: #fff;
  max-width: 400px;
  width: 80vw;
  height: 100vh;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.15);
  transform: translateX(-100vw);
  transition: .25s;
  position: relative;
  overflow: hidden
}

header .menu-responsive>div.active {
  transform: translateX(0)
}

header .menu-responsive>div>div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 100%;
  background-color: #fff;
  transition: .25s;
  z-index: 3
}

header .menu-responsive>div>div.active {
  left: 0
}

header .menu-responsive>div .base .user-zone .logo-zone {
  border-bottom: 1px solid #efefef;
  padding: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

header .menu-responsive>div .base .user-zone .logo-zone img {
  max-width: 130px;
  width: 100%
}

header .menu-responsive>div .base .user-zone .logo-zone .material-icons {
  color: #9c9c9c
}

header .menu-responsive>div .base .user-zone .logo-zone.user-logued {
  position: relative
}

header .menu-responsive>div .base .user-zone .logo-zone.user-logued .material-icons.close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff
}

header .menu-responsive>div .base .user-zone>a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 15px auto;
  width: calc(100% - 48px);
  padding: 34px 0;
  border-bottom: 1px solid #efefef;
  color: #484848;
  font-size: 14px;
  font-weight: 500
}

header .menu-responsive>div .base .user-zone>a .count-entregas {
  display: block;
  width: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
  background-color: #00bb31;
  border-radius: 5px;
  font-size: 12px
}

header .menu-responsive>div .base .routes,
header .menu-responsive>div .base .subroutes {
  overflow: auto
}

header .menu-responsive>div .base .routes .welcome,
header .menu-responsive>div .base .subroutes .welcome {
  display: flex;
  align-items: center;
  padding: 24px 24px 0 24px
}

header .menu-responsive>div .base .routes .welcome img,
header .menu-responsive>div .base .subroutes .welcome img {
  margin-right: 20px
}

header .menu-responsive>div .base .routes .welcome p,
header .menu-responsive>div .base .subroutes .welcome p {
  font-size: 19px;
  font-weight: 500
}

header .menu-responsive>div .base .routes .actions,
header .menu-responsive>div .base .subroutes .actions {
  display: flex;
  justify-content: space-between;
  padding: 24px 24px 30px 24px;
  border-bottom: 1px solid #efefef
}

header .menu-responsive>div .base .routes .actions button,
header .menu-responsive>div .base .subroutes .actions button {
  width: 50%;
  line-height: 38px;
  border: 1px solid #e0e0e0;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  font-size: 12px;
  padding: 0;
  margin-left: 0
}

header .menu-responsive>div .base .routes .actions button#registrar,
header .menu-responsive>div .base .subroutes .actions button#registrar {
  margin-right: 10px;
  color: #00bb31;
  font-weight: 500
}

header .menu-responsive>div .base .routes .actions button#ingresar,
header .menu-responsive>div .base .subroutes .actions button#ingresar {
  background-color: #00bb31;
  border-color: #00bb31;
  color: #fff;
  font-weight: 400
}

header .menu-responsive>div .base .routes .user-logued,
header .menu-responsive>div .base .subroutes .user-logued {
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.35);
  border-bottom: 0;
  display: flex;
  padding: 34px 24px 24px
}

header .menu-responsive>div .base .routes .user-logued .material-icons.close,
header .menu-responsive>div .base .subroutes .user-logued .material-icons.close {
  position: fixed;
  top: 10px;
  right: 10px;
  color: #fff;
  background-color: #146235;
  display: block;
  line-height: 44px;
  width: 44px;
  font-size: 20px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer
}

header .menu-responsive>div .base .routes .user-logued .back,
header .menu-responsive>div .base .subroutes .user-logued .back {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: .45
}

header .menu-responsive>div .base .routes .user-logued *:not(.back),
header .menu-responsive>div .base .subroutes .user-logued *:not(.back) {
  z-index: 2
}

header .menu-responsive>div .base .routes .user-logued .initials,
header .menu-responsive>div .base .subroutes .user-logued .initials {
  display: block;
  line-height: 72px;
  width: 72px;
  border-radius: 50%;
  color: #00bb31;
  background-color: #fff;
  margin: auto;
  text-align: center;
  font-size: 17px;
  font-weight: 500
}

header .menu-responsive>div .base .routes .user-logued .username,
header .menu-responsive>div .base .subroutes .user-logued .username {
  margin: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  margin-top: 15px;
  text-align: center
}

header .menu-responsive>div .base .routes .user-logued .millas,
header .menu-responsive>div .base .subroutes .user-logued .millas {
  background-color: #fff;
  display: block;
  margin: auto;
  line-height: 42px;
  border-radius: 21px;
  padding: 0 15px;
  font-weight: 500;
  font-size: 14px;
  margin-top: 12px
}

header .menu-responsive>div .base .routes .user-logued .options,
header .menu-responsive>div .base .subroutes .user-logued .options {
  list-style: none;
  margin-top: 15px;
  width: 100%
}

header .menu-responsive>div .base .routes .user-logued .options li,
header .menu-responsive>div .base .subroutes .user-logued .options li {
  padding: 10px 0
}

header .menu-responsive>div .base .routes .user-logued .options li a,
header .menu-responsive>div .base .subroutes .user-logued .options li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-size: 14px;
  line-height: 24px
}

header .menu-responsive>div .base .routes .user-logued .options li a .material-icons,
header .menu-responsive>div .base .subroutes .user-logued .options li a .material-icons {
  color: #fff
}

header .menu-responsive>div .base .routes .user-logued .options li a.logout,
header .menu-responsive>div .base .subroutes .user-logued .options li a.logout {
  border: 0;
  padding: 0
}

header .menu-responsive>div .base .routes>ul,
header .menu-responsive>div .base .subroutes>ul {
  padding: 0 24px 74px 24px;
  list-style: none
}

header .menu-responsive>div .base .routes>ul.spacing,
header .menu-responsive>div .base .subroutes>ul.spacing {
  padding-bottom: 30px
}

header .menu-responsive>div .base .routes>ul li,
header .menu-responsive>div .base .subroutes>ul li {
  padding: 30px 0
}

header .menu-responsive>div .base .routes>ul li:not(:last-child):not(.inicio),
header .menu-responsive>div .base .subroutes>ul li:not(:last-child):not(.inicio) {
  border-bottom: 1px solid #efefef
}

header .menu-responsive>div .base .routes>ul li.inicio,
header .menu-responsive>div .base .subroutes>ul li.inicio {
  color: #9c9c9c;
  font-size: 14px;
  font-weight: 500;
  margin: 30px 0 0;
  padding: 0
}

header .menu-responsive>div .base .routes>ul li a,
header .menu-responsive>div .base .subroutes>ul li a {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 300;
  cursor: pointer;
  color: #484848
}

header .menu-responsive>div .base .routes>ul li a *,
header .menu-responsive>div .base .subroutes>ul li a * {
  pointer-events: none
}

header .menu-responsive>div .base .routes>ul li a span,
header .menu-responsive>div .base .subroutes>ul li a span {
  font-size: 14px;
  font-weight: 500
}

header .menu-responsive>div .base .routes>ul li a .material-icons,
header .menu-responsive>div .base .subroutes>ul li a .material-icons {
  font-size: 21px;
  color: #757575;
  margin-right: 10px
}

header .menu-responsive>div .base .routes>ul li a .material-icons.arrow,
header .menu-responsive>div .base .subroutes>ul li a .material-icons.arrow {
  position: absolute;
  right: 0;
  color: #c2c2c2;
  margin-right: 0
}

header .menu-responsive>div .base .routes>ul li a .material-icons:not(.arrow),
header .menu-responsive>div .base .subroutes>ul li a .material-icons:not(.arrow) {
  background-color: rgba(0, 169, 79, 0.15);
  color: #00bb31;
  display: block;
  line-height: 34px;
  width: 34px;
  border-radius: 50%;
  text-align: center
}

header .menu-responsive>div .base .routes>ul li .desc,
header .menu-responsive>div .base .subroutes>ul li .desc {
  font-size: 14px;
  color: #9c9c9c;
  padding-left: 44px;
  padding-right: 25px;
  display: block;
  font-weight: 300
}

header .menu-responsive>div .base .routes .opciones-login,
header .menu-responsive>div .base .subroutes .opciones-login {
  border-top: 1px solid #e0e0e0;
  padding-top: 15px;
  margin-top: 15px
}

header .menu-responsive>div .base .routes .opciones-login li a,
header .menu-responsive>div .base .subroutes .opciones-login li a {
  color: #484848;
  font-size: 14px;
  font-weight: 300
}

header .menu-responsive>div .base .subroutes {
  display: none
}

header .menu-responsive>div .base .subroutes p:not(.back-routes) {
  font-size: 14px;
  font-weight: 500
}

header .menu-responsive>div .base .subroutes .back-routes {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin: 30px 0;
  cursor: pointer
}

header .menu-responsive>div .base .subroutes .back-routes .material-icons {
  font-size: 21px;
  margin-right: 5px
}

header .menu-responsive>div .base .subroutes ul {
  border: 0;
  padding-top: 10px
}

header .menu-responsive>div .base .subroutes ul .agrupador span {
  color: #00bb31
}

header .menu-responsive>div .extra .navbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0
}

header .menu-responsive>div .extra .navbar p {
  font-size: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 56px
}

header .menu-responsive>div .extra .navbar .material-icons {
  cursor: pointer
}

header .menu-responsive>div .extra .categorias {
  padding: 10px 24px 74px 24px;
  list-style: none;
  overflow: auto;
  max-height: calc(100% - 57px);
  box-sizing: border-box
}

header .menu-responsive>div .extra .categorias .sub {
  font-size: 12px;
  color: #9c9c9c
}

header .menu-responsive>div .extra .categorias .titulo {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

header .menu-responsive>div .extra .categorias .titulo.digitales .material-icons {
  background-color: rgba(249, 151, 123, 0.15);
  color: #f8977a;
  line-height: 30px;
  width: 30px;
  font-size: 17px;
  border-radius: 50%;
  text-align: center;
  margin-right: 7px
}

header .menu-responsive>div .extra .categorias .titulo.giftcard .material-icons {
  background-color: rgba(252, 61, 132, 0.15);
  color: #fd3349;
  line-height: 30px;
  width: 30px;
  font-size: 17px;
  border-radius: 50%;
  text-align: center;
  margin-right: 7px
}

header .menu-responsive>div .extra .categorias .titulo.consumo .material-icons {
  background-color: rgba(120, 101, 232, 0.15);
  color: #7864e8;
  line-height: 30px;
  width: 30px;
  font-size: 17px;
  border-radius: 50%;
  text-align: center;
  margin-right: 7px
}

header .menu-responsive>div .extra .categorias .titulo .material-icons {
  color: #9c9c9c;
  transition: .25s
}

header .menu-responsive>div .extra .categorias .titulo .material-icons.opened {
  transform: rotate(90deg)
}

header .menu-responsive>div .extra .categorias .inst {
  font-size: 14px;
  color: #757575;
  margin-bottom: 15px;
  padding-top: 0;
  line-height: 20px;
  font-weight: 400
}

header .menu-responsive>div .extra .categorias>li {
  line-height: 28px;
  padding: 5px 0
}

header .menu-responsive>div .extra .categorias>li.option:not(:last-child) {
  border-bottom: 1px solid #efefef
}

header .menu-responsive>div .extra .categorias>li .sub-destacados,
header .menu-responsive>div .extra .categorias>li .subcategorias {
  display: none;
  list-style: none;
  margin-bottom: 10px
}

header .menu-responsive>div .extra .categorias>li .sub-destacados li,
header .menu-responsive>div .extra .categorias>li .subcategorias li {
  border-bottom: 0
}

header .menu-responsive>div .extra .categorias>li .sub-destacados li a,
header .menu-responsive>div .extra .categorias>li .subcategorias li a {
  line-height: 35px;
  font-weight: 400
}

header .menu-responsive>div .extra .categorias>li.digitales,
header .menu-responsive>div .extra .categorias>li.consumo,
header .menu-responsive>div .extra .categorias>li.giftcard {
  padding: 25px 0
}

header .menu-responsive>div .extra .categorias>li.digitales .inst,
header .menu-responsive>div .extra .categorias>li.consumo .inst,
header .menu-responsive>div .extra .categorias>li.giftcard .inst {
  line-height: 20px;
  display: block;
  margin-top: 5px;
  margin-bottom: 0;
  padding-right: 20px
}

header .menu-responsive>div .extra .categorias>li.digitales .subcategorias,
header .menu-responsive>div .extra .categorias>li.consumo .subcategorias,
header .menu-responsive>div .extra .categorias>li.giftcard .subcategorias {
  margin-top: 15px;
  margin-bottom: 0
}

header .menu-responsive>div .extra .categorias>li.link a {
  color: #00bb31
}

header .menu-responsive>div .extra .categorias>li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #484848;
  font-size: 14px;
  font-weight: 500;
  line-height: 54px
}

header .menu-responsive>div .extra .categorias>li a .material-icons {
  margin-right: 3px;
  color: #9c9c9c
}

header .menu-responsive>div .extra .categorias>li.divider {
  display: block;
  height: 1px;
  background-color: #efefef;
  width: 100%;
  padding: 0;
  margin: 20px 0
}

header .menu-responsive>div .extra .categorias>li.templateRecienteslink a {
  color: #00bb31
}

header .menu-responsive .logout {
  border-top: 1px solid #f7f7f7;
  display: block;
  padding: 20px 15px;
  color: #484848;
  font-size: 14px;
  font-weight: 300
}

header .menu-responsive .logout .material-icons {
  vertical-align: middle;
  margin-right: 7px
}

@media screen and (max-width:1540px) {
  header .zone-navigation .user-zone .menu>li .submenu .menu-categoria {
    column-count: 5
  }

  header .zone-navigation .user-zone .menu>li .submenu.subproductos .menu-categoria {
    height: 560px
  }
}

@media screen and (max-width:1336px) {
  header .zone-navigation .user-zone .menu>li .submenu .menu-categoria {
    column-count: 4
  }

  header .zone-navigation .user-zone .menu>li .submenu.subproductos .menu-categoria {
    height: 620px
  }
}

@media screen and (max-width:1180px) {
  header {
    flex-direction: column;
    align-items: center;
    padding: 0
  }

  header .container-logo {
    max-width: none;
    padding: 15px 20px;
    background-color: #f7f7f7;
    box-sizing: border-box
  }

  header .container-logo #logo img {
    margin-top: 0
  }

  header .container-logo .millas {
    display: flex;
    box-sizing: border-box
  }

  header .container-logo>div:not(.millas) {
    max-width: 300px;
    width: 100%;
    display: flex
  }

  header .container-logo>div:not(.millas) button {
    display: inline-block;
    line-height: 38px;
    text-align: center;
    font-size: 12px;
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 0;
    margin-left: 0
  }

  header .container-logo>div:not(.millas) button#registrar {
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #efefef;
    color: #00bb31;
    font-weight: 500
  }

  header .container-logo>div:not(.millas) button#ingresar {
    background-color: #00bb31;
    color: #fff
  }

  header .zone-user {
    display: none
  }

  header .zone-navigation {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 15px 20px;
    box-sizing: border-box;
    background-color: #fff
  }

  header .zone-navigation .burger-menu {
    display: block;
    color: #fff;
    background-color: #00bb31;
    line-height: 38px;
    min-width: 40px;
    border-radius: 5px;
    font-size: 18px;
    text-align: center;
    margin-right: 15px
  }

  header .zone-navigation .user-zone {
    display: none
  }

  header .zone-navigation .buscador {
    max-width: none;
    margin: 0
  }

  header .zone-navigation .buscador #cart-mobile {
    display: block;
    background: 0;
    position: relative;
    margin-left: 15px;
    display: flex;
    align-items: center;
    pointer-events: none
  }

  header .zone-navigation .buscador #cart-mobile .material-icons {
    vertical-align: middle;
    color: #9c9c9c;
    font-size: 21px;
    text-align: center;
    margin-right: 3px
  }

  header .zone-navigation .buscador #cart-mobile .count {
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    display: block;
    line-height: 22px;
    width: 22px;
    border-radius: 50%;
    color: #fff;
    background-color: #9c9c9c;
    text-align: center
  }

  header .zone-navigation .buscador #cart-mobile.active {
    pointer-events: initial
  }

  header .zone-navigation .buscador #cart-mobile.active .count {
    background-color: #00bb31
  }

  header .zone-navigation .buscador #cart-mobile.active .material-icons {
    color: #00bb31
  }

  header .zone-navigation .buscador label .placeholder.focus {
    top: 0
  }

  header .zone-navigation .buscador label #searchAll {
    border: 0;
    border-bottom: 1px solid #efefef;
    max-height: 40px;
    padding-top: 10px;
    border-radius: 0 !important;
    background-color: transparent !important
  }

  header .zone-navigation .buscador label #searchAll+.material-icons:not(.limpiar) {
    left: 0
  }

  header .buscador label #myList {
    top: 39px
  }
}

@media screen and (max-width:768px) {
  header .zone-navigation {
    z-index: 10
  }

  header .zone-navigation .buscador .filtros {
    display: block
  }
}

@media screen and (max-width:670px) {
  header .zone-navigation .buscador label>.loader {
    display: none
  }
}

@media screen and (max-width:600px) {
  header .container-logo>div:not(.millas) {
    margin-top: 20px
  }
}

@media screen and (max-width:500px) {
  header .navigation-zone img {
    width: 120px
  }

  header .navigation-zone .log-responsive {
    font-size: 11px
  }

  header .menu-responsive>div {
    width: 100%;
    max-width: none;
    transform: translateX(0) translateY(101%)
  }

  header .menu-responsive .user-zone p {
    font-size: 16px !important
  }

  header .menu-responsive .user-zone small {
    font-size: 12px !important
  }

  header .container-logo .millas {
    font-size: 12px
  }
}

@media screen and (max-width:400px) {
  header .container-logo #logo img {
    max-width: 120px
  }
}

@media screen and (max-width:1180px) {
  .back-submenu {
    display: none !important
  }
}

footer {
  background-color: transparent
}

footer .container-footer {
  max-width: 1440px;
  padding: 0 60px !important;
  box-sizing: border-box;
  flex-direction: column;
  margin: auto
}

footer .container-footer .enlaces {
  display: flex;
  align-items: flex-start;
  border-top: 1px solid #efefef;
  padding: 35px 0;
  width: 100%
}

@media screen and (max-width:900px) {
  footer .container-footer .enlaces {
    padding: 0
  }
}

footer .container-footer .enlaces .fila {
  list-style: none
}

@media screen and (max-width:900px) {
  footer .container-footer .enlaces .fila {
    padding: 16px 0;
    border-bottom: 1px solid #efefef
  }

  footer .container-footer .enlaces .fila .titulo .material-icons {
    display: block !important
  }
}

footer .container-footer .enlaces .fila li a {
  color: #757575;
  font-size: 17px;
  line-height: 28px;
  transition: .25s;
  text-decoration: none;
  display: block
}

footer .container-footer .enlaces .fila li a:hover {
  border: 0;
  color: #484848
}

footer .container-footer .enlaces .fila .titulo {
  color: #484848;
  font-weight: 500
}

footer .container-footer .enlaces .fila .titulo .material-icons {
  float: right;
  transition: .25s;
  pointer-events: none;
  display: none
}

footer .container-footer .enlaces .fila .titulo .material-icons.opened {
  transform: rotate(180deg)
}

footer .container-footer .enlaces .fila .titulo:hover {
  color: #484848 !important;
  text-decoration: none;
  border: 0
}

footer .container-footer .enlaces .fila .sub-fila {
  list-style: none;
  padding: 0
}

footer .container-footer .enlaces .fila .sub-fila li {
  text-decoration: none
}

footer .container-footer .enlaces .fila .sub-fila li a {
  font-weight: 400
}

@media screen and (max-width:900px) {
  footer .container-footer .enlaces .fila .sub-fila {
    display: none
  }
}

footer .container-footer .copy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-top: 1px solid #efefef;
  max-width: none !important
}

footer .container-footer .copy p {
  font-size: 13px;
  color: #c2c2c2
}

footer .container-footer .copy p img {
  height: 25px;
  margin: 0 10px
}

footer .container-footer .copy .copyMobile {
  display: none
}

footer .container-footer .copy a img {
  width: 50%
}

@media screen and (max-width:900px) {
  footer .container-footer .copy {
    text-align: center;
    margin-top: 20px
  }

  footer .container-footer .copy p {
    width: 100%
  }

  footer .container-footer .copy a {
    margin: auto;
    order: 1
  }

  footer .container-footer .copy .copyWeb {
    display: none
  }

  footer .container-footer .copy .copyMobile {
    display: block
  }
}

footer .container-footer>div:not(.copy) {
  display: flex;
  justify-content: space-between
}

footer .container-footer>div:not(.copy) .contacto {
  text-align: right;
  max-width: 325px
}

footer .container-footer>div:not(.copy) .contacto p {
  font-size: 16px;
  margin: 0
}

footer .container-footer>div:not(.copy) .contacto p a img {
  margin: 10px;
  height: 25px
}

@media screen and (max-width:900px) {
  footer .container-footer>div:not(.copy) .contacto p {
    text-align: left
  }

  footer .container-footer>div:not(.copy) .contacto p a img {
    margin-left: 0
  }
}

footer .container-footer>div:not(.copy) .contacto .redesMobile {
  display: none
}

footer .container-footer>div:not(.copy) .contacto * {
  color: #c2c2c2
}

@media screen and (max-width:900px) {
  footer .container-footer>div {
    flex-direction: column;
    align-items: flex-start !important
  }

  footer .container-footer>div .contacto {
    margin-top: 30px
  }

  footer .container-footer>div .contacto .redesWeb {
    display: none
  }

  footer .container-footer>div .contacto .redesMobile {
    display: block !important
  }

  footer .container-footer .enlaces {
    flex-direction: column
  }

  footer .container-footer .enlaces ul {
    width: 100% !important
  }
}

@media screen and (max-width:450px) {
  footer .container-footer {
    padding: 35px 25px !important
  }
}

footer .override-login {
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 30
}

footer .override-login .cont-login {
  width: 100%;
  max-width: 320px;
  height: 95%;
  max-height: 590px;
  position: relative;
  cursor: pointer;
  user-select: none;
  background-color: #fff;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.15)
}

footer .override-login .cont-login .close-modal {
  position: absolute;
  top: 15px;
  left: 275px;
  z-index: 1;
  cursor: pointer
}

footer .override-login .cont-login #iframe-login {
  width: 100%;
  height: 590px;
  border: 0
}

.cart-error-messages {
  display: flex;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  overflow: hidden;
  max-width: 760px;
  width: 100%
}

.cart-error-messages .material-icons:not(.close) {
  background-color: #ff5a5e;
  color: #fff;
  padding: 0 15px;
  display: flex;
  align-items: center;
  font-size: 18px
}

.cart-error-messages p {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: 300;
  padding: 15px;
  width: calc(100% - 110px)
}

.cart-error-messages .close {
  font-size: 16px;
  display: flex;
  align-items: center;
  color: #757575;
  cursor: pointer
}

@media screen and (max-width:1100px) {
  .cart-error-messages {
    max-width: none
  }
}

@media screen and (max-width:1000px) {
  .cart-error-messages {
    max-width: 582px;
    margin: auto
  }
}