'); } .flix-icon { display: inline-block; width: 28px; height: 28px; line-height: inherit; } .flix-icon--small { font-size: 28px; line-height: 28px; } .flix-icon--large { width: 50px; height: 50px; font-size: 50px; line-height: 50px; } .flix-table__wrap { display: inline-block; margin-bottom: 15px; padding: 21px 0; border: 1px solid #e1e1e1; border-radius: 5px; } .flix-table { border-collapse: separate; border-spacing: 30px 0; } .flix-table__header th, .flix-table__header td { font-weight: 700; } .flix-table tr:last-child td { border-bottom: 0; } .flix-text h1--section-header, .flix-h1--section-header, .flix-text h2--section-header, .flix-h2--section-header, .flix-text h3--section-header, .flix-h3--section-header, .flix-text h4--section-header, .flix-h4--section-header { padding-top: 0; } .flix-table__header th, .flix-table__header td, .flix-table td { padding: 9px 0; text-align: left; border-bottom: 1px solid #e1e1e1; } .flix-fieldset { margin: 0; padding: 0; border: 0; } .flix-fieldset .flix-fieldset__item { margin-top: 8px; margin-bottom: 0; } .flix-legend { display: block; line-height: inherit; padding-bottom: 2px; color: #757575; font-family: "Roboto Condensed", "Arial", sans-serif; font-size: 16px; font-weight: 300; } .flix-control { position: relative; display: block; width: 100%; margin-bottom: 30px; } @media (min-width: 1201px) { .flix-control { margin-bottom: 15px; } } .flix-control--small { width: 50%; } .flix-label { position: absolute; top: -6px; left: 10px; display: block; padding: 0 5px; line-height: 1em; color: #444; font-family: "Roboto Condensed", "Arial", sans-serif; font-size: 14px; font-weight: 300; background: #fff; z-index: 1; } @media (min-width: 1201px) { .flix-label { position: static; top: auto; left: auto; padding: 0 0 2px; line-height: 1.375em; color: #757575; font-size: 16px; background: transparent; } } .flix-label--required:after { content: '*'; display: inline; } .flix-btn { appearance: none; position: relative; display: inline-block; width: 100%; padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px; min-height: 36px; min-width: 145px; line-height: 24px; font-family: "Roboto Condensed", "Arial", sans-serif; font-size: 18px; font-weight: 400; text-decoration: none; border: 0; border-radius: 5px; cursor: pointer; text-align: center; } @media (min-width: 601px) { .flix-btn { width: auto; } } @media (min-width: 1201px) { .flix-btn { padding-top: 6px; padding-bottom: 6px; } } .flix-btn--primary { background: #ffad00; color: #fff; border: 0; } .flix-btn--primary:hover { background: #ff9800; color: #fff; text-decoration: none; } .flix-btn--secondary { background: #73d700; color: #fff; border: 0; } .flix-btn--secondary:hover { background: #5cac00; color: #fff; text-decoration: none; } .flix-btn--tertiary { padding-top: 9px; padding-bottom: 9px; background: transparent; color: #73d700; border: 1px solid #73d700; } @media (min-width: 1201px) { .flix-btn--tertiary { padding-top: 5px; padding-bottom: 5px; } } .flix-btn--tertiary:hover { background-color: #73d700; color: #fff; text-decoration: none; } .flix-btn--icon { position: relative; width: 25px; height: 25px; display: block; background: #8b8b8b; border-radius: 13px; cursor: pointer; } .flix-btn--icon:after { content: '\E80C'; font-family: "flixfont"; font-size: 10px; color: #fff; left: 50%; top: 50%; margin-left: -5px; margin-top: -10px; position: absolute; } .flix-btn--disabled { background: #c8c8c8; color: #fff; border: 0; } .flix-btn--disabled:hover { color: #fff; text-decoration: none; } .flix-btn + .flix-btn { margin-top: 15px; } @media (min-width: 601px) { .flix-btn + .flix-btn { margin-top: 0; margin-left: 15px; } } .flix-btn-arrow { position: relative; min-height: 0; display: inline-block; padding: 0 15px 0 0; line-height: 24px; font-size: 18px; font-weight: 400; color: #757575; cursor: pointer; } .flix-btn-arrow:hover, .flix-btn-arrow:focus, .flix-btn-arrow:active { text-decoration: underline; } .flix-btn-arrow::before, .flix-btn-arrow::after { position: absolute; top: 1px; color: #8b8b8b; font-family: "flixfont"; font-size: 12px; } .flix-btn-arrow::after { right: 0; content: '\E804'; } .flix-btn-arrow--back { padding: 0 0 0 15px; } .flix-btn-arrow--back::after { content: ''; } .flix-btn-arrow--back::before { left: 0; content: '\E803'; } .flix-btn-arrow--strong { color: #ffad00; } .flix-btn-arrow--strong::before, .flix-btn-arrow--strong::after { color: #ffad00; } .flix-input { appearance: none; position: relative; width: 100%; padding: 0 15px; height: 44px; line-height: 44px; font-family: "Roboto Condensed", "Arial", sans-serif; text-overflow: ellipsis; color: #444; background-color: #fff; border-radius: 5px; border: 1px solid #c8c8c8; } .flix-input.placeholder { color: #757575; font-style: italic; } .flix-input:-moz-placeholder { color: #757575; font-style: italic; } .flix-input::-moz-placeholder { color: #757575; font-style: italic; } .flix-input:-ms-input-placeholder { color: #757575; font-style: italic; } .flix-input::-webkit-input-placeholder { color: #757575; font-style: italic; } @media (min-width: 1201px) { .flix-input { height: 36px; line-height: 36px; } } .flix-input:focus, .flix-input--active { border: 1px solid #757575; outline: none; } .flix-input[disabled], .flix-input--disabled { opacity: .5; } .flix-input--valid { padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-position: right 15px center; background-repeat: no-repeat; background-size: 15px; } .flix-input--error { padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-position: right 15px center; background-repeat: no-repeat; background-size: 4px; border: 1px solid #ff5700; } .flix-select { appearance: none; position: relative; width: 100%; padding: 0 15px; height: 44px; line-height: 44px; font-family: "Roboto Condensed", "Arial", sans-serif; text-overflow: ellipsis; color: #444; background-color: #fff; border-radius: 5px; border: 1px solid #c8c8c8; background-color: transparent; background-image: url('data:image/svg+xml;utf8,'); background-position: right 15px center; background-repeat: no-repeat; background-size: 10px; outline: 0; padding-right: 40px; } .flix-select.placeholder { color: #757575; font-style: italic; } .flix-select:-moz-placeholder { color: #757575; font-style: italic; } .flix-select::-moz-placeholder { color: #757575; font-style: italic; } .flix-select:-ms-input-placeholder { color: #757575; font-style: italic; } .flix-select::-webkit-input-placeholder { color: #757575; font-style: italic; } @media (min-width: 1201px) { .flix-select { height: 36px; line-height: 36px; } } .flix-select:hover, .flix-select:active, .flix-select:focus { outline: 0; } .flix-select:focus, .flix-select--active { border: 1px solid #757575; outline: none; } .flix-select[disabled], .flix-select--disabled { opacity: .5; } .flix-select--valid { background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'); background-position: right 15px center, right 35px center; background-repeat: no-repeat; background-size: 10px, 15px; } .flix-select--error { background-image: url('data:image/svg+xml;utf8,'), url('data:image/svg+xml;utf8,'); background-position: right 15px center, right 35px center; background-repeat: no-repeat; background-size: 10px, 4px; border: 1px solid #ff5700; } .flix-select ::-ms-expand { display: none; } .flix-quantity { display: flex; align-items: center; justify-content: space-between; } .flix-quantity__label { align-self: center; min-width: 150px; font-size: 16px; font-weight: 700; line-height: 18px; } .flix-quantity__label small { display: block; font-size: 14px; font-weight: 300; } .flix-quantity__picker { display: flex; align-items: stretch; } .flix-quantity__picker--active .flix-quantity__input { border: 1px solid #757575; } .flix-quantity__picker--disabled .flix-quantity__input, .flix-quantity__picker--disabled .flix-quantity__button { opacity: .5; } .flix-quantity__picker--error .flix-quantity__input { border: 1px solid #ff5700; } .flix-quantity__input { align-self: center; appearance: none; position: relative; width: 100%; padding: 0 15px; height: 44px; line-height: 44px; font-family: "Roboto Condensed", "Arial", sans-serif; text-overflow: ellipsis; color: #444; background-color: #fff; border-radius: 5px; border: 1px solid #c8c8c8; width: 60px; text-align: center; -moz-appearance: textfield; } .flix-quantity__input.placeholder { color: #757575; font-style: italic; } .flix-quantity__input:-moz-placeholder { color: #757575; font-style: italic; } .flix-quantity__input::-moz-placeholder { color: #757575; font-style: italic; } .flix-quantity__input:-ms-input-placeholder { color: #757575; font-style: italic; } .flix-quantity__input::-webkit-input-placeholder { color: #757575; font-style: italic; } @media (min-width: 1201px) { .flix-quantity__input { height: 36px; line-height: 36px; } } .flix-quantity__input::-webkit-inner-spin-button, .flix-quantity__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .flix-quantity__input:focus { border: 1px solid #757575; } .flix-quantity__button { width: 31px; padding: 0; color: #8b8b8b; background: transparent; border: 0; } .flix-quantity__button--disabled { opacity: .5; cursor: not-allowed; } .flix-quantity__button:after, .flix-quantity__button:before { font-family: "flixfont"; } .flix-quantity__button--minus { padding-right: 15px; } .flix-quantity__button--minus:after { content: '\E80C'; } .flix-quantity__button--plus { padding-left: 15px; } .flix-quantity__button--plus:after { content: '\E80D'; } .flix-checkbox { position: absolute; top: 3px; } .flix-checkbox-label { display: block; padding-left: 30px; } .flix-radio { position: absolute; top: 3px; } .flix-radio-label { display: block; padding-left: 30px; } .flix-switch { position: relative; display: inline-block; width: 40px; height: 5px; margin: 0 0 7px; } .flix-switch input { display: none; } .flix-switch input:checked + .flix-switch__slider { background-color: #ffad00; } .flix-switch input:focus + .flix-switch__slider { box-shadow: 0 0 1px #ffad00; } .flix-switch input:checked + .flix-switch__slider:before { transform: translateX(18px); } .flix-switch__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #c8c8c8; transition: .4s; border-radius: 2.5px; } .flix-switch__slider:before { position: absolute; content: ''; height: 22px; width: 22px; left: 0; top: 50%; margin-top: -11px; background-color: #fff; border: 1px solid #e1e1e1; transition: .4s; border-radius: 50%; } .flix-textarea { appearance: none; position: relative; width: 100%; padding: 10px 15px; min-height: 118px; vertical-align: top; font-family: "Roboto Condensed", "Arial", sans-serif; font-size: 16px; color: #444; background-color: #fff; border-radius: 5px; border: 1px solid #c8c8c8; } .flix-textarea.placeholder { color: #757575; font-style: italic; } .flix-textarea:-moz-placeholder { color: #757575; font-style: italic; } .flix-textarea::-moz-placeholder { color: #757575; font-style: italic; } .flix-textarea:-ms-input-placeholder { color: #757575; font-style: italic; } .flix-textarea::-webkit-input-placeholder { color: #757575; font-style: italic; } @media (min-width: 1201px) { .flix-textarea { padding: 5px 15px; min-height: 111px; } } .flix-textarea:focus, .flix-textarea--active { color: #444; border: 1px solid #757575; outline: none; } .flix-textarea[disabled], .flix-textarea--disabled { opacity: .5; } .flix-textarea--valid { padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-position: right 15px top 10px; background-repeat: no-repeat; background-size: 15px; } .flix-textarea--error { padding-right: 30px; background-image: url('data:image/svg+xml;utf8,'); background-position: right 15px top 8px; background-repeat: no-repeat; background-size: 4px; border: 1px solid #ff5700; } .flix-element-has-tooltip { position: relative; } .flix-element-has-tooltip:before, .flix-element-has-tooltip:after { display: none; } .flix-element-has-tooltip:before { content: attr(data-tooltip); position: absolute; left: 100%; top: 50%; min-width: 150px; min-height: 44px; margin-left: 15px; padding: 15px; background: #fff; color: #444; font-family: "Roboto Condensed", "Arial", sans-serif; font-weight: 400; font-size: 16px; text-align: center; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); z-index: 10; transform: translateY(-50%); } .flix-element-has-tooltip:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -6px; margin-left: 8px; width: 14px; height: 14px; background: #fff; box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.1); z-index: 11; transform: rotate(45deg); } .flix-element-has-tooltip--error:before, .flix-element-has-tooltip--error:after { background: #ff5700; color: #fff; } .flix-element-has-tooltip--left:before { left: auto; right: 100%; margin-left: 0; margin-right: 15px; } .flix-element-has-tooltip--left:after { left: auto; right: 100%; margin-left: 0; margin-right: 8px; box-shadow: 3px -3px 5px rgba(0, 0, 0, 0.1); } .flix-element-has-tooltip--top:before { top: auto; left: 50%; bottom: 100%; margin-left: 0; margin-bottom: 15px; transform: translateY(0%) translateX(-50%); } .flix-element-has-tooltip--top:after { top: auto; left: 50%; bottom: 100%; margin-top: 0; margin-left: -6px; margin-bottom: 8px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); } .flix-element-has-tooltip--bottom:before { top: 100%; left: 50%; margin-left: 0; margin-top: 15px; transform: translateY(0%) translateX(-50%); } .flix-element-has-tooltip--bottom:after { top: 100%; left: 50%; margin-top: 8px; margin-left: -6px; box-shadow: -3px -3px 5px rgba(0, 0, 0, 0.1); } .flix-element-has-tooltip:hover:before, .flix-element-has-tooltip:hover:after, .flix-element-has-tooltip:focus:before, .flix-element-has-tooltip:focus:after, .flix-element-has-tooltip--active:before, .flix-element-has-tooltip--active:after { display: block; } [type='range'] { appearance: none; margin: 11px 0; width: 100%; } [type='range']:focus { outline: 0; } [type='range']:focus::-webkit-slider-runnable-track { background: #ffb51a; } [type='range']:focus::-ms-fill-lower { background: #ffad00; } [type='range']:focus::-ms-fill-upper { background: #ffb51a; } [type='range']::-webkit-slider-runnable-track { cursor: pointer; height: 5px; transition: all .2s ease; width: 100%; background: #ffad00; border: 0px solid #ffad00; border-radius: 2.5px; } [type='range']::-webkit-slider-thumb { background: #fff; border: 1px solid #e1e1e1; border-radius: 11px; cursor: pointer; height: 22px; width: 22px; -webkit-appearance: none; margin-top: -8.5px; } [type='range']::-moz-range-track { cursor: pointer; height: 5px; transition: all .2s ease; width: 100%; background: #ffad00; border: 0px solid #ffad00; border-radius: 2.5px; } [type='range']::-moz-range-thumb { background: #fff; border: 1px solid #e1e1e1; border-radius: 11px; cursor: pointer; height: 22px; width: 22px; } [type='range']::-ms-track { cursor: pointer; height: 5px; transition: all .2s ease; width: 100%; background: transparent; border-color: transparent; border-width: 11px 0; color: transparent; } [type='range']::-ms-fill-lower { background: #e69c00; border: 0px solid #ffad00; border-radius: 5px; } [type='range']::-ms-fill-upper { background: #ffad00; border: 0px solid #ffad00; border-radius: 5px; } [type='range']::-ms-thumb { background: #fff; border: 1px solid #e1e1e1; border-radius: 11px; cursor: pointer; height: 22px; width: 22px; margin-top: 0; } .flix-range-slider { position: relative; height: 22px; text-align: center; } .flix-range-slider input { pointer-events: none; position: absolute; overflow: hidden; left: 0; top: 0; height: 22px; outline: none; margin: 0; padding: 0; } .flix-range-slider input::-webkit-slider-thumb { pointer-events: all; position: relative; z-index: 1; outline: 0; } .flix-range-slider input::-moz-range-thumb { pointer-events: all; position: relative; z-index: 10; appearance: none; } .flix-range-slider input::-moz-range-track { position: relative; z-index: -1; border: 0; } .flix-range-slider input:last-of-type::-moz-range-track { appearance: none; background: none transparent; border: 0; } .flix-range-slider [type=range]::-moz-focus-outer { border: 0; } .flix-main-nav { margin: 0; background: #73d700; } .flix-main-nav__items { display: flex; align-items: center; margin: 0; padding: 0; height: 60px; } .flix-main-nav__item { position: relative; display: flex; align-items: center; padding-right: 40px; height: 60px; } .flix-main-nav__item:last-child { padding-right: 0; } .flix-main-nav__link, .flix-main-nav__link:focus, .flix-main-nav__link:hover { position: relative; display: inline-block; overflow: hidden; height: 60px; max-width: 145px; text-overflow: ellipsis; white-space: nowrap; line-height: 60px; color: #fff; font-size: 16px; font-weight: 400; text-decoration: none; cursor: pointer; vertical-align: middle; } .flix-main-nav__link:hover:before, .flix-main-nav__link--active:before { content: ''; position: absolute; bottom: 0; display: block; width: 100%; border-bottom: 4px solid #fff; } .flix-main-nav__item--has-subnav .flix-main-nav__link { padding-right: 14px; } .flix-main-nav__item--has-subnav .flix-main-nav__link:after { padding-left: 2px; position: absolute; top: 1px; color: #fff; font-family: "flixfont"; font-size: 12px; content: "\E801"; } .flix-main-nav__subnav { display: none; position: absolute; top: 100%; left: 50%; width: 250px; margin-top: -10px; margin-left: -135px; padding: 20px 0; background: #fff; z-index: 10; border-radius: 5px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); list-style: none; } .flix-main-nav__subnav:before { display: block; content: ''; position: absolute; left: 50%; top: -5px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; } .flix-main-nav__item:hover .flix-main-nav__subnav { display: block; } .flix-main-nav__subnav__item--parent, .flix-main-nav__subnav__item--go-back { display: none; } .flix-main-nav__subnav__link, .flix-main-nav__subnav__link:focus, .flix-main-nav__subnav__link:hover { position: relative; display: inline-block; width: 100%; padding: 5px 30px; color: #444; font-size: 16px; font-weight: 400; text-decoration: none; cursor: pointer; } .flix-main-nav__subnav__link:hover { padding-left: 26px; border-left: 4px solid #ffad00; } .flix-nav-horizontal { margin: 0; padding: 0; margin-bottom: 30px; } .flix-nav-horizontal--centered { text-align: center; } .flix-nav-horizontal--right { text-align: right; } .flix-nav-horizontal--left { text-align: left; } .flix-nav-horizontal__items { padding: 0; display: flex; align-items: flex-end; } .flix-nav-horizontal__item { position: relative; max-width: 50%; padding: 4px 0; list-style-type: none; text-align: center; } .flix-nav-horizontal__item:after { content: ''; position: absolute; right: 0; bottom: 8px; display: inline-block; height: 16px; margin-top: -8px; border-left: 1px solid #e1e1e1; } .flix-nav-horizontal__item:last-child:after { display: none; } .flix-nav-horizontal__item:hover:before, .flix-nav-horizontal__item--active:before { content: ''; position: absolute; top: 100%; left: 0; right: 0; display: block; height: 0; border-bottom: 4px solid #ffad00; } .flix-nav-horizontal__item:hover .flix-nav-horizontal__link, .flix-nav-horizontal__item--active .flix-nav-horizontal__link { color: #ffad00; } .flix-nav-horizontal__link { display: inline-block; width: 100%; padding: 0px 15px; font-weight: 400; font-size: 16px; color: #444; text-decoration: none; cursor: pointer; } .flix-nav-horizontal__link:hover, .flix-nav-horizontal__link:active, .flix-nav-horizontal__link:focus { text-decoration: none; } .flix-nav-side, .flix-nav-side__subnav { margin: 0; padding: 0; position: relative; } .flix-nav-side--left { margin-left: -15px; } .flix-nav-side--centered { text-align: center; } .flix-nav-side__item, .flix-nav-side__subnav__item { position: relative; display: block; } .flix-nav-side__link, .flix-nav-side__subnav__link { position: relative; display: inline-block; width: 100%; padding: 5px 15px; font-weight: 400; font-size: 16px; color: #444; text-decoration: none; cursor: pointer; } .flix-nav-side__link:hover, .flix-nav-side__subnav__link:hover, .flix-nav-side__link:active, .flix-nav-side__subnav__link:active, .flix-nav-side__link:focus, .flix-nav-side__subnav__link:focus { color: #ffad00; text-decoration: none; padding: 5px 15px 5px 11px; border-left: 4px solid #ffad00; } .flix-nav-side__link--active { padding: 5px 15px 5px 11px; border-left: 4px solid #ffad00; color: #ffad00; } .flix-nav-side__link--has-subnav { padding-right: 14px; } .flix-nav-side__link--has-subnav:after { padding-left: 2px; color: #757575; font-family: "flixfont"; font-size: 12px; content: "\E801"; } .flix-nav-side__subnav { padding-left: 15px; } .flix-nav-side__subnav__link--active { color: #ffad00; } .flix-header { position: fixed; top: 0; width: 100%; height: 60px; background: #73d700; -webkit-font-smoothing: subpixel-antialiased; z-index: 1000; } .flix-header--unfixed { position: static; } .flix-header__inner { display: flex; flex-wrap: wrap; align-items: center; min-width: 320px; max-width: 1200px; height: 60px; margin: 0 auto; padding: 0 15px; } .flix-header-logo { flex: 1 1 span(12); max-width: span(12); margin-right: 0; } @media (min-width: 1024px) { .flix-header-logo { flex: 1 1 span(2); max-width: span(2); margin-right: gutter(); } } .flix-header-logo__link { display: block; } .flix-header-logo__img { display: block; height: 22px; } .flix-header-menu { flex: 1 1 span(12); max-width: span(12); margin-right: 0; } @media (min-width: 1024px) { .flix-header-menu { flex: 1 1 span(10); max-width: span(10); margin-right: 0; } } .flix-header-menu--desktop-only { display: none; } @media (min-width: 1024px) { .flix-header-menu--desktop-only { display: block; } } .flix-box { background: #fff; margin-bottom: 15px; padding: 15px; border: 1px solid #e1e1e1; border-radius: 5px; } @media (min-width: 601px) { .flix-box { padding: 30px; } } .flix-box--highlighted { border: 0; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .flix-notification { position: relative; padding: 15px 60px; margin: 15px 0; width: 100%; border-radius: 5px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); text-align: center; font-size: 16px; line-height: 22px; font-weight: 700; } .flix-notification::before { position: absolute; left: 15px; top: 50%; margin-top: -10.5px; color: #8b8b8b; content: '\E800'; font-family: "flixfont"; font-size: 25px; } .flix-notification--error::before { content: '\E800'; color: #ff5700; } .flix-notification--success::before { content: '\E808'; color: #73d700; } .flix-notification__close { position: absolute; right: 10px; top: 50%; margin-top: -14px; cursor: pointer; } .flix-popup { position: fixed; top: 50%; left: 50%; width: 330px; max-width: 100%; padding: 30px; transform: translateY(-50%) translateX(-50%); background: #fff; border-radius: 5px; z-index: 1100; text-align: center; } @media (min-width: 768px) { .flix-popup { width: 600px; padding: 60px; } } .flix-popup__icon { padding-bottom: 15px; } .flix-popup__title { margin: 0; padding-bottom: 15px; font-size: 28px; line-height: 34px; color: #444; font-weight: 700; } .flix-popup__content { padding-bottom: 15px; } .flix-popup__actions { display: flex; justify-content: center; flex-wrap: wrap; flex-direction: row-reverse; } @media (min-width: 768px) { .flix-popup__actions .flix-btn + .flix-btn { margin-left: 0; margin-right: 15px; } } .flix-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .25; z-index: 1099; } @media (min-width: 0) and (max-width: 600px) { .hidden-xs { display: none; } } @media (min-width: 601px) and (max-width: 767px) { .hidden-sm { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .hidden-md { display: none; } } @media (min-width: 1024px) and (max-width: 1200px) { .hidden-lg { display: none; } } @media (min-width: 1201px) { .hidden-xl { display: none; } } @font-face { font-family: 'flixfont'; src: url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.1652a1fd.eot); src: url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.1652a1fd.eot#iefix) format("embedded-opentype"), url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.c4ada7fb.woff2) format("woff2"), url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.c1a381cf.woff) format("woff"), url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.b69f2cdc.ttf) format("truetype"), url(https://d11mb9zho2u7hy.cloudfront.net/current/static/media/flixfont.22971e27.svg#flixfont) format("svg"); font-weight: normal; font-style: normal; } [class^='flix-icon-']:before, [class*=' flix-icon-']:before { font-family: 'flixfont'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flix-icon-attention:before { content: '\E800'; } /* 'î €' */ .flix-icon-arrow-bottom:before { content: '\E801'; } /* 'î ' */ .flix-icon-info:before { content: '\E802'; } /* 'î ‚' */ .flix-icon-arrow-left:before { content: '\E803'; } /* 'î ƒ' */ .flix-icon-arrow-right:before { content: '\E804'; } /* 'î „' */ .flix-icon-time:before { content: '\E805'; } /* 'î …' */ .flix-icon-arrow-top:before { content: '\E806'; } /* 'î †' */ .flix-icon-burger:before { content: '\E807'; } /* 'î ‡' */ .flix-icon-checkmark:before { content: '\E808'; } /* 'î ˆ' */ .flix-icon-close:before { content: '\E809'; } /* 'î ‰' */ .flix-icon-filter:before { content: '\E80A'; } /* 'î Š' */ .flix-icon-magnifier:before { content: '\E80B'; } /* 'î ‹' */ .flix-icon-minus:before { content: '\E80C'; } /* 'î Œ' */ .flix-icon-plus:before { content: '\E80D'; } /* 'î ' */ .flix-icon-switch_vertical:before { content: '\E80E'; } /* 'î Ž' */ .flix-icon-switch:before { content: '\E80F'; } /* 'î ' */ .flix-icon-visible:before { content: '\E810'; } /* 'î ' */ .flix-icon-warning:before { content: '\E811'; } /* 'î ‘' */ .search-mask__trip-location-picker, .search-mask__departure-date-picker, .search-mask__responsive-popup-footer, .search-mask__return-date-picker, .search-mask__trip-product-picker { /* ========================================================================== Normalize.scss settings ========================================================================== */ /** * Includes legacy browser support IE6/7 * * Set to false if you want to drop support for IE6 and IE7 */ /* Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. */ /** * Remove default margin. */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ /** * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /** * Prevents modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ /** * Improve readability of focused elements when they are also in an * active/hover state. */ /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /** * Address styling not present in Safari and Chrome. */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ /** * Addresses styling not present in IE 8/9. */ /** * Address inconsistent and variable font size in all browsers. */ /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* Embedded content ========================================================================== */ /** * 1. Remove border when inside `a` element in IE 8/9/10. * 2. Improves image quality when scaled in IE 7. */ /** * Correct overflow not hidden in IE 9/10/11. */ /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ /** * Address differences between Firefox and other browsers. */ /** * Contain overflow in all browsers. */ /** * Address odd `em`-unit font size rendering in all browsers. * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. * 4. Improves appearance and consistency in all browsers. */ /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Removes inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ /** * Re-set default cursor for disabled elements. */ /** * Remove inner padding and border in Firefox 4+. */ /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. * Known issue: excess padding remains in IE 6. */ /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ /** * Define consistent border, margin, and padding. */ /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. * 3. Corrects text not wrapping in Firefox 3. * 4. Corrects alignment displayed oddly in IE 6/7. */ /** * Remove default vertical scrollbar in IE 8/9/10/11. */ /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ } .search-mask__trip-location-picker html, .search-mask__departure-date-picker html, .search-mask__responsive-popup-footer html, .search-mask__return-date-picker html, .search-mask__trip-product-picker html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } .search-mask__trip-location-picker body, .search-mask__departure-date-picker body, .search-mask__responsive-popup-footer body, .search-mask__return-date-picker body, .search-mask__trip-product-picker body { margin: 0; } .search-mask__trip-location-picker article, .search-mask__trip-location-picker aside, .search-mask__trip-location-picker details, .search-mask__trip-location-picker figcaption, .search-mask__trip-location-picker figure, .search-mask__trip-location-picker footer, .search-mask__trip-location-picker header, .search-mask__trip-location-picker hgroup, .search-mask__trip-location-picker main, .search-mask__trip-location-picker menu, .search-mask__trip-location-picker nav, .search-mask__trip-location-picker section, .search-mask__trip-location-picker summary, .search-mask__departure-date-picker article, .search-mask__departure-date-picker aside, .search-mask__departure-date-picker details, .search-mask__departure-date-picker figcaption, .search-mask__departure-date-picker figure, .search-mask__departure-date-picker footer, .search-mask__departure-date-picker header, .search-mask__departure-date-picker hgroup, .search-mask__departure-date-picker main, .search-mask__departure-date-picker menu, .search-mask__departure-date-picker nav, .search-mask__departure-date-picker section, .search-mask__departure-date-picker summary, .search-mask__responsive-popup-footer article, .search-mask__responsive-popup-footer aside, .search-mask__responsive-popup-footer details, .search-mask__responsive-popup-footer figcaption, .search-mask__responsive-popup-footer figure, .search-mask__responsive-popup-footer footer, .search-mask__responsive-popup-footer header, .search-mask__responsive-popup-footer hgroup, .search-mask__responsive-popup-footer main, .search-mask__responsive-popup-footer menu, .search-mask__responsive-popup-footer nav, .search-mask__responsive-popup-footer section, .search-mask__responsive-popup-footer summary, .search-mask__return-date-picker article, .search-mask__return-date-picker aside, .search-mask__return-date-picker details, .search-mask__return-date-picker figcaption, .search-mask__return-date-picker figure, .search-mask__return-date-picker footer, .search-mask__return-date-picker header, .search-mask__return-date-picker hgroup, .search-mask__return-date-picker main, .search-mask__return-date-picker menu, .search-mask__return-date-picker nav, .search-mask__return-date-picker section, .search-mask__return-date-picker summary, .search-mask__trip-product-picker article, .search-mask__trip-product-picker aside, .search-mask__trip-product-picker details, .search-mask__trip-product-picker figcaption, .search-mask__trip-product-picker figure, .search-mask__trip-product-picker footer, .search-mask__trip-product-picker header, .search-mask__trip-product-picker hgroup, .search-mask__trip-product-picker main, .search-mask__trip-product-picker menu, .search-mask__trip-product-picker nav, .search-mask__trip-product-picker section, .search-mask__trip-product-picker summary { display: block; } .search-mask__trip-location-picker audio, .search-mask__trip-location-picker canvas, .search-mask__trip-location-picker progress, .search-mask__trip-location-picker video, .search-mask__departure-date-picker audio, .search-mask__departure-date-picker canvas, .search-mask__departure-date-picker progress, .search-mask__departure-date-picker video, .search-mask__responsive-popup-footer audio, .search-mask__responsive-popup-footer canvas, .search-mask__responsive-popup-footer progress, .search-mask__responsive-popup-footer video, .search-mask__return-date-picker audio, .search-mask__return-date-picker canvas, .search-mask__return-date-picker progress, .search-mask__return-date-picker video, .search-mask__trip-product-picker audio, .search-mask__trip-product-picker canvas, .search-mask__trip-product-picker progress, .search-mask__trip-product-picker video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } .search-mask__trip-location-picker audio:not([controls]), .search-mask__departure-date-picker audio:not([controls]), .search-mask__responsive-popup-footer audio:not([controls]), .search-mask__return-date-picker audio:not([controls]), .search-mask__trip-product-picker audio:not([controls]) { display: none; height: 0; } .search-mask__trip-location-picker [hidden], .search-mask__trip-location-picker template, .search-mask__departure-date-picker [hidden], .search-mask__departure-date-picker template, .search-mask__responsive-popup-footer [hidden], .search-mask__responsive-popup-footer template, .search-mask__return-date-picker [hidden], .search-mask__return-date-picker template, .search-mask__trip-product-picker [hidden], .search-mask__trip-product-picker template { display: none; } .search-mask__trip-location-picker a, .search-mask__departure-date-picker a, .search-mask__responsive-popup-footer a, .search-mask__return-date-picker a, .search-mask__trip-product-picker a { background-color: transparent; } .search-mask__trip-location-picker a:active, .search-mask__trip-location-picker a:hover, .search-mask__departure-date-picker a:active, .search-mask__departure-date-picker a:hover, .search-mask__responsive-popup-footer a:active, .search-mask__responsive-popup-footer a:hover, .search-mask__return-date-picker a:active, .search-mask__return-date-picker a:hover, .search-mask__trip-product-picker a:active, .search-mask__trip-product-picker a:hover { outline: 0; } .search-mask__trip-location-picker abbr[title], .search-mask__departure-date-picker abbr[title], .search-mask__responsive-popup-footer abbr[title], .search-mask__return-date-picker abbr[title], .search-mask__trip-product-picker abbr[title] { border-bottom: 1px dotted; } .search-mask__trip-location-picker b, .search-mask__trip-location-picker strong, .search-mask__departure-date-picker b, .search-mask__departure-date-picker strong, .search-mask__responsive-popup-footer b, .search-mask__responsive-popup-footer strong, .search-mask__return-date-picker b, .search-mask__return-date-picker strong, .search-mask__trip-product-picker b, .search-mask__trip-product-picker strong { font-weight: bold; } .search-mask__trip-location-picker dfn, .search-mask__departure-date-picker dfn, .search-mask__responsive-popup-footer dfn, .search-mask__return-date-picker dfn, .search-mask__trip-product-picker dfn { font-style: italic; } .search-mask__trip-location-picker h1, .search-mask__departure-date-picker h1, .search-mask__responsive-popup-footer h1, .search-mask__return-date-picker h1, .search-mask__trip-product-picker h1 { font-size: 2em; margin: 0.67em 0; } .search-mask__trip-location-picker mark, .search-mask__departure-date-picker mark, .search-mask__responsive-popup-footer mark, .search-mask__return-date-picker mark, .search-mask__trip-product-picker mark { background: #ff0; color: #000; } .search-mask__trip-location-picker small, .search-mask__departure-date-picker small, .search-mask__responsive-popup-footer small, .search-mask__return-date-picker small, .search-mask__trip-product-picker small { font-size: 80%; } .search-mask__trip-location-picker sub, .search-mask__trip-location-picker sup, .search-mask__departure-date-picker sub, .search-mask__departure-date-picker sup, .search-mask__responsive-popup-footer sub, .search-mask__responsive-popup-footer sup, .search-mask__return-date-picker sub, .search-mask__return-date-picker sup, .search-mask__trip-product-picker sub, .search-mask__trip-product-picker sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .search-mask__trip-location-picker sup, .search-mask__departure-date-picker sup, .search-mask__responsive-popup-footer sup, .search-mask__return-date-picker sup, .search-mask__trip-product-picker sup { top: -0.5em; } .search-mask__trip-location-picker sub, .search-mask__departure-date-picker sub, .search-mask__responsive-popup-footer sub, .search-mask__return-date-picker sub, .search-mask__trip-product-picker sub { bottom: -0.25em; } .search-mask__trip-location-picker img, .search-mask__departure-date-picker img, .search-mask__responsive-popup-footer img, .search-mask__return-date-picker img, .search-mask__trip-product-picker img { border: 0; } .search-mask__trip-location-picker svg:not(:root), .search-mask__departure-date-picker svg:not(:root), .search-mask__responsive-popup-footer svg:not(:root), .search-mask__return-date-picker svg:not(:root), .search-mask__trip-product-picker svg:not(:root) { overflow: hidden; } .search-mask__trip-location-picker figure, .search-mask__departure-date-picker figure, .search-mask__responsive-popup-footer figure, .search-mask__return-date-picker figure, .search-mask__trip-product-picker figure { margin: 1em 40px; } .search-mask__trip-location-picker hr, .search-mask__departure-date-picker hr, .search-mask__responsive-popup-footer hr, .search-mask__return-date-picker hr, .search-mask__trip-product-picker hr { box-sizing: content-box; height: 0; } .search-mask__trip-location-picker pre, .search-mask__departure-date-picker pre, .search-mask__responsive-popup-footer pre, .search-mask__return-date-picker pre, .search-mask__trip-product-picker pre { overflow: auto; } .search-mask__trip-location-picker code, .search-mask__trip-location-picker kbd, .search-mask__trip-location-picker pre, .search-mask__trip-location-picker samp, .search-mask__departure-date-picker code, .search-mask__departure-date-picker kbd, .search-mask__departure-date-picker pre, .search-mask__departure-date-picker samp, .search-mask__responsive-popup-footer code, .search-mask__responsive-popup-footer kbd, .search-mask__responsive-popup-footer pre, .search-mask__responsive-popup-footer samp, .search-mask__return-date-picker code, .search-mask__return-date-picker kbd, .search-mask__return-date-picker pre, .search-mask__return-date-picker samp, .search-mask__trip-product-picker code, .search-mask__trip-product-picker kbd, .search-mask__trip-product-picker pre, .search-mask__trip-product-picker samp { font-family: monospace, monospace; font-size: 1em; } .search-mask__trip-location-picker button, .search-mask__trip-location-picker input, .search-mask__trip-location-picker optgroup, .search-mask__trip-location-picker select, .search-mask__trip-location-picker textarea, .search-mask__departure-date-picker button, .search-mask__departure-date-picker input, .search-mask__departure-date-picker optgroup, .search-mask__departure-date-picker select, .search-mask__departure-date-picker textarea, .search-mask__responsive-popup-footer button, .search-mask__responsive-popup-footer input, .search-mask__responsive-popup-footer optgroup, .search-mask__responsive-popup-footer select, .search-mask__responsive-popup-footer textarea, .search-mask__return-date-picker button, .search-mask__return-date-picker input, .search-mask__return-date-picker optgroup, .search-mask__return-date-picker select, .search-mask__return-date-picker textarea, .search-mask__trip-product-picker button, .search-mask__trip-product-picker input, .search-mask__trip-product-picker optgroup, .search-mask__trip-product-picker select, .search-mask__trip-product-picker textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } .search-mask__trip-location-picker button, .search-mask__departure-date-picker button, .search-mask__responsive-popup-footer button, .search-mask__return-date-picker button, .search-mask__trip-product-picker button { overflow: visible; } .search-mask__trip-location-picker button, .search-mask__trip-location-picker select, .search-mask__departure-date-picker button, .search-mask__departure-date-picker select, .search-mask__responsive-popup-footer button, .search-mask__responsive-popup-footer select, .search-mask__return-date-picker button, .search-mask__return-date-picker select, .search-mask__trip-product-picker button, .search-mask__trip-product-picker select { text-transform: none; } .search-mask__trip-location-picker button, .search-mask__trip-location-picker html input[type="button"], .search-mask__trip-location-picker input[type="reset"], .search-mask__trip-location-picker input[type="submit"], .search-mask__departure-date-picker button, .search-mask__departure-date-picker html input[type="button"], .search-mask__departure-date-picker input[type="reset"], .search-mask__departure-date-picker input[type="submit"], .search-mask__responsive-popup-footer button, .search-mask__responsive-popup-footer html input[type="button"], .search-mask__responsive-popup-footer input[type="reset"], .search-mask__responsive-popup-footer input[type="submit"], .search-mask__return-date-picker button, .search-mask__return-date-picker html input[type="button"], .search-mask__return-date-picker input[type="reset"], .search-mask__return-date-picker input[type="submit"], .search-mask__trip-product-picker button, .search-mask__trip-product-picker html input[type="button"], .search-mask__trip-product-picker input[type="reset"], .search-mask__trip-product-picker input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } .search-mask__trip-location-picker button[disabled], .search-mask__trip-location-picker html input[disabled], .search-mask__departure-date-picker button[disabled], .search-mask__departure-date-picker html input[disabled], .search-mask__responsive-popup-footer button[disabled], .search-mask__responsive-popup-footer html input[disabled], .search-mask__return-date-picker button[disabled], .search-mask__return-date-picker html input[disabled], .search-mask__trip-product-picker button[disabled], .search-mask__trip-product-picker html input[disabled] { cursor: default; } .search-mask__trip-location-picker button::-moz-focus-inner, .search-mask__trip-location-picker input::-moz-focus-inner, .search-mask__departure-date-picker button::-moz-focus-inner, .search-mask__departure-date-picker input::-moz-focus-inner, .search-mask__responsive-popup-footer button::-moz-focus-inner, .search-mask__responsive-popup-footer input::-moz-focus-inner, .search-mask__return-date-picker button::-moz-focus-inner, .search-mask__return-date-picker input::-moz-focus-inner, .search-mask__trip-product-picker button::-moz-focus-inner, .search-mask__trip-product-picker input::-moz-focus-inner { border: 0; padding: 0; } .search-mask__trip-location-picker input, .search-mask__departure-date-picker input, .search-mask__responsive-popup-footer input, .search-mask__return-date-picker input, .search-mask__trip-product-picker input { line-height: normal; } .search-mask__trip-location-picker input[type="checkbox"], .search-mask__trip-location-picker input[type="radio"], .search-mask__departure-date-picker input[type="checkbox"], .search-mask__departure-date-picker input[type="radio"], .search-mask__responsive-popup-footer input[type="checkbox"], .search-mask__responsive-popup-footer input[type="radio"], .search-mask__return-date-picker input[type="checkbox"], .search-mask__return-date-picker input[type="radio"], .search-mask__trip-product-picker input[type="checkbox"], .search-mask__trip-product-picker input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } .search-mask__trip-location-picker input[type="number"]::-webkit-inner-spin-button, .search-mask__trip-location-picker input[type="number"]::-webkit-outer-spin-button, .search-mask__departure-date-picker input[type="number"]::-webkit-inner-spin-button, .search-mask__departure-date-picker input[type="number"]::-webkit-outer-spin-button, .search-mask__responsive-popup-footer input[type="number"]::-webkit-inner-spin-button, .search-mask__responsive-popup-footer input[type="number"]::-webkit-outer-spin-button, .search-mask__return-date-picker input[type="number"]::-webkit-inner-spin-button, .search-mask__return-date-picker input[type="number"]::-webkit-outer-spin-button, .search-mask__trip-product-picker input[type="number"]::-webkit-inner-spin-button, .search-mask__trip-product-picker input[type="number"]::-webkit-outer-spin-button { height: auto; } .search-mask__trip-location-picker input[type="search"], .search-mask__departure-date-picker input[type="search"], .search-mask__responsive-popup-footer input[type="search"], .search-mask__return-date-picker input[type="search"], .search-mask__trip-product-picker input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } .search-mask__trip-location-picker input[type="search"]::-webkit-search-cancel-button, .search-mask__trip-location-picker input[type="search"]::-webkit-search-decoration, .search-mask__departure-date-picker input[type="search"]::-webkit-search-cancel-button, .search-mask__departure-date-picker input[type="search"]::-webkit-search-decoration, .search-mask__responsive-popup-footer input[type="search"]::-webkit-search-cancel-button, .search-mask__responsive-popup-footer input[type="search"]::-webkit-search-decoration, .search-mask__return-date-picker input[type="search"]::-webkit-search-cancel-button, .search-mask__return-date-picker input[type="search"]::-webkit-search-decoration, .search-mask__trip-product-picker input[type="search"]::-webkit-search-cancel-button, .search-mask__trip-product-picker input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .search-mask__trip-location-picker fieldset, .search-mask__departure-date-picker fieldset, .search-mask__responsive-popup-footer fieldset, .search-mask__return-date-picker fieldset, .search-mask__trip-product-picker fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .search-mask__trip-location-picker legend, .search-mask__departure-date-picker legend, .search-mask__responsive-popup-footer legend, .search-mask__return-date-picker legend, .search-mask__trip-product-picker legend { border: 0; /* 1 */ padding: 0; /* 2 */ } .search-mask__trip-location-picker textarea, .search-mask__departure-date-picker textarea, .search-mask__responsive-popup-footer textarea, .search-mask__return-date-picker textarea, .search-mask__trip-product-picker textarea { overflow: auto; } .search-mask__trip-location-picker optgroup, .search-mask__departure-date-picker optgroup, .search-mask__responsive-popup-footer optgroup, .search-mask__return-date-picker optgroup, .search-mask__trip-product-picker optgroup { font-weight: bold; } .search-mask__trip-location-picker table, .search-mask__departure-date-picker table, .search-mask__responsive-popup-footer table, .search-mask__return-date-picker table, .search-mask__trip-product-picker table { border-collapse: collapse; border-spacing: 0; } .search-mask__trip-location-picker td, .search-mask__trip-location-picker th, .search-mask__departure-date-picker td, .search-mask__departure-date-picker th, .search-mask__responsive-popup-footer td, .search-mask__responsive-popup-footer th, .search-mask__return-date-picker td, .search-mask__return-date-picker th, .search-mask__trip-product-picker td, .search-mask__trip-product-picker th { padding: 0; } #search-mask-component { width: 100%; } @media (max-width: 1199px) { #search-mask-component { background: white; } } #hero { padding: 100px 0; }