@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap&subset=latin-ext"); :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #ffa049; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #a6a6bb; --gray-dark: #333; --blue-dark: #192743; --smokey-blue: #323c50; --smokey-blue-dark: #2d3647; --orange-light: #ffb731; --emerald: #1abc9c; --black: #000; --gray-light: #f5f5f5; --blue-dark-gradient: linear-gradient(270deg, #323c50 0%, #223b6f 100%); --orange-gradient: linear-gradient(270deg, #f7b731 0%, #ffa049 100%); --emerald-gradient: linear-gradient(270deg, #1abc9c 0%, #2d3371 100%); --success: #0bbf68; --info: #0355d2; --warning: #fbd930; --danger: #d62f1c; --primary: #192743; --secondary: #ffa049; --success: #0bbf68; --info: #0355d2; --warning: #fbd930; --danger: #d62f1c; --light: #f8f9fa; --dark: #343a40; --primary-smokey: #323c50; --primary-smokey-dark: #2d3647; --secondary-light: #ffb731; --tertiary: #1abc9c; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1400px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: "Montserrat", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0 !important } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { margin-bottom: 1rem; font-style: normal; line-height: inherit } ol, ul, dl { margin-top: 0; margin-bottom: 1rem } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #192743; text-decoration: none; background-color: transparent } a:hover { color: #04070b; text-decoration: underline } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 0 1rem } img { vertical-align: middle; border-style: none } svg { overflow: hidden; vertical-align: middle } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .9375rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } select { word-wrap: normal } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto } [type="search"] { outline-offset: -2px; -webkit-appearance: none } [type="search"]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none !important } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: .5rem; font-family: "Montserrat", sans-serif; font-weight: 500; line-height: 1.2 } h1, .h1 { font-size: 2.5rem } h2, .h2 { font-size: 2rem } h3, .h3 { font-size: 1.75rem } h4, .h4 { font-size: 1.5rem } h5, .h5 { font-size: 1.25rem } h6, .h6 { font-size: 1rem } .lead { font-size: 1.25rem; font-weight: 300 } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2 } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2 } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2 } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2 } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1) } small, .small { font-size: 80%; font-weight: 400 } mark, .mark { padding: .2em; background-color: #fcf8e3 } .list-unstyled { padding-left: 0; list-style: none } .list-inline { padding-left: 0; list-style: none } .list-inline-item { display: inline-block } .list-inline-item:not(:last-child) { margin-right: .5rem } .initialism { font-size: 90%; text-transform: uppercase } .blockquote { margin-bottom: 1rem; font-size: 1.25rem } .blockquote-footer { display: block; font-size: 80%; color: #6c757d } .blockquote-footer::before { content: "\2014\00A0" } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1400px) { .container { max-width: 1320px } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*="col-"] { padding-right: 0; padding-left: 0 } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs, .col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px } .col { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (max-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width: 576px) { .col-sm { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width: 768px) { .col-md { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-md-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-md-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-md-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width: 992px) { .col-lg { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-lg-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-lg-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-lg-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width: 1400px) { .col-xl { -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -webkit-box-flex: 0; -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -webkit-box-flex: 0; -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.33333%; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -webkit-box-flex: 0; -webkit-flex: 0 0 58.33333%; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.66667%; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 83.33333%; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -webkit-box-flex: 0; -webkit-flex: 0 0 91.66667%; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1 } .order-xl-last { -webkit-box-ordinal-group: 14; -webkit-order: 13; -ms-flex-order: 13; order: 13 } .order-xl-0 { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } .order-xl-1 { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .form-control { display: block; width: 100%; height: calc(1.5em + 1.75rem + 2px); padding: .875rem 1.25rem; font-size: 1rem; font-weight: 500; line-height: 1.5; color: #333; background-color: #fff; background-clip: padding-box; border: 1px solid #a6a6bb; border-radius: 4px; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; -o-transition: none; transition: none } } .form-control::-ms-expand { background-color: transparent; border: 0 } .form-control:focus { color: #333; background-color: #fff; border-color: #333; outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) } .form-control::-webkit-input-placeholder { color: #a6a6bb; opacity: 1 } .form-control::-moz-placeholder { color: #a6a6bb; opacity: 1 } .form-control:-ms-input-placeholder { color: #a6a6bb; opacity: 1 } .form-control::-ms-input-placeholder { color: #a6a6bb; opacity: 1 } .form-control::placeholder { color: #a6a6bb; opacity: 1 } .form-control:disabled, .form-control[readonly] { background-color: #fff; opacity: 1 } select.form-control:focus::-ms-value { color: #333; background-color: #fff } .form-control-file, .form-control-range { display: block; width: 100% } .col-form-label { padding-top: calc(.875rem + 1px); padding-bottom: calc(.875rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5 } .col-form-label-lg { padding-top: calc(1.3125rem + 1px); padding-bottom: calc(1.3125rem + 1px); font-size: 1.25rem; line-height: 1.5 } .col-form-label-sm { padding-top: calc(.625rem + 1px); padding-bottom: calc(.625rem + 1px); font-size: .875rem; line-height: 1.5 } .form-control-plaintext { display: block; width: 100%; padding-top: .875rem; padding-bottom: .875rem; margin-bottom: 0; line-height: 1.5; color: #333; background-color: transparent; border: solid transparent; border-width: 1px 0 } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0 } .form-control-sm { height: calc(1.5em + 1.25rem + 2px); padding: .625rem 1.25rem; font-size: .875rem; line-height: 1.5; border-radius: 4px } .form-control-lg { height: calc(1.5em + 2.625rem + 2px); padding: 1.3125rem 1.25rem; font-size: 1.25rem; line-height: 1.5; border-radius: 4px } select.form-control[size], select.form-control[multiple] { height: auto } textarea.form-control { height: auto } .form-group { margin-bottom: .625rem } .form-text { display: block; margin-top: .25rem } .form-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px } .form-row>.col, .form-row>[class*="col-"] { padding-right: 5px; padding-left: 5px } .form-check { position: relative; display: block; padding-left: 1.25rem } .form-check-input { position: absolute; margin-top: .3rem; margin-left: -1.25rem } .form-check-input:disabled~.form-check-label { color: #6c757d } .form-check-label { margin-bottom: 0 } .form-check-inline { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: .75rem } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0 } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #0bbf68 } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(11, 191, 104, 0.9); border-radius: 4px } .was-validated .form-control:valid, .form-control.is-valid { border-color: #0bbf68; padding-right: calc(1.5em + 1.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230bbf68' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc(.375em + .4375rem); -webkit-background-size: calc(.75em + .875rem) calc(.75em + .875rem); background-size: calc(.75em + .875rem) calc(.75em + .875rem) } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #0bbf68; -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25) } .was-validated .form-control:valid~.valid-feedback, .was-validated .form-control:valid~.valid-tooltip, .form-control.is-valid~.valid-feedback, .form-control.is-valid~.valid-tooltip { display: block } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 1.75rem); background-position: top calc(.375em + .4375rem) right calc(.375em + .4375rem) } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #0bbf68; padding-right: calc((1em + 1.75rem) * 3 / 4 + 2.25rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230bbf68' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 2.25rem/calc(.75em + .875rem) calc(.75em + .875rem) } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #0bbf68; -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25) } .was-validated .custom-select:valid~.valid-feedback, .was-validated .custom-select:valid~.valid-tooltip, .custom-select.is-valid~.valid-feedback, .custom-select.is-valid~.valid-tooltip { display: block } .was-validated .form-control-file:valid~.valid-feedback, .was-validated .form-control-file:valid~.valid-tooltip, .form-control-file.is-valid~.valid-feedback, .form-control-file.is-valid~.valid-tooltip { display: block } .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: #0bbf68 } .was-validated .form-check-input:valid~.valid-feedback, .was-validated .form-check-input:valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback, .form-check-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label { color: #0bbf68 } .was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before { border-color: #0bbf68 } .was-validated .custom-control-input:valid~.valid-feedback, .was-validated .custom-control-input:valid~.valid-tooltip, .custom-control-input.is-valid~.valid-feedback, .custom-control-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before { border-color: #0eef82; background-color: #0eef82 } .was-validated .custom-control-input:valid:focus~.custom-control-label::before, .custom-control-input.is-valid:focus~.custom-control-label::before { -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25) } .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { border-color: #0bbf68 } .was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label { border-color: #0bbf68 } .was-validated .custom-file-input:valid~.valid-feedback, .was-validated .custom-file-input:valid~.valid-tooltip, .custom-file-input.is-valid~.valid-feedback, .custom-file-input.is-valid~.valid-tooltip { display: block } .was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label { border-color: #0bbf68; -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.25) } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 80%; color: #d62f1c } .info-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; background-color: rgba(255, 255, 255, 0.9); border-radius: 4px } .info-tooltip-fix { position: static !important; } .invalid-tooltip { position: absolute; top: 100%; z-index: 15; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; line-height: 1.5; color: #fff; background-color: rgba(214, 47, 28, 0.9); border-radius: 4px } .invalid-tooltip-fix { position: static !important; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #d62f1c; padding-right: calc(1.5em + 1.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d62f1c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d62f1c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(.375em + .4375rem); -webkit-background-size: calc(.75em + .875rem) calc(.75em + .875rem); background-size: calc(.75em + .875rem) calc(.75em + .875rem) } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #d62f1c; -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25) } .was-validated .form-control:invalid~.invalid-feedback, .was-validated .form-control:invalid~.invalid-tooltip, .form-control.is-invalid~.invalid-feedback, .form-control.is-invalid~.invalid-tooltip { display: block } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 1.75rem); background-position: top calc(.375em + .4375rem) right calc(.375em + .4375rem) } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #d62f1c; padding-right: calc((1em + 1.75rem) * 3 / 4 + 2.25rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 1.25rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23d62f1c' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d62f1c' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 2.25rem/calc(.75em + .875rem) calc(.75em + .875rem) } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #d62f1c; -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25) } .was-validated .custom-select:invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-tooltip, .custom-select.is-invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-tooltip { display: block } .was-validated .form-control-file:invalid~.invalid-feedback, .was-validated .form-control-file:invalid~.invalid-tooltip, .form-control-file.is-invalid~.invalid-feedback, .form-control-file.is-invalid~.invalid-tooltip { display: block } .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label { color: #d62f1c } .was-validated .form-check-input:invalid~.invalid-feedback, .was-validated .form-check-input:invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback, .form-check-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label { color: #d62f1c } .was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before { border-color: #d62f1c } .was-validated .custom-control-input:invalid~.invalid-feedback, .was-validated .custom-control-input:invalid~.invalid-tooltip, .custom-control-input.is-invalid~.invalid-feedback, .custom-control-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: #e6503f; background-color: #e6503f } .was-validated .custom-control-input:invalid:focus~.custom-control-label::before, .custom-control-input.is-invalid:focus~.custom-control-label::before { -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25) } .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { border-color: #d62f1c } .was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label { border-color: #d62f1c } .was-validated .custom-file-input:invalid~.invalid-feedback, .was-validated .custom-file-input:invalid~.invalid-tooltip, .custom-file-input.is-invalid~.invalid-feedback, .custom-file-input.is-invalid~.invalid-tooltip { display: block } .was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label { border-color: #d62f1c; -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.25) } .form-inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .form-inline .form-check { width: 100% } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0 } .form-inline .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0 } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .form-control-plaintext { display: inline-block } .form-inline .input-group, .form-inline .custom-select { width: auto } .form-inline .form-check { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0 } .form-inline .form-check-input { position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: .25rem; margin-left: 0 } .form-inline .custom-control { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .form-inline .custom-control-label { margin-bottom: 0 } } .btn { display: inline-block; font-weight: 700; color: #333; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .875rem 1.25rem; font-size: 1rem; line-height: 1.5; border-radius: 4px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; -o-transition: none; transition: none } } .btn:hover { color: #333; text-decoration: none } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) } .btn.disabled, .btn:disabled { opacity: .5 } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none } .btn-primary { color: #fff; background-color: #192743; border-color: #192743 } .btn-primary:hover { color: #fff; background-color: #0f1727; border-color: #0b111e } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(60, 71, 95, 0.5); box-shadow: 0 0 0 0 rgba(60, 71, 95, 0.5) } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #192743; border-color: #192743 } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0b111e; border-color: #080c15 } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(60, 71, 95, 0.5); box-shadow: 0 0 0 0 rgba(60, 71, 95, 0.5) } .btn-secondary { color: #212529; background-color: #ffa049; border-color: #ffa049 } .btn-secondary:hover { color: #212529; background-color: #ff8c23; border-color: #ff8516 } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 142, 68, 0.5); box-shadow: 0 0 0 0 rgba(222, 142, 68, 0.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #ffa049; border-color: #ffa049 } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle { color: #212529; background-color: #ff8516; border-color: #ff7f09 } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 142, 68, 0.5); box-shadow: 0 0 0 0 rgba(222, 142, 68, 0.5) } .btn-success { color: #fff; background-color: #0bbf68; border-color: #0bbf68 } .btn-success:hover { color: #fff; background-color: #099b54; border-color: #088f4e } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 0 rgba(48, 201, 127, 0.5); box-shadow: 0 0 0 0 rgba(48, 201, 127, 0.5) } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #0bbf68; border-color: #0bbf68 } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #088f4e; border-color: #088347 } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show>.btn-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(48, 201, 127, 0.5); box-shadow: 0 0 0 0 rgba(48, 201, 127, 0.5) } .btn-info { color: #fff; background-color: #0355d2; border-color: #0355d2 } .btn-info:hover { color: #fff; background-color: #0246ac; border-color: #0241a0 } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 0 rgba(41, 111, 217, 0.5); box-shadow: 0 0 0 0 rgba(41, 111, 217, 0.5) } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #0355d2; border-color: #0355d2 } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show>.btn-info.dropdown-toggle { color: #fff; background-color: #0241a0; border-color: #023c93 } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show>.btn-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(41, 111, 217, 0.5); box-shadow: 0 0 0 0 rgba(41, 111, 217, 0.5) } .btn-warning { color: #212529; background-color: #fbd930; border-color: #fbd930 } .btn-warning:hover { color: #212529; background-color: #fad20a; border-color: #f3cb05 } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 0 rgba(218, 190, 47, 0.5); box-shadow: 0 0 0 0 rgba(218, 190, 47, 0.5) } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #fbd930; border-color: #fbd930 } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show>.btn-warning.dropdown-toggle { color: #212529; background-color: #f3cb05; border-color: #e7c104 } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(218, 190, 47, 0.5); box-shadow: 0 0 0 0 rgba(218, 190, 47, 0.5) } .btn-danger { color: #fff; background-color: #d62f1c; border-color: #d62f1c } .btn-danger:hover { color: #fff; background-color: #b42818; border-color: #a92516 } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 0 rgba(220, 78, 62, 0.5); box-shadow: 0 0 0 0 rgba(220, 78, 62, 0.5) } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #d62f1c; border-color: #d62f1c } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #a92516; border-color: #9e2315 } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(220, 78, 62, 0.5); box-shadow: 0 0 0 0 rgba(220, 78, 62, 0.5) } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:hover { color: #212529; background-color: #e2e6ea; border-color: #dae0e5 } .btn-light:focus, .btn-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5) } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show>.btn-light.dropdown-toggle { color: #212529; background-color: #dae0e5; border-color: #d3d9df } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show>.btn-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5); box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5) } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124 } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5) } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5) } .btn-primary-smokey { color: #fff; background-color: #323c50; border-color: #323c50 } .btn-primary-smokey:hover { color: #fff; background-color: #232a38; border-color: #1e2431 } .btn-primary-smokey:focus, .btn-primary-smokey.focus { -webkit-box-shadow: 0 0 0 0 rgba(81, 89, 106, 0.5); box-shadow: 0 0 0 0 rgba(81, 89, 106, 0.5) } .btn-primary-smokey.disabled, .btn-primary-smokey:disabled { color: #fff; background-color: #323c50; border-color: #323c50 } .btn-primary-smokey:not(:disabled):not(.disabled):active, .btn-primary-smokey:not(:disabled):not(.disabled).active, .show>.btn-primary-smokey.dropdown-toggle { color: #fff; background-color: #1e2431; border-color: #191f29 } .btn-primary-smokey:not(:disabled):not(.disabled):active:focus, .btn-primary-smokey:not(:disabled):not(.disabled).active:focus, .show>.btn-primary-smokey.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(81, 89, 106, 0.5); box-shadow: 0 0 0 0 rgba(81, 89, 106, 0.5) } .btn-primary-smokey-dark { color: #fff; background-color: #2d3647; border-color: #2d3647 } .btn-primary-smokey-dark:hover { color: #fff; background-color: #1e2430; border-color: #191e28 } .btn-primary-smokey-dark:focus, .btn-primary-smokey-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(77, 84, 99, 0.5); box-shadow: 0 0 0 0 rgba(77, 84, 99, 0.5) } .btn-primary-smokey-dark.disabled, .btn-primary-smokey-dark:disabled { color: #fff; background-color: #2d3647; border-color: #2d3647 } .btn-primary-smokey-dark:not(:disabled):not(.disabled):active, .btn-primary-smokey-dark:not(:disabled):not(.disabled).active, .show>.btn-primary-smokey-dark.dropdown-toggle { color: #fff; background-color: #191e28; border-color: #141820 } .btn-primary-smokey-dark:not(:disabled):not(.disabled):active:focus, .btn-primary-smokey-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-primary-smokey-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(77, 84, 99, 0.5); box-shadow: 0 0 0 0 rgba(77, 84, 99, 0.5) } .btn-secondary-light { color: #212529; background-color: #ffb731; border-color: #ffb731 } .btn-secondary-light:hover { color: #212529; background-color: #ffaa0b; border-color: #fda500 } .btn-secondary-light:focus, .btn-secondary-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 161, 48, 0.5); box-shadow: 0 0 0 0 rgba(222, 161, 48, 0.5) } .btn-secondary-light.disabled, .btn-secondary-light:disabled { color: #212529; background-color: #ffb731; border-color: #ffb731 } .btn-secondary-light:not(:disabled):not(.disabled):active, .btn-secondary-light:not(:disabled):not(.disabled).active, .show>.btn-secondary-light.dropdown-toggle { color: #212529; background-color: #fda500; border-color: #f09c00 } .btn-secondary-light:not(:disabled):not(.disabled):active:focus, .btn-secondary-light:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(222, 161, 48, 0.5); box-shadow: 0 0 0 0 rgba(222, 161, 48, 0.5) } .btn-tertiary { color: #fff; background-color: #1abc9c; border-color: #1abc9c } .btn-tertiary:hover { color: #fff; background-color: #159a80; border-color: #148f77 } .btn-tertiary:focus, .btn-tertiary.focus { -webkit-box-shadow: 0 0 0 0 rgba(60, 198, 171, 0.5); box-shadow: 0 0 0 0 rgba(60, 198, 171, 0.5) } .btn-tertiary.disabled, .btn-tertiary:disabled { color: #fff; background-color: #1abc9c; border-color: #1abc9c } .btn-tertiary:not(:disabled):not(.disabled):active, .btn-tertiary:not(:disabled):not(.disabled).active, .show>.btn-tertiary.dropdown-toggle { color: #fff; background-color: #148f77; border-color: #12846e } .btn-tertiary:not(:disabled):not(.disabled):active:focus, .btn-tertiary:not(:disabled):not(.disabled).active:focus, .show>.btn-tertiary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(60, 198, 171, 0.5); box-shadow: 0 0 0 0 rgba(60, 198, 171, 0.5) } .btn-outline-primary { color: #192743; border-color: #192743 } .btn-outline-primary:hover { color: #fff; background-color: #192743; border-color: #192743 } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(25, 39, 67, 0.5); box-shadow: 0 0 0 0 rgba(25, 39, 67, 0.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #192743; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: #192743; border-color: #192743 } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(25, 39, 67, 0.5); box-shadow: 0 0 0 0 rgba(25, 39, 67, 0.5) } .btn-outline-secondary { color: #ffa049; border-color: #ffa049 } .btn-outline-secondary:hover { color: #212529; background-color: #ffa049; border-color: #ffa049 } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 160, 73, 0.5); box-shadow: 0 0 0 0 rgba(255, 160, 73, 0.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ffa049; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #ffa049; border-color: #ffa049 } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 160, 73, 0.5); box-shadow: 0 0 0 0 rgba(255, 160, 73, 0.5) } .btn-outline-success { color: #0bbf68; border-color: #0bbf68 } .btn-outline-success:hover { color: #fff; background-color: #0bbf68; border-color: #0bbf68 } .btn-outline-success:focus, .btn-outline-success.focus { -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.5); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.5) } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #0bbf68; background-color: transparent } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #0bbf68; border-color: #0bbf68 } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-success.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.5); box-shadow: 0 0 0 0 rgba(11, 191, 104, 0.5) } .btn-outline-info { color: #0355d2; border-color: #0355d2 } .btn-outline-info:hover { color: #fff; background-color: #0355d2; border-color: #0355d2 } .btn-outline-info:focus, .btn-outline-info.focus { -webkit-box-shadow: 0 0 0 0 rgba(3, 85, 210, 0.5); box-shadow: 0 0 0 0 rgba(3, 85, 210, 0.5) } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0355d2; background-color: transparent } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #0355d2; border-color: #0355d2 } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-info.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(3, 85, 210, 0.5); box-shadow: 0 0 0 0 rgba(3, 85, 210, 0.5) } .btn-outline-warning { color: #fbd930; border-color: #fbd930 } .btn-outline-warning:hover { color: #212529; background-color: #fbd930; border-color: #fbd930 } .btn-outline-warning:focus, .btn-outline-warning.focus { -webkit-box-shadow: 0 0 0 0 rgba(251, 217, 48, 0.5); box-shadow: 0 0 0 0 rgba(251, 217, 48, 0.5) } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fbd930; background-color: transparent } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #fbd930; border-color: #fbd930 } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-warning.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(251, 217, 48, 0.5); box-shadow: 0 0 0 0 rgba(251, 217, 48, 0.5) } .btn-outline-danger { color: #d62f1c; border-color: #d62f1c } .btn-outline-danger:hover { color: #fff; background-color: #d62f1c; border-color: #d62f1c } .btn-outline-danger:focus, .btn-outline-danger.focus { -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.5); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.5) } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d62f1c; background-color: transparent } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d62f1c; border-color: #d62f1c } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-danger.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.5); box-shadow: 0 0 0 0 rgba(214, 47, 28, 0.5) } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:focus, .btn-outline-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5) } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show>.btn-outline-light.dropdown-toggle { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5); box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5) } .btn-outline-dark { color: #343a40; border-color: #343a40 } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:focus, .btn-outline-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5) } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40 } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5) } .btn-outline-primary-smokey { color: #323c50; border-color: #323c50 } .btn-outline-primary-smokey:hover { color: #fff; background-color: #323c50; border-color: #323c50 } .btn-outline-primary-smokey:focus, .btn-outline-primary-smokey.focus { -webkit-box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5); box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5) } .btn-outline-primary-smokey.disabled, .btn-outline-primary-smokey:disabled { color: #323c50; background-color: transparent } .btn-outline-primary-smokey:not(:disabled):not(.disabled):active, .btn-outline-primary-smokey:not(:disabled):not(.disabled).active, .show>.btn-outline-primary-smokey.dropdown-toggle { color: #fff; background-color: #323c50; border-color: #323c50 } .btn-outline-primary-smokey:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-smokey:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary-smokey.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5); box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5) } .btn-outline-primary-smokey-dark { color: #2d3647; border-color: #2d3647 } .btn-outline-primary-smokey-dark:hover { color: #fff; background-color: #2d3647; border-color: #2d3647 } .btn-outline-primary-smokey-dark:focus, .btn-outline-primary-smokey-dark.focus { -webkit-box-shadow: 0 0 0 0 rgba(45, 54, 71, 0.5); box-shadow: 0 0 0 0 rgba(45, 54, 71, 0.5) } .btn-outline-primary-smokey-dark.disabled, .btn-outline-primary-smokey-dark:disabled { color: #2d3647; background-color: transparent } .btn-outline-primary-smokey-dark:not(:disabled):not(.disabled):active, .btn-outline-primary-smokey-dark:not(:disabled):not(.disabled).active, .show>.btn-outline-primary-smokey-dark.dropdown-toggle { color: #fff; background-color: #2d3647; border-color: #2d3647 } .btn-outline-primary-smokey-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-primary-smokey-dark:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary-smokey-dark.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(45, 54, 71, 0.5); box-shadow: 0 0 0 0 rgba(45, 54, 71, 0.5) } .btn-outline-secondary-light { color: #ffb731; border-color: #ffb731 } .btn-outline-secondary-light:hover { color: #212529; background-color: #ffb731; border-color: #ffb731 } .btn-outline-secondary-light:focus, .btn-outline-secondary-light.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5); box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5) } .btn-outline-secondary-light.disabled, .btn-outline-secondary-light:disabled { color: #ffb731; background-color: transparent } .btn-outline-secondary-light:not(:disabled):not(.disabled):active, .btn-outline-secondary-light:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary-light.dropdown-toggle { color: #212529; background-color: #ffb731; border-color: #ffb731 } .btn-outline-secondary-light:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-light:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary-light.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5); box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5) } .btn-outline-tertiary { color: #1abc9c; border-color: #1abc9c } .btn-outline-tertiary:hover { color: #fff; background-color: #1abc9c; border-color: #1abc9c } .btn-outline-tertiary:focus, .btn-outline-tertiary.focus { -webkit-box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.5); box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.5) } .btn-outline-tertiary.disabled, .btn-outline-tertiary:disabled { color: #1abc9c; background-color: transparent } .btn-outline-tertiary:not(:disabled):not(.disabled):active, .btn-outline-tertiary:not(:disabled):not(.disabled).active, .show>.btn-outline-tertiary.dropdown-toggle { color: #fff; background-color: #1abc9c; border-color: #1abc9c } .btn-outline-tertiary:not(:disabled):not(.disabled):active:focus, .btn-outline-tertiary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-tertiary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.5); box-shadow: 0 0 0 0 rgba(26, 188, 156, 0.5) } .btn-link { font-weight: 400; color: #192743; text-decoration: none } .btn-link:hover { color: #04070b; text-decoration: underline } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none } .btn-lg { padding: 1.3125rem 1.25rem; font-size: 1.25rem; line-height: 1.5; border-radius: 4px } .btn-sm { padding: .625rem .875rem; font-size: .875rem; line-height: 1.5; border-radius: 4px } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: .5rem } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none } } .fade:not(.show) { opacity: 0 } .collapse:not(.show) { display: none } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .3s ease; -o-transition: height .3s ease; transition: height .3s ease } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -o-transition: none; transition: none } } .input-group { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100% } .input-group>.form-control, .input-group>.form-control-plaintext, .input-group>.custom-select, .input-group>.custom-file { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0 } .input-group>.form-control+.form-control, .input-group>.form-control+.custom-select, .input-group>.form-control+.custom-file, .input-group>.form-control-plaintext+.form-control, .input-group>.form-control-plaintext+.custom-select, .input-group>.form-control-plaintext+.custom-file, .input-group>.custom-select+.form-control, .input-group>.custom-select+.custom-select, .input-group>.custom-select+.custom-file, .input-group>.custom-file+.form-control, .input-group>.custom-file+.custom-select, .input-group>.custom-file+.custom-file { margin-left: -1px } .input-group>.form-control:focus, .input-group>.custom-select:focus, .input-group>.custom-file .custom-file-input:focus~.custom-file-label { z-index: 3 } .input-group>.custom-file .custom-file-input:focus { z-index: 4 } .input-group>.form-control:not(:last-child), .input-group>.custom-select:not(:last-child) { border-top-right-radius: 4; border-bottom-right-radius: 4 } .input-group>.form-control:not(:first-child), .input-group>.custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group>.custom-file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .input-group>.custom-file:not(:last-child) .custom-file-label, .input-group>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0 } .input-group-prepend, .input-group-append { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2 } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3 } .input-group-prepend .btn+.btn, .input-group-prepend .btn+.input-group-text, .input-group-prepend .input-group-text+.input-group-text, .input-group-prepend .input-group-text+.btn, .input-group-append .btn+.btn, .input-group-append .btn+.input-group-text, .input-group-append .input-group-text+.input-group-text, .input-group-append .input-group-text+.btn { margin-left: -1px } .input-group-prepend { margin-right: -1px } .input-group-append { margin-left: -1px } .input-group-text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: .875rem 1.25rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #333; text-align: center; white-space: nowrap; background-color: rgba(0, 0, 0, 0); border: 1px solid #a6a6bb; border-radius: 4px } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0 } .input-group-lg>.form-control:not(textarea), .input-group-lg>.custom-select { height: calc(1.5em + 2.625rem + 2px) } .input-group-lg>.form-control, .input-group-lg>.custom-select, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-append>.btn { padding: 1.3125rem 1.25rem; font-size: 1.25rem; line-height: 1.5; border-radius: 4px } .input-group-sm>.form-control:not(textarea), .input-group-sm>.custom-select { height: calc(1.5em + 1.25rem + 2px) } .input-group-sm>.form-control, .input-group-sm>.custom-select, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-append>.btn { padding: .625rem 1.25rem; font-size: .875rem; line-height: 1.5; border-radius: 4px } .input-group-lg>.custom-select, .input-group-sm>.custom-select { padding-right: 2.25rem } .input-group>.input-group-prepend>.btn, .input-group>.input-group-prepend>.input-group-text, .input-group>.input-group-append:not(:last-child)>.btn, .input-group>.input-group-append:not(:last-child)>.input-group-text, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0 } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #f5f5f5; border-radius: 4px } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0 } .alert { position: relative; padding: .625rem 1rem; margin-bottom: 1rem; border: 0 solid transparent; border-radius: 0 } .alert-heading { color: inherit } .alert-link { font-weight: 700 } .alert-dismissible { padding-right: 3.5rem } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: .625rem 1rem; color: inherit } .alert-primary { color: #192743; background-color: #757d8e; border-color: #192743 } .alert-primary hr { border-top-color: #121c30 } .alert-primary .alert-link { color: #0b111e } .alert-secondary { color: #ffa049; background-color: #ffc692; border-color: #ffa049 } .alert-secondary hr { border-top-color: #ff9330 } .alert-secondary .alert-link { color: #ff8516 } .alert-success { color: #0bbf68; background-color: #6dd9a4; border-color: #0bbf68 } .alert-success hr { border-top-color: #0aa75b } .alert-success .alert-link { color: #088f4e } .alert-info { color: #0355d2; background-color: #6899e4; border-color: #0355d2 } .alert-info hr { border-top-color: #034bb9 } .alert-info .alert-link { color: #0241a0 } .alert-warning { color: #fbd930; background-color: #fde883; border-color: #fbd930 } .alert-warning hr { border-top-color: #fbd417 } .alert-warning .alert-link { color: #f3cb05 } .alert-danger { color: #d62f1c; background-color: #e68277; border-color: #d62f1c } .alert-danger hr { border-top-color: #bf2a19 } .alert-danger .alert-link { color: #a92516 } .alert-light { color: #f8f9fa; background-color: #fbfbfc; border-color: #f8f9fa } .alert-light hr { border-top-color: #e9ecef } .alert-light .alert-link { color: #dae0e5 } .alert-dark { color: #343a40; background-color: #85898c; border-color: #343a40 } .alert-dark hr { border-top-color: #292d32 } .alert-dark .alert-link { color: #1d2124 } .alert-primary-smokey { color: #323c50; background-color: #848a96; border-color: #323c50 } .alert-primary-smokey hr { border-top-color: #283040 } .alert-primary-smokey .alert-link { color: #1e2431 } .alert-primary-smokey-dark { color: #2d3647; background-color: #818691; border-color: #2d3647 } .alert-primary-smokey-dark hr { border-top-color: #232a37 } .alert-primary-smokey-dark .alert-link { color: #191e28 } .alert-secondary-light { color: #ffb731; background-color: #ffd483; border-color: #ffb731 } .alert-secondary-light hr { border-top-color: #ffae18 } .alert-secondary-light .alert-link { color: #fda500 } .alert-tertiary { color: #1abc9c; background-color: #76d7c4; border-color: #1abc9c } .alert-tertiary hr { border-top-color: #17a689 } .alert-tertiary .alert-link { color: #148f77 } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5 } .close:hover { color: #000; text-decoration: none } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75 } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } a.close.disabled { pointer-events: none } .modal-open { overflow: hidden } .modal-open .modal { overflow-x: hidden; overflow-y: auto } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0 } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); -o-transform: translate(0, -50px); transform: translate(0, -50px) } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none } .modal-dialog-scrollable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0 } .modal-dialog-scrollable .modal-body { overflow-y: auto } .modal-dialog-centered { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem) } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: "" } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100% } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none } .modal-dialog-centered.modal-dialog-scrollable::before { content: none } .modal-content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; outline: 0 } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.show { opacity: .5 } .modal-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 0 solid #dee2e6; border-top-left-radius: 4px; border-top-right-radius: 4px } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto } .modal-title { margin-bottom: 0; line-height: 27px } .modal-body { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem } .modal-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 0 solid #dee2e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px } .modal-footer>:not(:first-child) { margin-left: .25rem } .modal-footer>:not(:last-child) { margin-right: .25rem } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem) } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem) } .modal-dialog-centered { min-height: calc(100% - 3.5rem) } .modal-dialog-centered::before { height: calc(100vh - 3.5rem) } .modal-sm { max-width: 300px } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px } } @media (min-width: 1400px) { .modal-xl { max-width: 1140px } } .align-baseline { vertical-align: baseline !important } .align-top { vertical-align: top !important } .align-middle { vertical-align: middle !important } .align-bottom { vertical-align: bottom !important } .align-text-bottom { vertical-align: text-bottom !important } .align-text-top { vertical-align: text-top !important } .bg-primary { background-color: #192743 !important } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0b111e !important } .bg-secondary { background-color: #ffa049 !important } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #ff8516 !important } .bg-success { background-color: #0bbf68 !important } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #088f4e !important } .bg-info { background-color: #0355d2 !important } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0241a0 !important } .bg-warning { background-color: #fbd930 !important } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #f3cb05 !important } .bg-danger { background-color: #d62f1c !important } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #a92516 !important } .bg-light { background-color: #f8f9fa !important } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #dae0e5 !important } .bg-dark { background-color: #343a40 !important } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important } .bg-primary-smokey { background-color: #323c50 !important } a.bg-primary-smokey:hover, a.bg-primary-smokey:focus, button.bg-primary-smokey:hover, button.bg-primary-smokey:focus { background-color: #1e2431 !important } .bg-primary-smokey-dark { background-color: #2d3647 !important } a.bg-primary-smokey-dark:hover, a.bg-primary-smokey-dark:focus, button.bg-primary-smokey-dark:hover, button.bg-primary-smokey-dark:focus { background-color: #191e28 !important } .bg-secondary-light { background-color: #ffb731 !important } a.bg-secondary-light:hover, a.bg-secondary-light:focus, button.bg-secondary-light:hover, button.bg-secondary-light:focus { background-color: #fda500 !important } .bg-tertiary { background-color: #1abc9c !important } a.bg-tertiary:hover, a.bg-tertiary:focus, button.bg-tertiary:hover, button.bg-tertiary:focus { background-color: #148f77 !important } .bg-white { background-color: #fff !important } .bg-transparent { background-color: transparent !important } .border { border: 1px solid #dee2e6 !important } .border-top { border-top: 1px solid #dee2e6 !important } .border-right { border-right: 1px solid #dee2e6 !important } .border-bottom { border-bottom: 1px solid #dee2e6 !important } .border-left { border-left: 1px solid #dee2e6 !important } .border-0 { border: 0 !important } .border-top-0 { border-top: 0 !important } .border-right-0 { border-right: 0 !important } .border-bottom-0 { border-bottom: 0 !important } .border-left-0 { border-left: 0 !important } .border-primary { border-color: #192743 !important } .border-secondary { border-color: #ffa049 !important } .border-success { border-color: #0bbf68 !important } .border-info { border-color: #0355d2 !important } .border-warning { border-color: #fbd930 !important } .border-danger { border-color: #d62f1c !important } .border-light { border-color: #f8f9fa !important } .border-dark { border-color: #343a40 !important } .border-primary-smokey { border-color: #323c50 !important } .border-primary-smokey-dark { border-color: #2d3647 !important } .border-secondary-light { border-color: #ffb731 !important } .border-tertiary { border-color: #1abc9c !important } .border-white { border-color: #fff !important } .rounded-sm { border-radius: 4px !important } .rounded { border-radius: 4px !important } .rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important } .rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important } .rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important } .rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important } .rounded-lg { border-radius: 4px !important } .rounded-circle { border-radius: 50% !important } .rounded-pill { border-radius: 50rem !important } .rounded-0 { border-radius: 0 !important } .clearfix::after { display: block; clear: both; content: "" } .d-none { display: none !important } .d-inline { display: inline !important } .d-inline-block { display: inline-block !important } .d-block { display: block !important } .d-table { display: table !important } .d-table-row { display: table-row !important } .d-table-cell { display: table-cell !important } .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } @media (min-width: 576px) { .d-sm-none { display: none !important } .d-sm-inline { display: inline !important } .d-sm-inline-block { display: inline-block !important } .d-sm-block { display: block !important } .d-sm-table { display: table !important } .d-sm-table-row { display: table-row !important } .d-sm-table-cell { display: table-cell !important } .d-sm-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 768px) { .d-md-none { display: none !important } .d-md-inline { display: inline !important } .d-md-inline-block { display: inline-block !important } .d-md-block { display: block !important } .d-md-table { display: table !important } .d-md-table-row { display: table-row !important } .d-md-table-cell { display: table-cell !important } .d-md-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-md-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 992px) { .d-lg-none { display: none !important } .d-lg-inline { display: inline !important } .d-lg-inline-block { display: inline-block !important } .d-lg-block { display: block !important } .d-lg-table { display: table !important } .d-lg-table-row { display: table-row !important } .d-lg-table-cell { display: table-cell !important } .d-lg-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media (min-width: 1400px) { .d-xl-none { display: none !important } .d-xl-inline { display: inline !important } .d-xl-inline-block { display: inline-block !important } .d-xl-block { display: block !important } .d-xl-table { display: table !important } .d-xl-table-row { display: table-row !important } .d-xl-table-cell { display: table-cell !important } .d-xl-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } @media print { .d-print-none { display: none !important } .d-print-inline { display: inline !important } .d-print-inline-block { display: inline-block !important } .d-print-block { display: block !important } .d-print-table { display: table !important } .d-print-table-row { display: table-row !important } .d-print-table-cell { display: table-cell !important } .d-print-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important } .d-print-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: "" } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .embed-responsive-21by9::before { padding-top: 42.85714% } .embed-responsive-16by9::before { padding-top: 56.25% } .embed-responsive-4by3::before { padding-top: 75% } .embed-responsive-1by1::before { padding-top: 100% } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-sm-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-sm-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-sm-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-sm-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-sm-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-sm-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-sm-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-sm-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-sm-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-sm-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-sm-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-sm-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-sm-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-sm-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-sm-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-sm-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-sm-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-sm-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-sm-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-sm-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-sm-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-sm-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-sm-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-sm-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-sm-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-sm-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-sm-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-sm-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-md-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-md-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-md-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-md-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-md-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-md-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-md-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-md-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-md-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-md-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-md-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-md-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-md-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-md-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-md-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-md-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-md-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-md-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-md-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-md-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-md-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-md-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-md-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-md-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-md-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-md-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-md-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-md-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-lg-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-lg-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-lg-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-lg-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-lg-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-lg-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-lg-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-lg-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-lg-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-lg-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-lg-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-lg-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-lg-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-lg-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-lg-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-lg-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-lg-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-lg-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-lg-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-lg-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-lg-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-lg-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-lg-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-lg-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-lg-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-lg-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-lg-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-lg-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } @media (min-width: 1400px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important } .flex-xl-wrap { -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important } .flex-xl-nowrap { -webkit-flex-wrap: nowrap !important; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important } .flex-xl-wrap-reverse { -webkit-flex-wrap: wrap-reverse !important; -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important } .flex-xl-fill { -webkit-box-flex: 1 !important; -webkit-flex: 1 1 auto !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -webkit-flex-grow: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -webkit-flex-grow: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important } .flex-xl-shrink-0 { -webkit-flex-shrink: 0 !important; -ms-flex-negative: 0 !important; flex-shrink: 0 !important } .flex-xl-shrink-1 { -webkit-flex-shrink: 1 !important; -ms-flex-negative: 1 !important; flex-shrink: 1 !important } .justify-content-xl-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important } .justify-content-xl-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important } .justify-content-xl-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important } .justify-content-xl-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important } .justify-content-xl-around { -webkit-justify-content: space-around !important; -ms-flex-pack: distribute !important; justify-content: space-around !important } .align-items-xl-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important } .align-items-xl-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important } .align-items-xl-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important } .align-items-xl-baseline { -webkit-box-align: baseline !important; -webkit-align-items: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important } .align-items-xl-stretch { -webkit-box-align: stretch !important; -webkit-align-items: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important } .align-content-xl-start { -webkit-align-content: flex-start !important; -ms-flex-line-pack: start !important; align-content: flex-start !important } .align-content-xl-end { -webkit-align-content: flex-end !important; -ms-flex-line-pack: end !important; align-content: flex-end !important } .align-content-xl-center { -webkit-align-content: center !important; -ms-flex-line-pack: center !important; align-content: center !important } .align-content-xl-between { -webkit-align-content: space-between !important; -ms-flex-line-pack: justify !important; align-content: space-between !important } .align-content-xl-around { -webkit-align-content: space-around !important; -ms-flex-line-pack: distribute !important; align-content: space-around !important } .align-content-xl-stretch { -webkit-align-content: stretch !important; -ms-flex-line-pack: stretch !important; align-content: stretch !important } .align-self-xl-auto { -webkit-align-self: auto !important; -ms-flex-item-align: auto !important; align-self: auto !important } .align-self-xl-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important } .align-self-xl-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important } .align-self-xl-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; align-self: center !important } .align-self-xl-baseline { -webkit-align-self: baseline !important; -ms-flex-item-align: baseline !important; align-self: baseline !important } .align-self-xl-stretch { -webkit-align-self: stretch !important; -ms-flex-item-align: stretch !important; align-self: stretch !important } } .float-left { float: left !important } .float-right { float: right !important } .float-none { float: none !important } @media (min-width: 576px) { .float-sm-left { float: left !important } .float-sm-right { float: right !important } .float-sm-none { float: none !important } } @media (min-width: 768px) { .float-md-left { float: left !important } .float-md-right { float: right !important } .float-md-none { float: none !important } } @media (min-width: 992px) { .float-lg-left { float: left !important } .float-lg-right { float: right !important } .float-lg-none { float: none !important } } @media (min-width: 1400px) { .float-xl-left { float: left !important } .float-xl-right { float: right !important } .float-xl-none { float: none !important } } .overflow-auto { overflow: auto !important } .overflow-hidden { overflow: hidden !important } .position-static { position: static !important } .position-relative { position: relative !important } .position-absolute { position: absolute !important } .position-fixed { position: fixed !important } .position-sticky { position: -webkit-sticky !important; position: sticky !important } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030 } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030 } @supports ((position: -webkit-sticky) or (position: sticky)) { .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020 } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal } .shadow-sm { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important } .w-25 { width: 25% !important } .w-50 { width: 50% !important } .w-75 { width: 75% !important } .w-100 { width: 100% !important } .w-auto { width: auto !important } .h-25 { height: 25% !important } .h-50 { height: 50% !important } .h-75 { height: 75% !important } .h-100 { height: 100% !important } .h-auto { height: auto !important } .mw-100 { max-width: 100% !important } .mh-100 { max-height: 100% !important } .min-vw-100 { min-width: 100vw !important } .min-vh-100 { min-height: 100vh !important } .vw-100 { width: 100vw !important } .vh-100 { height: 100vh !important } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0) } .m-0 { margin: 0 !important } .mt-0, .my-0 { margin-top: 0 !important } .mr-0, .mx-0 { margin-right: 0 !important } .mb-0, .my-0 { margin-bottom: 0 !important } .ml-0, .mx-0 { margin-left: 0 !important } .m-1 { margin: .25rem !important } .mt-1, .my-1 { margin-top: .25rem !important } .mr-1, .mx-1 { margin-right: .25rem !important } .mb-1, .my-1 { margin-bottom: .25rem !important } .ml-1, .mx-1 { margin-left: .25rem !important } .m-2 { margin: .5rem !important } .mt-2, .my-2 { margin-top: .5rem !important } .mr-2, .mx-2 { margin-right: .5rem !important } .mb-2, .my-2 { margin-bottom: .5rem !important } .ml-2, .mx-2 { margin-left: .5rem !important } .m-3 { margin: 1rem !important } .mt-3, .my-3 { margin-top: 1rem !important } .mr-3, .mx-3 { margin-right: 1rem !important } .mb-3, .my-3 { margin-bottom: 1rem !important } .ml-3, .mx-3 { margin-left: 1rem !important } .m-4 { margin: 1.5rem !important } .mt-4, .my-4 { margin-top: 1.5rem !important } .mr-4, .mx-4 { margin-right: 1.5rem !important } .mb-4, .my-4 { margin-bottom: 1.5rem !important } .ml-4, .mx-4 { margin-left: 1.5rem !important } .m-5 { margin: 3rem !important } .mt-5, .my-5 { margin-top: 3rem !important } .mr-5, .mx-5 { margin-right: 3rem !important } .mb-5, .my-5 { margin-bottom: 3rem !important } .ml-5, .mx-5 { margin-left: 3rem !important } .p-0 { padding: 0 !important } .pt-0, .py-0 { padding-top: 0 !important } .pr-0, .px-0 { padding-right: 0 !important } .pb-0, .py-0 { padding-bottom: 0 !important } .pl-0, .px-0 { padding-left: 0 !important } .p-1 { padding: .25rem !important } .pt-1, .py-1 { padding-top: .25rem !important } .pr-1, .px-1 { padding-right: .25rem !important } .pb-1, .py-1 { padding-bottom: .25rem !important } .pl-1, .px-1 { padding-left: .25rem !important } .p-2 { padding: .5rem !important } .pt-2, .py-2 { padding-top: .5rem !important } .pr-2, .px-2 { padding-right: .5rem !important } .pb-2, .py-2 { padding-bottom: .5rem !important } .pl-2, .px-2 { padding-left: .5rem !important } .p-3 { padding: 1rem !important } .pt-3, .py-3 { padding-top: 1rem !important } .pr-3, .px-3 { padding-right: 1rem !important } .pb-3, .py-3 { padding-bottom: 1rem !important } .pl-3, .px-3 { padding-left: 1rem !important } .p-4 { padding: 1.5rem !important } .pt-4, .py-4 { padding-top: 1.5rem !important } .pr-4, .px-4 { padding-right: 1.5rem !important } .pb-4, .py-4 { padding-bottom: 1.5rem !important } .pl-4, .px-4 { padding-left: 1.5rem !important } .p-5 { padding: 3rem !important } .pt-5, .py-5 { padding-top: 3rem !important } .pr-5, .px-5 { padding-right: 3rem !important } .pb-5, .py-5 { padding-bottom: 3rem !important } .pl-5, .px-5 { padding-left: 3rem !important } .m-n1 { margin: -.25rem !important } .mt-n1, .my-n1 { margin-top: -.25rem !important } .mr-n1, .mx-n1 { margin-right: -.25rem !important } .mb-n1, .my-n1 { margin-bottom: -.25rem !important } .ml-n1, .mx-n1 { margin-left: -.25rem !important } .m-n2 { margin: -.5rem !important } .mt-n2, .my-n2 { margin-top: -.5rem !important } .mr-n2, .mx-n2 { margin-right: -.5rem !important } .mb-n2, .my-n2 { margin-bottom: -.5rem !important } .ml-n2, .mx-n2 { margin-left: -.5rem !important } .m-n3 { margin: -1rem !important } .mt-n3, .my-n3 { margin-top: -1rem !important } .mr-n3, .mx-n3 { margin-right: -1rem !important } .mb-n3, .my-n3 { margin-bottom: -1rem !important } .ml-n3, .mx-n3 { margin-left: -1rem !important } .m-n4 { margin: -1.5rem !important } .mt-n4, .my-n4 { margin-top: -1.5rem !important } .mr-n4, .mx-n4 { margin-right: -1.5rem !important } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important } .ml-n4, .mx-n4 { margin-left: -1.5rem !important } .m-n5 { margin: -3rem !important } .mt-n5, .my-n5 { margin-top: -3rem !important } .mr-n5, .mx-n5 { margin-right: -3rem !important } .mb-n5, .my-n5 { margin-bottom: -3rem !important } .ml-n5, .mx-n5 { margin-left: -3rem !important } .m-auto { margin: auto !important } .mt-auto, .my-auto { margin-top: auto !important } .mr-auto, .mx-auto { margin-right: auto !important } .mb-auto, .my-auto { margin-bottom: auto !important } .ml-auto, .mx-auto { margin-left: auto !important } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important } .mt-sm-0, .my-sm-0 { margin-top: 0 !important } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important } .m-sm-1 { margin: .25rem !important } .mt-sm-1, .my-sm-1 { margin-top: .25rem !important } .mr-sm-1, .mx-sm-1 { margin-right: .25rem !important } .mb-sm-1, .my-sm-1 { margin-bottom: .25rem !important } .ml-sm-1, .mx-sm-1 { margin-left: .25rem !important } .m-sm-2 { margin: .5rem !important } .mt-sm-2, .my-sm-2 { margin-top: .5rem !important } .mr-sm-2, .mx-sm-2 { margin-right: .5rem !important } .mb-sm-2, .my-sm-2 { margin-bottom: .5rem !important } .ml-sm-2, .mx-sm-2 { margin-left: .5rem !important } .m-sm-3 { margin: 1rem !important } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important } .m-sm-4 { margin: 1.5rem !important } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important } .m-sm-5 { margin: 3rem !important } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important } .p-sm-0 { padding: 0 !important } .pt-sm-0, .py-sm-0 { padding-top: 0 !important } .pr-sm-0, .px-sm-0 { padding-right: 0 !important } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important } .pl-sm-0, .px-sm-0 { padding-left: 0 !important } .p-sm-1 { padding: .25rem !important } .pt-sm-1, .py-sm-1 { padding-top: .25rem !important } .pr-sm-1, .px-sm-1 { padding-right: .25rem !important } .pb-sm-1, .py-sm-1 { padding-bottom: .25rem !important } .pl-sm-1, .px-sm-1 { padding-left: .25rem !important } .p-sm-2 { padding: .5rem !important } .pt-sm-2, .py-sm-2 { padding-top: .5rem !important } .pr-sm-2, .px-sm-2 { padding-right: .5rem !important } .pb-sm-2, .py-sm-2 { padding-bottom: .5rem !important } .pl-sm-2, .px-sm-2 { padding-left: .5rem !important } .p-sm-3 { padding: 1rem !important } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important } .p-sm-4 { padding: 1.5rem !important } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important } .p-sm-5 { padding: 3rem !important } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important } .m-sm-n1 { margin: -.25rem !important } .mt-sm-n1, .my-sm-n1 { margin-top: -.25rem !important } .mr-sm-n1, .mx-sm-n1 { margin-right: -.25rem !important } .mb-sm-n1, .my-sm-n1 { margin-bottom: -.25rem !important } .ml-sm-n1, .mx-sm-n1 { margin-left: -.25rem !important } .m-sm-n2 { margin: -.5rem !important } .mt-sm-n2, .my-sm-n2 { margin-top: -.5rem !important } .mr-sm-n2, .mx-sm-n2 { margin-right: -.5rem !important } .mb-sm-n2, .my-sm-n2 { margin-bottom: -.5rem !important } .ml-sm-n2, .mx-sm-n2 { margin-left: -.5rem !important } .m-sm-n3 { margin: -1rem !important } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important } .m-sm-n4 { margin: -1.5rem !important } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important } .m-sm-n5 { margin: -3rem !important } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important } .m-sm-auto { margin: auto !important } .mt-sm-auto, .my-sm-auto { margin-top: auto !important } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important } .mt-md-0, .my-md-0 { margin-top: 0 !important } .mr-md-0, .mx-md-0 { margin-right: 0 !important } .mb-md-0, .my-md-0 { margin-bottom: 0 !important } .ml-md-0, .mx-md-0 { margin-left: 0 !important } .m-md-1 { margin: .25rem !important } .mt-md-1, .my-md-1 { margin-top: .25rem !important } .mr-md-1, .mx-md-1 { margin-right: .25rem !important } .mb-md-1, .my-md-1 { margin-bottom: .25rem !important } .ml-md-1, .mx-md-1 { margin-left: .25rem !important } .m-md-2 { margin: .5rem !important } .mt-md-2, .my-md-2 { margin-top: .5rem !important } .mr-md-2, .mx-md-2 { margin-right: .5rem !important } .mb-md-2, .my-md-2 { margin-bottom: .5rem !important } .ml-md-2, .mx-md-2 { margin-left: .5rem !important } .m-md-3 { margin: 1rem !important } .mt-md-3, .my-md-3 { margin-top: 1rem !important } .mr-md-3, .mx-md-3 { margin-right: 1rem !important } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important } .ml-md-3, .mx-md-3 { margin-left: 1rem !important } .m-md-4 { margin: 1.5rem !important } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important } .m-md-5 { margin: 3rem !important } .mt-md-5, .my-md-5 { margin-top: 3rem !important } .mr-md-5, .mx-md-5 { margin-right: 3rem !important } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important } .ml-md-5, .mx-md-5 { margin-left: 3rem !important } .p-md-0 { padding: 0 !important } .pt-md-0, .py-md-0 { padding-top: 0 !important } .pr-md-0, .px-md-0 { padding-right: 0 !important } .pb-md-0, .py-md-0 { padding-bottom: 0 !important } .pl-md-0, .px-md-0 { padding-left: 0 !important } .p-md-1 { padding: .25rem !important } .pt-md-1, .py-md-1 { padding-top: .25rem !important } .pr-md-1, .px-md-1 { padding-right: .25rem !important } .pb-md-1, .py-md-1 { padding-bottom: .25rem !important } .pl-md-1, .px-md-1 { padding-left: .25rem !important } .p-md-2 { padding: .5rem !important } .pt-md-2, .py-md-2 { padding-top: .5rem !important } .pr-md-2, .px-md-2 { padding-right: .5rem !important } .pb-md-2, .py-md-2 { padding-bottom: .5rem !important } .pl-md-2, .px-md-2 { padding-left: .5rem !important } .p-md-3 { padding: 1rem !important } .pt-md-3, .py-md-3 { padding-top: 1rem !important } .pr-md-3, .px-md-3 { padding-right: 1rem !important } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important } .pl-md-3, .px-md-3 { padding-left: 1rem !important } .p-md-4 { padding: 1.5rem !important } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important } .p-md-5 { padding: 3rem !important } .pt-md-5, .py-md-5 { padding-top: 3rem !important } .pr-md-5, .px-md-5 { padding-right: 3rem !important } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important } .pl-md-5, .px-md-5 { padding-left: 3rem !important } .m-md-n1 { margin: -.25rem !important } .mt-md-n1, .my-md-n1 { margin-top: -.25rem !important } .mr-md-n1, .mx-md-n1 { margin-right: -.25rem !important } .mb-md-n1, .my-md-n1 { margin-bottom: -.25rem !important } .ml-md-n1, .mx-md-n1 { margin-left: -.25rem !important } .m-md-n2 { margin: -.5rem !important } .mt-md-n2, .my-md-n2 { margin-top: -.5rem !important } .mr-md-n2, .mx-md-n2 { margin-right: -.5rem !important } .mb-md-n2, .my-md-n2 { margin-bottom: -.5rem !important } .ml-md-n2, .mx-md-n2 { margin-left: -.5rem !important } .m-md-n3 { margin: -1rem !important } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important } .m-md-n4 { margin: -1.5rem !important } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important } .m-md-n5 { margin: -3rem !important } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important } .m-md-auto { margin: auto !important } .mt-md-auto, .my-md-auto { margin-top: auto !important } .mr-md-auto, .mx-md-auto { margin-right: auto !important } .mb-md-auto, .my-md-auto { margin-bottom: auto !important } .ml-md-auto, .mx-md-auto { margin-left: auto !important } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important } .mt-lg-0, .my-lg-0 { margin-top: 0 !important } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important } .m-lg-1 { margin: .25rem !important } .mt-lg-1, .my-lg-1 { margin-top: .25rem !important } .mr-lg-1, .mx-lg-1 { margin-right: .25rem !important } .mb-lg-1, .my-lg-1 { margin-bottom: .25rem !important } .ml-lg-1, .mx-lg-1 { margin-left: .25rem !important } .m-lg-2 { margin: .5rem !important } .mt-lg-2, .my-lg-2 { margin-top: .5rem !important } .mr-lg-2, .mx-lg-2 { margin-right: .5rem !important } .mb-lg-2, .my-lg-2 { margin-bottom: .5rem !important } .ml-lg-2, .mx-lg-2 { margin-left: .5rem !important } .m-lg-3 { margin: 1rem !important } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important } .m-lg-4 { margin: 1.5rem !important } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important } .m-lg-5 { margin: 3rem !important } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important } .p-lg-0 { padding: 0 !important } .pt-lg-0, .py-lg-0 { padding-top: 0 !important } .pr-lg-0, .px-lg-0 { padding-right: 0 !important } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important } .pl-lg-0, .px-lg-0 { padding-left: 0 !important } .p-lg-1 { padding: .25rem !important } .pt-lg-1, .py-lg-1 { padding-top: .25rem !important } .pr-lg-1, .px-lg-1 { padding-right: .25rem !important } .pb-lg-1, .py-lg-1 { padding-bottom: .25rem !important } .pl-lg-1, .px-lg-1 { padding-left: .25rem !important } .p-lg-2 { padding: .5rem !important } .pt-lg-2, .py-lg-2 { padding-top: .5rem !important } .pr-lg-2, .px-lg-2 { padding-right: .5rem !important } .pb-lg-2, .py-lg-2 { padding-bottom: .5rem !important } .pl-lg-2, .px-lg-2 { padding-left: .5rem !important } .p-lg-3 { padding: 1rem !important } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important } .p-lg-4 { padding: 1.5rem !important } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important } .p-lg-5 { padding: 3rem !important } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important } .m-lg-n1 { margin: -.25rem !important } .mt-lg-n1, .my-lg-n1 { margin-top: -.25rem !important } .mr-lg-n1, .mx-lg-n1 { margin-right: -.25rem !important } .mb-lg-n1, .my-lg-n1 { margin-bottom: -.25rem !important } .ml-lg-n1, .mx-lg-n1 { margin-left: -.25rem !important } .m-lg-n2 { margin: -.5rem !important } .mt-lg-n2, .my-lg-n2 { margin-top: -.5rem !important } .mr-lg-n2, .mx-lg-n2 { margin-right: -.5rem !important } .mb-lg-n2, .my-lg-n2 { margin-bottom: -.5rem !important } .ml-lg-n2, .mx-lg-n2 { margin-left: -.5rem !important } .m-lg-n3 { margin: -1rem !important } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important } .m-lg-n4 { margin: -1.5rem !important } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important } .m-lg-n5 { margin: -3rem !important } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important } .m-lg-auto { margin: auto !important } .mt-lg-auto, .my-lg-auto { margin-top: auto !important } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important } } @media (min-width: 1400px) { .m-xl-0 { margin: 0 !important } .mt-xl-0, .my-xl-0 { margin-top: 0 !important } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important } .m-xl-1 { margin: .25rem !important } .mt-xl-1, .my-xl-1 { margin-top: .25rem !important } .mr-xl-1, .mx-xl-1 { margin-right: .25rem !important } .mb-xl-1, .my-xl-1 { margin-bottom: .25rem !important } .ml-xl-1, .mx-xl-1 { margin-left: .25rem !important } .m-xl-2 { margin: .5rem !important } .mt-xl-2, .my-xl-2 { margin-top: .5rem !important } .mr-xl-2, .mx-xl-2 { margin-right: .5rem !important } .mb-xl-2, .my-xl-2 { margin-bottom: .5rem !important } .ml-xl-2, .mx-xl-2 { margin-left: .5rem !important } .m-xl-3 { margin: 1rem !important } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important } .m-xl-4 { margin: 1.5rem !important } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important } .m-xl-5 { margin: 3rem !important } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important } .p-xl-0 { padding: 0 !important } .pt-xl-0, .py-xl-0 { padding-top: 0 !important } .pr-xl-0, .px-xl-0 { padding-right: 0 !important } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important } .pl-xl-0, .px-xl-0 { padding-left: 0 !important } .p-xl-1 { padding: .25rem !important } .pt-xl-1, .py-xl-1 { padding-top: .25rem !important } .pr-xl-1, .px-xl-1 { padding-right: .25rem !important } .pb-xl-1, .py-xl-1 { padding-bottom: .25rem !important } .pl-xl-1, .px-xl-1 { padding-left: .25rem !important } .p-xl-2 { padding: .5rem !important } .pt-xl-2, .py-xl-2 { padding-top: .5rem !important } .pr-xl-2, .px-xl-2 { padding-right: .5rem !important } .pb-xl-2, .py-xl-2 { padding-bottom: .5rem !important } .pl-xl-2, .px-xl-2 { padding-left: .5rem !important } .p-xl-3 { padding: 1rem !important } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important } .p-xl-4 { padding: 1.5rem !important } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important } .p-xl-5 { padding: 3rem !important } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important } .m-xl-n1 { margin: -.25rem !important } .mt-xl-n1, .my-xl-n1 { margin-top: -.25rem !important } .mr-xl-n1, .mx-xl-n1 { margin-right: -.25rem !important } .mb-xl-n1, .my-xl-n1 { margin-bottom: -.25rem !important } .ml-xl-n1, .mx-xl-n1 { margin-left: -.25rem !important } .m-xl-n2 { margin: -.5rem !important } .mt-xl-n2, .my-xl-n2 { margin-top: -.5rem !important } .mr-xl-n2, .mx-xl-n2 { margin-right: -.5rem !important } .mb-xl-n2, .my-xl-n2 { margin-bottom: -.5rem !important } .ml-xl-n2, .mx-xl-n2 { margin-left: -.5rem !important } .m-xl-n3 { margin: -1rem !important } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important } .m-xl-n4 { margin: -1.5rem !important } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important } .m-xl-n5 { margin: -3rem !important } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important } .m-xl-auto { margin: auto !important } .mt-xl-auto, .my-xl-auto { margin-top: auto !important } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important } .text-justify { text-align: justify !important } .text-wrap { white-space: normal !important } .text-nowrap { white-space: nowrap !important } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .text-left { text-align: left !important } .text-right { text-align: right !important } .text-center { text-align: center !important } @media (min-width: 576px) { .text-sm-left { text-align: left !important } .text-sm-right { text-align: right !important } .text-sm-center { text-align: center !important } } @media (min-width: 768px) { .text-md-left { text-align: left !important } .text-md-right { text-align: right !important } .text-md-center { text-align: center !important } } @media (min-width: 992px) { .text-lg-left { text-align: left !important } .text-lg-right { text-align: right !important } .text-lg-center { text-align: center !important } } @media (min-width: 1400px) { .text-xl-left { text-align: left !important } .text-xl-right { text-align: right !important } .text-xl-center { text-align: center !important } } .text-lowercase { text-transform: lowercase !important } .text-uppercase { text-transform: uppercase !important } .text-capitalize { text-transform: capitalize !important } .font-weight-light { font-weight: 300 !important } .font-weight-lighter { font-weight: lighter !important } .font-weight-normal { font-weight: 400 !important } .font-weight-bold { font-weight: 700 !important } .font-weight-bolder { font-weight: bolder !important } .font-italic { font-style: italic !important } .text-white { color: #fff !important } .text-primary { color: #192743 !important } a.text-primary:hover, a.text-primary:focus { color: #04070b !important } .text-secondary { color: #ffa049 !important } a.text-secondary:hover, a.text-secondary:focus { color: #fc7800 !important } .text-success { color: #0bbf68 !important } a.text-success:hover, a.text-success:focus { color: #077741 !important } .text-info { color: #0355d2 !important } a.text-info:hover, a.text-info:focus { color: #023687 !important } .text-warning { color: #fbd930 !important } a.text-warning:hover, a.text-warning:focus { color: #dab604 !important } .text-danger { color: #d62f1c !important } a.text-danger:hover, a.text-danger:focus { color: #922013 !important } .text-light { color: #f8f9fa !important } a.text-light:hover, a.text-light:focus { color: #cbd3da !important } .text-dark { color: #343a40 !important } a.text-dark:hover, a.text-dark:focus { color: #121416 !important } .text-primary-smokey { color: #323c50 !important } a.text-primary-smokey:hover, a.text-primary-smokey:focus { color: #151921 !important } .text-primary-smokey-dark { color: #2d3647 !important } a.text-primary-smokey-dark:hover, a.text-primary-smokey-dark:focus { color: #0f1218 !important } .text-secondary-light { color: #ffb731 !important } a.text-secondary-light:hover, a.text-secondary-light:focus { color: #e49400 !important } .text-tertiary { color: #1abc9c !important } a.text-tertiary:hover, a.text-tertiary:focus { color: #117964 !important } .text-body { color: #333 !important } .text-muted { color: #6c757d !important } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .text-decoration-none { text-decoration: none !important } .text-break { word-break: break-word !important; overflow-wrap: break-word !important } .text-reset { color: inherit !important } .visible { visibility: visible !important } .invisible { visibility: hidden !important } /*! nouislider - 14.0.2 - 6/28/2019 */ .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; -webkit-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connects { overflow: hidden; z-index: 0 } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform-style: flat; transform-style: flat } .noUi-connect { height: 100%; width: 100% } .noUi-origin { height: 10%; width: 10% } html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0 } .noUi-vertical .noUi-origin { width: 0 } .noUi-horizontal .noUi-origin { height: 0 } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute } .noUi-touch-area { height: 100%; width: 100% } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -o-transform 0.3s } .noUi-state-drag * { cursor: inherit !important } .noUi-horizontal { height: 18px } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto } .noUi-target { background: #FAFAFA; border-radius: 4px; border: 1px solid #D3D3D3; -webkit-box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB } .noUi-connects { border-radius: 3px } .noUi-connect { background: #3FB8AF } .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; -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB } .noUi-active { -webkit-box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB } .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px } .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 } .noUi-pips, .noUi-pips * { -webkit-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: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); transform: translate(-50%, 50%) } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%) } .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: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); -o-transform: translate(0, 50%); transform: translate(0, 50%) } .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); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120% } .calentim-container, .calentim-container-mobile { font-size: 15px; float: left; font-family: "Montserrat", sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 999999; -webkit-font-smoothing: antialiased; font-kerning: normal; -webkit-font-kerning: normal; -webkit-text-size-adjust: 100% } .calentim-container:focus, .calentim-container-mobile:focus { -webkit-box-shadow: none; box-shadow: none; outline: none } .calentim-container .calentim-input, .calentim-container-mobile .calentim-input { margin: 5px; border: none; border-radius: 6px; overflow: hidden; top: inherit; background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .calentim-container .calentim-input.calentim-input-vertical-range, .calentim-container-mobile .calentim-input.calentim-input-vertical-range { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-left, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-left { border-right: none } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right { background: #fff; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges { border-top: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0; padding-bottom: 24px; overflow-y: auto; overflow-x: hidden; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range-header-container, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range-header-container { padding: 8px 12px } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; padding: 8px 12px; margin: 3px 6px; background: #f8f8ff; border: none; border-radius: 3px } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range.calentim-range-selected, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-ranges .calentim-range.calentim-range-selected { background: #1abc9c; color: white } .calentim-container .calentim-input.calentim-input-vertical-range .calentim-right .calentim-footer, .calentim-container-mobile .calentim-input.calentim-input-vertical-range .calentim-right .calentim-footer { border-top: none; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0 } .calentim-container .calentim-input .calentim-header, .calentim-container-mobile .calentim-input .calentim-header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px 10px 20px; border-bottom: none } .calentim-container .calentim-input .calentim-header .calentim-header-separator, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-separator { -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; display: block; margin: 0; margin-top: -2px; padding: 0 16px; color: aliceblue; font-size: 32px } .calentim-container .calentim-input .calentim-header .calentim-header-start, .calentim-container .calentim-input .calentim-header .calentim-header-end, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; white-space: nowrap; display: block; margin-right: 10px; text-align: left } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { float: left; font-size: 2.5em; color: #1abc9c; margin-top: -10px; margin-right: 8px; font-weight: 100; text-align: left } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date { font-size: 0.9em; color: #A6AAB3; display: inline-block } .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday { font-size: 0.7em; color: #c9c9d1 } .calentim-container .calentim-input .calentim-calendars, .calentim-container-mobile .calentim-input .calentim-calendars { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-sizing: border-box; box-sizing: border-box } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector { position: absolute; display: none; border: 0px solid #fff; top: 0; left: 0; right: 0; bottom: 0; z-index: 100 } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month { background: #eee; height: 33.33%; width: 25%; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; outline: none; word-break: break-word; word-wrap: break-word; text-transform: capitalize; cursor: pointer } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month.current { background: #1abc9c; color: white } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev { margin: 0px; background: #eee; height: 33.33%; width: 20%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; text-transform: uppercase; word-wrap: break-word; word-break: break-all; cursor: pointer } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next.current, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev.current { background: #1abc9c; color: white } .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev { font-size: 2.65em; background: white; color: #1abc9c } .calentim-container .calentim-input .calentim-calendars .calentim-calendar, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: left; padding-bottom: 8px; border-right: none; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 99 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar.no-border-right, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.no-border-right { border-right: none } .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber { width: calc(100% / 8) } @media all and (-ms-high-contrast: none) { .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar.calentim-calendar-weeknumbers .calentim-days-container .calentim-weeknumber { width: calc((100% / 8) - 1px) } } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { text-align: center; font-weight: 300; -webkit-box-flex: 0; -webkit-flex: 0; -ms-flex: 0; flex: 0; color: #424242; text-transform: capitalize; border-bottom: none; padding: 6px 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.2em } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next { font-size: 1em; cursor: hand; cursor: pointer } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i { cursor: pointer } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev { float: left } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span span { display: none; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next { float: right } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { width: calc(100% / 7); text-align: center; padding: 3px; font-size: .76em; font-weight: 400; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; margin-bottom: 1px } @media all and (-ms-high-contrast: none) { .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { width: calc((100% / 7) - 1px) } } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span { pointer-events: none; display: block; padding: 3px 3px 3px 4px; border-radius: 4px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek { text-transform: uppercase; font-size: 0.6em; font-weight: 600; color: #616161 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { background-color: #f8f8ff; color: #568EA3; border-right: none } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day { cursor: pointer; overflow: hidden; color: #212121; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .1s ease-out; -o-transition: background-color .1s ease-out; transition: background-color .1s ease-out } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end { background: rgba(26, 188, 156, 0.15); color: white } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled { background: #c6dbf0; color: #fff; opacity: .5 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-start.calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-end.calentim-disabled span { background: transparent !important } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start { border-radius: 6px 0 0 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start span { background: #1abc9c; border-radius: 4px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end { border-radius: 0 6px 6px 0 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end span { background: #1abc9c; border-radius: 4px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start.calentim-end { border-radius: 6px !important } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected), .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) { background-color: rgba(26, 188, 156, 0.15); color: black } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected) span { background-color: rgba(26, 188, 156, 0.15) } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-disabled { opacity: .66 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-first, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-first { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-hovered:not(.calentim-selected).calentim-hovered-last { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today { color: #1abc9c; font-weight: bold } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-hovered, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-hovered { color: black } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-today.calentim-selected { color: white } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range { color: #b8b8df } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end { background: rgba(26, 188, 156, 0.15); border-radius: 0 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start.calentim-today, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end.calentim-today { color: deeppink !important } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-start span { background: #1abc9c } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-disabled-range.calentim-end span { background: #1abc9c } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled { background: #f4f4fa; color: #b8b8df } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-selected, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-selected, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end { background: rgba(26, 188, 156, 0.15); color: white; border-radius: 0 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-selected.calentim-today, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start.calentim-today, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-selected.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end.calentim-today { color: deeppink !important } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-start span { background: #1abc9c } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled.calentim-end span { background: #1abc9c } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend { color: #568EA3 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month { opacity: 0.65 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev { cursor: pointer; font-size: 1.25em } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next { float: right } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev { float: left } .calentim-container .calentim-input .calentim-calendars .calentim-calendar:last-child, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar:last-child { border-right: none } .calentim-container .calentim-input .calentim-timepickers, .calentim-container-mobile .calentim-input .calentim-timepickers { border-top: none; text-align: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background: ghostwhite } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 6px 5px; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; border-right: none } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker:last-child, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker:last-child { border-right: none } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: #1abc9c; font-size: 1.8em; font-weight: bold; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 .1em; margin-top: -2px } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-left: 5px; font-size: 0.7em; font-weight: bold; color: #6a6e71 } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #ddd; border-radius: 4px 4px 0 0; background: white; border-bottom: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px; cursor: pointer } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #ddd; border-radius: 0 0 4px 4px; background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 5px; cursor: pointer } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected { background: #1abc9c; border-color: #1abc9c; color: white } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; padding: 0; margin: 0; line-height: 1.4em; height: 4.2em; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ddd; border-radius: 4px 0 0 4px; border: 1px solid #ddd; border-right: none; text-align: center; background: white } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-prev, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-prev { -webkit-transform: perspective(4em) rotateX(30deg); transform: perspective(4em) rotateX(30deg); color: #424242; opacity: .5; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected { color: #424242; font-size: 1.5em; font-weight: bold; background: #fff } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-next, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected-next { -webkit-transform: perspective(4em) rotateX(-30deg); transform: perspective(4em) rotateX(-30deg); color: #424242; opacity: .5; -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; line-height: 1.4em; height: 4.2em; padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; color: #ddd; background: white; border-radius: 4px 0 0 4px; border: 1px solid #ddd; border-right: none; text-align: center } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-prev, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-prev { -webkit-transform: perspective(4em) rotateX(30deg); transform: perspective(4em) rotateX(30deg); color: #424242; opacity: .5; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; transform-origin: bottom } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected { color: #424242; font-size: 1.5em; font-weight: bold; background: #fff; -webkit-box-shadow: inset 0 0 10px 100px white; box-shadow: inset 0 0 10px 100px white } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-next, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected-next { -webkit-transform: perspective(4em) rotateX(-30deg); transform: perspective(4em) rotateX(-30deg); color: #424242; opacity: .5; -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-up, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-up, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-up { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 4px; background: white; border: none; background: white; cursor: pointer } .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-down, .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-hours-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows .calentim-timepicker-minutes-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-hours-down, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows .calentim-timepicker-minutes-down { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 4px; background: white; border: none; background: white; border-top: none; cursor: pointer } .calentim-container .calentim-input .calentim-ranges, .calentim-container-mobile .calentim-input .calentim-ranges { border-top: none; clear: both; padding: 10px; text-align: left } .calentim-container .calentim-input .calentim-ranges i, .calentim-container-mobile .calentim-input .calentim-ranges i { float: left; color: #6a6e71; font-size: 14px; margin-right: 5px; margin-top: 1px } .calentim-container .calentim-input .calentim-ranges .calentim-range-header, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range-header { font-size: 0.8em; color: #6a6e71; display: inline-block; margin-right: 5px; font-weight: bold } .calentim-container .calentim-input .calentim-ranges .calentim-range, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { display: inline-block; color: rgba(26, 188, 156, 0.15); margin: 3px; font-size: 0.7em; cursor: pointer; font-weight: bold } .calentim-container .calentim-input .calentim-ranges .calentim-range.calentim-range-selected, .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range.calentim-range-selected { color: #f03a47 } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end { background-image: -webkit-linear-gradient(45deg, #f3f3ff 49%, transparent 50%); background-image: -o-linear-gradient(45deg, #f3f3ff 49%, transparent 50%); background-image: linear-gradient(45deg, #f3f3ff 49%, transparent 50%) } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start { background-image: -webkit-linear-gradient(225deg, #f3f3ff 49%, transparent 50%); background-image: -o-linear-gradient(225deg, #f3f3ff 49%, transparent 50%); background-image: linear-gradient(225deg, #f3f3ff 49%, transparent 50%) } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-disabled-range-end, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-disabled-range-end { background-image: -webkit-linear-gradient(45deg, #f3f3ff 49%, transparent 50%); background-image: -o-linear-gradient(45deg, #f3f3ff 49%, transparent 50%); background-image: linear-gradient(45deg, #f3f3ff 49%, transparent 50%) } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-disabled-range-end.calentim-selected { background-image: none !important } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range { color: #b8b8df; background: #f3f3ff } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-selected, .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-selected, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end { background: rgba(26, 188, 156, 0.15); color: white; border-radius: 0 } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today, .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start.calentim-today, .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end.calentim-today, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-selected.calentim-today, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start.calentim-today, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end.calentim-today { color: deeppink !important } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start { border-top-left-radius: 6px; border-bottom-left-radius: 6px } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start span, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-start span { background: #1abc9c } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end { border-top-right-radius: 6px; border-bottom-right-radius: 6px } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end span, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled.calentim-disabled-range.calentim-end span { background: #1abc9c } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-hovered, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-start.calentim-hovered { background: -webkit-linear-gradient(45deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; background: -o-linear-gradient(45deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; background: linear-gradient(45deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; border-radius: 0 !important } .calentim-container.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end.calentim-hovered, .calentim-container-mobile.calentim-hotel-style .calentim-calendar .calentim-disabled-range-end.calentim-hovered { background: -webkit-linear-gradient(225deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; background: -o-linear-gradient(225deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; background: linear-gradient(225deg, rgba(26, 188, 156, 0.15) 49%, #f3f3ff 50%) !important; border-radius: 0 !important } .calentim-container.calentim-hidden-calendar .calentim-input .calentim-timepickers { border-top: none } .calentim-container.calentim-hidden-calendar .calentim-box-arrow-top:after { border-bottom-color: #f8f8ff } .calentim-container .calentim-input .calentim-footer { text-align: right } .calentim-container .calentim-input .calentim-footer .calentim-apply { background: rgba(26, 188, 156, 0.15); border: none; padding: 6px 18px; color: white; font-family: "Montserrat", sans-serif; font-size: 12px; margin: 6px; border-radius: 3px } .calentim-container .calentim-input .calentim-footer .calentim-apply:disabled { background: #c9c9d1; color: gray } .calentim-container .calentim-input .calentim-footer .calentim-cancel { background: #c9c9d1; border: none; padding: 6px 18px; color: #6a6e71; margin: 6px; font-family: "Montserrat", sans-serif; font-size: 12px; margin-right: 0px; border-radius: 3px } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month:hover { background: rgba(26, 188, 156, 1); cursor: pointer; color: white } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year-prev:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-next:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year-prev:hover { background: rgba(26, 188, 156, 1); cursor: pointer; color: white } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev i:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next i:hover { text-shadow: 1px 2px 3px #eee } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-month-switch:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title span .calentim-year-switch:hover { color: rgba(26, 188, 156, 0.15); cursor: hand; cursor: pointer } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected), .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) { background: gainsboro; border-radius: 3px } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-next:hover, .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-prev:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-next:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-prev:hover { text-shadow: 1px 2px 3px #eee } .calentim-notouch .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-am:hover { cursor: pointer; cursor: hand; background: #f8f8ff } .calentim-notouch .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-timepicker-ampm-pm:hover { cursor: pointer; cursor: hand; background: #f8f8ff } .calentim-notouch .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-ampm .calentim-ampm-selected:hover { background: #1abc9c; color: white } .calentim-notouch .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows>div:hover, .calentim-notouch .calentim-container .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows>div:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows>div:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows>div:hover { background: whitesmoke; cursor: pointer; cursor: hand } .calentim-notouch .calentim-container .calentim-input .calentim-ranges .calentim-range:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range:hover { text-decoration: underline } .calentim-notouch .calentim-container .calentim-input .calentim-ranges .calentim-range.calentim-range-selected:hover, .calentim-notouch .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range.calentim-range-selected:hover { text-decoration: none } .calentim-container-mobile.calentim-hidden-calendar .calentim-input .calentim-timepickers { max-width: 100%; border-bottom: none; border-top: none } .calentim-container-mobile.calentim-hidden-calendar .calentim-input .calentim-footer { width: 100%; background: white } .calentim-container-mobile .calentim-input { margin: 0; border: 0; border-radius: 0; position: fixed; bottom: 0; right: 0; left: 0; z-index: 999999; margin: 6px; border-radius: 6px; border: 1px solid #ddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; overflow-y: hidden } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input { bottom: 0; overflow-y: hidden; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } } .calentim-container-mobile .calentim-input .calentim-header { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 12px; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-flex-flow: nowrap; -ms-flex-flow: nowrap; flex-flow: nowrap; background: #f8f8ff; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1em } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-header { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border-left: 1px solid #ddd; font-size: .857em } } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-separator { padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; color: lightsteelblue; margin-top: 2px } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { margin: 0 } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-day, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { font-size: 2.8em; margin: -10px; font-weight: 400 } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-date, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-date { font-size: 1em; color: #424242; font-weight: 500 } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-end-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-start-weekday, .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-weekday { font-size: 0.8em; color: #424242; font-weight: 400; line-height: 10px } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-start .calentim-header-start-day { margin-right: 8px; margin-left: 0; float: left } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end { text-align: right } .calentim-container-mobile .calentim-input .calentim-header .calentim-header-end .calentim-header-end-day { float: right; margin-left: 8px; margin-right: 0 } .calentim-container-mobile .calentim-input .calentim-calendars { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; background: white; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: scroll } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars { width: 50%; -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0 } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector { border-bottom: none } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ms-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ms-month { -webkit-box-flex: 1; -webkit-flex: 1 1 33.33%; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; height: 25% } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-month-selector .calentim-ys-year, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-year-selector .calentim-ys-year { -webkit-box-flex: 1; -webkit-flex: 1 1 20%; -ms-flex: 1 1 20%; flex: 1 1 20%; height: 33.33% } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { border-right: none; display: block } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { border: none } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar:first-child .calentim-title { border-top: none } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { background: #f8f8ff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1.25em; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-top: none; color: #424242 } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px } } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container { padding: 10px 4px } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled { min-height: calc((100% - 48px) / 8); font-size: 0.8572em; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .calentim-container-mobile .calentim-input .calentim-ranges { background: white; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin: 0px; padding: 4px; border: none; text-align: center } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-ranges { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex: 1 1 0; -ms-flex: 1 1 0px; flex: 1 1 0; border-left: 1px solid #ddd; overflow-y: scroll; min-height: 50px } } .calentim-container-mobile .calentim-input .calentim-ranges i { font-size: 20px; display: none } .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range-header { font-size: 0.9em; display: none } .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { font-size: 0.85em; padding: 4px 8px; background: #1abc9c; font-weight: 400; color: white; border-radius: 21px } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-ranges .calentim-range { border-radius: 6px; display: block; margin: 4px } } .calentim-container-mobile .calentim-input .calentim-filler { display: none } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-filler { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: auto; border-left: 1px solid #ddd; min-height: 100px; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3 } } .calentim-container-mobile .calentim-input .calentim-ranges+.calentim-filler { display: none } .calentim-container-mobile .calentim-input .calentim-footer { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; text-align: center; padding: 6px 6px 7px 6px; background: #f8f8ff; border-top: 1px solid #ddd } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-footer { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid #ddd; margin-top: auto } } .calentim-container-mobile .calentim-input .calentim-footer button { font-size: 15px; font-family: "Montserrat", sans-serif; padding: 4px; font-weight: 400; outline: none; border: none; border-radius: 4px; width: calc((100% - 10px)/2) } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply { background: #f03a47; color: white; margin-left: 7px; font-weight: 500; border: 1px solid #f03a47 } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply[disabled=disabled], .calentim-container-mobile .calentim-input .calentim-footer button.calentim-apply:disabled { background: #c9c9d1; color: #A6AAB3; border: 1px solid #A6AAB3 } .calentim-container-mobile .calentim-input .calentim-footer button.calentim-cancel { background: transparent; color: #f03a47; border: 1px solid #f03a47; -webkit-box-sizing: border-box; box-sizing: border-box } .calentim-container-mobile .calentim-input .calentim-timepickers { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background: ghostwhite; font-size: 1em; border-top: none; border-bottom: none } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-timepickers { border-top: none; border-bottom: none; border-left: none; font-size: 1.125em; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2 } } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { margin-top: 0px; color: #6a6e71; font-size: 1.8em; font-weight: bold } @media screen and (orientation: landscape) { .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-hour-minute-seperator { margin-top: 0px; font-size: 1.4em } } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours { font-size: 21px; border: 1px solid #ddd; border-radius: 3px } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hours-wrapper .calentim-timepicker-hours .calentim-hour-selected { background: whitesmoke; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0 2px } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes { font-size: 21px; border: 1px solid #ddd; border-radius: 3px } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minutes-wrapper .calentim-timepicker-minutes .calentim-minute-selected { background: whitesmoke; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0 2px } .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-hour-arrows, .calentim-container-mobile .calentim-input .calentim-timepickers .calentim-timepicker .calentim-timepicker-minute-arrows { display: none } .calentim-container-mobile.calentim-inline { -webkit-box-sizing: border-box; box-sizing: border-box } .calentim-container-mobile.calentim-inline .calentim-input { position: static; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box } .calentim-container-mobile.calentim-inline .calentim-input .calentim-footer { display: none !important } .calentim-container-mobile.calentim-inline .calentim-input.calentim-hidden-calendar .calentim-timepickers { max-width: 100%; border-top-width: 0 !important } @media screen and (orientation: landscape) { .calentim-container-mobile.calentim-inline .calentim-input { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .calentim-container-mobile.calentim-inline .calentim-input .calentim-calendars { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: calc(50% - 1px); border-left: none; border-right: 1px solid #ddd } .calentim-container-mobile.calentim-inline .calentim-input .calentim-header { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: calc(50% - 1px); border-left: none; border-right: 1px solid #ddd; border-bottom: none } .calentim-container-mobile.calentim-inline .calentim-input .calentim-timepickers { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 50%; border-left: none } .calentim-container-mobile.calentim-inline .calentim-input .calentim-timepickers .calentim-timepicker-ampm { width: 7vmin } .calentim-container-mobile.calentim-inline .calentim-input .calentim-ranges { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 50%; border-left: none } } .calentim-open { overflow: hidden } .calentim-overlay { z-index: 9998; display: none; background: rgba(0, 0, 0, 0.4); position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100vw; height: 100vh } .calentim-no-anim { -webkit-transition: all 0s ease !important; -o-transition: all 0s ease !important; transition: all 0s ease !important } .calentim-popup { position: absolute; display: none; top: 0; left: 0 } .calentim-box-arrow-top { width: 22px; height: 22px; z-index: 12; margin-left: 0; position: absolute; top: 0px } .calentim-box-arrow-top:after, .calentim-box-arrow-top:before { bottom: calc(100% - 6px); left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .calentim-box-arrow-top:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px } .calentim-box-arrow-top:before { border-color: rgba(184, 184, 184, 0); border-bottom-color: #ddd; border-width: 11px; margin-left: -11px } .calentim-box-arrow-bottom { width: 22px; height: 22px; z-index: 12; margin-left: 0; position: absolute; bottom: 0px } .calentim-box-arrow-bottom:after, .calentim-box-arrow-bottom:before { bottom: -15px; left: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .calentim-box-arrow-bottom:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 11px; margin-left: -11px } .calentim-box-arrow-bottom:before { border-color: rgba(184, 184, 184, 0); border-top-color: #ddd; border-width: 10px; margin-left: -10px } .calentim-box-arrow-left { width: 22px; height: 22px; z-index: 12; margin-top: -11px; position: absolute; left: 0px } .calentim-box-arrow-left:after, .calentim-box-arrow-left:before { left: -15px; top: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .calentim-box-arrow-left:after { border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 11px; margin-right: -11px } .calentim-box-arrow-left:before { border-color: rgba(184, 184, 184, 0); border-right-color: #ddd; border-width: 10px; margin-right: -10px } .calentim-box-arrow-right { width: 22px; height: 22px; z-index: 12; margin-top: -11px; position: absolute; right: 0px } .calentim-box-arrow-right:after, .calentim-box-arrow-right:before { right: -15px; top: 27px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .calentim-box-arrow-right:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 11px; margin-left: -11px } .calentim-box-arrow-right:before { border-color: rgba(184, 184, 184, 0); border-left-color: #ddd; border-width: 10px; margin-left: -10px } .calentim-no-scroll::-webkit-scrollbar { display: none } .calentim-no-scroll::-moz-scrollbar { display: none } .calentim-no-scroll::-o-scrollbar { display: none } .calentim-no-scroll::-google-ms-scrollbar { display: none } .calentim-no-scroll::-khtml-scrollbar { display: none } .calentim-container.calentim-rtl .calentim-prev, .calentim-container.calentim-rtl .calentim-next, .calentim-container.calentim-rtl .calentim-header-separator { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } .calentim-container.calentim-rtl .calentim-header-start, .calentim-container.calentim-rtl .calentim-header-end { margin-right: 0; margin-left: 10px } .calentim-container.calentim-rtl .calentim-header-start .calentim-header-start-day, .calentim-container.calentim-rtl .calentim-header-start .calentim-header-end-day, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-start-day, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-day { float: right !important; margin-right: 0 !important; margin-left: 10px } .calentim-container.calentim-rtl .calentim-header-start .calentim-header-start-date, .calentim-container.calentim-rtl .calentim-header-start .calentim-header-end-date, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-start-date, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-date { display: block !important } .calentim-container.calentim-rtl .calentim-header-start .calentim-header-start-date, .calentim-container.calentim-rtl .calentim-header-start .calentim-header-start-weekday, .calentim-container.calentim-rtl .calentim-header-start .calentim-header-end-date, .calentim-container.calentim-rtl .calentim-header-start .calentim-header-end-weekday, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-start-date, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-start-weekday, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-date, .calentim-container.calentim-rtl .calentim-header-end .calentim-header-end-weekday { text-align: right !important } .calentim-container.calentim-rtl .calentim-calendar { border-left: 1px solid #ddd; border-right: 0px solid transparent !important } .calentim-container.calentim-rtl .calentim-calendar:last-child { border-left: 0px solid transparent } .calentim-container.calentim-rtl .calentim-timepicker-start { border-left: 1px solid #ddd; border-right: 0px solid transparent !important } .calentim-container.calentim-rtl .calentim-timepicker { direction: ltr } .calentim-container.calentim-rtl .calentim-day.calentim-hovered-last, .calentim-container.calentim-rtl .calentim-day.calentim-selected.calentim-end { border-radius: 6px 0 0 6px !important } .calentim-container.calentim-rtl .calentim-day.calentim-hovered-first, .calentim-container.calentim-rtl .calentim-day.calentim-selected.calentim-start { border-radius: 0 6px 6px 0 !important } @supports (-ms-ime-align: auto) { .calentim-dayofweek, .calentim-day, .calentim-disabled { width: calc(100% / 7 - 2px) !important; padding: 2px !important } } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 } .slick-list:focus { outline: none } .slick-list.dragging { cursor: pointer; cursor: hand } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto } .slick-track:before, .slick-track:after { content: ""; display: table } .slick-track:after { clear: both } .slick-loading .slick-track { visibility: hidden } .slick-slide { float: left; height: 100%; min-height: 1px; display: none } [dir="rtl"] .slick-slide { float: right } .slick-slide img { display: block } .slick-slide.slick-loading img { display: none } .slick-slide.dragging img { pointer-events: none } .slick-initialized .slick-slide { display: block } .slick-loading .slick-slide { visibility: hidden } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent } .slick-arrow.slick-hidden { display: none } .slick-slide:active, .slick-slide:focus, .slick-slide a:active, .slick-slide a:focus { outline: none } .slick-dots { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; padding: 20px 0 } .slick-dots>li { display: block; height: 10px; margin: 0 5px } .slick-dots>li.slick-active>button { background: #1abc9c } .slick-dots>li>button { width: 10px; height: 10px; padding: 0; border: none; border-radius: 10px; outline: none; background: rgba(166, 166, 187, 0.3); text-indent: -9999px } body { background-color: #f5f5f5 } @media (max-width: 991.98px) { body { -webkit-transition: overflow .2s; -o-transition: overflow .2s; transition: overflow .2s } body.mobile-overflow-hidden { overflow: hidden } body.mobile-overflow-hidden .search { z-index: 101 } } @media (max-width: 575.98px) { .container { padding-right: 20px; padding-left: 20px } } .btn-primary { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0); position: relative; color: #fff } .btn-primary:hover { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-primary.disabled, .btn-primary:disabled { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #192743; border-color: #192743 } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-primary::before { background-image: -webkit-gradient(linear, right top, left top, from(#323c50), to(#223b6f)); background-image: -webkit-linear-gradient(right, #323c50, #223b6f); background-image: -o-linear-gradient(right, #323c50, #223b6f); background-image: linear-gradient(270deg, #323c50, #223b6f); background-repeat: repeat-x; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; content: '' } .btn-primary>span { position: relative; z-index: 1 } .btn-primary:hover { color: #fff } .btn-primary:hover::before { opacity: .8 } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle { color: #fff } .btn-primary:not(:disabled):not(.disabled):active::before, .btn-primary:not(:disabled):not(.disabled).active::before, .show>.btn-primary.dropdown-toggle::before { opacity: 0 } .btn-secondary { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0); position: relative; color: #fff } .btn-secondary:hover { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-secondary:focus, .btn-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle { color: #212529; background-color: #ffa049; border-color: #ffa049 } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-secondary::before { background-image: -webkit-gradient(linear, right top, left top, from(#f7b731), to(#ffa049)); background-image: -webkit-linear-gradient(right, #f7b731, #ffa049); background-image: -o-linear-gradient(right, #f7b731, #ffa049); background-image: linear-gradient(270deg, #f7b731, #ffa049); background-repeat: repeat-x; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; content: '' } .btn-secondary>span { position: relative; z-index: 1 } .btn-secondary:hover { color: #fff } .btn-secondary:hover::before { opacity: .8 } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show>.btn-secondary.dropdown-toggle { color: #fff } .btn-secondary:not(:disabled):not(.disabled):active::before, .btn-secondary:not(:disabled):not(.disabled).active::before, .show>.btn-secondary.dropdown-toggle::before { opacity: 0 } .btn-gray { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0); position: relative; color: #fff } .btn-gray:hover { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-gray:focus, .btn-gray.focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-gray.disabled, .btn-gray:disabled { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show>.btn-gray.dropdown-toggle { color: #212529; background-color: #a6a6bb; border-color: #a6a6bb } .btn-gray:not(:disabled):not(.disabled):active:focus, .btn-gray:not(:disabled):not(.disabled).active:focus, .show>.btn-gray.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-gray::before { background-image: -webkit-gradient(linear, right top, left top, from(#a6a6bb), to(#a6a6bb)); background-image: -webkit-linear-gradient(right, #a6a6bb, #a6a6bb); background-image: -o-linear-gradient(right, #a6a6bb, #a6a6bb); background-image: linear-gradient(270deg, #a6a6bb, #a6a6bb); background-repeat: repeat-x; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; content: '' } .btn-gray>span { position: relative; z-index: 1 } .btn-gray:hover { color: #fff } .btn-gray:hover::before { opacity: .8 } .btn-gray:not(:disabled):not(.disabled):active, .btn-gray:not(:disabled):not(.disabled).active, .show>.btn-gray.dropdown-toggle { color: #fff } .btn-gray:not(:disabled):not(.disabled):active::before, .btn-gray:not(:disabled):not(.disabled).active::before, .show>.btn-gray.dropdown-toggle::before { opacity: 0 } .btn-facebook, .btn-google { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0); position: relative; color: #fff } .btn-facebook:hover, .btn-google:hover { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-facebook:focus, .btn-facebook.focus, .btn-google:focus, .btn-google.focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-facebook.disabled, .btn-facebook:disabled, .btn-google.disabled, .btn-google:disabled { color: #212529; background-color: #fff; border-color: rgba(0, 0, 0, 0) } .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show>.btn-facebook.dropdown-toggle { color: #fff; background-color: #3b5998; border-color: #3b5998 } .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show>.btn-google.dropdown-toggle { color: #fff; background-color: #ea4335; border-color: #ea4335 } .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .btn-google:not(:disabled):not(.disabled):active:focus, .btn-google:not(:disabled):not(.disabled).active:focus, .show>.btn-facebook.dropdown-toggle:focus, .show>.btn-google.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5) } .btn-facebook::before { background-image: -webkit-gradient(linear, right top, left top, from(#3b5998), to(#3b5998)); background-image: -webkit-linear-gradient(right, #3b5998, #3b5998); background-image: -o-linear-gradient(right, #3b5998, #3b5998); background-image: linear-gradient(270deg, #3b5998, #3b5998); background-repeat: repeat-x; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; content: '' } .btn-google::before { background-image: -webkit-gradient(linear, right top, left top, from(#ea4335), to(#ea4335)); background-image: -webkit-linear-gradient(right, #ea4335, #ea4335); background-image: -o-linear-gradient(right, #ea4335, #ea4335); background-image: linear-gradient(270deg, #ea4335, #ea4335); background-repeat: repeat-x; position: absolute; top: -1px; left: -1px; width: calc(100% + 2px); height: calc(100% + 2px); -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; border-radius: 4px; content: '' } .btn-facebook>span, .btn-google>span { position: relative; z-index: 1 } .btn-facebook:hover, .btn-google:hover { color: #fff } .btn-facebook:hover::before, .btn-google:hover::before { opacity: .8 } .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .btn-google:not(:disabled):not(.disabled):active, .btn-google:not(:disabled):not(.disabled).active, .show>.btn-facebook.dropdown-toggle, .show>.btn-google.dropdown-toggle { color: #fff } .btn-facebook:not(:disabled):not(.disabled):active::before, .btn-facebook:not(:disabled):not(.disabled).active::before, .btn-google:not(:disabled):not(.disabled):active::before, .btn-google:not(:disabled):not(.disabled).active::before, .show>.btn-facebook.dropdown-toggle::before, .show>.btn-google.dropdown-toggle::before { opacity: 0 } .btn-facebook .icon-facebook { width: 27px !important; height: 27px !important; } .btn-google .icon-google { width: 27px !important; height: 27px !important; z-index: 30; margin-right: .625rem } .btn-outline-primary { color: #323c50; border-color: #323c50 } .btn-outline-primary:hover { color: rgba(50, 60, 80, 0.8); background-color: rgba(0, 0, 0, 0); border-color: rgba(50, 60, 80, 0.8) } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5); box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5) } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #323c50; background-color: transparent } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(50, 60, 80, 0.8) } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5); box-shadow: 0 0 0 0 rgba(50, 60, 80, 0.5) } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle { border-color: #192743; color: #192743 } .btn-outline-secondary { color: #ffb731; border-color: #ffb731 } .btn-outline-secondary:hover { color: rgba(255, 183, 49, 0.8); background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 183, 49, 0.8) } .btn-outline-secondary:focus, .btn-outline-secondary.focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5); box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5) } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #ffb731; background-color: transparent } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(255, 183, 49, 0.8) } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5); box-shadow: 0 0 0 0 rgba(255, 183, 49, 0.5) } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show>.btn-outline-secondary.dropdown-toggle { border-color: #ffa049; color: #ffa049 } .btn-outline-gray { color: #a6a6bb; border-color: #a6a6bb } .btn-outline-gray:hover { color: rgba(166, 166, 187, 0.8); background-color: rgba(0, 0, 0, 0); border-color: rgba(166, 166, 187, 0.8) } .btn-outline-gray:focus, .btn-outline-gray.focus { -webkit-box-shadow: 0 0 0 0 rgba(166, 166, 187, 0.5); box-shadow: 0 0 0 0 rgba(166, 166, 187, 0.5) } .btn-outline-gray.disabled, .btn-outline-gray:disabled { color: #a6a6bb; background-color: transparent } .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show>.btn-outline-gray.dropdown-toggle { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(166, 166, 187, 0.8) } .btn-outline-gray:not(:disabled):not(.disabled):active:focus, .btn-outline-gray:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-gray.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(166, 166, 187, 0.5); box-shadow: 0 0 0 0 rgba(166, 166, 187, 0.5) } .btn-outline-gray:not(:disabled):not(.disabled):active, .btn-outline-gray:not(:disabled):not(.disabled).active, .show>.btn-outline-gray.dropdown-toggle { border-color: #a6a6bb; color: #a6a6bb } .btn-outline-facebook { color: #3b5998; border: 3px solid #3b5998 } .btn-outline-facebook:hover { color: rgba(59, 89, 152, 0.8); background-color: rgba(0, 0, 0, 0); border-color: rgba(59, 89, 152, 0.8) } .btn-outline-facebook:focus, .btn-outline-facebook.focus { -webkit-box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.5); box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.5) } .btn-outline-facebook.disabled, .btn-outline-facebook:disabled { color: #3b5998; background-color: transparent } .btn-outline-facebook:not(:disabled):not(.disabled):active, .btn-outline-facebook:not(:disabled):not(.disabled).active, .show>.btn-outline-facebook.dropdown-toggle { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(59, 89, 152, 0.8) } .btn-outline-facebook:not(:disabled):not(.disabled):active:focus, .btn-outline-facebook:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-facebook.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.5); box-shadow: 0 0 0 0 rgba(59, 89, 152, 0.5) } .btn-outline-facebook:not(:disabled):not(.disabled):active, .btn-outline-facebook:not(:disabled):not(.disabled).active, .show>.btn-outline-facebook.dropdown-toggle { border-color: #3b5998; color: #3b5998 } .btn-outline-google { color: #3b5998; border: 3px solid #3b5998 } .btn-outline-google:hover { color: rgba(234, 67, 53, 0.8); background-color: rgba(0, 0, 0, 0); border-color: rgba(234, 67, 53, 0.8) } .btn-outline-google:focus, .btn-outline-google.focus { -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5); box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5) } .btn-outline-google.disabled, .btn-outline-google:disabled { color: #ea4335; background-color: transparent } .btn-outline-google:not(:disabled):not(.disabled):active, .btn-outline-google:not(:disabled):not(.disabled).active, .show>.btn-outline-google.dropdown-toggle { color: #fff; background-color: rgba(0, 0, 0, 0); border-color: rgba(234, 67, 53, 0.8) } .btn-outline-google:not(:disabled):not(.disabled):active:focus, .btn-outline-google:not(:disabled):not(.disabled).active:focus, .show>.btn-outline-google.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5); box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.5) } .btn-outline-google:not(:disabled):not(.disabled):active, .btn-outline-google:not(:disabled):not(.disabled).active, .show>.btn-outline-google.dropdown-toggle { border-color: #ea4335; color: #ea4335 } .btn { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; line-height: 20px } .btn span, .btn .icon { display: block } .btn:not(.btn-sm) { text-transform: uppercase } .btn .icon { -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; color: inherit; z-index: 1; fill: currentColor } .btn .icon:not(:only-child):first-child { margin-right: 10px } .btn .icon:not(:only-child):last-child { margin-left: 10px } .btn.btn-scrolltop { height: auto; padding: 10px; background-color: #ffa049; color: #fff } .btn.btn-scrolltop:hover { background-color: rgba(255, 160, 73, 0.8) } @media (max-width: 767.98px) { .btn-sm { padding: 0.875rem .875rem } } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -8px } .noUi-target { border: none; background: #a6a6bb } .noUi-horizontal { height: 4px; border-radius: 3px } .noUi-horizontal .noUi-handle { right: -8px; width: 17px; height: 17px; border: 1px solid #a6a6bb; border-radius: 100%; outline: none; -webkit-box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05); box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.05) } .noUi-horizontal .noUi-handle::before, .noUi-horizontal .noUi-handle::after { display: none } .noUi-horizontal .noUi-handle .noUi-touch-area { width: 17px; height: 17px; outline: none } .noUi-connect { background-image: -webkit-gradient(linear, left top, right top, from(#1abc9c), to(#2d3647)); background-image: -webkit-linear-gradient(left, #1abc9c, #2d3647); background-image: -o-linear-gradient(left, #1abc9c, #2d3647); background-image: linear-gradient(90deg, #1abc9c, #2d3647); background-repeat: repeat-x } .form-group { position: relative } input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { margin: 0; -moz-appearance: none; -webkit-appearance: none } input[type='number'] { -moz-appearance: textfield } label { font-size: 14px; font-weight: 500; line-height: 18px } .form-control { height: auto; font-size: 15px; line-height: 20px } .form-control::-webkit-input-placeholder { font-weight: 400 } .form-control::-moz-placeholder { font-weight: 400 } .form-control:-ms-input-placeholder { font-weight: 400 } .form-control:-moz-placeholder { font-weight: 400 } .input-group.input-group-icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .input-group.input-group-icon .input-group-prepend>.input-group-text { padding-right: 0; border-right: none; border-radius: 4px 0 0 4px } .input-group.input-group-icon .input-group-prepend>.input-group-text svg { width: 20px; height: 20px; fill: #1abc9c } .input-group.input-group-icon>.form-control { border-left: none; border-radius: 0 4px 4px 0 } .input-group.input-group-icon>.form-control:focus+.input-group-prepend .input-group-text { border-color: #333 } .form-group-twoline, .form-group-twoline .input-group { position: relative } .form-group-twoline>input, .form-group-twoline>textarea, .form-group-twoline>select, .form-group-twoline .input-group>input, .form-group-twoline .input-group>textarea, .form-group-twoline .input-group>select { background-clip: padding-box } .was-validated .form-group-twoline>input.form-control:invalid~label, .form-group-twoline>input.form-control.is-invalid~label, .was-validated .form-group-twoline>textarea.form-control:invalid~label, .form-group-twoline>textarea.form-control.is-invalid~label, .was-validated .form-group-twoline>select.form-control:invalid~label, .form-group-twoline>select.form-control.is-invalid~label, .was-validated .form-group-twoline .input-group>input.form-control:invalid~label, .form-group-twoline .input-group>input.form-control.is-invalid~label, .was-validated .form-group-twoline .input-group>textarea.form-control:invalid~label, .form-group-twoline .input-group>textarea.form-control.is-invalid~label, .was-validated .form-group-twoline .input-group>select.form-control:invalid~label, .form-group-twoline .input-group>select.form-control.is-invalid~label { color: #d62f1c } .form-group-twoline>input.form-control~label, .form-group-twoline>textarea.form-control~label, .form-group-twoline>select.form-control~label, .form-group-twoline .input-group>input.form-control~label, .form-group-twoline .input-group>textarea.form-control~label, .form-group-twoline .input-group>select.form-control~label { position: absolute; top: 1px; right: 20px; left: 20px; height: 46px; margin: 0; padding-top: 14px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color: #fff; color: #a6a6bb; font-size: 15px; font-weight: 400; line-height: 20px; overflow: hidden; z-index: 5; pointer-events: none; width: 67%; } .form-group-twoline>input.form-control:focus, .form-group-twoline>input.form-control.has-val, .form-group-twoline>textarea.form-control:focus, .form-group-twoline>textarea.form-control.has-val, .form-group-twoline>select.form-control:focus, .form-group-twoline>select.form-control.has-val, .form-group-twoline .input-group>input.form-control:focus, .form-group-twoline .input-group>input.form-control.has-val, .form-group-twoline .input-group>textarea.form-control:focus, .form-group-twoline .input-group>textarea.form-control.has-val, .form-group-twoline .input-group>select.form-control:focus, .form-group-twoline .input-group>select.form-control.has-val { padding-top: 21.5px; padding-bottom: 6.5px } .form-group-twoline>input.form-control:focus~label, .form-group-twoline>input.form-control.has-val~label, .form-group-twoline>textarea.form-control:focus~label, .form-group-twoline>textarea.form-control.has-val~label, .form-group-twoline>select.form-control:focus~label, .form-group-twoline>select.form-control.has-val~label, .form-group-twoline .input-group>input.form-control:focus~label, .form-group-twoline .input-group>input.form-control.has-val~label, .form-group-twoline .input-group>textarea.form-control:focus~label, .form-group-twoline .input-group>textarea.form-control.has-val~label, .form-group-twoline .input-group>select.form-control:focus~label, .form-group-twoline .input-group>select.form-control.has-val~label { height: 20px; padding-top: 5px; font-size: 12px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; background: none; } .form-group-twoline>input.form-control-icon~label, .form-group-twoline>textarea.form-control-icon~label, .form-group-twoline>select.form-control-icon~label, .form-group-twoline .input-group>input.form-control-icon~label, .form-group-twoline .input-group>textarea.form-control-icon~label, .form-group-twoline .input-group>select.form-control-icon~label { left: 60px } .form-group-twoline>select.form-control~label, .form-group-twoline .input-group>select.form-control~label { right: 40px } .form-group-twoline>textarea.form-control~label, .form-group-twoline .input-group>textarea.form-control~label { height: calc(100% - 14px) } .was-validated .form-control:invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { background-image: none } .was-validated .form-control:invalid::-webkit-input-placeholder, .form-control.is-invalid::-webkit-input-placeholder, .was-validated .custom-select:invalid::-webkit-input-placeholder, .custom-select.is-invalid::-webkit-input-placeholder { color: #d62f1c } .was-validated .form-control:invalid::-moz-placeholder, .form-control.is-invalid::-moz-placeholder, .was-validated .custom-select:invalid::-moz-placeholder, .custom-select.is-invalid::-moz-placeholder { color: #d62f1c } .was-validated .form-control:invalid:-ms-input-placeholder, .form-control.is-invalid:-ms-input-placeholder, .was-validated .custom-select:invalid:-ms-input-placeholder, .custom-select.is-invalid:-ms-input-placeholder { color: #d62f1c } .was-validated .form-control:invalid:-moz-placeholder, .form-control.is-invalid:-moz-placeholder, .was-validated .custom-select:invalid:-moz-placeholder, .custom-select.is-invalid:-moz-placeholder { color: #d62f1c } .was-validated .form-control:invalid~.invalid-feedback, .form-control.is-invalid~.invalid-feedback, .was-validated .custom-select:invalid~.invalid-feedback, .custom-select.is-invalid~.invalid-feedback { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 10px; font-size: 12px; font-weight: 500; line-height: 14px } .was-validated .form-control:invalid~.invalid-feedback .icon, .form-control.is-invalid~.invalid-feedback .icon, .was-validated .custom-select:invalid~.invalid-feedback .icon, .custom-select.is-invalid~.invalid-feedback .icon { display: block; min-width: 14px; width: 14px; height: 14px; margin-right: 5px; color: #d62f1c; fill: currentColor } .invalid-tooltip { width: 100%; margin-top: 12px; padding: 15px 25px; border-radius: 2px; background-color: #d62f1c; color: #f5f5f5; font-size: 12px; font-weight: 500; line-height: 20px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); z-index: 5px; } .invalid-tooltip::before { display: block; position: absolute; top: -7px; left: 50%; width: 16px; height: 16px; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); border-radius: 2px; background-color: #d62f1c; content: '' } .invalid-tooltip-fix::before { display: block; position: absolute; top: 55px !important; left: 50%; width: 16px; height: 16px; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); border-radius: 2px; background-color: #d62f1c; content: '' } .info-tooltip { top: -150%; width: 130%; margin-top: 12px; padding: 15px 25px; border-radius: 5px; background-color: rgba(255, 255, 255, 1); color: #333; font-size: 12px; font-weight: 500; line-height: 20px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); z-index: 5; } .info-tooltip>.close-tt { display: block; position: absolute; top: 0px; right: 5px; width: 16px; height: 16px; color: #333; border-radius: 2px; background-color: rgba(255, 255, 255, 1); content: '×'; opacity: 0.3; font-size: 20px; z-index: 27; cursor: pointer !important; text-align: center !important; } .info-tooltip>.close-tt:hover { opacity: 1; } .info-tooltip::before { display: block; position: absolute; bottom: -7px; left: 50%; width: 16px; height: 16px; color: #333; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); border-radius: 2px; background-color: rgba(255, 255, 255, 1); content: '' } .info-tooltip-fix::before { display: block; position: absolute; top: 55px !important; left: 50%; width: 16px; height: 16px; color: #333; -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); border-radius: 2px; background-color: rgba(255, 255, 255, 0.9); content: '' } select.form-control { padding-right: 40px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="rgb(166,166,187)" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>'); background-repeat: no-repeat; background-position: right 20px center; -webkit-background-size: 17px 9px; background-size: 17px 9px; -moz-appearance: none; -webkit-appearance: none } select.form-control:not([size]):not([multiple]) { height: 3.125rem } .was-validated select.form-control:invalid, select.form-control.is-invalid { background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="rgb(166,166,187)" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>'); background-position: right 20px center; -webkit-background-size: 17px 9px; background-size: 17px 9px } input[required] { padding-right: calc(1.25rem + 20px) } input[type='text']~.feedback, input[type='email']~.feedback { position: absolute; top: 50%; right: 15px; width: 16px; height: 16px; margin-top: -8px } input[type='text']~.feedback .icon, input[type='email']~.feedback .icon { display: block; width: 16px; height: 16px; color: inherit; fill: currentColor } .form-quantity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .form-quantity button.btn-sm { width: 24px; height: 24px; padding: .0625rem } .form-quantity button.btn-lg { width: 44px; height: 44px; padding: .6875rem } .form-quantity button.btn-lg.btn-down { margin-right: -1px } .form-quantity button.btn-lg.btn-up { margin-left: -1px } .form-quantity .btn-up, .form-quantity .btn-down { position: relative } .form-quantity .btn-up::before, .form-quantity .btn-down::before { position: absolute; left: 50%; width: 12px; height: 1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #a6a6bb; content: '' } .form-quantity .btn-up.disabled, .form-quantity .btn-down.disabled { background: rgba(166, 166, 187, 0.5); pointer-events: none } .form-quantity .btn-up::after { position: absolute; bottom: 50%; width: 1px; height: 12px; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); background-color: #a6a6bb; content: '' } .form-quantity .form-control-sm { width: 38px; padding: .0625rem; border: none; text-align: center } .form-quantity .form-control-lg { width: 58px; padding: .6875rem; border-right: none; border-left: none; border-radius: 0; text-align: center } .was-validated .form-check-input:invalid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-invalid~.form-check-label, .form-check-input.is-valid~.form-check-label { color: inherit } .feedback { font-size: 100%; font-weight: 700 } .feedback.valid-feedback { color: #0bbf68 } .feedback.invalid-feedback { color: #d62f1c } .checkbox--custom, .checkbox--toggle, .radio--custom, .radio--toggle { display: block; position: relative } .checkbox--custom label, .checkbox--toggle label, .radio--custom label, .radio--toggle label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; line-height: 20px } .checkbox--custom input[type='checkbox'], .checkbox--custom input[type='radio'], .checkbox--toggle input[type='checkbox'], .checkbox--toggle input[type='radio'], .radio--custom input[type='checkbox'], .radio--custom input[type='radio'], .radio--toggle input[type='checkbox'], .radio--toggle input[type='radio'] { position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0; visibility: hidden } .checkbox--custom input[type='checkbox']:disabled+span::before, .checkbox--custom input[type='checkbox']:disabled+span::after, .checkbox--custom input[type='checkbox'].disabled+span::before, .checkbox--custom input[type='checkbox'].disabled+span::after, .checkbox--custom input[type='radio']:disabled+span::before, .checkbox--custom input[type='radio']:disabled+span::after, .checkbox--custom input[type='radio'].disabled+span::before, .checkbox--custom input[type='radio'].disabled+span::after, .checkbox--toggle input[type='checkbox']:disabled+span::before, .checkbox--toggle input[type='checkbox']:disabled+span::after, .checkbox--toggle input[type='checkbox'].disabled+span::before, .checkbox--toggle input[type='checkbox'].disabled+span::after, .checkbox--toggle input[type='radio']:disabled+span::before, .checkbox--toggle input[type='radio']:disabled+span::after, .checkbox--toggle input[type='radio'].disabled+span::before, .checkbox--toggle input[type='radio'].disabled+span::after, .radio--custom input[type='checkbox']:disabled+span::before, .radio--custom input[type='checkbox']:disabled+span::after, .radio--custom input[type='checkbox'].disabled+span::before, .radio--custom input[type='checkbox'].disabled+span::after, .radio--custom input[type='radio']:disabled+span::before, .radio--custom input[type='radio']:disabled+span::after, .radio--custom input[type='radio'].disabled+span::before, .radio--custom input[type='radio'].disabled+span::after, .radio--toggle input[type='checkbox']:disabled+span::before, .radio--toggle input[type='checkbox']:disabled+span::after, .radio--toggle input[type='checkbox'].disabled+span::before, .radio--toggle input[type='checkbox'].disabled+span::after, .radio--toggle input[type='radio']:disabled+span::before, .radio--toggle input[type='radio']:disabled+span::after, .radio--toggle input[type='radio'].disabled+span::before, .radio--toggle input[type='radio'].disabled+span::after { opacity: .5 } .checkbox--custom input[type='checkbox']:checked+span::before, .checkbox--custom input[type='radio']:checked+span::before, .radio--custom input[type='checkbox']:checked+span::before, .radio--custom input[type='radio']:checked+span::before { border-color: #1abc9c; background-color: #1abc9c } .checkbox--custom input[type='checkbox']:checked+span::after, .checkbox--custom input[type='radio']:checked+span::after, .radio--custom input[type='checkbox']:checked+span::after, .radio--custom input[type='radio']:checked+span::after { opacity: 1; visibility: visible } .checkbox--custom input[type='checkbox']+span, .checkbox--custom input[type='radio']+span, .radio--custom input[type='checkbox']+span, .radio--custom input[type='radio']+span { display: block; position: relative } .checkbox--custom input[type='checkbox']+span::before, .checkbox--custom input[type='checkbox']+span::after, .checkbox--custom input[type='radio']+span::before, .checkbox--custom input[type='radio']+span::after, .radio--custom input[type='checkbox']+span::before, .radio--custom input[type='checkbox']+span::after, .radio--custom input[type='radio']+span::before, .radio--custom input[type='radio']+span::after { position: absolute; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; content: '' } .checkbox--custom input[type='checkbox']+span::before, .checkbox--custom input[type='radio']+span::before, .radio--custom input[type='checkbox']+span::before, .radio--custom input[type='radio']+span::before { border: 1px solid #192743 } .checkbox--custom input[type='checkbox']+span::after, .checkbox--custom input[type='radio']+span::after, .radio--custom input[type='checkbox']+span::after, .radio--custom input[type='radio']+span::after { opacity: 0; visibility: hidden } .checkbox--custom.checkbox--custom-light input[type='checkbox']:checked~span { color: #fff } .checkbox--custom.checkbox--custom-light .checkbox__icon::before { border: none; background: #fff } .checkbox--custom.checkbox--custom-light span { color: rgba(255, 255, 255, 0.7); font-weight: 600 } .checkbox--custom input[type='checkbox']+span { -webkit-box-flex: 0; -webkit-flex: 0 0 1.125rem; -ms-flex: 0 0 1.125rem; flex: 0 0 1.125rem; width: 1.125rem; height: 1.125rem; margin-right: .625rem } .checkbox--custom input[type='checkbox']+span::before { top: .1875rem; left: 0; width: 1.125rem; height: 1.125rem; border-radius: 4px } .checkbox--custom input[type='checkbox']+span::after { top: .5rem; left: .1875rem; width: .75rem; height: .375rem; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border-bottom: 2px solid #fff; border-left: 2px solid #fff } .checkbox--custom input[type='checkbox']~.feedback { padding-top: 10px; padding-left: 1.75rem } .radio--custom.radio--custom-light input[type='radio']:checked~span { color: #fff } .radio--custom.radio--custom-light .radio__icon::before { border: none; background: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) } .radio--custom.radio--custom-light span { color: rgba(255, 255, 255, 0.7); font-weight: 600 } .radio--custom input[type='radio']+span { -webkit-box-flex: 0; -webkit-flex: 0 0 1.25rem; -ms-flex: 0 0 1.25rem; flex: 0 0 1.25rem; width: 1.25rem; height: 1.25rem; margin-right: .625rem } .radio--custom input[type='radio']+span::before, .radio--custom input[type='radio']+span::after { border-radius: 10px } .radio--custom input[type='radio']+span::before { top: 0; left: 0; width: 1.25rem; height: 1.25rem } .radio--custom input[type='radio']+span::after { top: .375rem; left: .375rem; width: .5rem; height: .5rem; background-color: #fff } .checkbox--toggle input[type='checkbox']:checked+span, .checkbox--toggle input[type='radio']:checked+span, .radio--toggle input[type='checkbox']:checked+span, .radio--toggle input[type='radio']:checked+span { background-color: #1abc9c } .checkbox--toggle input[type='checkbox']:checked+span::before, .checkbox--toggle input[type='radio']:checked+span::before, .radio--toggle input[type='checkbox']:checked+span::before, .radio--toggle input[type='radio']:checked+span::before { -webkit-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px) } .checkbox--toggle input[type='checkbox']+span, .checkbox--toggle input[type='radio']+span, .radio--toggle input[type='checkbox']+span, .radio--toggle input[type='radio']+span { display: block; position: relative; width: 40px; height: 20px; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; border-radius: 10px; background-color: #a6a6bb; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .checkbox--toggle input[type='checkbox']+span::before, .checkbox--toggle input[type='radio']+span::before, .radio--toggle input[type='checkbox']+span::before, .radio--toggle input[type='radio']+span::before { display: block; position: absolute; top: 1px; left: 1px; width: 18px; height: 18px; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); content: ''; z-index: 1 } .checkbox--small-text label, .radio--small-text label { font-size: 12px; font-weight: 400 } @media (max-width: 991.98px) { .form-control-sm, .form-control-lg { padding-top: .875rem; padding-bottom: .875rem } .invalid-tooltip { z-index: 25; } } @media (min-width: 992px) { .form-control-sm { font-size: 12px } .form-group-twoline>input.form-control-sm~label, .form-group-twoline>textarea.form-control-sm~label, .form-group-twoline>select.form-control-sm~label, .form-group-twoline .input-group>input.form-control-sm~label, .form-group-twoline .input-group>textarea.form-control-sm~label, .form-group-twoline .input-group>select.form-control-sm~label { height: 40px; padding-top: 10px; line-height: 20px } .form-group-twoline>input.form-control-sm:focus, .form-group-twoline>input.form-control-sm.has-val, .form-group-twoline>textarea.form-control-sm:focus, .form-group-twoline>textarea.form-control-sm.has-val, .form-group-twoline>select.form-control-sm:focus, .form-group-twoline>select.form-control-sm.has-val, .form-group-twoline .input-group>input.form-control-sm:focus, .form-group-twoline .input-group>input.form-control-sm.has-val, .form-group-twoline .input-group>textarea.form-control-sm:focus, .form-group-twoline .input-group>textarea.form-control-sm.has-val, .form-group-twoline .input-group>select.form-control-sm:focus, .form-group-twoline .input-group>select.form-control-sm.has-val { padding-top: 17.5px; padding-bottom: 2.5px } .form-group-twoline>input.form-control-sm:focus~label, .form-group-twoline>input.form-control-sm.has-val~label, .form-group-twoline>textarea.form-control-sm:focus~label, .form-group-twoline>textarea.form-control-sm.has-val~label, .form-group-twoline>select.form-control-sm:focus~label, .form-group-twoline>select.form-control-sm.has-val~label, .form-group-twoline .input-group>input.form-control-sm:focus~label, .form-group-twoline .input-group>input.form-control-sm.has-val~label, .form-group-twoline .input-group>textarea.form-control-sm:focus~label, .form-group-twoline .input-group>textarea.form-control-sm.has-val~label, .form-group-twoline .input-group>select.form-control-sm:focus~label, .form-group-twoline .input-group>select.form-control-sm.has-val~label { height: 17.5px; padding-top: 2.5px; line-height: 15px } .form-group-twoline>input.form-control-lg~label, .form-group-twoline>textarea.form-control-lg~label, .form-group-twoline>select.form-control-lg~label, .form-group-twoline .input-group>input.form-control-lg~label, .form-group-twoline .input-group>textarea.form-control-lg~label, .form-group-twoline .input-group>select.form-control-lg~label { height: 62px; padding-top: 21px; line-height: 20px } .form-group-twoline>input.form-control-lg:focus, .form-group-twoline>input.form-control-lg.has-val, .form-group-twoline>textarea.form-control-lg:focus, .form-group-twoline>textarea.form-control-lg.has-val, .form-group-twoline>select.form-control-lg:focus, .form-group-twoline>select.form-control-lg.has-val, .form-group-twoline .input-group>input.form-control-lg:focus, .form-group-twoline .input-group>input.form-control-lg.has-val, .form-group-twoline .input-group>textarea.form-control-lg:focus, .form-group-twoline .input-group>textarea.form-control-lg.has-val, .form-group-twoline .input-group>select.form-control-lg:focus, .form-group-twoline .input-group>select.form-control-lg.has-val { padding-top: 30px; padding-bottom: 12px } .form-group-twoline>input.form-control-lg:focus~label, .form-group-twoline>input.form-control-lg.has-val~label, .form-group-twoline>textarea.form-control-lg:focus~label, .form-group-twoline>textarea.form-control-lg.has-val~label, .form-group-twoline>select.form-control-lg:focus~label, .form-group-twoline>select.form-control-lg.has-val~label, .form-group-twoline .input-group>input.form-control-lg:focus~label, .form-group-twoline .input-group>input.form-control-lg.has-val~label, .form-group-twoline .input-group>textarea.form-control-lg:focus~label, .form-group-twoline .input-group>textarea.form-control-lg.has-val~label, .form-group-twoline .input-group>select.form-control-lg:focus~label, .form-group-twoline .input-group>select.form-control-lg.has-val~label { height: 27px; padding-top: 12px; line-height: 15px } select.form-control-sm:not([size]):not([multiple]) { height: 2.625rem } select.form-control-lg:not([size]):not([multiple]) { height: 4rem } } h1, .h1 { font-size: 28px; line-height: 36px } h2, .h2 { font-size: 22px; line-height: 30px } h3, .h3 { font-size: 20px; line-height: 28px } h4, .h4 { font-size: 18px; line-height: 26px } h5, .h5 { font-size: 16px; line-height: 24px } h6, .h6 { font-size: 16px; line-height: 24px } @media (min-width: 768px) { h1, .h1 { font-size: 36px; line-height: 44px } h2, .h2 { font-size: 26px; line-height: 34px } h3, .h3 { font-size: 24px; line-height: 32px } h4, .h4 { font-size: 22px; line-height: 30px } h5, .h5 { font-size: 18px; line-height: 26px } h6, .h6 { font-size: 18px; line-height: 26px } } body { font-size: 12px; line-height: 20px } .font-small { font-size: 12px; line-height: 20px } .font-large { font-size: 14px; line-height: 22px } @media (min-width: 768px) { body { font-size: 13px; line-height: 21px } .font-small { font-size: 12px; line-height: 20px } .font-large { font-size: 15px; line-height: 23px } } .text-blue { color: #007bff } .text-indigo { color: #6610f2 } .text-purple { color: #6f42c1 } .text-pink { color: #e83e8c } .text-red { color: #dc3545 } .text-orange { color: #ffa049 } .text-yellow { color: #ffc107 } .text-green { color: #28a745 } .text-teal { color: #20c997 } .text-cyan { color: #17a2b8 } .text-white { color: #fff } .text-gray { color: #a6a6bb } .text-gray-dark { color: #333 } .text-blue-dark { color: #192743 } .text-smokey-blue { color: #323c50 } .text-smokey-blue-dark { color: #2d3647 } .text-orange-light { color: #ffb731 } .text-emerald { color: #1abc9c } .text-black { color: #000 } .text-gray-light { color: #f5f5f5 } .text-success { color: #0bbf68 } .text-info { color: #0355d2 } .text-warning { color: #fbd930 } .text-danger { color: #d62f1c } .alert { color: #333 } .alert .icon { width: 20px; height: 20px; margin-right: 1rem } .alert--icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .alert-primary { background: rgba(25, 39, 67, 0.5) } .alert-secondary { background: rgba(255, 160, 73, 0.5) } .alert-success { background: rgba(11, 191, 104, 0.5) } .alert-info { background: rgba(3, 85, 210, 0.5) } .alert-warning { background: rgba(251, 217, 48, 0.5) } .alert-danger { background: rgba(214, 47, 28, 0.5) } .alert-light { background: rgba(248, 249, 250, 0.5) } .alert-dark { background: rgba(52, 58, 64, 0.5) } .alert-primary-smokey { background: rgba(50, 60, 80, 0.5) } .alert-primary-smokey-dark { background: rgba(45, 54, 71, 0.5) } .alert-secondary-light { background: rgba(255, 183, 49, 0.5) } .alert-tertiary { background: rgba(26, 188, 156, 0.5) } .icon.icon--circle { width: 60px; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; background-color: #2d3647 } .icon.icon--circle svg { width: 36px; height: 36px } .icon.icon--circle.icon.icon--large { width: 104px; height: 104px; margin-bottom: 20px } .icon.icon--circle.icon.icon--large svg { width: 64px; height: 64px } .icon.icon--circle svg { display: block } .icon.icon--search-result-empty { width: 144px; height: 136px; margin-bottom: 20px } @media (min-width: 992px) { .icon.icon--search-result-empty { width: 289px; height: 272px; margin-bottom: 30px } } .dropdown.dropdown--select { display: inline-block; position: relative; min-width: 175px } .dropdown.dropdown--select.dropdown--dates .dropdown-menu { padding-bottom: 10px } .dropdown.dropdown--select.show .dropdown-toggle { border-radius: 4px 4px 0 0; border-bottom-color: transparent } .dropdown.dropdown--select.show .dropdown-toggle .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .dropdown.dropdown--select .dropdown-toggle { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-width: 175px; height: 40px; padding: 0 20px; border: 1px solid #a6a6bb; border-radius: 4px; font-size: 15px; text-decoration: none } .dropdown.dropdown--select .dropdown-toggle .icon { width: 14px; height: 14px; margin-left: auto; color: #a6a6bb } .dropdown.dropdown--select .dropdown-toggle .icon, .dropdown.dropdown--select .dropdown-toggle .icon path { fill: currentColor } .dropdown.dropdown--select .dropdown-toggle__text { margin-right: 10px } .dropdown.dropdown--select .dropdown-menu { display: none; right: 0; left: 0; padding: 10px 20px 20px; border: 1px solid #a6a6bb; border-top: none; border-radius: 0 0 4px 4px; background: #fff; z-index: 999 } .dropdown.dropdown--select .dropdown-menu.show { display: block } .dropdown.dropdown--select .dropdown-menu__list { margin: 0; padding: 0; list-style: none } .dropdown.dropdown--select .dropdown-menu__list--item:last-child .radio--custom label { margin-bottom: 0 } .dropdown.dropdown--select .radio.radio--custom, .dropdown.dropdown--select .checkbox.checkbox--custom { margin: 0 -20px } .dropdown.dropdown--select .radio.radio--custom input:checked~.checkbox__text, .dropdown.dropdown--select .radio.radio--custom input:checked~.radio__text, .dropdown.dropdown--select .checkbox.checkbox--custom input:checked~.checkbox__text, .dropdown.dropdown--select .checkbox.checkbox--custom input:checked~.radio__text { color: #1abc9c } .dropdown.dropdown--select .radio.radio--custom label, .dropdown.dropdown--select .checkbox.checkbox--custom label { margin-bottom: 0; padding: 10px 20px } .block .block__title { font-size: 18px; font-weight: 700; line-height: 1.45 } @media (min-width: 992px) { .block .block__title { font-size: 24px } } @media (min-width: 1400px) { .block.block--help::after, .block.block--app::after { position: absolute; top: 0; right: -10px; width: 1px; height: 100%; background-color: rgba(25, 39, 67, 0.1); content: '' } } .block.block--stats .block__title { margin-bottom: 30px; color: #fff } .block.block--stats .block__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none } .block.block--stats .block__item { margin-bottom: 30px; text-align: center } .block.block--stats .block__icon { width: 84px; height: 84px; margin: 0 auto } .block.block--stats .block__icon svg { width: 48px; height: 48px } .block.block--stats .block__name { color: #1abc9c; font-size: 18px; font-weight: 700 } .block.block--stats .block__description { color: #acacc2; font-size: 12px } @media (min-width: 992px) { .block.block--stats .block__title { margin-bottom: 22px; font-size: 26px } .block.block--stats .block__name { margin-bottom: 5px; font-size: 22px } .block.block--stats .block__description { font-size: 15px } .block.block--stats .block__icon { width: 104px; height: 104px; margin-bottom: 20px } .block.block--stats .block__icon svg { width: 64px; height: 64px } } .block.block--help { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(25, 39, 67, 0.1) } .block.block--help .block__title { margin-bottom: 25px } .block.block--help .block__content { margin-bottom: 10px; padding: 18px 17%; border-radius: 4px; background-color: #fff } .block.block--help .block__content>* { max-width: 240px; margin-right: auto; margin-left: auto } .block.block--help .block__phone { font-size: 22px; font-weight: 700; letter-spacing: .22px } .block.block--help .block__phone svg { width: 20px; height: 20px; margin-right: 9px; color: #1abc9c; fill: currentColor } .block.block--help .block__opening { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 auto; font-size: 12px } .block.block--help .block__opening strong, .block.block--help .block__opening span { display: block; width: 50% } .block.block--help .block__btn { width: 100%; margin-bottom: 20px } .block.block--help .block__footer { margin: 0; font-size: 12px; font-weight: 600; text-align: center } .block.block--help .block__footer a { display: inline; color: #1abc9c; text-decoration: underline } @media (min-width: 992px) { .block.block--help { position: relative; padding: 0 20px; border: none } .block.block--help .block__title { margin-bottom: 10px } .block.block--help .block__footer { padding: 0 20px; font-size: 14px } .block.block--help .block__content { padding-right: 22%; padding-left: 22% } } @media (min-width: 1400px) { .block.block--help { margin: 0 } .block.block--help::after { position: absolute; top: 0; right: -10px; width: 1px; height: 100%; background-color: rgba(25, 39, 67, 0.1); content: '' } } .block.block--app { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid rgba(25, 39, 67, 0.1) } .block.block--app .block__title { margin-bottom: 10px } .block.block--app .block__text { margin-bottom: 25px; color: #333; font-size: 15px; text-align: center } .block.block--app .block__footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .block.block--app .block__link+.block__link { margin-left: 20px } .block.block--app .block__link img { width: auto; height: 42px } .block.block--app .block__link:hover img { -webkit-filter: opacity(80%); filter: opacity(80%) } @media (min-width: 992px) { .block.block--app { position: relative; padding: 0 65px; border: none } .block.block--app .block__title { margin-bottom: 20px } .block.block--app .block__text { margin-bottom: 32px } } @media (min-width: 1400px) { .block.block--app { height: 100%; margin: 0 } } .block.block--loyalty { padding-bottom: 25px; text-align: center } .block.block--loyalty .block__title { margin-bottom: 10px } .block.block--loyalty .block__text { margin-bottom: 25px } @media (min-width: 992px) { .block.block--loyalty { padding: 0 20px } .block.block--loyalty .block__title { margin-bottom: 20px } .block.block--loyalty .block__text { margin-bottom: 32px } } .block.block--payment { margin-bottom: 15px } .block.block--payment .block__title { margin-bottom: 20px; font-size: 16px } .block.block--payment .block__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .block.block--payment .block__content img { width: auto; height: 25px; margin: 10px } @media (min-width: 992px) { .block.block--payment { margin-bottom: 25px } .block.block--payment .block__title { margin-bottom: 15px } } .block.block--social { margin-bottom: 25px } .block.block--social .block__title { margin-bottom: 5px; font-size: 16px } .block.block--social .block__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .block.block--social .block__content a { padding: 5px } .block.block--flight-details { position: fixed; top: 0; right: -100vw; bottom: 0; width: 100vw; -webkit-transition: .3s right; -o-transition: .3s right; transition: .3s right; background: #fff; z-index: 999; will-change: left } .details-open .block.block--flight-details { right: 0 } .block.block--flight-details .block__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 55px; padding: 0 20px; background: #192743; color: #fff; font-size: 16px } .block.block--flight-details .block__header .btn-link { margin-left: auto; color: #a6a6bb; text-transform: none } .block.block--flight-details .block__header .btn-link .icon { width: 20px; height: 20px } .block.block--flight-details .block__title .block__icon { display: none } .block.block--flight-details .block__title .icon { width: 20px; height: 20px } .block.block--flight-details .block__title .icon, .block.block--flight-details .block__title .icon path { color: #fff; fill: currentColor } .block.block--flight-details .block__subtitle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 20px 20px; font-size: 1rem; font-weight: 700; cursor: pointer } .block.block--flight-details .block__subtitle.collapsed .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .block.block--flight-details .block__subtitle .small { margin-left: .5rem; font-size: 87.5% } .block.block--flight-details .block__subtitle .icon { width: 20px; height: 20px; margin-left: auto; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #a6a6bb } .block.block--flight-details .block__subtitle .icon, .block.block--flight-details .block__subtitle .icon path { fill: currentColor } .block.block--flight-details .block__content { height: calc(100vh - 190px); padding: 20px 0; overflow: auto } .block.block--flight-details .block__footer { position: relative; height: 135px; padding: 0 20px 20px } .block.block--flight-details .block__footer::before { position: absolute; right: 0; bottom: 100%; left: 0; height: 80px; background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: -o-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0)); background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0)); content: ''; z-index: 1; pointer-events: none } .block.block--flight-details .flight+.block__subtitle { padding-top: 30px; border-top: 1px solid rgba(166, 166, 187, 0.5) } .block.block--flight-details .flight__body { padding: 10px 20px 0 } .block.block--flight-details .flight__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; padding-left: 15px; border-left: 1px solid #333; font-size: 13px; line-height: 18px } .block.block--flight-details .flight__info::before { position: absolute; top: 0; left: -3px; width: 6px; height: 6px; border-radius: 6px; background: #333; content: '' } .block.block--flight-details .flight__info strong { font-size: 15px; line-height: 19px } .block.block--flight-details .flight__ticket-info { margin: auto 0 } .block.block--flight-details .flight__ticket-info>*+* { margin-top: 2px } .block.block--flight-details .flight__airline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: -25px } .block.block--flight-details .flight__airline .icon { width: 20px; height: 20px } .block.block--flight-details .flight__airline-logo { margin-left: 6px } .block.block--flight-details .flight__airline-logo+.flight__airline-name { margin-left: 10px } .block.block--flight-details .flight__airline-name { margin-left: 5px } .block.block--flight-details .flight__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 20px; height: 26px; background: #fff } .block.block--flight-details .flight__departure { margin: -7px 0 40px } .block.block--flight-details .flight__arrival { position: relative; margin: 40px 0 0 } .block.block--flight-details .flight__arrival::before, .block.block--flight-details .flight__arrival::after { position: absolute; top: 7px; left: -18px; width: 6px; content: '' } .block.block--flight-details .flight__arrival::before { bottom: 0; background: #fff; z-index: 5 } .block.block--flight-details .flight__arrival::after { height: 6px; border-radius: 6px; background: #333; z-index: 10 } .block.block--flight-details .flight__details { margin: 0; padding: 0; list-style: none } .block.block--flight-details .flight__details .details__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 13px; line-height: 21px } .block.block--flight-details .flight__details .details__item+.details__item { margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid rgba(166, 166, 187, 0.5) } .block.block--flight-details .flight__details .details__item .details__icon { position: relative; margin-right: 15px } .block.block--flight-details .flight__details .details__item .details__icon, .block.block--flight-details .flight__details .details__item .details__icon .icon { width: 20px; height: 20px } .block.block--flight-details .flight__details .details__item .details__icon .icon--canceled { position: absolute; top: -4px; right: -8px; width: 8px; height: 8px; color: #d62f1c } .block.block--flight-details .flight__details .details__item .details__icon .icon--canceled, .block.block--flight-details .flight__details .details__item .details__icon .icon--canceled path { fill: currentColor } .block.block--flight-details .flight__details .details__item .details__text strong { display: block; font-weight: 500 } .block.block--flight-details .summary { position: relative; z-index: 2 } .block.block--flight-details .summary .summary__text { margin-bottom: 5px; font-size: 14px; line-height: 18px } .block.block--flight-details .summary .summary__price { margin-bottom: 10px; font-size: 26px; font-weight: 700; line-height: 1 } .block.block--flight-details .summary .btn { width: 100% } .block.block--flight-details .alert { margin-bottom: 30px } @media (max-width: 991.98px) { .block.block--flight-details .alert { margin-right: 20px; margin-left: 20px } .block.block--flight-details .col-flight+.col-flight .block__subtitle { padding-top: 30px; border-top: 1px solid rgba(166, 166, 187, 0.5) } } @media (min-width: 992px) { .block.block--flight-details { left: auto; width: 970px } .block.block--flight-details.block--one-column { width: 640px } .block.block--flight-details.block--one-column .block__content, .block.block--flight-details.block--one-column .block__footer { width: auto } .block.block--flight-details.block--one-column .block__content { padding: 30px 20px } .block.block--flight-details .block__header { height: 80px; font-size: 22px } .block.block--flight-details .block__header .btn-link:hover { color: #c3c3d1 } .block.block--flight-details .block__header .btn-link:hover, .block.block--flight-details .block__header .btn-link:hover path { fill: currentColor } .block.block--flight-details .block__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .block.block--flight-details .block__title .block__icon { display: block; width: 34px; height: 34px; margin-right: 34px; border: 1px solid #fff; border-radius: 34px } .block.block--flight-details .block__subtitle { margin: 0 0 20px; font-size: 18px; cursor: default; pointer-events: none } .block.block--flight-details .block__subtitle .small { margin-left: 10px; font-size: 15px } .block.block--flight-details .block__content { height: calc(100vh - 200px); padding: 30px 20px 30px 20px; overflow-y: auto; } .block.block--flight-details .block__footer { width: 680px; height: 120px; padding: 0 20px } .block.block--flight-details .flight { display: block !important; height: auto !important } .block.block--flight-details .flight__body { padding: 0 0 20px } .block.block--flight-details .summary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 120px } .block.block--flight-details .summary .summary__text { margin-bottom: 1rem } .block.block--flight-details .summary .summary__price { margin-bottom: 0 } .block.block--flight-details .summary .btn { width: auto; margin-left: auto } } .block.block--destination .block__title { margin-top: 25px; margin-bottom: 10px; color: #333; font-size: 20px; font-weight: bold; letter-spacing: normal; line-height: 1.3; text-align: left } .block.block--destination .block__subtitle { margin-bottom: 16px; color: #333; font-size: 14px; font-weight: normal; letter-spacing: normal; line-height: 1.57 } .block.block--destination .block__img { display: block; width: 100%; height: auto } .block.block--destination .block__img:not(:last-child) { margin-bottom: 25px } .block.block--destination-details .block__title { margin-bottom: 20px; text-align: left } .block.block--more-destinations { padding: 0 0 20px } .block.block--more-destinations .block__title { margin: 10px 0 20px; text-align: left } @media (min-width: 992px) { .block.block--destination .block__title { margin-top: 50px; font-size: 24px; line-height: 1.08 } .block.block--destination .block__subtitle { margin-bottom: 12px; font-size: 15px } .block.block--airports .block__title { margin-bottom: 20px } .block.block--destination-details .block__title { font-size: 24px } .block.block--more-destinations { padding: 40px 0 50px } .block.block--more-destinations .block__title { margin: 0 0 20px; font-size: 24px; text-align: center } } .block.block--show-more { position: relative; margin-bottom: 10px; padding: 0 0 20px; border-bottom: 1px solid rgba(25, 39, 67, 0.1); color: #323c50; font-size: 14px; line-height: 22px } .block.block--show-more.opened .block__content { max-height: none } .block.block--show-more.opened .block__content::before { display: none } .block.block--show-more.opened .block__button { display: none } .block.block--show-more .block__content { position: relative; max-height: 170px; margin: 0; overflow: hidden } .block.block--show-more .block__content::before { position: absolute; right: 0; bottom: 30px; left: 0; height: 40px; background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #f5f5f5), to(rgba(245, 245, 245, 0))); background: -webkit-linear-gradient(bottom, #f5f5f5 25%, rgba(245, 245, 245, 0) 100%); background: -o-linear-gradient(bottom, #f5f5f5 25%, rgba(245, 245, 245, 0) 100%); background: linear-gradient(0deg, #f5f5f5 25%, rgba(245, 245, 245, 0) 100%); content: '' } .block.block--show-more .block__content p:last-child { margin-bottom: 0 } .block.block--show-more .block__button { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: absolute; bottom: 0; left: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: .875rem 1.25rem; border: none; outline: none; background: #f5f5f5; color: #1abc9c; font-size: 14px; font-weight: 600; text-decoration: none; text-transform: none; white-space: nowrap } .block.block--show-more .block__button:active { outline: none } .block.block--show-more .block__button .icon { width: 16px; height: 16px; margin-left: 10px } .block.block--show-more .block__button .icon, .block.block--show-more .block__button .icon path { color: #1abc9c; fill: currentColor } @media (min-width: 992px) { .block.block--show-more { margin-bottom: 2rem; padding-bottom: 30px } .block.block--show-more .block__button { bottom: 10px } .block.block--show-more .block__button:hover { color: #117964 } } @media (min-width: 768px) and (max-width: 991.98px) { .block.block--magazines { margin-bottom: 1rem } } .block.block--popuplar-airlines { padding: 10px 0 } @media (min-width: 992px) { .block.block--popuplar-airlines { padding: 0 } } .block.block--airlines { padding: 45px 0; background-color: #f5f5f5 } .block.block--airlines .block__header { margin-bottom: 10px } .block.block--airlines .block__title { margin-bottom: 1rem; color: #333; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.4; text-align: center } .block.block--airlines .block__subtitle { margin-bottom: 0; color: #333; font-size: 14px; font-weight: normal; letter-spacing: normal; line-height: 1.57; text-align: center } .block.block--airlines .block__subtitle span { font-weight: bold } @media (max-width: 575.98px) { .block.block--airlines>.container { padding-right: 0; padding-left: 0 } } @media (min-width: 992px) { .block.block--airlines { padding: 45px 0 90px } .block.block--airlines .block__header { margin-bottom: 15px } .block.block--airlines .block__title { margin-bottom: 10px; font-size: 24px; line-height: 1.33 } .block.block--airlines .block__subtitle { font-size: 15px; line-height: 1.53 } } .block.block--seat-check { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: calc(100vh - 116px); padding-bottom: 40px } .block.block--seat-check .container { text-align: center } .block.block--seat-check .block__image { width: 250px; height: 250px; margin: 0 auto } .block.block--seat-check .block__image img { width: 100%; height: 100% } .block.block--seat-check .block__title { color: #1abc9c; font-size: 20px; line-height: 28px } .block.block--seat-check .block__destination, .block.block--seat-check .block__dates { margin: 0; color: #333; font-size: 16px; line-height: 22px } .block.block--seat-check .block__destination { font-weight: 700 } @media (min-width: 992px) { .block.block--seat-check { min-height: calc(100vh - 80px); padding-bottom: 65px } .block.block--seat-check .block__title { margin-bottom: 15px; font-size: 24px; line-height: 32px } .block.block--seat-check .block__destination, .block.block--seat-check .block__dates { font-size: 18px } .block.block--seat-check .block__image { width: 350px; height: 350px } } .block.block--checkout-success { padding-bottom: 60px; text-align: center } .block.block--checkout-success .block__image { display: block; width: 155px; height: auto; margin: 0 auto 30px } .block.block--checkout-success .block__title { margin-bottom: 25px; color: #1abc9c; font-size: 20px; line-height: 1.4 } .block.block--checkout-success .block__subtitle { margin-bottom: 20px; font-size: 16px; font-weight: 700; line-height: 1.5 } .block.block--checkout-success .block__text { margin-bottom: 20px; font-size: 14px; line-height: 1.57 } .block.block--checkout-success .block__text.large { font-size: 16px; line-height: 1.5 } .block.block--checkout-success .block__button { width: 100%; max-width: 310px; margin: 5px auto 0 } @media (min-width: 992px) { .block.block--checkout-success { padding-bottom: 50px } .block.block--checkout-success .block__image { width: 310px } .block.block--checkout-success .block__title { margin-bottom: 45px; font-size: 24px; line-height: 1.33 } .block.block--checkout-success .block__subtitle { font-size: 18px; line-height: 1.22 } .block.block--checkout-success .block__text { font-size: 15px; line-height: 1.46 } .block.block--checkout-success .block__text.large { font-size: 18px; line-height: 1.22 } .block.block--checkout-success .block__button { margin-top: 10px } } .block.block--faq { margin-top: 30px } .block.block--faq .block__title { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid rgba(25, 39, 67, 0.1); color: #333; font-size: 20px; font-weight: 700; line-height: 28px; text-align: left } .block.block--faq .block__subtitle { margin-bottom: 10px; color: #333; font-size: 14px; font-weight: 700; line-height: 34px } .block.block--faq .block__content>p { color: #333; font-size: 14px; line-height: 22px } .block.block--faq-search .block__header { padding: 25px 0 } .block.block--faq-search .block__result-top { margin: 0; color: #333; font-size: 22px; font-weight: 700; line-height: 32px; text-align: center } .block.block--faq-search .block__result-bottom { margin: 0; color: #a6a6bb; font-size: 14px; line-height: 23px; text-align: center } @media (min-width: 992px) { .block.block--faq { margin-top: 50px } .block.block--faq .block__title { font-size: 24px } .block.block--faq .block__subtitle { font-size: 16px } .block.block--faq .block__content>p { font-size: 15px } .block.block--faq-search .block__header { padding: 40px 0 } } .block.block--airline-destinations { padding-top: 30px } .block.block--airline-destinations .block__title { margin-bottom: 20px } @media (min-width: 768px) { .block.block--airline-destinations .block__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px -10px } } @media (min-width: 992px) { .block.block--airline-destinations { padding-top: 50px } .block.block--airline-destinations .block__title { margin-bottom: 30px } } .block.block--airline-ratings { padding-top: 30px } .block.block--airline-ratings .block__title { margin-bottom: 15px } .block.block--airline-ratings .block__body { padding: 20px; border: 1px solid rgba(166, 166, 187, 0.4); border-radius: 4px } .block.block--airline-ratings .block__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 30px } .block.block--airline-ratings .block__content { margin-bottom: 25px } .block.block--airline-ratings .block__image { -webkit-box-flex: 0; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; height: auto } .block.block--airline-ratings .block__rating { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 10px } .block.block--airline-ratings .block__button { width: 100% } @media (min-width: 768px) and (max-width: 991.98px) { .block.block--airline-ratings .block__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .block.block--airline-ratings .block__header { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 0 } .block.block--airline-ratings .block__content { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 20px; border-left: 1px solid rgba(166, 166, 187, 0.4) } } @media (min-width: 768px) { .block.block--airline-ratings .block__image { -webkit-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px } } @media (min-width: 992px) { .block.block--airline-ratings { height: 100%; padding-top: 50px } .block.block--airline-ratings .block__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 61px) } .block.block--airline-ratings .block__title { margin-bottom: 30px } .block.block--airline-ratings .block__header { margin-bottom: 20px } .block.block--airline-ratings .block__button { margin-top: auto } } @media (min-width: 1400px) { .block.block--airline-ratings .block__rating { padding-left: 45px } } .block.block--airline-introduction { margin-bottom: 0; padding-top: 30px; text-align: left } .block.block--airline-introduction .block__title { margin-bottom: 15px } @media (min-width: 992px) { .block.block--airline-introduction { padding-top: 50px } .block.block--airline-introduction .block__title { margin-bottom: 20px } } .block.block--airline-checkin { padding-top: 30px } .block.block--airline-checkin .block__content p:last-child { margin-bottom: 0 } @media (min-width: 992px) { .block.block--airline-checkin { padding-top: 50px } .block.block--airline-checkin .block__title { margin-bottom: 20px } } .block.block--airline-news { padding-top: 30px } .block.block--airline-news .slick-dots { padding-bottom: 0 } @media (min-width: 992px) { .block.block--airline-news { padding-top: 50px } } .block.block--airline-reviews { margin-top: 30px; padding: 25px 20px; background-color: #fff } .block.block--airline-reviews .block__title { margin-bottom: 20px } .slider.slider--airline-reviews .slick-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 -10px } .slider.slider--airline-reviews .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .slider.slider--airline-reviews .slick-slide { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; float: none } .slider.slider--airline-reviews .slick-arrow { position: absolute; top: -46px; cursor: pointer } .slider.slider--airline-reviews .slick-arrow.slick-disabled { opacity: .4 } .slider.slider--airline-reviews .slick-arrow svg { display: block; width: 28px; height: 28px; color: #a6a6bb; fill: currentColor } .slider.slider--airline-reviews .slick-prev { right: 38px } .slider.slider--airline-reviews .slick-next { right: 0 } .review.review--airline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0 10px } .review.review--airline .review__rating { margin-bottom: 15px } .review.review--airline .review__comment { margin-bottom: 15px; font-size: 13px; line-height: 1.61 } .review.review--airline .review__meta { margin-top: auto; font-size: 13px; line-height: 1.61 } .review.review--airline .review__user { font-weight: 700 } @media (max-width: 575.98px) { .block.block--airline-reviews { margin-right: -20px; margin-left: -20px } } @media (min-width: 576px) { .block.block--airline-reviews { margin-bottom: 30px; border-radius: 4px } } @media (min-width: 992px) { .block.block--airline-reviews { margin: 50px 0; padding: 25px 30px } .slider.slider--airline-reviews .slick-list { margin: 0 -15px } .slider.slider--airline-reviews .slick-arrow { top: -52px; cursor: pointer } .slider.slider--airline-reviews .slick-arrow svg { width: 32px; height: 32px } .slider.slider--airline-reviews .slick-prev { right: 42px } .review.review--airline { padding: 0 15px } } .card .card__link.card__link--overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .card.card--destination { position: relative; border-radius: 4px; overflow: hidden } .card.card--destination::before { position: absolute; right: 0; bottom: 0; left: 0; height: 70%; background: #323c50; background: -webkit-gradient(linear, left bottom, left top, from(#323c50), to(rgba(25, 39, 67, 0))); background: -webkit-linear-gradient(bottom, #323c50 0%, rgba(25, 39, 67, 0) 100%); background: -o-linear-gradient(bottom, #323c50 0%, rgba(25, 39, 67, 0) 100%); background: linear-gradient(0deg, #323c50 0%, rgba(25, 39, 67, 0) 100%); content: ''; z-index: 10 } .card.card--destination .card__link { z-index: 99 } .card.card--destination .card__image { width: 100%; max-width: 100% } .card.card--destination .card__info { position: absolute; bottom: 20px; left: 20px; z-index: 99 } .card.card--destination .card__title, .card.card--destination .card__price { margin: 0; color: #fff } .card.card--destination .card__title { font-size: 16px; font-weight: 700 } .card.card--destination .card__price { font-size: 14px; font-weight: 500 } .card.card--destination .card__price strong { font-weight: 600 } @media (min-width: 768px) { .destinations.destinations--slider { margin: 0 -10px } .destinations.destinations--slider .card.card--destination { margin: 0 10px } } @media (min-width: 992px) { .card.card--destination:hover .card__image { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); opacity: .8 } .card.card--destination .card__image { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .card.card--destination .card__info { bottom: .75rem } .card.card--destination .card__title { font-size: 18px; line-height: 26px } .card.card--destination .card__price { font-size: 15px; line-height: 26px } } .card.card--destination-simple { margin: 10px 0; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) } .card.card--destination-simple .card__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 15px 20px; color: inherit; text-decoration: none } .card.card--destination-simple .card__title, .card.card--destination-simple .card__price { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin: 0 } .card.card--destination-simple .card__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; font-weight: 600; line-height: 1.4285 } .card.card--destination-simple .card__title span { display: block } .card.card--destination-simple .card__title .from { -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-right: 5px } .card.card--destination-simple .card__title .to { padding-left: 5px; color: #1abc9c; width: 150px; } .card.card--destination-simple .card__price { font-size: 12px; line-height: 1.66; text-align: right } .card.card--destination-simple .card__price strong { display: block; font-size: 16px; line-height: 1.25 } @media (min-width: 768px) { .card.card--destination-simple { -webkit-box-flex: 0; -webkit-flex: 0 0 calc(50% - 20px); -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); margin: 5px 10px } .card.card--destination-simple .card__title { font-size: 16px; line-height: 1.25 } .card.card--destination-simple .card__price { font-size: 14px; line-height: 1.4285 } .card.card--destination-simple .card__price strong { font-size: 18px; line-height: 1.33 } } @media (min-width: 992px) { .card.card--destination-simple { -webkit-transition: -webkit-box-shadow .5s; transition: -webkit-box-shadow .5s; -o-transition: box-shadow .5s; transition: box-shadow .5s; transition: box-shadow .5s, -webkit-box-shadow .5s } .card.card--destination-simple:hover { -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.25) } } @media (min-width: 1400px) { .card.card--destination-simple .card__title { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap } .card.card--destination-simple .card__title .from { -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto } } .card.card--result { border-radius: 4px; -webkit-box-shadow: 0 10px 20px 0 rgba(50, 60, 80, 0.1); box-shadow: 0 10px 20px 0 rgba(50, 60, 80, 0.1) } .card.card--result:not(.card--special) .card__routes>.card__flights--to>.card__flight:first-child .card__flight-badge { border-top-left-radius: 4px } .card.card--result .card__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 4px; background-color: #fff } .card.card--result .card__routes { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .card.card--result .card__routes>.card__flights--grouped>.card__flight:not(:first-child) { border-top: 1px solid rgba(166, 166, 187, 0.1) } .card.card--result .card__flights { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .card.card--result .card__flights.card__flights--back { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; border-top: 1px solid rgba(166, 166, 187, 0.5) } .card.card--result .card__flights.card__flights--single { height: 100% } .card.card--result .card__flight { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0; padding-top: 24px; padding-bottom: 24px; cursor: pointer } .card.card--result .card__flight:not(:first-child) { border-top: 1px solid rgba(166, 166, 187, 0.5) } .card.card--result .card__flight-badge { position: absolute; top: 0; left: 0; padding: 5px 8px; border-radius: 0 0 4px; background-color: #323c50; color: #fff; font-size: 11px; font-weight: 600; letter-spacing: normal; line-height: normal } .card.card--result .card__brand { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .card.card--result .card__flight-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100% } .card.card--result .card__flight-from, .card.card--result .card__flight-to { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100% } .card.card--result .card__warning { margin-bottom: -1px; background-color: #fff; z-index: 1 } .card.card--result .card__warning span { display: block; padding: 9px 20px; background-color: rgba(251, 217, 48, 0.5); color: #333; font-size: 13px; font-weight: 500; letter-spacing: .19px; line-height: 1.69 } .card.card--result .card__time-display { display: inline-block; color: #333; font-weight: bold; letter-spacing: .2px } .card.card--result .card__city { color: #333; font-size: 15px; font-weight: 500; letter-spacing: normal; line-height: 1.53 } .card.card--result .card__airport-long { color: #333; font-size: 12px; font-weight: 300; letter-spacing: normal; line-height: 1.67 } .card.card--result .card__airport-short { color: #333; font-size: 12px; letter-spacing: normal; text-transform: uppercase } .card.card--result .card__flight-short-info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .card.card--result .card__flight-flying-time { color: #333; font-weight: 500; letter-spacing: .13px; line-height: normal; text-align: center } .card.card--result .card__flight-plane { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .card.card--result .card__flight-plane::before { height: 1px; background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#333)); background: -webkit-linear-gradient(left, #f5f5f5, #333); background: -o-linear-gradient(left, #f5f5f5, #333); background: linear-gradient(to right, #f5f5f5, #333); content: '' } .card.card--result .card__flight-plane .icon { width: 20px; height: 20px; color: #000; fill: currentColor } .card.card--result .card__flight-transfer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .card.card--result .card__flight-transfer-info { position: relative; color: #333; font-size: 12px; letter-spacing: .13px; line-height: normal } .card.card--result .card__flight-transfer-info:not(:last-child) { margin-right: 10px } .card.card--result .card__flight-transfer-info::before { position: absolute; left: calc(50% - 2.5px); width: 5px; height: 5px; border-radius: 10px; background-color: #333; content: '' } .card.card--result .card__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .card.card--result .card__info .btn-secondary { text-transform: initial } .card.card--result .card__info .btn-link { display: block; color: #1abc9c; font-size: 13px; font-weight: 600; letter-spacing: .14px; text-decoration: underline; text-transform: initial } .card.card--result .card__icons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; padding: 0 } .card.card--result .card__icons.card__icons--flight-time .card__icon-link, .card.card--result .card__icons.card__icons--flight-route .card__icon-link { position: relative } .card.card--result .card__icons.card__icons--flight-time .card__icon-link::before, .card.card--result .card__icons.card__icons--flight-route .card__icon-link::before { top: -22px } .card.card--result .card__icons.card__icons--flight-time .card__icon-link .icon, .card.card--result .card__icons.card__icons--flight-route .card__icon-link .icon { color: #a6a6bb; fill: currentColor } .card.card--result .card__icons.card__icons--flight-time .card__tooltip, .card.card--result .card__icons.card__icons--flight-route .card__tooltip { bottom: 35px } .card.card--result .card__icons.card__icons--flight-time { position: absolute; top: 4.5px } .card.card--result .card__icons.card__icons--flight-route { position: absolute } .card.card--result .card__icons.card__icons--flight-route .card__icon:not(:last-child) { margin-right: 5px } .card.card--result .card__icons.card__icons--bordered { margin: 0 -2px 20px } .card.card--result .card__icons.card__icons--bordered .card__icon { margin: 0 2px } .card.card--result .card__icons.card__icons--bordered .card__icon.card__icon--disabled .card__icon-link, .card.card--result .card__icons.card__icons--bordered .card__icon.card__icon--disabled .card__tooltip { background-color: #a6a6bb } .card.card--result .card__icons.card__icons--bordered .card__icon.card__icon--disabled .card__icon-link { opacity: .3 } .card.card--result .card__icons.card__icons--bordered .card__icon-link { min-width: 28px; height: 28px; padding: 5px; border: solid 1px rgba(166, 166, 187, 0.5); border-radius: 3px } .card.card--result .card__icons.card__icons--bordered .card__icon-link::before { top: -16px } .card.card--result .card__icons.card__icons--bordered .card__icon-link .icon { width: 15px; height: 15px; color: #333; fill: currentColor } .card.card--result .card__icons.card__icons--bordered .card__tooltip { bottom: 43px } .card.card--result .card__icon { list-style-type: none } .card.card--result .card__icon:not(:hover) .card__tooltip, .card.card--result .card__icon:not(:hover) .card__icon-link::before { opacity: 0; visibility: hidden } .card.card--result .card__icon-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; cursor: pointer } .card.card--result .card__icon-link::before { position: absolute; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-top: 10px solid #2d3647; border-right: 11px solid transparent; border-left: 11px solid transparent; border-radius: 2px; content: '' } .card.card--result .card__tooltip { position: absolute; left: calc(50% - 110px); width: 220px; padding: 15px 25px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-radius: 4px; background-color: #2d3647; color: #f5f5f5; font-size: 15px; font-weight: 500; letter-spacing: normal; line-height: 1.5; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); z-index: 2 } .card.card--result .card__icon-counter { margin-left: 2.5px; color: #333; font-size: 13px; font-weight: 600; letter-spacing: normal; line-height: normal } .card.card--result .card__price { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 8px } .card.card--result .card__price-title span { color: #333; font-size: 12px; letter-spacing: .13px; line-height: normal } .card.card--result .card__price-title .icon { width: 13px; height: 13px; color: #1abc9c; fill: currentColor } .card.card--result .card__price-regular { color: #333; font-weight: bold; letter-spacing: .14px } .card.card--result .card__price-special { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; color: #d62f1c; font-size: 22px; font-weight: bold; letter-spacing: .18px; line-height: normal } .card.card--result .card__price-special+.card__price-regular { font-size: 12px; font-weight: normal; text-decoration: line-through } @media (max-width: 575.98px) { .card.card--result .card__flight-plane::before { max-width: 60px } .card.card--result .card__flight-transfer-info:not(:last-child) { margin-right: 6px } .card.card--result .card__flight-transfer-info:not(:nth-child(1)):not(:nth-child(2)) { display: none } .card.card--result .card__icons.card__icons--bordered .card__tooltip { left: 0 } .card.card--result .radio__icon { margin-right: 5px } .card.card--result .card__reserve { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .card.card--result .card__price { width: 100% } } @media (min-width: 576px) and (max-width: 991.98px) { .card.card--result .card__icons.card__icons--bordered { margin-left: auto } .card.card--result .card__info-inner { margin-top: -48px } } @media (max-width: 767.98px) { .card.card--result .card__brand { -webkit-box-flex: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 15px } .card.card--result .card__brand img { max-width: 40px; max-height: 15px } .card.card--result .card__city, .card.card--result .card__airport-long { display: none } .card.card--result .card__airport, .card.card--result .card__time { text-align: center } .card.card--result .card__time-display { width: 45px; font-size: 18px; line-height: normal } .card.card--result .card__airport-short { margin-top: 10px; font-weight: 500; line-height: normal } .card.card--result .card__flight-flying-time { margin-bottom: 3px; font-size: 12px } .card.card--result .card__flight-plane::before { width: 100%; min-width: 50px } .card.card--result .card__flight-plane::after { width: 5px; height: 5px; border-radius: 10px; background-color: #000; content: '' } .card.card--result .card__flight-plane .icon { display: none } .card.card--result .card__flight-transfer-info { font-weight: 500 } .card.card--result .card__flight-transfer-info::before { top: -5px } .card.card--result .card__price-regular { font-size: 18px; line-height: normal } .card.card--result .card__price-special { font-size: 18px; letter-spacing: .14px } .card.card--result .card__details { line-height: normal } } @media (max-width: 991.98px) { .card.card--result .card__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .card.card--result .card__flight { min-height: 95px; padding-right: 15px; padding-left: 15px } .card.card--result .card__flight-short-info { margin-top: 5px } .card.card--result .card__info { padding: 30px 15px 0; border-top: 1px solid rgba(166, 166, 187, 0.5) } .card.card--result .card__info .btn { width: 100% } .card.card--result .card__icons.card__icons--flight-time .card__tooltip, .card.card--result .card__icons.card__icons--flight-route .card__tooltip { right: -15px; left: auto } } @media (min-width: 768px) { .card.card--result .card__brand { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 25px; margin-right: 20px } .card.card--result .card__brand img { max-width: 60px; max-height: 25px } .card.card--result .card__time-display { width: 55px; font-size: 22px; line-height: 1.35 } .card.card--result .card__airport-short { font-weight: 300; line-height: 1.67 } .card.card--result .card__airport-short::before { content: '(' } .card.card--result .card__airport-short::after { content: ')' } .card.card--result .card__flight-short-info { margin-right: 40px; margin-left: 10px } .card.card--result .card__flight-flying-time { margin-bottom: -5px; font-size: 15px } .card.card--result .card__flight-plane::before { min-width: 100px } .card.card--result .card__flight-transfer-info { font-weight: 300 } .card.card--result .card__flight-transfer-info::before { top: -12.5px } .card.card--result .card__price-title { line-height: 1.67 } .card.card--result .card__price-regular { font-size: 22px; line-height: 1.36 } .card.card--result .card__price-special { font-size: 22px; letter-spacing: .18px } .card.card--result .card__details { line-height: 1.62 } } @media (max-width: 1399.98px) { .card.card--result .card__icons.card__icons--flight-time .card__icon-link .icon, .card.card--result .card__icons.card__icons--flight-route .card__icon-link .icon { width: 13px; height: 13px } .card.card--result .card__icons.card__icons--flight-time { right: -5px } .card.card--result .card__icons.card__icons--flight-route { right: -5px; bottom: -18px } } @media (min-width: 992px) { .card.card--result .card__container { min-height: 215px } .card.card--result .card__routes { width: calc(100% - 200px) } .card.card--result .card__flight { min-height: 110px; padding-right: 20px; padding-left: 20px } .card.card--result .card__flight-short-info { margin: 10px 10px 0 5px } .card.card--result .card__flight-plane::before { width: 70px } .card.card--result .card__info { width: 200px; padding: 15px 15px 0; border-left: 1px solid rgba(166, 166, 187, 0.5) } .card.card--result .card__info .btn { width: 100% } } @media (min-width: 1400px) { .card.card--result .card__brand { -webkit-box-flex: 0; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; margin-right: 40px } .card.card--result .card__brand img { max-width: 80px } .card.card--result .card__flight-plane::before { width: 140px } .card.card--result .card__flight-short-info { margin-right: 40px; margin-left: 10px } .card.card--result .card__icons.card__icons--flight-time .card__icon-link::before, .card.card--result .card__icons.card__icons--flight-route .card__icon-link::before { top: -15px } .card.card--result .card__icons.card__icons--flight-time .card__icon-link .icon, .card.card--result .card__icons.card__icons--flight-route .card__icon-link .icon { width: 20px; height: 20px } .card.card--result .card__icons.card__icons--flight-time { left: 70px } .card.card--result .card__icons.card__icons--flight-route { top: 4.5px; right: 0 } .card.card--result .card__icons.card__icons--flight-route .card__icon:not(:last-child) { margin-right: 15px } } .card.card--magazine { position: relative; border-radius: 4px; overflow: hidden } .card.card--magazine .card__link { z-index: 99 } .card.card--magazine .card__image { width: 100%; max-width: 100% } .card.card--magazine .card__title { position: absolute; bottom: 0; left: 0; max-width: 90%; margin: 0; padding: 1rem 1rem 0 0; border-radius: 0 4px 0 0; background: #f5f5f5; color: #333; font-size: 12px; font-weight: 700; line-height: 20px; z-index: 10 } @media (max-width: 576px) { .card.card--magazine .card__title { padding: 0.6rem 0.6rem 0 0; font-size: 15px; } } .card.card--magazine .card__badge { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: absolute; top: 10px; left: 10px; padding: .5rem 1rem; border-radius: 4px; color: #fff; font-size: 12px; font-weight: 600; line-height: 1.25; z-index: 10 } .card.card--magazine .card__badge.card__badge--secondary { background: #ffa049 } .card.card--magazine .card__badge.card__badge--tertiary { background: #1abc9c } @media (min-width: 768px) { .magazines.magazines--slider { margin: 0 -10px } .magazines.magazines--slider .card.card--magazine { margin: 0 10px } } @media (min-width: 992px) { .card.card--magazine:hover .card__image { -webkit-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); opacity: .8 } .card.card--magazine:hover .card__title { color: #1abc9c } .card.card--magazine .card__title { -webkit-transition: .3s color; -o-transition: .3s color; transition: .3s color; font-size: 16px; line-height: 23px } .card.card--magazine .card__image { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } } @media (min-width: 1400px) { .card.card--magazine .card__title { max-width: 83%; font-size: 18px; line-height: 26px } } .card.card--airline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 160px; margin-bottom: 20px; padding: 10px; border-radius: 4px; background-color: #fff } .card.card--airline .card__image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: calc(100% - 30px) } .card.card--airline .card__image img { max-width: 100%; max-height: 100% } .card.card--airline .card__title { margin: 0; color: #1abc9c; font-size: 13px; line-height: 15px; text-align: center } @media (min-width: 992px) { .card.card--airline { padding: 20px 20px 10px 20px } } .card.card--recommendation { margin-bottom: 10px; border-bottom: 1px solid rgba(166, 166, 187, 0.5) } .card.card--recommendation .card__image { width: 100%; height: 110px; -o-object-fit: cover; object-fit: cover } .card.card--recommendation .card__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .card.card--recommendation .card__title { margin: 0; font-size: 16px; font-weight: 700; line-height: 26px } .card.card--recommendation .card__price { margin: 0; font-size: 13px } @media (min-width: 992px) { .card.card--recommendation { margin-bottom: 20px; border: none } .card.card--recommendation .card__title { font-size: 18px } .card.card--recommendation .card__price { font-size: 15px; line-height: 23px } } .filter { position: relative; padding: 0 20px } .filter+.filter { border-top: 1px solid rgba(166, 166, 187, 0.2) } .filter+.filter .filter__header { padding-top: 15px } .filter .filter__header { padding-bottom: 15px } .filter .filter__content { padding: 10px 0 } .filter .filter__toggle-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: auto; padding: 0; border: none; outline: none; background: none; color: #333; font-family: "Montserrat", sans-serif; font-size: 15px; font-weight: 700; text-align: left; text-transform: uppercase } .filter .filter__toggle-button.collapsed .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .filter .filter__toggle-button .icon { position: relative; left: 5px; -webkit-box-flex: 0; -webkit-flex: 0 0 20px; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; margin-left: auto; -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .filter .filter__toggle-button .icon, .filter .filter__toggle-button .icon path { color: #a6a6bb; fill: #a6a6bb } .filter .filter__label { color: #333; font-size: 13px } .filter .filter__label.filter__label--range-slider { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 0 10px } .filter .filter__label.filter__label--range-slider .filter__label-text { font-size: 14px } .filter .filter__label-text { margin-right: 5px } .filter .filter__label-value { margin-left: auto; color: #a6a6bb; white-space: nowrap } .filter .range-slider-wrapper { padding: 0 10px } .filter .range-slider { margin-bottom: 20px } .filter .range-slider.range-slider--no-margin { margin-bottom: 0 } .filter .range-slider-values { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; color: #a6a6bb; font-size: 13px; font-weight: 500 } @media (max-width: 991.98px) { .filter.filter--actions { padding-top: 30px; border-top: none } } @media (min-width: 992px) and (max-width: 1399.98px) { .filter { padding: 0 10px } .filter .filter__toggle-button .icon { left: 0 } } body.custom-modal-opened { overflow: hidden; } body.custom-modal-opened .custom-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(51, 51, 51, 0.8); cursor: pointer; z-index: 100 } .modal .modal-content { border: none } .modal .modal-header .close { margin: 0 0 0 auto; padding: 0; line-height: 20px; opacity: 1 } .modal .modal-header .close:focus, .modal .modal-header .close:active { outline: none } .modal .modal-header .icon { width: 20px; height: 20px } .modal .modal-header .icon, .modal .modal-header .icon path { color: #a6a6bb; fill: currentColor } .modal .modal-body { font-size: 15px; line-height: 23px } .modal .modal-title { margin-bottom: 1rem; color: #1abc9c; font-size: 22px; font-weight: 700; line-height: 27px } .modal .modal__small-text { font-size: 12px; font-weight: 400 } .modal .jumbotron p { margin-bottom: .5rem } @media (min-width: 992px) { .modal .modal-title { margin-bottom: 1.5rem } } .jumbotron.jumbotron--small { padding: .875rem } .jumbotron.jumbotron--info-light, .jumbotron.jumbotron--warning-light { font-size: 12px } .jumbotron.jumbotron--info-light { padding: 15px; background: rgba(26, 188, 156, 0.2) } .jumbotron.jumbotron--warning-light { padding: 20px 15px 15px; background: rgba(255, 183, 49, 0.3) } .jumbotron .jumbotron__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-size: 14px; font-weight: 700 } .jumbotron .jumbotron__title .icon { width: 20px; height: 20px; margin-right: 10px } .input-group>.input-group-prepend>.btn::before, .input-group>.input-group-prepend>.input-group-text::before, .input-group>.input-group-append:not(:last-child)>.btn::before, .input-group>.input-group-append:not(:last-child)>.input-group-text::before, .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle)::before, .input-group>.input-group-append:last-child>.input-group-text:not(:last-child)::before { border-top-right-radius: 0; border-bottom-right-radius: 0 } .input-group>.input-group-append>.btn::before, .input-group>.input-group-append>.input-group-text::before, .input-group>.input-group-prepend:not(:first-child)>.btn::before, .input-group>.input-group-prepend:not(:first-child)>.input-group-text::before, .input-group>.input-group-prepend:first-child>.btn:not(:first-child)::before, .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child)::before { border-top-left-radius: 0; border-bottom-left-radius: 0 } .tab.tab--select select { margin-bottom: 20px } .tab.tab--switcher { width: 100% } .tab.tab--switcher .tab__link-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-bottom: 4px solid #1abc9c; border-radius: 4px; -webkit-box-shadow: 0 10px 20px 0 rgba(50, 60, 80, 0.1); box-shadow: 0 10px 20px 0 rgba(50, 60, 80, 0.1); overflow: hidden } .tab.tab--switcher .tab__link { width: 100%; padding: 11px 9px 7px; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; background-color: #fff; text-decoration: none; cursor: pointer } .tab.tab--switcher .tab__link:not(:first-child) { border-left: 1px solid #f5f5f5 } .tab.tab--switcher .tab__link.active { background-color: #1abc9c } .tab.tab--switcher .tab__link.active .tab__icon .icon { color: #000 } .tab.tab--switcher .tab__link.active .tab__price { color: #fff; font-weight: 600 } .tab.tab--switcher .tab__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; margin-right: 10px; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out } .tab.tab--switcher .tab__icon .icon { width: 20px; height: 20px; color: #a6a6bb; fill: currentColor } .tab.tab--switcher .tab__text, .tab.tab--switcher .tab__price { margin: 0; font-size: 12px; line-height: 2 } .tab.tab--switcher .tab__text { color: #000; font-weight: 600; letter-spacing: normal } .tab.tab--switcher .tab__price { color: #1abc9c; font-weight: 500; letter-spacing: .13px } .tab.tab--switcher .tab__content.loading { position: relative; min-height: 200px } .tab.tab--switcher .tab__content.loading::before, .tab.tab--switcher .tab__content.loading::after { position: absolute; content: '' } .tab.tab--switcher .tab__content.loading::before { top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .tab.tab--switcher .tab__content.loading::after { top: 50%; left: 50%; width: 80px; height: 80px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/images/loader.svg") no-repeat center center; -webkit-background-size: 80px 80px; background-size: 80px; z-index: 2 } .tab.tab--switcher .tab__content:not(.active) { position: absolute; height: 0; opacity: 0; overflow: hidden; visibility: hidden } .tab.tab--best-price .tab__link-wrapper { border-bottom: 2px solid #1abc9c } .tab.tab--best-price .tab__link:not(.active) .tab__text { color: #a6a6bb } .tab.tab--best-price .tab__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100% } .tab.tab--best-price .tab__text { color: #333 } .tab-content>.tab-pane { display: none } .tab-content>.active { display: block } @media (max-width: 991.98px) { .tab.tab--switcher .tab__link-wrapper { margin-bottom: 20px } .tab.tab--switcher .tab__link .tab__icon { display: none } } @media (min-width: 992px) { .tab.tab--switcher .tab__link-wrapper { margin-bottom: 25px } .tab.tab--switcher .tab__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .tab.tab--switcher .tab__text { font-size: 15px; line-height: 1.8 } .tab.tab--switcher .tab__price { font-size: 13px; line-height: 1.65 } } .matrix.matrix--result { border-radius: 4px; background-color: #fff } .matrix.matrix--result .matrix__trigger { text-decoration: none } .matrix.matrix--result .matrix__trigger[aria-expanded='true'] .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .matrix.matrix--result .matrix__trigger .icon { -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; color: #a6a6bb; fill: currentColor } .matrix.matrix--result .matrix__trigger span { color: #000; font-size: 16px; letter-spacing: normal; line-height: normal } .matrix.matrix--result .matrix__trigger-action { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } @media (max-width: 991.98px) { .matrix.matrix--result { margin-bottom: 20px } .matrix.matrix--result .matrix__trigger .icon { width: 14px; height: 14px } .matrix.matrix--result .matrix__trigger span { font-weight: bold } .matrix.matrix--result .matrix__trigger-action { padding: 20px 10px } .matrix.matrix--result .matrix__trigger-upper { padding: 10px; border-bottom: 1px solid #a6a6bb } .matrix.matrix--result .matrix__trigger-upper p { margin: 0; color: #333; font-size: 13px; letter-spacing: normal; line-height: 1.62 } .matrix.matrix--result .matrix__wrapper { padding: 0 15px 30px } .matrix.matrix--result .matrix__details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px } .matrix.matrix--result .matrix__details>span:nth-child(even) { text-align: right } .matrix.matrix--result .matrix__data { display: block; width: 50%; color: #333; font-size: 14px; letter-spacing: normal; line-height: 1.57 } .matrix.matrix--result .matrix__data.matrix__data--price { font-weight: bold } .matrix.matrix--result .matrix__data.matrix__data--border { margin-top: 10px; padding-top: 10px; border-top: 1px solid #a6a6bb } } @media (min-width: 992px) { .matrix.matrix--result { margin-bottom: 25px } .matrix.matrix--result .matrix__trigger .icon { width: 18px; height: 18px } .matrix.matrix--result .matrix__trigger span { font-weight: 500 } .matrix.matrix--result .matrix__trigger-action { padding: 15px 10px 15px 20px } .matrix.matrix--result .matrix__wrapper { padding: 20px; border-top: 1px solid #a6a6bb } } .commercial.commercial--result { position: relative; border-radius: 4px; background: url("/images/redesign2019/arfigyelo/arfigyelo_banner_hatter_1.png") 63% 0/cover no-repeat } .commercial.commercial--result .commercial__title, .commercial.commercial--result .commercial__subtitle { color: #fff; letter-spacing: normal } .commercial.commercial--result .commercial__title { font-size: 18px; font-weight: bold; line-height: 1.44 } .commercial.commercial--result .commercial__subtitle { font-size: 14px; line-height: 1.57 } .commercial.commercial--result .commercial__subtitle span { font-weight: bold; letter-spacing: -.2px } .commercial.commercial--destination { min-height: 310px; padding: 30px 20px; border-radius: 4px; background: url("/assets/images/repjegy-banner-mobil.png") center bottom/cover no-repeat } .commercial.commercial--destination .commercial__title, .commercial.commercial--destination .commercial__label { color: #fff; font-size: 18px } .commercial.commercial--destination .commercial__title { font-weight: 400; line-height: 1.33334 } .commercial.commercial--destination .commercial__label { margin-bottom: 10px; font-weight: 700; line-height: 1.22223 } @media (max-width: 767.98px) { .commercial.commercial--result .btn { width: 100% } } @media (max-width: 991.98px) { .commercial.commercial--result { margin: 20px 0 } .commercial.commercial--result::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* background: -webkit-gradient(linear, left top, right top, from(#2d3371), to(#1abc9c)); background: -webkit-linear-gradient(left, #2d3371, #1abc9c); background: -o-linear-gradient(left, #2d3371, #1abc9c); background: linear-gradient(to right, #2d3371, #1abc9c); */ content: ''; opacity: .6 } .commercial.commercial--result .commercial__wrapper { position: relative; padding: 25px 15px 30px } .commercial.commercial--result .commercial__subtitle { margin-bottom: 15px } } @media (min-width: 992px) and (max-width: 1399.98px) { .commercial.commercial--result .commercial__wrapper { max-width: 400px } } @media (min-width: 768px) { .commercial.commercial--destination { min-height: 220px; padding: 50px 30px; background-image: url("/assets/images/repjegy-banner.png"); background-position: right center } .commercial.commercial--destination .commercial__title { max-width: 540px; font-size: 26px; line-height: 1.38462 } .commercial.commercial--destination .commercial__label { margin-bottom: 20px; font-size: 24px; line-height: 1.25 } } @media (min-width: 992px) { .commercial.commercial--result { margin: 25px 0 } .commercial.commercial--result .commercial__wrapper { padding: 20px 30px 30px } .commercial.commercial--result .commercial__subtitle { margin-bottom: 20px } } @media (min-width: 1400px) { .commercial.commercial--result .commercial__wrapper { max-width: 550px } } .table.table--matrix { position: relative; width: 100%; margin-top: 38px; margin-right: 38px } .table.table--matrix tr:nth-child(1) th:last-child::after { color: #333; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal; position: absolute; top: -38px; left: 0; content: attr(data-start) } .table.table--matrix tr:nth-child(2) th:last-child { position: relative } .table.table--matrix tr:nth-child(2) th:last-child::after { color: #333; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal; position: absolute; top: 0; right: -38px; content: attr(data-back); -webkit-writing-mode: tb; -ms-writing-mode: tb; writing-mode: tb } .table.table--matrix th, .table.table--matrix td { padding: 15px 7.5px; -webkit-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; border: 1px solid rgba(166, 166, 187, 0.5) } .table.table--matrix th>a, .table.table--matrix th>span, .table.table--matrix td>a, .table.table--matrix td>span { display: block; width: 100%; -webkit-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; transition: 0.15s ease-in-out; color: #333; font-weight: 500; letter-spacing: normal; line-height: normal; text-align: center; text-decoration: none } .table.table--matrix th.active, .table.table--matrix td.active { background-color: rgba(166, 166, 187, 0.2) } .table.table--matrix th { background-color: rgba(245, 245, 245, 0.5) } .table.table--matrix th>a, .table.table--matrix th>span { font-size: 12px } .table.table--matrix td { position: relative } .table.table--matrix td>a, .table.table--matrix td>span { font-size: 14px } .table.table--matrix td.disabled>a, .table.table--matrix td.disabled>span { color: rgba(51, 51, 51, 0.2) } .table.table--matrix td.price-lower>a, .table.table--matrix td.price-lower>span { color: #ffa049; padding-top: 2px !important; padding-bottom: 2px !important; } .table.table--matrix td.price-upper>a, .table.table--matrix td.price-upper>span { color: #1abc9c; } .table.table--matrix td.price-upper, .table.table--matrix td.price-lower { padding-top: 2px !important; padding-bottom: 2px !important; } .table.table--matrix td:not(.disabled) { cursor: pointer } .table.table--matrix td:not(.disabled):hover { background-color: rgba(26, 188, 156, 0.3) } .table.table--matrix td:not(.disabled):hover~td, .table.table--matrix td:not(.disabled):hover~th { background-color: rgba(166, 166, 187, 0.2) } .table.table--matrix td:not(.disabled):hover .table__dd { opacity: 1; visibility: visible } .table.table--matrix td:not(.disabled):not(.price-upper):hover>a, .table.table--matrix td:not(.disabled):not(.price-upper):hover>span { color: #1abc9c } .table.table--matrix .table__dd { position: absolute; top: 100%; left: calc(50% - 160px); width: 310px; padding: 5px 25px 0; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; border-radius: 2px; background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; z-index: 1; pointer-events: none } .table.table--matrix .table__dd::before { position: absolute; top: -10px; left: calc(50% - 11px); width: 22px; height: 10px; -webkit-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; z-index: 7 } .table.table--matrix .table__dd-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 15px 0; color: #333 } .table.table--matrix .table__dd-wrapper:first-child { border-bottom: 1px solid rgba(166, 166, 187, 0.5) } .table.table--matrix .table__dd-logo { -webkit-box-flex: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; max-width: 40px; margin-right: 10px } .table.table--matrix .table__dd-logo img { display: block; width: 100% } .table.table--matrix .table__dd-label, .table.table--matrix .table__dd-company, .table.table--matrix .table__dd-info { margin-bottom: 0; color: #333; font-size: 12px; font-weight: normal; letter-spacing: normal; line-height: 1.83 } .table.table--matrix .table__dd-label { margin-bottom: 5px; font-weight: bold } .table.table--matrix .table__dd-flight-time { margin-right: -25px; margin-left: -25px; padding: 12px 25px; border-radius: 0 0 2px 2px; background-color: #323c50; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal } .table.table--matrix .table__dd-info-time { margin: 0 5px } .table.table--matrix .table__dd-info-city { text-transform: uppercase } .search { position: relative; padding: 30px 0; background-image: url("/images/search-box-bg.webp"); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; z-index: 2 } @media (max-width: 800px) { .search { background-image: none !important; } } .search.search--destination-header { background-image: url("/images/destination-header-bg.png") } .search.search--airline-header { background-image: url("/content-images/airline-lufthansa.png") } .search.search--airline-header .search__title { margin-bottom: 45px } .search::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#247887), to(#1abc9c)); background-image: -webkit-linear-gradient(left, #247887 0%, #1abc9c 100%); background-image: -o-linear-gradient(left, #247887 0%, #1abc9c 100%); background-image: linear-gradient(90deg, #247887 0%, #1abc9c 100%); content: ''; opacity: .8; z-index: -1 } .search .search__title { margin-bottom: 7px; color: #fff; font-weight: 700 } .search .search__lead { margin-bottom: 26px; color: #333; font-size: 14px; letter-spacing: .1px; line-height: 24px } .search .search__travel-types label { font-size: 11px } @media (min-width: 992px) { .search { min-height: 153px } .search.search--destination-header, .search.search--airline-header { padding-bottom: 60px } .search.search--destination-header .container, .search.search--airline-header .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 280px } .search .search__title { margin-bottom: 17px } .search .search__lead { margin-bottom: 43px; font-size: 16px; line-height: 26px } .search .search__travel-types label { font-size: 14px } } .search .search__panel.search__panel--multi { margin-bottom: 1rem } .search .search__panel .item__icon-wrapper--right { position: absolute; top: 50%; right: 10px; padding: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #fff; cursor: pointer; z-index: 6 } .search .search__panel .item__icon-wrapper--left { margin-left: 1rem } .search .search__panel .item__icon-wrapper--left~label { left: 3.5rem } .search .search__panel .item__icon { width: 20px; height: 20px; color: #1abc9c } .search .search__panel .item__icon, .search .search__panel .item__icon path { fill: currentColor } .search .search__panel-item--date { position: relative } .search .search__panel-item--date .item__fields { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; max-width: 100%; height: 48px; padding-left: 45px; overflow: hidden } .search .search__panel-input { z-index: 2 } .search .search__panel-fake-input { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; height: 50px; z-index: 10 } .search .search__panel-fake-input.search__panel-fake-input--single { width: 100% } .search .search__panel-fake-input.has-val { width: auto; padding-top: 1rem; color: #333; font-size: 15px; font-weight: 500; white-space: nowrap } .search .search__panel-fake-input.has-val+.search__panel-fake-input { margin-left: 0 } .search .search__panel-fake-input.has-val+.search__panel-fake-input::before { width: 20px; text-align: center; content: '-' } .search .search__panel-fake-input.has-val+.search__panel-fake-input::after { left: 20px } .search .search__panel-fake-input.has-val::after { -webkit-transform: translateY(-22px); -ms-transform: translateY(-22px); -o-transform: translateY(-22px); transform: translateY(-22px); font-size: 12px } .search .search__panel-fake-input::after { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #a6a6bb; font-size: 15px; font-weight: 400; white-space: nowrap; content: attr(data-label-text) } @media (max-width: 991.98px) { .search .search__panel.search__panel--extra { margin-top: 10px } .search .search__panel.search__panel--extra .btn--add { width: 100%; margin-bottom: 1rem } .search .search__panel.search__panel--extra .btn--search-multi { width: 100%; padding-top: .875rem; padding-bottom: .875rem } .search .search__panel.search__panel--multi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .search .search__panel.search__panel--multi .search__panel-item--from, .search .search__panel.search__panel--multi .search__panel-item--to { width: 100% } .search .search__panel.search__panel--multi .search__panel-item--date { width: calc(100% - 74px) } .search .search__panel.search__panel--multi .search__panel-item--action { width: 64px; margin-left: 10px } .search .search__panel.search__panel--multi .search__panel-item--action .btn { padding-top: .875rem; padding-bottom: .875rem } .search .search__panel .form-group-twoline+.item__icon-wrapper--right label { right: 40px } .search .search__panel .item__icon-wrapper--left { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) } .search .search__panel .item__icon-wrapper--left+.form-control { padding-left: 2.875rem } .search .search__panel .item__icon-wrapper--left~label { left: 2.875rem } .search .search__panel .icon-arrows { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .search .search__panel-item--date { margin-bottom: .625rem; border: 1px solid #a6a6bb; border-radius: 4px; background: #fff } } @media (min-width: 992px) { .search .search__panel:not(.search__panel--extra) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) } .search .search__panel.search__panel--extra { width: 100% } .search .search__panel.search__panel--extra .btn--add { width: 260px } .search .search__panel.search__panel--extra .btn--search-multi { padding-right: 70px; padding-left: 70px } .search .search__panel.search__panel--extra .item__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 2rem } .search .search__panel.search__panel--extra .search__panel-item--passengers { width: 33% } .search .search__panel.search__panel--multi { position: relative; margin-right: 74px } .search .search__panel.search__panel--multi .search__panel-item.search__panel-item--from, .search .search__panel.search__panel--multi .search__panel-item.search__panel-item--to, .search .search__panel.search__panel--multi .search__panel-item.search__panel-item--date { width: 33% } .search .search__panel.search__panel--multi .search__panel-item.search__panel-item--action { position: absolute; top: 0; right: -74px } .search .search__panel .item__icon-wrapper--right { right: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%) } .search .search__panel .form-group { margin-bottom: 0 } .search .search__panel-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .search .search__panel-item.search__panel-item--from { width: 20% } .search .search__panel-item.search__panel-item--to { width: 20% } .search .search__panel-item.search__panel-item--date { width: calc(25% - 10px); height: 64px; margin-right: 10px } .search .search__panel-item.search__panel-item--date .item__fields { height: 64px; padding-left: 0 } .search .search__panel-item.search__panel-item--passengers { width: 20% } .search .search__panel-item.search__panel-item--actions { width: 15% } .search .search__panel-item.search__panel-item--actions .btn { width: 100% } .search .search__panel-item+.search__panel-item::before { position: absolute; top: 0; bottom: 0; left: 0; border-left: 1px solid rgba(166, 166, 187, 0.2); content: '' } .search .search__panel-item--actions { margin-left: auto; padding: 0 7px } .search .search__panel-item--actions::before { display: none } .search .search__panel-input { border-color: transparent } .search .search__panel-fake-input { width: 100%; height: 64px; margin-left: 10px } .search .search__panel-fake-input.has-val { width: auto } .search .search__panel-fake-input.has-val.search__panel-fake-input--single { width: 100% } } .search-group { position: relative; margin-top: 25px; padding-top: 25px; padding-bottom: 20px; -webkit-transition: opacity .3s, -webkit-transform .6s; transition: opacity .3s, -webkit-transform .6s; -o-transition: opacity .3s, -o-transform .6s; transition: transform .6s, opacity .3s; transition: transform .6s, opacity .3s, -webkit-transform .6s, -o-transform .6s; border-radius: 4px; background-color: #fff } .search-group:not(.show) { height: 0; margin-top: -45px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; z-index: -1 } .search-group .search-group__close { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 32px; height: 32px; cursor: pointer } .search-group .search-group__close .icon { width: 14px; height: 14px; color: #a6a6bb; fill: currentColor } .search-group .search-group__title { color: #333; font-weight: bold; letter-spacing: normal; line-height: 1.44; text-align: center } .search-group .search-group__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .search-group .search-group__wrapper input[type='number'] { width: calc(100% - 88px); min-width: 44px } .search-group .search-group__wrapper .form-group { margin-bottom: 20px } .search-group .search-group__wrapper label span { font-weight: 500; letter-spacing: -.2px; line-height: normal } .search-group .search-group__wrapper label span:nth-child(1) { color: #333 } .search-group .search-group__wrapper label span:nth-child(2) { color: #a6a6bb } .search-group .search-group__fields .row:first-child [class*='col-']:first-child .search-group__field-title { margin-top: 0 } .search-group .search-group__field-title { margin-top: 15px; color: #333; font-weight: 500; line-height: normal } .search-group .search-group__submit { width: 100% } @media (max-width: 575.98px) { .search-group { padding-right: 15px; padding-left: 15px } } @media (max-width: 991.98px) { .search-group .search-group__title { margin-bottom: 20px; font-size: 18px; line-height: 1.44 } .search-group .search-group__wrapper label span { font-size: 12px } .search-group .search-group__field-title { font-size: 12px; letter-spacing: -.1px } .search-group .search-group__submit { margin-top: 10px } } @media (min-width: 992px) { .search-group .search-group__close { display: none } .search-group .search-group__title { margin-bottom: 50px; font-size: 20px; line-height: normal } .search-group .search-group__wrapper { margin-bottom: 15px } .search-group .search-group__wrapper label span { font-size: 14px; letter-spacing: normal } .search-group .search-group__field-title { height: calc(100% - 90px); margin-bottom: 15px; font-size: 14px; letter-spacing: normal } .search-group .search-group__submit { margin-top: 30px } } .search-popup { position: fixed; top: 0; right: 0; left: 0; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; background: #fff; opacity: 0; visibility: hidden } .search-popup.show { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible } .search-popup.search-popup--calendar .form-group-twoline { margin: 20px 0 .75rem } .search-popup .search-popup__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(166, 166, 187, 0.3) } .search-popup .search-popup__close, .search-popup .search-popup__header-title { font-weight: 600; letter-spacing: normal; line-height: normal } .search-popup .search-popup__header-title { padding: 20px 0 20px 20px; color: #333; font-size: 15px } .search-popup .search-popup__close { padding: 20px; color: #1abc9c; font-size: 12px; cursor: pointer } .search-popup .search-popup__content { position: relative; z-index: 2 } .search-popup .search-popup__content>.form-group-twoline { margin: 20px } .search-popup .search-popup__title { margin-bottom: 16px; color: #333; font-size: 15px; font-weight: bold; letter-spacing: normal; line-height: normal } .search-popup .search-popup__inner { padding: 0 20px 20px } .search-popup .search-popup__inner.loading { position: relative; min-height: 200px } .search-popup .search-popup__inner.loading::before, .search-popup .search-popup__inner.loading::after { position: absolute; content: '' } .search-popup .search-popup__inner.loading::before { top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .search-popup .search-popup__inner.loading::after { top: 50%; left: 50%; width: 80px; height: 80px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/images/loader.svg") no-repeat center center; -webkit-background-size: 80px 80px; background-size: 80px; z-index: 2 } .search-popup .search-popup__inner.loading::after { top: 40% } .search-popup .search-popup__date { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0 } .search-popup .search-popup__date-col { padding: 0 } .search-popup.search-popup--travellers .search-popup__inner label { cursor: pointer } .search-popup.search-popup--travellers .search-popup__wrapper .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid rgba(166, 166, 187, 0.5) } .search-popup.search-popup--travellers .search-popup__wrapper .form-group label { margin-bottom: 0 } .search-popup.search-popup--travellers .search-popup__wrapper .form-group label span { font-size: 14px; font-weight: 500; letter-spacing: normal; line-height: normal } .search-popup.search-popup--travellers .search-popup__wrapper .form-group label span:nth-child(1) { color: #333 } .search-popup.search-popup--travellers .search-popup__wrapper .form-group label span:nth-child(2) { color: #a6a6bb } .search-popup-backdrop { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .search-popup-backdrop.show { display: block } @media (max-width: 991.98px) { .search-popup { bottom: 0; z-index: 101 } .search-popup.search-popup--calendar .search-popup__content { position: relative; padding-bottom: 140px } .search-popup.search-popup--calendar .search-popup__content .calentim-calendars { max-height: none !important; margin-top: 10px; overflow: auto !important } .search-popup.search-popup--calendar .search-popup__inner { height: calc(100vh - 140px) } .search-popup.search-popup--calendar .search-popup__date { position: fixed; right: 0; bottom: 0; left: 0; background: #ececef; z-index: 999 } .search-popup__passanger { position: fixed; right: 0; bottom: 0; left: 0; background: #ececef; z-index: 999 } .search-popup__passanger .search-popup__date-action { padding: 20px; background: #f5f5f5 } .fake-radio { height: 75px; } .search-popup.search-popup--calendar .search-popup__date .dropdown.dropdown--select { width: 100%; margin-bottom: -10px } .search-popup.search-popup--calendar .search-popup__date .dropdown.dropdown--select.show { margin-bottom: 0 } .search-popup.search-popup--calendar .search-popup__date .dropdown.dropdown--select .dropdown-toggle__text { margin-right: 3px; font-weight: 500 } .search-popup.search-popup--calendar .search-popup__date .dropdown-toggle { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: auto; padding-bottom: 8px; border: none; background: #f5f5f5; color: #1abc9c; font-size: 12px; text-align: center } .search-popup.search-popup--calendar .search-popup__date .dropdown-toggle .icon { width: 12px; height: 12px; margin-left: 0; color: #1abc9c } .search-popup.search-popup--calendar .search-popup__date .dropdown-menu { border: none; background: none } .search-popup.search-popup--calendar .search-popup__date .dropdown-menu.show { position: static !important; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important } .search-popup.search-popup--calendar .search-popup__date-title { margin-bottom: 0; padding-top: 10px; background: #f5f5f5; color: #a6a6bb; font-size: 16px; text-align: center } .search-popup.search-popup--calendar .search-popup__date-title.has-date { color: #333; font-size: 0; font-weight: 700 } .search-popup.search-popup--calendar .search-popup__date-title.has-date::after { font-size: 1rem; content: attr(data-text) } .search-popup.search-popup--calendar .search-popup__date-action { padding: 20px; background: #f5f5f5 } .search-popup .search-popup__header { height: 60px } .search-popup .search-popup__header-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .search-popup .search-popup__content { height: calc(100vh - 60px) } .search-popup .search-popup__inner { height: calc(100vh - 150px); overflow: auto } } @media (min-width: 992px) { .search-popup { display: block; position: absolute; top: -20px; left: -20px; width: 432px; height: 500px; border-radius: 4px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); z-index: 99 } .search-popup.search-popup--calendar { left: -175px; width: 725px; height: auto } .search-popup.search-popup--calendar.search-popup--calendar-single { right: -20px; left: -20px; width: auto } .search-popup .search-popup__header { display: none } .search-popup .search-popup__date { padding-right: 10px; padding-left: 10px } .search-popup .search-popup__date-col { padding-right: 10px; padding-left: 10px } .search-popup .search-popup__date-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #a6a6bb; font-size: 15px; font-weight: 500 } .search-popup.search-popup--autocomplete .search-popup__inner { height: 396px; overflow-y: auto } .search-popup.search-popup--travellers { width: auto; min-width: 330px; height: auto } } @media (min-width: 1400px) { .search-popup.search-popup--calendar { left: -20px } } .autocomplete { margin: 0 } .autocomplete>ul { margin: 0; padding: 0; list-style: none } .autocomplete .autoComplete_result { margin: 0 -20px; padding: 13px 20px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; outline: none; cursor: pointer } .autocomplete .autoComplete_result:hover { background: #f5f5f5 } .autocomplete .autocomplete__result-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .autocomplete .autocomplete__result-content.autocomplete__result-content--airport { padding-left: 40px } .autocomplete .autocomplete__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 34px; -ms-flex: 0 0 34px; flex: 0 0 34px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 34px; height: 34px; margin-right: 10px; border: 1px solid #a6a6bb; border-radius: 34px } .autocomplete .autocomplete__icon .icon { width: 20px; height: 20px; color: #a6a6bb } .autocomplete .autocomplete__icon .icon, .autocomplete .autocomplete__icon .icon path { fill: currentColor } .autocomplete .autocomplete__text { font-size: 15px; line-height: 18px } .autocomplete .autocomplete__country { display: block; color: #a6a6bb; font-size: 13px } .autocomplete .autoComplete_highlighted { font-weight: 700 } .calentim-container, .calentim-container-mobile { float: none; z-index: 100 } .calentim-container .calentim, .calentim-container-mobile .calentim { display: none } .calentim-container .calentim-input, .calentim-container-mobile .calentim-input { width: 100% !important; margin: 0; padding: 0; border: none; border-radius: 0 } .calentim-container .calentim-input .calentim-calendars:focus, .calentim-container-mobile .calentim-input .calentim-calendars:focus { border: none; outline: none; -webkit-box-shadow: none; box-shadow: none } .calentim-container .calentim-input .calentim-calendars .calentim-calendar, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar { padding-bottom: 0 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { padding-right: 0; padding-left: 0; border: none; background: none; color: #000; text-transform: uppercase } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title b, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title b { font-weight: 700 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev:hover .icon, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next:hover .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev:hover .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next:hover .icon { color: #6d6d8e } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon { display: block; width: 20px; height: 20px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon { color: #a6a6bb } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon path, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon path, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev .icon path, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next .icon path { fill: currentColor } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber { padding: 0; font-size: 14px } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-disabled span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weeknumber span { padding: 10px 3px 10px 4px; color: #000 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-dayofweek { margin-bottom: 5px; color: #000; text-transform: none } .calentim-notouch .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected), .calentim-notouch .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:hover:not(.calentim-hovered):not(.calentim-selected) { border-radius: 4px; background: rgba(26, 188, 156, 0.15) } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-start { border-radius: 4px 0 0 4px; color: #000 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-end { color: #000 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-today, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day.calentim-selected.calentim-today { color: #000 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-weekend { color: #000 } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:not(.calentim-not-in-month)~.calentim-not-in-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-day:not(.calentim-not-in-month)~.calentim-not-in-month { display: none } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-days-container .calentim-not-in-month { opacity: 0; pointer-events: none } @media (max-width: 991.98px) { .calentim-container .calentim-input .calentim-calendars, .calentim-container-mobile .calentim-input .calentim-calendars { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title { margin-bottom: 10px; padding-bottom: 20px; border-bottom: 1px solid rgba(166, 166, 187, 0.3) } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title>span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title>span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-transform: none; order: 0; -webkit-order: 0; } .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title>span { display: block !important; text-transform: uppercase !important; order: 0; -webkit-order: 0; } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title>span>span, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title>span>span { margin-left: auto; font-size: 12px; font-weight: 500; text-align: right } .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-prev, .calentim-container-mobile .calentim-input .calentim-calendars .calentim-calendar .calentim-title .calentim-next { display: block; } } @media (min-width: 992px) { .calentim-container.calentim-inline .calentim-input, .calentim-container-mobile.calentim-inline .calentim-input { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row } } .breadcrumb { height: 50px; background-color: #fff } .breadcrumb .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .breadcrumb .breadcrumb__icon { display: block; width: 18px; height: 18px; margin-right: 10px; color: #1abc9c; fill: currentColor } .breadcrumb .breadcrumb__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 50px; margin: 0; padding: 0; list-style: none } .breadcrumb .breadcrumb__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 15px } .breadcrumb .breadcrumb__item+.breadcrumb__item::before { display: block; margin: 0 5px; content: '/' } .breadcrumb .breadcrumb__link { color: #333; text-decoration: none } .breadcrumb .breadcrumb__text { color: #000 } @media (max-width: 767.98px) { .breadcrumb { display: block; } } .list.list--icons { padding: 0; font-size: 14px; list-style: none } .list.list--icons>li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .list.list--icons>li+li { margin-top: 1rem } .list.list--icons>li .icon { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-flex: 0; -webkit-flex: 0 0 26px; -ms-flex: 0 0 26px; flex: 0 0 26px; width: 26px; height: 26px; margin-right: 10px; color: #1abc9c } .list.list--icons>li .icon, .list.list--icons>li .icon path { fill: currentColor } .list.list--icons>li p { margin: 0 } .list.list--two-columns { padding: 0 } .list.list--two-columns>li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .list.list--two-columns>li+li { margin-top: .75rem } .list.list--two-columns .list__key, .list.list--two-columns .list__value { margin: 0 } .list.list--two-columns .list__key { margin-right: 5px; color: #1abc9c; font-size: 14px; font-weight: 700 } .list.list--two-columns .list__value { margin-left: 5px; text-align: right } .list.list--popuplar-airlines { margin-bottom: 1rem } @media (min-width: 992px) { .list.list--icons { font-size: 15px; line-height: 23px } .list.list--icons>li+li { margin-top: .5rem } .list.list--two-columns .list__key { font-size: 16px } .list.list--two-columns .list__value { font-size: 15px } .list.list--popuplar-airlines { margin-bottom: 1.5rem } } @media (min-width: 1400px) { .list.list--icons>li+li, .list.list--two-columns>li+li { margin-top: .875rem } .list.list--two-columns>li+li { margin-top: .75rem } } .airports { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 50px; border: solid 1px #f1f1f4; border-radius: 4px; overflow: hidden } .airports.opened .airports__toggle .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .airports .airports__gmap { width: 100%; min-height: 450px } .airports .airports__items { position: relative; width: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; background-color: #fff } .airports .airports__items-inner { max-height: 450px; overflow: auto } .airports .airports__toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: -24px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 24px; height: 54px; background-color: #ffb731; cursor: pointer; z-index: 1 } .airports .airports__toggle .icon { width: 17px; height: 17px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #fff; fill: currentColor } .airports .airports__item { -webkit-transition: .3s; -o-transition: .3s; transition: .3s } .airports .airports__item:not(:last-child) .airports__short { border-bottom: 1px solid #f4f4f4 } .airports .airports__item.hidden { display: none } .airports .airports__item:not(.active) .airports__desc { display: none } .airports .airports__item.active .airports__short { background-color: rgba(166, 166, 187, 0.2) } .airports .airports__item.active .airports__short::before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .airports .airports__short { position: relative; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; cursor: pointer } .airports .airports__short::before { display: none; position: absolute; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); color: #a6a6bb; font-weight: 300; content: '+' } .airports .airports__short-name { color: #333; font-size: 14px; font-weight: 600; letter-spacing: -.19px; line-height: 1.86; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .airports .airports__short-info, .airports .airports__short-distance { color: #a6a6bb; font-size: 12px; font-weight: normal; letter-spacing: normal; line-height: 2.17 } .airports .airports__short-distance { font-weight: 600 } .airports .airports__desc-item:not(:last-child) { border-bottom: 1px solid rgba(166, 166, 187, 0.2) } .airports .airports__desc-item:not(.active) .airports__desc-text { display: none } .airports .airports__desc-item:not(.active) .airports__desc-name::before { content: '+' } .airports .airports__desc-name { position: relative; color: #323c50; font-size: 12px; font-weight: 600; letter-spacing: normal; line-height: 1.83; cursor: pointer } .airports .airports__desc-name::before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; color: #a6a6bb; font-weight: 300; content: '-' } .airports .airports__desc-text { font-size: 12px; letter-spacing: normal; line-height: 1.67 } .airports .airports__desc-link { display: block; padding-top: 10px; color: #1abc9c; font-size: 13px; font-weight: 600; letter-spacing: -.09px } @media (max-width: 991.98px) { .airports.opened .airports__gmap { width: calc(100% - 240px) } .airports.opened .airports__items { width: 240px } .airports .airports__short { padding: 12px 20px 10px 15px } .airports .airports__short::before { top: 15px; right: 15px; width: 10px; height: 10px; font-size: 22px } .airports .airports__desc-item { margin: 0 15px } .airports .airports__desc-name { margin: 0 -15px; padding: 8px 15px } .airports .airports__desc-name::before { top: 12.5px; right: 12.5px; width: 10px; height: 10px; font-size: 18px } .airports .airports__desc-text { padding-bottom: 8px } } @media (min-width: 992px) { .airports.opened .airports__gmap { width: calc(100% - 360px) } .airports.opened .airports__items { width: 360px } .airports .airports__short { padding: 12.5px 50px 12.5px 20px } .airports .airports__short::before { top: 20px; right: 20px; width: 12px; height: 12px; font-size: 34px } .airports .airports__short-name { font-size: 15px; letter-spacing: normal; line-height: 1.73 } .airports .airports__short-info, .airports .airports__short-distance { font-size: 14px; line-height: 1.86 } .airports .airports__desc-item { margin: 0 20px } .airports .airports__desc-name { margin: 0 -20px; padding: 13.5px 50px 13.5px 20px; font-size: 15px; line-height: 1.47 } .airports .airports__desc-name::before { top: 17.5px; right: 20px; width: 12px; height: 12px; font-size: 22px } .airports .airports__desc-text { padding-bottom: 13.5px; font-size: 13px; letter-spacing: -.09px } } .accordion .accordion__trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; cursor: pointer } .accordion .accordion__trigger:not(.collapsed) .accordion__toggle, .accordion .accordion__trigger:hover .accordion__toggle { border-color: #1abc9c } .accordion .accordion__trigger:not(.collapsed) .accordion__toggle::before, .accordion .accordion__trigger:not(.collapsed) .accordion__toggle::after, .accordion .accordion__trigger:hover .accordion__toggle::before, .accordion .accordion__trigger:hover .accordion__toggle::after { background-color: #1abc9c } .accordion .accordion__trigger:not(.collapsed) .accordion__toggle::after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .accordion .accordion__title { margin-right: 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s } .accordion .accordion__toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 22px; -ms-flex: 0 0 22px; flex: 0 0 22px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 22px; height: 22px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; border: 2px solid #a6a6bb; border-radius: 100%; color: #333; font-size: 30px } .accordion .accordion__toggle::before, .accordion .accordion__toggle::after { position: absolute; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; background-color: #a6a6bb; content: ''; z-index: 1 } .accordion .accordion__toggle::before { width: 12px; height: 2px } .accordion .accordion__toggle::after { width: 2px; height: 12px } .accordion.accordion--destinations .accordion__item { margin-bottom: 25px } .accordion.accordion--destinations .accordion__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid rgba(25, 39, 67, 0.1); cursor: pointer } .accordion.accordion--destinations .accordion__trigger { padding-bottom: 15px } .accordion.accordion--destinations .accordion__trigger:not(.collapsed) .accordion__title, .accordion.accordion--destinations .accordion__trigger:hover .accordion__title { color: #1abc9c } .accordion.accordion--destinations .accordion__title { margin: 0; color: #333; font-size: 20px; font-weight: 700; line-height: 26px } .accordion.accordion--destinations .accordion__body { width: 100% } .accordion.accordion--destinations .accordion__list { width: 100%; padding: 18px 0 0 } .accordion.accordion--destinations .accordion__list-item { overflow: hidden } .accordion.accordion--destinations .accordion__sublist { padding: 0; list-style: none } .accordion.accordion--destinations .accordion__subtitle { margin: 0; padding-right: 10px; padding-bottom: 5px; color: #333; font-size: 18px; font-weight: 700; line-height: 22px } .accordion.accordion--destinations .accordion__subitem { margin: 0; padding-right: 10px } .accordion.accordion--destinations .accordion__subitem a { color: #1abc9c; font-size: 15px; line-height: 23px } @media (min-width: 576px) { .accordion.accordion--destinations .accordion__list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2 } } @media (min-width: 992px) { .accordion.accordion--destinations .accordion__item { margin-bottom: 40px } .accordion.accordion--destinations .accordion__trigger { padding-bottom: 18px } .accordion.accordion--destinations .accordion__list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4 } .accordion.accordion--destinations .accordion__title { font-size: 24px } } .accordion.accordion--faq { margin: 0 0 20px } .accordion.accordion--faq .accordion__item { border-bottom: 1px solid rgba(25, 39, 67, 0.1); border-radius: 4px; background-color: #fff } .accordion.accordion--faq .accordion__trigger { padding: 20px 15px } .accordion.accordion--faq .accordion__trigger:not(.collapsed) .accordion__title, .accordion.accordion--faq .accordion__trigger:hover .accordion__title { color: #1abc9c } .accordion.accordion--faq .accordion__title { color: #333; font-size: 14px; font-weight: 700; line-height: 22px } .accordion.accordion--faq .accordion__body { padding: 0 20px 15px } .accordion.accordion--faq .accordion__body ul { padding-left: 20px } .accordion.accordion--faq .accordion__body li { position: relative; list-style-type: none } .accordion.accordion--faq .accordion__body li::before { position: absolute; top: 3.5px; left: -20px; width: 13px; height: 13px; border: 3px solid #1abc9c; border-radius: 50%; content: '' } .accordion.accordion--sidebar { margin-bottom: 20px; border-radius: 4px; background-color: #fff } .accordion.accordion--sidebar .accordion__trigger:not(.collapsed) .icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg) } .accordion.accordion--sidebar li { list-style-type: none } .accordion.accordion--sidebar .accordion__item { position: relative; padding: 20px 25px } .accordion.accordion--sidebar .accordion__item:not(:last-child)::before { position: absolute; right: 20px; bottom: 0; left: 20px; height: 1px; background-color: rgba(25, 39, 67, 0.1); content: ''; -webkit-box-sizing: border-box; box-sizing: border-box } .accordion.accordion--sidebar .accordion__trigger span { color: #333; font-size: 16px; font-weight: 700; line-height: 24px } .accordion.accordion--sidebar .accordion__trigger .icon { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s } .accordion.accordion--sidebar .accordion__categories { margin: 0; padding: 5px 0 0 } .accordion.accordion--sidebar .accordion__categories .accordion__category:last-child .accordion__link { padding-bottom: 0 } .accordion.accordion--sidebar .accordion__link { display: inline-block; padding-top: 8px; padding-bottom: 8px; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; color: #1abc9c; font-size: 14px; line-height: 20px; text-decoration: none } .accordion.accordion--sidebar .accordion__link:hover, .accordion.accordion--sidebar .accordion__link.is-active { color: #333 } @media (min-width: 992px) { .accordion.accordion--sidebar .accordion__item { padding: 25px } } .checkout-insurance { border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1) } .checkout-insurance .checkout-insurance__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; color: #333; font-weight: 700; letter-spacing: normal } .checkout-insurance .checkout-insurance__title span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 40px } .checkout-insurance .checkout-insurance__icon-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; margin-right: 15px; border: 2px solid #a6a6bb; border-radius: 50% } .checkout-insurance .checkout-insurance__icon-wrapper .icon { width: 20px; height: 25px; color: #a6a6bb; fill: currentColor } .checkout-insurance .checkout-insurance__subtitle { color: #333; font-size: 14px; letter-spacing: normal; line-height: 1.5 } .checkout-insurance .checkout-insurance__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .checkout-insurance .checkout-insurance__badge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-flex: 0; -webkit-flex: 0 0 55px; -ms-flex: 0 0 55px; flex: 0 0 55px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; margin: 0 auto 15px; border-radius: 50%; background-color: #2d3647 } .checkout-insurance .checkout-insurance__badge .icon { width: 35px; height: 35px } .checkout-insurance .checkout-insurance__name { color: #333; font-weight: 700 } .checkout-insurance .checkout-insurance__item { position: relative; margin-bottom: 20px; padding: 10px; border: solid 1px #a6a6bb; background-color: #fff; cursor: pointer; overflow: hidden } .checkout-insurance .checkout-insurance__item, .checkout-insurance .checkout-insurance__item::after { -webkit-transition: border-color .5s; -o-transition: border-color .5s; transition: border-color .5s; border-radius: 4px } .checkout-insurance .checkout-insurance__item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid transparent; content: '' } .checkout-insurance .checkout-insurance__item.is-active, .checkout-insurance .checkout-insurance__item.is-active::after { border-color: #1abc9c } .checkout-insurance .checkout-insurance__desc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 10px } .checkout-insurance .checkout-insurance__desc.is-active .icon-check { color: #000 } .checkout-insurance .checkout-insurance__desc.is-active span { color: #333 } .checkout-insurance .checkout-insurance__desc.checkout-insurance__desc--full .icon-check { color: #1abc9c } .checkout-insurance .checkout-insurance__desc .icon-check { -webkit-box-flex: 0; -webkit-flex: 0 0 14px; -ms-flex: 0 0 14px; flex: 0 0 14px; width: 14px; height: 11px; margin-right: 10px; color: rgba(0, 0, 0, 0.1); fill: currentColor } .checkout-insurance .checkout-insurance__desc span { color: rgba(0, 0, 0, 0.2); font-size: 12px; letter-spacing: normal } .checkout-insurance .checkout-insurance__link { margin-bottom: 10px; color: #1abc9c; font-size: 14px; font-weight: 600; line-height: 1.29; text-align: center; text-decoration: underline } .checkout-insurance .checkout-insurance__price { color: #333; font-weight: 700 } .checkout-insurance .checkout-insurance__form-group { margin: 0 } .checkout-insurance .radio.radio--custom label { margin: 0 } @media (max-width: 991.98px) { .checkout-insurance { padding: 15px } .checkout-insurance .checkout-insurance__title { font-size: 16px; line-height: 1.5 } .checkout-insurance .checkout-insurance__wrapper { margin-left: 40px } .checkout-insurance .checkout-insurance__item .checkout-insurance__badge, .checkout-insurance .checkout-insurance__item .checkout-insurance__link { display: none } .checkout-insurance .checkout-insurance__item .checkout-insurance__favorite { position: absolute; bottom: 0; right: 0; width: 70px; height: 70px; padding-bottom: 7.5px; padding-right: 10px; background-color: #323c50; } .checkout-insurance .checkout-insurance__item .checkout-insurance__favorite span { position: absolute; color: #ffb731; font-size: 1.4rem; font-weight: 600; bottom: 10px; right: 10px; } .checkout-insurance .checkout-insurance__item .checkout-insurance__favorite::before { position: absolute; bottom: 10px; right: 24px; width: 70px; height: 100px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: ''; } .checkout-insurance .checkout-insurance__item:not(.is-active) .checkout-insurance__content { display: none; } .checkout-insurance .checkout-insurance__item .checkout-insurance__bottom { z-index: 2; } .checkout-insurance .checkout-insurance__item.is-active .checkout-insurance__price { margin-bottom: 20px; } .checkout-insurance .checkout-insurance__content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .checkout-insurance .kombibox .checkout-insurance__content { margin-bottom: 2rem; } .checkout-insurance .checkout-insurance__desc { position: relative } .checkout-insurance .checkout-insurance__desc .icon-check { position: absolute; top: 3.5px; left: -35px } .checkout-insurance .checkout-insurance__name { font-size: 14px; line-height: 1.86 } .checkout-insurance .checkout-insurance__price { font-size: 16px; line-height: 1.63 } .checkout-insurance .checkout-insurance__form-group { position: absolute; top: 13.5px; left: 12.5px } } @media (min-width: 992px) { .checkout-insurance { padding: 20px 30px } .checkout-insurance .checkout-insurance__title { font-size: 18px; line-height: 1.44 } .checkout-insurance .checkout-insurance__subtitle { margin-bottom: 20px } .checkout-insurance .checkout-insurance__wrapper, .checkout-insurance .checkout-insurance__item { height: calc(100% - 30px) } .checkout-insurance .checkout-insurance__item { padding: 30px 10px 20px } .checkout-insurance .checkout-insurance__favorite { position: absolute; top: 0; left: 0; width: 70px; height: 70px; padding-top: 7.5px; padding-left: 10px; background-color: #323c50; overflow: hidden } .checkout-insurance .checkout-insurance__favorite::before { position: absolute; top: 10px; left: 24px; width: 70px; height: 100px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; content: '' } .biztaddinfoholder { margin-bottom: unset; height: 200px; min-height: 200px; } .checkout-insurance .checkout-insurance__favorite .icon { width: 24px; height: 24px; color: #ffb731; fill: currentColor } .checkout-insurance .checkout-insurance__item .checkout-insurance__favorite span { position: static; font-size: 1.4rem; font-weight: 600; color: #ffb731; bottom: unset; right: unset; } .checkout-insurance .checkout-insurance__name { min-height: 44px; margin-bottom: 15px; font-size: 15px; line-height: 1.5; text-align: center } .checkout-insurance .checkout-insurance__content { margin-bottom: 15px } .checkout-insurance .checkout-insurance__bottom { display: flex; flex-direction: column; justify-content: space-between; height: 130px; } .checkout-insurance .nobiztibox .checkout-insurance__price { margin-top: auto; } .checkout-insurance .checkout-insurance__desc.checkout-insurance__desc--only-text { text-align: center } .checkout-insurance .checkout-insurance__price { margin-bottom: 15px; font-size: 18px; line-height: 1.44; text-align: center } .checkout-insurance .radio.radio--custom label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .seat-reserve { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 6px 20px; background-color: rgba(251, 217, 48, 0.5) } .seat-reserve .seat-reserve__icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; margin-right: 15px; border-radius: 50%; background-color: #2d3647 } .seat-reserve .seat-reserve__icon .icon { width: 35px; height: 35px } .seat-reserve .seat-reserve__content .icon { width: 13px; height: 13px; color: #1abc9c; fill: currentColor } .seat-reserve .seat-reserve__text { margin: 0; color: #333; font-size: 15px; letter-spacing: normal; line-height: 1.5 } .seat-reserve .sear-reserve__counter-wrapper { margin-right: 5px; margin-left: 5px } .seat-reserve .seat-reserve__counter { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 18px; height: 24px; margin-right: 1px; background-color: #323c50; color: #fff; font-size: 18px; font-weight: 700; letter-spacing: normal; line-height: 1.44 } @media (min-width: 576px) { .seat-reserve { padding-right: 15px; padding-left: 15px } } @-webkit-keyframes step1 { 0% { width: 0 } 100% { width: 25% } } @-o-keyframes step1 { 0% { width: 0 } 100% { width: 25% } } @keyframes step1 { 0% { width: 0 } 100% { width: 25% } } @-webkit-keyframes step2 { 0% { width: 25% } 100% { width: 75% } } @-o-keyframes step2 { 0% { width: 25% } 100% { width: 75% } } @keyframes step2 { 0% { width: 25% } 100% { width: 75% } } @-webkit-keyframes step3 { 0% { width: 75% } 100% { width: 100% } } @-o-keyframes step3 { 0% { width: 75% } 100% { width: 100% } } @keyframes step3 { 0% { width: 75% } 100% { width: 100% } } @-webkit-keyframes step1Plane { 0% { left: calc(0% - 40px) } 100% { left: calc(25% - 20px) } } @-o-keyframes step1Plane { 0% { left: calc(0% - 40px) } 100% { left: calc(25% - 20px) } } @keyframes step1Plane { 0% { left: calc(0% - 40px) } 100% { left: calc(25% - 20px) } } @-webkit-keyframes step2Plane { 0% { left: calc(25% - 20px) } 100% { left: calc(75% - 20px) } } @-o-keyframes step2Plane { 0% { left: calc(25% - 20px) } 100% { left: calc(75% - 20px) } } @keyframes step2Plane { 0% { left: calc(25% - 20px) } 100% { left: calc(75% - 20px) } } @-webkit-keyframes step3Plane { 0% { left: calc(75% - 20px) } 100% { left: 100% } } @-o-keyframes step3Plane { 0% { left: calc(75% - 20px) } 100% { left: 100% } } @keyframes step3Plane { 0% { left: calc(75% - 20px) } 100% { left: 100% } } .process-bar { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden } .process-bar::before { position: absolute; top: 10px; left: 0; height: 4px; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #1abc9c), color-stop(166%, #2d3371)); background-image: -webkit-linear-gradient(left, #1abc9c 50%, #2d3371 166%); background-image: -o-linear-gradient(left, #1abc9c 50%, #2d3371 166%); background-image: linear-gradient(to right, #1abc9c 50%, #2d3371 166%); content: ''; z-index: 2 } .process-bar::after { position: absolute; top: -3px; width: 40px; height: 30px; background: #f5f5f5 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%231abc9c%22%20opacity%3D%221%22%20d%3D%22M7.2,23.4h2.4l6-9.6h6.6c1,0,1.8-0.8,1.8-1.8s-0.8-1.8-1.8-1.8h-6.6l-6-9.6H7.2l3,9.6H3.6L1.8,7.8H0L1.2,12L0,16.2h1.8l1.8-2.4h6.6L7.2,23.4z%22%20/%3E%3C/svg%3E") no-repeat center; content: ''; z-index: 4 } .process-bar.step-1::before { width: 25%; -webkit-animation: 2s step1; -o-animation: 2s step1; animation: 2s step1 } .process-bar.step-1::after { left: calc(25% - 20px); -webkit-animation: 2s step1Plane; -o-animation: 2s step1Plane; animation: 2s step1Plane } .process-bar.step-1 .process-bar__point.process-bar__point--start span::before { background: #1abc9c } .process-bar.step-2::before { width: 75%; -webkit-animation: 3s step2; -o-animation: 3s step2; animation: 3s step2 } .process-bar.step-2::after { left: calc(75% - 20px); -webkit-animation: 3s step2Plane; -o-animation: 3s step2Plane; animation: 3s step2Plane } .process-bar.step-2 .process-bar__point.process-bar__point--start span::before { background: #1abc9c url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23fff%22%20opacity%3D%221%22%20d%3D%22M8.3,20.8c-0.4,0-0.7-0.1-1-0.4l-6.8-6.1c-0.6-0.5-0.6-1.4-0.1-2c0.6-0.6,1.5-0.6,2.1-0.1l5.8,5.2L21.5,5.2c0.6-0.5,1.5-0.5,2.1,0c0.6,0.6,0.5,1.4,0,2L9.3,20.4C9,20.6,8.6,20.8,8.3,20.8%22%20/%3E%3C/svg%3E") no-repeat center/50% } .process-bar.step-2 .process-bar__point.process-bar__point--center span::before { background: #1abc9c } .process-bar.step-3::before { width: 100%; -webkit-animation: 2s step3; -o-animation: 2s step3; animation: 2s step3 } .process-bar.step-3::after { left: 100%; -webkit-animation: 2s step3Plane; -o-animation: 2s step3Plane; animation: 2s step3Plane } .process-bar.step-3 .process-bar__point.process-bar__point--start span::before, .process-bar.step-3 .process-bar__point.process-bar__point--center span::before, .process-bar.step-3 .process-bar__point.process-bar__point--end span::before { background: #1abc9c url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23fff%22%20opacity%3D%221%22%20d%3D%22M8.3,20.8c-0.4,0-0.7-0.1-1-0.4l-6.8-6.1c-0.6-0.5-0.6-1.4-0.1-2c0.6-0.6,1.5-0.6,2.1-0.1l5.8,5.2L21.5,5.2c0.6-0.5,1.5-0.5,2.1,0c0.6,0.6,0.5,1.4,0,2L9.3,20.4C9,20.6,8.6,20.8,8.3,20.8%22%20/%3E%3C/svg%3E") no-repeat center/50% } .process-bar .process-bar__point { position: relative; width: 100% } .process-bar .process-bar__point::before { position: absolute; top: 10px; width: 100%; height: 4px; background-color: #a6a6bb; content: ''; z-index: 1 } .process-bar .process-bar__point, .process-bar .process-bar__point span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .process-bar .process-bar__point span { color: #a6a6bb; font-size: 15px; letter-spacing: normal; line-height: 1.4 } .process-bar .process-bar__point span::before { display: block; width: 25px; height: 25px; margin-bottom: 10px; -webkit-transition: background-color 3s; -o-transition: background-color 3s; transition: background-color 3s; border-radius: 50%; background-color: #a6a6bb; content: ''; z-index: 3 } .process-bar .process-bar__point.process-bar__point--start { width: 25% } .process-bar .process-bar__point.process-bar__point--start, .process-bar .process-bar__point.process-bar__point--start span { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .process-bar .process-bar__point.process-bar__point--center { width: 50% } .process-bar .process-bar__point.process-bar__point--center, .process-bar .process-bar__point.process-bar__point--center span { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .process-bar .process-bar__point.process-bar__point--end { width: 25% } .process-bar .process-bar__point.process-bar__point--end, .process-bar .process-bar__point.process-bar__point--end span { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; text-align: right } .headline.headline--base { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 240px; background-image: url("/images/search-box-bg.webp"); background-position: center center; -webkit-background-size: cover; background-size: cover } .headline.headline--base .headline__title, .headline.headline--base .headline__subtitle { position: relative; color: #fff; text-align: center; z-index: 1 } .headline.headline--base .headline__title { font-weight: 700 } .headline.headline--base .headline__subtitle { font-size: 18px; line-height: 26px } .headline.headline--base::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#247887), to(#1abc9c)); background-image: -webkit-linear-gradient(left, #247887 0%, #1abc9c 100%); background-image: -o-linear-gradient(left, #247887 0%, #1abc9c 100%); background-image: linear-gradient(90deg, #247887 0%, #1abc9c 100%); content: ''; opacity: .8 } .headline.headline--base2::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-image: none !important; } @media (min-width: 992px) { .headline.headline--base { min-height: 300px } .headline.headline--base .headline__subtitle { font-size: 24px; line-height: 32px } } .filter.filter--planner { position: static; padding: 0 } .filter.filter--planner.is-open .filter__button { background-color: #1abc9c } .filter.filter--planner.is-open .filter__button .filter__title { color: #fff } .filter.filter--planner.is-open .filter__button .filter__icon svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .filter.filter--planner.is-open .filter__button .filter__toggle { border-color: #fff } .filter.filter--planner.is-open .filter__button .filter__toggle::before { background-color: #fff } .filter.filter--planner.is-open .filter__button .filter__toggle::after { display: none } .filter.filter--planner.is-open .filter__select { display: block; opacity: 1; pointer-events: all } .filter.filter--planner .filter__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-bottom: 20px; padding: 20px; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07); cursor: pointer } .filter.filter--planner .filter__button>div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .filter.filter--planner .filter__button:hover { background-color: #1abc9c } .filter.filter--planner .filter__button:hover .filter__title { color: #fff } .filter.filter--planner .filter__button:hover .filter__icon svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .filter.filter--planner .filter__button:hover .filter__toggle { border-color: #fff } .filter.filter--planner .filter__button:hover .filter__toggle::before, .filter.filter--planner .filter__button:hover .filter__toggle::after { background-color: #fff } .filter.filter--planner .filter__icon { width: 30px; height: 33px; margin-right: 20px } .filter.filter--planner .filter__icon svg { width: 100%; height: 100% } .filter.filter--planner .filter__title { margin: 0; color: #333; font-size: 20px; font-weight: 700; line-height: 34px } .filter.filter--planner .filter__toggle { position: relative; width: 22px; height: 22px; border: 2px solid #333; border-radius: 100%; color: #333; font-size: 30px } .filter.filter--planner .filter__toggle::before { position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); width: 12px; height: 2px; background-color: #333; content: '' } .filter.filter--planner .filter__toggle::after { position: absolute; top: calc(50% - 6px); left: calc(50% - 1px); width: 2px; height: 12px; background-color: #333; content: '' } .filter.filter--planner .filter__select { position: absolute; right: 0; left: 0; padding-bottom: 10px; opacity: 0; pointer-events: none } .filter.filter--planner .filter__description { margin-bottom: 20px; color: #333; font-size: 14px; line-height: 22px; text-align: center } .filter.filter--planner .filter__description span { font-weight: 700 } .filter.filter--planner .filter__option { margin-bottom: 20px; padding: 10px; border-radius: 6px; background-color: #fff; text-align: center; -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1); cursor: pointer } .filter.filter--planner .filter__option svg { width: 55px; height: 55px } .filter.filter--planner .filter__option.is-active, .filter.filter--planner .filter__option:hover { background-color: #1abc9c } .filter.filter--planner .filter__option.is-active .filter__option-title, .filter.filter--planner .filter__option:hover .filter__option-title { color: #fff } .filter.filter--planner .filter__option.is-active svg, .filter.filter--planner .filter__option:hover svg { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .filter.filter--planner .filter__option-title { margin-bottom: 0; color: #333; font-size: 16px; font-weight: bold; white-space: nowrap } .filter.filter--planner .filter__slider { width: 100% } .filter.filter--planner .filter__slider .filter__slide { padding: 0 10px } .filter.filter--planner .filter__slider .slick-arrow { position: absolute; top: 75px; width: 20px; height: 20px } .filter.filter--planner .filter__slider .slick-arrow svg { width: 100%; max-height: 100% } .filter.filter--planner .filter__slider .slick-dots { padding-bottom: 0 } .filter.filter--planner .filter__slider .slick-prev { left: 0 } .filter.filter--planner .filter__slider .slick-next { right: 0 } .filter.filter--planner .filter__slider .slick-list { margin: -20px 0; padding: 20px 0 } .filter.filter--planner .filter__label { margin-bottom: 10px; color: #333; font-size: 15px; font-weight: 600; line-height: 25px; text-align: center } .filter.filter--planner .filter__maxprice { display: block; color: #1abc9c; font-size: 20px; font-weight: 700; line-height: 25px; text-align: center } .filter.filter--planner.filter--budget .filter__content { padding: 25px 20px; border-radius: 6px; background-color: #fff } .filter.filter--planner.filter--budget .filter__select { padding-top: 15px } .filter.filter--planner.filter--budget .filter__description { max-width: 350px } .filter.filter--planner.filter--time .filter__select { padding-bottom: 30px } @media (min-width: 992px) { .filter.filter--planner .filter__button { padding: 20px 20px 20px 30px } .filter.filter--planner .filter__description { font-size: 16px; line-height: 25px; text-align: left } .filter.filter--planner .filter__slider { max-width: 1080px; margin-right: auto; margin-left: auto } .filter.filter--planner .filter__select { padding-bottom: 40px } .filter.filter--planner.filter--budget .filter__content { max-width: 1080px; margin-right: auto; margin-left: auto; padding: 25px 50px } .filter.filter--planner.filter--time .filter__select { padding-bottom: 20px } } @media (min-width: 1400px) { .filter.filter--planner .filter__option { margin: 0 0 20px 0; } .filter.filter--planner .filter__select { border-bottom: 1px solid #cfcfcf } } .filter.filter--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 20px; padding: 5px 15px; border-radius: 6px; background-color: #323c50 } .filter.filter--active .filter__title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; color: #fff; font-size: 16px; font-weight: 700; line-height: 34px } .filter.filter--active .filter__title * { margin: 0 } .filter.filter--active .filter__title span { margin-right: 5px; font-weight: 300 } .filter.filter--active .filter__delete { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; width: 16px; height: 16px; cursor: pointer } .filter.filter--active .filter__delete svg { width: 100%; height: 100%; color: #fff; fill: currentColor } .filter.filter--active .filter__delete::before { position: absolute; top: calc(50% - 11px); left: -15px; width: 1px; height: 22px; background-color: #1abc9c; content: '' } @media (min-width: 992px) { .filter.filter--active { padding: 15px 20px } .filter.filter--active .filter__title { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0 } } .section.section--filter { position: relative; margin-bottom: 20px } .section.section--filter .row>div { position: static } .section.section--recommendation { margin-bottom: 30px } .section.section--recommendation .section__title { margin-bottom: 10px; font-size: 20px; font-weight: 700; line-height: 26px; text-align: center } .section.section--recommendation .row>div:last-child .card.card--recommendation { border: none } @media (min-width: 992px) { .section.section--recommendation { margin-bottom: 70px } .section.section--recommendation .section__title { margin-bottom: 30px; font-size: 24px } } .section.section--active-filters { margin-bottom: 40px } .section.section--active-filters>.row { margin-bottom: 20px } .section.section--active-filters .section__btn { display: block; max-width: 310px; margin-right: auto; margin-left: auto; cursor: pointer } @media (min-width: 992px) { .section.section--active-filters { margin-bottom: 50px } .section.section--active-filters>.row { margin-bottom: 30px } } .section.section--destinations-list { margin-bottom: 32px } .page.page--travel-planner .headline { margin-bottom: 40px } @media (min-width: 992px) { .page.page--travel-planner .headline { margin-bottom: 60px } } .page.page--destinations-list { padding-top: 20px } .page.page--destinations-list .section.section--recommendation .section__title { text-align: left } @media (min-width: 992px) { .page.page--destinations-list { padding-top: 40px } } .page.page--airlines-list .page__content { padding-top: 20px } @media (min-width: 992px) { .page.page--airlines-list .page__content { padding: 50px 0 30px 0 } } .destination__content { padding: 30px 0; background: #f5f5f5 } .airlines .airlines__nav .airlines__logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; cursor: pointer } .airlines .airlines__nav .airlines__logo.slick-current { border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15) } .airlines .airlines__nav .airlines__logo img { width: 100%; max-width: 185px } .airlines .airlines__body { position: relative; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15) } .airlines .airlines__body::before { position: absolute; top: -9px; left: calc(50% - 5px); width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); content: '' } .airlines .airlines__body .airlines__inner { padding: 20px; background-color: #fff } .airlines .airlines__body .airlines__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .airlines .airlines__body .airlines__content-inner { width: 100% } .airlines .airlines__body .airlines__info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .airlines .airlines__body .airlines__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; padding-right: 15px } .airlines .airlines__body .airlines__info-inner { width: 50% } .airlines .airlines__body .airlines__name { color: #333; font-weight: bold; letter-spacing: normal } .airlines .airlines__body .airlines__result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .airlines .airlines__body .airlines__result-text { max-width: 70px; margin-right: 10px; color: #333; font-size: 12px; letter-spacing: normal; line-height: 1.33 } .airlines .airlines__body .airlines__result-counter { color: #333; font-size: 20px; font-weight: bold; letter-spacing: normal; line-height: 1.4 } .airlines .airlines__body .airlines__flights { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .airlines .airlines__body .airlines__flight { border-radius: 4px; background-color: #fff; text-decoration: none; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1) } .airlines .airlines__body .airlines__flight-city { color: #999; font-size: 12px; font-weight: 700; letter-spacing: normal; line-height: normal } .airlines .airlines__body .airlines__flight-price { margin-bottom: 0; color: #333; font-size: 12px; font-weight: 700; letter-spacing: normal; line-height: normal } .airlines .airlines__body .airlines__link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none } .airlines .airlines__body .airlines__link:hover .icon { right: 0 } .airlines .airlines__body .airlines__link span { margin-right: 40px; color: #1abc9c; font-size: 15px; font-weight: bold; letter-spacing: normal; line-height: 1.53 } .airlines .airlines__body .airlines__link .icon { position: absolute; right: 10px; width: 20px; height: 20px; -webkit-transition: .25s; -o-transition: .25s; transition: .25s; color: #1abc9c; fill: currentColor } .airlines .airlines__body .airlines__ratings { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 35px -17.5px 0 } .airlines .airlines__body .airlines__rating { width: calc(33.3334% - 35px); margin: 0 17.5px } .airlines .airlines__body .airlines__rating-star { margin-bottom: 15px } .airlines .airlines__body .airlines__rating-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; /*height: calc(100% - 35px);*/ margin-bottom: 5px; padding-top: 10px; } .airlines .airlines__body .airlines__rating-comment { margin-bottom: 15px; color: #333; font-size: 13px; font-weight: normal; letter-spacing: normal; line-height: 1.62 } .airlines .airlines__body .airlines__rating-user { line-height: 20px } .airlines .airlines__body .airlines__rating-user span { display: inline-block; color: #333; font-size: 13px; letter-spacing: normal; line-height: inherit } .airlines .airlines__body .airlines__rating-user span:first-child { font-weight: 700 } @media (min-width: 576px) { .airlines .airlines__body .airlines__inner { border-radius: 4px } } @media (max-width: 991.98px) { .airlines .airlines__nav .airlines__logo img { height: 44px; padding: 13px 16px } .airlines .airlines__body .airlines__content { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .airlines .airlines__body .airlines__name { margin-bottom: 5px; font-size: 18px; line-height: 1.44 } .airlines .airlines__body .airlines__info { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 2px solid rgba(166, 166, 187, 0.25) } .airlines .airlines__body .airlines__info-inner { padding-top: 10px } .airlines .airlines__body .airlines__result { margin-top: 5px } .airlines .airlines__body .airlines__flights { margin: 0 -10px } .airlines .airlines__body .airlines__flight { width: calc(50% - 20px); margin: 0 10px 20px; padding: 10px 12.5px 15px } .airlines .airlines__body .airlines__flight-city { margin-bottom: 5px } .airlines .airlines__body .airlines__link { margin-top: 15px } .airlines .airlines__body .airlines__ratings { display: none } } @media (min-width: 992px) { .airlines .airlines__nav .airlines__logo img { height: 60px; padding: 17px } .airlines .airlines__body .airlines__content { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end } .airlines .airlines__body .airlines__name { margin-bottom: 10px; font-size: 22px; line-height: 1.36 } .airlines .airlines__body .airlines__content-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .airlines .airlines__body .airlines__info { width: calc(100% - 520px) } .airlines .airlines__body .airlines__info-inner { margin-right: 30px; padding-right: 30px; border-right: 2px solid rgba(166, 166, 187, 0.25) } .airlines .airlines__body .airlines__result { margin-top: 10px } .airlines .airlines__body .airlines__flights { width: 530px; margin: 0 -5px } .airlines .airlines__body .airlines__flight { width: calc(33.3334% - 10px); margin: 0 5px 10px; padding: 20px } .airlines .airlines__body .airlines__flight-city { color: #333; font-size: 13px; font-weight: 400; line-height: 1.62 } .airlines .airlines__body .airlines__flight-price { font-size: 15px; line-height: 1.53 } .airlines .airlines__body .airlines__link { margin-top: 5px } } @media (min-width: 1400px) { .airlines .airlines__body .airlines__inner { padding: 30px } .airlines .airlines__body .airlines__info { width: calc(100% - 830px) } .airlines .airlines__body .airlines__info-inner { margin-right: 60px; padding-right: 60px } .airlines .airlines__body .airlines__flights { width: 840px } .airlines .airlines__body .airlines__flight { width: calc(25% - 10px) } } .rating .rating__stars { position: relative; height: 25px; margin-right: -3px; margin-left: -3px } .rating .rating__stars::before, .rating .rating__stars::after { display: block; position: absolute; height: 25px; content: '' } .rating .rating__stars::before { width: 125px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23a6a6bb%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 25px } .rating .rating__stars::after { background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23ffb731%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 25px } .rating .rating__stars[data-rating='1']::after { width: 1.25px } .rating .rating__stars[data-rating='2']::after { width: 2.5px } .rating .rating__stars[data-rating='3']::after { width: 3.75px } .rating .rating__stars[data-rating='4']::after { width: 5px } .rating .rating__stars[data-rating='5']::after { width: 6.25px } .rating .rating__stars[data-rating='6']::after { width: 7.5px } .rating .rating__stars[data-rating='7']::after { width: 8.75px } .rating .rating__stars[data-rating='8']::after { width: 10px } .rating .rating__stars[data-rating='9']::after { width: 11.25px } .rating .rating__stars[data-rating='10']::after { width: 12.5px } .rating .rating__stars[data-rating='11']::after { width: 13.75px } .rating .rating__stars[data-rating='12']::after { width: 15px } .rating .rating__stars[data-rating='13']::after { width: 16.25px } .rating .rating__stars[data-rating='14']::after { width: 17.5px } .rating .rating__stars[data-rating='15']::after { width: 18.75px } .rating .rating__stars[data-rating='16']::after { width: 20px } .rating .rating__stars[data-rating='17']::after { width: 21.25px } .rating .rating__stars[data-rating='18']::after { width: 22.5px } .rating .rating__stars[data-rating='19']::after { width: 23.75px } .rating .rating__stars[data-rating='20']::after { width: 25px } .rating .rating__stars[data-rating='21']::after { width: 26.25px } .rating .rating__stars[data-rating='22']::after { width: 27.5px } .rating .rating__stars[data-rating='23']::after { width: 28.75px } .rating .rating__stars[data-rating='24']::after { width: 30px } .rating .rating__stars[data-rating='25']::after { width: 31.25px } .rating .rating__stars[data-rating='26']::after { width: 32.5px } .rating .rating__stars[data-rating='27']::after { width: 33.75px } .rating .rating__stars[data-rating='28']::after { width: 35px } .rating .rating__stars[data-rating='29']::after { width: 36.25px } .rating .rating__stars[data-rating='30']::after { width: 37.5px } .rating .rating__stars[data-rating='31']::after { width: 38.75px } .rating .rating__stars[data-rating='32']::after { width: 40px } .rating .rating__stars[data-rating='33']::after { width: 41.25px } .rating .rating__stars[data-rating='34']::after { width: 42.5px } .rating .rating__stars[data-rating='35']::after { width: 43.75px } .rating .rating__stars[data-rating='36']::after { width: 45px } .rating .rating__stars[data-rating='37']::after { width: 46.25px } .rating .rating__stars[data-rating='38']::after { width: 47.5px } .rating .rating__stars[data-rating='39']::after { width: 48.75px } .rating .rating__stars[data-rating='40']::after { width: 50px } .rating .rating__stars[data-rating='41']::after { width: 51.25px } .rating .rating__stars[data-rating='42']::after { width: 52.5px } .rating .rating__stars[data-rating='43']::after { width: 53.75px } .rating .rating__stars[data-rating='44']::after { width: 55px } .rating .rating__stars[data-rating='45']::after { width: 56.25px } .rating .rating__stars[data-rating='46']::after { width: 57.5px } .rating .rating__stars[data-rating='47']::after { width: 58.75px } .rating .rating__stars[data-rating='48']::after { width: 60px } .rating .rating__stars[data-rating='49']::after { width: 61.25px } .rating .rating__stars[data-rating='50']::after { width: 62.5px } .rating .rating__stars[data-rating='51']::after { width: 63.75px } .rating .rating__stars[data-rating='52']::after { width: 65px } .rating .rating__stars[data-rating='53']::after { width: 66.25px } .rating .rating__stars[data-rating='54']::after { width: 67.5px } .rating .rating__stars[data-rating='55']::after { width: 68.75px } .rating .rating__stars[data-rating='56']::after { width: 70px } .rating .rating__stars[data-rating='57']::after { width: 71.25px } .rating .rating__stars[data-rating='58']::after { width: 72.5px } .rating .rating__stars[data-rating='59']::after { width: 73.75px } .rating .rating__stars[data-rating='60']::after { width: 75px } .rating .rating__stars[data-rating='61']::after { width: 76.25px } .rating .rating__stars[data-rating='62']::after { width: 77.5px } .rating .rating__stars[data-rating='63']::after { width: 78.75px } .rating .rating__stars[data-rating='64']::after { width: 80px } .rating .rating__stars[data-rating='65']::after { width: 81.25px } .rating .rating__stars[data-rating='66']::after { width: 82.5px } .rating .rating__stars[data-rating='67']::after { width: 83.75px } .rating .rating__stars[data-rating='68']::after { width: 85px } .rating .rating__stars[data-rating='69']::after { width: 86.25px } .rating .rating__stars[data-rating='70']::after { width: 87.5px } .rating .rating__stars[data-rating='71']::after { width: 88.75px } .rating .rating__stars[data-rating='72']::after { width: 90px } .rating .rating__stars[data-rating='73']::after { width: 91.25px } .rating .rating__stars[data-rating='74']::after { width: 92.5px } .rating .rating__stars[data-rating='75']::after { width: 93.75px } .rating .rating__stars[data-rating='76']::after { width: 95px } .rating .rating__stars[data-rating='77']::after { width: 96.25px } .rating .rating__stars[data-rating='78']::after { width: 97.5px } .rating .rating__stars[data-rating='79']::after { width: 98.75px } .rating .rating__stars[data-rating='80']::after { width: 100px } .rating .rating__stars[data-rating='81']::after { width: 101.25px } .rating .rating__stars[data-rating='82']::after { width: 102.5px } .rating .rating__stars[data-rating='83']::after { width: 103.75px } .rating .rating__stars[data-rating='84']::after { width: 105px } .rating .rating__stars[data-rating='85']::after { width: 106.25px } .rating .rating__stars[data-rating='86']::after { width: 107.5px } .rating .rating__stars[data-rating='87']::after { width: 108.75px } .rating .rating__stars[data-rating='88']::after { width: 110px } .rating .rating__stars[data-rating='89']::after { width: 111.25px } .rating .rating__stars[data-rating='90']::after { width: 112.5px } .rating .rating__stars[data-rating='91']::after { width: 113.75px } .rating .rating__stars[data-rating='92']::after { width: 115px } .rating .rating__stars[data-rating='93']::after { width: 116.25px } .rating .rating__stars[data-rating='94']::after { width: 117.5px } .rating .rating__stars[data-rating='95']::after { width: 118.75px } .rating .rating__stars[data-rating='96']::after { width: 120px } .rating .rating__stars[data-rating='97']::after { width: 121.25px } .rating .rating__stars[data-rating='98']::after { width: 122.5px } .rating .rating__stars[data-rating='99']::after { width: 123.75px } .rating .rating__stars[data-rating='100']::after { width: 125px } .rating.rating--airline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px } .rating.rating--airline.highlight { display: block } .rating.rating--airline.highlight .rating__label { max-width: 100%; margin-bottom: 5px; font-size: 18px; font-weight: 700; line-height: 1.66 } .rating.rating--airline.highlight .rating__stars { margin: 0 -3px 10px } .rating.rating--airline.highlight .rating__value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 120px } .rating.rating--airline.highlight .rating__value-text { display: block; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 5px; font-size: 14px; font-weight: 400; line-height: 16px } .rating.rating--airline.highlight .rating__value-number { display: block; -webkit-box-flex: 0; -webkit-flex: 0 0 30px; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px; font-size: 18px; line-height: 32px } .rating.rating--airline .rating__label, .rating.rating--airline .rating__value { font-size: 13px; line-height: 26px } .rating.rating--airline .rating__label { -webkit-box-flex: 0; -webkit-flex: 0 0 110px; -ms-flex: 0 0 110px; flex: 0 0 110px; max-width: 110px; font-weight: 600; white-space: nowrap } .rating.rating--airline .rating__stars { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; height: 20px; margin: 0 auto 0 7px } .rating.rating--airline .rating__stars::before, .rating.rating--airline .rating__stars::after { height: 20px } .rating.rating--airline .rating__stars::before { width: 100px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23a6a6bb%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 20px } .rating.rating--airline .rating__stars::after { background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23ffb731%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") left center / 20px } .rating.rating--airline .rating__stars[data-rating='1']::after { width: 1px } .rating.rating--airline .rating__stars[data-rating='2']::after { width: 2px } .rating.rating--airline .rating__stars[data-rating='3']::after { width: 3px } .rating.rating--airline .rating__stars[data-rating='4']::after { width: 4px } .rating.rating--airline .rating__stars[data-rating='5']::after { width: 5px } .rating.rating--airline .rating__stars[data-rating='6']::after { width: 6px } .rating.rating--airline .rating__stars[data-rating='7']::after { width: 7px } .rating.rating--airline .rating__stars[data-rating='8']::after { width: 8px } .rating.rating--airline .rating__stars[data-rating='9']::after { width: 9px } .rating.rating--airline .rating__stars[data-rating='10']::after { width: 10px } .rating.rating--airline .rating__stars[data-rating='11']::after { width: 11px } .rating.rating--airline .rating__stars[data-rating='12']::after { width: 12px } .rating.rating--airline .rating__stars[data-rating='13']::after { width: 13px } .rating.rating--airline .rating__stars[data-rating='14']::after { width: 14px } .rating.rating--airline .rating__stars[data-rating='15']::after { width: 15px } .rating.rating--airline .rating__stars[data-rating='16']::after { width: 16px } .rating.rating--airline .rating__stars[data-rating='17']::after { width: 17px } .rating.rating--airline .rating__stars[data-rating='18']::after { width: 18px } .rating.rating--airline .rating__stars[data-rating='19']::after { width: 19px } .rating.rating--airline .rating__stars[data-rating='20']::after { width: 20px } .rating.rating--airline .rating__stars[data-rating='21']::after { width: 21px } .rating.rating--airline .rating__stars[data-rating='22']::after { width: 22px } .rating.rating--airline .rating__stars[data-rating='23']::after { width: 23px } .rating.rating--airline .rating__stars[data-rating='24']::after { width: 24px } .rating.rating--airline .rating__stars[data-rating='25']::after { width: 25px } .rating.rating--airline .rating__stars[data-rating='26']::after { width: 26px } .rating.rating--airline .rating__stars[data-rating='27']::after { width: 27px } .rating.rating--airline .rating__stars[data-rating='28']::after { width: 28px } .rating.rating--airline .rating__stars[data-rating='29']::after { width: 29px } .rating.rating--airline .rating__stars[data-rating='30']::after { width: 30px } .rating.rating--airline .rating__stars[data-rating='31']::after { width: 31px } .rating.rating--airline .rating__stars[data-rating='32']::after { width: 32px } .rating.rating--airline .rating__stars[data-rating='33']::after { width: 33px } .rating.rating--airline .rating__stars[data-rating='34']::after { width: 34px } .rating.rating--airline .rating__stars[data-rating='35']::after { width: 35px } .rating.rating--airline .rating__stars[data-rating='36']::after { width: 36px } .rating.rating--airline .rating__stars[data-rating='37']::after { width: 37px } .rating.rating--airline .rating__stars[data-rating='38']::after { width: 38px } .rating.rating--airline .rating__stars[data-rating='39']::after { width: 39px } .rating.rating--airline .rating__stars[data-rating='40']::after { width: 40px } .rating.rating--airline .rating__stars[data-rating='41']::after { width: 41px } .rating.rating--airline .rating__stars[data-rating='42']::after { width: 42px } .rating.rating--airline .rating__stars[data-rating='43']::after { width: 43px } .rating.rating--airline .rating__stars[data-rating='44']::after { width: 44px } .rating.rating--airline .rating__stars[data-rating='45']::after { width: 45px } .rating.rating--airline .rating__stars[data-rating='46']::after { width: 46px } .rating.rating--airline .rating__stars[data-rating='47']::after { width: 47px } .rating.rating--airline .rating__stars[data-rating='48']::after { width: 48px } .rating.rating--airline .rating__stars[data-rating='49']::after { width: 49px } .rating.rating--airline .rating__stars[data-rating='50']::after { width: 50px } .rating.rating--airline .rating__stars[data-rating='51']::after { width: 51px } .rating.rating--airline .rating__stars[data-rating='52']::after { width: 52px } .rating.rating--airline .rating__stars[data-rating='53']::after { width: 53px } .rating.rating--airline .rating__stars[data-rating='54']::after { width: 54px } .rating.rating--airline .rating__stars[data-rating='55']::after { width: 55px } .rating.rating--airline .rating__stars[data-rating='56']::after { width: 56px } .rating.rating--airline .rating__stars[data-rating='57']::after { width: 57px } .rating.rating--airline .rating__stars[data-rating='58']::after { width: 58px } .rating.rating--airline .rating__stars[data-rating='59']::after { width: 59px } .rating.rating--airline .rating__stars[data-rating='60']::after { width: 60px } .rating.rating--airline .rating__stars[data-rating='61']::after { width: 61px } .rating.rating--airline .rating__stars[data-rating='62']::after { width: 62px } .rating.rating--airline .rating__stars[data-rating='63']::after { width: 63px } .rating.rating--airline .rating__stars[data-rating='64']::after { width: 64px } .rating.rating--airline .rating__stars[data-rating='65']::after { width: 65px } .rating.rating--airline .rating__stars[data-rating='66']::after { width: 66px } .rating.rating--airline .rating__stars[data-rating='67']::after { width: 67px } .rating.rating--airline .rating__stars[data-rating='68']::after { width: 68px } .rating.rating--airline .rating__stars[data-rating='69']::after { width: 69px } .rating.rating--airline .rating__stars[data-rating='70']::after { width: 70px } .rating.rating--airline .rating__stars[data-rating='71']::after { width: 71px } .rating.rating--airline .rating__stars[data-rating='72']::after { width: 72px } .rating.rating--airline .rating__stars[data-rating='73']::after { width: 73px } .rating.rating--airline .rating__stars[data-rating='74']::after { width: 74px } .rating.rating--airline .rating__stars[data-rating='75']::after { width: 75px } .rating.rating--airline .rating__stars[data-rating='76']::after { width: 76px } .rating.rating--airline .rating__stars[data-rating='77']::after { width: 77px } .rating.rating--airline .rating__stars[data-rating='78']::after { width: 78px } .rating.rating--airline .rating__stars[data-rating='79']::after { width: 79px } .rating.rating--airline .rating__stars[data-rating='80']::after { width: 80px } .rating.rating--airline .rating__stars[data-rating='81']::after { width: 81px } .rating.rating--airline .rating__stars[data-rating='82']::after { width: 82px } .rating.rating--airline .rating__stars[data-rating='83']::after { width: 83px } .rating.rating--airline .rating__stars[data-rating='84']::after { width: 84px } .rating.rating--airline .rating__stars[data-rating='85']::after { width: 85px } .rating.rating--airline .rating__stars[data-rating='86']::after { width: 86px } .rating.rating--airline .rating__stars[data-rating='87']::after { width: 87px } .rating.rating--airline .rating__stars[data-rating='88']::after { width: 88px } .rating.rating--airline .rating__stars[data-rating='89']::after { width: 89px } .rating.rating--airline .rating__stars[data-rating='90']::after { width: 90px } .rating.rating--airline .rating__stars[data-rating='91']::after { width: 91px } .rating.rating--airline .rating__stars[data-rating='92']::after { width: 92px } .rating.rating--airline .rating__stars[data-rating='93']::after { width: 93px } .rating.rating--airline .rating__stars[data-rating='94']::after { width: 94px } .rating.rating--airline .rating__stars[data-rating='95']::after { width: 95px } .rating.rating--airline .rating__stars[data-rating='96']::after { width: 96px } .rating.rating--airline .rating__stars[data-rating='97']::after { width: 97px } .rating.rating--airline .rating__stars[data-rating='98']::after { width: 98px } .rating.rating--airline .rating__stars[data-rating='99']::after { width: 99px } .rating.rating--airline .rating__stars[data-rating='100']::after { width: 100px } .rating.rating--airline .rating__value { -webkit-box-flex: 0; -webkit-flex: 0 0 25px; -ms-flex: 0 0 25px; flex: 0 0 25px; max-width: 25px; font-weight: 700 } .review-control-vote { position: relative; width: 125px; min-height: 25px } .review-control-vote::before { position: absolute; width: 125px; height: 25px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23a6a6bb%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") repeat-x left center / 25px; content: '' } .review-control-vote label { display: block; position: absolute; height: 25px; margin: 0; cursor: pointer } .review-control-vote label::before { display: inline-block; width: 100%; height: 25px; background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2224px%22%20height%3D%2224px%22%3E%3Cpath%20fill%3D%22%23ffb731%22%20opacity%3D%221%22%20d%3D%22M12%203.4L9.4%209.3%203%209.9l4.8%204.3-1.4%206.3%205.6-3.2%205.6%203.2-1.4-6.3L21%209.9l-6.4-.6z%22%20/%3E%3C/svg%3E") repeat-x left center / 25px; content: ''; opacity: 0 } .review-control-vote label:hover::before { opacity: 1 } .review-control-vote label span { display: none } .review-control-vote label.rating-1 { width: 25px; z-index: 9 } .review-control-vote label.rating-2 { width: 50px; z-index: 8 } .review-control-vote label.rating-3 { width: 75px; z-index: 7 } .review-control-vote label.rating-4 { width: 100px; z-index: 6 } .review-control-vote label.rating-5 { width: 125px; z-index: 5 } .review-control-vote input[type='radio'] { display: none } .review-control-vote input[type='radio']:checked+label::before { opacity: 1 } @media (min-width: 768px) and (max-width: 991.98px) { .rating.rating--airline .rating__stars { margin: 0 7px 0 auto } } @media (min-width: 768px) { .rating.rating--airline.highlight .rating__label { margin-bottom: 10px; font-size: 22px; line-height: 1.36 } .rating.rating--airline.highlight .rating__stars { margin-bottom: 15px } .rating.rating--airline.highlight .rating__value { max-width: 130px } .rating.rating--airline.highlight .rating__value-text { padding-right: 10px; font-size: 15px } .rating.rating--airline.highlight .rating__value-number { font-size: 20px } .rating.rating--airline .rating__label, .rating.rating--airline .rating__value { font-size: 15px } .rating.rating--airline .rating__label { -webkit-box-flex: 0; -webkit-flex: 0 0 130px; -ms-flex: 0 0 130px; flex: 0 0 130px; max-width: 130px } } @media (min-width: 1400px) { .rating.rating--airline .rating__stars { margin-left: 42px } } .slick.slick--syncing .slick__nav, .slick.slick--airlines .slick__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 40px; padding-left: 40px; overflow: hidden } .slick.slick--syncing .slick-arrow, .slick.slick--airlines .slick-arrow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; bottom: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; cursor: pointer; z-index: 1 } .slick.slick--syncing .slick-arrow.slick-prev, .slick.slick--airlines .slick-arrow.slick-prev { left: 0 } .slick.slick--syncing .slick-arrow.slick-next, .slick.slick--airlines .slick-arrow.slick-next { right: 0 } .slick--syncing .slick__nav { padding-top: 15px; padding-bottom: 15px; border-radius: 4px 4px 0 0; background-color: rgba(50, 60, 80, 0.1) } .slick--syncing .slick-arrow svg { width: 20px; height: 20px } .slick--syncing .slick__nav-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px; -webkit-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; outline: none; color: #333; letter-spacing: normal; line-height: normal; text-align: center; text-decoration: none; cursor: pointer } .slick--syncing .slick__nav-item.slick-current { border-radius: 4px; background-color: #1abc9c } .slick--syncing .slick__nav-name { font-size: 13px; font-weight: bold } .slick--syncing .slick__nav-price { font-size: 12px; font-weight: 500 } .slick--syncing .slick__content { background-color: #fff } @media (max-width: 575.98px) { .slick.slick--syncing .slick-arrow.slick-prev::before, .slick.slick--syncing .slick-arrow.slick-next::before, .slick.slick--airlines .slick-arrow.slick-prev::before, .slick.slick--airlines .slick-arrow.slick-next::before { position: absolute; top: 0; bottom: 0; content: ''; z-index: -1 } .slick.slick--syncing .slick-arrow.slick-prev, .slick.slick--airlines .slick-arrow.slick-prev { left: 0 } .slick.slick--syncing .slick-arrow.slick-prev::before, .slick.slick--airlines .slick-arrow.slick-prev::before { right: -100%; left: 0; background-image: -webkit-gradient(linear, left top, right top, from(#ededef), to(rgba(237, 237, 239, 0))); background-image: -webkit-linear-gradient(left, #ededef, rgba(237, 237, 239, 0)); background-image: -o-linear-gradient(left, #ededef, rgba(237, 237, 239, 0)); background-image: linear-gradient(to right, #ededef, rgba(237, 237, 239, 0)) } .slick.slick--syncing .slick-arrow.slick-next, .slick.slick--airlines .slick-arrow.slick-next { right: 0 } .slick.slick--syncing .slick-arrow.slick-next::before, .slick.slick--airlines .slick-arrow.slick-next::before { right: 0; left: -100%; background-image: -webkit-gradient(linear, right top, left top, from(#ededef), to(rgba(237, 237, 239, 0))); background-image: -webkit-linear-gradient(right, #ededef, rgba(237, 237, 239, 0)); background-image: -o-linear-gradient(right, #ededef, rgba(237, 237, 239, 0)); background-image: linear-gradient(to left, #ededef, rgba(237, 237, 239, 0)) } } @media (max-width: 991.98px) { .slick.slick--airlines .slick-arrow svg { width: 26px; height: 26px } } @media (min-width: 992px) { .slick.slick--syncing .slick__nav, .slick.slick--airlines .slick__nav { padding-right: 50px; padding-left: 50px } .slick.slick--syncing .slick-arrow, .slick.slick--airlines .slick-arrow { width: 50px } .slick--syncing .slick__nav-name { font-size: 15px } .slick--syncing .slick__nav-price { font-size: 13px; font-weight: normal } .slick.slick--airlines .slick-arrow svg { width: 32px; height: 32px } } .price-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; color: #333; font-size: 14px; letter-spacing: normal; line-height: normal } .price-row .price-row__logo { width: 50px } .price-row .price-row__date-from, .price-row .price-row__date-to { font-weight: 500 } .price-row .price-row__price { margin-right: 15px; font-weight: bold } @media (max-width: 767.98px) { .price-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .price-row:not(:last-child) { border: solid 1px #f4f4f4 } .price-row .price-row__date-wrapper { margin-bottom: 15px } .price-row .price-row__price-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .price-row .btn { min-width: 50% } } @media (max-width: 991.98px) { .price-row { padding: 15px } .price-row .price-row__logo { display: none } .price-row .btn { padding-top: 6px; padding-bottom: 6px; font-size: 12px; text-transform: initial } } @media (min-width: 768px) { .price-row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } @media (min-width: 992px) { .price-row { -webkit-box-pack: initial; -webkit-justify-content: initial; -ms-flex-pack: initial; justify-content: initial; padding: 12.5px 20px } .price-row:first-child { margin-top: 40px } .price-row:first-child .price-row__date-from, .price-row:first-child .price-row__date-to, .price-row:first-child .price-row__price { position: relative } .price-row:first-child .price-row__date-from::before, .price-row:first-child .price-row__date-to::before, .price-row:first-child .price-row__price::before { position: absolute; top: -40px; left: 0; color: #a6a6bb; font-size: 14px; font-weight: 600; letter-spacing: .16px; line-height: normal; content: attr(data-title) } .price-row:last-child { padding-bottom: 20px } .price-row .price-row__date-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; margin-left: 30px } .price-row .price-row__date-from, .price-row .price-row__date-to { width: 50% } .price-row .price-row__date-from { margin-right: 15px } .price-row .price-row__price-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100% } } @media (min-width: 1400px) { .price-row .price-row__price { margin-right: 45px } .price-row .btn { padding-right: 40px; padding-left: 40px } } .faq-search { padding: 25px 0; border-top: 1px solid rgba(25, 39, 67, 0.1) } .faq-search b { color: #1abc9c } .faq-search .faq-search__title { margin-bottom: 12px; color: #333; font-size: 16px; font-weight: 700; line-height: 26px } .faq-search .faq-search__content { margin-bottom: 18px; color: #333; font-size: 14px; line-height: 22px } .faq-search .faq-search__link { color: #1abc9c; font-size: 15px; font-weight: 700; line-height: 26px; text-decoration: none } @media (min-width: 992px) { .faq-search .faq-search__title { font-size: 18px } .faq-search .faq-search__content { font-size: 15px } } .headline.headline--faq { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 320px; background-image: url("/images/faq-headline-bg.png"); background-position: center center; -webkit-background-size: cover; background-size: cover } .headline.headline--faq::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#2d3371), to(#1abc9c)); background-image: -webkit-linear-gradient(left, #2d3371 0%, #1abc9c 100%); background-image: -o-linear-gradient(left, #2d3371 0%, #1abc9c 100%); background-image: linear-gradient(90deg, #2d3371 0%, #1abc9c 100%); content: ''; opacity: .8 } .headline.headline--faq .headline__wrapper { max-width: 860px; margin-right: auto; margin-left: auto } .headline.headline--faq .headline__title, .headline.headline--faq .headline__subtitle { position: relative; color: #fff; text-align: center; z-index: 1 } .headline.headline--faq .headline__title { margin-bottom: 20px; font-size: 22px; font-weight: 700; line-height: 30px } .headline.headline--faq .headline__subtitle { margin-bottom: 25px; font-size: 15px; line-height: 25px } .headline.headline--faq .headline__form { position: relative; max-width: 640px; margin-right: auto; margin-left: auto; z-index: 1 } .headline.headline--faq .headline__form input { width: 100%; height: 64px; padding: 0 79px 0 15px; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: .2s ease; border: 1px solid #a6a6bb; border-radius: 4px; outline: none; background-color: #fff } .headline.headline--faq .headline__form input::-webkit-input-placeholder { color: #a6a6bb } .headline.headline--faq .headline__form input::-moz-placeholder { color: #a6a6bb } .headline.headline--faq .headline__form input:-ms-input-placeholder { color: #a6a6bb } .headline.headline--faq .headline__form input::-ms-input-placeholder { color: #a6a6bb } .headline.headline--faq .headline__form input::placeholder { color: #a6a6bb } .headline.headline--faq .headline__form input:active, .headline.headline--faq .headline__form input:hover { border-color: #ffa049 } .headline.headline--faq .headline__form button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 64px; -ms-flex: 0 0 64px; flex: 0 0 64px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 64px; height: 64px; border: none; border-radius: 4px; outline: none; background: -webkit-gradient(linear, right top, left top, from(#f7b731), to(#ffa049)); background: -webkit-linear-gradient(right, #f7b731 0%, #ffa049 100%); background: -o-linear-gradient(right, #f7b731 0%, #ffa049 100%); background: linear-gradient(270deg, #f7b731 0%, #ffa049 100%) } .headline.headline--faq .headline__form button svg { width: 24px; height: 24px; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; color: #fff; fill: currentColor } @media (min-width: 992px) { .headline.headline--faq { height: 370px } .headline.headline--faq .headline__title { font-size: 36px; line-height: 44px } .headline.headline--faq .headline__subtitle { font-size: 24px; line-height: 32px } } .nav.nav--header { //position: fixed; //margin-top:-80px!important; top: 0; right: 0; left: 0; background-color: #192743; z-index: 100 } .nav.nav--header ul { margin: 0; padding: 0 } .nav.nav--header li { list-style-type: none } .nav.nav--header a { outline: none; text-decoration: none } .nav.nav--header button:not(.btn) { padding: 0; border: none; outline: none; background-color: transparent } .nav.nav--header .icon { color: #fff; z-index: 1; fill: currentColor } .nav.nav--header .dropdown-menu { position: absolute; -webkit-transform: initial !important; -ms-transform: initial !important; -o-transform: initial !important; transform: initial !important; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; z-index: 2 } .nav.nav--header .dropdown-menu:not(.show) { opacity: 0; visibility: hidden } .nav.nav--header .nav__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav.nav--header .hidden { position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden } .nav.nav--header.nav--simple .nav__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav.nav--header.nav--simple .nav-brand { margin: 0 } @media (max-width: 991.98px) { body { //margin-top: 116px } .nav.nav--header .nav__wrapper { width: 100%; padding-right: 20px; padding-left: 20px; margin-right: auto; margin-left: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 66px } .nav.nav--header .dropdown-menu { background-color: rgba(45, 54, 71, 0.9) } } @media (min-width: 992px) { body { //margin-top: 80px } .nav.nav--header .nav__wrapper { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; position: relative; height: 80px } } @media (min-width: 992px) and (min-width: 576px) { .nav.nav--header .nav__wrapper { max-width: 540px } } @media (min-width: 992px) and (min-width: 768px) { .nav.nav--header .nav__wrapper { max-width: 720px } } @media (min-width: 992px) and (min-width: 992px) { .nav.nav--header .nav__wrapper { max-width: 960px } } @media (min-width: 992px) and (min-width: 1400px) { .nav.nav--header .nav__wrapper { max-width: 1320px } } @media (min-width: 992px) { .nav.nav--header .dropdown-menu { border-radius: 4px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) } } .nav.nav--header .nav-brand { height: 100%; padding-top: 26px } .nav.nav--header .nav-brand img { width: 112px; height: 24px } @media (max-width: 991.98px) { .nav.nav--header .nav-brand { margin-right: auto } } @media (min-width: 992px) { .nav.nav--header .nav-brand { margin-right: 20px } .nav.nav--header .nav-brand img { width: 163px; height: 35px } } @media (min-width: 1400px) { .nav.nav--header .nav-brand { margin-right: 60px } } .nav.nav--header .nav-menu .nav-menu__items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav.nav--header .nav-menu .nav-menu__link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; color: #fff; font-weight: 600 } .nav.nav--header .nav-menu .nav-menu__link:hover { color: rgba(255, 255, 255, 0.7) } .nav.nav--header .nav-menu .nav-menu__tooltip { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; border: solid 1px rgba(166, 166, 187, 0.2); border-radius: 13px; background-color: rgba(255, 255, 255, 0.2); color: #1abc9c; font-size: 14px; font-weight: 700 } .nav.nav--header .nav-menu .nav-menu__dropdown { position: absolute; color: #192743; overflow-y: auto } .nav-wishlist { padding: 20px; background-color: #fff } .nav-wishlist .nav-wishlist__headline { display: none; color: #a6a6bb; font-size: 12px; font-weight: 500; letter-spacing: normal; line-height: normal } .nav-wishlist .nav-wishlist__route:not(:last-child) { margin-bottom: 20px; border-bottom: solid 1px rgba(166, 166, 187, 0.3) } .nav-wishlist .nav-wishlist__route-cities img { height: 22px; margin: 15px 15px 0 5px } .nav-wishlist .nav-wishlist__route-cities-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav-wishlist .nav-wishlist__route-city { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .nav-wishlist .nav-wishlist__route-city-short { color: #333; font-size: 20px; font-weight: bold; letter-spacing: .26px; line-height: normal; text-transform: uppercase } .nav-wishlist .nav-wishlist__route-city-long { color: #333; font-size: 11px; font-weight: 500; letter-spacing: .12px; line-height: normal } .nav-wishlist .nav-wishlist__plane { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 15px } .nav-wishlist .nav-wishlist__plane::before { width: 40px; height: 2px; background: -webkit-gradient(linear, left top, right top, from(#f5f5f5), to(#333)); background: -webkit-linear-gradient(left, #f5f5f5, #333); background: -o-linear-gradient(left, #f5f5f5, #333); background: linear-gradient(to right, #f5f5f5, #333); content: '' } .nav-wishlist .nav-wishlist__plane .icon { width: 20px; height: 20px; color: #000; fill: currentColor } .nav-wishlist .nav-wishlist__route-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 20px } .nav-wishlist .nav-wishlist__info { color: #333; line-height: normal } .nav-wishlist .nav-wishlist__date { margin-bottom: 5px; font-size: 15px; font-weight: 600; letter-spacing: .17px } .nav-wishlist .nav-wishlist__class { margin-bottom: 0; font-size: 12px; font-weight: 300; letter-spacing: .13px } .nav-wishlist .nav-wishlist__observer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav-wishlist .nav-wishlist__observer .checkbox--toggle { margin-right: 20px } .nav-wishlist .nav-wishlist__observer .checkbox--toggle label { margin: 0 } .nav-wishlist .nav-wishlist__observer .btn { height: auto } .nav-wishlist .nav-wishlist__observer-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav-wishlist .nav-wishlist__delete { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav-wishlist .nav-wishlist__delete a:hover .icon { color: #333 } .nav-wishlist .nav-wishlist__delete .icon { width: 20px; height: 20px; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; color: #a6a6bb; fill: currentColor } .nav-wishlist .nav-wishlist__empty { margin: 0; color: #333; font-size: 15px; font-weight: 500; letter-spacing: .22px; line-height: 1.47 } @media (max-width: 575.98px) { .nav.nav--header .nav-menu .nav-menu__items { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } } @media (max-width: 767.98px) { .nav-wishlist .nav-wishlist__route { max-width: 540px; margin: 0 auto } .nav-wishlist .nav-wishlist__route-cities { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav-wishlist .nav-wishlist__route-city { text-align: center } .nav-wishlist .nav-wishlist__route-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .nav-wishlist .nav-wishlist__route-item:not(:first-child) { padding-top: 15px } .nav-wishlist .nav-wishlist__route-item:not(:last-child) { border-bottom: solid 1px rgba(166, 166, 187, 0.3) } .nav-wishlist .nav-wishlist__observer { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; margin-top: 10px } .nav-wishlist .nav-wishlist__observer .btn { padding-top: 7px; padding-bottom: 7px } .nav-wishlist .nav-wishlist__delete { margin-left: auto } } @media (max-width: 991.98px) { .nav.nav--header .nav-menu { position: absolute; top: 66px; right: 0; left: 0; padding-right: 20px; padding-left: 20px; background-color: #323c50; z-index: 100; } .headline.headline--base, .headline.headline--faq { margin-top: 40px; } .nav.nav--header .nav-menu .nav-menu__items { margin-right: -10px; margin-left: -10px } .nav.nav--header .nav-menu .nav-menu__item { margin-right: 10px; margin-left: 10px } .nav.nav--header .nav-menu .nav-menu__item.show .nav-menu__link::before { opacity: 1; visibility: visible } .nav.nav--header .nav-menu .nav-menu__item.empty .nav-menu__dropdown { right: 0; left: 0 !important; height: calc(100vh - 116px) } .nav.nav--header .nav-menu .nav-menu__item:not(.empty) .nav-menu__dropdown { right: 0; height: calc(100vh - 116px) } .nav.nav--header .nav-menu .nav-menu__link { position: relative; min-height: 50px; font-size: 12px } .nav.nav--header .nav-menu .nav-menu__link::before { position: absolute; top: 40px; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .nav.nav--header .nav-menu .nav-menu__tooltip { width: 25px; height: 18px } .nav.nav--header .nav-menu .nav-menu__dropdown { top: 50px !important; right: 0 } .nav-wishlist .nav-wishlist__headline.nav-wishlist__headline--observer { display: block; margin-right: 10px; margin-bottom: 0 } .nav-wishlist .nav-wishlist__route-cities { margin-bottom: 20px } .nav-wishlist .nav-wishlist__observer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav-wishlist .nav-wishlist__observer-wrapper { width: 100% } } @media (min-width: 768px) { .nav-wishlist .nav-wishlist__info { width: 50% } .nav-wishlist .nav-wishlist__observer { width: 40% } .nav-wishlist .nav-wishlist__observer .checkbox--toggle { margin-right: 60px } .nav-wishlist .nav-wishlist__route-city-short { font-size: 22px; letter-spacing: .29px } .nav-wishlist .nav-wishlist__route-city-long { font-size: 14px; letter-spacing: .16px } .nav-wishlist .nav-wishlist__delete { width: 10% } } @media (min-width: 992px) { .nav.nav--header .nav-menu { margin-right: auto } .nav.nav--header .nav-menu .nav-menu__items { margin-right: -15px; margin-left: -15px } .nav.nav--header .nav-menu .nav-menu__item { margin-right: 15px; margin-left: 15px } .nav.nav--header .nav-menu .nav-menu__item:hover .nav-menu__dropdown { opacity: 1; visibility: visible } .nav.nav--header .nav-menu .nav-menu__item.dropdown:hover .nav-menu__link::before, .nav.nav--header .nav-menu .nav-menu__item.show .nav-menu__link::before { opacity: 1; visibility: visible } .nav.nav--header .nav-menu .nav-menu__item.dropdown:hover .nav-menu__dropdown { z-index: 6 } .nav.nav--header .nav-menu .nav-menu__item.empty { position: relative } .nav.nav--header .nav-menu .nav-menu__item.empty .nav-menu__dropdown { left: calc(50% - 150px) !important; width: 300px } .nav.nav--header .nav-menu .nav-menu__item:not(.empty) .nav-menu__dropdown { left: calc(50% - 480px) !important; width: 950px } .nav.nav--header .nav-menu .nav-menu__link { position: relative; height: 80px; font-size: 14px; text-transform: uppercase } .nav.nav--header .nav-menu .nav-menu__link::before { position: absolute; top: 65px; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .nav.nav--header .nav-menu .nav-menu__tooltip { width: 36px; height: 26px } .nav.nav--header .nav-menu .nav-menu__dropdown { top: 75px !important; max-height: 450px } .nav-wishlist .nav-wishlist__route { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav-wishlist .nav-wishlist__route:first-child .nav-wishlist__route-cities:first-child .nav-wishlist__headline, .nav-wishlist .nav-wishlist__route:first-child .nav-wishlist__route-item:first-child .nav-wishlist__headline { display: block; margin-right: 0; margin-bottom: 20px } .nav-wishlist .nav-wishlist__route:first-child .nav-wishlist__route-cities:first-child .nav-wishlist__delete, .nav-wishlist .nav-wishlist__route:first-child .nav-wishlist__route-item:first-child .nav-wishlist__delete { margin-top: 35px } .nav-wishlist .nav-wishlist__route-cities { width: 35% } .nav-wishlist .nav-wishlist__route-cities-wrapper { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start } .nav-wishlist .nav-wishlist__route-items { width: 65% } .nav-wishlist .nav-wishlist__observer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } @media (min-width: 1400px) { .nav.nav--header .nav-menu .nav-menu__items { margin-right: -20px; margin-left: -20px } .nav.nav--header .nav-menu .nav-menu__item { margin-right: 20px; margin-left: 20px } } .nav.nav--header .nav-phone { position: relative; margin-right: 20px } .nav.nav--header .nav-phone.show .nav-phone__dropdown::before, .nav.nav--header .nav-phone:hover .nav-phone__dropdown::before { opacity: 1; visibility: visible } .nav.nav--header .nav-phone:hover .nav-phone__dropdown { opacity: 1; visibility: visible; z-index: 6 } .nav.nav--header .nav-phone .nav-phone__toggle { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 66px; cursor: pointer } .nav.nav--header .nav-phone .icon { width: 19.5px; height: 19.5px } .nav.nav--header .nav-phone .nav-phone__number { margin-left: 12.5px; color: #fff; font-size: 17px; font-weight: 500; text-transform: uppercase } .nav.nav--header .nav-phone .nav-phone__dropdown { position: relative; position: absolute; top: 66px !important; left: calc(50% - 140px) !important; width: 280px } .nav.nav--header .nav-phone .nav-phone__dropdown::before { position: absolute; top: -10px; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .timesheet .timesheet-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .timesheet .timesheet-day { font-weight: 600 } .timesheet.timesheet--phone { padding: 20px 25px; border-radius: 2px; background-color: #fff } .timesheet.timesheet--phone .timesheet-row { margin: 0 -10px } .timesheet.timesheet--phone .timesheet-day, .timesheet.timesheet--phone .timesheet-time { padding: 0 10px; color: #333; font-size: 15px; letter-spacing: .22px; line-height: 1.47 } .timesheet.timesheet--submenu { margin-top: 10px; margin-bottom: 15px; padding: 0 20px 25px; border-bottom: solid 1px rgba(245, 245, 245, 0.1) } .timesheet.timesheet--submenu .timesheet-row { margin: 0 -7.5px } .timesheet.timesheet--submenu .timesheet-day, .timesheet.timesheet--submenu .timesheet-time { padding: 0 7.5px; color: #a6a6bb; font-size: 12px; line-height: 1.6 } @media (max-width: 767.98px) { .nav.nav--header .nav-phone { display: none } } @media (min-width: 992px) { .nav.nav--header .nav-phone .nav-phone__toggle { height: 80px } .nav.nav--header .nav-phone .nav-phone__dropdown { top: 75px !important } } @media (min-width: 1400px) { .nav.nav--header .nav-phone { margin-right: 30px } .nav.nav--header .nav-phone .nav-phone__number { font-size: 20px } } .nav.nav--header .nav-search { margin-right: 15px } .nav.nav--header .nav-search .nav-search__toggle:hover .nav-search__icon-wrapper { background-color: #fff } .nav.nav--header .nav-search .nav-search__toggle:hover .nav-search__icon-wrapper .icon { color: #192743 } .nav.nav--header .nav-search .nav-search__toggle[aria-expanded='true'] .icon-search { display: none } .nav.nav--header .nav-search .nav-search__toggle[aria-expanded='false'] .icon-close { display: none } .nav.nav--header .nav-search .nav-search__icon-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .15s ease; -o-transition: .15s ease; transition: .15s ease; border: solid 0.8px rgba(255, 255, 255, 0.2) } .nav.nav--header .nav-search .nav-search__input-wrapper { position: relative } .nav.nav--header .nav-search .nav-search__input-wrapper .icon-search { position: absolute; top: 12.5px; left: 20px; width: 20px; height: 25px; color: #a6a6bb; z-index: 2; pointer-events: none } .nav.nav--header .nav-search .nav-search__input-wrapper input { padding-left: 60px } .nav.nav--header .nav-search .nav-search__results { padding: 20px; background-color: #fff } @media (max-width: 991.98px) { .nav.nav--header .nav-search .nav-search__icon-wrapper { width: 33px; height: 30px; border-radius: 15px } .nav.nav--header .nav-search .nav-search__icon-wrapper .icon-search { width: 15px; height: 15px } .nav.nav--header .nav-search .nav-search__icon-wrapper .icon-close { width: 15px; height: 15px } .nav.nav--header .nav-search .nav-search__dropdown { top: 66px !important; right: 0; height: calc(100vh - 66px); z-index: 1 } .nav.nav--header .nav-search .nav-search__input-wrapper input { height: 50px; border: none; border-radius: 0; background-color: #f5f5f5 } } @media (min-width: 992px) { .nav.nav--header .nav-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav.nav--header .nav-search .nav-search__toggle { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } .nav.nav--header .nav-search .nav-search__icon-wrapper { width: 44px; height: 40px; border-radius: 20px } .nav.nav--header .nav-search .nav-search__icon-wrapper .icon-search { width: 20px; height: 20px } .nav.nav--header .nav-search .nav-search__icon-wrapper .icon-close { width: 18px; height: 18px } .nav.nav--header .nav-search .nav-search__dropdown { left: 194px !important; width: 644px; height: 80px; padding-top: 19px } .nav.nav--header .nav-search .nav-search__input-wrapper { margin-right: 8px } .nav.nav--header .nav-search .nav-search__input-wrapper .icon-search { top: 8.5px } .nav.nav--header .nav-search .nav-search__input-wrapper input { height: 42px } .nav.nav--header .nav-search .nav-search__results { position: absolute; top: 53px; right: 0; left: 0 } } @media (min-width: 1400px) { .nav.nav--header .nav-search .nav-search__dropdown { left: 233px !important; width: 965px } } .nav.nav--header .nav-submenu .nav-submenu__toggle { display: inline-block; position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 46px; height: 46px; margin-right: -10px; padding: 0; -webkit-transition: background-color .25s ease; -o-transition: background-color .25s ease; transition: background-color .25s ease; border: none; outline: none; background-color: transparent; color: #fff; text-align: center; cursor: pointer; vertical-align: middle } .nav.nav--header .nav-submenu .nav-submenu__toggle[aria-expanded='true'] i { background-color: transparent } .nav.nav--header .nav-submenu .nav-submenu__toggle[aria-expanded='true'] i::before { -webkit-transform: translate(0, 8px) rotate(-45deg); -ms-transform: translate(0, 8px) rotate(-45deg); -o-transform: translate(0, 8px) rotate(-45deg); transform: translate(0, 8px) rotate(-45deg) } .nav.nav--header .nav-submenu .nav-submenu__toggle[aria-expanded='true'] i::after { -webkit-transform: translate(0, -8px) rotate(45deg); -ms-transform: translate(0, -8px) rotate(45deg); -o-transform: translate(0, -8px) rotate(45deg); transform: translate(0, -8px) rotate(45deg) } .nav.nav--header .nav-submenu .nav-submenu__toggle i { display: block; position: relative; width: 26px; height: 2px; margin: 8px auto; -webkit-transition: background-color .25s ease; -o-transition: background-color .25s ease; transition: background-color .25s ease; background-color: #fff } .nav.nav--header .nav-submenu .nav-submenu__toggle i::before, .nav.nav--header .nav-submenu .nav-submenu__toggle i::after { display: block; position: absolute; left: 0; width: 100%; height: 2px; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: -o-transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease, -o-transform .25s ease; background-color: #fff; content: '' } .nav.nav--header .nav-submenu .nav-submenu__toggle i::before { top: -8px } .nav.nav--header .nav-submenu .nav-submenu__toggle i::after { bottom: -8px } .nav.nav--header .nav-submenu .nav-submenu__dropdown { z-index: 200 } @media (max-width: 991.98px) { .nav.nav--header .nav-submenu .nav-submenu__dropdown { top: 66px !important; right: 0; left: 0 !important; height: calc(100vh - 66px) } .nav.nav--header .nav-submenu .nav-submenu__wrapper { width: 270px; height: 100%; margin-left: auto; padding: 30px 20px; background-color: #232a37; overflow-y: auto } .nav.nav--header .nav-submenu .nav-submenu__phonenumber { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav.nav--header .nav-submenu .nav-submenu__phonenumber .icon { width: 17px; height: 17px; margin-right: 10px; color: #1abc9c; fill: currentColor } .nav.nav--header .nav-submenu .nav-submenu__phonenumber span, .nav.nav--header .nav-submenu .nav-submenu__phonenumber a { display: inline-block; color: #fff; font-size: 18px; font-weight: 500; letter-spacing: .2px; line-height: normal; text-transform: uppercase } .nav.nav--header .nav-submenu .nav-submenu__items { margin-bottom: 20px } .nav.nav--header .nav-submenu .nav-submenu__link { color: #fff; font-size: 15px; font-weight: 500; letter-spacing: .17px; line-height: 2.4 } } @media (min-width: 768px) { .nav.nav--header .nav-submenu .nav-submenu__phone { display: none } } @media (min-width: 992px) { .nav.nav--header .nav-submenu.show .nav-submenu__toggle::before { opacity: 1; visibility: visible } .nav.nav--header .nav-submenu .nav-submenu__toggle { position: relative } .nav.nav--header .nav-submenu .nav-submenu__toggle::before { position: absolute; top: 48px; left: calc(50% - 11px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .nav.nav--header .nav-submenu .nav-submenu__phone { display: none } .nav.nav--header .nav-submenu .nav-submenu__dropdown { top: 75px !important; right: 10px; left: auto !important; width: 290px; padding: 25px; background-color: #fff } .nav.nav--header .nav-submenu .nav-submenu__items { margin-bottom: 15px } .nav.nav--header .nav-submenu .nav-submenu__link { color: #323c50; font-size: 15px; font-weight: 500; line-height: 2.13 } } .nav.nav--header .nav-submenu .nav-submenu__link:hover, .nav.nav--header .nav-user .nav-user__item-link:hover { color: #1abc9c; font-weight: 600; } .nav.nav--header .nav-user { margin-right: 25px } .nav.nav--header .nav-user.show .nav-user__toggle::before { opacity: 1; visibility: visible } .nav.nav--header .nav-user .nav-user__toggle { display: block } .nav.nav--header .nav-user .nav-user__toggle:hover .nav-user__icon-wrapper { background-color: #fff } .nav.nav--header .nav-user .nav-user__toggle:hover .nav-user__icon-wrapper .icon { color: #192743 } .nav.nav--header .nav-user .nav-user__toggle[aria-expanded='true'] .icon-chevron-down { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .nav.nav--header .nav-user .nav-user__icon-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .5s ease; -o-transition: .5s ease; transition: .5s ease; border: solid 0.8px rgba(255, 255, 255, 0.2) } .nav.nav--header .nav-user .nav-user__dropdown { min-width: 260px; z-index: 300; } .nav.nav--header .nav-user .nav-user__logged-in { width: 100%; padding: 20px } .nav.nav--header .nav-user .nav-user__title { color: #333; font-size: 16px; font-weight: 500; letter-spacing: normal; line-height: normal; text-align: center } .nav.nav--header .nav-user .nav-user__profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav.nav--header .nav-user .nav-user__profile.nav-user__profile--logged-in { margin-bottom: 20px } .nav.nav--header .nav-user .nav-user__profile .icon-chevron-down { width: 15px; height: 15px; margin-left: 20px; -webkit-transition: .15s ease-in-out; -o-transition: .15s ease-in-out; transition: .15s ease-in-out; color: #a6a6bb } .nav.nav--header .nav-user .nav-user__profile-img { margin-right: 10px } .nav.nav--header .nav-user .nav-user__profile-name { margin-bottom: 5px; font-size: 15px; font-weight: 600; letter-spacing: .17px; line-height: normal } .nav.nav--header .nav-user .nav-user__profile-name.nav-user__profile-name--toggle { max-width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .nav.nav--header .nav-user .nav-user__profile-bonus { margin-bottom: 0; font-size: 12px; letter-spacing: .13px; line-height: normal; text-align: left } .nav.nav--header .nav-user .nav-user__profile-bonus span { color: #1abc9c; font-weight: bold } .nav.nav--header .nav-user .nav-user__items { margin-bottom: 15px; padding-bottom: 10px; border-bottom: solid 1px rgba(0, 0, 0, 0.1) } .nav.nav--header .nav-user .nav-user__item-link { color: #323c50; font-size: 15px; font-weight: 500; letter-spacing: normal; line-height: 2.13 } .nav.nav--header .nav-user .nav-user__logout { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .nav.nav--header .nav-user .nav-user__logout .icon { width: 18px; height: 18px; margin-right: 8px; color: #1abc9c; font-size: 25px; letter-spacing: normal; line-height: normal; fill: currentColor } .nav.nav--header .nav-user .nav-user__logout span { color: #1abc9c; font-size: 15px; font-weight: 500; letter-spacing: normal; line-height: normal } .nav.nav--header .nav-user .nav-user__registration { height: 100%; padding: 40px 40px 65px; border-right: 1px solid rgba(166, 166, 187, 0.5) } .nav.nav--header .nav-user .nav-user__registration .btn { display: inherit; width: 300px; margin: 0 auto } .nav.nav--header .nav-user .nav-user__features { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 50px -25px 0 } .nav.nav--header .nav-user .nav-user__features-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; margin: 0 0 40px; padding: 0 25px } .nav.nav--header .nav-user .nav-user__features-item p { margin-bottom: 0; color: #4a4a4a; font-size: 14px; letter-spacing: normal; line-height: 1.29 } .nav.nav--header .nav-user .nav-user__features-icon-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 0 55px; -ms-flex: 1 0 55px; flex: 1 0 55px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 55px; height: 55px; margin-right: 20px; border: 2px solid #a6a6bb; border-radius: 50% } .nav.nav--header .nav-user .nav-user__features-icon-wrapper .icon { width: 26px; color: #a6a6bb } .nav.nav--header .nav-user .nav-user__sign-in { height: 100% } .nav.nav--header .nav-user .nav-user__sign-in .form-group { margin-bottom: 15px } .nav.nav--header .nav-user .nav-user__sign-in .btn { width: 100% } .nav.nav--header .nav-user .nav-user__sign-in .btn-facebook { margin-bottom: 1rem; } .nav.nav--header .nav-user .nav-user__sign-in .btn-google { margin-bottom: 2rem; } .nav.nav--header .nav-user .nav-user__anchors { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .nav.nav--header .nav-user .nav-user__anchors a, .nav.nav--header .nav-user .nav-user__anchors span { font-size: 13px; font-weight: 600; letter-spacing: .14px; line-height: normal } .nav.nav--header .nav-user .nav-user__anchors a.nav-user__lost-pass, .nav.nav--header .nav-user .nav-user__anchors a.nav-user__sign-up-link, .nav.nav--header .nav-user .nav-user__anchors span.nav-user__lost-pass, .nav.nav--header .nav-user .nav-user__anchors span.nav-user__sign-up-link { margin-right: auto; margin-left: auto; text-align: center } .nav.nav--header .nav-user .nav-user__anchors a { color: #1abc9c; text-decoration: underline } .nav.nav--header .nav-user .nav-user__anchors span { color: #333 } @media (min-width: 576px) and (max-width: 991.98px) { .nav.nav--header .nav-user .nav-user__dropdown-wrapper { max-width: 320px; margin-left: auto } } @media (max-width: 991.98px) { .nav.nav--header .nav-user .nav-user__toggle { position: relative; height: 66px } .nav.nav--header .nav-user .nav-user__toggle::before { position: absolute; top: 56px; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .nav.nav--header .nav-user .nav-user__icon-wrapper { width: 33px; height: 30px; border-radius: 15px } .nav.nav--header .nav-user .nav-user__icon-wrapper .icon { width: 14px; height: 14px } .nav.nav--header .nav-user .nav-user__dropdown { top: 66px !important; right: 0; height: calc(100vh - 66px) } .nav.nav--header .nav-user .nav-user__logged-in { background-color: #fff } .nav.nav--header .nav-user .nav-user__profile-name { color: #192743 } .nav.nav--header .nav-user .nav-user__profile-bonus { color: #323c50 } .nav.nav--header .nav-user .nav-user__sign-in { padding: 25px 20px 30px; background-color: #fff } .nav.nav--header .nav-user .nav-user__sign-in .btn-secondary { margin-top: 5px; margin-bottom: 15px } .nav.nav--header .nav-user .nav-user__sign-up-link { margin-top: 25px } } @media (min-width: 992px) { .nav.nav--header .nav-user .nav-user__toggle { position: relative; height: 80px } .nav.nav--header .nav-user .nav-user__toggle::before { position: absolute; top: 65px; left: calc(50% - 10px); width: 22px; height: 10px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; border-right: 11px solid transparent; border-bottom: 10px solid #fff; border-left: 11px solid transparent; border-radius: 2px; content: ''; opacity: 0; visibility: hidden; z-index: 7 } .nav.nav--header .nav-user .nav-user__icon-wrapper { width: 44px; height: 40px; border-radius: 20px } .nav.nav--header .nav-user .nav-user__icon-wrapper .icon { width: 19px; height: 19px } .nav.nav--header .nav-user .nav-user__dropdown { top: 75px !important; right: 10px; left: auto !important; max-width: 1080px; background-color: #fff } .nav.nav--header .nav-user .nav-user__dropdown-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav.nav--header .nav-user .nav-user__registration { width: calc(100% - 360px) } .nav.nav--header .nav-user .nav-user__sign-in { width: 360px; padding: 50px 25px 25px } .nav.nav--header .nav-user .nav-user__sign-in .btn-secondary { margin-top: 15px; margin-bottom: 20px } /* .nav.nav--header .nav-user .nav-user__sign-in .btn-facebook { margin-bottom: 40px } */ .nav.nav--header .nav-user .nav-user__title.nav-user__title--sign-in { margin-bottom: 25px } } @media (min-width: 1400px) { .nav.nav--header .nav-user .nav-user__dropdown.nav-user__dropdown--logged-in { right: auto; left: auto !important } .nav.nav--header .nav-user .nav-user__registration { width: calc(100% - 420px) } .nav.nav--header .nav-user .nav-user__sign-in { width: 420px; padding: 50px 55px 25px } .nav.nav--header .nav-user .nav-user__profile.nav-user__profile--logged-in { display: none } .nav.nav--header .nav-user .nav-user__profile-name { color: #fff } .nav.nav--header .nav-user .nav-user__profile-bonus { color: #fff; font-weight: 300 } } .nav--footer { margin-bottom: 20px } .nav--footer .nav__list { padding: 0; list-style: none; text-align: center } .nav--footer .nav__link { display: block; padding: 10px 0; font-size: 15px } @media (min-width: 992px) { .nav--footer .nav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .nav--footer .nav__link { padding: 5px 15px } } .nav.nav--header .nav-fake { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 7 } .nav.nav--header .nav-fake:not(.sticky) { opacity: 0; visibility: hidden; z-index: -1 } .nav.nav--header .nav-fake .nav-fake__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; cursor: pointer; overflow: hidden } .nav.nav--header .nav-fake .nav-fake__group { position: relative; pointer-events: none } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from>div { position: relative } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from .icon.icon-arrows { position: absolute; color: #1abc9c } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child .nav-fake__group-value { position: relative } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child .nav-fake__group-value::before { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 5px; color: #fff; content: '-' } .nav.nav--header .nav-fake .nav-fake__group-label, .nav.nav--header .nav-fake .nav-fake__group-value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; letter-spacing: normal } .nav.nav--header .nav-fake .nav-fake__city, .nav.nav--header .nav-fake .nav-fake__city, .nav.nav--header .nav-fake .nav-fake__date-day, .nav.nav--header .nav-fake .nav-fake__actions .btn { display: none } @media (max-width: 575.98px) { .nav.nav--header .nav-fake .nav-fake__wrapper { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--travel-type { display: none } } @media (min-width: 576px) and (max-width: 991.98px) { .nav.nav--header .nav-fake .nav-fake__wrapper { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto } } @media (max-width: 991.98px) { .nav.nav--header .nav-fake { top: 66px; right: 0; left: 0; height: 50px; background-color: #323c50; z-index: 100 !important; } .nav.nav--header .nav-fake .icon-person { width: 10px; height: 10px; margin-right: 5px; color: #fff } .nav.nav--header .nav-fake .icon.icon-edit { width: 15px; height: 15px; color: #ffa049 } } @media (max-width: 991.98px) and (min-width: 576px) { .nav.nav--header .nav-fake .nav-fake__wrapper { max-width: 540px } } @media (max-width: 991.98px) and (min-width: 768px) { .nav.nav--header .nav-fake .nav-fake__wrapper { max-width: 720px } } @media (max-width: 991.98px) and (min-width: 992px) { .nav.nav--header .nav-fake .nav-fake__wrapper { max-width: 960px } } @media (max-width: 991.98px) and (min-width: 1400px) { .nav.nav--header .nav-fake .nav-fake__wrapper { max-width: 1320px } } @media (max-width: 991.98px) { .nav.nav--header .nav-fake .nav-fake__group { padding: 0 10px; border-right: 1px solid #fff } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--travellers { border: none } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from>div:first-child { padding-right: 25px } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from .icon.icon-arrows { top: calc(50% - 6px); right: 6px; width: 12px; height: 12px } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child { padding-right: 15px } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child .nav-fake__group-value::before { right: -10px } .nav.nav--header .nav-fake .nav-fake__group-label, .nav.nav--header .nav-fake .nav-fake__group-value { color: #fff; font-size: 11px; font-weight: 500; letter-spacing: normal; line-height: normal } .nav.nav--header .nav-fake .nav-fake__group-label { display: none } .nav.nav--header .nav-fake .nav-fake__city-short { font-weight: bold } .nav.nav--header .nav-fake .nav-fake__actions { margin-left: 10px } } @media (min-width: 992px) { .nav.nav--header .nav-fake { top: 0; right: 10px; bottom: 0; left: 193px } .nav.nav--header .nav-fake .icon-person { width: 12px; height: 12px; margin-right: 5px; color: #333 } .nav.nav--header .nav-fake .icon-arrow-right { width: 20px; height: 20px; margin: 0 7.5px; padding: 1px; color: #333 } .nav.nav--header .nav-fake .icon.icon-edit { display: none } .nav.nav--header .nav-fake .nav-fake__wrapper { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 54px; border-radius: 4px; background-color: #fff } .nav.nav--header .nav-fake .nav-fake__group { width: 100%; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; height: 100%; padding: 0 20px } .nav.nav--header .nav-fake .nav-fake__group:not(:first-child):not(:last-child) { border-left: 1px solid rgba(166, 166, 187, 0.2) } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from>div:first-child { margin-right: 20px; padding-right: 20px; border-right: 1px solid rgba(166, 166, 187, 0.2) } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--from .icon.icon-arrows { top: calc(50% - 10px); right: -10px; width: 20px; height: 20px; background-color: #fff } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child { padding-right: 20px } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--date>div:first-child .nav-fake__group-value::before { right: -12.5px; color: #333 } .nav.nav--header .nav-fake .nav-fake__group-label { padding: 8px 0 4px; color: #a6a6bb; font-size: 12px; line-height: 15px } .nav.nav--header .nav-fake .nav-fake__group-value { color: #333; font-size: 15px; line-height: 20px } .nav.nav--header .nav-fake .nav-fake__actions .btn { display: block; margin: 5px; padding-top: 11px; padding-bottom: 11px } .nav.nav--header .nav-fake .nav-fake__multicity { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 8px; color: #333; letter-spacing: normal } .nav.nav--header .nav-fake .nav-fake__multicity-inner { display: inline-block; font-size: 13px; font-weight: bold; line-height: 20px } .nav.nav--header .nav-fake .nav-fake__multicity-day { font-size: 12px; font-weight: 500; line-height: normal } } @media (min-width: 1400px) { .nav.nav--header .nav-fake { left: 203px } .nav.nav--header .nav-fake .nav-fake__group.nav-fake__group--select { padding-right: 40px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57.8 32"><path fill="rgb(166,166,187)" d="M3.1 0l25.8 25.8L54.7 0l3.1 3.1-27.3 27.4-1.6 1.5-1.6-1.5L0 3.1 3.1 0z"/></svg>'); background-repeat: no-repeat; background-position: right 15px center; -webkit-background-size: 17px 9px; background-size: 17px 9px } .nav.nav--header .nav-fake .nav-fake__group-value-counter { margin-right: 5px; display: none; } .nav.nav--header .nav-fake .nav-fake__city, .nav.nav--header .nav-fake .nav-fake__date-day { display: block } .nav.nav--header .nav-fake .nav-fake__city-short { position: relative; margin: 0 2.5px; padding: 0 5px } .nav.nav--header .nav-fake .nav-fake__city-short::before, .nav.nav--header .nav-fake .nav-fake__city-short::after { position: absolute; top: calc(50% - 10px) } .nav.nav--header .nav-fake .nav-fake__city-short::before { left: 0; content: '(' } .nav.nav--header .nav-fake .nav-fake__city-short::after { right: 0; content: ')' } .nav.nav--header .nav-fake .nav-fake__multicity-inner { font-size: 15px } } .footer .block .block__title { text-align: center } .footer .footer__top { padding-top: 24px; background-color: #323c50 } .footer .footer__middle-top { padding: 25px 0; background-color: #f5f5f5 } .footer .footer__middle-top .row { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer .footer__middle-bottom { padding: 30px 0 } .footer .footer__middle-bottom .footer__copyright { text-align: center } .footer .footer__bottom { padding: 20px 0; border-top: 1px solid rgba(25, 39, 67, 0.1) } .footer .footer__bottom .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer .footer__bottom .footer__copyright { display: none } .footer .footer__bottom .footer__scroll-top span { display: none } .footer .footer__copyright { margin: 0; color: #333; font-size: 11px } @media (min-width: 992px) { .footer .block .block__title { font-size: 22px } .footer .footer__top { padding-top: 35px } .footer .footer__middle-top { padding: 60px 0 } .footer .footer__middle-bottom .footer__copyright { display: none } .footer .footer__bottom .container { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .footer .footer__bottom .footer__copyright { display: block } .footer .footer__bottom .footer__scroll-top span { display: inline; margin-right: 10px; color: #333 } } .sidebar .sidebar__block { padding: 20px; border-radius: 4px; background: #fff } .sidebar .sidebar__block+.sidebar__block { margin-top: 20px } .sidebar .sidebar__block.sidebar__block--filter { padding: 0 0 20px } .sidebar .sidebar__block.sidebar__block--favorites .btn { background: #fff } .sidebar .sidebar__block.sidebar__block--transparent { padding: 0; background: transparent } .sidebar .block__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; padding: 15px 20px; border-bottom: 1px solid rgba(166, 166, 187, 0.5) } .sidebar .block__header-text { font-weight: 700 } .sidebar .block__icon { -webkit-box-flex: 0; -webkit-flex: 0 0 60px; -ms-flex: 0 0 60px; flex: 0 0 60px; margin-right: 20px } .sidebar .block__close { margin-left: auto; border: none; outline: none; background: none; color: #1abc9c; font-weight: 500 } .sidebar .block__close:active, .sidebar .block__close:focus { outline: none } .btn-arfigyelo { margin-top: 15px; } @media (max-width: 991.98px) { .sidebar .sidebar__block.sidebar__block--filter { position: fixed; top: 0; bottom: 20px; left: -100%; width: 320px; margin: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; border-radius: 0 0 4px 4px; overflow: auto; z-index: 999; will-change: left } body.filter-open .sidebar .sidebar__block.sidebar__block--filter { left: 0 } .sidebar .sidebar__block.sidebar__block--favorites { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; padding: 0; background: none } .sidebar .sidebar__block .btn-favorite, .sidebar .sidebar__block .btn-filter { margin-bottom: unset; } .sidebar .sidebar__block .btn-favorite .icon, .sidebar .sidebar__block .btn-filter .icon, .sidebar .sidebar__block .btn-arfigyelo .icon { margin-right: 10px; } .sidebar .sidebar__block .btn-favorite, .sidebar .sidebar__block .btn-arfigyelo { margin-left: 20px; } .sidebar .sidebar__block .btn-arfigyelo { margin-top: 0px !important; } } @media (max-width: 575.98px) { .sidebar .sidebar__block .btn-favorite, .sidebar .sidebar__block .btn-arfigyelo { margin-left: unset; } .sidebar .sidebar__block .btn .icon-container { display: flex; justify-content: center; } .sidebar .sidebar__block .btn { flex-direction: column; width: 30%; } .sidebar .sidebar__block { justify-content: space-between; } .sidebar .sidebar__block .btn-filter .icon { margin-right: unset; } } @media (min-width: 992px) { .sidebar .block__header { display: none } .sidebar .sidebar__block { display: block } .sidebar .sidebar__block.sidebar__block--filter { padding: 20px 0 } .sidebar .btn-filter { display: none } .sidebar .btn-favorite, .sidebar .btn-arfigyelo { width: 100% } } .search-result__content { padding: 30px 0; background: #f5f5f5 } .search-result__body.loading { position: relative; min-height: 200px } .search-result__body.loading::before, .search-result__body.loading::after { position: absolute; content: '' } .search-result__body.loading::before { top: 0; right: 0; bottom: 0; left: 0; z-index: 1 } .search-result__body.loading::after { top: 50%; left: 50%; width: 80px; height: 80px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url("/images/loader.svg") no-repeat center center; -webkit-background-size: 80px 80px; background-size: 80px; z-index: 2 } .search-result__body--empty .btn { margin-top: 20px } @media (min-width: 992px) { .search-result__body--empty .btn { margin-top: 40px } .search-result__body.loading { min-height: 60vh } } .cont.cont--special { border: 2px solid #323c50; border-radius: 4px } .cont.cont--special .cont__header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #323c50 } .cont.cont--special .cont__icon-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: 0 0 40px; -ms-flex: 0 0 40px; flex: 0 0 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px } .cont.cont--special .cont__icon-wrapper .icon { width: 26px; height: 20px } .cont.cont--special .icon { fill: currentColor } .cont.cont--special .icon-info { -webkit-box-flex: 0; -webkit-flex: 0 0 13px; -ms-flex: 0 0 13px; flex: 0 0 13px; width: 13px; height: 13px; margin-top: 3.5px; margin-left: 5px; color: #fff } .cont.cont--special .cont__header-inner { width: 100% } .cont.cont--special .cont__header-title, .cont.cont--special .cont__header-subtitle { color: #fff; font-weight: 500; letter-spacing: normal; line-height: normal } .cont.cont--special .cont__header-title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px; font-size: 15px } .cont.cont--special .cont__header-subtitle { font-size: 12px } .cont.cont--special .cont__header-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .cont.cont--special .cont__header-footer-text, .cont.cont--special .cont__header-footer-timer { color: #fff; letter-spacing: normal; line-height: 1.67; text-align: right } .cont.cont--special .cont__header-footer-text { font-size: 12px; font-weight: 500 } .cont.cont--special .cont__header-footer-timer { font-size: 14px; font-weight: 600 } .cont.cont--special .cont__header-footer-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none } .cont.cont--special .cont__header-footer-link:hover span, .cont.cont--special .cont__header-footer-link:hover .icon { color: #f5f5f5 } .cont.cont--special .cont__header-footer-link span { margin-right: 10px; padding: 10px 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; color: #a6a6bb; font-size: 14px; font-weight: 600; letter-spacing: .14px; line-height: normal } .cont.cont--special .cont__header-footer-link .icon { -webkit-box-flex: 0; -webkit-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 18px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; color: #a6a6bb } @media (max-width: 991.98px) { .cont.cont--result, .cont.cont--result>.card:not(:last-child) { margin-bottom: 20px } .cont.cont--special .cont__header { margin-bottom: 20px; padding: 10px } .cont__header-headline { margin-bottom: 5px } .cont__header-footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .cont__header-footer-text { margin-right: 5px } } @media (min-width: 992px) { .cont.cont--result, .cont.cont--result>.card:not(:last-child) { margin-bottom: 25px } .cont.cont--special .cont__header { margin-bottom: 25px; padding: 10px 15px 10px 10px } .cont.cont--special .cont__header-inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .cont.cont--special .cont__header-headline { margin-right: 20px } .cont.cont--special .cont__header-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .tooltip { position: absolute; background-color: #2d3647; margin-bottom: 3px !important; white-space: normal; border-radius: 5px; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.846; z-index: 1200; } .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 10px !important; color: #ffffff; text-align: center; background-color: #2d3647; border-radius: 5px; color: #f5f5f5; font-size: 15px; font-weight: 500; letter-spacing: normal; line-height: 1.5; text-align: left; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #727272; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #727272; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #727272; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #727272; } #rep_mainsearchform::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; display: block; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000)); background-image: -webkit-linear-gradient(left, #000 0%, #000 100%); background-image: -o-linear-gradient(left, #000 0%, #000 100%); background-image: linear-gradient(90deg, #000 0%, #000 100%); opacity: 0.7; z-index: -1; } #rep_mainsearchform.ulhide::before { display: none; } .top-buffer-30 { margin-top: 30px; } .emerald-border-input .input-group-text, .emerald-border-input input { border-color: #1ABC9C !important; border-width: 2px !important; } .emerald-border-input label { margin-top: 1px !important; } #oneway-date-start-popup-inputa { margin-left: 15px !important; } @media (max-width: 992px) { .visszalepesgomb { text-align: center; margin-bottom: 10px; } #arr_date_cal_shot_label {} #dep_date_cal_shot_label { margin-left: 5px !important; margin-top: -1px !important; } #return-date-start-popup-input { margin-top: 10px !important; } #dep_date_cal_shot1 { margin-top: -8px !important; } #oneway-date-start-popup-input { margin-left: 5px !important; } .b-lg-none { display: none !important } } @media (max-width: 992px) { .biztaddinfoholder { margin-bottom: 1rem; min-height: 90px } .biztaddinfoholder2 { margin-bottom: 1rem; min-height: 90px } } #regmodal .modal-title { margin-bottom: 0px; } #regmodal .modal-header { padding: 1rem !important; padding-bottom: 0 !important; } #regmodal .modal-body { padding: 1rem !important; } #regmodal .my-submit { width: 200px; margin: 0 auto; display: block; } .c-p { cursor: pointer } .max-w-600 { max-width: 600px; width: auto !important; } @media (max-width: 992px) { .max-w-600 { width: auto !important; } #regmodal .my-submit { width: 100%; } } .success-text { color: var(--success); } .fs-14 { font-size: 14px; } .sch-desc-title { font-weight: bold !important; font-size: 14px !important; } @media (min-width: 992px) { .sch-desc-title { font-size: 18px !important; } } .half-select label { width: 58% !important; } .p-25 { padding: 25px; } .calentim-disabled span { color: #a6a6bb !important; }