@charset "UTF-8"; /*** LTR websites ***/ @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800|Poppins:300,400,400i,500,600,700,800"); /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: var(--brand-color); --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #ff3a59; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --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 { 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: -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-size: 1rem; font-weight: 400; line-height: 1.5; color: #2e384d; /*text-align: left;*/ background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; 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: #ff3a59; text-decoration: none; background-color: transparent; } a:hover { color: #ed0025; 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, .post .post_media iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, .form input[type="text"], .form input[type="email"], .form input[type="phone"], .form input[type="search"], .form input[type="password"], .form input[type="date"], .form input[type="url"], .form input[type="tel"], .form input[type="number"], .form input[type="file"], .form select, .form .custom-select, .form textarea, button, select, .custom-select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input, .form input[type="text"], .form input[type="email"], .form input[type="phone"], .form input[type="search"], .form input[type="password"], .form input[type="date"], .form input[type="url"], .form input[type="tel"], .form input[type="number"], .form input[type="file"], .form select, .form .custom-select, .form textarea { overflow: visible; } button, select, .custom-select { text-transform: none; } select, .custom-select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"], .form [type="button"], .form [type="reset"], .form input button, .form input[type="text"] button, .form input[type="email"] button, .form input[type="phone"] button, .form input[type="search"] button, .form input[type="password"] button, .form input[type="date"] button, .form input[type="url"] button, .form input[type="tel"] button, .form input[type="number"] button, .form input[type="file"] button, .form select button, .form .custom-select button, .form textarea button, .form button { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), .form [type="button"]:not(:disabled), .form [type="reset"]:not(:disabled), .form button:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner, .form [type="button"]::-moz-focus-inner, .form [type="reset"]::-moz-focus-inner, .form input[type="text"] button::-moz-focus-inner, .form input[type="email"] button::-moz-focus-inner, .form input[type="phone"] button::-moz-focus-inner, .form input[type="search"] button::-moz-focus-inner, .form input[type="password"] button::-moz-focus-inner, .form input[type="date"] button::-moz-focus-inner, .form input[type="url"] button::-moz-focus-inner, .form input[type="tel"] button::-moz-focus-inner, .form input[type="number"] button::-moz-focus-inner, .form input[type="file"] button::-moz-focus-inner, .form button::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], .form input[type="radio"][type="text"], .form input[type="radio"][type="email"], .form input[type="radio"][type="phone"], .form input[type="radio"][type="search"], .form input[type="radio"][type="password"], .form input[type="radio"][type="date"], .form input[type="radio"][type="url"], .form input[type="radio"][type="tel"], .form input[type="radio"][type="number"], .form input[type="radio"][type="file"], .form select[type="radio"], .form [type="radio"].custom-select, .form textarea[type="radio"], input[type="checkbox"], .form input[type="checkbox"][type="text"], .form input[type="checkbox"][type="email"], .form input[type="checkbox"][type="phone"], .form input[type="checkbox"][type="search"], .form input[type="checkbox"][type="password"], .form input[type="checkbox"][type="date"], .form input[type="checkbox"][type="url"], .form input[type="checkbox"][type="tel"], .form input[type="checkbox"][type="number"], .form input[type="checkbox"][type="file"], .form select[type="checkbox"], .form [type="checkbox"].custom-select, .form textarea[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], .form input[type="date"], .form select[type="date"], .form [type="date"].custom-select, .form textarea[type="date"], input[type="time"], .form input[type="time"][type="text"], .form input[type="time"][type="email"], .form input[type="time"][type="phone"], .form input[type="time"][type="search"], .form input[type="time"][type="password"], .form input[type="time"][type="date"], .form input[type="time"][type="url"], .form input[type="time"][type="tel"], .form input[type="time"][type="number"], .form input[type="time"][type="file"], .form select[type="time"], .form [type="time"].custom-select, .form textarea[type="time"], input[type="datetime-local"], .form input[type="datetime-local"][type="text"], .form input[type="datetime-local"][type="email"], .form input[type="datetime-local"][type="phone"], .form input[type="datetime-local"][type="search"], .form input[type="datetime-local"][type="password"], .form input[type="datetime-local"][type="date"], .form input[type="datetime-local"][type="url"], .form input[type="datetime-local"][type="tel"], .form input[type="datetime-local"][type="number"], .form input[type="datetime-local"][type="file"], .form select[type="datetime-local"], .form [type="datetime-local"].custom-select, .form textarea[type="datetime-local"], input[type="month"], .form input[type="month"][type="text"], .form input[type="month"][type="email"], .form input[type="month"][type="phone"], .form input[type="month"][type="search"], .form input[type="month"][type="password"], .form input[type="month"][type="date"], .form input[type="month"][type="url"], .form input[type="month"][type="tel"], .form input[type="month"][type="number"], .form input[type="month"][type="file"], .form select[type="month"], .form [type="month"].custom-select, .form textarea[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: 0.5rem; 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: 0.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: 0.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"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; 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: 1200px) { .container { max-width: 1350px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .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-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: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #2e384d; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #2e384d; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #ffc8d1; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #ff99a9; } .table-hover .table-primary:hover { background-color: #ffafbc; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #ffafbc; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #ffbac4; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value, .form-control.custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #2e384d; 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 + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], .form-control[size].custom-select, select.form-control[multiple], .form-control[multiple].custom-select { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; 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: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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 + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc((1em+0.75rem) * 3 / 4+1.75rem); 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 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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: #28a745; } .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: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .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: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .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: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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(0.375em + 0.1875rem); background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc((1em+0.75rem) * 3 / 4+1.75rem); 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 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' 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 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #dc3545; } .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: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .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: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .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: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; 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: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #2e384d; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; 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; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #2e384d; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #ff3a59; border-color: #ff3a59; } .btn-primary:hover { color: #fff; background-color: #ff1439; border-color: #ff072e; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(255, 88, 114, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #ff3a59; border-color: #ff3a59; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #ff072e; border-color: #f90027; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 88, 114, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #ff3a59; border-color: #ff3a59; } .btn-outline-primary:hover { color: #fff; background-color: #ff3a59; border-color: #ff3a59; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #ff3a59; 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: #ff3a59; border-color: #ff3a59; } .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 { box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; 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: #6c757d; border-color: #6c757d; } .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 { box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; 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: #28a745; border-color: #28a745; } .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 { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; 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: #17a2b8; border-color: #17a2b8; } .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 { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; 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: #ffc107; border-color: #ffc107; } .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 { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; 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: #dc3545; border-color: #dc3545; } .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 { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem 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 { box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #ff3a59; text-decoration: none; } .btn-link:hover { color: #ed0025; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, .form select[type="submit"].btn-block, .form select.btn-block[type="button"], .form .btn-block[type="button"].custom-select, .form select.btn-block[type="reset"], .form .btn-block[type="reset"].custom-select, .form [type="submit"].btn-block.custom-select, .form button.btn-block.custom-select, .form textarea[type="submit"].btn-block, .form textarea.btn-block[type="button"], .form textarea.btn-block[type="reset"], .form input.btn-block[type="button"], .form input.btn-block[type="reset"], input[type="reset"].btn-block, .form select[type="reset"].btn-block, .form [type="reset"].btn-block.custom-select, .form textarea[type="reset"].btn-block, input[type="button"].btn-block, .form select[type="button"].btn-block, .form [type="button"].btn-block.custom-select, .form textarea[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #2e384d; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #ff3a59; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn .form select[type="radio"], .form .btn-group-toggle > .btn select[type="radio"], .btn-group-toggle > .btn .form [type="radio"].custom-select, .form .btn-group-toggle > .btn [type="radio"].custom-select, .btn-group-toggle > .btn .form textarea[type="radio"], .form .btn-group-toggle > .btn textarea[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn .form select[type="checkbox"], .form .btn-group-toggle > .btn select[type="checkbox"], .btn-group-toggle > .btn .form [type="checkbox"].custom-select, .form .btn-group-toggle > .btn [type="checkbox"].custom-select, .btn-group-toggle > .btn .form textarea[type="checkbox"], .form .btn-group-toggle > .btn textarea[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn .form select[type="radio"], .form .btn-group-toggle > .btn-group > .btn select[type="radio"], .btn-group-toggle > .btn-group > .btn .form [type="radio"].custom-select, .form .btn-group-toggle > .btn-group > .btn [type="radio"].custom-select, .btn-group-toggle > .btn-group > .btn .form textarea[type="radio"], .form .btn-group-toggle > .btn-group > .btn textarea[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn .form select[type="checkbox"], .form .btn-group-toggle > .btn-group > .btn select[type="checkbox"], .btn-group-toggle > .btn-group > .btn .form [type="checkbox"].custom-select, .form .btn-group-toggle > .btn-group > .btn [type="checkbox"].custom-select, .btn-group-toggle > .btn-group > .btn .form textarea[type="checkbox"], .form .btn-group-toggle > .btn-group > .btn textarea[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; 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: 0; border-bottom-right-radius: 0; } .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: flex; 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: 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: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text .form select[type="radio"], .form .input-group-text select[type="radio"], .input-group-text .form [type="radio"].custom-select, .form .input-group-text [type="radio"].custom-select, .input-group-text .form textarea[type="radio"], .form .input-group-text textarea[type="radio"], .input-group-text input[type="checkbox"], .input-group-text .form select[type="checkbox"], .form .input-group-text select[type="checkbox"], .input-group-text .form [type="checkbox"].custom-select, .form .input-group-text [type="checkbox"].custom-select, .input-group-text .form textarea[type="checkbox"], .form .input-group-text textarea[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 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: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 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: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .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; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ff3a59; background-color: #ff3a59; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #ffbac4; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #ffedef; border-color: #ffedef; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50% / 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #ff3a59; background-color: #ff3a59; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(255, 58, 89, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(255, 58, 89, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(255, 58, 89, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 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; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(255, 58, 89, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; 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 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #ffbac4; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #ffbac4; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #ff3a59; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #ffedef; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #ff3a59; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #ffedef; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #ff3a59; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #ffedef; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #ff3a59; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #ff3a59; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #ed0025; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #ff3a59; border-color: #ff3a59; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; 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; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #ff3a59; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #ff072e; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 58, 89, 0.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #dae0e5; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #851e2e; background-color: #ffd8de; border-color: #ffc8d1; } .alert-primary hr { border-top-color: #ffafbc; } .alert-primary .alert-link { color: #5b1520; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light hr { border-top-color: #ececf6; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #ff3a59; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #2e384d; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #ff3a59; border-color: #ff3a59; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #851e2e; background-color: #ffc8d1; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #851e2e; background-color: #ffafbc; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #851e2e; border-color: #851e2e; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .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; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .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: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { 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 { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; 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 { flex-direction: column; 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: flex; 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: 0.3rem; 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: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .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: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -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-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -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-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #2e384d; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50% / 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .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: #ff3a59 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #ff072e !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !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-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: #ff3a59 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !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: flex !important; } .d-inline-flex { 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: flex !important; } .d-sm-inline-flex { 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: flex !important; } .d-md-inline-flex { 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: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .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: flex !important; } .d-xl-inline-flex { 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: flex !important; } .d-print-inline-flex { 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 .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .embed-responsive img, .embed-responsive .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .embed-responsive iframe, .embed-responsive .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .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.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { 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: 1200px) { .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: 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: sticky) { .sticky-top { 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 { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { 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: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.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: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.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: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.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: 1200px) { .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: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.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: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.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: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.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: 1200px) { .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: #ff3a59 !important; } a.text-primary:hover, a.text-primary:focus { color: #ed0025 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !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-body { color: #2e384d !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; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img, .post .post_media iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } .header { position: sticky; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; z-index: 10; top: 0; width: 100%; font-weight: 300; background: #fff; border-bottom: none; border-bottom: solid 1px #dee2e6; } .header .top-bar { padding: 0; fill: currentColor; background: var(--brand-color); color: var(--brand-color-inverse); transition: all 300ms linear 0s; -webkit-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s; font-size: 0.775em; } .header .top-bar__inner { display: grid; align-items: center; grid-template-columns: minmax(auto, 30%) 1fr; } .header .top-bar__inner .location { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 6px 0; } .header .top-bar a { color: inherit; padding: 6px 0.8rem; } .header .top-bar .slogan { line-height: 1; color: inherit; padding: 8px 0; } .header .top-bar .short-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header .top-bar .short-links > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .top-bar .short-links > ul > li { display: block; margin: 0; padding: 0; position: relative; } .header .top-bar .short-links > ul > li:after { top: 0; bottom: 0; left: 0; position: absolute; content: ""; background: rgba(255, 255, 255, 0.4); width: 1px; height: 100%; } .header .top-bar .short-links > ul > li:first-child { margin-right: 0; } .header .top-bar .short-links > ul > li:first-child:after { content: normal; } .header .top-bar .short-links > ul > li:last-child a { padding-right: 0; } .header .top-bar .short-links > ul > li > .dropdown > a { color: inherit; display: block; line-height: 1; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .top-bar .short-links > ul > li .icn svg { width: 15px; height: 15px; margin-right: 5px; fill: inherit; } .header .top-bar .short-links .icon--img { width: 16px; height: 16px; border-radius: 50%; margin-right: 5px; } .header .top-bar .logout { font-weight: 600; border-top: solid 1px #dee2e6; } .header .logo-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header .logo { width: 120px; margin: 10px 0; margin-right: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199.98px) { .header .logo { margin: 0 auto; max-width: 100px; } } .header .logo img[data-ratio="16:9"], .header .logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .header .logo iframe[data-ratio="16:9"], .header .logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="16:9"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .header .logo img[data-ratio="16:9"], .header .logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="16:9"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .header .logo img[data-ratio="16:9"] { max-width: 120px; } .header .logo img[data-ratio="1:1"], .header .logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .header .logo iframe[data-ratio="1:1"], .header .logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="1:1"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .header .logo img[data-ratio="1:1"], .header .logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="1:1"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .header .logo img[data-ratio="1:1"] { max-width: 60px; } .header .last-bar { border-top: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .header .last-bar { border: none; } } .dropdown.is-active .dropdown__target { pointer-events: auto; } .cart { position: relative; padding-left: 3.125rem; } @media (max-width: 1199.98px) { .cart { padding: 0; } } .cart > a { padding: 10px 0; margin: 5px 0; display: inline-block; color: inherit; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } @media (max-width: 1199.98px) { .cart > a { padding: 0; margin: 0; } } .cart span.icn { vertical-align: top; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: solid 1px var(--brand-color); margin-right: 10px; } @media (max-width: 1199.98px) { .cart span.icn { margin: 0; width: 40px; height: 40px; border-radius: 0; border: none; border-radius: 3px; } } .cart span.icn svg { width: 28px; height: 28px; fill: var(--brand-color); } @media (max-width: 1199.98px) { .cart span.icn svg { width: 20px; height: 20px; } } .cart .icn-txt { color: inherit; font-size: 0.8em; font-weight: 400; text-transform: uppercase; } @media (max-width: 1199.98px) { .cart .icn-txt { display: none; } } .cart .icn-txt strong { display: block; font-weight: 300; } .cart .cartQuantity { border-radius: 50%; width: 1rem; height: 1rem; display: block; position: absolute; z-index: 0; bottom: 13px; left: 30px; border: solid 1px var(--brand-color); background: var(--brand-color); color: var(--brand-color-inverse); font-size: 0.5rem; text-align: center; line-height: 0.9rem; } .close-layer { z-index: 2; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; -webkit-transition: all 300ms; transition: all 300ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; background: none; } .close-layer:hover { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .close-layer:before, .close-layer:after { position: absolute; left: 15px; content: ' '; height: 18px; width: 2px; background-color: #000; } .close-layer:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-layer:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-layer--white:before, .close-layer--white:after { background-color: #fff; } .close-layer--sm { width: 20px; height: 20px; } .close-layer--sm:before, .close-layer--sm:after { left: 10px; height: 12px; width: 1px; } .navigation-wrapper { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: top; position: relative; } @media (max-width: 1199.98px) { .navigation-wrapper { background: #fff; bottom: 0; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; transform: translateX(-100%); transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; width: 280px; z-index: 110; } .toggled_left .navigation-wrapper { opacity: 1; transform: translateX(0px); } } .navigation-wrapper .more { cursor: pointer; z-index: 1; } @media (max-width: 1199.98px) { .navigation-wrapper .more span { display: block; } .navigation-wrapper .more span:after, .navigation-wrapper .more span:before { content: normal; } } @media (max-width: 1199.98px) { .navigation-wrapper .more i.icn { display: none; } } .navigation-wrapper .more i.icn svg { width: 28px; height: auto; fill: var(--brand-color); } .navigations { width: 100%; margin: 0; display: flex; padding: 0; font-size: 0.85rem; transform: rotate(0deg); } @media (max-width: 1199.98px) { .navigations { margin: 0; width: 100%; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: flex-start !important; -ms-flex-pack: flex-start !important; justify-content: flex-start !important; } } .navigations > li { display: block; font-weight: 600; position: static; margin: 0 2rem; } @media (max-width: 1199.98px) { .navigations > li { display: block; float: none; width: auto; margin: 0; padding: 0; position: relative; border-bottom: solid 1px #dee2e6; } } .navigations > li:first-child { margin-left: 0; padding-left: 0; } .navigations > li:hover > a { color: var(--brand-color); } .navigations > li > a { font-size: inherit; color: inherit; display: block; overflow: hidden; padding: 0; line-height: 3.5; position: relative; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } @media (max-width: 1199.98px) { .navigations > li > a { color: inherit; display: block; padding: 0 1rem; position: relative; overflow: visible; height: auto; } } .navigations > li > a:hover { text-decoration: none; } .navigations > li > a:hover:after { left: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } @media (max-width: 1199.98px) { .navigations > li > a:hover:after { content: normal; } } .navigations > li > a:hover:after { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } @media (max-width: 1199.98px) { .navigations > li > a:hover:after { content: normal; } } .navigations > li.active > a:after { left: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .navigations > li.active > a:before { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .navigations > li.active .subnav__wrapper { opacity: 1; visibility: visible; top: 100%; } .navigations > li:after, .navigations > li:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: 0; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .navigations > li:after { left: 50%; } .navigations > li:before { right: 50%; } .navigations > li .subnav { display: block; } @media (max-width: 1199.98px) { .navigations > li .subnav { display: none; position: relative; width: 100%; } } .navigations .three-pin { float: right; margin-right: 0; } .subnav__wrapper { background: #fff; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); left: 0; margin: 0; opacity: 0; position: absolute; right: 0; visibility: hidden; width: 100%; top: 120%; z-index: 2; padding-bottom: 10px; border-radius: 0px 0 4px 4px; max-height: 308px; overflow-y: auto; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } @media (max-width: 1199.98px) { .subnav__wrapper { border-top: none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; opacity: 1; position: relative; top: 0; visibility: visible; width: 100%; max-height: none; overflow-y: visible; } } .link__mobilenav { bottom: 0; cursor: pointer; display: none; opacity: 1; position: absolute; right: 0; top: 0; visibility: visible; width: 40px; height: 40px; z-index: 1; } @media (max-width: 1199.98px) { .link__mobilenav { display: block; } .link__mobilenav.active ~ .vertical-menu { display: block; } } .link__mobilenav:before { background: #000; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; width: 12px; } .link__mobilenav:after { background: #000; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 12px; } .link__mobilenav.active:after { display: none; } .sublinks { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } @media (max-width: 1199.98px) { .sublinks { flex-direction: column; } } .sublinks .head .level2 { color: #222; text-transform: uppercase; font-weight: 500; } .sublinks .head .level2:hover { color: var(--brand-color); } .sublinks a { color: currentColor; display: inline-block; font-weight: 300; font-size: 0.8rem; } .sublinks > li { margin: 0; padding: 10px 0; vertical-align: top; flex: 0 0 25%; max-width: 25%; } @media (max-width: 1199.98px) { .sublinks > li { flex: 1; max-width: none; } } .sublinks > li ul { margin: 10px 0; } .sublinks > li ul li { padding: 5px 0; } .sublinks > li ul li a { position: relative; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .sublinks > li ul li a:before { visibility: hidden; opacity: 0; position: absolute; left: 10px; top: calc(50% - 3px); content: ""; display: block; margin: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .sublinks > li ul li a:hover { margin-left: 10px; color: var(--brand-color); } .sublinks > li ul li a:hover:before { left: -12px; visibility: visible; opacity: 1; } .sublinks .seemore a { font-weight: 600; } .navs_toggle { cursor: pointer; display: none; height: 40px; line-height: 1; width: 40px; padding: 0; margin-right: 1rem; } @media (max-width: 1199.98px) { .navs_toggle { display: inline-block; } } .navs_toggle span { background: #333; display: block; height: 2px; margin: 20px 0 0; position: relative; width: 100%; } .navs_toggle span:before { background: #333; content: ""; height: 2px; right: 0; position: absolute; top: -10px; width: 75%; } .navs_toggle span:after { background: #333; content: ""; height: 2px; right: 0; position: absolute; bottom: -10px; width: 75%; } .navs_toggle.active:after { position: fixed; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); content: ""; } /* .arrow { display: inline-block; height: 0px; opacity: 0; position: relative; top: -8px; visibility: hidden; width: 100%; z-index: 11; span { &:after { border-bottom: 12px solid #fff; border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; left: 50%; margin: 0 0 0 -14px; position: absolute; top: 1px; } &:before { border-bottom: 12px solid #f67c17; border-left: 12px solid transparent; border-right: 12px solid transparent; content: ""; left: 50%; margin: 0 0 0 -14px; position: absolute; top: 0; } } } */ .footer { color: #2e384d; background: #fff; border-top: 1px solid #ddd; } .footer .container { position: relative; } .footer p { color: #717171; font-size: 0.875em; margin: 0 0 20px; } .footer h5 { color: #2e384d; font-size: 1em; font-weight: 500; padding: 5px 0; font-family: "Poppins", sans-serif; margin-bottom: 20px; } @media (max-width: 767.98px) { .footer h5 { width: 100%; display: inline-block; position: relative; position: relative; margin: 0.5rem 0; cursor: pointer; font-size: 0.95em; text-transform: uppercase; padding: 1rem; border: solid 1px #dee2e6; border-radius: 4px; } .footer h5:before { position: absolute; right: 15px; top: 13px; width: 10px; height: 10px; content: ""; border-left: 2px solid rgba(0, 0, 0, 0.32); border-bottom: 2px solid rgba(0, 0, 0, 0.32); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer h5.is-active:before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } } @media (max-width: 767.98px) { .footer .toggle__target { display: none; } } .footer .nav-vertical li { color: inherit; font-size: 0.875em; font-weight: 300; padding: 5px 0; display: block; } .footer .nav-vertical li a { color: #717171; font-size: inherit; position: relative; -webkit-transition: all ease .3s; transition: all ease .3s; } .footer .nav-vertical li a:hover { color: var(--brand-color); margin-left: 10px; } .footer .nav-vertical li a:hover:before { right: 0; } .footer .nav-vertical li a:before { background: var(--brand-color); color: var(--brand-color-inverse); bottom: 0px; content: ""; height: 1px; left: 0; position: absolute; right: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .footer .payment { text-align: right; } @media (max-width: 1199.98px) { .footer .payment { text-align: center; } } .footer .payment img, .footer .payment .post .post_media iframe, .post .post_media .footer .payment iframe, .footer .payment .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .footer .payment img, .footer .payment .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .footer .payment img { display: inline-block; } .footer .bottom-footer { padding-top: 1rem; } .captcha .wrapper { padding-bottom: 80px; } .upperContent-footer { border-bottom: solid 1px #dee2e6; border-top: solid 1px #dee2e6; } .upperContent-footer ul { display: table; width: 100%; } .upperContent-footer ul li { text-align: center; vertical-align: top; display: table-cell; padding: 25px 15px; -webkit-border-start: solid 1px #dee2e6; -moz-border-start: solid 1px #dee2e6; border-left: solid 1px #dee2e6; } .upperContent-footer ul li:first-child { -webkit-border-start: none; -moz-border-start: none; border-left: none; } .upperContent-footer h3 { font-size: 1em; color: #2e384d; margin: 5px auto; padding: 0; text-transform: uppercase; } .upperContent-footer p { font-size: 0.8em; line-height: 1.5; color: #a4a3a3; max-width: 200px; margin: 0 auto 20px !important; } .upperContent-footer .individualTupple { margin: 0 auto; } .upperContent-footer .individualTupple img, .upperContent-footer .individualTupple .post .post_media iframe, .post .post_media .upperContent-footer .individualTupple iframe, .upperContent-footer .individualTupple .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .upperContent-footer .individualTupple img, .upperContent-footer .individualTupple .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .upperContent-footer .individualTupple img { max-width: 50px; height: auto; margin: 0 auto; display: inline-block; opacity: 0.40; margin-bottom: 10px; } .newsletter h4 { color: #2e384d; font-size: 1em; font-weight: 500; padding: 5px 0; font-family: "Poppins", sans-serif; margin-bottom: 15px; } .newsletter h4 p { margin: 0; color: #4b4a4a; font-weight: 300; font-size: 0.875em; margin-bottom: 10px; } .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-info li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 10px 0; margin-right: 20px; font-size: 0.875em; font-weight: 300; color: #000; align-items: center; } .contact-info li i { margin-right: 8px; } .contact-info li i img, .contact-info li i .post .post_media iframe, .post .post_media .contact-info li i iframe, .contact-info li i .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .contact-info li i img, .contact-info li i .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .contact-info li i img { max-width: 15px; max-height: 15px; } .contact-info li a { color: inherit; } .subscription { padding: 30px 2.5rem; } .sub-form { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .sub-form input[type="text"], .sub-form .form select[type="text"], .form .sub-form select[type="text"], .sub-form .form [type="text"].custom-select, .form .sub-form [type="text"].custom-select, .sub-form .form textarea[type="text"], .form .sub-form textarea[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; height: 2.5rem; width: 100%; line-height: 1.2; font-size: 0.8em; padding: 5px 10px; margin: 0; margin-right: -3px; border: solid 1px #dee2e6; border-radius: 2px 0 2px 2px; color: #2e384d; vertical-align: top; } .sub-form input[type="submit"], .sub-form .form select[type="submit"], .form .sub-form select[type="submit"], .sub-form .form select[type="button"], .form .sub-form select[type="button"], .sub-form .form [type="button"].custom-select, .form .sub-form [type="button"].custom-select, .sub-form .form select[type="reset"], .form .sub-form select[type="reset"], .sub-form .form [type="reset"].custom-select, .form .sub-form [type="reset"].custom-select, .sub-form .form [type="submit"].custom-select, .form .sub-form [type="submit"].custom-select, .sub-form .form button.custom-select, .form .sub-form button.custom-select, .sub-form .form textarea[type="submit"], .form .sub-form textarea[type="submit"], .sub-form .form textarea[type="button"], .form .sub-form textarea[type="button"], .sub-form .form textarea[type="reset"], .form .sub-form textarea[type="reset"], .sub-form .form input[type="button"], .form .sub-form input[type="button"], .sub-form .form input[type="reset"], .form .sub-form input[type="reset"] { font-size: 1em; background: var(--brand-color); color: var(--brand-color-inverse); height: 2.5rem; width: 100%; max-width: 136px; line-height: 1.2; padding: 5px 15px; margin: 0; border: none; vertical-align: top; font-weight: 300; border-radius: 0px 2px 2px 0px; cursor: pointer; } .social { margin: 0; } .social ul { padding: 0; display: flex; } @media (max-width: 991.98px) { .social ul { justify-content: center; } } .social ul li { display: flex; align-items: center; justify-content: center; margin-right: 8px; vertical-align: top; background: #f3f4f5; border-radius: 50%; width: 30px; height: 30px; overflow: hidden; } .social ul li svg path { fill: #b3b3b3; } .social ul li .svg, .social ul li img, .social ul li .post .post_media iframe, .post .post_media .social ul li iframe, .social ul li .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .social ul li img, .social ul li .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .social ul li img { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .social ul li .svg .fa { font-size: 1.4em; } .social ul li .svg svg { width: 20px; height: 20px; max-width: 100%; } .social a { color: var(--brand-color); } .bottom-footer .fixed-container { padding: 0 15%; } .accordion-footer { margin-bottom: 25px; border-bottom: solid 1px #dee2e6; } .accordion_triger { padding: 15px 0; position: relative; color: inherit; font-size: 0.9em; font-weight: 600; text-transform: uppercase; line-height: 1; cursor: pointer; } .accordion_triger span { float: right; font-size: inherit; font-weight: inherit; position: relative; line-height: 1; } .accordion_triger span:after { content: "+"; -webkit-padding-start: 5px; -moz-padding-start: 5px; padding-left: 5px; } .accordion_triger.active span:after { content: "-"; } .accordion_content { display: none; padding: 10px 0; padding-top: 0; } .footerSubCategories li { display: inline-block; font-size: 0.8em; color: inherit; line-height: 1; font-weight: 400; position: relative; } .footerSubCategories li a { font-size: inherit; color: inherit; } .footerSubCategories li:after { content: "|"; -webkit-padding-start: 2px; -moz-padding-start: 2px; padding-left: 2px; } .footerSubCategories li:last-child:after { content: normal; } .footerSubCategories li a:hover { color: var(--brand-color); } .copyright { text-align: center; font-size: 0.875em; padding: 10px 10px; color: #545454; } .store-button a { display: inline-flex; align-items: center; } .store-button .icn { width: 1.2rem; height: auto; display: inline-block; margin-right: 0.5rem; } .main-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 1199.98px) { .main-search { flex: none; } } .main-search .toggle--search { display: none; } @media (max-width: 1199.98px) { .main-search .toggle--search { display: block; padding: 10px; } } .main-search .toggle--search .icn { width: 42px; height: 42px; background-size: 22px; border: none; border-radius: 3px; } .main-search .toggle--search .icn { vertical-align: top; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 20px; height: 20px; } .main-search .toggle--search .icn svg { width: 20px; height: 20px; fill: var(--brand-color); } .main-search .toggle--search .icn-txt { vertical-align: top; font-size: 0.8em; font-weight: 400; } .form--search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 15px auto; max-width: 850px; } .form--search .main-search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex: 1; width: 100%; } .form--search .main-search-form .main-search__field { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form--search .main-search-form .main-search__field .close-layer { top: 2px; display: flex; } .form--search .main-search-form .search--keyword { border: none; border-radius: 0px; padding: 10px; font-size: 0.8em; background: none; color: #000000; border: none; font-weight: 300; height: 36px; flex: 1; width: 100%; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: solid 1px var(--brand-color); } .form--search .main-search-form .scroll-y { max-height: 350px; } @media (max-width: 1199.98px) { .form--search-popup { margin: 0; padding: 13px; position: fixed; left: 0; right: 0; top: 27px; z-index: 10; -webkit-transition: all 400ms ease-in; transition: all 400ms ease-in; background: #fff; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 100%; pointer-events: none; } } @media (max-width: 1199.98px) and (max-width: 1199.98px) { .form--search-popup--on .form--search-popup { opacity: 1; visibility: visible; pointer-events: all; } } @media (max-width: 1199.98px) { .form--search-popup .close-layer { top: 20px; right: 20px; display: none; } .form--search-popup .select__cover { float: none; } .form--search-popup .form__cover { left: 5%; right: 5%; } .form--search-popup .form__cover form { display: block; } .form--search-popup .form__cover form input[type="text"], .form--search-popup .form__cover form .form select[type="text"], .form .form--search-popup .form__cover form select[type="text"], .form--search-popup .form__cover form .form [type="text"].custom-select, .form .form--search-popup .form__cover form [type="text"].custom-select, .form--search-popup .form__cover form .form textarea[type="text"], .form .form--search-popup .form__cover form textarea[type="text"], .form--search-popup .form__cover form select, .form--search-popup .form__cover form .custom-select { display: block; width: 100%; border: none; border-bottom: solid 1px rgba(255, 255, 255, 0.2); } .form--search-popup .form__cover form input[type="text"], .form--search-popup .form__cover form .form select[type="text"], .form .form--search-popup .form__cover form select[type="text"], .form--search-popup .form__cover form .form [type="text"].custom-select, .form .form--search-popup .form__cover form [type="text"].custom-select, .form--search-popup .form__cover form .form textarea[type="text"], .form .form--search-popup .form__cover form textarea[type="text"] { border: none; } .form--search-popup .form__cover form input[type="submit"], .form--search-popup .form__cover form .form select[type="submit"], .form .form--search-popup .form__cover form select[type="submit"], .form--search-popup .form__cover form .form select[type="button"], .form .form--search-popup .form__cover form select[type="button"], .form--search-popup .form__cover form .form [type="button"].custom-select, .form .form--search-popup .form__cover form [type="button"].custom-select, .form--search-popup .form__cover form .form select[type="reset"], .form .form--search-popup .form__cover form select[type="reset"], .form--search-popup .form__cover form .form [type="reset"].custom-select, .form .form--search-popup .form__cover form [type="reset"].custom-select, .form--search-popup .form__cover form .form [type="submit"].custom-select, .form .form--search-popup .form__cover form [type="submit"].custom-select, .form--search-popup .form__cover form .form button.custom-select, .form .form--search-popup .form__cover form button.custom-select, .form--search-popup .form__cover form .form textarea[type="submit"], .form .form--search-popup .form__cover form textarea[type="submit"], .form--search-popup .form__cover form .form textarea[type="button"], .form .form--search-popup .form__cover form textarea[type="button"], .form--search-popup .form__cover form .form textarea[type="reset"], .form .form--search-popup .form__cover form textarea[type="reset"], .form--search-popup .form__cover form .form input[type="button"], .form .form--search-popup .form__cover form input[type="button"], .form--search-popup .form__cover form .form input[type="reset"], .form .form--search-popup .form__cover form input[type="reset"] { position: static; display: block; margin: 0; width: 100%; background-color: #000; } .form--search-popup .dropdown__target { position: absolute; top: 100%; height: auto; -webkit-transform: translate(0, 0) scale(1) !important; transform: translate(0, 0) scale(1) !important; pointer-events: none; left: 0; right: 0; border-radius: 0; } .form--search-popup .link__close { display: block; right: 10px; } } .is--form-visible { left: 0; right: 0; top: 0; bottom: 0; } .select__value { color: #2e384d; display: block; padding-left: 15px; padding-right: 35px; position: relative; line-height: 36px; height: 36px; border-right: solid 1px var(--brand-color); font-size: 0.8em; cursor: pointer; } .select__value:after { border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid var(--brand-color); content: ""; pointer-events: none; position: absolute; right: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .search--btn { min-width: 60px; height: 36px; background-image: url(images/retina/magni-white.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; background-color: var(--brand-color); border: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; cursor: pointer; color: #fff; font-size: 0; font-weight: 300; -webkit-transition: all ease .3s; transition: all ease .3s; } .search-suggestions { font-size: 0.8rem; background-color: #fff; position: absolute; overflow: visible; top: 45px; right: 0; left: 0; bottom: auto; z-index: 10; padding: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; } @media (max-width: 1199.98px) { .search-suggestions { flex-direction: column; } } .search-suggestions .suggestions-title { text-transform: uppercase; color: #8798ad; font-size: 0.8rem; margin: 0; padding: 0; } .search-suggestions .text-suggestions { -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 0.75rem; } .search-suggestions .text-suggestions li { padding-bottom: 8px; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-outs; } .search-suggestions .text-suggestions li a { display: block; position: relative; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .search-suggestions .text-suggestions li a:before { visibility: hidden; opacity: 0; position: absolute; left: 10px; top: calc(50% - 3px); content: ""; display: block; margin: 0; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .search-suggestions .text-suggestions li a:hover { margin-left: 10px; color: var(--brand-color); } .search-suggestions .text-suggestions li a:hover:before { left: -12px; visibility: visible; opacity: 1; } .search-suggestions .history-suggestions { width: 100%; } .search-suggestions .history-suggestions li { display: flex; justify-content: space-between; align-items: center; } .search-suggestions .history-suggestions .clear-all { font-size: inherit; } .search-suggestions .history-suggestions .recent-search { margin: 8px 0; } .search-suggestions .history-suggestions .recent-search:last-child { margin: 0; } .search-suggestions .history-suggestions .recent-search__cross { position: relative; flex: 0 0 20px; max-width: 20px; height: 20px; margin-right: 10px; } .search-suggestions .history-suggestions .recent-search__cross .close-layer { top: 0; left: 0; right: auto; } .search-suggestions .history-suggestions .recent-search__link { flex: 1; } .search-suggestions .history-suggestions .recent-search__arrow { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); cursor: pointer; } .search-suggestions .history-suggestions .recent-search__arrow .svg { width: 16px; height: 16px; fill: currentColor; } .search-suggestions .matched { display: block; } .search-suggestions .matched .matched-brands { margin-bottom: 1rem; } .acc-triger { position: relative; } .acc-triger:before { background: #000; content: ''; height: 2px; position: absolute; right: 0; top: 50%; font-weight: 800; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 10px; } .acc-triger:after { font-weight: 800; background: #000; content: ''; height: 2px; position: absolute; right: 0; top: 50%; width: 10px; } .acc-triger.active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .acc-data { padding: 0; display: none; } .grouplisting { margin: 20px 0 0; } .grouplisting .group { border-radius: 5px; margin: 5px 0 0; } .groups .group__head { width: 100%; position: relative; padding: 1rem; margin: 0.5rem 0; cursor: pointer; border-radius: 4px; border: solid 1px #dee2e6; } .groups .group__head:after { width: 20px; height: 20px; position: absolute; right: 15px; top: 6px; content: "+"; pointer-events: none; font-size: 1.6rem; padding: 0 0 0 1px; } .groups .group__head h5 { padding: 0; font-size: 0.95rem; margin: 0; } .groups .group__body { padding: 1rem; display: none; } .groups.is-active .group__head:after { content: "-"; font-size: 2.2em; top: 0; } .editor-container, .groups .group__body h5 { font-size: 0.95em; } .editor-container, .groups .group__body p { font-size: 0.9rem; line-height: 1.6; color: #666; margin-bottom: 30px; } .categories { position: relative !important; margin-right: 0 !important; } .categories > a.categories-link { min-width: 200px; border-right: solid 1px #dee2e6; display: flex; align-items: center; } .categories > a.categories-link .c-hamburger { margin: 0; margin-right: 10px; } @media (max-width: 1199.98px) { .categories > a.categories-link .c-hamburger { display: none; } } .vertical-menu { position: fixed; width: 100%; visibility: hidden; opacity: 0; top: 120%; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; /* Megadrop width dropdown */ } @media (max-width: 1199.98px) { .vertical-menu { display: none; position: sticky; visibility: visible; opacity: 1; } } .categories.active .vertical-menu { visibility: visible; opacity: 1; top: 100%; } .vertical-menu .menu { padding: 0; margin: 0; background-color: #fff; font-weight: 300; /*border: $border; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);*/ box-shadow: -2px 0px 3px rgba(0, 0, 0, 0.1); } @media (min-width: 1200px) { .vertical-menu .menu { width: 20%; } } .vertical-menu .menu a:hover { text-decoration: none; } .vertical-menu .menu > li { display: block; border-bottom: solid 1px #e4e7ea; } .vertical-menu .menu > li:last-child { border-bottom: 0; } .vertical-menu .menu > li.has-child > a { position: relative; } .vertical-menu .menu > li.has-child > a:after { position: absolute; opacity: 0.5; right: 22px; top: calc(50% - 4px); content: ""; display: block; margin: 0; width: 8px; height: 8px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); } .vertical-menu .menu > li.all-categories a { font-weight: 600; } .vertical-menu .menu > li > a { padding: 0.8rem 1rem; display: block; color: #222; } .vertical-menu .menu > li:hover > a { color: var(--brand-color); } .vertical-menu .menu > li:hover { background-color: #fff; } .vertical-menu .menu > li > .megadrop { opacity: 0; visibility: hidden; position: absolute; list-style: none; top: 0px; right: 0%; width: 80%; min-height: 100%; padding: 0 1rem; z-index: 99; overflow: auto; max-height: 100%; background-color: #fff; box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.1); } @media (max-width: 1199.98px) { .vertical-menu .menu > li > .megadrop { display: none; } } .vertical-menu .menu > li > .megadrop > ul { display: flex; flex-wrap: wrap; } .vertical-menu .menu > li > .megadrop > ul > li { flex: 0 0 25%; padding: 1rem; } .vertical-menu .menu > li:hover .megadrop { opacity: 1; visibility: visible; } .vertical-menu .menu > li > ul li ul, .vertical-menu .menu li > ul li, .vertical-menu .menu > li > .megadrop, .vertical-menu .menu > li > ul, .vertical-menu .menu > li { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-outs; } .vertical-menu .megadrop-col { display: flex; flex-wrap: wrap; font-size: 0.8rem; } .custom-tagify { background-color: #fff; border: 1px solid #dee2e6; height: auto; padding: 0; width: 100%; font-family: inherit; font-size: 0.9em; font-weight: normal; border-radius: 4px; } .custom-tagify input[type="text"], .custom-tagify .form select[type="text"], .form .custom-tagify select[type="text"], .custom-tagify .form [type="text"].custom-select, .form .custom-tagify [type="text"].custom-select, .custom-tagify .form textarea[type="text"], .form .custom-tagify textarea[type="text"] { border: none; } .list-tags { display: flex; flex: auto; flex-wrap: wrap; padding: 0 5px; } .list-tags li { display: inline-block; margin-right: 5px; } .list-tags li span { background-color: #f3f4f5; border: solid 1px #dee2e6; padding: 5px; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; font-size: 0.7rem; line-height: 1.3; margin: 5px 0; } .list-tags li:hover span { border-color: #c1c9d0; } .list-tags li.hover span { border-color: #dc3545; } .list-tags li.hover span i { background-color: #dc3545; color: #fff; } .list-tags li i { cursor: pointer; width: 16px; height: 16px; font-size: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-left: 8px; border-radius: 50%; } .list-tags li i:hover { color: #fff; background-color: #2e384d; } .tagify { font-size: 0.8rem; } .tagify .tagify__tag { margin: 5px; } .list-tag-wrapper { max-height: 133px; overflow-x: auto; } .autocomplete-suggestions.search-dropdown-menu { left: 0; top: 100%; padding: 10px; background: #fff; -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); border-radius: 0 0 4px 4px; width: 100% !important; border-top: 1px solid #ddd; font-size: 0.8em; overflow-y: auto; } .autocomplete-suggestions.search-dropdown-menu li { padding: 5px 0; } .autocomplete-suggestions.search-dropdown-menu li strong { font-weight: 700; } .auto-suggestion { min-width: 220px; z-index: 10; top: 100%; background: #fff; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.1); position: absolute; -webkit-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; transform-origin: top right; /*active*/ -webkit-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .auto-suggestion li { padding: 5px 10px; border-bottom: solid 1px #dee2e6; } .auto-suggestion li a { display: block; } .avtar { height: 60px; position: relative; width: 60px; overflow: hidden; width: 60px; height: 60px; border-radius: 100%; border: solid 1px #dee2e6; position: relative; } .avtar .avtar--rounded { border-radius: 50% !important; } .avtar .avtar--rounded img, .avtar .avtar--rounded .post .post_media iframe, .post .post_media .avtar .avtar--rounded iframe, .avtar .avtar--rounded .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .avtar .avtar--rounded img, .avtar .avtar--rounded .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .avtar .avtar--rounded img { border-radius: 100% !important; } .avtar.avtar--large { width: 130px; height: 130px; } .avtar img, .avtar .post .post_media iframe, .post .post_media .avtar iframe, .avtar .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .avtar img, .avtar .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .avtar img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .avtar--info { padding-top: 5px; } .avtar--info .avtar { float: left; margin: 0 15px 0 0; } .avtar--info h5 { padding: 5px 0 0; } .avtar--rounded { border-radius: 100% !important; } .avtar--rounded img, .avtar--rounded .post .post_media iframe, .post .post_media .avtar--rounded iframe, .avtar--rounded .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .avtar--rounded img, .avtar--rounded .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .avtar--rounded img { border-radius: 100% !important; } .profile-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /*justify-content: center;*/ height: 100%; padding: 1rem; border-right: solid 1px #dee2e6; } @media (max-width: 991.98px) { .profile-avatar { border: none; } } .profile-avatar .profile__dp { overflow: hidden; border-radius: 50%; width: 50px; height: 50px; max-width: 50px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.33); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.33); margin: 1rem auto; } .profile-avatar .profile__bio { text-align: center; } .profile-avatar .title { margin: 0; font-size: 0.875em; color: #2e384d; } .profile-avatar .dated { display: block; font-size: 0.875rem; opacity: 0.6; } .back-to-top a { background-color: #fff; cursor: pointer; width: 44px; height: 50px; padding: 10px 0; position: absolute; z-index: 1; right: 0; text-align: center; text-decoration: none; top: -62px; display: flex; justify-content: center; flex-direction: column; color: #2e384d; font-size: 0.8rem; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1); } @media (max-width: 767.98px) { .back-to-top a { position: static; margin: auto; box-shadow: none; } } .back-to-top a svg { margin: auto; width: 1rem; height: 1rem; } .breadcrumbs { list-style: none; margin: 0; padding: 0; } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs ul li { position: relative; padding: 0; padding-right: 25px; font-size: 0.875rem; vertical-align: top; display: block; font-weight: 400; line-height: 1.5; } .breadcrumbs ul li:before { position: absolute; right: 10px; top: calc(50% - 3px); content: ""; height: 7px; width: 7px; border: solid 1px #556370; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } [dir="rtl"] .breadcrumbs ul li:before { right: 13px; -webkit-transform: rotate(-136deg); transform: rotate(-136deg); } .breadcrumbs ul li:last-child { padding-right: 0; } .breadcrumbs ul li:last-child:before { display: none; } .breadcrumbs ul li a { color: #6d80a7; font-size: inherit; display: block; line-height: inherit; } .breadcrumbs--center ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .breadcrumbs--right { color: #fff; } .breadcrumbs--right ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .breadcrumbs--white { color: #fff; } .breadcrumbs--white ul li:before { border-color: #fff; } .outdated { display: none; } @media all and (-ms-high-contrast: none) { /* IE10 */ *::-ms-backdrop, .outdated { display: block; color: red; } /* IE11 */ } .outdated-inner { height: 100%; width: 100%; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #00caff; z-index: 100000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; text-align: center; } .outdated-inner * { color: #fff; } .outdated-messages { margin: 0 auto; max-width: 900px; } .outdated-messages .heading { font-size: calc(112.5% + 1vw); line-height: 1.3; margin-bottom: 2rem; font-weight: 600; } .outdated-messages .para { font-size: 14px; } .list-browser { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; margin: 2rem auto; } .list-browser .icn { position: relative; width: 100px; height: 100px; margin: 1rem auto; display: block; background: url(images/browsers-bg.png) no-repeat; background-size: auto 200px; } .list-browser a:hover .icn.chrome { background-position: 0 -100px; } .list-browser .icn.firefox { background-position: -100px 0; } .list-browser a:hover .icn.firefox { background-position: -100px -100px; } .list-browser .icn.internetexplorer { background-position: -200px 0; } .list-browser a:hover .icn.internetexplorer { background-position: -200px -100px; } .list-browser .icn.safari { background-position: -300px 0; } .list-browser a:hover .icn.safari { background-position: -300px -99px; } @-webkit-keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg); } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg); } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg); } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes moltinShake { 12.5% { -webkit-transform: translateX(-6px) rotateY(-5deg); transform: translateX(-6px) rotateY(-5deg); } 37.5% { -webkit-transform: translateX(5px) rotateY(4deg); transform: translateX(5px) rotateY(4deg); } 62.5% { -webkit-transform: translateX(-3px) rotateY(-2deg); transform: translateX(-3px) rotateY(-2deg); } 87.5% { -webkit-transform: translateX(2px) rotateY(1deg); transform: translateX(2px) rotateY(1deg); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .invalid { -webkit-animation: moltinShake .4s ease-in-out .1s normal forwards 1 running; animation: moltinShake 0.4s ease-in-out 0.1s normal forwards 1 running; } .btn.btn-brand { background-color: var(--brand-color); color: var(--brand-color-inverse); } .btn.btn-outline-brand { border-color: var(--brand-color); color: var(--brand-color-inverse); } .btn.btn--white { background: #fff; color: #000; } .btn.btn-outline-brand { background: none; border-color: var(--brand-color); color: var(--brand-color); } .btn.btn-outline-secondary { background: none; border-color: var(--secondary-color); color: var(--secondary-color); } .btn.btn-outline-white { background: none; border-color: #fff; color: #fff; } .btn.btn-outline-gray { background: none; border-color: #dee2e6; color: #2e384d; } .btn.btn-block { display: block; width: 100%; } .btn.btn-wide { padding-left: 2rem; padding-right: 2rem; } .btn.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn.btn-arrow svg { width: 12px; height: 12px; margin-top: -4px; margin-right: 5px; fill: currentColor; } .btn.btn-link { text-decoration: none; color: #2e384d; padding: 0; } .btn.btn-link .arrow { display: inline-block; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .btn.btn-link .arrow .svg { width: 12px; height: 12px; margin-right: 5px; fill: currentcolor; } .btn.btn-link:hover .arrow { -webkit-transform: translateX(0.25rem); transform: translateX(0.25rem); } .btn:focus { outline: none !important; } .btn .icn svg { width: 16px; height: 16px; fill: currentColor; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } button:focus, .btn:focus { outline: none; box-shadow: none !important; } a.link { color: var(--brand-color); position: relative; font-size: 0.875rem; white-space: nowrap; } a.link:after { content: ""; position: absolute; height: 1px; bottom: -2px; left: 0; right: 0; background: var(--brand-color); color: var(--brand-color-inverse); -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out; } a.link:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom right; transform-origin: bottom right; } a.link-arrow { color: var(--brand-color); position: relative; font-size: 0.875rem; white-space: nowrap; color: var(--brand-color); display: block; -webkit-transform: translateX(26px); transform: translateX(26px); transition: -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } a.link-arrow:hover { -webkit-transform: translateX(0); transform: translateX(0); } a.link-arrow:hover svg { opacity: 1; right: 0; } a.link-arrow svg { fill: currentColor; position: relative; display: inline-block; height: 14px; width: 14px; vertical-align: -2px; margin-left: 8px; right: -5px; opacity: 0; transition: all 0.35s cubic-bezier(0.645, 0.045, 0.355, 1); } .link-text { display: inline-flex; align-items: center; font-size: 0.9rem; color: var(--primary-color); } .link-text .icn { width: 12px; height: 12px; display: block; margin-right: 8px; } .link-text .icn svg { width: 100%; height: 100%; display: flex; fill: currentColor; } .side-cart { position: fixed; max-width: 450px; width: 100%; height: 100%; right: 0; top: 0; background: #fff; color: #2e384d; z-index: 10; overflow: hidden; display: flex; flex-direction: column; transform: translateX(100%); transition: all 0.5s ease; } .side-cart--on .side-cart { transform: translateX(0%); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); } @media (max-width: 767.98px) { .side-cart--on .side-cart { width: 100%; } } .side-cart .cartdetail__body { padding-top: 50px; height: 100%; width: 100%; background: #fff; flex: 1; border-bottom: solid 1px #dee2e6; overflow-y: auto; } .cart-footer { position: -webkit-sticky; position: sticky !important; top: 185px; } .cartdetail__footer .buttons-group { flex: 1; } .side-cart--on .cart > a:after { content: ""; position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1; } .catalog-bg { /* background-image: url(./images/catalog-bg.png);*/ background-color: #fff; background-repeat: no-repeat; background-position: 130% top; } .delivery-term-data-inner { margin: 20px; color: #4c4c4c; max-width: 500px; } .delivery-term-data-inner .heading { font-size: calc(112.5% + 1vw); font-weight: 600; text-transform: uppercase; position: relative; line-height: 1.2; margin-bottom: 40px; color: inherit; } .delivery-term-data-inner .heading:after { background: var(--secondary-color); color: var(--secondary-color-inverse); width: 60px; height: 3px; position: absolute; bottom: -10px; content: ""; display: block; } .delivery-term-data-inner .heading span { display: block; font-size: 0.8rem; text-transform: none; } .delivery-term-data-inner ul li { position: relative; margin: 10px 0; padding: 0 15px; display: block; font-size: 0.9rem; } .delivery-term-data-inner ul li:before { width: 5px; height: 5px; content: ""; display: block; position: absolute; left: 0; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #4c4c4c; } .delivery-term-data-inner ul ul { margin-left: 15px; margin-bottom: 20px; } @-webkit-keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 40px; width: 40px; margin-left: -18px; margin-top: -18px; opacity: 0; } } @keyframes click-wave { 0% { height: 20px; width: 20px; opacity: 0.35; position: relative; } 100% { height: 40px; width: 40px; margin-left: -18px; margin-top: -18px; opacity: 0; } } .checkbox, .radio { margin: 0; font-size: 0.875rem; line-height: 1rem; cursor: pointer; } .checkbox.brand, .radio.brand { display: flex; } .checkbox input, .checkbox .form input[type="text"], .form .checkbox input[type="text"], .checkbox .form input[type="email"], .form .checkbox input[type="email"], .checkbox .form input[type="phone"], .form .checkbox input[type="phone"], .checkbox .form input[type="search"], .form .checkbox input[type="search"], .checkbox .form input[type="password"], .form .checkbox input[type="password"], .checkbox .form input[type="date"], .form .checkbox input[type="date"], .checkbox .form input[type="url"], .form .checkbox input[type="url"], .checkbox .form input[type="tel"], .form .checkbox input[type="tel"], .checkbox .form input[type="number"], .form .checkbox input[type="number"], .checkbox .form input[type="file"], .form .checkbox input[type="file"], .checkbox .form select, .form .checkbox select, .checkbox .form .custom-select, .form .checkbox .custom-select, .checkbox .form textarea, .form .checkbox textarea, .radio input, .radio .form input[type="text"], .form .radio input[type="text"], .radio .form input[type="email"], .form .radio input[type="email"], .radio .form input[type="phone"], .form .radio input[type="phone"], .radio .form input[type="search"], .form .radio input[type="search"], .radio .form input[type="password"], .form .radio input[type="password"], .radio .form input[type="date"], .form .radio input[type="date"], .radio .form input[type="url"], .form .radio input[type="url"], .radio .form input[type="tel"], .form .radio input[type="tel"], .radio .form input[type="number"], .form .radio input[type="number"], .radio .form input[type="file"], .form .radio input[type="file"], .radio .form select, .form .radio select, .radio .form .custom-select, .form .radio .custom-select, .radio .form textarea, .form .radio textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: -1px; right: 0; bottom: 0; left: 0; height: 1rem !important; width: 1rem !important; flex: 0 0 1rem; max-width: 1rem; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; border: solid 1px #dee2e6; background: #fff; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; padding: 0 !important; outline: none; position: relative; z-index: 1; border-radius: 2px; vertical-align: middle; } .checkbox input:checked, .checkbox .form select:checked, .form .checkbox select:checked, .checkbox .form .custom-select:checked, .form .checkbox .custom-select:checked, .checkbox .form textarea:checked, .form .checkbox textarea:checked, .radio input:checked, .radio .form select:checked, .form .radio select:checked, .radio .form .custom-select:checked, .form .radio .custom-select:checked, .radio .form textarea:checked, .form .radio textarea:checked { background: var(--brand-color); color: var(--brand-color-inverse); } .checkbox input:checked::before, .checkbox .form select:checked::before, .form .checkbox select:checked::before, .checkbox .form .custom-select:checked::before, .form .checkbox .custom-select:checked::before, .checkbox .form textarea:checked::before, .form .checkbox textarea:checked::before, .radio input:checked::before, .radio .form select:checked::before, .form .radio select:checked::before, .radio .form .custom-select:checked::before, .form .radio .custom-select:checked::before, .radio .form textarea:checked::before, .form .radio textarea:checked::before { height: 9px; width: 6px; position: absolute; content: ''; display: inline-block; font-size: 1rem; text-align: center; line-height: 1rem; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 50%; margin: -6px 0 0 -3px; } .checkbox input:checked::after, .checkbox .form select:checked::after, .form .checkbox select:checked::after, .checkbox .form .custom-select:checked::after, .form .checkbox .custom-select:checked::after, .checkbox .form textarea:checked::after, .form .checkbox textarea:checked::after, .radio input:checked::after, .radio .form select:checked::after, .form .radio select:checked::after, .radio .form .custom-select:checked::after, .form .radio .custom-select:checked::after, .radio .form textarea:checked::after, .form .radio textarea:checked::after { -webkit-animation: click-wave 0.65s; animation: click-wave 0.65s; background: var(--brand-color); color: var(--brand-color-inverse); content: ''; display: block; position: relative; z-index: 100; } .checkbox input:checked, .checkbox .form select:checked, .form .checkbox select:checked, .checkbox .form .custom-select:checked, .form .checkbox .custom-select:checked, .checkbox .form textarea:checked, .form .checkbox textarea:checked, .radio input:checked, .radio .form select:checked, .form .radio select:checked, .radio .form .custom-select:checked, .form .radio .custom-select:checked, .radio .form textarea:checked, .form .radio textarea:checked { border-color: var(--brand-color); } .radio input, .radio .form input[type="text"], .form .radio input[type="text"], .radio .form input[type="email"], .form .radio input[type="email"], .radio .form input[type="phone"], .form .radio input[type="phone"], .radio .form input[type="search"], .form .radio input[type="search"], .radio .form input[type="password"], .form .radio input[type="password"], .radio .form input[type="date"], .form .radio input[type="date"], .radio .form input[type="url"], .form .radio input[type="url"], .radio .form input[type="tel"], .form .radio input[type="tel"], .radio .form input[type="number"], .form .radio input[type="number"], .radio .form input[type="file"], .form .radio input[type="file"], .radio .form select, .form .radio select, .radio .form .custom-select, .form .radio .custom-select, .radio .form textarea, .form .radio textarea { border-radius: 50% !important; } .radio input::after, .radio .form input[type="text"]::after, .form .radio input[type="text"]::after, .radio .form input[type="email"]::after, .form .radio input[type="email"]::after, .radio .form input[type="phone"]::after, .form .radio input[type="phone"]::after, .radio .form input[type="search"]::after, .form .radio input[type="search"]::after, .radio .form input[type="password"]::after, .form .radio input[type="password"]::after, .radio .form input[type="date"]::after, .form .radio input[type="date"]::after, .radio .form input[type="url"]::after, .form .radio input[type="url"]::after, .radio .form input[type="tel"]::after, .form .radio input[type="tel"]::after, .radio .form input[type="number"]::after, .form .radio input[type="number"]::after, .radio .form input[type="file"]::after, .form .radio input[type="file"]::after, .radio .form select::after, .form .radio select::after, .radio .form .custom-select::after, .form .radio .custom-select::after, .radio .form textarea::after, .form .radio textarea::after { border-radius: 50%; } /*toggles*/ .switch-links { text-align: center; margin: 0px auto; display: block; position: relative; max-width: 250px; } .switch-links a { padding-top: 3px; display: inline-block; vertical-align: top; position: relative; color: #acb7ce; font-size: 0.8em; } .switch-links a:first-child { float: left; margin-right: 10px; } .switch-links a:last-child { margin-left: 10px; float: right; } .switch-button { position: relative; width: 70px; display: inline-block; vertical-align: top; margin: 0 auto; } .switch-button:before { content: ""; position: absolute; background: #e6e6e6; border-radius: 30px; width: 70px; height: 25px; top: 0; margin: 0 auto; left: 0; right: 0; } .switch-button:after { background: var(--brand-color); color: var(--brand-color-inverse); width: 18px; height: 18px; display: block; border-radius: 50%; content: ""; position: absolute; left: 4px; top: 3px; -webkit-transition: all ease .3s; transition: all ease .3s; } .switch-button.is--active:after { left: auto; right: 4px; -webkit-transition: all ease .3s; transition: all ease .3s; } .switch-links a.is--active { color: var(--brand-color); } .section { padding: 3.75rem 0; } @media (max-width: 767.98px) { .section { padding: 2.5rem 0; } } .section--pagebar { background: #f3f4f5; margin: 0 0 0; padding: 30px 0 !important; } .section--pagebar h1 { margin: 0; } .section--pagebar .cell__right p { opacity: 0.9; font-size: 1em; } .section--sorting { padding-bottom: 10px; } .section--info .section__body { padding: 0; } .section--info .section__body .box { padding: 30px; } .section--info .section__body .link--normal { text-decoration: underline; font-weight: normal; } .section__head { position: relative; } .section__body { padding: 20px 0 0; } .section__head .btn--positioned { position: absolute; top: 0; right: 0; } .section__head h2, .section__head p { margin: 0; } .section--bg { background-repeat: no-repeat; background-position: center top; padding: 80px 0; color: #fff; margin-bottom: 2.5rem; } .section--bg h2, .section--bg p { color: inherit; } .section--bg-even { background-repeat: no-repeat; background-size: cover; color: #000; padding: 60px 0 80px; margin: 2.5rem 0; } .section--bg-even h2 { color: inherit; padding-bottom: 20px; } .section-head { width: 100%; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .section-head.section--head--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .section-head .section__heading { color: #2e384d; display: inline-block; font-family: "Poppins", sans-serif; font-weight: 300; } .section-head .section__heading h1, .section-head .section__heading h2, .section-head .section__heading h3, .section-head .section__heading h4 { font-weight: inherit; } .section-head .section__heading h1, .section-head .section__heading h2 { font-size: 2rem; } .section-head .section__heading h1 > span, .section-head .section__heading h2 > span { display: block; font-size: 0.875rem; text-align: center; } .section-head .section__heading h1 .search-results, .section-head .section__heading h2 .search-results { font-size: 2rem; display: inline-block; } .section-head .section__heading p { font-size: 1rem; font-weight: 300; } .section-head .section__action { margin-left: 1rem; margin-top: -12px; } .section-head.section--white--head .section__heading, .section-head.section--white--head a, .section-head.section--white--head p { color: inherit; } .section-head.section--white--head .link:after { background: #fff; } .section-foot { margin-top: 1.5rem; } .cms h1 { font-weight: 400; } .cms h2 { font-weight: 400; } .cms h3 { font-size: 1.5rem; color: #000; font-weight: 400; } .cms h4 { font-size: 1.25rem; font-weight: 400; } .cms h5 { font-size: 1rem; font-weight: 400; } .cms h6 { font-size: 0.875rem; font-weight: 400; } .cms p { font-weight: 400; font-size: 0.875rem; line-height: 1.8; margin-bottom: 1rem; word-break: break-word; } .cms.space { padding: 50px 0; } .cms ul { margin: 10px 0; color: #2e384d; } .cms ul li { position: relative; padding: 5px 0; margin: 0 15px; color: inherit; list-style: disc; display: list-item; } .cms ul li ul li { font-size: 0.875rem; } .cms ol { list-style: decimal; } .cms ol li { position: relative; padding: 0 0 15px 0; color: #666; margin: 0; font-size: 1.1em; } .cms ol a { color: inherit; } .cms table th { font-weight: 600; } .cms table th, .cms table td { padding: 10px; font-size: 0.875rem; vertical-align: top; } .list-vertical { margin: 0; padding: 0; } .list-vertical li { padding: 5px 0; display: block; position: relative; border: none !important; } .list-vertical li > label { display: block; } .list-vertical li .divider { margin: 0; } .list-vertical li span { color: #2e384d; } .list-vertical li.logout a { color: #000; font-weight: 600; } .list-vertical li:last-child { border-bottom: none; } .list-vertical li.is-active a { color: #555555; font-weight: 700; } .list-vertical li .parents--link { position: relative; display: block; cursor: pointer; } .list-vertical li .parents--link:after { position: absolute; content: "+"; font-weight: 600; font-size: 1.25em; color: #888; right: 10px; top: -4px; } .list-vertical li.seprator { border-top: solid 1px #dee2e6; padding-top: 10px; margin-top: 10px; } .list-vertical .remove_buyTogether { margin-right: 10px; cursor: pointer; } .list-vertical .remove_buyTogether:hover { color: var(--brand-color); } .list-vertical a { color: #2e384d; display: block; overflow: hidden; position: relative; font-size: 0.9em; font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; padding: 5px 0; } .list-vertical img, .list-vertical .post .post_media iframe, .post .post_media .list-vertical iframe, .list-vertical .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .list-vertical img, .list-vertical .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .list-vertical img { display: inline-block; vertical-align: middle; margin-right: 5px; } .list-vertical .childs { display: none; } .list-vertical .childs.opened { display: block; } .list-vertical .childs li { font-size: 0.95em; margin: 4px 0; -webkit-padding-start: 0; -moz-padding-start: 0; padding-left: 0; } .listing--check li { color: #666; overflow: hidden; padding: 0; position: relative; text-overflow: ellipsis; white-space: nowrap; margin: 0.5rem 0; } .listing--check li a { color: #666; font-size: 14px; padding: 0; -webkit-padding-start: 30px; -moz-padding-start: 30px; padding-left: 30px; position: relative; min-height: 22px; display: block; } .listing--check li a:before { height: 20px; width: 20px; border: solid 1px #dee2e6; position: absolute; left: 0; top: 0; content: ""; border-radius: 2px; } .listing--check li.is-active a:before { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); } .listing--check li.is-active a:after { height: 12px; width: 7px; position: absolute; content: ''; display: inline-block; font-size: 16px; text-align: center; line-height: 16px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 6px; top: 2px; } .listing--bullet li { position: relative; line-height: 30px; padding: 0 0 8px 18px; font-size: 0.875em; color: #2e384d; } .listing--bullet li:before { position: absolute; left: 0; top: 11px; width: 8px; height: 8px; content: ""; display: inline-block; background-color: #888; } .new__txt { position: relative; background-color: #fff; margin-left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new__txt:after, .new__txt:before { content: ""; top: 0; bottom: 0; left: 0; right: 0; position: absolute; } .new__txt:before { background: -webkit-gradient(linear, left top, right top, from(#6d47d9), to(#f73859)); background: linear-gradient(90deg, #6d47d9, #f73859); border-radius: 4px; z-index: 1; } .new__txt:after { background: inherit; margin: 2px; border-radius: 4px; z-index: 2; } .new__txt__inner { letter-spacing: 1px; position: relative; padding: 4px 4px; text-transform: uppercase; font-size: 0.65em; font-weight: 600; line-height: 1; z-index: 3; color: #000; background: -webkit-linear-gradient(left, #6d47d9, #f73859); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .promotion-area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; } @media (max-width: 991.98px) { .promotion-area ul { justify-content: flex-start; } } .listing--icons li { padding: 10px 1rem; display: flex; } .listing--icons li .fa { font-size: 2.5em; opacity: 0.60; margin: 0 20px 0 0; width: 2.5rem; } .listing--icons li p { font-size: 0.875rem; } .listing--icons li p strong { display: block; opacity: 1; font-weight: 500; } .links--inline { color: #2e384d; display: flex; justify-content: center; width: 100%; } .links--inline li { font-size: 0.875rem; padding-bottom: 5px; padding-right: 1rem; } .links--inline li a { color: inherit; } .links--inline li a:hover { color: inherit; text-decoration: underline; } .links--inline li .fa { margin: 0 5px 0 0; } .heading1 { color: #2e384d; font-size: 2em; } .heading2 { color: #2e384d; font-size: 1.8em; } .heading3 { color: #2e384d; font-size: 1.3em; } .heading4 { font-size: 1.2em; } .heading4 span { color: var(--brand-color); } span.subheading { color: #555555; display: block; font-weight: 300; font-size: 1.2rem; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--brand-color); cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-left: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-radius: 4px; } .flat-ui { text-align: center; margin: 120px auto; } .flat-ui img, .flat-ui .post .post_media iframe, .post .post_media .flat-ui iframe, .flat-ui .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .flat-ui img, .flat-ui .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .flat-ui img { display: inline-block; margin-bottom: 25px; } .flat-ui h1 { font-size: 4em; font-weight: 600; color: #000; line-height: 1; } .flat-ui h1 span { line-height: 1; display: block; font-size: 1rem; } .block--empty { padding: 2rem 20px; margin: auto; } .block--empty .block__img { display: block; margin: 20px auto 30px !important; /* opacity: 0.4;*/ } .block--empty .error__img { width: 449px; display: block; margin: 20px auto 0; } .block--empty h3 { font-size: 1.2rem; } .block--empty h6 { font-size: 0.9rem; font-weight: 400; color: #8798ad; } .no-product { text-align: center; } .no-product ul { justify-content: center; } .dropdown-item.active, .dropdown-item:active { background-color: var(--brand-color); color: var(--brand-color-inverse); } .dropdown__target { border-radius: 4px; z-index: 10; left: 0; top: 110%; background: #fff; -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; transform-origin: center; } .dropdown__target:before { content: ""; display: block; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: -6px; left: 20px; } .dropdown__target__right { left: auto; right: 0; } .dropdown__target__right:before { left: auto; right: 20px; } .dropdown.is-active .dropdown__target { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .dropdown__target-space { padding: 15px 25px; min-width: 200px; } .dropdown__target-head { padding: 15px; background: var(--brand-color); color: var(--brand-color-inverse); } .dropdown__target-head p { margin: 6px 0 0; color: #fff; font-size: 0.9em; } .dropdown__target-head p a { color: #fff; text-decoration: underline; } .dropdown__target-head .link { border: 1px solid #fff; color: #fff; display: inline-block; margin: 5px 0; padding: 2px 20px 4px; } .dropdown__target .iconavtar { border: 2px solid #fff; display: block; position: relative; margin: 0 auto 5px; width: 60px; height: 60px; border-radius: 100%; background: #fff; padding: 2px; } .dropdown__target .iconavtar .icon, .dropdown__target .iconavtar img, .dropdown__target .iconavtar .post .post_media iframe, .post .post_media .dropdown__target .iconavtar iframe, .dropdown__target .iconavtar .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .dropdown__target .iconavtar img, .dropdown__target .iconavtar .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .dropdown__target .iconavtar img { position: absolute; left: 50%; top: 50%; border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: var(--brand-color); font-size: 2.5em; line-height: 1; } .dropdown__target .scroll-y { max-height: 350px; } .dropdown.is-active .dropdown__target .list-vertical li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /**/ .dropdown-menu { border: 0 !important; margin: 0; border-radius: 0; min-width: 14rem; padding: 0; -webkit-box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15); padding: 1rem 0; border-radius: 4px; left: 0; text-align: left; } .dropdown-menu-anim { -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; } .dropdown-menu-right { right: 0; left: auto; } @-webkit-keyframes dropdown-menu-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes dropdown-menu-fade-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes dropdown-menu-move-down { from { margin-top: -10px; } to { margin-top: 0; } } @keyframes dropdown-menu-move-down { from { margin-top: -10px; } to { margin-top: 0; } } @-webkit-keyframes dropdown-menu-move-up { from { margin-top: 10px; } to { margin-top: 0; } } @keyframes dropdown-menu-move-up { from { margin-top: 10px; } to { margin-top: 0; } } .dropdown-toggle[data-toggle=collapse]:after { -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-toggle[data-toggle=collapse][aria-expanded=true]:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .nav-block { display: flex; flex-direction: column; padding: 1rem 0; } .nav-block .expand-heading { font-size: 0.8rem; text-transform: uppercase; } .nav-block .nav__item { display: block; border: none; } .nav-block .nav__item.is-active { color: var(--brand-color); } .nav-block .nav__item .nav__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .55rem 1.75rem; cursor: pointer; -webkit-transition: all .3s; transition: all 0.3s; font-size: 0.85rem; } .box--scroller { overflow-y: auto; max-height: 250px; } .featured { display: grid; grid-gap: 1rem; grid-template-columns: repeat(4, 1fr); } @media (max-width: 767.98px) { .featured { grid-template-columns: repeat(2, 1fr); } } .featured .featured-item { text-align: center; background: #f3f4f5; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-direction: column; border-radius: 4px; position: relative; overflow: hidden; border: solid 1px transparent; height: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; border: solid 1px transparent; padding: 2rem 0; } .featured .featured-item:hover { background: none; border-color: var(--brand-color); } .featured .featured-item__body { flex: 1; } .featured .featured-item__foot { text-align: center; } .featured .featured-item__foot .products__rating { justify-content: center; } .featured .featured-item .featured_logo { background: #fff; border-radius: 50%; overflow: hidden; width: 142px; height: 142px; margin: 0 auto; margin-bottom: 1rem; position: relative; border: solid 1px #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; } @media (max-width: 767.98px) { .featured .featured-item .featured_logo { width: 100px; height: 100px; } } .featured .featured-item .featured_detail { position: relative; z-index: 1; min-height: 60px; } .featured .featured-item .featured_detail .featured_name a { font-size: 1em; color: #2e384d; } .featured .featured-item .featured_location { font-size: 0.875rem; color: #acb7ce; } .fetured-slider .fetured-item { display: table; table-layout: fixed; } .featured-product, .featured-desc { vertical-align: top; display: table-cell; } .fetured-slider .products-head { margin-bottom: 15px; } .fetured-slider .products .products-head-title { white-space: normal; } .featured-product { width: 450px; padding: 10px; } .fetured-slider .fetured-item { border-right: solid 1px #dee2e6; padding: 0 20px; } .fetured-slider .fetured-item:last-child { border-right: none; } .fetured-slider button.slick-prev.slick-arrow { opacity: 0; visibility: hidden; display: none; } .fetured-slider .slick-next { position: absolute; top: 50%; left: 74%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-indent: -9999px; background-color: #ededed; border: none; border-radius: 50%; height: 78px; position: absolute; text-indent: -999999px; width: 78px; z-index: 1; } .fetured-slider .slick-next:after { border-bottom: 3px solid #000000; -webkit-border-end: 3px solid #000000; -moz-border-end: 3px solid #000000; border-right: 3px solid #000000; content: ""; height: 15px; left: 50%; margin-left: -9px; margin-top: -7px; position: absolute; top: 50%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 15px; } .fetured-slider .slick-next:hover { background: var(--brand-color); color: var(--brand-color-inverse); } .fetured-slider .slick-next:hover:after { border-bottom-color: #fff; border-right-color: #fff; } .fetured-slider button.slick-prev { display: none !important; } .fetured-slider .featured-desc { vertical-align: middle; } .more-slider { background: #fff; position: relative; } .more-slider .more_slider_item { padding: 30px 30px; margin: 15px; } .more-slider .more_slider_item:hover { -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2); } .form .field-set { margin-bottom: 1rem; } .form .form__cover { padding: 1rem; background: #f5f5f5; border-radius: 4px; } .form label, .form .field_label { font-size: 0.8rem; color: #8798ad; margin: 0; margin-bottom: 5px; min-height: 15px; /*for alignment issue where no content in form lebal - form button and input alignment */ display: inline-block; min-height: none; cursor: default; /*opacity: 0.6;*/ } .form label:empty, .form .field_label:empty { min-height: 15px; } .form input, .form input[type="text"], .form input[type="email"], .form input[type="phone"], .form input[type="search"], .form input[type="password"], .form input[type="date"], .form input[type="url"], .form input[type="tel"], .form input[type="number"], .form input[type="file"], .form select, .form .custom-select, .form textarea { padding: 0 1rem; border: solid 1px #dee2e6; background-color: #fff; color: #2e384d; height: 2.5rem; width: 100%; font-size: 0.85rem; line-height: 2.0714285714rem; border-radius: 3px; outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form input[type="file"], .form select[type="file"], .form [type="file"].custom-select, .form textarea[type="file"] { width: auto; overflow: hidden; } .form input[type="file"], .form select[type="file"], .form [type="file"].custom-select, .form textarea[type="file"] { height: auto; } .form input:focus, .form select:focus, .form .custom-select:focus, .form textarea:focus { border-color: var(--brand-color); outline: none !important; box-shadow: 0 0 0 1px var(--brand-color); } .form input:disabled, .form select:disabled, .form .custom-select:disabled, .form textarea:disabled { color: rgba(0, 0, 0, 0.38); background-color: rgba(0, 0, 0, 0.12); -webkit-box-shadow: none; box-shadow: none; cursor: initial; } .form input.is-invalid, .form select.is-invalid, .form .is-invalid.custom-select, .form textarea.is-invalid { border-color: #dc3545; } .form input.field--calender, .form select.field--calender, .form .field--calender.custom-select, .form textarea.field--calender { padding-right: 40px; background-image: url(images/retina/calendar.svg); background-size: 20px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 11px) center; } [dir="rtl"] .form input.field--calender, [dir="rtl"] .form select.field--calender, [dir="rtl"] .form .field--calender.custom-select, [dir="rtl"] .form textarea.field--calender { background-position: calc(0% - -11px) center; } .form select, .form .custom-select { padding-right: 35px; background-image: url(images/retina/down-arrow.svg); background-size: 10px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 11px) center; } [dir="rtl"] .form select, [dir="rtl"] .form .custom-select { background-position: calc(0% - -11px) center; } .form textarea { resize: vertical; resize: vertical; height: 120px; line-height: 1.5; padding-top: 10px; } .form textarea.txtarea-height { height: 85px; } .form [type="submit"], .form [type="button"], .form [type="reset"], .form input button, .form input[type="text"] button, .form input[type="email"] button, .form input[type="phone"] button, .form input[type="search"] button, .form input[type="password"] button, .form input[type="date"] button, .form input[type="url"] button, .form input[type="tel"] button, .form input[type="number"] button, .form input[type="file"] button, .form select button, .form .custom-select button, .form textarea button, .form button { position: relative; display: inline-block; margin: 0 0px; min-width: 64px; height: 2.5rem; text-align: center; font-size: 0.9rem; line-height: normal; overflow: hidden; outline: none; cursor: pointer; border-color: transparent; width: auto; } .form [type="submit"]:hover, .form [type="button"]:hover, .form [type="reset"]:hover, .form button:hover, .form [type="submit"]:focus, .form [type="button"]:focus, .form [type="reset"]:focus, .form button:focus { box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.05), 0px 4px 5px 0px rgba(0, 0, 0, 0.05), 0px 1px 10px 0px rgba(0, 0, 0, 0.05); } .form [type="submit"]:active, .form [type="button"]:active, .form [type="reset"]:active, .form button:active { box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04), 0px 4px 5px 0px rgba(0, 0, 0, 0.04), 0px 1px 10px 0px rgba(0, 0, 0, 0.04); } .form button:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; pointer-events: none; } .form button i:before { opacity: 1 !important; } .form button:focus > :before { opacity: 0.2; } .form button:active > :before { opacity: 0.32; } .form button:disabled :before { /*opacity: 0;*/ } .form button:after { pointer-events: none; content: ""; position: absolute; left: 50%; top: 18px; border-radius: 50%; padding: 50%; width: 32px; height: 32px; background-color: currentColor; opacity: 0; -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); -webkit-transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, -webkit-transform 0.5s; transition: opacity 1s, transform 0.5s; transition: opacity 1s, transform 0.5s, -webkit-transform 0.5s; } .form button:focus :after { opacity: 0.2; } .form button:active :after { opacity: 0.4; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 0s; transition: -webkit-transform 0s; transition: transform 0s; transition: transform 0s, -webkit-transform 0s; } .form button:disabled :after { opacity: 0; } .form .btn-brand { background-color: var(--brand-color); color: var(--brand-color-inverse); } .form .btn-outline-brand { border-color: var(--brand-color); } .form .no--focus:focus { outline: none !important; border-color: inherit !important; } .form .text--small { display: block; } .custom-select { -moz-appearance: none; -webkit-appearance: none; appearance: none; padding-right: 35px; background-image: url(images/retina/down-arrow.svg); background-size: 10px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 11px) center; } [dir="rtl"] .custom-select { background-position: calc(0% - -11px) center; } .custom-select-sm { font-size: 0.8rem; } .note-messages { font-size: 13px; color: #cea14b; padding: 5px 0; display: inline-block; font-style: italic; } .thanks-msg { display: block; font-style: italic; margin: 10px auto; text-align: center; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input, .btn--fileupload .form input[type="text"], .form .btn--fileupload input[type="text"], .btn--fileupload .form input[type="email"], .form .btn--fileupload input[type="email"], .btn--fileupload .form input[type="phone"], .form .btn--fileupload input[type="phone"], .btn--fileupload .form input[type="search"], .form .btn--fileupload input[type="search"], .btn--fileupload .form input[type="password"], .form .btn--fileupload input[type="password"], .btn--fileupload .form input[type="date"], .form .btn--fileupload input[type="date"], .btn--fileupload .form input[type="url"], .form .btn--fileupload input[type="url"], .btn--fileupload .form input[type="tel"], .form .btn--fileupload input[type="tel"], .btn--fileupload .form input[type="number"], .form .btn--fileupload input[type="number"], .btn--fileupload .form input[type="file"], .form .btn--fileupload input[type="file"], .btn--fileupload .form select, .form .btn--fileupload select, .btn--fileupload .form .custom-select, .form .btn--fileupload .custom-select, .btn--fileupload .form textarea, .form .btn--fileupload textarea { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .uploadedphoto { margin: 25px 0; display: block; } .uploadedphoto img, .uploadedphoto .post .post_media iframe, .post .post_media .uploadedphoto iframe, .uploadedphoto .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .uploadedphoto img, .uploadedphoto .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .uploadedphoto img { display: inline-block; vertical-align: top; margin-right: 10px; max-width: 150px; } form.custom-form { display: table; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } form.custom-form input[type="text"], form.custom-form .form select[type="text"], .form form.custom-form select[type="text"], form.custom-form .form [type="text"].custom-select, .form form.custom-form [type="text"].custom-select, form.custom-form .form textarea[type="text"], .form form.custom-form textarea[type="text"] { width: auto; margin: 0; margin-right: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } form.custom-form input[type="submit"], form.custom-form .form select[type="submit"], .form form.custom-form select[type="submit"], form.custom-form .form select[type="button"], .form form.custom-form select[type="button"], form.custom-form .form [type="button"].custom-select, .form form.custom-form [type="button"].custom-select, form.custom-form .form select[type="reset"], .form form.custom-form select[type="reset"], form.custom-form .form [type="reset"].custom-select, .form form.custom-form [type="reset"].custom-select, form.custom-form .form [type="submit"].custom-select, .form form.custom-form [type="submit"].custom-select, form.custom-form .form button.custom-select, .form form.custom-form button.custom-select, form.custom-form .form textarea[type="submit"], .form form.custom-form textarea[type="submit"], form.custom-form .form textarea[type="button"], .form form.custom-form textarea[type="button"], form.custom-form .form textarea[type="reset"], .form form.custom-form textarea[type="reset"], form.custom-form .form input[type="button"], .form form.custom-form input[type="button"], form.custom-form .form input[type="reset"], .form form.custom-form input[type="reset"] { margin: 0; } .form-otp .otp-row { display: flex; align-items: center; } .form-otp .otp-col { display: flex; align-items: center; flex: 1; } .form-otp .otp-col input, .form-otp .otp-col .form select, .form .form-otp .otp-col select, .form-otp .otp-col .form .custom-select, .form .form-otp .otp-col .custom-select, .form-otp .otp-col .form textarea, .form .form-otp .otp-col textarea { text-align: center; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group input, .input-group .form input[type="text"], .form .input-group input[type="text"], .input-group .form input[type="email"], .form .input-group input[type="email"], .input-group .form input[type="phone"], .form .input-group input[type="phone"], .input-group .form input[type="search"], .form .input-group input[type="search"], .input-group .form input[type="password"], .form .input-group input[type="password"], .input-group .form input[type="date"], .form .input-group input[type="date"], .input-group .form input[type="url"], .form .input-group input[type="url"], .input-group .form input[type="tel"], .form .input-group input[type="tel"], .input-group .form input[type="number"], .form .input-group input[type="number"], .input-group .form input[type="file"], .form .input-group input[type="file"], .input-group .form select, .form .input-group select, .input-group .form .custom-select, .form .input-group .custom-select, .input-group .form textarea, .form .input-group textarea { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group input:not(:first-child), .input-group .form select:not(:first-child), .form .input-group select:not(:first-child), .input-group .form .custom-select:not(:first-child), .form .input-group .custom-select:not(:first-child), .input-group .form textarea:not(:first-child), .form .input-group textarea:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group input:not(:last-child), .input-group .form select:not(:last-child), .form .input-group select:not(:last-child), .input-group .form .custom-select:not(:last-child), .form .input-group .custom-select:not(:last-child), .input-group .form textarea:not(:last-child), .form .input-group textarea:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .icon-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .icon-group .btn { margin-left: 5px; } .form-text { font-size: 0.7rem; } .form-floating__group { position: relative; } .form-floating__label { position: absolute; left: 1rem; top: 0; line-height: 50px; margin: 0; color: #8798ad; font-size: 0.85rem; transform: scale(1); transform-origin: left top; transition: transform 0.2s ease-in-out; pointer-events: none; } .form-floating__field { padding-top: 16px !important; width: 100%; height: 50px !important; line-height: normal; -webkit-appearance: none; resize: none; transition: all .35s ease-in-out; } .form-floating__field:focus { outline-color: var(--brand-color); border-color: var(--brand-color); } .form-floating__field:focus + .form-floating__label { transform: translateY(-6px) scale(0.8); } .form-floating__field.filled + .form-floating__label { opacity: 0.7; transform: translateY(-6px) scale(0.8); } .ftshops { color: #fff; } .ftshops a { color: inherit; } .ftshops .ftshops_item { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767.98px) { .ftshops .ftshops_item { flex-direction: column; } } .ftshops .shop-detail-side { text-align: center; background: #373737; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 350px; border-radius: 4px; position: relative; overflow: hidden; } @media (max-width: 1199.98px) { .ftshops .shop-detail-side { max-width: 260px; } } @media (max-width: 767.98px) { .ftshops .shop-detail-side { max-width: 100%; margin-bottom: 1rem; } } .ftshops .shop-detail-side:after { -webkit-box-sizing: content-box; box-sizing: content-box; width: 0; height: 12.5rem; border: 180px solid var(--secondary-color); border-top: 0 solid; border-bottom: 35px solid rgba(0, 0, 0, 0); color: black; text-overflow: clip; position: absolute; top: 0; content: ""; } .ftshops .shop-detail-side .products__rating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ftshops .shop-detail-side .shop-detail-inner { position: relative; z-index: 1; } .ftshops .product-wrapper { margin-left: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 4px; } @media (max-width: 991.98px) { .ftshops .product-wrapper { overflow-x: auto; } .ftshops .product-wrapper > .row { flex-wrap: nowrap; } .ftshops .product-wrapper > .row > .col { -ms-flex: 0 0 280px; -webkit-box-flex: 0; flex: 0 0 280px; max-width: 280px; } } .ftshops .product-wrapper .products { height: 100%; } .ftshops .ftshops_item_head { border-bottom: solid 1px #dee2e6; } .ftshops .ftshops_logo { background: #fff; border-radius: 50%; overflow: hidden; width: 142px; height: 142px; margin: 20px auto; position: relative; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 1rem; } .ftshops .ftshops_detail { font-size: 1em; } .ftshops .ftshops_item_head_right { margin: 15px auto; text-align: center; color: #fff; } .ftshops .ftshops_name { font-size: 1.15em; font-weight: 600; } .ftshops .ftshops_location { color: #acb7ce; font-size: 0.9em; } .ftshops .ftshops_body { background: #fff; } .ftshops .ftshops_body .products { float: left; width: 50%; padding: 20px; border-right: solid 1px #dee2e6; } .ftshops .ftshops_body .products:last-child { border-right: none; } .ftshops.ftshops-rtl .shop-detail-side { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .ftshops.ftshops-rtl .shop-detail-side:after { border-left-color: var(--brand-color); border-right-color: var(--brand-color); } @media (max-width: 767.98px) { .ftshops.ftshops-rtl .shop-detail-side { order: inherit; } } .ftshops.ftshops-rtl .product-wrapper { margin-left: 0; margin-right: 1rem; } .ft-pro-wrapper { display: grid; grid-gap: 1px; grid-template-columns: repeat(5, 1fr); /*border: $border;*/ border-radius: 4px; background-color: #dee2e6; color: #fff; min-height: auto; } @media (max-width: 767.98px) { .ft-pro-wrapper { -ms-grid-columns: 50% 1px 50%; grid-template-columns: 50% 50%; grid-gap: 1px; border: none; background-color: none; } } .ft-pro-wrapper .products { height: 100%; border-radius: 0; border: none; } .ft-pro-wrapper .products .content-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; z-index: 1; pointer-events: none; } .ft-pro-wrapper .products:hover .content-overlay { opacity: 1; } .ft-pro-wrapper .products:hover .content-details { top: 50%; left: 50%; opacity: 1; } .ft-pro-wrapper .ft-pro { position: relative; background-color: #fff; } .ft-pro-wrapper .ft-pro .tag--soldout { top: auto; bottom: 20px; } .ft-pro-wrapper .ft-pro.ft-pro-1 { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } @media (max-width: 767.98px) { .ft-pro-wrapper .ft-pro.ft-pro-1 { -ms-grid-column-span: 3; grid-column-end: 3; -ms-grid-row-span: 2; grid-row-end: 2; } } .ft-pro-wrapper .ft-pro.ft-pro-1 .products { padding: 0; } .ft-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(335px, 1fr)); } @media (max-width: 767.98px) { .ft-products { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } } .ft-products .products--layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .ft-products .products--layout .products__body { position: relative; width: 150px; } .ft-products .products--layout .products__img { margin: 0; } .ft-products .products--layout .products__footer { padding: 20px; width: calc(100% - 150px); text-align: left; } .ft-products .products--layout .products__footer .products__title { -webkit-padding-start: 0; -moz-padding-start: 0; padding-left: 0; } .content-details { color: #fff; position: absolute; z-index: 1; text-align: center; -webkit-padding-start: 1em; -moz-padding-start: 1em; padding-left: 1em; -webkit-padding-end: 1em; -moz-padding-end: 1em; padding-right: 1em; width: 100%; top: 80%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .orders-graph .ct-series-a .ct-area, .orders-graph .ct-series-a .ct-slice-pie { fill: #0392ec; } .orders-graph .ct-series-a .ct-bar, .orders-graph .ct-series-a .ct-line, .orders-graph .ct-series-a .ct-point, .orders-graph .ct-series-a .ct-slice-donut { stroke: #0392ec; } .orders-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .orders-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: #0392ec; } .orders-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: #0392ec; } .orders-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: #0392ec; } .orders-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: #0392ec; } .messages-graph .ct-series-a .ct-area, .messages-graph .ct-series-a .ct-slice-pie { fill: #ff6666; } .messages-graph .ct-series-a .ct-bar, .messages-graph .ct-series-a .ct-line, .messages-graph .ct-series-a .ct-point, .messages-graph .ct-series-a .ct-slice-donut { stroke: #ff6666; } .messages-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .messages-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: #ff6666; } .messages-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: #ff6666; } .messages-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: #ff6666; } .messages-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: #ff6666; } .c-hamburger { position: relative; top: 0; left: 0; display: block; margin-left: 10px; width: 20px; height: 20px; } .c-hamburger.is-active .c-hamburger__line--top { transform: translateY(0px) rotate(45deg); } .c-hamburger.is-active .c-hamburger__line--middle { transform: translateX(6.3333333333px); opacity: 0; } .c-hamburger.is-active .c-hamburger__line--bottom { transform: translateY(0px) rotate(-45deg); } .c-hamburger__line { position: absolute; display: block; width: 19px; height: 2px; top: 9px; left: 0; right: 0; margin: auto; background-color: currentColor; transition: .2s ease-out; border-radius: 2px; } .c-hamburger__line--top { transform: translateY(-6px); } .c-hamburger__line--bottom { transform: translateY(6px); } .favourite-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @-webkit-keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; -webkit-margin-start: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; -webkit-margin-start: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; -webkit-margin-start: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; -webkit-margin-start: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; -webkit-margin-start: -5em; margin-left: -5em; } } @keyframes heart { 0%, 18.51852% { height: 0; width: 0; top: 50%; margin-top: 0; margin-left: 0; } 44.44444% { height: 12.5em; width: 12.5em; top: 54%; margin-top: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } 81.48148% { height: 10.25em; width: 10.25em; top: 54%; margin-top: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; margin-left: -5em; } } @-webkit-keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; -webkit-margin-start: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; -webkit-margin-start: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; -webkit-margin-start: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; -webkit-margin-start: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; -webkit-margin-start: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; -webkit-margin-start: -8.5em; margin-left: -8.5em; } } @keyframes ring { 0% { height: 0; width: 0; border-width: 0; margin-top: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; margin-left: -1em; border-color: #E2264D; } 7.40741% { height: 0; width: 0; border-width: 7em; margin-top: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; margin-left: -8em; } 14.81481% { height: 0; width: 0; border-width: 8.5em; margin-top: -8.5em; margin-left: -8.5em; } 18.51852% { width: 12em; height: 12em; border-width: 2.5em; border-color: #CC8EF5; } 22.22222% { width: 16em; height: 16em; border-width: 0.5em; } 25.92593%, 100% { width: 17em; height: 17em; border-width: 0; margin-top: -8.5em; margin-left: -8.5em; } } @-webkit-keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } @keyframes circles { 0%, 18.51852% { -webkit-box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; box-shadow: -5.3033em -5.3033em 0 -0.83333em #8ce8c3, -5.74533em -4.82091em 0 -0.83333em #8be7c2, 0.83973em -7.45284em 0 -0.83333em #90d2fa, 0.18698em -7.49767em 0 -0.83333em #91d1f9, 6.35043em -3.99024em 0 -0.83333em #cc8ef5, 5.97849em -4.52853em 0 -0.83333em #cb8df4, 7.07912em 2.47709em 0 -0.83333em #8ce8c3, 7.26808em 1.85068em 0 -0.83333em #8ce8c3, 2.47709em 7.07912em 0 -0.83333em #f58ea7, 3.08465em 6.83629em 0 -0.83333em #f48da6, -3.99024em 6.35043em 0 -0.83333em #91d2fa, -3.42158em 6.67404em 0 -0.83333em #91d2fa, -7.45284em 0.83973em 0 -0.83333em #92d3fc, -7.35129em 1.4861em 0 -0.83333em #cb8df4; } 22.22222% { -webkit-box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; box-shadow: -5.65685em -5.65685em 0 -0.33333em #8ce8c3, -6.51138em -5.46369em 0 -0.33333em #8be7c2, 0.89572em -7.9497em 0 -0.33333em #90d2fa, 0.21191em -8.49736em 0 -0.33333em #91d1f9, 6.77379em -4.25626em 0 -0.33333em #cc8ef5, 6.77563em -5.13234em 0 -0.33333em #cb8df4, 7.55107em 2.64223em 0 -0.33333em #8ce8c3, 8.23716em 2.09744em 0 -0.33333em #8ce8c3, 2.64223em 7.55107em 0 -0.33333em #f58ea7, 3.49594em 7.7478em 0 -0.33333em #f48da6, -4.25626em 6.77379em 0 -0.33333em #91d2fa, -3.87779em 7.56391em 0 -0.33333em #91d2fa, -7.9497em 0.89572em 0 -0.33333em #92d3fc, -8.33147em 1.68424em 0 -0.33333em #cb8df4; } 51.85185% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; box-shadow: -8.48528em -8.48528em 0 -0.16667em #9b88cb, -8.38671em -5.44639em 0 -0.58333em #ac77d9, 1.34357em -11.92455em 0 -0.16667em #97e3d5, -0.97087em -9.95276em 0 -0.58333em #b0dfe0, 10.16069em -6.38438em 0 -0.16667em #d1dbaa, 7.17606em -6.9645em 0 -0.58333em #d8ce9f, 11.3266em 3.96335em 0 -0.16667em #66cc9e, 9.91926em 1.26817em 0 -0.58333em #70d4a8, 3.96335em 11.3266em 0 -0.16667em #d5a5bf, 5.19306em 8.54588em 0 -0.58333em #ad9be0, -6.38438em 10.16069em 0 -0.16667em #bc7be1, -3.44362em 9.38837em 0 -0.58333em #a38cdb, -11.92455em 1.34357em 0 -0.16667em #b77bdc, -9.48718em 3.16122em 0 -0.58333em #9fcbcc; } 81.48148%, 100% { -webkit-box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; box-shadow: -8.48528em -8.48528em 0 -0.83333em #a068ce, -8.38671em -5.44639em 0 -0.83333em #b752e1, 1.34357em -11.92455em 0 -0.83333em #99e9c8, -0.97087em -9.95276em 0 -0.83333em #bae3d7, 10.16069em -6.38438em 0 -0.83333em #d3f491, 7.17606em -6.9645em 0 -0.83333em #dce483, 11.3266em 3.96335em 0 -0.83333em #59c392, 9.91926em 1.26817em 0 -0.83333em #67cd9f, 3.96335em 11.3266em 0 -0.83333em #caadc7, 5.19306em 8.54588em 0 -0.83333em #959ff3, -6.38438em 10.16069em 0 -0.83333em #ca5ed8, -3.44362em 9.38837em 0 -0.83333em #a975d1, -11.92455em 1.34357em 0 -0.83333em #c35dd1, -9.48718em 3.16122em 0 -0.83333em #90e0be; } } .heart-wrapper { font-size: 3px; } .heart-wrapper .ring { display: block; position: absolute; border-width: 0; border-style: solid; top: 50%; left: 50%; border-radius: 50%; z-index: 1; } .heart-wrapper .circles { display: block; position: absolute; height: 1.66667em; width: 1.66667em; top: 50%; left: 50%; margin-top: -0.83333em; margin-left: -0.83333em; z-index: 2; border-radius: 50%; } .heart-wrapper.is-active .ring { -webkit-animation-name: ring; animation-name: ring; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .heart-wrapper.is-active .circles { -webkit-animation-name: circles; animation-name: circles; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .favourite { position: absolute; right: 15px; top: 15px; z-index: 8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .favourite a { width: 24px; height: 24px; display: block; border: solid 1px transparent; border-radius: 50%; background: #c1c0c0 url(images/retina/heart.svg) no-repeat center; background-size: 12px; } .favourite.is-active a, .favourite a:hover { /*  border-color: $brand-color;*/ background: #fff url(images/retina/heart-filled.svg) no-repeat center; background-size: 12px; border-color: var(--brand-color); } /* Ion.RangeSlider // css version 2.0.3 // ┬⌐ 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 0px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // ┬⌐ Denis Ineshin, 2014    https://github.com/IonDen // ┬⌐ guybowden, 2014        https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 55px; margin: -30px 0 0; } .irs-with-grid { height: 75px; } .irs-line { height: 6px; top: 35px; background: #e1e1e1; /* background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);  W3C */ /*   border: 1px solid #CCC;*/ border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 6px; top: 35px; background: var(--brand-color); color: var(--brand-color-inverse); /*  background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);  W3C */ } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8)); background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 30px; width: 18px; height: 18px; /* border: 1px solid #AAA;*/ background: #DDD; /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);  W3C */ border-radius: 27px; -moz-border-radius: 27px; /*  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/ cursor: pointer; } /* .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } */ .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 12px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #0064ca; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .xdsoft_datetimepicker { -webkit-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker iframe, .xdsoft_datetimepicker .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .xdsoft_datetimepicker img, .xdsoft_datetimepicker .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .xdsoft_datetimepicker iframe, .xdsoft_datetimepicker .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; } .xdsoft_datetimepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { background: #F5F5F5; border-top: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33AAFF; -webkit-box-shadow: #178FE5 0 1px 3px 0 inset; box-shadow: #178FE5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 100px; text-align: right; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 48px; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #F1F1F1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #33AAFF; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #33AAFF; -webkit-box-shadow: #178FE5 0 1px 3px 0 inset; box-shadow: #178FE5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: #ff8000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display: inline-block; margin: 0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content: ':'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content: '.'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before { display: none; } .label, .product-line-info .value { color: #fff; font-size: 0.75rem; font-weight: 400; padding: 4px 8px; text-align: center; white-space: nowrap; display: inline-block; border-radius: 4px; } .label.label-default, .product-line-info .label-default.value { background: #fff; border: solid 1px #dee2e6; } .label.label-primary, .product-line-info .label-primary.value { background: var(--brand-color); color: var(--brand-color-inverse); } .label.label-secondary, .product-line-info .label-secondary.value { background: var(--secondary-color); color: var(--secondary-color-inverse); } .label.label-success, .product-line-info .label-success.value { background: #e9fcfa; color: #1dc9b7; } .label.label-info, .product-line-info .label-info.value { background: #dee5fb; color: #5578eb; } .label.label-danger, .product-line-info .label-danger.value { background: #ffd0e0; color: #fd397a; } .label.label-warning, .product-line-info .label-warning.value { background: #fff1d5; color: #ffb822; } .loader-positon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-yk { display: block; width: 30px; height: 30px; position: relative; /*border: 3px solid $brand-color; animation: loader 2s infinite ease;*/ margin: 15px auto; text-align: center; background: url(images/retina/oval.svg) no-repeat center; background-size: 20px; } .loader-yk-inner { /*vertical-align: top; display: inline-block; width: 100%; background-color: $brand-color; animation: loader-inner 2s infinite ease-in;*/ } @-webkit-keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes loader-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } .loader-wrapper { position: relative; } .loader-wrapper .circle { width: 10px; height: 10px; border-radius: 14px; border: 2px solid var(--brand-color); margin: 10px; -webkit-animation: rotate 2s infinite linear; animation: rotate 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; } .loader-wrapper .circle:nth-of-type(2) { -webkit-animation: rotate2 2s infinite linear; animation: rotate2 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .loader-wrapper .circle:nth-of-type(3) { -webkit-animation: rotate3 2s infinite linear; animation: rotate3 2s infinite linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes rotate3 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 50% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 75% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 85% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .svg-loader { width: 20px; height: auto; margin: 5px auto; } #loadMoreBtnDiv { text-align: center; } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #3498db; -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ z-index: 1001; } #loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #e74c3c; -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } #loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #f9c922; -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */ animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */ } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */ } 100% { -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */ } } #loader-wrapper .loader-section { position: fixed; top: 0; width: 51%; height: 100%; background: #fff; z-index: 1000; -webkit-transform: translateX(0); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateX(0); /* Firefox 16+, IE 10+, Opera */ } #loader-wrapper .loader-section.section-left { left: 0; } #loader-wrapper .loader-section.section-right { right: 0; } /* Loaded */ .loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .loaded #loader { opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */ /* IE 9 */ transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 0s ease-out; transition: all 0.3s 0s ease-out; } /* JavaScript Turned Off */ .no-js #loader-wrapper { display: none; } .no-js h1 { color: #222222; } .yokart-loader { margin: 0 auto; position: relative; z-index: 1001; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .yokart-loader img, .yokart-loader .post .post_media iframe, .post .post_media .yokart-loader iframe, .yokart-loader .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .yokart-loader img, .yokart-loader .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .yokart-loader img { max-width: 80px; } .pong-loader { position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; height: 2.5rem; width: 6px; background-color: transparent; -webkit-animation: paddles 0.75s ease-out infinite; animation: paddles 0.75s ease-out infinite; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1001; } .pong-loader:before { content: ""; position: absolute; margin: 0 auto; left: 0; right: 0; top: 15px; width: 10px; height: 10px; background-color: #fff; border-radius: 50%; -webkit-animation: ballbounce 0.6s ease-out infinite; animation: ballbounce 0.6s ease-out infinite; } @-webkit-keyframes paddles { 0% { -webkit-box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; } 50% { -webkit-box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff; box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff; } 100% { -webkit-box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; } } @keyframes paddles { 0% { -webkit-box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; } 50% { -webkit-box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff; box-shadow: -25px 8px 0px #fff, 25px -10px 0px #fff; } 100% { -webkit-box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; box-shadow: -25px -10px 0px #fff, 25px 10px 0px #fff; } } @-webkit-keyframes ballbounce { 0% { -webkit-transform: translateX(-20px) scale(1, 1.2); transform: translateX(-20px) scale(1, 1.2); } 25% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 50% { -webkit-transform: translateX(15px) scale(1, 1.2); transform: translateX(15px) scale(1, 1.2); } 75% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes ballbounce { 0% { -webkit-transform: translateX(-20px) scale(1, 1.2); transform: translateX(-20px) scale(1, 1.2); } 25% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 50% { -webkit-transform: translateX(15px) scale(1, 1.2); transform: translateX(15px) scale(1, 1.2); } 75% { -webkit-transform: scale(1.2, 1); transform: scale(1.2, 1); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe, .mfp-iframe-scaler .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .mfp-iframe-scaler img, .mfp-iframe-scaler .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .mfp-iframe-scaler iframe, .mfp-iframe-scaler .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img, .post .post_media iframe.mfp-img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper img.mfp-img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img, .mfp-img-mobile .post .post_media iframe.mfp-img, .post .post_media .mfp-img-mobile iframe.mfp-img, .mfp-img-mobile .post .post_media .posted-content .posted-media .post__pic .media-wrapper img.mfp-img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .mfp-img-mobile img.mfp-img, .mfp-img-mobile .posted-content .posted-media .post__pic .media-wrapper .post .post_media img.mfp-img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .media > li { width: 100%; display: inline-block; position: relative; padding: 15px 0; border-top: solid 1px #dee2e6; } .media > li:first-child { border-top: none; } .media > li .avtar { width: 50px; height: 50px; } .media > li .grid { display: inline-block; vertical-align: top; padding: 0 20px 0 0; } .media > li .grid--second { padding-top: 10px; width: 20%; } .media > li .grid--third { width: 64%; padding-top: 4px; } .media > li .grid--fourth { -webkit-padding-end: 0; -moz-padding-end: 0; padding-right: 0; float: right; } .media > li.is-read .media__title { font-weight: normal; color: #666; } .media > li.is-read .media__description { color: #666; } .media > li a { color: inherit; } .media__date { display: block; text-transform: uppercase; font-size: 0.9em; line-height: 1; } .media__title { font-weight: 700; display: block; margin: 2px 0 5px 0; } .media .media__description { opacity: 0.6; } .media--small .media__description { font-size: 0.9em; line-height: 1.3; } .media--small > li { -webkit-padding-start: 65px; -moz-padding-start: 65px; padding-left: 65px; /* &:first-child{padding-top: 0;}*/ } .media--small > li .grid { padding: 0; } .media--small > li .grid--first { position: absolute; left: 0; } .media--small > li .grid--second { padding-top: 0; width: auto; } .media--small > li .grid--third { width: auto; display: block; } .media--details > li:first-child { border-top: solid 1px #dee2e6; } .media--details > li:last-child { padding-bottom: 0; } .media--details > li .grid--first { padding: 5px 20px 0 0; } .media--details > li .grid--third { width: 100%; padding: 0 0 0 74px; } .inline-images { display: flex; flex-wrap: wrap; } .inline-images li { padding: 1rem; border: solid 1px #dee2e6; border-radius: 4px; position: relative; font-size: 0.8rem; position: relative; color: #2e384d; margin-right: 0.5rem; margin-bottom: 10px; } .inline-images li:last-child { margin-right: 0; } .inline-images li img, .inline-images li .post .post_media iframe, .post .post_media .inline-images li iframe, .inline-images li .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .inline-images li img, .inline-images li .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .inline-images li img { display: block; margin: auto; } .inline-images li .deleteLink { position: absolute; z-index: 1; top: 10px; right: 10px; color: inherit; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } .inline-images li .deleteLink:hover { background: #2e384d; color: #fff; } .inline-images li p { margin: 0; } .message { text-align: center; max-width: 600px; margin: 0 auto; } .message h6 { font-weight: normal; padding: 0 0 20px 0; } .message .fa { font-size: 6em; color: #24b26b; margin: 0 0 10px 0; -webkit-animation: fall-in 1s; animation: fall-in 1s; } @-webkit-keyframes fall-in { 0% { -webkit-transform: scale(3, 3); transform: scale(3, 3); opacity: 0; } 50% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 60% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .message a { text-decoration: underline; } /*! Modaal - accessible modals - v0.3.1 by Humaan, for all humans. http://humaan.com */ .modaal-noscroll { overflow: hidden; } .modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; } .modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-overflow-scrolling: touch; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .modaal-wrapper * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; } .modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; } .modaal-wrapper.modaal-start_none { display: none; opacity: 1; } .modaal-wrapper.modaal-start_fade { opacity: 0; } .modaal-wrapper *[tabindex="0"] { outline: none !important; } .modaal-wrapper.modaal-fullscreen { overflow: hidden; } .modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; } .modaal-fullscreen .modaal-outer-wrapper { display: block; } .modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; } .modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; } .modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 900px; border-radius: 0px; background: #fff; -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; } .modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; } .modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; } .modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: transparent; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; } .modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #000; } .modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-close:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-close:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; } .modaal-content-container { padding: 0px; } .modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; } .modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; } .modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; } .modaal-confirm-btn.modaal-cancel { text-decoration: underline; } .modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; } @keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } .modaal-instagram .modaal-container { width: auto; background: transparent; -webkit-box-shadow: none !important; box-shadow: none !important; } .modaal-instagram .modaal-content-container { padding: 0; background: transparent; } .modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; } .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards; } .modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; } .modaal-image .modaal-container { width: auto; max-width: 100%; } .modaal-gallery-wrap { position: relative; color: #fff; } .modaal-gallery-item { display: none; } .modaal-gallery-item img, .modaal-gallery-item .post .post_media iframe, .post .post_media .modaal-gallery-item iframe, .modaal-gallery-item .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-gallery-item img, .modaal-gallery-item .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-gallery-item img { display: block; } .modaal-gallery-item.is_active { display: block; } .modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; } .modaal-gallery-label:focus { outline: none; } .modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .modaal-gallery-control.is_hidden { opacity: 0; cursor: default; } .modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; } .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; } .modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modaal-gallery-next { left: 100%; margin-left: 40px; } .modaal-gallery-prev { right: 100%; margin-right: 40px; } .modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; } .modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modaal-video-wrap { margin: auto 50px; position: relative; } .modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; } .modaal-video-container iframe, .modaal-video-container .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-video-container img, .modaal-video-container .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-video-container iframe, .modaal-video-container .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modaal-iframe .modaal-content { width: 100%; height: 100%; } .modaal-iframe-elem { width: 100%; height: 100%; display: block; } @media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } } @media only screen and (max-width: 1140px) { .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; } .modaal-gallery-control { top: auto; bottom: 20px; -webkit-transform: none; transform: none; background: rgba(0, 0, 0, 0.7); } .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; } .modaal-gallery-next { left: auto; right: 20px; } .modaal-gallery-prev { left: 20px; right: auto; } } @media screen and (max-width: 900px) { .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { width: 500px !important; } } @media screen and (max-height: 1100px) { .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { width: 700px !important; } } @media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; } .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { width: 600px !important; } } @media screen and (max-height: 900px) { .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { width: 500px !important; } .modaal-video-container { max-width: 900px; max-height: 510px; } } @media only screen and (max-width: 600px) { .modaal-instagram iframe, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram img, .modaal-instagram .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .modaal-instagram iframe, .modaal-instagram .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .modaal-instagram iframe { width: 280px !important; } } @media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } } .modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); transform: scale(0.25); } @-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes modaal-loading-spinner { 0% { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -webkit-transform: scale(1); transform: scale(1); } } .modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; } .modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; } .modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(1) { -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s; } .modaal-loading-spinner > div:nth-of-type(2) { -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s; } .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(3) { -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s; } .modaal-loading-spinner > div:nth-of-type(4) { -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s; } .modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(5) { -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s; } .modaal-loading-spinner > div:nth-of-type(6) { -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s; } .modaal-loading-spinner > div:nth-of-type(7) { -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s; } .modaal-loading-spinner > div:nth-of-type(8) { -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); } /* Main ul container */ .ml-container { margin: 0px; } /* List */ .ml-ul { overflow: auto; list-style-type: none; padding: 0; margin: 15px 0px; max-height: 340px; } .ml-ul label { width: 100%; font-size: 13px; font-family: sans-serif; cursor: pointer; /* Non selectable */ -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+ */ /* Rules below not implemented in browsers yet */ -o-user-select: none; user-select: none; } /* List input item */ /* .ml-input-container .ml-input-filter { width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; border-radius: $radius4; } */ /* List item */ .ml-li { /* border-bottom: 1px solid #D0DBE0; */ padding: 0px 0px 6px 0px; margin-right: 10px; } .ml-li input, .ml-li .form input[type="text"], .form .ml-li input[type="text"], .ml-li .form input[type="email"], .form .ml-li input[type="email"], .ml-li .form input[type="phone"], .form .ml-li input[type="phone"], .ml-li .form input[type="search"], .form .ml-li input[type="search"], .ml-li .form input[type="password"], .form .ml-li input[type="password"], .ml-li .form input[type="date"], .form .ml-li input[type="date"], .ml-li .form input[type="url"], .form .ml-li input[type="url"], .ml-li .form input[type="tel"], .form .ml-li input[type="tel"], .ml-li .form input[type="number"], .form .ml-li input[type="number"], .ml-li .form input[type="file"], .form .ml-li input[type="file"], .ml-li .form select, .form .ml-li select, .ml-li .form .custom-select, .form .ml-li .custom-select, .ml-li .form textarea, .form .ml-li textarea { /* margin-right: 10px; */ } .ml-disabled-element-li { background-color: #E4E8EA; } .ml-disabled-element-li label { padding-left: 23px; } .ml-hide { display: none !important; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; border-radius: 4px; overflow: hidden; margin: 1rem 0; } .pagination.pagination--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .pagination.pagination--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pagination li a { width: 40px; line-height: 38px; text-align: center; height: 38px; display: block; font-size: 0.8rem; color: #2e384d; border: none; border: solid 1px #dee2e6; border-radius: 4px; position: relative; overflow: hidden; margin: 0 3px; } .pagination li a:hover { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); } .pagination li.selected a { border-color: var(--brand-color); background: var(--brand-color); color: var(--brand-color-inverse); } .pagination li.disabled { opacity: 0.4; } .pagination li.disabled a { cursor: not-allowed; } .pagination li.prev a:before { width: 12px; height: 12px; border-left: 2px solid #333; border-bottom: 2px solid #333; position: absolute; left: calc(50% - 3px); top: calc(50% - 6px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .pagination li.next a:before { width: 12px; height: 12px; border-right: 2px solid #333; border-top: 2px solid #333; position: absolute; left: calc(50% - 8px); top: calc(50% - 6px); -webkit-transform: rotate(45deg); transform: rotate(45deg); } [dir="rtl"] .pagination i { transform: rotate(180deg); } .panel { width: 100%; } .panel.panel--custom .panel__left { float: left; width: calc(100% - 180px); } .panel.panel--custom .panel__right { width: 160px; float: right; } .panel.panel--wide .panel__left { clear: left; float: left; width: 220px; } .panel.panel--wide .panel__right { float: right; width: calc(100% - 220px); padding: 0 0 0 25px; } .panel--centered { /*max-width: 1100px;*/ margin: 0px auto 20px; } .panel--centered .box { padding: 20px; } .panel--centered .box--tabled { padding: 2.5rem 100px; position: relative; } .box--tabled { display: table; table-layout: fixed; width: 100%; } .box--tabled .box__cell { display: table-cell; vertical-align: top; padding: 0 70px 0 0; width: 55%; } .box--tabled .box__cell:first-child { border-right: solid 1px #dee2e6; } .box--tabled .box__cell:last-child { vertical-align: top; width: 45%; -webkit-padding-end: 0; -moz-padding-end: 0; padding-right: 0; } .box--tabled .box__cell .listing--icons { padding: 50px 0 50px 50px; position: relative; top: 20px; } .panel--cols { padding: 20px 0; } .panel--cols .col--left { -webkit-padding-end: 30px; -moz-padding-end: 30px; padding-right: 30px; clear: left; } .panel--cols .col--right { float: right; clear: right; } .panel__head { padding: 0 0 10px 0; width: 100%; display: inline-block; } .panel__head h2 { display: inline-block; vertical-align: middle; } .panel__head p { display: inline-block; clear: left; } .panel__head .btn { vertical-align: top; } .panel__head .links--inline { float: right; width: auto; } .panel__head .panel__head_action { float: right; } .panel__head .links--inline li { padding: 0 0 0 20px; position: relative; } .panel__head .links--inline li strong { color: #555555; } .panel__head .links--inline li:after { content: "|"; margin-left: 5px; } .panel__head .links--inline li:last-child:after { content: normal; } .preview { background: #f5f5f5; border-radius: 4px; padding: 20px; margin-bottom: 1rem; } .preview h4 { font-size: 1.5em; line-height: 1.4; padding: 10px 0 0; } .preview h4 strong { font-size: 2em; } .preview .btngroup--fix { display: inline-block; width: 100%; } .preview .btngroup--fix .btn { min-width: 1%; width: 48%; margin: 0; padding: 5px 30px; float: left; } .preview .btngroup--fix .btn:last-child { float: right; } .preview .avtar--large { margin: 0 auto; } @-webkit-keyframes fadein { 0% { -webkit-filter: opacity(0%) blur(6px); } 50% { -webkit-filter: opacity(100%) blur(3px); } 100% { -webkit-filter: opacity(100%) blur(1px); } } @-webkit-keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } @keyframes slideRight { 0% { opacity: 0; left: 30px; } 100% { opacity: 1; left: 0; } } .shops .products { -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; padding: 15px; } .product-listing { display: grid; grid-gap: 0; } .product-listing[data-view="2"] { grid-template-columns: repeat(2, 1fr); } .product-listing[data-view="3"] { grid-template-columns: repeat(3, 1fr); } .product-listing[data-view="4"] { grid-template-columns: repeat(4, 1fr); } .product-listing[data-view="5"] { grid-template-columns: repeat(5, 1fr); } .product-listing[data-view="6"] { grid-template-columns: repeat(6, 1fr); } @media (max-width: 991.98px) { .product-listing[data-view="3"] { grid-template-columns: repeat(3, 1fr); } .product-listing[data-view="4"] { grid-template-columns: repeat(3, 1fr); } .product-listing[data-view="5"] { grid-template-columns: repeat(3, 1fr); } .product-listing[data-view="6"] { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .product-listing { grid-gap: 1px; } .product-listing[data-view="3"] { grid-template-columns: repeat(2, 1fr); } .product-listing[data-view="4"] { grid-template-columns: repeat(2, 1fr); } .product-listing[data-view="5"] { grid-template-columns: repeat(2, 1fr); } .product-listing[data-view="6"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767.98px) { .product-listing { grid-gap: 1px; } .product-listing .products { border-radius: 0px; } } .product-listing .products { height: 100%; } .products { position: relative; text-align: center; background: #fff; overflow: hidden; outline: solid 1px #dee2e6; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; } .products a { color: inherit; font-size: inherit; } .products:hover { border-color: var(--brand-color); } .products:hover .products__body .products__img img, .products:hover .products__body .products__img .post .post_media iframe, .post .post_media .products:hover .products__body .products__img iframe { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } .products .products-head { height: 80px; } .products .products-head .products-head-date { color: inherit; font-size: 0.875em; } .products .products-head .products-head-lable { display: inline; line-height: 1; vertical-align: baseline; white-space: nowrap; background-color: var(--brand-color); border-radius: 0; font-weight: normal; border-color: #fee188; color: #fff; padding: 3px 8px 4px; position: absolute; right: 15px; top: 15px; font-size: 0.8em; text-align: right; border-radius: 2px; z-index: 1; } .products .products-head .products-head-lable:before { border-color: rgba(0, 0, 0, 0) var(--brand-color) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); -o-border-image: none; border-image: none; border-style: solid; content: normal; display: inline-block; left: -14px; position: absolute; top: 0; border-width: 10px 7px; } .products__body { position: relative; } .products__body .not-available { background-color: rgba(255, 255, 255, 0.9); color: #fd397a; border-radius: 3px; border: none; padding: 0.5rem; position: absolute; top: 0; bottom: 0; left: 0; z-index: 3; font-size: 0.8rem; font-weight: 600; right: 0; margin: auto; white-space: nowrap; display: flex; align-items: center; justify-content: center; } .products__body .not-available .svg { width: 16px; height: 16px; fill: currentColor; margin-right: 8px; } .products__body .products__img { display: block; margin: 0 0 15px; padding: 0 0 100%; position: relative; width: 100%; overflow: hidden; } .products__body .products__img:before { color: #dadada; content: ""; background: url(images/loading.gif) no-repeat center; background-size: 100%; font-size: 100px; height: 20px; left: calc(50% - 10px); line-height: 46px; margin: 0; position: absolute; text-align: center; top: calc(50% - 10px); width: 20px; } .products__body .products__img img, .products__body .products__img .post .post_media iframe, .post .post_media .products__body .products__img iframe, .products__body .products__img .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .products__body .products__img img, .products__body .products__img .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .products__body .products__img img { max-width: 100%; width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); -webkit-filter: blur(0px); -webkit-animation: fadein linear 1.5s; } .products__footer { padding-bottom: 15px; color: #2e384d; } .products .products__title { color: inherit; margin: 0 auto; padding: 10px; font-size: 0.9em; font-weight: 400; min-height: 62px; } .products .products__title a { color: inherit; font-size: inherit; font-weight: inherit; } .products .products__category { color: #acb7ce; font-size: 0.8em; font-weight: 400; } .products .products__price { font-size: 0.85em; color: inherit; padding: 0 5px; font-weight: 600; } .products .product_off { font-size: 0.875rem; font-weight: 300; color: var(--brand-color); display: inline-block; } .products .products__price_sold { font-size: 0.875rem; font-weight: 300; color: #acb7ce; line-height: 1; vertical-align: middle; } .products .products__price_old { font-weight: 300; color: #acb7ce; line-height: 1; text-decoration: line-through; } .products .products-head-specification { color: #acb7ce; font-size: 1em; font-weight: 300; } .products.item--sold { opacity: 0.3; } .products.item--sold:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.85); pointer-events: none; content: ""; } .products .products_ft_list li { color: #acb7ce; font-size: 0.9em; font-weight: 300; margin: 4px 0; position: relative; padding: 0 16px; } .products .products_ft_list li:before { border-radius: 50%; width: 9px; height: 9px; background: #d9d9d9; position: absolute; left: 0; top: 5px; display: block; content: ""; } .not-available { background-color: rgba(255, 255, 255, 0.9); color: #fd397a; border-radius: 3px; border: solid 1px currentColor; padding: 2rem 0.5rem; font-size: 0.8rem; font-weight: 600; margin: 0; display: flex; align-items: center; justify-content: center; } .not-available .svg { width: 16px; height: 16px; fill: currentColor; margin-right: 8px; } .collections-ui { position: absolute; right: 2.5rem; bottom: 0; z-index: 1; -webkit-transition-delay: 500ms; transition-delay: 500ms; } .collections-ui.static--collection { right: 0; } .collections-ui.static--collection > ul > li { display: inline-block; vertical-align: top; margin: 0 4px; position: relative; } .collections-ui > ul > li > span { display: block; width: 2.5rem; background: var(--brand-color); color: var(--brand-color-inverse); border-radius: 50%; height: 2.5rem; cursor: pointer; } .collections-ui .share-icon { margin-bottom: 15px; } .collections-ui .svg { width: 16px; height: 16px; fill: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; } .collections-ui .fa { color: #fff; font-size: 16px; } .collections-ui .svg, .collections-ui img, .collections-ui .post .post_media iframe, .post .post_media .collections-ui iframe, .collections-ui .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .collections-ui img, .collections-ui .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .collections-ui img { max-width: 100%; height: auto; } .collections-ui > ul > li.is-active > span { background: var(--secondary-color); color: var(--secondary-color-inverse); } .collection-toggle.is-active .svg { fill: var(--secondary-color); } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products__rating { vertical-align: middle; padding: 3px 5px; margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; font-size: 0.85em; display: flex; align-items: center; line-height: 0; } .products__rating a { color: inherit; font-size: inherit; } .products__rating.left--align { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .products__rating .icn { margin-right: 5px; } .products__rating .rate { line-height: 1; font-size: 0.8rem; display: inline-block; } .products__rating .rate span { font-size: 0.875em; color: #acb7ce; } .products__rating .be-first { line-height: 1; font-size: 0.9em; font-weight: 300; display: inline-block; vertical-align: top; color: var(--secondary-color); } .products__rating .svg { width: 13px; height: 13px; margin-right: 5px; } .products__rating .svg svg { vertical-align: top; margin-right: 0px; fill: var(--brand-color); vertical-align: top; } .products-reviews { display: inline-block; vertical-align: middle; } .products-reviews .icn { margin-right: 5px; } .products-reviews .icn svg { width: 16px; height: 16px; } .products-reviews .rate { font-size: 0.875rem; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .products-reviews .totals-review { color: var(--brand-color) !important; display: block; } .products-reviews .totals-review .link:after { background: var(--brand-color); color: var(--brand-color-inverse); } .tag--soldout { background: red; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #fff; font-size: 0.7em; height: 60px; width: 60px; left: 0; right: 0; margin: 0 auto; line-height: 1.2; padding: 17px 10px; border-radius: 50%; position: absolute; text-transform: uppercase; top: 50%; z-index: 2; font-weight: 600; text-align: center; transform: translateY(-50%); } .tag--soldout-full { position: static; width: 100%; border-radius: 4px; height: auto; transform: none; } .tag--soldout.tag--soldout-small { padding: 9px 7px; width: 40px; height: 40px; font-size: 0.6rem; } .item { display: flex; align-items: flex-start; } .item__pic { flex: 0 0 50px; max-width: 50px; border: solid 1px #dee2e6; border-radius: 4px; margin: 0; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .item__pic-seller { flex: 0 0 100px; max-width: 100px; padding: 16px; } .item__description { font-size: 0.8rem; min-width: 180px; max-width: 400px; } .item__description .item__pic { margin-right: 10px; } .item__description .item__title { color: #2e384d; margin: 0 0 4px 0; font-weight: 600; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .item__description .item__title a { opacity: 1; color: inherit; font-weight: inherit; } .item__description .item__title a:hover { text-decoration: underline; } .item__description .item__sub_title { display: block; opacity: 0.8; } .item__description .item__brand { font-style: italic; } .item__description .item__category { opacity: 0.8; } .item__description .item__specification { color: #54668d; } .item__description .item__date { display: block; opacity: 0.6; } .item__description p { margin: 3px 0; } .item__price { font-weight: 600; } .item__price_old { color: #8798ad; font-weight: 300; } .item__price_off { font-weight: 300; } .item__price_off { color: var(--primary-color); } .actions { display: inline-flex; align-items: center; justify-content: flex-end; vertical-align: top; white-space: nowrap; margin: 0; } @media (max-width: 767.98px) { .actions { flex-wrap: wrap; } } .actions li { display: inline-block; vertical-align: top; margin: 0 2px 4px 0; } .actions li a { display: block; background: none; padding: 5px; width: 30px; height: 30px; line-height: 1.4; text-align: center; color: #2e384d; font-size: 0.7rem !important; border: solid 1px #dee2e6; border-radius: 2px; display: flex; align-items: center; justify-content: center; } .actions li a.icn-highlighted { border: none; color: var(--brand-color); background: #f0f0f0; } .actions li a.icn-highlighted:hover { background: var(--brand-color); color: var(--brand-color-inverse); } .actions li a .svg { width: 16px; height: 16px; display: block; fill: inherit; } .actions li a:hover { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); text-decoration: none !important; fill: var(--brand-color-inverse); } .actions li a:hover .svg { fill: inherit; } .actions.actions--large li a { width: 2.5rem; height: 2.5rem; line-height: 2; } .prod-info { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .prod-info h6 a { color: inherit; } .prod-info .product-avtar { border: solid 1px #dee2e6; border-radius: 4px; } .prod-info__left { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; } .prod-info__right { width: calc(100% - 80px); -webkit-padding-start: 20px; -moz-padding-start: 20px; padding-left: 20px; color: #fff; } .prod-info__right p, .prod-info__right a { color: inherit; } @-webkit-keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(2.5rem); transform: translateX(2.5rem); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); opacity: 0; } } @keyframes scroll-hint-appear { 0% { -webkit-transform: translateX(2.5rem); transform: translateX(2.5rem); opacity: 0; } 10% { opacity: 1; } 50%, 100% { -webkit-transform: translateX(-2.5rem); transform: translateX(-2.5rem); opacity: 0; } } .scroll-hint.is-right-scrollable { background: linear-gradient(270deg, rgba(200, 200, 200, 0), transparent 16px, transparent); } .scroll-hint.is-right-scrollable.is-left-scrollable { background: linear-gradient(90deg, rgba(200, 200, 200, 0), transparent 16px, transparent), linear-gradient(270deg, rgba(200, 200, 200, 0), transparent 16px, transparent); } .scroll-hint.is-left-scrollable { background: linear-gradient(90deg, rgba(200, 200, 200, 0), transparent 16px, transparent); } .scroll-hint-icon { position: absolute; top: calc(50% - 25px); left: calc(50% - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; width: 120px; height: 80px; border-radius: 4px; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: 0; background: rgba(0, 0, 0, 0.7); text-align: center; padding: 20px 10px 10px 10px; } .scroll-hint-icon-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 100%; pointer-events: none; } .scroll-hint-text { font-size: 10px; color: #FFF; margin-top: 5px; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon { opacity: .8; } .scroll-hint-icon:before { display: inline-block; width: 2.5rem; height: 2.5rem; color: #FFF; vertical-align: middle; text-align: center; content: ""; background-size: contain; background-position: center center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon:after { content: ""; width: 34px; height: 14px; display: block; position: absolute; top: 10px; left: 50%; margin-left: -20px; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==); opacity: 0; -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:after { opacity: 1; } .scroll-hint-icon-wrap.is-active .scroll-hint-icon:before { -webkit-animation: scroll-hint-appear 1.2s linear; animation: scroll-hint-appear 1.2s linear; -webkit-animation-iteration-count: 2; animation-iteration-count: 2; } .scroll-hint-icon-white { background-color: #FFF; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4); } .scroll-hint-icon-white:before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=); } .scroll-hint-icon-white:after { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==); } .scroll-hint-icon-white .scroll-hint-text { color: #000; } .slick-dots { padding: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; } .slick-dots li { vertical-align: middle; display: inline-block; margin: 0 3px; width: 13px; height: 3px; border-radius: 1px; cursor: pointer; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .slick-dots li button { background: none; border: none; text-indent: -9999999px; } .slick-dots li.slick-active { background: var(--brand-color); width: 30px; border-radius: 15px; } .share-icon { color: var(--brand-color); } .share-icon .svg { width: 16px; height: 16px; display: block; fill: currentColor; } .social-sharing { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .social-sharing li { font-size: 0.8rem; display: block; position: relative; -webkit-transition: all .3s ease; transition: all .3s ease; flex: 0 0 50%; max-width: 50%; } .social-sharing li a { display: block; } .social-sharing li a .icn { height: inherit; width: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social-sharing li a .icn svg { fill: #fff; width: 15px; height: 15px; } .social-sharing li.social-facebook { background: #3b5998; } .social-sharing li.social-twitter { background: #6cdfea; } .social-sharing li.social-pintrest { background: #c8232c; } .social-sharing li.social-email { background: #9b9a9a; } .rating-a .br-widget { height: 52px; } .rating-a .br-widget a { display: block; width: 15px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: #e3e3e3; margin: 1px; text-align: center; } .rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected { background-color: #59a6d6; } .rating-a .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #646464; } /******* EXAMPLE B *******/ .rating-b .br-widget { height: 25px; } .rating-b .br-widget a { display: block; width: 70px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected { background-color: #59a6d6; } .rating-b .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } .rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected { background-color: #cbcbcb; } /******* EXAMPLE C *******/ .rating-c .br-widget { height: 52px; } .rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: #e3e3e3; margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: #b6b6b6; } .rating-c .br-widget a.br-active, .rating-c .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE D *******/ .rating-d .br-widget { height: 52px; } .rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: white; border-bottom: 2px solid #e3e3e3; color: #646464; margin: 1px; text-decoration: none; line-height: 2.1; text-align: center; } .rating-d .br-widget a span { color: white; } .rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected { border-bottom: 2px solid #646464; } .rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span { color: #646464; } /******* EXAMPLE E *******/ .rating-e .br-widget a { padding: 5px; color: #646464; text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center; } .rating-e .br-widget a.br-active { background-color: #e3e3e3; color: #646464; } .rating-e .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE F *******/ .rating-f .br-widget { height: 24px; } .rating-f .br-widget a { background: url("images/star.png"); width: 24px; height: 24px; display: block; float: left; } .rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected { background-position: 0 24px; } /******* EXAMPLE G *******/ .rating-g .br-widget { height: 25px; } .rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected { background-color: #59a6d6; } .rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .rating-f .br-widget a { /* background: url('images/star@2x.png'); background-size: 24px 48px; */ } } .steps { width: 100%; background: #f5f5f5; padding: 10px; text-align: center; } .steps ul { margin: auto; display: block; width: 80%; } .steps li { display: inline-block; /*padding: 0 150px 0 25px;*/ width: 33.3%; margin: 0 -2px; text-align: center; position: relative; color: rgba(0, 0, 0, 0.2); font-weight: 500; font-size: 1.1em; } .steps li:after { width: 80px; left: 100%; margin: 0 0 0 -45px; top: 50%; height: 1px; background: #e6e6e6; position: absolute; content: ""; } .steps li:last-child:after { display: none; } .steps li:before { content: "\f05e"; font-family: 'Font Awesome 5 Free'; font-size: 1.2em; margin: 0 5px 0 0; } .steps li.is-process { color: #000; } .steps li.is-process:before { content: "\f021"; } .steps li.is-success { color: #24b26b; } .steps li.is-success:before { content: "\f00c"; } .steps li:last-child { -webkit-padding-end: 0; -moz-padding-end: 0; padding-right: 0; } .sticky-demo-header .demo-header { background: #fff; position: -webkit-sticky; position: sticky; top: 0; z-index: 99; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 2rem; line-height: 4rem; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } .sticky-demo-header .demo-header .restore-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .sticky-demo-header .demo-header .restore-wrapper > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 0; } .sticky-demo-header .demo-header .restore-wrapper .restore__counter { padding: 0px 8px; font-size: 1rem; color: var(--brand-color); margin: 0.10rem 0; font-weight: 800; line-height: 1; letter-spacing: 4px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 4px; width: 100%; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 2rem; margin: 0.25rem 0; max-width: 96px; } .sticky-demo-header .demo-header .restore-wrapper .restore__progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: var(--brand-color); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .sticky-demo-header .demo-header .restore-wrapper .restore__content { font-size: 0.675rem; color: #2e384d; font-weight: 600; margin-bottom: 0.25rem; line-height: 1.5; } .switch-interface { display: -webkit-box; display: -ms-flexbox; display: flex; } .switch-interface li { margin: 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .switch-interface li a { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .switch-interface li.is-active a:before { height: 2px; background: var(--brand-color); color: var(--brand-color-inverse); position: absolute; bottom: 0; content: ""; width: 100%; } .switch-interface .icn svg { width: 2rem; height: 2rem; fill: #8c8c8c; } .switch-interface li.is-active .icn svg, .switch-interface li a:hover .icn svg { fill: var(--brand-color); } .demo-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .demo-cta .close-layer { position: relative; right: auto; top: auto; margin-left: 1rem; } .restore-demo-bg { background-image: url("images/catalog-bg.png") !important; background-color: #fff !important; background-repeat: no-repeat !important; background-position: 130% top !important; } .restore-demo .demo-data-inner > ul, .restore-demo .demo-data-inner .heading { max-width: 500px; margin-right: 250px; } .demo-data-inner { margin: 20px; color: #4c4c4c; } .demo-data-inner .heading { font-size: 4rem; font-weight: 600; text-transform: uppercase; position: relative; line-height: 1.2; margin-bottom: 40px; color: inherit; } .demo-data-inner .heading:after { background: var(--secondary-color); color: var(--secondary-color-inverse); width: 60px; height: 3px; position: absolute; bottom: -10px; content: ""; display: block; } .demo-data-inner .heading span { display: block; font-size: 0.8rem; text-transform: none; } .demo-data-inner ul li { position: relative; margin: 10px 0; padding: 0 15px; display: block; font-size: 0.9rem; } .demo-data-inner ul li:before { width: 5px; height: 5px; content: ""; display: block; position: absolute; left: 0; top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #4c4c4c; } .demo-data-inner ul ul { margin-left: 15px; margin-bottom: 20px; } .-fixed-wrap { position: fixed; bottom: 1rem; left: 1rem; z-index: 9999; } .-fixed-wrap a { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-radius: 2px; padding: 2.25rem 1rem 0.5rem; vertical-align: middle; border-radius: 5px; text-align: center; text-overflow: ellipsis; text-transform: uppercase; color: #fff; background: #666; text-decoration: none; font-size: 2rem; letter-spacing: 0.15em; overflow: hidden; min-width: 200px; } .-fixed-wrap a small { position: absolute; top: 0; left: 0; right: 0; display: block; padding: 0.5rem 1rem; font-size: 0.75rem; letter-spacing: 0.05em; white-space: nowrap; background-color: rgba(0, 0, 0, 0.2); } .feedback-btn { position: fixed; bottom: 10px; left: 10px; z-index: 9999; } .feedback-btn .crcle-btn { background-color: var(--brand-color); border-radius: 50%; width: 45px; height: 45px; line-height: 45px; text-align: center; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.2); } .feedback-btn .crcle-btn svg { height: 20px; width: 20px; fill: #fff; } #mbsmessage, .system_message { position: fixed; width: auto; max-width: 450px; top: calc(5%); left: 0; right: 0; margin: 0 auto; border-radius: 5px; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 101; } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; } #mbsmessage .content:before, .system_message .content:before { background-size: 18px !important; content: ""; left: -26px; position: absolute; top: 2px; z-index: 2; width: 18px; height: 18px; display: block; } #mbsmessage.alert--danger .content:before, .system_message.alert--danger .content:before { background: url(images/icon--attention.svg) no-repeat; } #mbsmessage.alert--success .content:before, .system_message.alert--success .content:before { background: url(images/icon--success.svg) no-repeat; } #mbsmessage.alert--info .content:before, .system_message.alert--info .content:before { background: url(images/icon--info.svg) no-repeat no-repeat; } #mbsmessage.alert--warning .content:before, .system_message.alert--warning .content:before { background: url(images/icon--warning.svg) no-repeat no-repeat; } .alert--success { background: #00b6ad; } .alert--info { background: #02b4d1; } .alert--warning { background: #f3c532; } .alert--process { background: #333; } .alert--danger { background-color: #f35f5f; } .div_error { text-align: left; padding: 20px 60px 20px 60px; position: relative; color: #fff; /*font-size: 0;*/ line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size: 30px; } .alert .div_error { padding: 0px; } #mbsmessage .content .div_error, #mbsmessage .content .div_info { padding: 0px; } .alert .div_error { background: none; } .div_error li { color: inherit; position: relative; padding: 0 0 5px 0; } .div_error li a { color: #fff; text-decoration: underline; } .div_info { font-weight: normal; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px; } .alert .div_info { background: none; } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default; } .alert .div_msg { background: none; } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px; } #mbsmessage .div_msg, .system_message .div_msg { padding: 0; } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 10px 0; color: inherit; } .div_msg li:last-child { padding-bottom: 0; } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default; } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0; } /* validation error messages */ .error { border-color: #F00 !important; } .errorlist { margin: 3px 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; } .errorlist li a { color: #f44336; font-size: 11px; text-decoration: none; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } /* Alerts */ .alert { font-size: 15px; color: #fff; width: 100%; /*position: relative;*/ padding: 1rem 3rem; border: 1px solid transparent; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .alert a { color: #fff; text-decoration: underline; } .alert--positioned-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom { left: 20px; bottom: 25px; } .alert--positioned-right-top { right: 20px; top: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-right-bottom { right: 20px; bottom: 25px; left: auto !important; bottom: auto !important; } .alert--positioned-bottom-center { left: 0 !important; right: 0 !important; bottom: 25px; } .alert--positioned-top-center { left: 0 !important; right: 0 !important; top: 0; } .alert--positioned-center-center { left: 50% !important; top: 50% !important; bottom: auto !important; -webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important; } .alert--positioned-top-full { left: 0 !important; right: 0 !important; top: 0; } .alert p { color: inherit; } .alert h5 { font-size: 18px; font-weight: 500; padding: 0; color: inherit; } .alert .close, .system_message .close { opacity: 0.3; } .alert .close:hover, .system_message .close:hover { opacity: 1; } .close, .system_message .closeMsg { z-index: 1; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.47; } .close:hover, .system_message .closeMsg:hover { -webkit-transform: rotate(135deg); transform: rotate(135deg); opacity: 1; } .close:before, .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .close:after, .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .close30 { width: 30px; height: 30px; } .close30::before { height: 25px; } .close30::after { width: 25px; } .close.close-black:before, .close.close-black:after { background: #000; } .alert h4, .alert p { margin: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert--process:before { content: ""; border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: absolute; left: 15px; top: 20px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media (max-width: 767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto; } #mbsmessage .content, .system_message .content { min-width: inherit; } } .listing-tbl { overflow-x: auto; } .table-wrap { overflow: hidden !important; overflow-x: auto !important; } .table { background-color: #fff; margin-bottom: 0; text-align: left; } .table-justified thead th:last-child { text-align: right; } .table-justified tr td:last-child { text-align: right; padding-right: 0; } .table thead th { padding: 0.5rem 1rem; border-bottom: none; background: rgba(0, 0, 0, 0.05); font-weight: 400; vertical-align: top; } .table thead th:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .table thead th:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .table tr.selected-row { background: #f3f4f5; } .table tr:last-child td { border-bottom: none; } .table tr td { position: relative; /* word-break:break-word;*/ } .table tr td:first-child { /* padding-left: 0;*/ } .table tr td:last-child { /*  padding-right: 0;*/ } .table th, .table td { font-weight: unset; padding: 1rem; border: none; color: inherit; font-size: 0.8rem; border-bottom: solid 1px #dee2e6; vertical-align: top; } .table a { color: var(--brand-color); } .table a:hover { text-decoration: underline; } .table table { font-size: 100%; } /*================================================================== [ Ver1 ]*/ .table.ver1 td { font-size: 14px; color: #808080; line-height: 1.4; } .table.ver1 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: var(--brand-color); } .table.ver1 .row100:hover { background-color: #f2f2f2; } .table.ver1 .hov-column-ver1 { background-color: #f2f2f2; } .table.ver1 .hov-column-head-ver1 { background-color: #484848 !important; } .table.ver1 .row100 td:hover { background-color: var(--secondary-color); color: #fff; } /*================================================================== [ Ver2 ]*/ .table.ver2 td { font-size: 14px; color: #808080; line-height: 1.4; } .table.ver2 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: #333333; } .table.ver2 .row100:hover td { background-color: #83d160; color: #fff; } .table.ver2 .hov-column-ver2 { background-color: #83d160; color: #fff; } .table.ver2 .hov-column-head-ver2 { background-color: #484848 !important; } .table.ver2 .row100 td:hover { background-color: #57b846; color: #fff; } /*================================================================== [ Ver2 ]*/ .table.ver2 tbody tr:nth-child(even) { background-color: #eaf8e6; } .table.ver2 td { font-size: 14px; color: #808080; line-height: 1.4; } .table.ver2 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: #333333; } .table.ver2 .row100:hover td { background-color: #83d160; color: #fff; } .table.ver2 .hov-column-ver2 { background-color: #83d160; color: #fff; } .table.ver2 .hov-column-head-ver2 { background-color: #484848 !important; } .table.ver2 .row100 td:hover { background-color: #57b846; color: #fff; } /*================================================================== [ Ver3 ]*/ .table.ver3 tbody tr { border-bottom: solid 1px #dee2e6; } .table.ver3 td { font-size: 14px; color: #808080; line-height: 1.4; } .table.ver3 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: var(--secondary-color); } .table.ver3 .row100:hover td { background-color: #fcebf5; } .table.ver3 .hov-column-ver3 { background-color: #fcebf5; } .table.ver3 .hov-column-head-ver3 { background-color: #7b88e3 !important; } .table.ver3 .row100 td:hover { background-color: #e03e9c; color: #fff; } /*================================================================== [ Ver4 ]*/ .table.ver4 td { font-size: 14px; color: #808080; line-height: 1.4; } .table.ver4 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: #fa4251; } .table.ver4 .row100:hover td { color: #fa4251; } .table.ver4 .hov-column-ver4 { background-color: #ffebed; } .table.ver4 .hov-column-head-ver4 { background-color: #f95462 !important; } .table.ver4 .row100 td:hover { background-color: #ffebed; color: #fa4251; } /*================================================================== [ Ver5 ]*/ .table.ver5 tbody tr:nth-child(even) { background-color: #e9faff; } .table.ver5 td { font-size: 14px; color: #808080; line-height: 1.4; position: relative; } .table.ver5 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: #002933; } .table.ver5 .row100:hover td { color: #fe3e64; } .table.ver5 .hov-column-ver5 { color: #fe3e64; } .table.ver5 .hov-column-ver5::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } .table.ver5 .hov-column-head-ver5 { background-color: #1a3f48 !important; color: #fe3e64; } .table.ver5 .row100 td:hover { color: #fe3e64; } .table.ver5 .row100 td:hover:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; border: 1px solid #fe3e64; } /*================================================================== [ Ver6 ]*/ .table.ver6 { border-radius: 16px; overflow: hidden; background: #7918f2; background: linear-gradient(-68deg, #ac32e4, #4801ff); } .table.ver6 table { background-color: transparent; } .table.ver6 td { font-size: 14px; color: #fff; line-height: 1.4; } .table.ver6 th { font-size: 12px; color: #fff; line-height: 1.4; text-transform: uppercase; background-color: rgba(255, 255, 255, 0.32); } .table.ver6 .row100:hover td { background-color: rgba(255, 255, 255, 0.1); } .table.ver6 .hov-column-ver6 { background-color: rgba(255, 255, 255, 0.1); } .table.ver6 .row100 td:hover { background-color: rgba(255, 255, 255, 0.2); } .table--justify tr td:first-child { padding-left: 0; } .table--justify tr td:last-child { padding-right: 0; text-align: right; } .table .btn { margin: 2px; } .table.cart--full .item-yk-head-category { font-size: 0.8em; text-transform: uppercase; } .table.cart--full .item-yk-head-title, .table.cart--full .item__title { font-size: 1.1em; font-weight: 600; } .table.cart--full .item-yk-head-specification .btn { margin-top: 10px; } .table.cart--full .product-img { border: 1px solid #ddd; max-width: 100px; min-width: 100px; border-radius: 4px; overflow: hidden; } .table-fixed-header { table-layout: fixed; border-collapse: collapse; } .table-fixed-header thead tr { display: table-row; } .table-fixed-header tbody { display: block; width: 100%; overflow: auto; height: 350px; } .table-fixed-header thead, .table-fixed-header tbody tr, .table-fixed-header tfoot { display: table; width: 100%; table-layout: fixed; } .variants-wrap { margin-top: 1rem; border: solid 1px #dee2e6; border-radius: 4px; } .variants-wrap table th { font-weight: 600; } .variants-wrap table th, .variants-wrap table td { vertical-align: middle; padding: 0.5rem 1rem; font-size: 0.85rem; border-bottom: solid 1px #dee2e6; } .variants-wrap table tr:last-child td { border-bottom: none; } .tabs { font-family: "Poppins", sans-serif; margin: 0 auto; display: block; text-align: center; margin-bottom: 1rem; padding-bottom: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; color: #2e384d; } .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } @media (max-width: 991.98px) { .tabs ul { overflow-y: hidden; } } .tabs ul li { display: inline-block; margin-right: 2rem; position: relative; white-space: nowrap; font-size: 0.9rem; } .tabs ul li:first-child { margin-left: 0; padding-left: 0; } .tabs ul li:last-child { margin-right: 0; padding-right: 0; } .tabs ul li:after { content: ""; bottom: 0; background: #2e384d; height: 1px; position: absolute; z-index: 1; left: 0; right: 100%; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tabs ul li a { color: inherit; display: inline-block; vertical-align: top; padding: 5px 0; } .tabs ul li.is-active a { color: var(--brand-color); } .tabs ul li.is-active:after { content: ""; position: absolute; background: var(--brand-color); color: var(--brand-color-inverse); right: 0; } .tabs ul li:hover:after { right: 0; } .tabs.tabs-sm li a { font-size: 0.88em; } .tabs-content { margin: 2rem 0 0; } .tabs_panel { min-height: 500px; } .tabs_data { min-height: inherit; display: flex; flex-direction: column; } .tabs_data .tabs_body { flex: 1 1 auto; } .tabs--switcher { display: inline-block; vertical-align: top; margin: 0 0 0 5px; } .tabs--switcher li { float: left; margin: 0 0 0 5px; } .tabs--switcher li.switch--list a span { width: 100%; height: 4px; background: #ced2d6; display: block; position: relative; margin: 4px 0 0; } .tabs--switcher li.switch--list a span:before { width: 100%; height: 4px; background: #ced2d6; display: block; position: absolute; top: 9px; content: ""; } .tabs--switcher li.switch--list a span:after { width: 100%; height: 4px; background: #ced2d6; display: block; position: absolute; top: 18px; content: ""; } .tabs--switcher li.switch--grid a span { width: 5px; height: 5px; background: #ced2d6; display: block; position: relative; margin: 4px 0 0 1px; } .tabs--switcher li.switch--grid a span:before { width: 5px; height: 5px; background: #ced2d6; display: block; position: absolute; left: 8px; content: ""; } .tabs--switcher li.switch--grid a span:after { width: 5px; height: 5px; background: #ced2d6; display: block; position: absolute; left: 16px; content: ""; } .tabs--switcher li.is-active a { background: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } .tabs--switcher a { display: block; height: 2.5rem; width: 2.5rem; padding: 5px 8px; background: none; -webkit-box-shadow: none; box-shadow: none; } .top-brand-list { margin-top: 1rem; } .top-brand-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; justify-content: center; flex-wrap: nowrap; overflow-x: auto; } @media (max-width: 991.98px) { .top-brand-list ul { justify-content: flex-start; } } .top-brand-list .brands-img { width: 240px; height: 240px; border-radius: 50%; overflow: hidden; position: relative; margin-bottom: 1rem; } .top-brand-list .brands-img:before { content: ""; background: #eef3f5 url(images/retina/image.svg) no-repeat center; background-size: 3rem; position: absolute; height: 100%; width: 100%; z-index: -1; } .top-brand-list .brands-logo { width: 160px; height: 90px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; padding: 0 0.5rem; margin: 0 1rem; background-color: #fff; box-shadow: 0 0.25rem 0.25rem rgba(17, 17, 17, 0.03); border-radius: 2px; } .top-brand-list .brands-logo img, .top-brand-list .brands-logo .post .post_media iframe, .post .post_media .top-brand-list .brands-logo iframe, .top-brand-list .brands-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .top-brand-list .brands-logo img, .top-brand-list .brands-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .top-brand-list .brands-logo img { margin: auto; } .top-brand-list .brands-logo img[data-ratio="16:9"], .top-brand-list .brands-logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .top-brand-list .brands-logo iframe[data-ratio="16:9"], .top-brand-list .brands-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="16:9"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .top-brand-list .brands-logo img[data-ratio="16:9"], .top-brand-list .brands-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="16:9"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .top-brand-list .brands-logo img[data-ratio="16:9"] { max-width: 120px; } .top-brand-list .brands-logo img[data-ratio="1:1"], .top-brand-list .brands-logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .top-brand-list .brands-logo iframe[data-ratio="1:1"], .top-brand-list .brands-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="1:1"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .top-brand-list .brands-logo img[data-ratio="1:1"], .top-brand-list .brands-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="1:1"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .top-brand-list .brands-logo img[data-ratio="1:1"] { max-width: 60px; } .wrap-drop { position: relative; border: solid 1px #dee2e6; height: 38px; line-height: 38px; width: 100%; color: #2e384d; font-family: inherit; font-size: 0.9em; font-weight: normal; border-radius: 4px; cursor: pointer; padding-left: 10px; padding-right: 35px; background: #fff; } .wrap-drop span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .wrap-drop:before, .wrap-drop:after { top: 50%; position: absolute; width: 9px; height: 2px; background-color: #545454; display: inline-block; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; content: ""; } .wrap-drop:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .wrap-drop:before { right: 16px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .wrap-drop.wrap-drop--first { border-color: var(--brand-color); color: var(--brand-color); } .wrap-drop.wrap-drop--first:after, .wrap-drop.wrap-drop--first:before { background-color: var(--brand-color); } .wrap-drop .drop { background: #fff; border: solid 1px #dee2e6; position: absolute; -webkit-transition: all 300ms; transition: all 300ms; left: 0; right: 0; pointer-events: none; position: absolute; opacity: 0; top: 100%; z-index: 2; border-radius: 4px; } .wrap-drop .drop li:hover a { color: var(--brand-color); } .wrap-drop .drop li a { cursor: pointer; color: #2e384d; display: block; overflow: hidden; position: relative; text-align: left; font-size: 0.875em; font-weight: 400; padding: 10px; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .wrap-drop.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); border-width: 0 10px 10px; } .wrap-drop.active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .wrap-drop.active .drop { display: block; opacity: 1; pointer-events: auto; } .wrap-drop .colors { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.3); } .yk-ac-container { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; transform-origin: center; overflow: hidden; } .yk-ac-terms { background: #f3f4f5; } .yk-list li a { padding: 0.8rem 1rem; display: block; color: var(--body-color); } .yk-list li a:hover, .yk-list li.yk-active a { background: #fff; } .yk-list li a em { font-weight: 600; } .yk-ac-content { padding: 1.5rem 2rem; } .yk-title { font-size: 1em; margin: 0 0 1rem 0; color: var(--first-color); font-weight: 400; } .yk-ac-facets li { padding: 0; } .yk-ac-results .products__title { min-height: inherit; } .filter-directory a { color: inherit; } .filter-directory .filter-directory_bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: solid 1px #dee2e6; padding: 0 0 1rem 0; margin-bottom: 1rem; } @media (max-width: 991.98px) { .filter-directory .filter-directory_bar { flex-direction: column; } } .filter-directory .filter-directory_bar .filter-directory_search_input { margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; } @media (max-width: 991.98px) { .filter-directory .filter-directory_bar .filter-directory_search_input { margin: 0; margin-bottom: 1rem; flex: auto; max-width: none; } } .filter-directory .filter-directory_bar .filter-directory_indices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; flex-direction: row; flex-wrap: nowrap; } @media (max-width: 991.98px) { .filter-directory .filter-directory_bar .filter-directory_indices { justify-content: flex-start; overflow-x: auto; width: 100%; } } .filter-directory .filter-directory_bar .filter-directory_indices li { font-size: 0.8rem; padding: 0.4rem; text-transform: uppercase; font-weight: 600; cursor: pointer; } .filter-directory .filter-directory_disabled { opacity: 0.2; } .filter-directory_list { padding: 0; height: 465px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -ms-flex-line-pack: flex-start; align-content: flex-start; white-space: nowrap; overflow-y: auto; } .filter-directory_list li { margin: 0.5rem 0; margin-right: 10px; font-size: 0.8rem; } .filter-directory_list .filter-directory_list_title { text-transform: uppercase; font-weight: 600; } .filter-directory_list .filter-directory_count { opacity: 0.66; font-size: 0.7rem; } html { font-size: 16px; overflow-x: hidden; } @media (max-width: 1199.98px) { html { font-size: 15px; } } @media (max-width: 991.98px) { html { font-size: 14px; } } @media (max-width: 767.98px) { html { font-size: 13px; } } html.pop-on { overflow: hidden; } body { font-family: "Poppins", sans-serif; } :focus { box-shadow: none !important; outline: 0 !important; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; } p { margin: 0; } b, strong { font-weight: 500; } ol, ul { padding: 0; margin: 0; list-style-type: none; } img, .post .post_media iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media img { max-width: 100%; } a { color: inherit; } a:hover { color: var(--brand-color); text-decoration: none; } .mleft-auto { margin-left: auto !important; } .mright-auto { margin-right: auto !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .-color-light { opacity: 0.6; } .-color-light { opacity: 0.6; font-weight: normal; } .-heightfull { height: 100%; } .-heightfull.-border.rounded p.small { font-size: 100%; font-style: normal; } .-inline-element { display: inline-block; vertical-align: top; } .divider { height: 1px; background: #dee2e6; margin: 15px 0; } .note { font-weight: 300; margin-top: 10px; display: block; } .txt-white { color: #fff; } .dragHandle { cursor: move; } #st_gdpr_iframe { display: none; } .not-allowed { background: #ededed; color: #888; cursor: not-allowed !important; } .formActions-css { display: none !important; } .-inline-link { text-decoration: underline; font-size: 0.9em; color: var(--brand-color) !important; } .gap { height: 1rem; clear: both; display: table; width: 100%; } .padding20 { padding: 20px; } .align--center { margin: 0 auto; text-align: center; } .hidden { display: none; } .no-after:after { content: normal; } .list-inline { display: flex; } .list-inline li { margin-right: 10px; } .focused-div { height: auto; cursor: text; font-size: 0.9em; } .cards-message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 0.75rem 1.25rem; margin: auto; color: var(--body-color); height: 100%; } .cards-message .cards-message-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.25rem 0; font-size: 2.5rem; } .cards-message .alert-text { -ms-flex-item-align: center; align-self: center; } .profile-image .avtar { margin: 0 auto; } .info-message { background: #f9edbe; border: 1px solid #f0c36d; color: #6c6c6c; font-size: 0.85em; line-height: 1.2; border-radius: 4px; padding: 0.8rem; } .docs-buttons { display: flex; justify-content: center; } .docs-buttons .btn-group { margin: 0 2px; } .custom-ui-autocomplete { max-height: 200px; max-width: 500px; overflow: hidden; overflow-y: auto; box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; font-family: "Poppins", sans-serif !important; font-weight: 400; font-size: 0.8rem !important; border: solid 1px #dee2e6; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; } .custom-ui-autocomplete .ui-menu-item { border-bottom: solid 1px #dee2e6; } .custom-ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { padding: 0.8rem; border-color: transparent !important; } .custom-ui-autocomplete .ui-menu-item:last-child { border-bottom: none; } .custom-ui-autocomplete strong { font-weight: 600; } .container-fluid { max-width: none; } .strikethrough { text-decoration: line-through; } .cursor-pointer { cursor: pointer; } .alert-aligned { height: 100%; display: flex; align-items: center; } .list-shipping .list-group-item { padding: 1rem; } .list-shipping .shipping-states { display: flex; } .list-shipping .shipping-states .box-icon { border-radius: 3px; background-color: #f3f4f5; padding: 5px 7px; margin-right: 8px; } .list-shipping .shipping-states .detail h6 { margin: 0; font-size: 0.85rem; } .list-shipping .shipping-states .detail p { font-size: 0.75rem; } .list-shipping .table-rates td { padding: 0.6rem; } .list-country-zone li { margin: 5px 0; padding: 5px 0; border-bottom: solid 1px #edeff1; font-size: 0.8rem; } .list-country-zone li:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; } .list-country-zone li ul { font-size: 0.75rem; margin-left: 1rem; color: #8798ad; } .list-country-zone .checkbox { font-size: inherit; } .scroll { padding-right: 15px; } .card { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); background: #fff; position: relative; border-radius: 4px; margin-bottom: 0rem !important; height: 100%; -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; display: flex; flex-direction: column; } @media (max-width: 991.98px) { .card { word-break: normal; } } .card-header { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem; color: #2e384d; background: none; border: none; } .card-header ~ .card-body { padding-top: 0; } .card-body { flex: 1 1 0; padding: 1rem; } .card-footer { padding: 1rem; background: none; border-top: solid 1px #dee2e6; } .card-title { margin-bottom: 0; font-weight: 400; font-size: 1.1rem; } .card-title a { color: #2e384d; } .toggle-switch { display: inline-block; height: 20px; position: relative; width: 42px; min-width: 42px; flex: 0 0 42px; } .toggle-switch input, .toggle-switch .form input[type="text"], .form .toggle-switch input[type="text"], .toggle-switch .form input[type="email"], .form .toggle-switch input[type="email"], .toggle-switch .form input[type="phone"], .form .toggle-switch input[type="phone"], .toggle-switch .form input[type="search"], .form .toggle-switch input[type="search"], .toggle-switch .form input[type="password"], .form .toggle-switch input[type="password"], .toggle-switch .form input[type="date"], .form .toggle-switch input[type="date"], .toggle-switch .form input[type="url"], .form .toggle-switch input[type="url"], .toggle-switch .form input[type="tel"], .form .toggle-switch input[type="tel"], .toggle-switch .form input[type="number"], .form .toggle-switch input[type="number"], .toggle-switch .form input[type="file"], .form .toggle-switch input[type="file"], .toggle-switch .form select, .form .toggle-switch select, .toggle-switch .form .custom-select, .form .toggle-switch .custom-select, .toggle-switch .form textarea, .form .toggle-switch textarea { display: none; } .toggle-switch input:checked + .slider, .toggle-switch .form input[type="text"]:checked + .slider, .toggle-switch .form input[type="email"]:checked + .slider, .toggle-switch .form input[type="phone"]:checked + .slider, .toggle-switch .form input[type="search"]:checked + .slider, .toggle-switch .form input[type="password"]:checked + .slider, .toggle-switch .form input[type="date"]:checked + .slider, .toggle-switch .form input[type="url"]:checked + .slider, .toggle-switch .form input[type="tel"]:checked + .slider, .toggle-switch .form input[type="number"]:checked + .slider, .toggle-switch .form input[type="file"]:checked + .slider, .toggle-switch .form select:checked + .slider, .form .toggle-switch select:checked + .slider, .toggle-switch .form .custom-select:checked + .slider, .form .toggle-switch .custom-select:checked + .slider, .toggle-switch .form textarea:checked + .slider, .form .toggle-switch textarea:checked + .slider { background-color: #66bb6a; } .toggle-switch input:checked + .slider:before, .toggle-switch .form input[type="text"]:checked + .slider:before, .toggle-switch .form input[type="email"]:checked + .slider:before, .toggle-switch .form input[type="phone"]:checked + .slider:before, .toggle-switch .form input[type="search"]:checked + .slider:before, .toggle-switch .form input[type="password"]:checked + .slider:before, .toggle-switch .form input[type="date"]:checked + .slider:before, .toggle-switch .form input[type="url"]:checked + .slider:before, .toggle-switch .form input[type="tel"]:checked + .slider:before, .toggle-switch .form input[type="number"]:checked + .slider:before, .toggle-switch .form input[type="file"]:checked + .slider:before, .toggle-switch .form select:checked + .slider:before, .form .toggle-switch select:checked + .slider:before, .toggle-switch .form .custom-select:checked + .slider:before, .form .toggle-switch .custom-select:checked + .slider:before, .toggle-switch .form textarea:checked + .slider:before, .form .toggle-switch textarea:checked + .slider:before { -webkit-transform: translateX(22px); transform: translateX(22px); } .toggle-switch .slider { background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: .4s; transition: .4s; } .toggle-switch .slider:before { background-color: #fff; bottom: 4px; left: 4px; content: ""; height: 12px; position: absolute; -webkit-transition: .4s; transition: .4s; width: 12px; } .toggle-switch .slider.round { border-radius: 20px; } .toggle-switch .slider.round:before { border-radius: 50%; } @media print { body { margin: 0; padding: 0; color: #000; background-color: #000; overflow: visible !important; } body table { overflow: visible !important; table-layout: fixed  !important; } body .content-space { padding: 0 !important; margin: 0; } [dir="rtl"] body { direction: rtl !important; text-align: right !important; } .noprint, .no-print { display: none !important; } } .checkout-progress { width: 100%; max-width: 650px; margin: 1rem 0; position: relative; display: flex; } .checkout-progress .progress-track { position: absolute; top: 7px; width: 67%; height: 2px; background-color: #dfe3e4; z-index: -1; left: 0; right: 0; margin: 0 auto; } @media (max-width: 767.98px) { .checkout-progress .progress-track { width: 100%; } } .checkout-progress .progress-step { position: relative; width: 100%; font-size: 12px; text-align: center; } .checkout-progress .progress-step:last-child:after { display: none; } .checkout-progress .progress-step:before { content: ""; display: flex; margin: 0 auto; margin-bottom: 0.5rem; width: 1rem; height: 1rem; background-color: #fff; border: 2px solid #dfe3e4; border-radius: 100%; color: #fff; background-image: url(media/retina/tick.svg); background-repeat: no-repeat; background-position: center; background-size: 0.5rem; } .checkout-progress .progress-step:after { content: ""; position: absolute; top: 7px; left: 50%; width: 0%; transition: width 1s ease-in; height: 2px; background: #dfe3e4; z-index: -1; } .checkout-progress .progress-step.is-active { color: #1dc9b7; } .checkout-progress .progress-step.is-active:before { border: 2px solid #1dc9b7; animation: pulsex 2s infinite; } .checkout-progress .progress-step.is-complete { color: #1dc9b7; } .checkout-progress .progress-step.is-complete:before { font-size: 10px; color: #fff; background-color: #1dc9b7; border: 2px solid transparent; } .checkout-progress .progress-step.is-complete:after { background: #1dc9b7; animation: nextStep 1s; animation-fill-mode: forwards; } @keyframes pulsex { 0% { box-shadow: 0 0 0 0 rgba(29, 201, 183, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(29, 201, 183, 0); } 100% { box-shadow: 0 0 0 0 rgba(29, 201, 183, 0); } } @keyframes nextStep { 0% { width: 0%; } 100% { width: 100%; } } .list-group-item { background: transparent; border: solid 1px #dee2e6; -webkit-animation: dropdown-menu-fade-in .3s ease 1, dropdown-menu-move-up .3s ease-out 1; animation: dropdown-menu-fade-in 0.3s ease 1, dropdown-menu-move-up 0.3s ease-out 1; } .list-group-xl .list-group-item { padding: 2.25rem 225rem; } .list-group-lg .list-group-item { padding: 2rem 2rem; } .list-group-md .list-group-item { padding: 1.5rem 1.5rem; } .list-group-sm .list-group-item { padding: 1.25rem 1.25rem; } .list-group-xs .list-group-item { padding: 1rem 1rem; } .list-group-flush-x .list-group-item { padding-left: 0; padding-right: 0; border-left: none; border-right: none; border-radius: 0; } .list-group-flush-y .list-group-item:first-child { padding-top: 0; border-top: none; border-radius: 0; } .list-group-flush-y .list-group-item:last-child { padding-bottom: 0; border-bottom: 0; border-radius: 0; } .list-actions { display: flex; align-items: center; flex-wrap: wrap; } .list-actions li { -webkit-transition-delay: 250ms; transition-delay: 250ms; margin-right: 15px; } .list-actions li a { color: #2e384d; } .list-actions li a .svg { fill: currentColor; opacity: 0.6; width: 1rem; height: 1rem; margin: 0; } .list-actions li a:hover .svg { fill: var(--brand-color); opacity: 1; } .list-actions li:last-child { margin-right: 0; } .list-actions li:nth-child(2) { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .media-more { transition: all 0.5s ease-out; display: flex; align-items: center; padding: 5px; } .media-more li { padding: 0; opacity: 0; transition: all .1s ease-in-out; margin-left: -10px; } .media-more li:first-child { margin-left: 0; } .media-more li:nth-child(1) { -webkit-transition-delay: 75ms; transition-delay: 75ms; } .media-more li:nth-child(2) { -webkit-transition-delay: .15s; transition-delay: .15s; } .media-more li:nth-child(3) { -webkit-transition-delay: .30s; transition-delay: .30s; } .media-more li:nth-child(4) { -webkit-transition-delay: .45s; transition-delay: .45s; } .media-more li:nth-child(5) { -webkit-transition-delay: .60s; transition-delay: .60s; } .media-more li:nth-child(6) { -webkit-transition-delay: .75s; transition-delay: .75s; } .media-more li:nth-child(7) { -webkit-transition-delay: .90s; transition-delay: .90s; } .media-more li:nth-child(8) { -webkit-transition-delay: .105s; transition-delay: .105s; } .media-more li:nth-child(9) { -webkit-transition-delay: .130s; transition-delay: .130s; } .media-more li .circle { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: solid 1px var(--bg-white); overflow: hidden; border-radius: 50%; padding: 0; box-shadow: 0 0 6px rgba(154, 154, 154, 0.3); background: var(--gray-color); } .media-more li .circle img, .media-more li .circle .post .post_media iframe, .post .post_media .media-more li .circle iframe, .media-more li .circle .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .media-more li .circle img, .media-more li .circle .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .media-more li .circle img { display: block; } .media-more li .circle svg { max-width: 16px; height: 16px; width: 100%; fill: #2e384d; } .media-more li .circle.plus-more { text-align: center; font-size: 0.75rem; font-weight: 500; display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer; } .media-more li:hover { position: relative; z-index: 1; } .media-more.show li { opacity: 1; } /*Bg*/ .bg--primary-color, .bg-brand { background: var(--brand-color); color: var(--brand-color-inverse); } .bg-second { background: var(--secondary-color); color: var(--secondary-color-inverse); } .bg-white { background: #fff; } .bg-gray { background: #f3f4f5; } .bg-gray-dark { background: #f3f4f5; } .location-popup-width { max-width: 630px; padding: 0 !important; } .location-permission { text-align: center; background-image: url(images/retina/city-location.svg); background-repeat: no-repeat; background-position: bottom center; background-size: contain; padding-top: 30px; padding-bottom: 100px; font-family: "Poppins", sans-serif; } .location-permission_head { max-width: 450px; margin: 0 auto; padding: 0 3rem; } .location-permission_head h5 { font-weight: 500; margin-bottom: 1rem; line-height: 1.5; } .location-permission_head p { font-size: 0.89rem; margin-bottom: 2rem; color: #8798ad; } .location-permission_body .default { border: solid 1px #dee2e6; border-radius: 4px; padding: 1rem; padding-right: 3rem; display: inline-flex; align-items: center; color: #8798ad; margin: 0 1rem; position: relative; min-width: 300px; font-weight: 300; } .location-permission_body .default:after { position: absolute; right: 1.2rem; top: calc(50% - 5px); content: ""; display: block; margin: 0; width: 10px; height: 10px; border-top: 2px solid var(--brand-color); border-right: 2px solid var(--brand-color); transform: rotate(45deg); } [dir="rtl"] .location-permission_body .default:after { transform: rotate(-135deg); } .location-permission_body .default .icn { max-width: 30px; margin-right: 1rem; } .location-permission_body .default .location-name { font-size: 0.85rem; } .location-permission_body .default .location-name strong { font-weight: 600; color: #2e384d; } .location-permission_body .default:hover { border-color: var(--brand-color); } .location-permission_body .or { max-width: none; margin: 1.5rem auto; font-weight: 400; } .location-permission_body .or:after, .location-permission_body .or:before { width: 45%; background: #dee2e6; } .location-permission_body .location-search { max-width: 300px; margin: 0 auto; } .location-permission_body .location-search input, .location-permission_body .location-search .form select, .form .location-permission_body .location-search select, .location-permission_body .location-search .form .custom-select, .form .location-permission_body .location-search .custom-select, .location-permission_body .location-search .form textarea, .form .location-permission_body .location-search textarea { font-size: 0.8rem; background-image: url(images/retina/magni-gray.svg); background-repeat: no-repeat; background-position: 15px center; background-size: 20px; padding: 1.5rem; padding-left: 45px; } [dir="rtl"] .location-permission_body .location-search input, [dir="rtl"] .location-permission_body .location-search .form select, .form [dir="rtl"] .location-permission_body .location-search select, [dir="rtl"] .location-permission_body .location-search .form .custom-select, .form [dir="rtl"] .location-permission_body .location-search .custom-select, [dir="rtl"] .location-permission_body .location-search .form textarea, .form [dir="rtl"] .location-permission_body .location-search textarea { background-position: calc(100% - 10px) center; } .quick-view { height: 100%; z-index: 15; left: 0; right: 0; top: 0; bottom: 0; background: #fff; position: fixed; -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; transform-origin: center; overflow: hidden; overflow-y: auto; } .quick-view .product-description { border: none; } .quick-view.quick-view--open { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); } .quick-view .row { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quick-view .quick-col-1 { padding-top: 15px; padding-bottom: 15px; } .quick-view .quick-col-2 { height: 100%; overflow-y: auto; border-left: solid 1px #dee2e6; background: #f3f4f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; min-height: 450px; } html.quick-view--open { overflow: hidden; } .product-gallery { position: relative; max-width: 100%; padding: 1rem; } .product-gallery .slick-arrow { background: #5c5c5c; top: auto; bottom: 20px; margin: 0; } .product-gallery .slick-prev { right: auto; left: calc(50% - 50px); } .product-gallery .slick-next { left: auto; right: calc(50% - 50px); } .product-gallery .slick-prev:after, .product-gallery .slick-next:after { border-color: #fff; } .product-gallery .slick-dots { padding: 0; margin: 0; position: absolute; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; } .product-gallery .slick-dots li { display: block; margin: 8px 5px; width: 15px; height: 15px; border-radius: 50%; border: solid 2px #d1d1d1; cursor: pointer; background: rgba(255, 255, 255, 0.5); } .product-gallery .slick-dots li button { background: none; border: none; text-indent: -9999999px; } .product-gallery .slick-dots li.slick-active { background: #fff; border-color: var(--brand-color); } .product-detail.product-detail-quickview { height: 100%; width: 100%; padding: 1em; max-width: 450px; min-height: 430px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quantity { background: #fff; border: solid 1px #dee2e6; height: 38px; display: flex; align-items: center; max-width: 130px; border-radius: 3px; } .quantity span { display: flex; align-items: center; justify-content: center; cursor: pointer; max-width: 32px; flex: 0 0 32px; width: 32px; height: 100%; font-size: 0.7rem; color: #8798ad; } .quantity span:hover { color: #2e384d; } .quantity input, .quantity .form input[type="text"], .form .quantity input[type="text"], .quantity .form input[type="email"], .form .quantity input[type="email"], .quantity .form input[type="phone"], .form .quantity input[type="phone"], .quantity .form input[type="search"], .form .quantity input[type="search"], .quantity .form input[type="password"], .form .quantity input[type="password"], .quantity .form input[type="date"], .form .quantity input[type="date"], .quantity .form input[type="url"], .form .quantity input[type="url"], .quantity .form input[type="tel"], .form .quantity input[type="tel"], .quantity .form input[type="number"], .form .quantity input[type="number"], .quantity .form input[type="file"], .form .quantity input[type="file"], .quantity .form select, .form .quantity select, .quantity .form .custom-select, .form .quantity .custom-select, .quantity .form textarea, .form .quantity textarea { border: none; text-align: center; padding: 0 8px; width: 100%; height: 100%; font-size: 0.85rem; min-width: 35px; } .quantity-2 { max-width: 90px; height: 24px; border: none; } .quantity-2 span { width: 24px; flex: 0 0 24px; max-width: 24px; background-color: #f3f4f5; border-radius: 2px; } .filters__ele { padding: 1.5rem; width: 100%; } .filters__ele .filter-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; } .filters .sidebar-widget { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: solid 1px #dee2e6; position: relative; } .filters .sidebar-widget:after { background: var(--brand-color); width: 30px; height: 2px; content: ""; position: absolute; bottom: -1px; left: 0; } .filters .sidebar-widget:last-child { margin-bottom: 0; padding-bottom: 0; border: none; } .filters .sidebar-widget:last-child:after { content: normal; } .filters .sidebar-widget__head { font-size: 0.85rem; /*text-transform: uppercase;*/ margin: 0; color: #2e384d; font-weight: 600; display: flex; justify-content: space-between; align-items: center; padding-right: 20px; position: relative; cursor: pointer; } .filters .sidebar-widget__head:before { content: ""; position: absolute; top: calc(50% - 6px); right: 0rem; display: inline-block; border-right: 1px solid black; border-bottom: 1px solid black; width: 8px; height: 8px; transform: rotate(45deg); transform-origin: center; transition: all 0.5s ease; } .filters .sidebar-widget__head[aria-expanded='true']:before { top: calc(50% - 1px); transform: rotate(-134deg); } .filters .sidebar-widget__body { padding: 1rem 0; } .selected-filters { display: flex; flex-wrap: wrap; align-items: center; font-size: 0.8rem; margin-top: 0.6rem; margin-bottom: 0.875rem; } .selected-filters .chip { white-space: nowrap; display: flex; align-items: center; border-radius: 30px; border: solid 1px #dee2e6; padding: 5px 5px; margin: 2px 0; padding-left: 14px; margin-right: 10px; font-size: inherit; background-color: #fff; height: 28px; } .selected-filters .chip:hover { border-color: var(--brand-color); } .selected-filters .chip:hover .remove { background: var(--brand-color); color: var(--brand-color-inverse); } .selected-filters .chip:last-child { margin-right: 0; } .selected-filters .chip.more { font-weight: 600; padding-right: 14px; } .selected-filters .chip .remove { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; margin: 0; border-radius: 50%; margin-left: 5px; font-size: 10px; color: inherit; } .selected-filters .chip .remove:hover { background: var(--brand-color); color: var(--brand-color-inverse); } .filter-left { display: grid; grid-template-columns: 280px 1fr; grid-gap: 25px; } @media (max-width: 991.98px) { .filter-left { display: block; } } .filter-left .filters .sidebar-widget__body { transition: none !important; } .filter-top .filters_body { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-gap: 25px; } @media (max-width: 991.98px) { .filter-top .filters_body { display: block; } } .filter-top .collection-sidebar { margin-bottom: 1.5rem; } @media (min-width: 992px) { .filter-top .filters .sidebar-widget { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } } @media (min-width: 992px) { .filter-top .filters .sidebar-widget:after { display: none; } } @media (min-width: 992px) { .filter-top .filters .sidebar-widget__head { border-radius: 2px; border: solid 1px #dee2e6; background-color: #fff; padding: 0.7rem; padding-right: 35px; } .filter-top .filters .sidebar-widget__head::before { right: 1rem; } } .filter-top .filters .sidebar-widget__body { transition: none !important; } @media (min-width: 992px) { .filter-top .filters .sidebar-widget__body { padding: 1rem; position: absolute; z-index: 1; top: 100%; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); border-radius: 5px; } } .filters-left { display: flex; flex-wrap: wrap; } .filters-left .collection-sidebar { margin-right: 2rem; } .filters-left .selected-filters { margin-bottom: 1.5rem; } .filter-top .shop-information { display: flex; align-items: center; } @media (max-width: 991.98px) { .filter-top .shop-information { flex-direction: column; padding: 1rem; align-items: center; border: none; border-radius: 0px; } } .filter-top .shop-information .shop-logo { margin: 0; } @media (max-width: 991.98px) { .filter-top .shop-information .shop-logo { margin: 0 auto; } } .filter-top .shop-information .shop-info { display: flex; align-items: flex-start; justify-content: space-between; flex: 1; text-align: left; } @media (max-width: 991.98px) { .filter-top .shop-information .shop-info { flex-direction: column; align-items: center; } } .filter-top .shop-information .shop-info .shop-name { margin: 0 10px; } @media (max-width: 991.98px) { .filter-top .shop-information .shop-info .shop-name { margin: 1rem 0; } } .filter-top .shop-information .shop-info .shop-name .products__rating { margin: 0; padding: 0; justify-content: flex-start; } .filter-top .shop-information .shop-info .shop-btn-group { margin: 0 10px; } .saved-cards { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .saved-cards > li { border-radius: 4px; border: solid 1px #dee2e6; background: #fff; padding: 1rem; position: relative; } .saved-cards > li.selected, .saved-cards > li:hover { background: #005eff url(images/visa-bg.jpg) no-repeat center; border-color: #005eff; box-shadow: 0 2px 4px 0 #cfd7df; } .saved-cards > li.selected .list-actions, .saved-cards > li:hover .list-actions { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .saved-cards > li.selected .cards-detail h6, .saved-cards > li.selected .cards-detail p, .saved-cards > li:hover .cards-detail h6, .saved-cards > li:hover .cards-detail p { color: #fff; } .saved-cards > li .radio input, .saved-cards > li .radio .form select, .form .saved-cards > li .radio select, .saved-cards > li .radio .form .custom-select, .form .saved-cards > li .radio .custom-select, .saved-cards > li .radio .form textarea, .form .saved-cards > li .radio textarea { width: 20px !important; height: 20px !important; max-width: 20px; flex: 0 0 20px; border-color: #fff; background: none; vertical-align: inherit; } .saved-cards > li .cards-detail h6 { color: #8798ad; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 2px; } .saved-cards > li .cards-detail p { color: #2e384d; font-size: 0.9rem; font-weight: 600; } .saved-cards > li .list-actions { position: absolute; top: 19px; right: 1.5rem; opacity: 0; -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; transition-property: -webkit-transform, transform, opacity; } .saved-cards > li .list-actions li { margin: 0; display: flex; } .saved-cards > li .list-actions li a { color: #fff; } .saved-cards > li .list-actions li a .svg { width: 20px; height: 20px; opacity: 1; vertical-align: inherit; } .saved-cards > li .list-actions li a:hover .svg { fill: #fff; } .saved-cards > li label { display: block; cursor: pointer; } .no-data-found { margin: 2rem auto; text-align: center; display: flex; flex-direction: column; } .no-data-found .img { max-width: 100%; margin: 1rem auto; } .no-data-found .img img, .no-data-found .img .post .post_media iframe, .post .post_media .no-data-found .img iframe, .no-data-found .img .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .no-data-found .img img, .no-data-found .img .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .no-data-found .img img, .no-data-found .img .svg { width: 100%; max-width: 400px; } .no-data-found .data { margin-top: 1rem; } .no-data-found .data h2 { font-size: 1.8rem; margin: 0; font-weight: 400; } .no-data-found .data p { margin-bottom: 1rem; color: #8798ad; font-size: 0.85rem; } .no-data-found.no-data-found--md .img { max-width: 150px; } .no-data-found.no-data-found--md .data h2 { font-size: 1.5rem; } .no-data-found.no-data-found--sm .img { max-width: 100px; } .no-data-found.no-data-found--sm .data h2 { font-size: 1.2rem; } .timeline-orders { margin: 2rem 0; } .timeline-comments { display: flex; } .timeline-comments .timeline-avatar { width: 45px; height: 45px; border-radius: 50%; background: var(--brand-color); color: var(--brand-color-inverse); display: flex; align-items: center; justify-content: center; margin-right: 1rem; overflow: hidden; } .timeline-comments .timeline-comments-box { flex: 1; } @media (max-width: 767.98px) { .timeline-comments .timeline-comments-box .input-group .form-control { flex: 1; margin-bottom: .875rem; max-width: 100%; } } @media (max-width: 767.98px) { .timeline-comments .timeline-comments-box .input-group .input-group-append > .btn { border-radius: 3px; } } /* Timeline */ .timeline { border-left: 2px solid var(--brand-color); border-bottom-right-radius: 3px; border-top-right-radius: 3px; color: rgba(0, 0, 0, 0.8); margin: 30px auto; margin-left: 153px; position: relative; line-height: 1.4em; font-size: 0.8rem; padding: 0 50px; list-style: none; } @media (max-width: 767.98px) { .timeline { margin-left: 0px; padding: 0 20px; } } .timeline p { font-size: 0.8rem; } .timeline .dropdown-toggle { font-weight: 400; } @media (max-width: 767.98px) { .timeline .dropdown-toggle { white-space: normal; } } .timeline .event { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); padding-bottom: 1rem; margin-bottom: 1rem; position: relative; color: #8798ad; } .timeline .event:last-of-type { padding-bottom: 0; margin-bottom: 0; border: none; } .timeline .event:before, .timeline .event:after { position: absolute; display: block; top: 0; } .timeline .event:before { left: -200px; color: #8798ad; content: attr(data-date); text-align: right; font-size: 0.75rem; min-width: 120px; } @media (max-width: 767.98px) { .timeline .event:before { left: 0px; position: relative; display: block; text-align: left; } } .timeline .event:after { box-shadow: 0 0 0 2px var(--brand-color); left: -57px; background: #fff; border-radius: 50%; height: 11px; width: 11px; content: ""; top: 2px; } @media (max-width: 767.98px) { .timeline .event:after { left: -27px; } } .timeline .timeline_status { font-size: 0.85rem; font-weight: 500; display: block; color: #2e384d; margin-bottom: 0.5rem; } .timeline .timeline_status .svg { fill: currentColor; margin-right: 5px; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 100%, 20%, 53%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 100%, 50% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 100%, 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 100%, 11.1% { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 100%, 20%, 40%, 60%, 80% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 100%, 60%, 75%, 90% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /*! * Font Awesome Free 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adobe:before { content: "\f778"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\f907"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-handshake:before { content: "\f2b5"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\f913"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-instagram:before { content: "\f16d"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\f91a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\f91e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\f941"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-tripadvisor:before { content: "\f262"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\f949"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: normal; font-display: auto; src: url("fonts/fa-brands-400.eot"); src: url("fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff"), url("fonts/fa-brands-400.ttf") format("truetype"), url("fonts/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: 'Font Awesome 5 Brands'; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; src: url("fonts/fa-solid-900.eot"); src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .ct-double-octave:after, .ct-major-eleventh:after, .ct-major-second:after, .ct-major-seventh:after, .ct-major-sixth:after, .ct-major-tenth:after, .ct-major-third:after, .ct-major-twelfth:after, .ct-minor-second:after, .ct-minor-seventh:after, .ct-minor-sixth:after, .ct-minor-third:after, .ct-octave:after, .ct-perfect-fifth:after, .ct-perfect-fourth:after, .ct-square:after { content: ""; clear: both; } .ct-label { fill: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); font-size: .75rem; line-height: 1; } .ct-grid-background, .ct-line { fill: none; } .ct-chart-bar .ct-label, .ct-chart-line .ct-label { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; } .ct-chart-donut .ct-label, .ct-chart-pie .ct-label { dominant-baseline: central; } .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: flex-start; } .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: flex-start; } .ct-label.ct-vertical.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-label.ct-vertical.ct-end { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: flex-start; } .ct-chart-bar .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: flex-start; } .ct-chart-bar .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; text-anchor: flex-start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start { -webkit-box-align: flex-end; -ms-flex-align: flex-end; align-items: flex-end; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: flex-start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end { -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: flex-start; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; text-align: right; text-anchor: end; } .ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; text-align: left; text-anchor: end; } .ct-grid { stroke: rgba(0, 0, 0, 0.2); stroke-width: 1px; stroke-dasharray: 2px; } .ct-point { stroke-width: 10px; stroke-linecap: round; } .ct-line { stroke-width: 4px; } .ct-area { stroke: none; fill-opacity: 0.1; } .ct-bar { fill: none; stroke-width: 10px; } .ct-slice-donut { fill: none; stroke-width: 60px; } .ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut { stroke: #d70206; } .ct-series-a .ct-area, .ct-series-a .ct-slice-pie { fill: #d70206; } .ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut { stroke: #f05b4f; } .ct-series-b .ct-area, .ct-series-b .ct-slice-pie { fill: #f05b4f; } .ct-series-c .ct-bar, .ct-series-c .ct-line, .ct-series-c .ct-point, .ct-series-c .ct-slice-donut { stroke: #f4c63d; } .ct-series-c .ct-area, .ct-series-c .ct-slice-pie { fill: #f4c63d; } .ct-series-d .ct-bar, .ct-series-d .ct-line, .ct-series-d .ct-point, .ct-series-d .ct-slice-donut { stroke: #d17905; } .ct-series-d .ct-area, .ct-series-d .ct-slice-pie { fill: #d17905; } .ct-series-e .ct-bar, .ct-series-e .ct-line, .ct-series-e .ct-point, .ct-series-e .ct-slice-donut { stroke: #453d3f; } .ct-series-e .ct-area, .ct-series-e .ct-slice-pie { fill: #453d3f; } .ct-series-f .ct-bar, .ct-series-f .ct-line, .ct-series-f .ct-point, .ct-series-f .ct-slice-donut { stroke: #59922b; } .ct-series-f .ct-area, .ct-series-f .ct-slice-pie { fill: #59922b; } .ct-series-g .ct-bar, .ct-series-g .ct-line, .ct-series-g .ct-point, .ct-series-g .ct-slice-donut { stroke: #0544d3; } .ct-series-g .ct-area, .ct-series-g .ct-slice-pie { fill: #0544d3; } .ct-series-h .ct-bar, .ct-series-h .ct-line, .ct-series-h .ct-point, .ct-series-h .ct-slice-donut { stroke: #6b0392; } .ct-series-h .ct-area, .ct-series-h .ct-slice-pie { fill: #6b0392; } .ct-series-i .ct-bar, .ct-series-i .ct-line, .ct-series-i .ct-point, .ct-series-i .ct-slice-donut { stroke: #f05b4f; } .ct-series-i .ct-area, .ct-series-i .ct-slice-pie { fill: #f05b4f; } .ct-series-j .ct-bar, .ct-series-j .ct-line, .ct-series-j .ct-point, .ct-series-j .ct-slice-donut { stroke: #dda458; } .ct-series-j .ct-area, .ct-series-j .ct-slice-pie { fill: #dda458; } .ct-series-k .ct-bar, .ct-series-k .ct-line, .ct-series-k .ct-point, .ct-series-k .ct-slice-donut { stroke: #eacf7d; } .ct-series-k .ct-area, .ct-series-k .ct-slice-pie { fill: #eacf7d; } .ct-series-l .ct-bar, .ct-series-l .ct-line, .ct-series-l .ct-point, .ct-series-l .ct-slice-donut { stroke: #86797d; } .ct-series-l .ct-area, .ct-series-l .ct-slice-pie { fill: #86797d; } .ct-series-m .ct-bar, .ct-series-m .ct-line, .ct-series-m .ct-point, .ct-series-m .ct-slice-donut { stroke: #b2c326; } .ct-series-m .ct-area, .ct-series-m .ct-slice-pie { fill: #b2c326; } .ct-series-n .ct-bar, .ct-series-n .ct-line, .ct-series-n .ct-point, .ct-series-n .ct-slice-donut { stroke: #6188e2; } .ct-series-n .ct-area, .ct-series-n .ct-slice-pie { fill: #6188e2; } .ct-series-o .ct-bar, .ct-series-o .ct-line, .ct-series-o .ct-point, .ct-series-o .ct-slice-donut { stroke: #a748ca; } .ct-series-o .ct-area, .ct-series-o .ct-slice-pie { fill: #a748ca; } .ct-square { display: block; position: relative; width: 100%; } .ct-square:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 100%; } .ct-square:after { display: table; } .ct-square > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-second { display: block; position: relative; width: 100%; } .ct-minor-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 93.75%; } .ct-minor-second:after { display: table; } .ct-minor-second > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-second { display: block; position: relative; width: 100%; } .ct-major-second:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 88.8888888889%; } .ct-major-second:after { display: table; } .ct-major-second > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-third { display: block; position: relative; width: 100%; } .ct-minor-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 83.3333333333%; } .ct-minor-third:after { display: table; } .ct-minor-third > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-third { display: block; position: relative; width: 100%; } .ct-major-third:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 80%; } .ct-major-third:after { display: table; } .ct-major-third > svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fourth { display: block; position: relative; width: 100%; } .ct-perfect-fourth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 75%; } .ct-perfect-fourth:after { display: table; } .ct-perfect-fourth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-perfect-fifth { display: block; position: relative; width: 100%; } .ct-perfect-fifth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 66.6666666667%; } .ct-perfect-fifth:after { display: table; } .ct-perfect-fifth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-sixth { display: block; position: relative; width: 100%; } .ct-minor-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 62.5%; } .ct-minor-sixth:after { display: table; } .ct-minor-sixth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-golden-section { display: block; position: relative; width: 100%; } .ct-golden-section:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 61.804697157%; } .ct-golden-section:after { content: ""; display: table; clear: both; } .ct-golden-section > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-sixth { display: block; position: relative; width: 100%; } .ct-major-sixth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 60%; } .ct-major-sixth:after { display: table; } .ct-major-sixth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-minor-seventh { display: block; position: relative; width: 100%; } .ct-minor-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 56.25%; } .ct-minor-seventh:after { display: table; } .ct-minor-seventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-seventh { display: block; position: relative; width: 100%; } .ct-major-seventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 53.3333333333%; } .ct-major-seventh:after { display: table; } .ct-major-seventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-octave { display: block; position: relative; width: 100%; } .ct-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 50%; } .ct-octave:after { display: table; } .ct-octave > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-tenth { display: block; position: relative; width: 100%; } .ct-major-tenth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 40%; } .ct-major-tenth:after { display: table; } .ct-major-tenth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-eleventh { display: block; position: relative; width: 100%; } .ct-major-eleventh:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 37.5%; } .ct-major-eleventh:after { display: table; } .ct-major-eleventh > svg { display: block; position: absolute; top: 0; left: 0; } .ct-major-twelfth { display: block; position: relative; width: 100%; } .ct-major-twelfth:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 33.3333333333%; } .ct-major-twelfth:after { display: table; } .ct-major-twelfth > svg { display: block; position: absolute; top: 0; left: 0; } .ct-double-octave { display: block; position: relative; width: 100%; } .ct-double-octave:before { display: block; float: left; content: ""; width: 0; height: 0; padding-bottom: 25%; } .ct-double-octave:after { display: table; } .ct-double-octave > svg { display: block; position: absolute; top: 0; left: 0; } .img-container { max-height: 350px; position: relative; } .cropper-container { direction: ltr; font-size: 0; line-height: 0; position: relative; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cropper-container img, .cropper-container .post .post_media iframe, .post .post_media .cropper-container iframe, .cropper-container .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .cropper-container img, .cropper-container .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .cropper-container img { display: block; height: 100%; image-orientation: 0deg; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .cropper-wrap-box, .cropper-canvas { overflow: hidden; } .cropper-drag-box { background-color: #fff; opacity: 0; } .cropper-modal { background-color: #000; opacity: 0.5; } .cropper-view-box { display: block; height: 100%; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, 0.75); overflow: hidden; width: 100%; } .cropper-dashed { border: 0 dashed #eee; display: block; opacity: 0.5; position: absolute; } .cropper-dashed.dashed-h { border-bottom-width: 1px; border-top-width: 1px; height: calc(100% / 3); left: 0; top: calc(100% / 3); width: 100%; } .cropper-dashed.dashed-v { border-left-width: 1px; border-right-width: 1px; height: 100%; left: calc(100% / 3); top: 0; width: calc(100% / 3); } .cropper-center { display: block; height: 0; left: 50%; opacity: 0.75; position: absolute; top: 50%; width: 0; } .cropper-center::before, .cropper-center::after { background-color: #eee; content: ' '; display: block; position: absolute; } .cropper-center::before { height: 1px; left: -3px; top: 0; width: 7px; } .cropper-center::after { height: 7px; left: 0; top: -3px; width: 1px; } .cropper-face, .cropper-line, .cropper-point { display: block; height: 100%; opacity: 0.1; position: absolute; width: 100%; } .cropper-face { background-color: #fff; left: 0; top: 0; } .cropper-line { background-color: #39f; } .cropper-line.line-e { cursor: ew-resize; right: -3px; top: 0; width: 5px; } .cropper-line.line-n { cursor: ns-resize; height: 5px; left: 0; top: -3px; } .cropper-line.line-w { cursor: ew-resize; left: -3px; top: 0; width: 5px; } .cropper-line.line-s { bottom: -3px; cursor: ns-resize; height: 5px; left: 0; } .cropper-point { background-color: #39f; height: 5px; opacity: 0.75; width: 5px; } .cropper-point.point-e { cursor: ew-resize; margin-top: -3px; right: -3px; top: 50%; } .cropper-point.point-n { cursor: ns-resize; left: 50%; margin-left: -3px; top: -3px; } .cropper-point.point-w { cursor: ew-resize; left: -3px; margin-top: -3px; top: 50%; } .cropper-point.point-s { bottom: -3px; cursor: s-resize; left: 50%; margin-left: -3px; } .cropper-point.point-ne { cursor: nesw-resize; right: -3px; top: -3px; } .cropper-point.point-nw { cursor: nwse-resize; left: -3px; top: -3px; } .cropper-point.point-sw { bottom: -3px; cursor: nesw-resize; left: -3px; } .cropper-point.point-se { bottom: -3px; cursor: nwse-resize; height: 20px; opacity: 1; right: -3px; width: 20px; } @media (min-width: 768px) { .cropper-point.point-se { height: 15px; width: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { height: 10px; width: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { height: 5px; opacity: 0.75; width: 5px; } } .cropper-point.point-se::before { background-color: #39f; bottom: -50%; content: ' '; display: block; height: 200%; opacity: 0; position: absolute; right: -50%; width: 200%; } .cropper-invisible { opacity: 0; } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-hide { display: block; height: 0; position: absolute; width: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } #facebox { position: fixed; top: 100px; left: 0; z-index: 100; /*text-align: left;*/ -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*animation by pawan*/ /*@-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } #facebox { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }*/ @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } #facebox { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #facebox .popup { padding: 30px; position: relative; /*  border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);*/ } #facebox .content { display: block; width: 100%; padding: 15px; background-color: #fff; border-radius: 4px; margin: 0 auto; position: relative; } #facebox .content .pop-up-title { font-weight: 300; color: #2e384d; font-size: 1.5rem; text-align: center; font-family: "Poppins", sans-serif; /*margin-bottom: 20px;*/ padding: 10px; /*border-bottom: $border;*/ } #facebox .content.small-fb-width { width: 100%; max-width: 350px; } #facebox .content.medium-fb-width { width: 100%; max-width: 650px; } #facebox .content.large-fb-width { width: 100%; max-width: 800px; min-width: 350px; } #facebox .content.faceboxWidth { width: 850px; min-width: 350px; min-height: 150px; } #facebox .content.fbminwidth { min-width: 350px; min-height: 150px; } #facebox .content.productQuickView { width: 900px; padding: 0; } #facebox .content.collection-ui-popup { padding: 15px; } #facebox .content.loginpopup { padding: 0; max-height: none; max-width: 450px; } #facebox .content > p:first-child { margin-top: 0; } #facebox .content > p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top: 0; right: 0; padding: 0px; width: 30px; height: 30px; opacity: 0.6; } #facebox .close:before { width: 2px; height: 30px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 0; content: ""; background: #000; } #facebox .close:after { width: 30px; height: 2px; left: 0px; top: 50%; margin: -1px 0 0 0; position: absolute; content: ""; background: #000; } #facebox .close.close--white:before, #facebox .close.close--white:after { background: #ffffff; } /* #facebox .content.faceboxFixed { position: fixed; } */ /* #facebox .close:hover{animation: spin180 0.4s;-webkit-animation: spin180 0.4s;} @keyframes spin180 { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-moz-keyframes spin180 { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } @-webkit-keyframes spin180 { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-o-keyframes spin180 { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(360deg);} } @-ms-keyframes spin180 { from {-ms-transform: rotate(0deg);} to {-ms-transform: rotate(360deg);} }*/ #facebox .close img, #facebox .close .post .post_media iframe, .post .post_media #facebox .close iframe { opacity: 0.3; } #facebox .close:hover img, #facebox .close:hover .post .post_media iframe, .post .post_media #facebox .close:hover iframe { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img, #facebox .post .post_media iframe, .post .post_media #facebox iframe { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { opacity: 0.7; background-color: #000; z-index: 99; } @media only screen and (max-width: 1200px) { #facebox { left: 0 !important; right: 0 !important; top: 0 !important; } #facebox .content { display: block; padding: 15px; } #facebox .content.faceboxWidth { width: auto; max-width: 750px; } } @media only screen and (max-width: 767px) { #facebox .content.fbminwidth { min-width: inherit; max-height: 90vh; overflow-y: auto; } #facebox .content.productQuickView { overflow-y: auto; } #facebox .popup { padding: 30px 20px; } } /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only, .form select.ui-button.ui-button-icon-only, .form .ui-button.ui-button-icon-only.custom-select, .form textarea.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon, .form select.ui-button.ui-icon-notext .ui-icon, .form .ui-button.ui-icon-notext.custom-select .ui-icon, .form textarea.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, .form input.ui-button[type="text"]::-moz-focus-inner, .form input.ui-button[type="email"]::-moz-focus-inner, .form input.ui-button[type="phone"]::-moz-focus-inner, .form input.ui-button[type="search"]::-moz-focus-inner, .form input.ui-button[type="password"]::-moz-focus-inner, .form input.ui-button[type="date"]::-moz-focus-inner, .form input.ui-button[type="url"]::-moz-focus-inner, .form input.ui-button[type="tel"]::-moz-focus-inner, .form input.ui-button[type="number"]::-moz-focus-inner, .form input.ui-button[type="file"]::-moz-focus-inner, .form select.ui-button::-moz-focus-inner, .form .ui-button.custom-select::-moz-focus-inner, .form textarea.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { -webkit-box-shadow: inset 1px 1px 1px #ccc; box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 3px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-hover { border: none !important; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/ .ui-datepicker .ui-datepicker-prev { left: 5px; } .ui-datepicker .ui-datepicker-next { right: 5px; } /* .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } */ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select, .ui-datepicker .ui-datepicker-title .custom-select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker .ui-datepicker-month.custom-select, .ui-datepicker select.ui-datepicker-year, .ui-datepicker .ui-datepicker-year.custom-select { width: 48%; height: 30px; padding-left: 5px; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; border: 1px solid #eee; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.5rem 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { border: none !important; position: relative; text-align: left; } .ui-slider .ui-slider-handle { border-radius: 100%; border: none !important; background: #c4c8cc !important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { border: none !important; background: #0064ca !important; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { background: #e9e9e9 !important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget .form input[type="text"], .form .ui-widget input[type="text"], .ui-widget .form input[type="email"], .form .ui-widget input[type="email"], .ui-widget .form input[type="phone"], .form .ui-widget input[type="phone"], .ui-widget .form input[type="search"], .form .ui-widget input[type="search"], .ui-widget .form input[type="password"], .form .ui-widget input[type="password"], .ui-widget .form input[type="date"], .form .ui-widget input[type="date"], .ui-widget .form input[type="url"], .form .ui-widget input[type="url"], .ui-widget .form input[type="tel"], .form .ui-widget input[type="tel"], .ui-widget .form input[type="number"], .form .ui-widget input[type="number"], .ui-widget .form input[type="file"], .form .ui-widget input[type="file"], .ui-widget .form select, .form .ui-widget select, .ui-widget .form .custom-select, .form .ui-widget .custom-select, .ui-widget .form textarea, .form .ui-widget textarea, .ui-widget select, .ui-widget .custom-select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url("images/ui-icons_222222_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .ui-datepicker .ui-datepicker-prev span.ui-icon, .ui-datepicker .ui-datepicker-next span.ui-icon { background-image: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { position: absolute; left: 50%; top: 50%; content: ""; margin: -5px 0 0 -3px; border-bottom: 5px solid transparent; border-top: 5px solid transparent; } .ui-datepicker .ui-datepicker-prev:before { border-right: 5px solid #333; } .ui-datepicker .ui-datepicker-next:before { border-left: 5px solid #333; } .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-hover { background: none; } .ui-datepicker { border: none !important; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 5px !important; width: auto; min-width: 310px; font-size: 0.8rem; } .ui-datepicker-header.ui-widget-header { background: none; border: none; } .ui-datepicker-month, .ui-datepicker-year { margin: 0 2px !important; } .ui-datepicker td .ui-state-default { background: none; border: none; text-align: center; padding: 8px 5px; } .ui-datepicker td.ui-datepicker-current-day { background: #333; color: #fff; } .ui-datepicker td.ui-datepicker-current-day a { color: inherit; } .ui-datepicker td.ui-datepicker-today { background: var(--brand-color); color: var(--brand-color-inverse); font-weight: 600; } .ui-datepicker td.ui-datepicker-today a { color: inherit; } /*.ui-datepicker td.ui-datepicker-current-day:before{position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #54d1f1;box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);}*/ .ui-datepicker td { position: relative; } .ui-datepicker td > a { position: relative; } .ui-datepicker td.ui-datepicker-today .ui-state-active { /*background: #fff;*/ } .ui-datepicker td.ui-datepicker-today .ui-state-active:before { display: none; } .ui-datepicker td.ui-datepicker-today .ui-state-active > a { color: #54d1f1; } .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a { color: #54d1f1; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today { /*background: none;*/ } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before { display: none; } /*.ui-datepicker td.ui-datepicker-today {background: #333;} .ui-datepicker td.ui-datepicker-today:before {position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #333;box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);}*/ /*.ui-datepicker td.ui-datepicker-today a{color:$brand-color;font-weight: 600;background:#EEE;}*/ .ui-datepicker .ui-datepicker-buttonpane { border: none; padding: 0; } .ui-datepicker .ui-datepicker-buttonpane button { opacity: 1; padding: 5px 20px 6px; font-weight: normal !important; border: none; -webkit-transition: 0.5s all ease; margin: 0; font-size: 0.8em; transition: 0.5s all ease; background: none !important; color: var(--brand-color) !important; border: 1px solid var(--brand-color) !important; } /*.ui-datepicker-other-month{background-color: rgba(0, 0, 0, 0.05);}*/ .ui-datepicker-calendar .ui-state-disabled { background: rgba(0, 0, 0, 0.04); } .dropdown-menu { -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; padding: 0; position: absolute; top: 100%; min-width: 200px; z-index: 2; display: none; list-style: none; overflow-y: auto; } .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu li a { display: block; padding: 10px; color: inherit; } @media (max-width: 767px) { .ui-datepicker { min-width: 300px; /* z-index: 11 !important; */ } .ui-datepicker td .ui-state-default { padding: 5px; } } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding: 0 0 0 0; font-size: 1rem; font-weight: 400; } .ui-timepicker-div dl dd { margin: 20px 10px 20px 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display: inline-block; margin: 0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content: ':'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content: '.'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before { display: none; } [data-simplebar] { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; -ms-flex-line-pack: flex-start; align-content: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; width: inherit; /*height: inherit;*/ max-width: inherit; } .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { direction: inherit; position: absolute; overflow: hidden; padding: 0; margin: 0; left: 0; top: 0; bottom: 0; right: 0; width: auto !important; height: auto !important; z-index: 0; } .simplebar-offset { direction: inherit !important; -webkit-box-sizing: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content { direction: inherit; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: auto; visibility: visible; overflow: scroll; max-width: 100%; max-height: 100%; } .simplebar-resize-wrapper:after, .simplebar-resize-wrapper:before { content: " "; display: table; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer-wrapper { -webkit-box-sizing: inherit !important; box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -webkit-box-flex: inherit; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .simplebar-height-auto-observer { -webkit-box-sizing: inherit; box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; pointer-events: none; overflow: hidden; } [data-simplebar].simplebar-dragging .simplebar-track { pointer-events: all; } .simplebar-scrollbar { position: absolute; right: 2px; width: 7px; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ""; background: #000; border-radius: 7px; left: 0; right: 0; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; } .simplebar-track .simplebar-scrollbar.simplebar-visible:before { opacity: .5; -webkit-transition: opacity 0s linear; transition: opacity 0s linear; } .simplebar-track.simplebar-vertical { top: 0; width: 11px; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } [data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; 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); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img, .slick-slide .post .post_media iframe, .post .post_media .slick-slide iframe, .slick-slide .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slick-slide img, .slick-slide .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slick-slide img { display: block; } .slick-slide.slick-loading img, .slick-slide.slick-loading .post .post_media iframe, .post .post_media .slick-slide.slick-loading iframe, .slick-slide.slick-loading .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slick-slide.slick-loading img, .slick-slide.slick-loading .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img, .slick-slide.dragging .post .post_media iframe, .post .post_media .slick-slide.dragging iframe, .slick-slide.dragging .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slick-slide.dragging img, .slick-slide.dragging .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .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; } /* Compatibility styles for frameworks like bootstrap, foundation e.t.c */ .xzoom-source img, .xzoom-source .post .post_media iframe, .post .post_media .xzoom-source iframe, .xzoom-source .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .xzoom-source img, .xzoom-source .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .xzoom-source img, .xzoom-preview img, .xzoom-preview .post .post_media iframe, .post .post_media .xzoom-preview iframe, .xzoom-preview .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .xzoom-preview img, .xzoom-preview .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .xzoom-preview img, .xzoom-lens img, .xzoom-lens .post .post_media iframe, .post .post_media .xzoom-lens iframe, .xzoom-lens .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .xzoom-lens img, .xzoom-lens .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .xzoom-lens img { display: block; max-width: none; max-height: none; -webkit-transition: none; transition: none; } /* --------------- */ /* xZoom Styles below */ .xzoom-container { display: block; margin: 0 auto; text-align: center; } .xzoom-thumbs { text-align: center; } .xzoom-thumbs > a { display: inline-block; } .xzoom { /*	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11);*/ margin: 0 auto; height: auto; } .xzoom2, .xzoom3, .xzoom4, .xzoom5 { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); } /* Thumbs */ /* .xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5 { border: 1px solid #cecece; margin:10px 5px; } */ .xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; } /* Everything out of border is hidden */ .xzoom-hidden { overflow: hidden; } /* Preview */ .xzoom-preview { border: 1px solid #ccc; /* background: #2f4f4f; */ background: #fff; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22); z-index: 15; } /* Lens */ .xzoom-lens { border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.22); cursor: crosshair; } /* Loading */ .xzoom-loading { border-radius: 50%; opacity: .7; background: url(images/loading.gif) no-repeat center; background-size: 20px; width: 30px; height: 30px; } /* Additional class that applied to thumb when it is active */ /* .xactive { -webkit-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); -moz-box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); box-shadow: 0px 0px 3px 0px rgba(74,169,210,1); border: 1px solid #4aaad2; } */ /* Caption */ .xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left; } .xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; } :root { --tagify-dd-color-primary: rgb(53, 149, 246); --tagify-dd-bg-color: white ; } .tagify { --tags-border-color: #DDD; --tag-bg: #E5E5E5; --tag-hover: #D3E2E2; --tag-text-color: black; --tag-text-color--edit: black; --tag-pad: 0.3em 0.5em; --tag-inset-shadow-size: 1.1em; --tag-invalid-color: #D39494; --tag-invalid-bg: rgba(211, 148, 148, 0.5); --tag-remove-bg: rgba(211, 148, 148, 0.3); --tag-remove-btn-bg: none; --tag-remove-btn-bg--hover: #c77777; --tag--min-width: 1ch; --tag--max-width: auto; --tag-hide-transition: .3s; --loader-size: .8em; display: flex; align-items: flex-start; flex-wrap: wrap; border: 1px solid #ddd; border: 1px solid var(--tags-border-color); padding: 0; line-height: 1.1; cursor: text; outline: 0; position: relative; transition: 0.1s; } @keyframes tags--bump { 30% { transform: scale(1.2); } } @keyframes rotateLoader { to { transform: rotate(1turn); } } .tagify:hover { border-color: #ccc; } .tagify.tagify--focus { transition: 0s; border-color: #3595f6; } .tagify[readonly] { cursor: default; } .tagify[readonly] > .tagify__input { visibility: hidden; width: 0; margin: 5px 0; } .tagify[readonly] .tagify__tag__removeBtn { display: none; } .tagify[readonly] .tagify__tag > div { padding: .3em .5em; padding: var(--tag-pad); } .tagify[readonly] .tagify__tag > div::before { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); } .tagify--loading .tagify__input::before { content: none; } .tagify--loading .tagify__input::after { content: ''; vertical-align: middle; margin: -2px 0 -2px .5em; opacity: 1; width: .7em; height: .7em; width: var(--loader-size); height: var(--loader-size); border: 3px solid; border-color: #eee #bbb #888 transparent; border-radius: 50%; animation: rotateLoader 0.4s infinite linear; } .tagify--loading .tagify__input:empty::after { margin-left: 0; } .tagify + input, .form .tagify + input[type="text"], .form .tagify + input[type="email"], .form .tagify + input[type="phone"], .form .tagify + input[type="search"], .form .tagify + input[type="password"], .form .tagify + input[type="date"], .form .tagify + input[type="url"], .form .tagify + input[type="tel"], .form .tagify + input[type="number"], .form .tagify + input[type="file"], .form .tagify + select, .form .tagify + .custom-select, .form .tagify + textarea, .tagify + textarea { display: none !important; } .tagify__tag { display: inline-flex; align-items: center; margin: 5px 0 5px 5px; position: relative; z-index: 1; outline: 0; cursor: default; transition: 0.13s ease-out; } .tagify__tag > div { vertical-align: top; box-sizing: border-box; max-width: 100%; padding: .3em .5em; padding: var(--tag-pad); color: #000; color: var(--tag-text-color); line-height: inherit; border-radius: 3px; -webkit-user-select: none; user-select: none; transition: 0.13s ease-out; } .tagify__tag > div > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: top; min-width: var(--tag--min-width); max-width: var(--tag--max-width); transition: 0.8s ease, 0.1s color; } .tagify__tag > div > [contenteditable] { outline: 0; -webkit-user-select: text; user-select: text; cursor: text; margin: -2px; padding: 2px; max-width: 350px; } .tagify__tag > div::before { content: ''; position: absolute; border-radius: inherit; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; transition: 120ms ease; animation: tags--bump .3s ease-out 1; box-shadow: 0 0 0 1.1em #e5e5e5 inset; box-shadow: 0 0 0 calc(var(--tag-inset-shadow-size)) var(--tag-bg) inset; } .tagify__tag:hover:not([readonly]) div::before { top: -2px; right: -2px; bottom: -2px; left: -2px; box-shadow: 0 0 0 1.1em #d3e2e2 inset; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset; } .tagify__tag.tagify--noAnim > div::before { animation: none; } .tagify__tag.tagify--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; transform: scale(0); transition: .3s; transition: var(--tag-hide-transition); pointer-events: none; } .tagify__tag.tagify--mark div::before { animation: none; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: 0.5; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset !important; transition: 0.2s; } .tagify__tag[readonly] .tagify__tag__removeBtn { display: none; } .tagify__tag[readonly] > div::before { background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px; box-shadow: none; filter: brightness(0.95); } .tagify__tag--editable > div { color: #000; color: var(--tag-text-color--edit); } .tagify__tag--editable > div::before { box-shadow: 0 0 0 2px #d3e2e2 inset !important; box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } .tagify__tag--editable.tagify--invalid > div::before { box-shadow: 0 0 0 2px #d39494 inset !important; box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } .tagify__tag__removeBtn { order: 5; display: inline-flex; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer; font: 14px Serif; background: 0 0; background: var(--tag-remove-btn-bg); color: #000; color: var(--tag-text-color); width: 14px; height: 14px; margin-right: 4.66667px; margin-left: -4.66667px; transition: 0.2s ease-out; } .tagify__tag__removeBtn::after { content: "×"; } .tagify__tag__removeBtn:hover { color: #fff; background: #c77777; background: var(--tag-remove-btn-bg--hover); } .tagify__tag__removeBtn:hover + div > span { opacity: 0.5; } .tagify__tag__removeBtn:hover + div::before { box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset !important; transition: 0.2s; } .tagify:not(.tagify--mix) .tagify__input br { display: none; } .tagify:not(.tagify--mix) .tagify__input * { display: inline; white-space: nowrap; } .tagify__input { display: block; min-width: 110px; margin: 5px; padding: .3em .5em; padding: var(--tag-pad, 0.3em 0.5em); line-height: inherit; position: relative; white-space: pre-line; } .tagify__input::before { display: inline-block; width: 0; } .tagify__input:empty { display: flex; } .tagify__input:empty::before { transition: .2s ease-out; opacity: .5; transform: none; width: auto; } .tagify__input:focus { outline: 0; } .tagify__input:focus::before { transition: .2s ease-out; opacity: 0; transform: translatex(6px); } @supports (-moz-appearance: none) { .tagify__input:focus::before { display: none; } } .tagify__input:focus:empty::before { transition: .2s ease-out; opacity: .3; transform: none; } @supports (-moz-appearance: none) { .tagify__input:focus:empty::before { display: inline-block; } } .tagify__input::before { content: attr(data-placeholder); line-height: 1.8; position: absolute; top: 0; z-index: 1; color: #000; white-space: nowrap; pointer-events: none; opacity: 0; } .tagify--mix .tagify__input::before { position: static; line-height: inherit; } @supports (-moz-appearance: none) { .tagify__input::before { line-height: inherit; position: relative; } } .tagify__input::after { content: attr(data-suggest); display: inline-block; white-space: pre; color: #000; opacity: .3; pointer-events: none; max-width: 100px; } .tagify__input .tagify__tag { margin: 0; } .tagify__input .tagify__tag > div { padding-top: 0; padding-bottom: 0; } .tagify--mix { line-height: 1.7; } .tagify--mix .tagify__input { padding: 5px; margin: 0; width: 100%; height: 100%; line-height: inherit; } .tagify--mix .tagify__input::after { content: none; } .tagify--select::after { content: '>'; opacity: .5; position: absolute; top: 50%; right: 0; bottom: 0; font: 16px monospace; line-height: 8px; height: 8px; pointer-events: none; transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); transition: 0.2s ease-in-out; } .tagify--select[aria-expanded=true]::after { transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); } .tagify--select .tagify__tag { position: absolute; top: 0; right: 1.8em; bottom: 0; } .tagify--select .tagify__tag div { display: none; } .tagify--select .tagify__input { width: 100%; } .tagify--invalid { --tags-border-color: #D39494 ; } .tagify__dropdown { position: absolute; z-index: 9999; transform: translateY(1px); overflow: hidden; } .tagify__dropdown[placement=top] { margin-top: 0; transform: translateY(-2px); } .tagify__dropdown[placement=top] .tagify__dropdown__wrapper { border-top-width: 1px; border-bottom-width: 0; } .tagify__dropdown--text { box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); font-size: 0.9em; } .tagify__dropdown--text .tagify__dropdown__wrapper { border-width: 1px; } .tagify__dropdown__wrapper { max-height: 300px; overflow: hidden; background: #fff; background: var(--tagify-dd-bg-color); border: 1px solid #3595f6; border-color: var(--tagify-dd-color-primary); border-top-width: 0; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); transition: 0.25s cubic-bezier(0, 1, 0.5, 1); } .tagify__dropdown__wrapper:hover { overflow: auto; } .tagify__dropdown--initial .tagify__dropdown__wrapper { max-height: 20px; transform: translateY(-1em); } .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper { transform: translateY(2em); } .tagify__dropdown__item { box-sizing: inherit; padding: .3em .5em; margin: 1px; cursor: pointer; border-radius: 2px; position: relative; outline: 0; } .tagify__dropdown__item--active { background: #3595f6; background: var(--tagify-dd-color-primary); color: #fff; } .tagify__dropdown__item:active { filter: brightness(105%); } .iti { position: relative; /* display: inline-block*/ } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti .form input[type="text"], .form .iti input[type="text"], .iti .form input[type="email"], .form .iti input[type="email"], .iti .form input[type="phone"], .form .iti input[type="phone"], .iti .form input[type="search"], .form .iti input[type="search"], .iti .form input[type="password"], .form .iti input[type="password"], .iti .form input[type="date"], .form .iti input[type="date"], .iti .form input[type="url"], .form .iti input[type="url"], .iti .form input[type="tel"], .form .iti input[type="tel"], .iti .form input[type="number"], .form .iti input[type="number"], .iti .form input[type="file"], .form .iti input[type="file"], .iti .form select, .form .iti select, .iti .form .custom-select, .form .iti .custom-select, .iti .form textarea, .form .iti textarea, .iti input[type=tel], .iti .form select[type=tel], .form .iti select[type=tel], .iti .form [type=tel].custom-select, .form .iti [type=tel].custom-select, .iti .form textarea[type=tel], .form .iti textarea[type=tel], .iti input[type=text], .iti .form select[type=text], .form .iti select[type=text], .iti .form [type=text].custom-select, .form .iti [type=text].custom-select, .iti .form textarea[type=text], .form .iti textarea[type=text] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: #fff; border: 1px solid #ccc; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .iti__country { padding: 5px 10px; outline: 0; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__country-name, .iti__dial-code, .iti__flag-box { vertical-align: middle; } .iti__country-name, .iti__flag-box { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown .form input[type="text"], .form .iti--allow-dropdown input[type="text"], .iti--allow-dropdown .form input[type="email"], .form .iti--allow-dropdown input[type="email"], .iti--allow-dropdown .form input[type="phone"], .form .iti--allow-dropdown input[type="phone"], .iti--allow-dropdown .form input[type="search"], .form .iti--allow-dropdown input[type="search"], .iti--allow-dropdown .form input[type="password"], .form .iti--allow-dropdown input[type="password"], .iti--allow-dropdown .form input[type="date"], .form .iti--allow-dropdown input[type="date"], .iti--allow-dropdown .form input[type="url"], .form .iti--allow-dropdown input[type="url"], .iti--allow-dropdown .form input[type="tel"], .form .iti--allow-dropdown input[type="tel"], .iti--allow-dropdown .form input[type="number"], .form .iti--allow-dropdown input[type="number"], .iti--allow-dropdown .form input[type="file"], .form .iti--allow-dropdown input[type="file"], .iti--allow-dropdown .form select, .form .iti--allow-dropdown select, .iti--allow-dropdown .form .custom-select, .form .iti--allow-dropdown .custom-select, .iti--allow-dropdown .form textarea, .form .iti--allow-dropdown textarea, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown .form select[type=tel], .form .iti--allow-dropdown select[type=tel], .iti--allow-dropdown .form [type=tel].custom-select, .form .iti--allow-dropdown [type=tel].custom-select, .iti--allow-dropdown .form textarea[type=tel], .form .iti--allow-dropdown textarea[type=tel], .iti--allow-dropdown input[type=text], .iti--allow-dropdown .form select[type=text], .form .iti--allow-dropdown select[type=text], .iti--allow-dropdown .form [type=text].custom-select, .form .iti--allow-dropdown [type=text].custom-select, .iti--allow-dropdown .form textarea[type=text], .form .iti--allow-dropdown textarea[type=text], .iti--separate-dial-code input, .iti--separate-dial-code .form input[type="text"], .form .iti--separate-dial-code input[type="text"], .iti--separate-dial-code .form input[type="email"], .form .iti--separate-dial-code input[type="email"], .iti--separate-dial-code .form input[type="phone"], .form .iti--separate-dial-code input[type="phone"], .iti--separate-dial-code .form input[type="search"], .form .iti--separate-dial-code input[type="search"], .iti--separate-dial-code .form input[type="password"], .form .iti--separate-dial-code input[type="password"], .iti--separate-dial-code .form input[type="date"], .form .iti--separate-dial-code input[type="date"], .iti--separate-dial-code .form input[type="url"], .form .iti--separate-dial-code input[type="url"], .iti--separate-dial-code .form input[type="tel"], .form .iti--separate-dial-code input[type="tel"], .iti--separate-dial-code .form input[type="number"], .form .iti--separate-dial-code input[type="number"], .iti--separate-dial-code .form input[type="file"], .form .iti--separate-dial-code input[type="file"], .iti--separate-dial-code .form select, .form .iti--separate-dial-code select, .iti--separate-dial-code .form .custom-select, .form .iti--separate-dial-code .custom-select, .iti--separate-dial-code .form textarea, .form .iti--separate-dial-code textarea, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code .form select[type=tel], .form .iti--separate-dial-code select[type=tel], .iti--separate-dial-code .form [type=tel].custom-select, .form .iti--separate-dial-code [type=tel].custom-select, .iti--separate-dial-code .form textarea[type=tel], .form .iti--separate-dial-code textarea[type=tel], .iti--separate-dial-code input[type=text], .iti--separate-dial-code .form select[type=text], .form .iti--separate-dial-code select[type=text], .iti--separate-dial-code .form [type=text].custom-select, .form .iti--separate-dial-code [type=text].custom-select, .iti--separate-dial-code .form textarea[type=text], .form .iti--separate-dial-code textarea[type=text] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="text"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="email"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="phone"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="search"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="password"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="date"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="url"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="tel"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="number"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[disabled][type="file"] + .iti__flag-container:hover, .iti--allow-dropdown .form select[disabled] + .iti__flag-container:hover, .form .iti--allow-dropdown select[disabled] + .iti__flag-container:hover, .iti--allow-dropdown .form [disabled].custom-select + .iti__flag-container:hover, .form .iti--allow-dropdown [disabled].custom-select + .iti__flag-container:hover, .iti--allow-dropdown .form textarea[disabled] + .iti__flag-container:hover, .form .iti--allow-dropdown textarea[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="text"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="email"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="phone"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="search"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="password"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="date"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="url"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="tel"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="number"] + .iti__flag-container:hover, .iti--allow-dropdown .form input[readonly][type="file"] + .iti__flag-container:hover, .iti--allow-dropdown .form select[readonly] + .iti__flag-container:hover, .form .iti--allow-dropdown select[readonly] + .iti__flag-container:hover, .iti--allow-dropdown .form [readonly].custom-select + .iti__flag-container:hover, .form .iti--allow-dropdown [readonly].custom-select + .iti__flag-container:hover, .iti--allow-dropdown .form textarea[readonly] + .iti__flag-container:hover, .form .iti--allow-dropdown textarea[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form select[disabled] + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown select[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form [disabled].custom-select + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown [disabled].custom-select + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form textarea[disabled] + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown textarea[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form select[readonly] + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown select[readonly] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form [readonly].custom-select + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown [readonly].custom-select + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown .form textarea[readonly] + .iti__flag-container:hover .iti__selected-flag, .form .iti--allow-dropdown textarea[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0 0; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0; } .iti__flag.iti__af { height: 14px; background-position: -66px 0; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0; } .iti__flag.iti__al { height: 15px; background-position: -132px 0; } .iti__flag.iti__am { height: 10px; background-position: -154px 0; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0; } .iti__flag.iti__as { height: 10px; background-position: -242px 0; } .iti__flag.iti__at { height: 14px; background-position: -264px 0; } .iti__flag.iti__au { height: 10px; background-position: -286px 0; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0; } .iti__flag.iti__az { height: 10px; background-position: -352px 0; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0; } .iti__flag.iti__be { height: 15px; background-position: -440px 0; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0; } .iti__flag.iti__br { height: 14px; background-position: -680px 0; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0; } .iti__flag.iti__by { height: 10px; background-position: -790px 0; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0; } .iti__flag { height: 15px; box-shadow: 0 0 1px 0 #888; background-image: url(images/intlTelInput/flags.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url(images/intlTelInput/flags@2x.png); } } .iti__flag.iti__np { background-color: transparent; } /*! nouislider - 14.1.1 - 12/15/2019 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; } .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; right: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin { left: 0; right: auto; } .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 .3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 10px; } .noUi-horizontal .noUi-handle { width: 20px; height: 20px; right: -10px; top: -6px; } .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; right: -6px; top: -17px; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -10px; right: auto; } .noUi-target { background: #FAFAFA; border-radius: 2px; border: none; box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: var(--brand-color); } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 50%; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB; } .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB; } .noUi-handle:after, .noUi-handle:before { /*content: "";*/ display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed; } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 1px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 5px; } .noUi-marker-horizontal.noUi-marker-large { height: 10px; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-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); transform: translate(-50%, 0); /* left: 50%;*/ bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-tooltip { display: none; } .noUi-active .noUi-tooltip { display: block; } .offline-wrapper { max-width: 400px; margin: 100px auto; text-align: center; } .offline-wrapper .img-no-internet { max-width: 80%; margin-bottom: 1.5rem; } .offline-wrapper p { margin-bottom: 1rem; } .header-blog .main-bar-blog { padding: 0.6rem 0; } .header-blog .main-bar-blog .header-blog-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-blog .main-bar-blog .container { position: relative; } .header-blog .main-search { max-width: 665px; } .header-blog .main-search .form--search-popup { top: 58px; } .header-blog .backto { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; } .header-blog .backto a { color: var(--brand-color); font-size: 0.875rem; font-weight: 600; } @media (max-width: 767.98px) { .header-blog .backto a { font-size: 0; } } .header-blog .backto a .icn-arrow { width: 16px; height: auto; fill: var(--brand-color); margin-left: 0.3rem; } .first-fold .post .post_title { color: #000; font-size: 1.5rem; } @media (max-width: 991.98px) { .first-fold .post .post_title { margin-bottom: 0; } } .first-fold .post .post_media { margin: 0; } @media (max-width: 1199.98px) { .first-fold .post .post_media img, .first-fold .post .post_media iframe, .first-fold .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .first-fold .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .first-fold .post .post_media img { border-radius: 4px 4px 0 0; border: none; } } .first-fold .post .post_bg { position: relative; background: #fff; position: absolute; left: 1px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 30rem; padding: 4rem 3rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 991.98px) { .first-fold .post .post_bg { position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 15px; max-width: none; border-radius: 0 0 4px 4px; } } .post { position: relative; padding: 0; margin: 0; } .post .post_media { position: relative; padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ margin-bottom: 2.5rem; } .post .post_media img, .post .post_media iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media img { border: solid 1px #dee2e6; display: block; border-radius: 3px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .post .article-inner .blog_author { font-size: 0.8rem; margin-bottom: 0.8rem; } .post .article-inner .blog_author .article__author { color: #2e384d; margin-right: 10px; font-weight: 600; } .post .article-inner .blog_author .article__date { color: #acb7ce; } .post .article-inner .article-title { margin-bottom: 1rem; line-height: 1.5; font-weight: 600; font-size: 1.25rem; } .post .article-inner a { color: inherit; text-decoration: none; } .post .article-inner a:hover { text-decoration: underline; color: inherit; } .post .post_category { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0.5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post .post_category li:first-child { border-left: none; -webkit-padding-start: 0; -moz-padding-start: 0; padding-left: 0; margin-left: 0; } .post .post_category li a { display: block; color: #acb7ce; border: solid 1px #acb7ce; border-radius: 40px; font-size: 0.75rem; line-height: 1.2; /*text-transform: uppercase;*/ padding: 5px 10px; margin-bottom: 8px; margin-right: 8px; } .post .post_title { line-height: 1.5; font-weight: 600; font-size: 1.25rem; margin-bottom: 1rem; color: #2e384d; } .post .post_title a { color: inherit; } .post-detail { position: relative; } .post-detail:after { background: var(--secondary-color); color: var(--secondary-color-inverse); height: 176px; width: 100%; top: 0; position: absolute; content: ""; } .post-detail .container { position: relative; z-index: 1; } .posted-content { margin-right: 2.5rem; } @media (max-width: 991.98px) { .posted-content { margin-right: 0; } } .posted-content a { color: var(--brand-color); } .posted-content .posted-media { margin-bottom: 2rem; background: #fff; border-radius: 4px; overflow: hidden; } .posted-content .posted-media .post__pic .media-wrapper { position: relative; padding-bottom: 56.25%; } .posted-content .posted-media .post__pic .media-wrapper iframe, .posted-content .posted-media .post__pic .media-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .arrows { cursor: pointer; } .arrows svg { width: 30px; height: auto; fill: #b8b8b7; } .arrows:hover svg { fill: var(--brand-color); } .arrows--left { margin-right: 1.5rem; } .popular-stories { max-width: 2000px; margin: 0 auto; } .popular-stories .item { margin: 0 15px; padding-bottom: 10px; } .blog-subscribers { text-align: center; } .blog-subscribers h4 { color: inherit; font-size: 2rem; font-weight: 600; } .blog-subscribers p { font-size: 1.125rem; color: inherit; } .form-subscribe { margin: 1rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .form-subscribe input[type="text"], .form-subscribe .form select[type="text"], .form .form-subscribe select[type="text"], .form-subscribe .form [type="text"].custom-select, .form .form-subscribe [type="text"].custom-select, .form-subscribe .form textarea[type="text"], .form .form-subscribe textarea[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #fff; height: 3.5rem; width: 100%; line-height: 1.2; font-size: 1em; padding: 5px 20px; margin: 0; margin-right: -3px; border: none; color: #2e384d; vertical-align: top; border-top-left-radius: 50px; border-bottom-left-radius: 50px; } .form-subscribe input[type="submit"], .form-subscribe .form select[type="submit"], .form .form-subscribe select[type="submit"], .form-subscribe .form select[type="button"], .form .form-subscribe select[type="button"], .form-subscribe .form [type="button"].custom-select, .form .form-subscribe [type="button"].custom-select, .form-subscribe .form select[type="reset"], .form .form-subscribe select[type="reset"], .form-subscribe .form [type="reset"].custom-select, .form .form-subscribe [type="reset"].custom-select, .form-subscribe .form [type="submit"].custom-select, .form .form-subscribe [type="submit"].custom-select, .form-subscribe .form button.custom-select, .form .form-subscribe button.custom-select, .form-subscribe .form textarea[type="submit"], .form .form-subscribe textarea[type="submit"], .form-subscribe .form textarea[type="button"], .form .form-subscribe textarea[type="button"], .form-subscribe .form textarea[type="reset"], .form .form-subscribe textarea[type="reset"], .form-subscribe .form input[type="button"], .form .form-subscribe input[type="button"], .form-subscribe .form input[type="reset"], .form .form-subscribe input[type="reset"] { font-size: 1em; background: #000; height: 3.5rem; width: 100%; max-width: 136px; line-height: 1.2; padding: 5px 15px; margin: 0; border: none; color: #fff; vertical-align: top; font-weight: 300; border-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; cursor: pointer; } .post-meta-detail .post--title { color: #2e384d; font-size: calc(112.5% + 1vw); font-weight: 800; line-height: 1.3; margin-bottom: 2rem; } .posted-by { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; color: #acb7ce; font-size: 0.875rem; text-transform: uppercase; flex-wrap: wrap; } .posted-by span { border-right: solid 1px #dee2e6; padding-right: 1rem; margin-right: 1rem; } @media (max-width: 991.98px) { .posted-by .dropdown { display: inline-block; width: 100%; } .posted-by .dropdown .share-icon { display: inline-block; margin: 1rem 0; } } /*post detail*/ .post__detail { color: #2e384d; font-size: 1rem; } .post__detail blockquote { margin-top: 10px; margin-bottom: 10px; margin-left: 32px; padding: 12px 0 0 45px; font-size: 25px; font-weight: 600; line-height: normal; font-style: italic; color: var(--brand-color); } .post__detail blockquote p { font-size: 25px; font-weight: 600; line-height: normal; font-style: italic; color: var(--brand-color); } .post__detail p { color: #666; font-weight: 300; line-height: 1.6; padding: 0 0 15px 0; } .post__detail a { color: var(--brand-color); text-decoration: underline; } .post__detail img, .post__detail .post .post_media iframe, .post .post_media .post__detail iframe, .post__detail .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .post__detail img, .post__detail .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .post__detail img { border-radius: 4px; } .post__detail .roll { display: inline-block; overflow: hidden; vertical-align: top; -webkit-perspective: 400px; -ms-perspective: 400px; perspective: 400px; -webkit-perspective-origin: 50% 50%; -ms-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .post__detail .roll:hover { background: none; text-shadow: none; } .post__detail ul { margin: 10px 0 10px 0; padding: 0; } .post__detail ul li { position: relative; line-height: 30px; padding: 0 0 8px 24px; color: #555; letter-spacing: 0.02em; } .post__detail ul li:before { position: absolute; left: 0; top: 11px; width: 8px; height: 8px; content: ""; display: inline-block; background-color: currentColor; } .post__detail ul li a { color: var(--brand-color); text-decoration: none; } .post__detail ol { margin: 10px 0 10px 20px; padding: 0; width: 100%; display: inline-block; } .post__detail ol li { list-style: decimal outside; line-height: normal; padding: 0 0 10px 0; letter-spacing: 0.02em; color: #2e384d; font-weight: 300; } .post__detail ol.list-spl { color: #ccc; list-style-type: none; } .post__detail ol.list-spl li { font-size: 15px; position: relative; margin: 0px 0 15px 0; list-style-type: none !important; } .post__detail ol.list-spl li.highlighted-point .highlighted-info { margin: 0 0 0 56px; } .post__detail ol.list-spl li.highlighted-point .highlighted-info .sub-info { display: block; margin: 5px 0 0 0; } .post__detail ol.list-spl li.highlighted-point p { background: #fbf8da; color: #272727; position: relative; margin: 0 0 10px 13px; top: 13px; padding: 15px 15px 15px 40px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.62); } .post__detail table { border-collapse: collapse; width: auto; text-align: left; } .post__detail table th { border: solid 1px #dee2e6; padding: 5px 10px; vertical-align: top; color: var(--secondary-color); } .post__detail table td { border: solid 1px #dee2e6; padding: 5px 10px; vertical-align: top; } .post__detail table td strong { font-weight: 600; } .post__detail table p { padding: 0px; } .post__author { margin: 2rem 0; } .post__author .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: flex-start; -ms-flex-align: flex-start; align-items: flex-start; } .post__author .media__image { margin-right: 2rem; } .post__author .avatar { display: block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden; } .post__author .name { font-size: 1.25em; font-weight: 600; } .post__misc { margin: 2rem 0; } .comments { border: solid 1px #dee2e6; margin-bottom: 2rem 0; } .comments h2 { font-weight: 600; font-size: 1.5rem; color: #2e384d; margin: 1.5rem 2rem; } .comments:last-child { border-bottom: none; } .comments.odd { -webkit-padding-start: 110px; -moz-padding-start: 110px; padding-left: 110px; } .comment-respond h2 { margin: 0; margin-bottom: 1rem; font-size: 1rem; } .comment-meta { padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; border-top: solid 1px #dee2e6; } .comment-meta .avatar { border-radius: 50%; overflow: hidden; width: 78px; height: 78px; min-width: 78px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); margin-right: 2rem; } .comment-by { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .comment-by cite { display: block; font-style: normal; } .comment-by time { display: block; font-style: normal; color: #acb7ce; font-weight: 300; font-size: 0.875rem; } .comment-content { margin: 1rem 0 0 0; } .comment-content p { margin: 0; } .comment-respond { background: #f3f4f5; padding: 2rem; } .blog-subscribers-inner { background: var(--brand-color); color: var(--brand-color-inverse); } .blog-subscribers-inner h3 { color: inherit; font-weight: 600; } .blog-subscribers-inner p { color: inherit; font-size: 0.9em; } .blog-subscribers-inner .form-subscribe { margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .blog-subscribers-inner .form-subscribe input[type="text"], .blog-subscribers-inner .form-subscribe .form select[type="text"], .form .blog-subscribers-inner .form-subscribe select[type="text"], .blog-subscribers-inner .form-subscribe .form [type="text"].custom-select, .form .blog-subscribers-inner .form-subscribe [type="text"].custom-select, .blog-subscribers-inner .form-subscribe .form textarea[type="text"], .form .blog-subscribers-inner .form-subscribe textarea[type="text"] { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 50px; margin: 0.5rem 0; text-align: center; } .blog-subscribers-inner .form-subscribe input[type="submit"], .blog-subscribers-inner .form-subscribe .form select[type="submit"], .form .blog-subscribers-inner .form-subscribe select[type="submit"], .blog-subscribers-inner .form-subscribe .form select[type="button"], .form .blog-subscribers-inner .form-subscribe select[type="button"], .blog-subscribers-inner .form-subscribe .form [type="button"].custom-select, .form .blog-subscribers-inner .form-subscribe [type="button"].custom-select, .blog-subscribers-inner .form-subscribe .form select[type="reset"], .form .blog-subscribers-inner .form-subscribe select[type="reset"], .blog-subscribers-inner .form-subscribe .form [type="reset"].custom-select, .form .blog-subscribers-inner .form-subscribe [type="reset"].custom-select, .blog-subscribers-inner .form-subscribe .form [type="submit"].custom-select, .form .blog-subscribers-inner .form-subscribe [type="submit"].custom-select, .blog-subscribers-inner .form-subscribe .form button.custom-select, .form .blog-subscribers-inner .form-subscribe button.custom-select, .blog-subscribers-inner .form-subscribe .form textarea[type="submit"], .form .blog-subscribers-inner .form-subscribe textarea[type="submit"], .blog-subscribers-inner .form-subscribe .form textarea[type="button"], .form .blog-subscribers-inner .form-subscribe textarea[type="button"], .blog-subscribers-inner .form-subscribe .form textarea[type="reset"], .form .blog-subscribers-inner .form-subscribe textarea[type="reset"], .blog-subscribers-inner .form-subscribe .form input[type="button"], .form .blog-subscribers-inner .form-subscribe input[type="button"], .blog-subscribers-inner .form-subscribe .form input[type="reset"], .form .blog-subscribers-inner .form-subscribe input[type="reset"] { -webkit-box-flex: 0; -ms-flex: none; flex: none; border-radius: 50px; margin: 0.5rem 0; max-width: none; } .tabs-blog { background: #fff; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.05); } .tabs-blog li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .tabs-blog li a { display: block; padding: 0; color: #2e384d; font-size: 1.125rem; font-weight: 600; line-height: 3; text-align: center; } .tabs-blog li.is--active a { background: var(--secondary-color); color: var(--secondary-color-inverse); } .content-data { display: none; } .content-data > ul > li { margin-bottom: 1rem; } .content-data-blog > ul > li { border-bottom: solid 1px #dee2e6; margin-bottom: 1rem; } .content-data-blog > ul > li:last-child { border-bottom: none; } .content-data-blog .post_title { font-size: 1rem; } .pagination-blog { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 3rem 0; } .pagination-blog li { margin-right: 1rem; } .pagination-blog li a { width: 42px; line-height: 42px; text-align: center; height: 42px; display: block; font-size: 1em; color: #333; border: none; border: solid 1px #dee2e6; border-radius: 50%; position: relative; overflow: hidden; margin: 0; } .pagination-blog li.prev a { border-color: transparent; background: #373737 url(images/retina/arrows-left-white.svg) no-repeat center; background-size: 18px; } .pagination-blog li.next a { border-color: transparent; background: #373737 url(images/retina/arrow-right-white.svg) no-repeat center; background-size: 18px; } .pagination-blog li.selected a { background: var(--secondary-color); color: var(--secondary-color-inverse); border-color: transparent; } .likes-count li { margin-right: 10px; display: inline-block; line-height: 1; vertical-align: top; font-weight: 300; color: #000; font-size: 0.875em; } .likes-count li .icn-like, .likes-count li .icn-msg { display: inline-block; vertical-align: middle; margin-right: 10px; } .likes-count li .icn-msg img, .likes-count li .icn-msg .post .post_media iframe, .post .post_media .likes-count li .icn-msg iframe, .likes-count li .icn-msg .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .likes-count li .icn-msg img, .likes-count li .icn-msg .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .likes-count li .icn-msg img { width: 20px; } .right-side-bar .post_title { font-size: 1.1rem; font-weight: 500; } .promo-code { max-width: 400px; display: flex; align-items: center; } .promo-code form { display: flex; flex: 1; } .promo-code form .promo-input { width: auto; height: 40px; line-height: 1; } .product-line-info .label, .product-line-info .value { font-size: 0.8rem; } .product-line-info .value { color: #2e384d; } .list-cart { font-size: 0.9rem; } .list-cart .list-group-item { background-color: #fff; display: flex; justify-content: space-between; padding: 1rem; } @media (max-width: 991.98px) { .list-cart .list-group-item { flex-direction: column; } } .list-cart .list-group-item .row { align-items: flex-start; } .list-cart .list-group-item.list-saved-later { align-items: center; } @media (max-width: 991.98px) { .list-cart .list-group-item.list-saved-later { flex-direction: row; } } .list-cart .product-quantity { text-align: center; margin: 0 0; } .list-cart .product-quantity .remove { margin: 0.5rem 0; display: inline-block; } .list-cart .product-quantity .side-price { font-weight: 500; font-size: 0.8rem; margin-left: 10px; } .list-cart .product-quantity-price { display: flex; align-items: center; } .list-cart .product-price { font-weight: 600; /*  padding-top: 8px;*/ margin: 0 1rem; color: var(--brand-color); text-align: right; } .list-cart .product-price del { color: #2e384d; font-size: 0.8rem; font-weight: 300; } @media (max-width: 991.98px) { .list-cart .product-action { position: absolute; top: 1rem; right: 1rem; } } .list-cart .product-action .list-actions { /* padding-top: 8px;*/ justify-content: flex-end; } .list-cart .list-add { padding-top: 8px; display: flex; align-items: center; color: #8798ad; } .list-cart .list-add li { margin-right: 10px; } .list-cart .list-add li:last-child { margin: 0; } .list-cart .list-add .svg { width: 1rem; height: 1rem; fill: currentColor; } .list-cart .list-add .active .svg { width: 1rem; height: 1rem; fill: var(--brand-color); } .list-cart-double { flex-direction: row; flex-wrap: wrap; } .list-cart-double li { flex: 0 0 50%; max-width: 50%; padding: 1rem; border: none; border-top: solid 1px #dee2e6; } .list-cart-double li:nth-child(1), .list-cart-double li:nth-child(2) { border-top: none; } .list-cart-double li:last-child { flex: 1; max-width: none; } .list-cart-checkout .list-group-item { background: none; border: none; padding: 1rem 0; flex-direction: row; } .list-cart-checkout .list-group-item .img-fluid { max-width: 48px; } .list-cart-checkout .list-group-item .product-price { margin-right: 0; padding-top: 0; text-align: right; flex: initial; max-width: none; } .list-cart-return .list-group-item { flex-direction: column; } .list-cart-return .list-group-item:last-child { border-bottom: none; } .list-cart-return .list-group-item .product-profile__thumbnail img, .list-cart-return .list-group-item .product-profile__thumbnail .post .post_media iframe, .post .post_media .list-cart-return .list-group-item .product-profile__thumbnail iframe, .list-cart-return .list-group-item .product-profile__thumbnail .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .list-cart-return .list-group-item .product-profile__thumbnail img, .list-cart-return .list-group-item .product-profile__thumbnail .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .list-cart-return .list-group-item .product-profile__thumbnail img { max-width: 70px; } .list-cart-return .list-group-item .product-quantity { margin: 0; margin-top: 1rem; } .list-cart-return .list-group-item .product-price { flex: none; max-width: none; margin: 0; margin-bottom: 2rem; } .list-cart-order .product-thumbnail { max-width: 48px; flex: 0 0 48px; } .list-cart.cart-summary { font-size: 0.7rem; } .list-cart.cart-summary .list-group-item { border: none; } @media (max-width: 991.98px) { .list-cart.cart-summary .list-group-item { flex-direction: row; } } .list-cart.cart-summary .list-group-item .item { flex: 0 0 70%; max-width: 70%; } .list-cart.cart-summary .list-group-item .product_price { flex: 0 0 15%; max-width: 15%; } @media (max-width: 767.98px) { .list-cart.cart-summary .list-group-item .product_price { flex: 0 0 25%; max-width: 25%; padding-right: 20px; } } .list-cart.cart-summary .list-group-item .product-action { flex: 0 0 10%; max-width: 10%; } .product-profile { display: flex; flex-wrap: wrap; flex: 1; /*max-width: 300px;*/ min-width: 0; } @media (max-width: 991.98px) { .product-profile { max-width: 80%; margin-bottom: 1rem; } } .product-profile__thumbnail { position: relative; margin-right: 15px; } .product-profile__thumbnail img, .product-profile__thumbnail .post .post_media iframe, .post .post_media .product-profile__thumbnail iframe, .product-profile__thumbnail .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-profile__thumbnail img, .product-profile__thumbnail .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-profile__thumbnail img { min-width: 30px; max-width: 40px; border-radius: 4px; border: solid 1px #dee2e6; } @media (max-width: 767.98px) { .product-profile__thumbnail img, .product-profile__thumbnail .post .post_media iframe, .post .post_media .product-profile__thumbnail iframe, .product-profile__thumbnail .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-profile__thumbnail img, .product-profile__thumbnail .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-profile__thumbnail img { max-width: 50px; } } .product-profile__thumbnail .product-qty { font-size: 0.7rem; font-weight: 500; line-height: 1rem; white-space: nowrap; text-align: center; border-radius: 1.75rem; background-color: rgba(114, 114, 114, 0.9); color: #fff; min-width: 1rem; height: 1rem; padding: 0 0.1rem; position: absolute; right: -0.25rem; top: -0.25rem; z-index: 1; } .product-profile__data { flex: 1; min-width: 0px; } .product-profile__data .title { font-weight: 500; font-size: 0.88rem; margin-bottom: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-profile__data .title a { color: #2e384d; } .product-profile__data .options { font-size: 0.75rem; color: #8798ad; } .product-profile__btn { margin-top: 5px; font-size: 0.8rem; } .cart-total { font-size: 0.85rem; } .cart-total .list-group .list-group-item { display: flex; justify-content: space-between; } .cart-total .list-group .list-group-item .label, .cart-total .list-group .list-group-item .product-line-info .value, .product-line-info .cart-total .list-group .list-group-item .value { color: #2e384d; font-weight: 500; padding: 0; font-size: 0.85rem; text-transform: none; } .cart-total .coupons { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; } .cart-total .coupons h6 { font-size: 0.8rem; margin: 0; padding: 0; } .cart-total .coupons .svg { margin-right: 5px; } .cart-total .hightlighted { font-weight: 600; padding: 1.5rem 0; border: none; } .cart-total .included { text-align: center; font-weight: 400; font-size: 0.8rem; padding: 1rem 0; color: #8798ad; } .coupons-applied { border: dashed 1px #1dc9b7; padding: 1rem; border-radius: 4px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; position: relative; } .coupons-applied h6 { font-weight: 500; margin: 0; padding: 0; position: relative; display: flex; align-items: center; } .coupons-applied h6:before { content: ""; background: url(images/retina/tick.svg) no-repeat center; background-size: 0.8rem; width: 1rem; height: 1rem; margin-right: 8px; display: inline-block; } .coupons-applied p { font-size: 0.8rem; color: #1dc9b7; } .sticky-summary { position: sticky; top: 175px; } .buttons-group { display: flex; align-items: center; justify-content: space-around; } .buttons-group .btn { border-radius: 3px; text-align: center; padding: 0.6rem 1rem; display: block; align-items: center; font-size: 1rem; flex: 0 0 48%; max-width: 48%; } .buttons-group .btn:first-child { background: var(--brand-color); color: var(--brand-color-inverse); } .buttons-group .btn:last-child { background: #fff; border: solid 1px #dee2e6; margin-left: 4%; } .gift-wrap { margin-top: 1.5rem; background-color: #fff; } .gift-wrap .list-group-item { display: flex; justify-content: space-between; } .gift-wrap__left { display: flex; align-items: center; } .gift-wrap__icon { margin-right: 1rem; } .gift-wrap__icon svg { width: 24px; height: 24px; fill: currentColor; } .gift-wrap__text span:first-child { padding-right: 1rem; } .strong { font-weight: 500; } .secure { margin-top: 1.5rem; text-align: center; } .secure p { margin: 0.5rem 0; font-weight: 500; } .row-coupon .row-coupon__left { max-width: 10%; flex: 0 0 10%; padding-top: 10px; } .list-promo__name { color: var(--brand-color); border: dashed 2px var(--brand-color); border-radius: 4px; padding: 0.5rem 1rem; font-weight: 500; display: inline-block; font-size: 0.85rem; } .list-promo__code { font-weight: 500; padding-bottom: 0.5rem; display: block; } .list-promo__text { font-size: 0.75rem; } .row-coupon { display: flex; } .shiporpickup { position: relative; z-index: 1; margin-bottom: -2px; border-radius: 4px; } .shiporpickup ul { display: flex; justify-content: center; margin: 0 auto; border: solid 1px #dee2e6; border-radius: 4px 4px 0 0; } .shiporpickup ul li { background: #fff; color: #8798ad; flex: 1; } .shiporpickup ul li:first-child { border-top-left-radius: 4px; } .shiporpickup ul li:last-child { border-top-right-radius: 4px; } .shiporpickup .control-label { padding: 1rem 1rem; margin: 0; display: block; cursor: pointer; font-size: 0.9rem; text-align: center; position: relative; } .shiporpickup input[type="radio"], .shiporpickup .form select[type="radio"], .form .shiporpickup select[type="radio"], .shiporpickup .form [type="radio"].custom-select, .form .shiporpickup [type="radio"].custom-select, .shiporpickup .form textarea[type="radio"], .form .shiporpickup textarea[type="radio"] { position: absolute; opacity: 0; z-index: -1; } .shiporpickup input[type="radio"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="text"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="email"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="phone"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="search"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="password"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="date"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="url"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="tel"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="number"]:checked + .control-label, .shiporpickup .form input[type="radio"][type="file"]:checked + .control-label, .shiporpickup .form select[type="radio"]:checked + .control-label, .form .shiporpickup select[type="radio"]:checked + .control-label, .shiporpickup .form [type="radio"].custom-select:checked + .control-label, .form .shiporpickup [type="radio"].custom-select:checked + .control-label, .shiporpickup .form textarea[type="radio"]:checked + .control-label, .form .shiporpickup textarea[type="radio"]:checked + .control-label { color: var(--brand-color); } .shiporpickup input[type="radio"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="text"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="email"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="phone"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="search"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="password"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="date"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="url"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="tel"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="number"]:checked + .control-label:after, .shiporpickup .form input[type="radio"][type="file"]:checked + .control-label:after, .shiporpickup .form select[type="radio"]:checked + .control-label:after, .form .shiporpickup select[type="radio"]:checked + .control-label:after, .shiporpickup .form [type="radio"].custom-select:checked + .control-label:after, .form .shiporpickup [type="radio"].custom-select:checked + .control-label:after, .shiporpickup .form textarea[type="radio"]:checked + .control-label:after, .form .shiporpickup textarea[type="radio"]:checked + .control-label:after { content: ""; background: var(--brand-color); height: 2px; position: absolute; bottom: -1px; left: 0; right: 0; } .shiporpickup .svg { width: 24px; height: 24px; margin-right: 10px; fill: currentColor; } .shiporpickup .disabled { cursor: not-allowed; opacity: 0.5; } .info { flex: 1; display: flex; justify-content: space-between; align-items: center; padding: 1.5rem; background: #f3f4f5; border-radius: 4px; font-size: 0.85rem; } .info .svg { width: 20px; height: 20px; margin-right: 10px; fill: var(--brand-color); } .save-later { margin-top: 0.5rem; line-height: 1; font-weight: 500; font-size: 0.75rem; } .save-later a:hover { color: var(--brand-color); } .txt-brand { color: var(--brand-color); } .txt-success { color: #1dc9b7; } .coupon-offers { border: solid 1px #dee2e6; border-radius: 4px; } .coupon-offers li { border-bottom: solid 1px #edeff1; display: flex; align-items: flex-start; padding: 1rem; font-size: 0.8rem; color: #8798ad; } .coupon-offers .coupon-code { padding: 0.3rem 1.2rem; border-radius: 2rem; color: #acb7ce; border: dashed 1px #dee2e6; display: inline-block; font-weight: 500; margin-right: 1rem; cursor: pointer; } .coupon-offers .coupon-code:hover { border-color: var(--brand-color); color: var(--brand-color); } .cart-page .cart-title { font-weight: 300; font-size: 1.3rem; } .cart-page .cart-blocks .list-cart { margin-bottom: 3rem; } .list-cart-page .list-group-item { display: grid; gap: 1rem; grid-template-columns: auto 30% 25px; justify-content: inherit; } @media (max-width: 767.98px) { .list-cart-page .list-group-item { grid-template-columns: auto; } } .list-cart-page .list-group-item .wrap-qty-price { display: flex; } @media (max-width: 767.98px) { .list-cart-page .list-group-item .wrap-qty-price { flex: 1; align-items: center; } } .top-categories-wrapper { display: grid; grid-gap: 1rem; grid-template-columns: repeat(4, 1fr); } @media (max-width: 767.98px) { .top-categories-wrapper { grid-template-columns: repeat(2, 1fr); } } .top-categories-wrapper .top-categories { overflow: hidden; background: #fff; border-radius: 4px; height: 100%; color: #2e384d; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1); } .top-categories-wrapper .top-categories a { color: inherit; } .top-categories-wrapper .top-categories .cat-img { display: block; margin: 0 0 1rem; padding: 0 0 25%; position: relative; width: 100%; } .top-categories-wrapper .top-categories .cat-img img, .top-categories-wrapper .top-categories .cat-img .post .post_media iframe, .post .post_media .top-categories-wrapper .top-categories .cat-img iframe, .top-categories-wrapper .top-categories .cat-img .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .top-categories-wrapper .top-categories .cat-img img, .top-categories-wrapper .top-categories .cat-img .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .top-categories-wrapper .top-categories .cat-img img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-filter: blur(0px); -webkit-animation: fadein linear 1.5s; } .top-categories-wrapper .top-categories .cat-tittle { color: #000; font-weight: 600; font-size: 1em; padding: 0 1.5rem; } .top-categories-wrapper .top-categories .cat-list { padding: 0 1.5rem; } .top-categories-wrapper .top-categories .cat-list li { display: block; margin: 10px 0; color: #515050; font-size: 0.9em; } .top-categories-wrapper .top-categories a:hover { color: var(--brand-color); } .page-category { padding: 0; position: relative; z-index: 1; background: #f3f4f5; } .page-category__content { padding: 15px; border: 1px solid #ddd; color: #333; border-top: none; background: #fff; } .page-category__content p { font-size: 0.9em; } .cg-nav-wrapper { margin-bottom: 2rem; } .cg-nav-wrapper ul { display: flex; flex: 1; flex-wrap: wrap; color: #2e384d; } @media (max-width: 991.98px) { .cg-nav-wrapper ul { flex-wrap: nowrap; overflow-x: auto; } } .cg-nav-wrapper ul li { flex: 0 0 25%; max-width: 25%; padding: 5px; } @media (max-width: 991.98px) { .cg-nav-wrapper ul li { flex: auto; max-width: inherit; } } .cg-nav-wrapper ul li a { background: #fff; border: solid 1px #dee2e6; border-radius: 3px; color: inherit; display: flex; align-items: center; padding: 0; } .cg-nav-wrapper ul li a .cg-icon { height: 2.5rem; width: 2.5rem; display: flex; align-items: center; border-right: solid 1px #dee2e6; overflow: hidden; padding: 0.5rem; margin-right: 0.5rem; } .cg-nav-wrapper ul li a .caption { padding: 0.5rem; } @media (max-width: 991.98px) { .cg-nav-wrapper ul li a .caption { white-space: nowrap; } } .cg-nav-wrapper ul li.iss--active a { color: var(--primary-color); border-color: var(--primary-color); } .cg-nav-wrapper ul li.iss--active a .cg-icon { border-color: var(--primary-color); } .cg-main { color: #2e384d; } .cg-main a { color: inherit; } .cg-main ul { display: flex; flex-wrap: wrap; } @media (max-width: 991.98px) { .cg-main ul { flex-direction: column; } } .cg-main ul li { flex: 0 0 25%; max-width: 25%; } @media (max-width: 991.98px) { .cg-main ul li { flex: auto; max-width: none; } } .cg-main ul li a { padding: 0.5rem 0; font-size: 0.8rem; } .cg-main .item { margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom: solid 1px #dee2e6; display: block; } .cg-main .item:last-child { margin: 0; border-bottom: none; } .cg-main .big-title { font-size: 0.89rem; margin-bottom: 1rem; text-transform: uppercase; font-weight: 600; } .is-checkout { overflow-x: hidden; } .checkout { height: 100%; } @media (min-width: 1200px) { .checkout .container { max-width: 1000px; padding: inherit; } } .checkout .content { height: calc(100% - 95px); } .header-checkout { background: #fff; background-size: cover; border-bottom: solid 1px #dee2e6; display: flex; flex-direction: column; justify-content: center; position: sticky; top: 0; z-index: 2; } .header-checkout_inner { padding: 1.5rem 0; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 991.98px) { .header-checkout_inner { padding: 0; flex-direction: column; } } .logo-checkout-main { max-width: 150px; display: block; margin: 1rem 0; } @media (max-width: 991.98px) { .logo-checkout-main { max-width: 100px; } } @media (max-width: 1199.98px) { .logo-checkout-main { margin: 0.5rem auto; max-width: 100px; } } .logo-checkout-main img[data-ratio="16:9"], .logo-checkout-main .post .post_media iframe[data-ratio="16:9"], .post .post_media .logo-checkout-main iframe[data-ratio="16:9"], .logo-checkout-main .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="16:9"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .logo-checkout-main img[data-ratio="16:9"], .logo-checkout-main .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="16:9"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .logo-checkout-main img[data-ratio="16:9"] { max-width: 120px; } .logo-checkout-main img[data-ratio="1:1"], .logo-checkout-main .post .post_media iframe[data-ratio="1:1"], .post .post_media .logo-checkout-main iframe[data-ratio="1:1"], .logo-checkout-main .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="1:1"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .logo-checkout-main img[data-ratio="1:1"], .logo-checkout-main .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="1:1"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .logo-checkout-main img[data-ratio="1:1"] { max-width: 60px; } .order-summary-toggle { background: #f3f4f5; border: none; border-bottom: solid 1px #dee2e6; padding: 1.25em 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; } .order-summary-toggle .order-summary-toggle__inner { display: flex; width: 100%; } .order-summary-toggle .order-summary-toggle__inner .order-summary-toggle__text { position: relative; text-transform: uppercase; } .order-summary-toggle .order-summary-toggle__inner .svg { width: 10px; height: 10px; margin: 0; fill: currentColor; transform: rotate(90deg); transition: all 0.5s ease; } .order-summary-toggle .order-summary-toggle__total-recap { text-align: right; flex: 1; } .order-summary--on .order-summary-toggle__text .svg { transform: rotate(-90deg); } @media (min-width: 1200px) { .order-summary-toggle { display: none; } } .content { display: flex; flex-direction: column; flex: 1 0 auto; } .content .container { display: flex; flex: 1 0 auto; flex-direction: column-reverse; } @media (min-width: 1200px) { .content .container { flex-direction: row; } } @media (max-width: 991.98px) { .content .container { padding: 0; } } @media (min-width: 1200px) { .content .main { display: flex; flex-direction: column; flex: 1 0 auto; background: none; height: auto; padding: 1rem 0; padding-top: 4rem; width: 50%; padding-right: 5%; float: left; } .content .main__content { position: relative; overflow: hidden; display: flex; align-items: center; flex-direction: column; } } @media (max-width: 1199.98px) { .content .main { padding: 1rem; flex: 1; } } @media (max-width: 1199.98px) { .content .sidebar { padding: 0 1rem; margin: 1.5rem 0; background: #f3f4f5; } } @media (min-width: 1200px) { .content .sidebar { position: relative; width: 40%; padding-top: 4rem; padding-left: 4rem; background-position: left top; float: right; } .content .sidebar:after { content: ""; display: block; width: 300%; position: absolute; top: 0; left: -100%; bottom: 0; background: #fdfdfd; z-index: -1; -webkit-box-shadow: 0 -1px 0 #dee2e6 inset; box-shadow: 0 -1px 0 #dee2e6 inset; left: 0; background-position: left top; border-left: solid 1px #dee2e6; } } .content .breadcrumb .breadcrumb__item--current { font-weight: 600; } .content .breadcrumb .breadcrumb__chevron-icon { width: 10px; height: 10px; margin: 0 0.64286rem; fill: currentColor; } .steps-wrapper { position: relative; } .step { width: 100%; opacity: 0; visibility: hidden; height: 0; overflow: hidden; -webkit-transform: translateX(-72px); transform: translateX(-72px); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); } .step.active { opacity: 1; visibility: visible; height: auto; overflow: inherit; -webkit-transform: translateX(0) scale(1); transform: translateX(0) scale(1); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .step__section__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.8rem; } .step__section__head__title { margin: 0; font-weight: 400; } .step__section__head__title small { display: block; font-size: 0.8rem; } .step__footer { display: flex; align-items: center; justify-content: space-between; margin-top: 1.5rem; } .step__footer .step__footer__continue-btn { order: 2; } .checkout-actions { display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; width: 100%; } .review-block { margin-bottom: 2rem; font-size: 0.8rem; } .review-block > li { padding: 1rem; display: flex; } @media (max-width: 991.98px) { .review-block > li { display: block; font-size: 1rem; } } .review-block__label { flex: 0 0 20%; max-width: 20%; padding-right: 1rem; margin-bottom: 0.5rem; font-weight: 600; } @media (max-width: 991.98px) { .review-block__label { flex: 1; max-width: none; } } .review-block__content { flex: 1; padding-right: 1rem; margin-bottom: 0.5rem; color: #8798ad; overflow: hidden; } .review-block__content .selected-slot { font-weight: 600; padding-top: 0.5rem; display: block; } .review-block .shipping-data { display: flex; align-items: center; } .review-block .shipping-data_title { font-size: 0.85rem; margin-left: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .order-summary { display: none; } .order-summary--on .order-summary { display: block; padding-top: 1rem; } @media (min-width: 1200px) { .order-summary { height: auto; visibility: visible; display: block; } } .order-summary__sections .order-summary__section--product-list { display: flex; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden; padding: 0; position: relative; } .order-summary__sections .order-summary__section--product-list .order-summary__section__content { min-width: 100%; position: relative; max-height: 300px; } .v-divider:after { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; background: #efefef; width: 1px; } .shipping-section { border: solid 1px #dee2e6; border-radius: 4px; margin-bottom: 1rem; } .shipping-section .shipping-option { padding: 1rem; display: flex; justify-content: space-between; align-items: center; } .shipping-section .custom-select { max-width: 200px; font-size: 0.8rem; } .pick-section { /*border: $border; border-radius: $radius4;*/ margin-bottom: 1rem; } .pick-section .pickup-option { padding: 1rem; display: flex; justify-content: space-between; flex-wrap: wrap; } @media (max-width: 991.98px) { .pick-section .pickup-option { flex-direction: column; } } .pick-section .pickup-option__list { flex: 1; padding-right: 2rem; } @media (max-width: 991.98px) { .pick-section .pickup-option__list { flex: auto; max-width: none; padding: 0; padding-bottom: 2rem; } } .pick-section .pickup-option__list li { padding-bottom: 1rem; } .pick-section .pickup-option__list li .radio { display: flex; } .pick-section .pickup-option .pickup-time { flex: 1; } .pick-section .pickup-option .lb-txt { font-size: 0.8rem; margin-top: -4px; } .pick-section .pickup-time .calendar { margin-bottom: 1.2rem; } .pick-section .pickup-time .calendar .xdsoft_datetimepicker .xdsoft_datepicker { width: 256px; } .pick-section .pickup-time .time-slot { display: flex; flex-wrap: wrap; justify-content: space-between; } .pick-section .pickup-time .time-slot li { padding-right: 10px; margin-bottom: 10px; position: relative; flex: 0 0 50%; max-width: 50%; } .pick-section .pickup-time .time-slot li .control-input { position: absolute; opacity: 0; z-index: -1; } .pick-section .pickup-time .time-slot li .control-input:checked + .control-label { background: var(--brand-color); border-color: var(--brand-color); color: var(--brand-color-inverse); } .pick-section .pickup-time .time-slot li .control-label { display: block; background: #fff; border: solid 1px #dee2e6; border-radius: 4px; position: relative; cursor: pointer; font-size: 12px; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .pick-section .pickup-time .time-slot li .control-label .time { padding: 0.5rem 0.7rem; display: block; text-align: center; } .calendar-pickup .ui-datepicker { min-width: auto; border: solid 1px #dee2e6 !important; box-shadow: none; font-size: 0.8rem; } .calendar-pickup .ui-datepicker td .ui-state-default { padding: 5px; } .payment-area .nav-payments { display: flex; flex-wrap: nowrap; overflow-x: auto; border: solid 1px #888; border-radius: 4px; margin: 1rem 0; } .payment-area .nav-payments li { flex: 1; font-size: 0.85rem; text-align: center; } .payment-area .nav-payments li a { white-space: nowrap; padding: 0.6rem 0.8rem; color: #888; } .payment-area .nav-payments li a.active { background: #888; color: #fff; } .payment-area .tab-content { margin-bottom: 1.5rem; border: solid 1px #dee2e6; border-radius: 4px; } .payment-area .tab-content .tabs-container { padding: 1rem; position: relative; z-index: 0; } .payment-area .paypal-data { text-align: center; } .payment-area .paypal-data p { padding: 1rem; font-size: 0.8rem; } .place-order { text-align: center; font-size: 0.8rem; padding: 2rem 0; } .place-order p { padding-bottom: 1rem; } .place-order p a { color: var(--brand-color); } .rewards { background-color: #f3f4f5; border-radius: 4px; border: solid 1px #dee2e6; padding: 1.5rem; margin: 0; } .rewards__points { margin-bottom: 1.5rem; } .rewards__points ul { display: grid; grid-gap: 1rem; grid-template-columns: 50% 1fr; align-items: center; } .rewards__points ul li { height: 100%; text-align: center; border-radius: 4px; padding: 1rem; border: solid 1px #dee2e6; background-color: #fff; } .rewards__points ul li p { font-size: 0.8rem; } .rewards__points ul li .count { font-weight: 600; font-size: 1.3rem; } .rewards .info { margin-bottom: 1.5rem; padding: 0; background: none; line-height: 1; } .earn-points { background: #f3f4f5; border-radius: 4px; padding: 0.7rem; text-align: center; } .earn-points .svg { margin-right: 10px; } .list-addresses .list-group-item { padding: 1rem; position: relative; } .list-addresses .list-group-item .delivery-address { font-size: 0.85rem; color: #8798ad; line-height: 1.5; margin: 0; } .list-addresses .list-group-item .delivery-address h5 { font-weight: 500; font-size: 0.9rem; margin-bottom: 10px; display: flex; align-items: flex-start; } .list-addresses .list-group-item .delivery-address .tag { margin: 0 5px; border: solid 1px #1dc9b7; border-radius: 40px; color: #1dc9b7; padding: 2px 0.6rem; line-height: 1; font-size: 0.75rem; font-weight: 400; text-transform: uppercase; } .list-addresses .list-group-item .delivery-address .phone-txt, .list-addresses .list-group-item .delivery-address .time-txt { margin-top: 5px; font-weight: 600; } .list-addresses .tags-addresses { position: static; } .list-addresses .tags-addresses .tags__inner { justify-content: flex-start; } .list-addresses .tags-addresses .tags__inner .tag { font-size: 1rem; color: var(--brand-color); border-color: var(--brand-color); } .tags { margin: 0 0; position: absolute; top: 1rem; right: 1rem; text-align: right; } .tags__inner { display: flex; justify-content: flex-end; } .tags__inner .tag { margin: 0 5px; border: solid 2px #1dc9b7; border-radius: 40px; color: #1dc9b7; padding: 6px 1rem; line-height: 1; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; } .tags__inner .tag.address_lable { margin-left: auto; } .tags__inner .tag:last-child { margin-right: 0; } .tags__txt { display: block; font-size: 0.8rem; color: #8798ad; margin-top: 4px; } .payment-card { font-size: 0.85rem; color: #8798ad; } .payment-card strong { font-weight: 500; color: #2e384d; } .payment-card .list-group-item { padding: 1rem; } .payment-card__photo .svg { width: 38px; height: 24px; } .payment-card-double { flex-wrap: wrap; flex-direction: row; justify-content: space-between; } @media (max-width: 991.98px) { .payment-card-double { flex-direction: column; } } .payment-card-double li { max-width: 49%; flex: 49%; margin-bottom: 1rem; border-radius: 4px; } @media (max-width: 991.98px) { .payment-card-double li { max-width: auto; flex: auto; } } .payment-card-view .list-group-item { padding: 1rem; } .payment-card-view .list-group-item .row { align-items: center; } @media (max-width: 991.98px) { .payment-card-view .list-group-item .row { flex-wrap: nowrap; overflow-x: auto; align-items: inherit; } } .list-shippings { margin-bottom: 1.5rem; font-size: 0.8rem; } .list-shippings .shipping-select { padding: 6px 1rem; align-items: center; flex-direction: initial; display: flex; justify-content: space-between; } .list-shippings .pickup-select { display: flex; justify-content: space-between; flex-direction: initial; } .list-shippings .shop-name { font-size: 0.85rem; font-weight: 600; padding-right: 1rem; /* flex: 0 0 20%; max-width: 20%;*/ } .list-shippings .shop-address { flex: 1; color: #8798ad; } .list-shippings .shipping-method { max-width: 50%; } .list-shippings .shipping-method_messages { font-size: inherit; } .list-shippings .shipping-method .form-control { font-size: inherit; border: none; border-radius: 0px; padding: 0; padding-left: 10px; padding-right: 2rem; height: auto; } .wallet-balance { border: solid 1px #dee2e6; border-radius: 0 0 4px 4px; padding: 1.5rem; margin-top: -4px; /*background-color: $bg-gray;*/ display: flex; align-items: center; justify-content: space-between; } .wallet-balance .wallet { display: flex; align-items: center; flex: 1; } .wallet-balance .wallet__txt { display: flex; align-items: center; } .wallet-balance .wallet__txt .svg { width: 40px; height: 40px; margin-right: 12px; margin-left: 5px; fill: #8798ad; } .wallet-balance .wallet__txt p { font-size: 0.75rem; font-weight: 300; color: #8798ad; margin-bottom: 5px; line-height: 1; text-transform: uppercase; } .wallet-balance .wallet__txt .currency-value { display: block; font-weight: 600; color: #2e384d; font-size: 1.2rem; } .wallet-balance_info { flex: 1; font-size: 0.8rem; color: #8798ad; } .form-inline { position: relative; } .form-inline input[type="text"], .form-inline .form select[type="text"], .form .form-inline select[type="text"], .form-inline .form [type="text"].custom-select, .form .form-inline [type="text"].custom-select, .form-inline .form textarea[type="text"], .form .form-inline textarea[type="text"] { width: 100%; } .form-inline .btn-submit { background: none; position: absolute; top: 0; right: 0; color: var(--brand-color); font-weight: 500; border: none; } .form-inline .btn-submit:focus { outline: none; border: none; } .form-inline .btn-submit:hover { box-shadow: none; } .transfer-payment-detail { display: flex; align-items: center; flex-wrap: wrap; font-size: 0.8rem; color: #8798ad; } .transfer-payment-detail li { max-width: 33%; flex: 0 0 33%; display: flex; margin-bottom: 1.5rem; } .transfer-payment-detail li.notes { max-width: none; flex: auto; } .transfer-payment-detail .svg { display: none; width: 1rem; height: 1rem; margin-right: 10px; fill: #8798ad; } .transfer-payment-detail h6 { margin-bottom: 4px; font-size: 0.82rem; color: #2e384d; text-transform: uppercase; } .otp-block__head { margin-bottom: 1.5rem; text-align: center; } .otp-block__head h5 { margin: 0; padding: 0; } .otp-block__footer { margin-top: 1.5rem; } .otp-block p { font-size: 0.8rem; color: #8798ad; } .otp-block .otp-enter { margin: 0 auto; text-align: center; } .otp-block .otp-enter .otp-inputs { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .otp-block .otp-enter .otp-inputs input.field-otp, .otp-block .otp-enter .otp-inputs .form select.field-otp, .form .otp-block .otp-enter .otp-inputs select.field-otp, .otp-block .otp-enter .otp-inputs .form .field-otp.custom-select, .form .otp-block .otp-enter .otp-inputs .field-otp.custom-select, .otp-block .otp-enter .otp-inputs .form textarea.field-otp, .form .otp-block .otp-enter .otp-inputs textarea.field-otp { border: none; border-radius: 0; border-bottom: solid 1px #dee2e6; max-width: 30px; text-align: center; padding: 5px; margin: 0 3px; } .otp-block .otp-enter .otp-inputs input.field-otp:focus, .otp-block .otp-enter .otp-inputs .form select.field-otp:focus, .form .otp-block .otp-enter .otp-inputs select.field-otp:focus, .otp-block .otp-enter .otp-inputs .form .field-otp.custom-select:focus, .form .otp-block .otp-enter .otp-inputs .field-otp.custom-select:focus, .otp-block .otp-enter .otp-inputs .form textarea.field-otp:focus, .form .otp-block .otp-enter .otp-inputs textarea.field-otp:focus { border-color: #000; } .otp-block .otp-enter .otp-inputs input.field-otp.is-invalid, .otp-block .otp-enter .otp-inputs .form select.field-otp.is-invalid, .form .otp-block .otp-enter .otp-inputs select.field-otp.is-invalid, .otp-block .otp-enter .otp-inputs .form .field-otp.is-invalid.custom-select, .form .otp-block .otp-enter .otp-inputs .field-otp.is-invalid.custom-select, .otp-block .otp-enter .otp-inputs .form textarea.field-otp.is-invalid, .form .otp-block .otp-enter .otp-inputs textarea.field-otp.is-invalid { border-color: red; } .otp-block .otp-success { text-align: center; } .otp-block .otp-success .img { max-width: 80px; margin: 2rem auto; } .otp-block .otp-success h5 { margin: 0; padding: 0; } .phone-txt, .time-txt { font-weight: 500; font-size: 0.85rem; margin-top: 8px; } .phone-txt i, .time-txt i { margin-right: 5px; } .payment-action { display: flex; justify-content: space-between; padding: 1rem; } .bg-contact { position: relative; background: var(--secondary-color); color: var(--secondary-color-inverse); } .contact-wrapper { position: relative; margin-top: -450px; margin-bottom: -327px; z-index: 5; } .contact-box { border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); position: relative; } .contact-box .contact-pic { padding: 0; max-height: 50%; overflow: hidden; } .info-cell { text-align: center; color: #fff; padding: 2rem; min-height: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: solid 1px rgba(255, 255, 255, 0.3); } .info-cell h3 { text-transform: uppercase; font-size: 1.1rem; letter-spacing: 2px; margin: 1rem auto; } .info-cell p, .info-cell a { color: #fff; } .info-cell .icn { margin-bottom: 2rem; } .info-cell .icn svg { fill: #ffffff; width: 30px; height: 30px; } .contact-address { background: var(--secondary-color); color: var(--secondary-color-inverse); position: relative; } .contact-address:after { content: ""; position: absolute; bottom: -20px; margin: 0 auto; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 40px solid var(--secondary-color); } .contact-phones { background: var(--secondary-color); color: var(--secondary-color-inverse); } .contact-email { background: var(--secondary-color); color: var(--secondary-color-inverse); } .g-map { position: relative; height: 490px; /* z-index: 1;*/ } .g-map iframe, .g-map .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .g-map img, .g-map .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .g-map iframe, .g-map .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .g-map iframe { position: absolute; height: 100%; width: 100%; z-index: 0; } .page-banner { min-height: 320px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; color: #fff; } .page-banner:after { background: rgba(36, 40, 56, 0.75); height: 100%; width: 100%; content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; } .page-banner .container { z-index: 1; position: relative; } @-webkit-keyframes draw { 0% { stroke-dasharray: 0 400; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 2; } 37% { stroke-dasharray: 200 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 2; } 50% { fill-opacity: 1; stroke-width: 0; } 100% { fill-opacity: 1; stroke-width: 0; } } @keyframes draw { 0% { stroke-dasharray: 0 400; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 2; } 37% { stroke-dasharray: 200 0; stroke-dashoffset: 200; fill-opacity: 0; stroke-width: 2; } 50% { fill-opacity: 1; stroke-width: 0; } 100% { fill-opacity: 1; stroke-width: 0; } } @-webkit-keyframes heartbit { 0% { -webkit-transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.1); opacity: 0.1; } 50% { -webkit-transform: scale(0.5); opacity: 0.3; } 75% { -webkit-transform: scale(0.8); opacity: 0.5; } 100% { -webkit-transform: scale(1); opacity: 0; } } @-webkit-keyframes bell-shake { 1% { -webkit-transform: rotateZ(15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 2% { -webkit-transform: rotateZ(-15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 3% { -webkit-transform: rotateZ(20deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 4% { -webkit-transform: rotateZ(-20deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 5% { -webkit-transform: rotateZ(15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 6% { -webkit-transform: rotateZ(-15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 7% { -webkit-transform: rotateZ(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: rotateZ(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @keyframes bell-shake { 1% { -webkit-transform: rotateZ(15deg); transform: rotateZ(15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 2% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 3% { -webkit-transform: rotateZ(20deg); transform: rotateZ(20deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 4% { -webkit-transform: rotateZ(-20deg); transform: rotateZ(-20deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 5% { -webkit-transform: rotateZ(15deg); transform: rotateZ(15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 6% { -webkit-transform: rotateZ(-15deg); transform: rotateZ(-15deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 7% { -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } 100% { -webkit-transform: rotateZ(0); transform: rotateZ(0); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } } @-webkit-keyframes AnimationName { 0% { background-position: 0% 60%; } 50% { background-position: 100% 60%; } 100% { background-position: 0% 60%; } } @keyframes AnimationName { 0% { background-position: 0% 60%; } 50% { background-position: 100% 60%; } 100% { background-position: 0% 60%; } } .my-dashboard.is-dashboard { background: #f3f4f5; padding: 50px; } @media (max-width: 1199.98px) { .my-dashboard.is-dashboard { padding: 0; } } .my-dashboard.is-dashboard .demo-header { max-width: 1530px; margin: 0 auto; margin-bottom: 1rem; border-radius: 10px; } .my-dashboard.is-dashboard .wrapper { position: relative; z-index: 1; max-width: 1530px; min-height: 100%; margin: 0 auto; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 166px 0px rgba(0, 0, 0, 0.3); } @media (max-width: 1199.98px) { .my-dashboard.is-dashboard .wrapper { border-radius: 0; } } .my-dashboard .header-dashboard { padding: 0px 50px; padding-left: 70px; position: absolute; top: 0; right: 0; z-index: 10; width: 100%; height: 71px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; background: #fff; -webkit-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; border-bottom: solid 1px #dee2e6; } .my-dashboard .header-dashboard { padding-left: 70px; } @media (max-width: 1199.98px) { .my-dashboard .header-dashboard { padding-right: 30px; position: fixed; } } .my-dashboard .header-dashboard .dashboard-user { margin-left: 3.125rem; } @media (max-width: 1199.98px) { .my-dashboard .header-dashboard .dashboard-user { margin-left: 2rem; } } @media (max-width: 767.98px) { .my-dashboard .header-dashboard .dashboard-user { margin-left: 0; } } .my-dashboard .header-dashboard .header-icons-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; margin-left: auto; } .my-dashboard .header-dashboard .header-icons-group .short-links > ul > li:after { content: normal; } .my-dashboard .header-dashboard .c-header-icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 15px; position: relative; } .my-dashboard .header-dashboard .c-header-icon .svg, .my-dashboard .header-dashboard .c-header-icon img, .my-dashboard .header-dashboard .c-header-icon .post .post_media iframe, .post .post_media .my-dashboard .header-dashboard .c-header-icon iframe, .my-dashboard .header-dashboard .c-header-icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .my-dashboard .header-dashboard .c-header-icon img, .my-dashboard .header-dashboard .c-header-icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .my-dashboard .header-dashboard .c-header-icon img { fill: #2e384d; width: 20px; height: 20px; margin-right: 5px; } .my-dashboard .header-dashboard .c-header-icon .h-badge { position: absolute; right: -5px; top: -5px; text-align: center; border-radius: 50%; font-size: 0.75rem; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--brand-color); color: var(--brand-color-inverse); } .my-dashboard .header-dashboard .c-header-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-right: solid 1px #dee2e6; } .my-dashboard .header-dashboard .c-header-links li { margin: 0 0.8rem; } .my-dashboard .header-dashboard .c-header-links li a { color: #2e384d; position: relative; font-size: 0.875rem; } .my-dashboard .header-dashboard .c-header-links li a i { font-size: 1rem; color: var(--brand-color); } .my-dashboard .header-dashboard .c-header-links li a .icn svg { width: 20px; height: 20px; fill: #2e384d; } .my-dashboard .header-dashboard .c-header-links li.is-active a { color: var(--brand-color); } .my-dashboard .header-dashboard .heartbit { position: absolute; top: -7px; right: -7px; height: 35px; width: 35px; z-index: -1; border: 5px solid rgba(255, 255, 255, 0.55); border-radius: 50%; -moz-animation: 1s ease-out infinite heartbit; -o-animation: 1s ease-out infinite heartbit; -webkit-animation: 1s ease-out infinite heartbit; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .my-dashboard .header-dashboard .bell-shake--hover:hover, .my-dashboard .header-dashboard .bell-shake--hover:focus, .my-dashboard .header-dashboard .bell-shake { -webkit-animation: bell-shake 40s ease infinite; animation: bell-shake 40s ease infinite; } .my-dashboard .header-dashboard .bell-shake-delay { -webkit-animation: bell-shake 40s ease 3s infinite; animation: bell-shake 40s ease 3s infinite; } .my-dashboard .header-dashboard .my-account { margin-left: 15px; position: relative; } .my-dashboard .header-dashboard .my-account__avatar { overflow: hidden; border-radius: 50%; min-width: 42px; width: 42px; height: 42px; } .my-dashboard .dropdown .dropdown__target { border-radius: 4px; z-index: 10; left: 0; top: 110%; background: #fff; -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); position: absolute; -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; transform-origin: center; } .my-dashboard .dropdown .dropdown__target:before { content: ""; display: block; border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; position: absolute; top: -6px; left: 20px; } .my-dashboard .dropdown .dropdown__target.dropdown__target__right { left: auto; right: 0; } .my-dashboard .dropdown .dropdown__target.dropdown__target__right:before { left: auto; right: 20px; } .my-dashboard .dropdown .dropdown.is-active .dropdown__target { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .my-dashboard .dropdown .dropdown__target-space { padding: 15px 25px; min-width: 200px; } .my-dashboard .dropdown .dropdown__target-head { padding: 15px; background: var(--brand-color); color: var(--brand-color-inverse); } .my-dashboard .dropdown .dropdown__target-head p { margin: 6px 0 0; color: inherit; font-size: 0.9em; } .my-dashboard .dropdown .dropdown__target-head p a { color: #fff; text-decoration: underline; } .my-dashboard .dropdown .dropdown__target-head .link { border: 1px solid #fff; color: #fff; display: inline-block; margin: 5px 0; padding: 2px 20px 4px; } .my-dashboard .dropdown .dropdown__target .iconavtar { border: 2px solid #fff; display: block; position: relative; margin: 0 auto 5px; width: 60px; height: 60px; border-radius: 100%; background: #fff; padding: 2px; } .my-dashboard .dropdown .dropdown__target .iconavtar .icon, .my-dashboard .dropdown .dropdown__target .iconavtar img, .my-dashboard .dropdown .dropdown__target .iconavtar .post .post_media iframe, .post .post_media .my-dashboard .dropdown .dropdown__target .iconavtar iframe { position: absolute; left: 50%; top: 50%; border-radius: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); color: var(--brand-color); font-size: 2.5em; line-height: 1; } .my-dashboard .dropdown .dropdown__target .list-vertical { max-height: 350px; } .my-dashboard .dropdown.is-active .dropdown__target .list-vertical li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .my-dashboard .sidebar { width: 70px; position: absolute; z-index: 12; left: 0; top: 0; bottom: 0; background: #fff; padding-top: 71px; height: 100%; -webkit-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-right: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .my-dashboard .sidebar { position: fixed; } } .my-dashboard .sidebar .sidebar__content { height: 100%; max-height: none; width: auto; overflow-y: auto; width: 100% !important; } .my-dashboard .sidebar .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; height: 71px; border-bottom: solid 1px #dee2e6; position: absolute; top: 0; z-index: 1; background: #fff; width: 100%; } .my-dashboard .sidebar .logo-wrapper .logo-dashboard { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; left: 24px; opacity: 1; } .my-dashboard .sidebar .logo-wrapper .logo-dashboard img, .my-dashboard .sidebar .logo-wrapper .logo-dashboard .post .post_media iframe, .post .post_media .my-dashboard .sidebar .logo-wrapper .logo-dashboard iframe { max-width: 100px; max-height: 70px; } .my-dashboard .sidebar .hamburger-toggle { position: relative; padding: 0; background: transparent; border: 1px solid transparent; cursor: pointer; width: 2.5rem; } .my-dashboard .sidebar .hamburger-toggle [class*='bar-'] { display: block; background: #102c58; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease all; transition: .2s ease all; border-radius: 2px; height: 2px; width: 24px; margin-bottom: 4px; } .my-dashboard .sidebar .hamburger-toggle [class*='bar-']:nth-child(2) { width: 18px; } .my-dashboard .sidebar .hamburger-toggle [class*='bar-']:last-child { margin-bottom: 0; width: 12px; } .my-dashboard .sidebar .hamburger-toggle.is-opened [class*='bar-'] { background: #000; } .my-dashboard .sidebar .hamburger-toggle.is-opened .bar-top { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 15% 15%; transform-origin: 15% 15%; } .my-dashboard .sidebar .hamburger-toggle.is-opened .bar-mid { opacity: 0; } .my-dashboard .sidebar .hamburger-toggle.is-opened .bar-bot { -webkit-transform: rotate(45deg); transform: rotate(-45deg); -webkit-transform-origin: 15% 95%; transform-origin: 15% 95%; width: 24px; } .my-dashboard .sidebar .hamburger-toggle:focus { outline-width: 0; } .my-dashboard .sidebar .dashboard-menu { color: #2e384d; fill: currentColor; } .my-dashboard .sidebar .dashboard-menu .menu__item { overflow: hidden; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .my-dashboard .sidebar .dashboard-menu .menu__item .menu__item__inner { padding: 0px 0px; position: relative; line-height: 42px; } .my-dashboard .sidebar .dashboard-menu .menu__item .menu__item__inner:before { position: absolute; content: " "; height: 0; width: 2px; left: 0; top: 0; background-color: var(--brand-color); opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .my-dashboard .sidebar .dashboard-menu .menu__item .menu__item__inner .menu-head { font-weight: 500; color: #2e384d; font-size: 0.875rem; padding-left: 24px; position: relative; left: 220px; text-transform: uppercase; opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; margin-top: 10px; } .my-dashboard .sidebar .dashboard-menu .menu__item .menu__item__inner .menu-item__title { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 10px; position: relative; font-size: 0.8125rem; left: 220px; opacity: 0; -webkit-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .my-dashboard .sidebar .dashboard-menu .menu__item .menu__item__inner .menu-item__title .msg-count { text-align: center; border-radius: 50%; font-size: 0.75rem; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: var(--brand-color); color: var(--brand-color-inverse); } .my-dashboard .sidebar .dashboard-menu .menu__item.is-active { background: rgba(0, 0, 0, 0.05); color: var(--brand-color); fill: var(--brand-color); } .my-dashboard .sidebar .dashboard-menu ul { padding: 15px 0 0 0; margin: 0; } .my-dashboard .sidebar .dashboard-menu ul li.is-active .menu__item__inner:before { height: 100%; opacity: 1; } .my-dashboard .sidebar .dashboard-menu a { color: inherit; } .my-dashboard .sidebar .dashboard-menu a:hover { background: #f3f4f5; } .my-dashboard .sidebar .dashboard-menu a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .my-dashboard .sidebar .dashboard-menu .is-active .menu-item__title { font-weight: 500; } .my-dashboard .sidebar .dashboard-menu .icn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; } .my-dashboard .sidebar .dashboard-menu .icn svg { width: 18px; height: 18px; fill: inherit; } .my-dashboard .sidebar .dashboard-menu .divider { margin: 0px 0; } .my-dashboard .sidebar .dashboard-menu .accordianbody { padding: 0; display: none; } .my-dashboard .sidebar .dashboard-menu .accordianbody li a { padding-left: 70px; color: #2e384d; font-size: 0.8125rem; line-height: 2rem; } .my-dashboard .sidebar .dashboard-menu .accordianbody li.is-active a { color: var(--brand-color); } .my-dashboard .main { background: #f3f4f5; width: 100%; height: 100%; padding-top: 72px; padding-left: 70px; -webkit-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; } .my-dashboard .ui-widget.ui-widget-content { max-height: 308px; overflow: hidden; overflow-y: auto; } .sidebar-is-expanded .sidebar { width: 280px; } .sidebar-is-expanded .header-dashboard { padding-left: 280px; } .sidebar-is-expanded .main { padding-left: 280px; } .sidebar-is-expanded .menu-head { left: 0 !important; opacity: 1 !important; visibility: visible !important; display: block !important; } .sidebar-is-expanded .menu-item__title { left: 0 !important; opacity: 1 !important; } .sidebar-is-reduced .logo-dashboard { left: -100% !important; opacity: 0 !important; visibility: hidden !important; } @media only screen and (max-width: 1080px) { .sidebar-is-expanded .header-dashboard { padding-left: 20px; } .sidebar-is-reduced .sidebar { width: 0; } .sidebar-is-reduced .hamburger-toggle { left: 35px; } .sidebar-is-reduced .header-dashboard { padding-left: 70px; } .sidebar-is-expanded main.main, .my-dashboard .main { padding-left: 0; } } .content-wrapper.content-space { padding: 3.125rem; } @media (max-width: 1199.98px) { .content-wrapper.content-space { padding: 2rem; } } @media (max-width: 767.98px) { .content-wrapper.content-space { padding: 1rem; min-height: auto; } } .content-wrapper .content-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5rem; } .content-wrapper .content-header .content-header-title { color: #2e384d; font-size: 2rem; font-weight: 300; } .content-wrapper .content-header .content-header-title i { font-size: 1rem; margin-left: 5px; } .dashboard-types ul { margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dashboard-types ul li { margin-left: 5px; margin-right: 5px; } .dashboard-types ul li:first-child { margin-left: 0; } .dashboard-types ul li a { font-size: 1.125rem; color: #2e384d; display: block; padding: 10px 30px; line-height: 1; font-weight: 500; border-radius: 2.5rem; background: #fff; border: solid 1px #dee2e6; } .dashboard-types ul li a:hover { border-color: var(--brand-color); } .dashboard-types ul li .is-active a { border-color: var(--brand-color); } .widget-scroll { margin-left: -15px; margin-right: -15px; margin-bottom: 1rem; } @media (max-width: 767.98px) { .widget-scroll { margin: 0; margin-bottom: 10px; padding-bottom: 10px; } } .widget-scroll .widget-stats { padding-right: 15px; padding-left: 15px; padding-top: 8px; padding-bottom: 8px; min-height: 166px; } @media (max-width: 767.98px) { .widget-scroll .widget-stats { min-height: inherit; margin: 1rem 0; padding: 0 5px; } } .widget-scroll .widget-stats .icn svg { width: 34px; height: 34px; fill: var(--brand-color) !important; } .widget-scroll .widget-stats .card, .widget-scroll .widget-stats .box--share { min-height: inherit; } .share-earn { display: flex; flex-wrap: nowrap; overflow-x: auto; } .share-earn .share-earn-block { padding-right: 1rem; flex: 1; min-width: 350px; } .share-earn .share-earn-block:last-child { padding-right: 0; } .box--share { display: flex; align-items: center; width: 100%; padding: 1rem; position: relative; border-radius: 4px; color: #fff !important; height: 100%; position: relative; } .box--share .detail { padding: 0 1.5rem; } .box--share h2 { font-size: 2em; padding-bottom: 5px; margin: 0; } .box--share h5 { padding-bottom: 0; margin: 0; } .box--share p { font-size: 0.9em; } .box--share .fa, .box--share .icon { margin: 0.4rem 0; font-size: 2.5em; flex: 0 0 60px; max-width: 60px; text-align: center; } .box--share.box--share-fb { background: #3b5998; } .box--share.box--share-tw { background: #22bdf0; } .box--share.box--share-mail { background: #f15b5b; } .stats-number ul li { border-top: solid 1px #dee2e6; border-color: #edeff1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.5rem 0; } .stats-number .total { font-size: 0.8rem; color: #8798ad; } .stats-number .total-numbers { font-size: 1rem; } .credits-number ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .credits-number ul li { color: #2e384d; flex: auto; } .credits-number ul li .total { font-size: 0.9em; } .credits-number ul li .total-numbers { display: block; font-size: 1.4rem; line-height: 1; margin: 10px 0; } .balancebox h2 { margin-top: 10px; } .balancebox p { margin-bottom: 0; font-size: 0.9em; } .balancebox small { margin-bottom: 10px; } .messages-list li { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: solid 1px #dee2e6; padding: 1rem; margin-top: 1rem; } .messages-list li:last-child { border-bottom: none; margin-top: 0; } .messages-list li .actions { width: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .messages-list li.is-read { opacity: 0.8; } .messages-list li.is-read .msg__title { font-weight: normal; } .messages-list li.is-read .msg__detail { color: #acb7ce; } .messages-list .msg_db { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; background: #f3f4f5; display: flex; align-items: center; justify-content: center; } .messages-list .msg__desc { width: calc(100% - 60px); } .messages-list .msg__date { font-size: 0.75rem; color: #8798ad; font-style: italic; } .messages-list .msg__title { color: #2e384d; font-weight: 500; display: block; margin-bottom: 0; } .messages-list .msg__detail { font-size: 0.875rem; line-height: 1.6; margin: 10px 0; } .profile-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 570px; margin: 20px auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .profile-wrapper .profile__dp { width: 230px; height: 230px; border-radius: 50%; overflow: hidden; margin-right: 66px; -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .profile-wrapper .profile__deg { display: block; font-weight: 300; font-size: 0.8125rem; } .profile-wrapper .profile__desc { line-height: 1.5; color: #acb7ce; font-size: 0.8125rem; } .profile-wrapper .profile__pic { margin: 10px 0; } .dashboard-togles { position: relative; display: block; background: var(--secondary-color); color: var(--secondary-color-inverse); padding: 5px 0 5px 10px; border-radius: 4px; } .dashboard-togles > a { display: block; position: relative; top: -5px; color: #fff; } .dashboard-togles .fa { float: right; width: 30px; height: 30px; border-radius: 50%; display: block; text-align: center; padding: 8px 0; } .dashboard-togles span { display: inline-block; text-transform: uppercase; } .dashboard-options { background: #fff; border-radius: 2px; overflow: hidden; } .dashboard-options li a { display: block; padding: 8px; color: #2e384d; font-size: 0.9em; border-bottom: solid 1px #dee2e6; } .dashboard-options li:last-child a { border-bottom: none; } .slick-arrow { position: absolute; top: calc(50% - 20px); background-color: rgba(255, 255, 255, 0.7); width: 42px; height: 42px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; cursor: pointer; box-shadow: 0 0 5px rgba(0, 0, 0, 0.05); } .slick-prev:after, .slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .slick-arrow.slick-disabled { opacity: 0.2; cursor: default; } .slick-prev { left: 0; } .slick-next { right: 0; } .graph { margin-top: 10px; } .graph .sales-graph { position: relative; overflow: hidden; width: 100%; padding-bottom: 50%; } .graph .sales-graph svg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .sales-graph .ct-series-a .ct-area { fill: var(--brand-color); } .sales-graph .ct-series-a .ct-slice-pie { fill: var(--brand-color); } .sales-graph .ct-series-a .ct-bar, .sales-graph .ct-series-a .ct-line, .sales-graph .ct-series-a .ct-point, .sales-graph .ct-series-a .ct-slice-donut { stroke: var(--brand-color); } .sales-graph.ct-perfect-fourth:before { padding-bottom: 55%; } .sales-graph .ct-series-b .ct-point, .graph--visitor .ct-series-b .ct-line { stroke: var(--brand-color); } .sales-graph .ct-series-a .ct-point, .graph--visitor .ct-series-a .ct-line { stroke: var(--brand-color); } .sales-graph .ct-series-c .ct-point, .graph--visitor .ct-series-c .ct-line { stroke: var(--brand-color); } .sales-graph .ct-series-d .ct-point, .graph--visitor .ct-series-d .ct-line { stroke: var(--brand-color); } .sales-graph .ct-line { stroke-width: 1px; } .display-in-print { margin: 10px; display: none; } .auto-renew { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; } .auto-renew p { display: inline-block; margin: 0 15px; } .auto-renew .switch-links { display: inline-block; } .box--offer { margin: 10px 0 10px; border: 1px dashed rgba(0, 0, 0, 0.2); padding: 1rem; border-radius: 4px; height: 100%; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .box--offer:hover { box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1); } .box--offer .offer { height: 100%; background: rgba(0, 0, 0, 0.04); padding: 10px; border-radius: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box--offer .offer .offer__logo { width: 80px; margin: 0 auto; display: block; } .box--offer .offer .offer__logo img, .box--offer .offer .offer__logo .post .post_media iframe, .post .post_media .box--offer .offer .offer__logo iframe, .box--offer .offer .offer__logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .box--offer .offer .offer__logo img, .box--offer .offer .offer__logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .box--offer .offer .offer__logo img { width: 100%; margin: auto; } .box--offer .offer__box { background: #f5f5f5; text-align: center; color: #f15c5c; font-size: 2.1em; padding: 30px 10px; line-height: 1.1; font-weight: 700; min-height: 110px; } .box--offer .offer__box span { display: block; font-size: 0.7em; font-weight: normal; } .box--offer h6 { font-size: 0.8rem; margin: 0; } .box--offer p { opacity: 0.6; font-size: 0.78rem; margin-bottom: 10px; } .box--offer .offer__footer { border-top: solid 1px #dee2e6; padding: 10px 0 0 0; display: block; } .box--offer .offer__footer .coupon-code { margin-top: 10px; display: inline-block; font-weight: 600; color: var(--brand-color); } .box--offer .offer__footer p { margin: 0; font-size: 0.78rem; } .info--order p { font-size: 0.8rem; margin: 5px 0; } .note { font-size: 0.8em; margin-bottom: 0; opacity: 0.6; font-style: italic; display: inline-block; width: 100%; } .highlighted-note { background: #ffc; border: 1px solid #f2f2ce; border-radius: 2px; font-size: 0.8em; color: #575702; margin-top: 5px; margin-bottom: 0; padding: 5px 8px; font-weight: 500; } .preview { background: #f5f5f5; border-radius: 4px; padding: 20px; margin-bottom: 1rem; } .preview .avtar--large { margin: 0 auto; } .preview--profile { margin: 0 0 10px 0; } .preview--profile .btngroup--fix { margin: auto; display: inline-block; width: 100%; } .preview--profile .btngroup--fix .btn { min-width: 1%; width: 100%; margin: 5px 0; display: block; padding: 5px 30px; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input, .btn--fileupload .form input[type="text"], .form .btn--fileupload input[type="text"], .btn--fileupload .form input[type="email"], .form .btn--fileupload input[type="email"], .btn--fileupload .form input[type="phone"], .form .btn--fileupload input[type="phone"], .btn--fileupload .form input[type="search"], .form .btn--fileupload input[type="search"], .btn--fileupload .form input[type="password"], .form .btn--fileupload input[type="password"], .btn--fileupload .form input[type="date"], .form .btn--fileupload input[type="date"], .btn--fileupload .form input[type="url"], .form .btn--fileupload input[type="url"], .btn--fileupload .form input[type="tel"], .form .btn--fileupload input[type="tel"], .btn--fileupload .form input[type="number"], .form .btn--fileupload input[type="number"], .btn--fileupload .form input[type="file"], .form .btn--fileupload input[type="file"], .btn--fileupload .form select, .form .btn--fileupload select, .btn--fileupload .form .custom-select, .form .btn--fileupload .custom-select, .btn--fileupload .form textarea, .form .btn--fileupload textarea { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .avtar { height: 60px; position: relative; width: 60px; overflow: hidden; border-radius: 100%; border: solid 1px #dee2e6; position: relative; } .avtar .avtar--large { width: 6.125rem; height: 6.125rem; } .avtar img, .avtar .post .post_media iframe, .post .post_media .avtar iframe, .avtar .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .avtar img, .avtar .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .avtar img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .switch { margin: 0 -10px; } .switch li { display: inline-block; vertical-align: top; width: 50%; margin: 0 -2px; padding: 0 10px; } .switch li a { display: block; text-align: center; line-height: 5; font-size: 1em; font-weight: 700; color: inherit; position: relative; width: 100%; border: solid 1px #dee2e6; border-radius: 4px; height: 100px; padding: 10px; background: #fff; } .switch li a:before { font-family: 'Font Awesome 5 Free'; font-size: 1.3em; color: rgba(0, 0, 0, 0.1); content: "\f111"; line-height: 1; position: absolute; right: 5px; bottom: 5px; } .switch li.is-active a { border-color: var(--brand-color); background: var(--brand-color); color: var(--brand-color-inverse); } .switch li.is-active a:before { content: "\f058"; color: var(--brand-color-inverse); } .switch-group { width: 100%; } .wishlists { width: 100%; border-radius: 4px; border: solid 1px #dee2e6; margin: 0 0 20px; position: relative; padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wishlists__head { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: solid 1px #dee2e6; padding: 10px 1rem; } .wishlists__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 1rem; } .wishlists__body .media-wishlist { align-items: center; flex-wrap: wrap; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(55px, 1fr)); } .wishlists__body .media-wishlist li { border: solid 1px #dee2e6; border-radius: 4px; padding: 0.5rem; } .wishlists__body .media-wishlist li img, .wishlists__body .media-wishlist li .post .post_media iframe, .post .post_media .wishlists__body .media-wishlist li iframe, .wishlists__body .media-wishlist li .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .wishlists__body .media-wishlist li img, .wishlists__body .media-wishlist li .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .wishlists__body .media-wishlist li img { margin: auto; display: block; } .wishlists__foot { padding: 1rem; } .wishlists .form--creatlist { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px; } .wishlists .form--creatlist h5 { text-align: center; } .wishlists .form--creatlist .field-set { margin: 5px 0 0; } .icons-wrapper { width: 28px; height: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 2px; margin: 0 5px; } .icons-wrapper .icn svg { width: 16px; height: 16px; fill: var(--brand-color); } .saved-search-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 4px; padding: 15px 0; background: #fff; border-bottom: solid 1px #dee2e6; } .saved-search-list li:first-child { padding-top: 0; } .saved-search-list li:last-child { border-bottom: none; padding-bottom: 0; } .detail-side .heading3 { color: var(--brand-color); } .detail-side .date { margin: 8px auto; color: #bababa; } .results-side { font-size: 1em; color: #2e384d; } .results-side .newly-added { font-size: 2.5rem; line-height: 1; display: block; font-weight: 500; } .results-side strong { display: block; } .categories-add-step { padding: 0 50px; } .box-categories { height: 226px; max-height: 226; max-width: none !important; width: 100% !important; } .box-categories ul li { display: block; margin: 0; border-bottom: solid 1px #dee2e6; font-size: 0.9em; } .box-categories ul li > a { color: #2e384d; padding: 10px; display: block; } .box-categories ul li:last-child { border-bottom: none; } .box-categories ul li.is-active { background: var(--brand-color); color: var(--brand-color-inverse); } .box-categories ul li.is-active > a { color: var(--brand-color-inverse); } .select-categories-slider { position: relative; } .select-categories-slider .box-border { border: solid 1px #dee2e6; border-radius: 4px; } .select-categories-slider .slick-arrow { position: absolute; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); width: 2.5rem; height: 100%; border-radius: 2px; border: none; text-indent: -999999px; z-index: 1; display: inline-block; margin: 0; box-shadow: none; } .select-categories-slider .slick-arrow:hover { background-color: rgba(0, 0, 0, 0.33); } .select-categories-slider .slick-prev:after, .select-categories-slider .slick-next:after { content: ""; /*border-right: 2px solid black;*/ border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .select-categories-slider .slick-prev:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .select-categories-slider .slick-prev { left: 0; right: auto; margin-left: -2.125rem; } .select-categories-slider .slick-next { right: 0; left: auto; margin-right: -2.125rem; } .edit-hover { padding: 0 10px; font-size: 0.9em; height: 2.5rem; line-height: 2.5rem; display: block; width: 110px; /*border-bottom: solid 1px  $border-color;*/ text-decoration: underline; } .edit-hover:hover { border-color: #dee2e6; } input.vd-input, .form input.vd-input[type="text"], .form input.vd-input[type="email"], .form input.vd-input[type="phone"], .form input.vd-input[type="search"], .form input.vd-input[type="password"], .form input.vd-input[type="date"], .form input.vd-input[type="url"], .form input.vd-input[type="tel"], .form input.vd-input[type="number"], .form input.vd-input[type="file"], .form select.vd-input, .form .vd-input.custom-select, .form textarea.vd-input, input.sp-input, .form input.sp-input[type="text"], .form input.sp-input[type="email"], .form input.sp-input[type="phone"], .form input.sp-input[type="search"], .form input.sp-input[type="password"], .form input.sp-input[type="date"], .form input.sp-input[type="url"], .form input.sp-input[type="tel"], .form input.sp-input[type="number"], .form input.sp-input[type="file"], .form select.sp-input, .form .sp-input.custom-select, .form textarea.sp-input { width: 110px !important; } .address-block { border: solid 1px #dee2e6; padding: 1rem; border-radius: 4px; display: block; height: 100%; } .address-block .radio { float: right; } .address-block address { margin-bottom: 1rem; } .address-block address p { font-size: 0.88rem; color: #54668d; } .actions_wishlist { margin: 0.5rem auto; display: flex; } .product-tag.scroll-y { max-height: 100px; } .variants.scroll-y { max-height: 250px; } .tagify__tag__removeBtn { margin-left: -4.66667px; margin-right: 4.66667px; } .features-block { font-size: 0.85rem; } .features-block_head { text-align: center; } .features-block_list { margin: 1.5rem 0; display: flex; } .features-block_list li { border: solid 1px #dee2e6; position: relative; margin: -1px; background: #fff; padding: 1rem; flex: 0 0 33%; max-width: 33%; font-size: 0.8rem; color: #8798ad; /*&:before { content: ""; position: absolute; width: 6px; height: 6px; left: 8px; top: 10px; border-radius: 50%; background: $body-color; }*/ } .features-block_list li strong { color: #2e384d; font-size: 0.85rem; font-weight: 500; margin-bottom: 0.5rem; } .stripe-stats { font-size: 0.8rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 10px; } .stripe-stats .stats { color: #8798ad; border-radius: 4px; border: solid 1px #dee2e6; padding: 1rem; margin: 0; height: 100%; } .stripe-stats .stats .title { text-transform: uppercase; color: #2e384d; font-weight: 500; display: block; margin-bottom: 0.3rem; } .accordion .dropdown-toggle { background: #f3f4f5; border-radius: 4px; padding: 1rem; } .list-features { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .list-features li { border-radius: 4px; border: solid 1px #dee2e6; padding: 1.5rem; display: flex; } .list-features li .icn { color: #27ae60; margin-right: 10px; } .list-features li .detail p { margin: 0; } .tax-rules > ul { font-size: 0.85rem; display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .tax-rules > ul > li { height: 100%; border: solid 1px #dee2e6; border-radius: 4px; padding: 1rem; } .tax-rules .title { font-size: 1rem; font-weight: 500; margin-bottom: 1rem; } .tax-rules .title span { font-size: 0.8rem; font-weight: 500; color: #8798ad; display: block; margin-top: 0.4rem; } .tax-rules .title-sub { font-size: 0.85rem; margin-top: 0.8rem; } .tax-rules p { color: #8798ad; display: flex; } .tax-rules .stats { margin: 5px 0; } .tax-rules .lable { margin-right: 0.5rem; font-weight: 500; color: #2e384d; min-width: 65px; display: inline-block; } .my-addresses { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .my-addresses > li { border: solid 1px #dee2e6; border-radius: 4px; display: flex; flex-direction: column; } .my-addresses > li.add-new { display: grid; place-items: center; padding: 3rem 0; } .my-addresses__body { flex: 1; padding: 1rem; padding-bottom: 0; position: relative; } .my-addresses__body .radio { position: absolute; top: 1rem; right: 1rem; } .my-addresses .actions { border-top: solid 1px #dee2e6; display: flex; align-items: center; } .my-addresses .actions a { flex: 1; color: #2e384d; text-align: center; padding: 0.6rem 1rem; display: block; font-size: 0.8rem; font-weight: 500; text-transform: uppercase; position: relative; } .my-addresses .actions a:after { content: ""; border-right: solid 1px #dee2e6; position: absolute; right: 0; top: 0; bottom: 0; } .my-addresses .actions a:last-child:after { content: normal; } .my-addresses .actions a:hover { color: var(--brand-color); } .delivery-address { font-size: 0.85rem; color: #8798ad; line-height: 1.5; margin-bottom: 1rem; } .delivery-address h5 { margin-bottom: 10px; font-weight: 500; font-size: 0.9rem; line-height: 1.5; color: #2e384d; } .delivery-address .tag { margin: 0 5px; border: solid 1px #1dc9b7; border-radius: 40px; color: #1dc9b7; padding: 2px 0.6rem; line-height: 1; font-size: 0.75rem; font-weight: 400; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 120px; } .delivery-address .phone-txt, .delivery-address .time-txt { font-weight: 500; margin-top: 8px; } .product-list { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .product-list li { position: relative; display: flex; justify-content: space-between; border: solid 1px #dee2e6; border-radius: 2px; padding: 0.5rem; } .product-list li .item__pic { border: none; } .product-list li .item__title { white-space: normal; margin-right: 22px; } .detail-page { position: relative; } .detail-page:after { content: ""; position: absolute; left: 0; right: 0; top: 0; background: #f3f4f5; height: 226px; z-index: -1; } .detail-page .detail-wrapper { border-radius: 4px 4px 0 0; border: solid 1px #dee2e6; background: #fff; } .detail-page .detail-wrapper .detail-first-fold { padding: 3.75rem; } @media (max-width: 1199.98px) { .detail-page .detail-wrapper .detail-first-fold { padding: 2rem; } } @media (max-width: 991.98px) { .detail-page .detail-wrapper .detail-first-fold { padding: 1rem; } } .product-description { position: relative; margin: 0 auto; height: auto; } .product-description .products__title { display: flex; align-items: flex-start; justify-content: space-between; } @media (max-width: 991.98px) { .product-description .products__title { flex-direction: column; } } .product-description .products__title a { color: inherit; } .product-description .products__title h1 { font-size: 1.75rem; line-height: 1.3; font-weight: 300; color: #000; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .product-description .products__title .favourite-wrapper-detail { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; z-index: 1; margin-bottom: 0.5rem; } .product-description .products__title .favourite-wrapper-detail .favourite { position: static; margin-right: 0.5rem; } .product-description .products-reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: solid 1px #323232; border-radius: 4px; padding: 0.5rem; min-width: 110px; margin-left: 10px; } @media (max-width: 991.98px) { .product-description .products-reviews { margin: 1rem 0; } } .product-description .brand-data { padding: 5px 0; font-size: 0.8rem; font-weight: 600; } .product-description .brand-data .txt-gray-light { color: #8798ad; font-weight: 300; } .product-description .products__price { font-size: 2rem; color: var(--brand-color); font-weight: 700; font-family: "Poppins", sans-serif; padding: 0; line-height: 1.2; } .product-description .products__price_old { font-weight: 300; color: #2e384d; text-decoration: line-through; } .product-description .products__price .product_off { font-size: 0.875rem; font-weight: 300; color: var(--first-color); display: inline-block; } .product-description .tax-inclusive { color: #8798ad; font-size: 0.8rem; } .product-description .favourite { position: relative; left: 0; top: 0; } .product-description .h6 { font-size: 0.8em; text-transform: uppercase; font-weight: 400; margin-bottom: 0.5rem; } .buy-group { display: flex; margin: 0; align-items: center; justify-content: space-between; flex: 1; } .buy-group .add-to-cart { min-height: 38px; } .product-content { margin: 0 auto; max-width: 550px; } .dropdown-options .dropdown-toggle { width: 100%; text-align: left; display: flex; align-items: center; } .dropdown-options .dropdown-toggle:after { float: right; } .dropdown-options span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .dropdown-options .colors { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 8px; -webkit-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.3); } .dropdown-options .is-active { background: #f3f4f5; color: #2e384d; } .options-name { text-transform: uppercase; font-weight: 600; font-size: 0.875em; line-height: 1; margin-right: 10px; } .article-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 15px 10px; background: #fff; border-radius: 4px; } .article-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0; } .article-options ul li { margin: 0 5px; padding: 0; display: block; font-size: 0.875em; color: var(--brand-color); white-space: nowrap; position: relative; } .article-options ul li a { color: #000; } .options--color li { border: none; font-size: 1rem; text-align: center; color: #000; font-weight: 600; cursor: pointer; display: block; border-radius: 50%; width: 20px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .options--color li span { display: block; width: 20px; height: 20px; border-radius: 50%; position: relative; } .options--color li.is--active { background: #ebebeb; } .options--color li.is--active:after { background-color: #000; position: absolute; left: -5px; right: -5px; bottom: -15px; content: ""; height: 2px; } .options--size li.is--active { color: #000; font-weight: 600; } .icn-buy-now, .icn-add-cart { background: url(images/retina/buy-now.svg) no-repeat 0 0; background-size: 20px; width: 20px; height: 20px; display: block; margin-right: 8px; } .icn-add-cart { background: url(images/retina/add-cart.svg) no-repeat 0 0; } .section--fill { background: var(--secondary-color); color: var(--secondary-color-inverse); } .section--fill .section-head { margin-bottom: 0; } .product-detail-gallery { position: sticky; position: -webkit-sticky; /*z-index: 1;*/ top: 180px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 2rem; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*align-items: center;*/ } @media (max-width: 1199.98px) { .product-detail-gallery { display: block; position: relative; top: auto; } } .product-detail-gallery .slider-for { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; border-radius: 4px; border: solid 1px #dee2e6; margin: 0 auto; max-width: 500px; } @media (max-width: 1199.98px) { .product-detail-gallery .slider-for { padding: 0; border-radius: none; border: none; } } .product-detail-gallery .slider-for img, .product-detail-gallery .slider-for .post .post_media iframe, .post .post_media .product-detail-gallery .slider-for iframe, .product-detail-gallery .slider-for .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-detail-gallery .slider-for img, .product-detail-gallery .slider-for .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-detail-gallery .slider-for img { margin: 0 auto !important; max-width: 500px; float: none !important; } @media (max-width: 991.98px) { .product-detail-gallery .slider-for img, .product-detail-gallery .slider-for .post .post_media iframe, .post .post_media .product-detail-gallery .slider-for iframe, .product-detail-gallery .slider-for .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-detail-gallery .slider-for img, .product-detail-gallery .slider-for .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-detail-gallery .slider-for img { max-width: 100%; } } .product-detail-gallery .slider-nav { position: relative; padding: 0; /* margin-right: 2rem;*/ width: 90px; overflow: hidden; } @media (max-width: 1199.98px) { .product-detail-gallery .slider-nav { width: 100%; display: flex; } } @media (max-width: 991.98px) { .product-detail-gallery .slider-nav { margin-top: 1.5rem; } } .product-detail-gallery .slider-nav .slick-list { margin: 0 auto; text-align: center; } .product-detail-gallery .slider-nav .thumb { margin: 0.5rem auto; text-align: center; border-radius: 4px; border: solid 1px #dee2e6 !important; overflow: hidden; } .product-detail-gallery .slider-nav .thumb.slick-current { border-color: var(--brand-color); } .product-detail-gallery .slider-nav .thumb img, .product-detail-gallery .slider-nav .thumb .post .post_media iframe, .post .post_media .product-detail-gallery .slider-nav .thumb iframe, .product-detail-gallery .slider-nav .thumb .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-detail-gallery .slider-nav .thumb img, .product-detail-gallery .slider-nav .thumb .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-detail-gallery .slider-nav .thumb img { max-width: 100%; margin: 0 auto; } @media (max-width: 1199.98px) { .product-detail-gallery .slider-nav .thumb { margin: 0 0.5rem; } } .product-detail-gallery .slider-nav .slick-arrow { position: relative; top: auto; width: 40px; height: 90px; padding: 0; border: none; transform: rotate(90deg); /*background: $gray-light;*/ border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; margin: 0; } @media (max-width: 1199.98px) { .product-detail-gallery .slider-nav .slick-arrow { transform: none; height: auto; width: 40px; min-width: 40px; } } .product-detail-gallery .slider-nav .slick-prev:after { border-right: 2px solid #000; border-bottom: 2px solid #000; width: 16px; height: 16px; left: calc(50% - 0px); top: calc(50% - 3px); /*-webkit-transform: rotate(-135deg); transform: rotate(-135deg);*/ } .product-detail-gallery .slider-nav .slick-next:after { border-right: 2px solid #000; border-bottom: 2px solid #000; width: 16px; height: 16px; left: calc(50% - 3px); top: calc(50% - 3px); } #frmBuyProduct .col-auto.form__group label { font-size: 0.85em; margin-bottom: 0.5rem; font-weight: 400; } .condition-txt { position: relative; font-size: 0.8rem; font-weight: 600; margin: 0.5rem 0; opacity: 0.5; -webkit-padding-start: 20px; -moz-padding-start: 20px; padding-left: 20px; } .condition-txt:before { background: url(images/retina/tick-gray.svg) no-repeat center; content: ""; position: absolute; left: 0; top: 3px; background-size: 100%; width: 12px; height: 12px; } .list--specification li { margin: 5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875em; color: #acb7ce; } .list--specification li span { min-width: 50%; color: #2e384d; } .discount-slider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -10px; } @media (max-width: 767.98px) { .discount-slider { padding-bottom: 20px; } } .discount-slider .item { background: #fff; border: solid 1px #dee2e6; border-radius: 4px; padding: 1rem; margin: 0 10px; font-size: 0.875em; font-weight: 600; text-align: center; min-width: 190px; } .discount-slider .item__price { color: #8798ad; display: block; font-weight: 300; } .shop-owner-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shop-owner-detail .owner_logo { background: #fff; border-radius: 50%; overflow: hidden; width: 70px; height: 70px; margin-right: 20px; position: relative; -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .owener_info .owener_info_mame { color: #2e384d; } .owener_info .owener_info_mame a { color: inherit; } .owener_info .owener_info_location { color: #000; font-size: 0.875em; } .owener_info .products__rating { -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; } .shop-reviews-wrapper { position: relative; } .shop-reviews-wrapper .shop-reviews { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 130px; height: 130px; position: relative; margin: 0 auto; } .shop-reviews-wrapper .shop-reviews .svg { fill: var(--brand-color); width: 130px; height: 130px; position: absolute; } .shop-reviews-wrapper .shop-reviews-points { line-height: 1; font-size: 1.6rem; font-weight: 600; padding-top: 15px; } .total-reviews { font-size: 0.875rem; padding: 5px; text-align: center; } .have-you { margin: 0 auto; text-align: center; } .reviews-lisitng { border: solid 1px #dee2e6; border-radius: 4px; } .reviews-lisitng > ul > li { border-bottom: solid 1px #dee2e6; padding-bottom: 10px; margin-bottom: 10px; } .reviews-lisitng > ul > li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .reviews-list { background: #fff; border-radius: 4px; border: solid 1px #dee2e6; } .reviews-list li { border-bottom: solid 1px #dee2e6; } .reviews-list li:last-child { border-bottom: none; } .refresh { margin: 5px 10px; } .remove { margin: 5px; color: red; } .yes-no ul { margin: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .yes-no ul li { border: none; } .yes-no ul li a { margin-right: 10px; font-size: 0.875em; color: #2e384d; } .yes-no img, .yes-no .post .post_media iframe, .post .post_media .yes-no iframe, .yes-no .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .yes-no img, .yes-no .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .yes-no img { margin-right: 5px; } .reviews-desc { padding: 2rem 1rem; } /*Share*/ .share-this { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; max-width: 150px; height: 35px; margin: 10px 0; background-color: #fff; border: solid 1px #dee2e6; border-radius: 50px; /*-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);*/ -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); overflow: hidden; } .share-this:before, .share-this:after { position: absolute; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; height: 100%; -webkit-transition: 0.25s linear; transition: 0.25s linear; z-index: 1; } .share-this:before { content: ''; left: 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: #fff; } .share-this:after { content: ''; right: 0; -webkit-box-pack: flex-start; -ms-flex-pack: flex-start; justify-content: flex-start; background-color: #fff; } .share-this:hover { border-color: var(--secondary-color); background-color: var(--secondary-color); -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .share-this:hover span { opacity: 0; z-index: -3; } .share-this:hover:before { opacity: 0.5; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .share-this:hover:after { opacity: 0.5; -webkit-transform: translateY(100%); transform: translateY(100%); } .share-this span { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; color: #2e384d; font-size: 1em; font-weight: 600; font-family: "Poppins", sans-serif; opacity: 1; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; z-index: 2; line-height: 1; } .share-this .social-link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; height: 100%; text-decoration: none; -webkit-transition: 0.25s; transition: 0.25s; padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; cursor: pointer; } .share-this .social-link i { text-shadow: 1px 1px rgba(70, 98, 127, 0.7); -webkit-transform: scale(1); transform: scale(1); } .share-this .social-link:hover { background-color: rgba(245, 245, 245, 0.1); } .share-this .social-link:hover i { -webkit-animation: bounce 0.4s linear; animation: bounce 0.4s linear; } .share-this .svg { width: 16px; height: 16px; fill: #fff; } .share-this .share .svg { width: 18px; height: 18px; margin-right: 8px; fill: #2e384d; } @-webkit-keyframes bounce { 40% { -webkit-transform: scale(1.4); transform: scale(1.4); } 60% { -webkit-transform: scale(0.8); transform: scale(0.8); } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounce { 40% { -webkit-transform: scale(1.4); transform: scale(1.4); } 60% { -webkit-transform: scale(0.8); transform: scale(0.8); } 80% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .shop-btn-group { max-width: 350px; } .shop-btn-group .btn, .shop-btn-group .share-icon { display: flex; justify-content: center; align-items: center; width: 42px; height: 42px; border-radius: 4px; margin: 2px; padding: 0; min-width: 1%; background-color: #fff !important; border: solid 1px #dee2e6 !important; } .shop-btn-group .btn .icn svg { width: 18px; height: 18px; fill: var(--brand-color); } .shop-btn-group .btn.is-active { background: var(--brand-color) !important; border-color: var(--brand-color) !important; } .shop-btn-group .btn.is-active .icn svg { fill: #fff; } .shop-btn-group .share-icon .icn svg { margin: -2px auto 0; width: 16px; height: 16px; fill: var(--brand-color); } .shop-profile { border-radius: 4px; border: solid 1px #dee2e6; } .shop-avatar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .shoper__dp { width: 92px; height: 92px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; border-radius: 50%; margin-right: 10px; } .profile__bio .deg { font-weight: 300; color: #acb7ce; font-size: 0.875rem; } .nav-detail { border: solid 1px #dee2e6; border-top: none; border-radius: 0 0 4px 4px; background: #fff; display: flex; justify-content: center; position: -webkit-sticky; position: sticky; /*top: 146px;*/ z-index: 1; } .nav-detail ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; overflow-x: auto; } .nav-detail ul li { padding: 0 20px; } .nav-detail ul li a { color: inherit; display: block; overflow: hidden; padding: 1.5rem 0px; position: relative; text-align: center; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-weight: 400; } .nav-detail ul li a:after, .nav-detail ul li a:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: 0; -webkit-transition: 0.4s all ease; transition: 0.4s all ease; } .nav-detail ul li a:before { right: 50%; } .nav-detail ul li a:after { left: 50%; } .nav-detail ul li a.is-active { color: var(--brand-color); } .nav-detail ul li a.is-active:after { left: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .nav-detail ul li a.is-active:before { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .nav-detail ul li a:hover:after { left: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .nav-detail ul li a:hover:before { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .product-detail-quickview .products__price { padding: 0; margin: 0 0 20px; } .product-detail-quickview .product-description-inner .products__title { margin-bottom: 0; } .ft-products .products--layout .products__body { position: static; } .sold-by { background: rgba(0, 0, 0, 0.05); } .sold-by .products__rating { padding-left: 0; margin-bottom: 10px; } .sold-by .products__rating { font-weight: normal; } .sold-by .products__rating .svg { margin-top: -3px; margin-right: 0; } .sold-by .btn { margin: 5px 0; } .sold-by .shop-logo { width: 100px; height: 100px; margin-right: 15px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); } .sold-by h6 a { color: #333; text-decoration: underline; } .products__quickview { position: absolute; z-index: 4; top: 70%; left: 50%; transform: translateX(-50%); opacity: 0; visibility: hidden; cursor: pointer; } @media (max-width: 1199.98px) { .products__quickview { display: none; } } .products__quickview > a { border-radius: 2px; padding: 5px 14px; font-weight: 600; font-size: 0.7rem; color: #fff !important; text-transform: uppercase; white-space: nowrap; background: #000; display: flex; align-items: center; } .products__quickview > a .svg-icon { width: 18px; height: 18px; display: inline-block; vertical-align: top; position: relative; margin-right: 10px; } .products__quickview > a .svg-icon svg { fill: #fff; width: 100%; height: 100%; } .products:hover .products__quickview { top: 50%; visibility: visible; opacity: 1; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .icn-quickview { margin: 0 auto; background: var(--brand-color); color: var(--brand-color-inverse); border-radius: 50%; width: 2.5rem; height: 2.5rem; display: block; } .icn-quickview svg { width: 16px; height: 16px; margin: 12px; fill: #fff; } .listing--progress-wrapper li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 0; margin: 4px 0; } .listing--progress-wrapper li .progress_count { font-size: 0.875em; min-width: 50px; color: #acb7ce; } .listing--progress-wrapper li .progress__bar { background: #f3f3f3; height: 6px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .listing--progress-wrapper li .progress__bar .progress__fill { background: #616161; } .certified-bar { background: #f3f4f5; border-top: solid 1px #dee2e6; } .certified-bar ul { display: flex; flex-wrap: nowrap; justify-content: center; } @media (max-width: 1199.98px) { .certified-bar ul { overflow-x: auto; justify-content: flex-start; } } @media (max-width: 991.98px) { .certified-bar ul li { margin: auto; max-width: 40%; flex: 0 0 40%; } } .certified-bar .certified-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 1rem; } .certified-bar .certified-box .icn { margin: 0 auto; margin-bottom: 10px; } .certified-bar .certified-box .icn svg { width: 24px; height: 24px; fill: #575757; } .certified-bar .certified-box p { font-size: 0.875rem; color: #575757; font-weight: 400; text-align: center; text-transform: uppercase; } .certified-bar .certified-box p a { color: #575757; } .addons-scrollbar { max-height: 250px; border: solid 1px #dee2e6; border-radius: 4px; } .list-addons li { padding: 1rem; border-bottom: solid 1px #dee2e6; display: flex; justify-content: space-between; position: relative; } .list-addons li .item { flex: 0 0 60%; max-width: 60%; } .list-addons li .item .item__title { font-size: 0.8rem; } .list-addons li .item .item__price { color: #8798ad; font-weight: 300; } .list-addons li .qty-wrapper { margin: 0 10px; } .list-addons li .checkbox { min-width: 30px; } .list-addons li:last-child { border-bottom: none; } .list-addons .tag--soldout { border-radius: 3px; width: auto; height: auto; opacity: 0.5; top: 0; bottom: 0; border-radius: 0; transform: none; cursor: not-allowed; display: flex; justify-content: center; align-items: center; } .video-wrapper { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .video-wrapper iframe, .video-wrapper .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .video-wrapper img, .video-wrapper .posted-content .posted-media .post__pic .media-wrapper .post .post_media iframe, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .video-wrapper iframe, .video-wrapper .post .post_media .posted-content .posted-media .post__pic .media-wrapper iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .video-wrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } #faqquestions { margin: 40px auto 0; padding: 0 5%; } #faqcloseall { top: 0; position: absolute; right: 0; z-index: 1; } .faqlist { position: relative; } .faqlist .js--highlightText { background: #fbf9c9; } .faqsearch .faq-input { margin-top: 1rem; height: 3rem; border: solid 1px rgba(255, 255, 255, 0.7); background: #fff; } .faqsearch .faq-input:hover, .faqsearch .faq-input:focus { border-color: inherit; } .filterDiv { cursor: pointer; font-size: 1.1rem; font-weight: 400; margin: -1px 0; padding: 1.5rem 0; padding-right: 25px; position: relative; border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; position: relative; white-space: normal; } .filterDiv:after { position: absolute; right: 0; top: 32px; transform: rotate(-90deg); } .filterDiv:hover { color: var(--brand-color); } .filterDiv.faqclose:after { transform: rotate(0deg); } div.faqanswer { margin: 0; line-height: 1.8em; border-radius: 4px; /*margin-left: 3rem; border: $border;*/ display: none; } div.faqanswer p { margin: 0; padding: 1rem 0; color: #8798ad; font-size: 0.85rem; } .faq-filters a { border: solid 1px #dee2e6; border-radius: 4px; margin: 5px 0; padding: 0.5rem; color: #2e384d; font-size: 0.8rem; display: inline-block; position: relative; overflow: hidden; } .faq-filters a:after { position: absolute; top: 0; right: 0; content: ""; width: 0; height: 0; border-top: 10px solid var(--brand-color); border-left: 10px solid transparent; } .faq-filters a.is--active { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); } .browsed-box { border: solid 1px #dee2e6; padding: 20px; margin-bottom: 20px; } .browsed-box:hover { background: #ededed; } .browsed-box .category-q { color: #2e384d; text-transform: uppercase; font-weight: 600; min-height: 43px; } .browsed-box a.btn--link { margin: 10px 0; display: inline-block; } .browsed-box a.btn--link .svg-icn svg path { fill: var(--brand-color); } .hero-slider { position: relative; padding-top: 20px; margin: 0 auto; text-align: center; } @media (max-width: 767.98px) { .hero-slider { padding-top: 10px; } } .hero-slider .hero-item { margin: 0; position: relative; padding: 0 10px; } @media (max-width: 767.98px) { .hero-slider .hero-item { padding: 0 5px; } } .hero-slider .hero-media { /*background: #000;*/ border-radius: 4px; overflow: hidden; } .hero-slider .hero-media img, .hero-slider .hero-media .post .post_media iframe, .post .post_media .hero-slider .hero-media iframe, .hero-slider .hero-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .hero-slider .hero-media img, .hero-slider .hero-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .hero-slider .hero-media img { /*  opacity: 0.5;*/ margin: 0 auto; } .hero-slider .slick-arrow { position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #858835; border-radius: 50%; width: 75px; height: 76px; padding: 0; cursor: pointer; text-indent: -9999px; border: none; } .hero-slider .slick-prev { background: #ffffff url(images/arrow-left.png) no-repeat center; background-size: 36px; left: calc(50% - 38vw); } .hero-slider .slick-next { background: #ffffff url(images/arrow-right.png) no-repeat center; background-size: 36px; right: calc(50% - 38vw); } .hero-slider .slick-dots { padding: 0; position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; text-align: center; } .hero-slider .slick-dots li { vertical-align: middle; display: inline-block; margin: 0 3px; width: 13px; height: 3px; border-radius: 1px; cursor: pointer; background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .hero-slider .slick-dots li button { background: none; border: none; text-indent: -9999999px; } .hero-slider .slick-dots li.slick-active { background: var(--brand-color); color: var(--brand-color-inverse); width: 30px; border-radius: 15px; } .banner-wrappers { display: grid; grid-gap: 1rem; grid-template-columns: repeat(2, 1fr); } @media (max-width: 767.98px) { .banner-wrappers { grid-template-columns: repeat(1, 1fr); } } .banner-wrappers .banner-ppc { border-radius: 4px; overflow: hidden; } .banner-wrappers .banner-ppc .advertise__block { margin-bottom: 2rem; display: block; } .banner-wrappers .banner-ppc img, .banner-wrappers .banner-ppc .post .post_media iframe, .post .post_media .banner-wrappers .banner-ppc iframe, .banner-wrappers .banner-ppc .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .banner-wrappers .banner-ppc img, .banner-wrappers .banner-ppc .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .banner-wrappers .banner-ppc img { margin: 0 auto; display: inline-block; } .slick-arrow { position: absolute; top: calc(50% - 20px); background-color: #fff; width: 42px; height: 42px; border-radius: 50%; border: none; text-indent: -999999px; z-index: 1; cursor: pointer; /*box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);*/ } .collection-corner .products { border-color: #fff; outline-color: #fff; margin: 0 1rem 1.5rem; } @media (max-width: 767.98px) { .collection-corner .products { margin: 0 5px 1.5rem; } } .slider-testimonials { text-align: center; margin: 0rem auto; padding-left: 4rem; padding-right: 4rem; padding-bottom: 2rem; position: relative; display: flex; } @media (max-width: 991.98px) { .slider-testimonials { padding-left: 0; padding-right: 0; } } @media (max-width: 767.98px) { .slider-testimonials { overflow: hidden; overflow-x: auto; } } .slider-testimonials .slick-arrow { width: 48px; height: 48px; background-color: rgba(255, 255, 255, 0.5); border: none; opacity: 0; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.7); transform: scale(0.7); } .slider-testimonials:hover .slick-arrow { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .slider-testimonials:hover .slick-arrow:hover { background-color: rgba(255, 255, 255, 0.9); } .slider-testimonials .slide-item { flex: 1; max-width: 450px; margin: auto; padding: 0 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } @media (max-width: 767.98px) { .slider-testimonials .slide-item { width: 60%; flex: 0 0 60%; max-width: 60%; } } .slider-testimonials .slide-item.slick-slide { opacity: 0.4; filter: grayscale(100); } .slider-testimonials .slide-item.slick-slide.slick-current { opacity: 1; filter: grayscale(0); } .slider-testimonials .slide-item__text { background: #fff; color: #2e384d; border-radius: 4px; padding: 2rem; padding-top: 4rem; padding-bottom: 3rem; margin: 10px 0; text-align: center; font-size: 0.85rem; min-height: 250px; position: relative; box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); } .slider-testimonials .slide-item__text:before { position: absolute; left: 0; right: 0; top: 1.5rem; width: 2rem; height: 2rem; margin: auto; content: ""; background: url(images/retina/left-quote.svg) no-repeat center; background-size: 100%; opacity: 0.6; } .slider-testimonials .slide-item__from { display: flex; align-items: center; margin: 0 auto; margin-top: -3rem; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; position: relative; } .slider-testimonials .slide-item__from .user-pic { max-width: 70px; border-radius: 50%; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 0px 1px rgba(0, 0, 0, 0.1); overflow: hidden; margin: 1rem; } .slider-testimonials .slide-item__from .name { display: block; font-size: 0.8rem; font-weight: 500; } .slider-testimonials .slide-item__from .designation { font-size: 0.75rem; font-weight: 300; } .slick-center .slider-testimonials { background-color: #fff; color: #2e384d; } .how-works { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(325px, 1fr)); } .how-works .how-work { text-align: center; padding: 0 3rem; } .how-works .how-work__icon { margin: 1.5rem 0; } .how-works .how-work__icon img, .how-works .how-work__icon .post .post_media iframe, .post .post_media .how-works .how-work__icon iframe, .how-works .how-work__icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .how-works .how-work__icon img, .how-works .how-work__icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .how-works .how-work__icon img { max-width: 50px; } .how-works .how-work__data { position: relative; } .how-works .how-work__data:before { content: attr(data-count); opacity: 0.1; font-family: "Poppins", sans-serif; color: #000; font-size: 4rem; font-weight: 300; } .how-works .how-work__data h4 { font-size: 1.1rem; margin-bottom: 1rem; } .how-works .how-work__data p { line-height: 1.6; font-size: 0.9rem; margin-bottom: 0.5rem; color: #8798ad; } .list-faqs { max-width: 60%; margin: 0 auto; margin-top: 2rem; } @media (max-width: 1199.98px) { .list-faqs { max-width: none; } } .list-faqs ul { display: flex; flex-wrap: wrap; flex-direction: column; } .list-faqs ul li { padding: 1rem; margin-bottom: 1rem; border-radius: 4px; border: solid 1px #dee2e6; } .list-faqs ul li h5 { font-size: 1.1rem; margin: 0; } .list-faqs ul li p { line-height: 1.7; font-size: 0.9rem; color: #8798ad; margin-top: 1rem; } .list-faqs .faq_trigger { position: relative; display: block; font-weight: 500; padding-right: 2rem; } .list-faqs .faq_trigger:after, .list-faqs .faq_trigger:before { background: #2e384d; content: ''; height: 2px; position: absolute; right: 0; top: calc(50% - 1px); width: 12px; } .list-faqs .faq_trigger:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .list-faqs .faq_trigger[aria-expanded='true']:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .list-faqs .faq_data { margin-top: 2rem; } .home .section:not([style*="background"]) + .section:not([style*="background"]) { padding-top: 0px; } .collection-sidebar { flex-grow: 0; flex-basis: 0; background: #f3f4f5; border-radius: 4px; display: block; } @media (max-width: 991.98px) { .collection-sidebar { border-radius: 0; position: fixed; -webkit-overflow-scrolling: touch; top: 0; left: -280px; bottom: 0; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 280px; -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .collection-sidebar--on .collection-sidebar { padding: 0; left: 0; visibility: visible; box-shadow: 0px 0px 0 1500px rgba(0, 0, 0, 0.2); z-index: 10; } } .collection-content { flex-basis: 0; flex-grow: 1; max-width: 100%; } .page-sort-wrap { margin-bottom: 2rem; } .page-sort-wrap .page-sort { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 991.98px) { .page-sort-wrap .page-sort { justify-content: flex-start; } } .page-sort-wrap .page-sort ul { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } .page-sort-wrap .page-sort ul li { position: relative; color: #000; padding: 0; font-size: 0.8rem; line-height: 1; display: block; margin-right: 1rem; } .page-sort-wrap .page-sort ul li:last-child { margin: 0; } .page-sort-wrap .page-sort .btn { line-height: 1.5; } @media (max-width: 767.98px) { .page-sort-wrap .page-sort .btn { height: 38px; display: flex; align-items: center; justify-content: center; } } @media (max-width: 767.98px) { .page-sort-wrap .page-sort .btn .txt { display: none; } } .page-sort-wrap .page-sort .custom-select { border-radius: 3px; padding-top: 8px; padding-bottom: 8px; font-size: 0.8rem; height: auto; border: solid 1px #dee2e6; height: 38px; } .page-sort-wrap .page-sort .btn-filters { border: solid 1px #dee2e6; border-radius: 3px; font-size: 0.8rem; padding: 10px 15px; padding-right: 30px; } .page-sort-wrap .page-sort .btn-filters:before { background: #44596B; content: ''; height: 2px; position: absolute; right: 10px; top: calc(50% - 2px); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 10px; } .page-sort-wrap .page-sort .btn-filters:after { background: #44596B; content: ''; height: 2px; position: absolute; right: 10px; top: calc(50% - 2px); width: 10px; } .page-sort-wrap .page-sort .btn-filters.active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .btn-float { display: none; } @media (max-width: 991.98px) { .btn-float { width: 3rem; height: 3rem; display: block; position: fixed; bottom: 85px; right: 10px; z-index: 1051; border-radius: 50%; border: none; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); padding: 0; background: var(--secondary-color); color: var(--secondary-color-inverse); fill: var(--secondary-color-inverse); cursor: pointer; } .btn-float .icn { fill: inherit; position: relative; z-index: -1; } .btn-float .icn svg { width: 1rem; height: 1rem; margin: 0; fill: inherit; } } .fixed__panel.stick { top: 0; position: fixed; width: 370px; } .divider--filters { border-bottom: solid 1px #e8e8e8; padding: 0px 0; margin: 15px 0; position: relative; } .divider--filters:after { background: var(--brand-color); color: var(--brand-color-inverse); width: 30px; height: 2px; content: ""; position: absolute; top: -1px; left: 0; } .scrollbar-filters { max-height: 300px; width: auto !important; max-width: none !important; } .scrollbar-ui, .scrollbar { max-height: 250px; position: relative; overflow-y: auto; } .scroll__track { width: 10px; /*background: #dce1e6;*/ right: 0 !important; position: relative; } .scroll__handle { width: 4px; background: var(--brand-color); color: var(--brand-color-inverse); margin: 0 0 0 3px; border-radius: 4px; -webkit-transition: width 250ms; transition: width 250ms; } .cat-accordion { width: 100%; margin: 0; } .cat-accordion li { position: relative; list-style-type: none; border: none; } .cat-accordion ul li a { font-size: 0.875rem; position: relative; color: #2e384d; margin: 0px 0; padding: 0; display: inline-block; } .cat-accordion ul li a:hover { color: var(--brand-color); } .cat-accordion ul ul ul li a { color: #999999; } .cat-accordion li a.is--active { font-weight: 500; } .cat-accordion ul ul li a { display: block; position: relative; } .cat-accordion ul ul { display: none; } .cat-accordion li.active > ul { display: block; } .cat-accordion ul ul { background: rgba(0, 0, 0, 0.03); margin: 10px 0; padding: 10px; border-radius: 5px; } .cat-accordion .acc-trigger { position: absolute; top: 9px; z-index: 1; right: 0; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; text-align: center; } .cat-accordion .acc-trigger:before { background: #44596B; content: ''; height: 2px; position: absolute; right: calc(50% - 5px); top: calc(50% - 2px); -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 10px; } .cat-accordion .acc-trigger:after { background: #44596B; content: ''; height: 2px; position: absolute; right: calc(50% - 5px); top: calc(50% - 2px); width: 10px; } .cat-accordion .acc-trigger.is--active:before { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .cat-accordion .badge { float: right; color: #b2b2b2; font-size: 0.8em; } .filter-content { margin: 0; -webkit-transition: height 0.3s ease 0s; transition: height 0.3s ease 0s; } .filter-top .filter-content { padding-top: 30px; } .filter-price-slider { background: #ccc; height: 2px; margin: 21px 2px 16px; position: relative; padding: 0 10px; width: 100%; } .price-slider-scroll { background: #333; border: medium none; border-radius: 50%; cursor: pointer; height: 13px; margin-left: 0; outline: medium none; position: absolute; top: -6px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; width: 13px; z-index: 2; } .price-slider-scroll:hover { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); } .from-price-text, .to-price-text { font-weight: 500; font-size: 0.8em; vertical-align: top; } .to-price-text { float: right; text-align: right; } .prices { padding: 0 1rem; padding-bottom: 60px; font-size: 0.8rem; } .slide__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .price-input { padding: 0; text-align: center; } .price-text-box { position: relative; } .price-text-box .input-filter { margin: 0; padding-right: 5px; padding-left: 36px; display: inline-block; font-size: 12px; vertical-align: top; height: 40px; } .price-text-box .input-group-text { font-size: 0.8rem; } .rsText { color: #9e9e9e; font-size: 13px; left: 5px; margin-right: 3px; -webkit-padding-start: 3px; -moz-padding-start: 3px; padding-left: 3px; position: absolute; top: 10px; } .filter-content .btn { padding: 9px 10px; float: right; } .filter-content .dash { display: inline-block; padding: 6px; } .brands-list li { margin: 10px 0; display: block; } .white--bg { background: #fff; } .right-panel { padding: 20px; } .right_panel_head_right { float: right; text-align: right; } .sort-by li { display: inline-block; } .sort-by li.sort { color: #555555; font-weight: 300; margin: 0; } .sort-by select, .sort-by .custom-select { height: 30px; } .listing-products--list .product-listing[data-view="3"], .listing-products--list .product-listing[data-view="4"], .listing-products--list .product-listing[data-view="5"], .listing-products--list .product-listing[data-view="6"] { grid-template-columns: repeat(3, 1fr); } .listing-products--list .products { display: flex; } .listing-products--list .products .products__title { margin: 0; min-height: auto; padding: 5px 0; } .listing-products--list .products .products__body { position: static; width: 120px; } .listing-products--list .products .products__body .products__img { margin-bottom: 0; } .listing-products--list .products .products__footer { width: calc(100% - 120px); text-align: left; padding: 1rem; } .listing-products--list .products .products__price { padding: 0; } /*grid list view*/ .list-grid-toggle { width: 40px; height: 38px; padding: 1px 2px; border-radius: 3px; border: solid 1px #dee2e6; color: #fff; cursor: pointer; font-size: 12px; font-weight: 200; letter-spacing: 3px; text-align: center; text-transform: uppercase; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; display: flex; align-items: center; justify-content: center; } .list-grid-toggle .label, .list-grid-toggle .product-line-info .value, .product-line-info .list-grid-toggle .value { display: none; } .list-grid-toggle .icon { width: 30px; margin: 0; } .list-grid-toggle .icon .icon-bar { position: relative; width: 20px; height: 3px; margin: 0 auto 3px auto; background: #2e384d; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } .list-grid-toggle .icon .icon-bar:before, .list-grid-toggle .icon .icon-bar:after { position: absolute; display: block; width: 4px; height: 4px; background: #2e384d; content: ""; opacity: 0; -webkit-transition: all 0.15s ease; transition: all 0.15s ease; } .list-grid-toggle .icon .icon-bar:before { left: -15px; } .list-grid-toggle .icon .icon-bar:after { right: -8px; } .list-grid-toggle .icon .icon-bar:last-child { margin-bottom: 0; } .list-grid-toggle .icon.icon-grid .icon-bar { width: 4px; height: 4px; } .list-grid-toggle .icon.icon-grid .icon-bar:before, .list-grid-toggle .icon.icon-grid .icon-bar:after { opacity: 1; } .list-grid-toggle .icon.icon-grid .icon-bar:before { left: 7px; -webkit-transform: translateX(-15px); transform: translateX(-15px); } .product-search { margin: 0 auto; margin-bottom: 15px; } .product-search form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; border: solid 1px #dee2e6; border-radius: 4px; } .product-search form input[type="text"], .product-search form .form select[type="text"], .form .product-search form select[type="text"], .product-search form .form [type="text"].custom-select, .form .product-search form [type="text"].custom-select, .product-search form .form textarea[type="text"], .form .product-search form textarea[type="text"] { background: none; border: none; width: calc(100% - 40px); } .product-search form input[type="text"]:focus, .product-search form .form select[type="text"]:focus, .form .product-search form select[type="text"]:focus, .product-search form .form [type="text"].custom-select:focus, .form .product-search form [type="text"].custom-select:focus, .product-search form .form textarea[type="text"]:focus, .form .product-search form textarea[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .product-search .input-submit { background: url(images/retina/magni-gray.svg) no-repeat center; background-size: 20px auto; width: 40px; height: 40px; border: none; padding: 0; margin: 0; } .reset-all { cursor: pointer; } .reset-all .icn svg { width: 18px; height: 18px; fill: #44596B; } .shop-slider .item { position: relative; max-width: 610px; margin: 0 15px; } .shop-slider .item img, .shop-slider .item .post .post_media iframe, .post .post_media .shop-slider .item iframe, .shop-slider .item .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .shop-slider .item img, .shop-slider .item .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .shop-slider .item img { border-radius: 4px; } .shop-slider figure { margin: 0; } .shop-slider .overlay-content { background: rgba(255, 255, 255, 0.8); border-radius: 2px; position: absolute; bottom: 10px; right: 10px; padding: 1rem; /*max-width: 210px;*/ font-weight: 400; } .shop-slider .overlay-content h4 { font-size: 1rem; } .social-icons { display: flex; justify-content: center; align-items: center; } .social-icons li { margin: 0 5px; } .selected-filter { display: flex; flex-wrap: wrap; } .selected-filter li { font-size: 0.8rem; list-style: none; margin-bottom: 5px; margin-right: 5px; border-radius: 3px; padding-left: 10px; background: #8c8c8c; border: solid 1px var(--border-color); display: flex; align-items: center; overflow: hidden; } .selected-filter li span { padding-right: 5px; } .selected-filter li .remove { color: var(--body-color); padding: 5px 10px; } .enter-page { min-height: 675px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-repeat: no-repeat; background-position: center; background-size: cover; color: #fff; text-align: center; height: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } .info-item__inner h2 { color: #fff; } .icon-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-transform: uppercase; margin-bottom: 25px; } .icon-wrapper .svg { fill: #fff; width: 80px; height: 80px; margin: 5px auto; } .container-info { background: #000; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 767.98px) { .container-info { display: none; } } .container-form { overflow: hidden; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(0); transform: translateX(0); width: 50%; height: 100%; background-color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767.98px) { .container-form { align-items: flex-start; flex-direction: column; overflow: inherit; position: static; transform: none; margin: 0 auto; width: auto; height: auto; } } .container-form.sign-up { transform: translateX(-100%); } @media (max-width: 767.98px) { .container-form.sign-up { transform: none; } } .container-form .form-item { width: 100%; padding: 0 50px; max-width: 450px; margin: 0 auto; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767.98px) { .container-form .form-item { overflow: inherit; position: static; transform: none; height: auto; max-width: 350px; opacity: 1; padding: 2rem; } } .container-form .form-item.sign-in { opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; left: 50%; } .container-form .form-item.sign-up { -webkit-transform: translateX(100%); transform: translateX(100%); right: 0; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767.98px) { .container-form .form-item.sign-up { opacity: 1; transform: none; border-top: solid 1px #dee2e6; } } .container-form .form-item.sign-up.is-opened { opacity: 1; -webkit-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.5s; transition: all 0.5s; right: 50%; } @media (max-width: 767.98px) { .container-form .form-item.sign-up.is-opened { transform: none; left: auto; } } .container-form.sign-up .form-item.sign-in { left: -100%; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767.98px) { .container-form.sign-up .form-item.sign-in { opacity: 1; left: auto; } } .form-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-title h2 { color: #000; font-weight: 600; font-size: calc(112.5% + 0.9vw); } .or { display: block; margin: 15px auto; text-align: center; color: #ccc; font-size: 1em; font-weight: 600; max-width: 200px; position: relative; } .or:after, .or:before { content: ""; background: #ccc; height: 1px; width: 70px; position: absolute; top: 50%; margin-top: -1px; } .or:after { left: 0; } .or:before { right: 0; } .or-vertical { height: 100%; max-height: 200px; display: flex; align-items: center; justify-content: center; } .or-vertical:after, .or-vertical:before { width: 1px; height: 70px; top: auto; left: 50%; } .or-vertical:after { top: 0; } .or-vertical:before { bottom: 0; } .or-wrap { height: 100%; display: flex; align-items: center; } .other-option { margin-top: 1.5rem; } .buttons-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buttons-list ul li { margin: 0 10px; } .buttons-list ul li .btn--social { padding: 0; } .buttons-list ul li .icn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0; background: rgba(0, 0, 0, 0.1); width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buttons-list ul li .icn img, .buttons-list ul li .icn .post .post_media iframe, .post .post_media .buttons-list ul li .icn iframe, .buttons-list ul li .icn .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .buttons-list ul li .icn img, .buttons-list ul li .icn .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .buttons-list ul li .icn img, .buttons-list ul li .icn svg { margin: 0 auto; width: 20px; height: auto; } .buttons-list .btn--fb, .buttons-list .btn--FacebookLogin { background: #3b5a99; } .buttons-list .btn--gp, .buttons-list .btn--GoogleLogin { background: #da4a42; } .buttons-list .btn--gm { background: #333333; } .buttons-list .btn--AppleLogin { background: #000000; } .buttons-list .btn--InstagramLogin { background: #3f729b; } .login-wrapper .form-side { padding: 2rem; } @media (max-width: 991.98px) { .login-wrapper .form-side { padding: 1rem; } } .login-wrapper .form-side input[type="submit"], .login-wrapper .form-side .form select[type="submit"], .form .login-wrapper .form-side select[type="submit"], .login-wrapper .form-side .form select[type="button"], .form .login-wrapper .form-side select[type="button"], .login-wrapper .form-side .form [type="button"].custom-select, .form .login-wrapper .form-side [type="button"].custom-select, .login-wrapper .form-side .form select[type="reset"], .form .login-wrapper .form-side select[type="reset"], .login-wrapper .form-side .form [type="reset"].custom-select, .form .login-wrapper .form-side [type="reset"].custom-select, .login-wrapper .form-side .form [type="submit"].custom-select, .form .login-wrapper .form-side [type="submit"].custom-select, .login-wrapper .form-side .form button.custom-select, .form .login-wrapper .form-side button.custom-select, .login-wrapper .form-side .form textarea[type="submit"], .form .login-wrapper .form-side textarea[type="submit"], .login-wrapper .form-side .form textarea[type="button"], .form .login-wrapper .form-side textarea[type="button"], .login-wrapper .form-side .form textarea[type="reset"], .form .login-wrapper .form-side textarea[type="reset"], .login-wrapper .form-side .form input[type="button"], .form .login-wrapper .form-side input[type="button"], .login-wrapper .form-side .form input[type="reset"], .form .login-wrapper .form-side input[type="reset"] { background: var(--secondary-color); color: var(--secondary-color-inverse); text-transform: uppercase; font-size: 1em; border: none; display: block; width: 100%; } .login-wrapper .forgot { text-align: right; color: #fff; font-size: 0.9em; line-height: 1; } .login-wrapper .last-button { background: none; color: #fff; text-transform: uppercase; font-size: 1em; border: solid 1px rgba(255, 255, 255, 0.2); display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; } .login-wrapper .last-button:hover { background-color: #424242; } .login-wrapper .add-side { padding: 2rem; display: table-cell; max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; background: #fff url(images/login-with.png) no-repeat bottom center; } .connect a.link { display: block; color: #fff; text-transform: uppercase; font-size: 1em; border: none; display: block; padding: 10px 20px; text-align: center; line-height: 1.42857; width: 100%; margin-bottom: 15px; } .connect a.fb { background: #3856a0; } .connect a.gp { background: #dd4330; } .connect .svg svg { width: 18px; height: 18px; fill: #fff; display: inline-block; vertical-align: middle; } .forgot { text-align: right; font-size: 0.75em; } .otp-heading { display: flex !important; justify-content: space-between; align-items: center; flex: 1; } .otp-heading a.otp-link { font-size: 0.8rem; color: var(--primary-color); } .banner-over-txt { text-align: center; padding: 30px 0; } .banner-over-txt h3 { font-size: 2.6em; color: #000; font-weight: 800; line-height: 1.4; } .banner-over-txt p { color: #000; padding: 10px 0; } .package-desc { font-size: 0.9em; text-align: center; margin: 0px auto; } .packages-box { display: grid; grid-gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); text-align: center; } .packages-box > li { background: #f3f4f5; color: #2e384d; border-radius: 3px; padding: 2rem; } .packages-box > li .name { padding: 0 0 20px 0; font-size: 1rem; line-height: 1.5; color: #8798ad; font-weight: 600; text-transform: uppercase; } .packages-box > li .valid { font-size: 3rem; font-weight: 800; line-height: 1.1; } .packages-box > li .valid .currency-value { font-size: 1rem; font-weight: 600; line-height: 1; } .packages-box > li .valid span { font-size: 0.75rem; font-weight: 300; display: block; color: #8798ad; } .packages-box > li .trial { padding: 20px; } .packages-box > li .trial ul { border-bottom: solid 1px #dee2e6; } .packages-box > li .trial ul li { color: #8798ad; font-size: 0.9rem; margin: 5px 0; padding: 0.5rem; border-top: solid 1px #dee2e6; } .packages-box > li .trial ul li span { font-weight: 500; } .packages-box > li .after-box h3 { padding: 10px; font-size: 1rem; margin: 0; } .packages-box > li .after-box ul { margin: 1.5rem auto; margin-top: 0; display: block; border-radius: 4px; background-color: #fff; padding: 1.5rem; } .packages-box > li .after-box ul li { padding: 0 5px; margin: 0.5rem auto; font-size: 0.8rem; color: #2e384d; } .packages-box > li .checkbox, .packages-box > li .radio { vertical-align: top; line-height: 1; } .packages-box > li.is-active { background-color: var(--brand-color); color: var(--brand-color-inverse); } .packages-box > li.is-active .name { color: currentColor; } .packages-box > li.is-active .valid span { color: currentColor; } .packages-box > li.is-active .trial ul li { color: currentColor; } .packages-box > li.is-active .btn-brand { background: #000; color: #fff; } html, body { height: 100%; min-height: 100%; /*background: #f7f7f7;*/ } .payment-page { height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cc-payment { background: #fff; border: solid 1px #e1dfdf; margin: 0 auto; max-width: 600px; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .logo-payment img, .logo-payment .post .post_media iframe, .post .post_media .logo-payment iframe, .logo-payment .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .logo-payment img, .logo-payment .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .logo-payment img, .logo-payment svg { margin: 0 auto; max-width: 100%; } .reff p { padding: 10px 10px; } .payment-from { border-top: solid 1px #e1dfdf; display: table; width: 100%; } .payment-from .siteForm label { display: block; } .payment-from .siteForm input.type-bg, .payment-from .siteForm .form select.type-bg, .form .payment-from .siteForm select.type-bg, .payment-from .siteForm .form .type-bg.custom-select, .form .payment-from .siteForm .type-bg.custom-select, .payment-from .siteForm .form textarea.type-bg, .form .payment-from .siteForm textarea.type-bg { background: url(images/cc-pay.png) no-repeat right center; } .payment-from .field { margin-bottom: 15px; } .cvv { float: left; } .ccExpiryMonth, .ccExpiryYear { float: left; } .expiry-wrapper, .ccCvvWrapper { float: left; } .ccExpiryYear { margin-left: 20px; } .ccCvvWrapper { width: 205px; margin-left: 50px; } .payment-from .siteForm input.ccCvvBox, .payment-from .siteForm .form select.ccCvvBox, .form .payment-from .siteForm select.ccCvvBox, .payment-from .siteForm .form .ccCvvBox.custom-select, .form .payment-from .siteForm .ccCvvBox.custom-select, .payment-from .siteForm .form textarea.ccCvvBox, .form .payment-from .siteForm textarea.ccCvvBox { width: 119px; margin-right: 10px; float: left; } .total-pay { margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600; } .total-pay small { font-size: 13px; color: #333; } @media only screen and (max-width: 768px) { .payment-page { height: auto; } .cc-payment { -webkit-transform: none; transform: none; position: static; } } .payment-wrapper { background: #f3f4f5; border: solid 1px #dee2e6; border-radius: 4px; } .make-payment-wrapper { border: 1px solid #ddd; padding: 30px 50px; } .make-payment-wrapper .row > .column { -webkit-padding-end: 30px; -moz-padding-end: 30px; padding-right: 30px; } .make-payment-wrapper .payment_methods_list { width: 100%; position: static; max-width: 100%; } .make-payment-wrapper .payment_methods_list ul { display: block; max-height: 390px; overflow: auto; } .make-payment-wrapper .payment_methods_list ul li a { padding: 15px 15px 15px 50px; display: block; } .make-payment-wrapper .payment_methods_list ul li.is-active:after { top: 17px; } .payment-load { position: relative; } .payment-load:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); content: ""; cursor: not-allowed; } .payable-amount { display: flex; flex-direction: column; max-width: 500px; margin: 0 auto; flex: 1; } .payable-amount .logo-payment { max-width: 150px; max-height: 100px; } .payable-amount--header { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; } .payable-amount__body { flex: 1; overflow: auto; background: #fff; padding: 40px 25px 25px 25px; } @media (max-width: 767.98px) { .payable-amount__body { padding: 30px 20px 20px 20px; } } .payable-amount__head { display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 2rem; padding-bottom: 1rem; background: var(--brand-color); color: var(--brand-color-inverse); } .payable-amount--decription { display: flex; justify-content: center; align-items: center; flex-direction: column; padding-top: 1rem; padding-bottom: 1rem; } .payable-amount--decription h2 { font-weight: 900; font-size: 1.8rem; margin-bottom: 0.3rem; } .payable-amount--decription p { font-size: 1rem; font-weight: 500; } .payable-amount--header a { display: none; } .form--payment .caption-wraper .field_label { font-size: .9rem; font-weight: 600; letter-spacing: 0.3px; margin: 0; display: block; color: #2e384d; } @media (max-width: 767.98px) { .form--payment .caption-wraper .field_label { font-size: 1rem; } } .form--payment .field-set { margin-bottom: 35px; } .form--payment .field_cover input, .form--payment .field_cover .form select, .form .form--payment .field_cover select, .form--payment .field_cover .form .custom-select, .form .form--payment .field_cover .custom-select, .form--payment .field_cover .form textarea, .form .form--payment .field_cover textarea { width: 100%; border-bottom: 1px solid #707070; box-shadow: none; border-left: none; border-right: none; border-top: none; height: 2rem; border-radius: 0; padding: 0; font-size: 16px; outline: none; } @media (max-width: 767.98px) { .form--payment .field_cover input, .form--payment .field_cover .form select, .form .form--payment .field_cover select, .form--payment .field_cover .form .custom-select, .form .form--payment .field_cover .custom-select, .form--payment .field_cover .form textarea, .form .form--payment .field_cover textarea { font-size: .9rem; } } .form--payment .field_cover input:focus, .form--payment .field_cover .form select:focus, .form .form--payment .field_cover select:focus, .form--payment .field_cover .form .custom-select:focus, .form .form--payment .field_cover .custom-select:focus, .form--payment .field_cover .form textarea:focus, .form .form--payment .field_cover textarea:focus { outline: none; } .form--payment .field_cover input:focus, .form--payment .field_cover .form select:focus, .form .form--payment .field_cover select:focus, .form--payment .field_cover .form .custom-select:focus, .form .form--payment .field_cover .custom-select:focus, .form--payment .field_cover .form textarea:focus, .form .form--payment .field_cover textarea:focus, .form--payment .field_cover select:focus, .form--payment .field_cover .custom-select:focus { outline: none; } .form--payment .field_cover select, .form--payment .field_cover .custom-select { width: 100%; border: none; border-bottom: 1px solid #707070; box-shadow: none; height: 2rem; cursor: pointer; padding: 0; font-size: 16px; padding-right: 35px; background-image: url(images/select-arrow-2.png); background-size: 17px 6px; background-repeat: no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; outline: none; } @media (max-width: 767.98px) { .form--payment .field_cover select, .form--payment .field_cover .custom-select { font-size: .9rem; } } .form--payment .field_cover select:focus, .form--payment .field_cover .custom-select:focus { outline: none; } .payment-section { background: #f1f1f1; justify-content: center; display: flex; align-items: center; height: 100vh; } .payable-form__footer { background-color: #fff; } .payable-form__footer input.btn-secondary, .payable-form__footer .form select.btn-secondary, .form .payable-form__footer select.btn-secondary, .payable-form__footer .form .btn-secondary.custom-select, .form .payable-form__footer .btn-secondary.custom-select, .payable-form__footer .form textarea.btn-secondary, .form .payable-form__footer textarea.btn-secondary { background: var(--secondary-color); color: var(--secondary-color-inverse); text-align: center; border: none; cursor: pointer; } .payable-form__footer input.btn-secondary:focus, .payable-form__footer .form select.btn-secondary:focus, .form .payable-form__footer select.btn-secondary:focus, .payable-form__footer .form .btn-secondary.custom-select:focus, .form .payable-form__footer .btn-secondary.custom-select:focus, .payable-form__footer .form textarea.btn-secondary:focus, .form .payable-form__footer textarea.btn-secondary:focus { outline: none; } .payable-form__footer input.btn-primary, .payable-form__footer .form select.btn-primary, .form .payable-form__footer select.btn-primary, .payable-form__footer .form .btn-primary.custom-select, .form .payable-form__footer .btn-primary.custom-select, .payable-form__footer .form textarea.btn-primary, .form .payable-form__footer textarea.btn-primary { background: var(--primary-color); color: var(--primary-color-inverse); text-align: center; border: none; cursor: pointer; } .payable-form__footer input.btn-primary:focus, .payable-form__footer .form select.btn-primary:focus, .form .payable-form__footer select.btn-primary:focus, .payable-form__footer .form .btn-primary.custom-select:focus, .form .payable-form__footer .btn-primary.custom-select:focus, .payable-form__footer .form textarea.btn-primary:focus, .form .payable-form__footer textarea.btn-primary:focus { outline: none; } .payable-form__footer .btn { width: 100%; height: 50px; border-radius: 10px; font-size: 18px; line-height: normal; padding: 10px 20px; outline: none; } .payable-form__footer .btn.btn-outline-gray { color: #868686; } .payment-area input.btn-secondary, .payment-area .form select.btn-secondary, .form .payment-area select.btn-secondary, .payment-area .form .btn-secondary.custom-select, .form .payment-area .btn-secondary.custom-select, .payment-area .form textarea.btn-secondary, .form .payment-area textarea.btn-secondary { background: var(--secondary-color); color: var(--secondary-color-inverse); } .payment-area input.btn-secondary:focus, .payment-area .form select.btn-secondary:focus, .form .payment-area select.btn-secondary:focus, .payment-area .form .btn-secondary.custom-select:focus, .form .payment-area .btn-secondary.custom-select:focus, .payment-area .form textarea.btn-secondary:focus, .form .payment-area textarea.btn-secondary:focus { outline: none; } .payment-area input.btn-primary, .payment-area .form select.btn-primary, .form .payment-area select.btn-primary, .payment-area .form .btn-primary.custom-select, .form .payment-area .btn-primary.custom-select, .payment-area .form textarea.btn-primary, .form .payment-area textarea.btn-primary { background: var(--primary-color); color: var(--primary-color-inverse); } .payment-area input.btn-primary:focus, .payment-area .form select.btn-primary:focus, .form .payment-area select.btn-primary:focus, .payment-area .form .btn-primary.custom-select:focus, .form .payment-area .btn-primary.custom-select:focus, .payment-area .form textarea.btn-primary:focus, .form .payment-area textarea.btn-primary:focus { outline: none; } @media screen and (max-width: 767px) { .payable-amount { display: flex; flex-direction: column; max-width: 767px; margin: 0 auto; height: 100vh; } .payable-amount__body { border-radius: 40px 40px 0 0; margin-top: -35px; display: flex; flex-direction: column; } .payable-amount__body .form--payment { flex: 1; display: flex; flex-direction: column; overflow: hidden; } .payable-amount__body .form--payment .payable-form__body { flex: 1; overflow: hidden; overflow-y: auto; } .payable-form__footer { position: sticky; bottom: 0; padding-top: 20px; } .form--payment .field-set { margin-bottom: 22px; } .payable-amount--header a { padding: 10px; position: absolute; left: 10px; display: block; } .payable-amount__head { padding-top: 1.5rem; padding-bottom: 4rem; } .payable-amount__footer { grid-template-columns: 100%; } .payable-amount__footer .field-set:last-child { display: none; } } .success-animation { margin: 2rem auto; } .checkmark { width: 80px; height: 80px; border-radius: 50%; display: block; stroke-width: 2; stroke: #4bb71b; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #4bb71b; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; position: relative; top: 5px; right: 5px; margin: 0 auto; } .checkmark .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #4bb71b; fill: #fff; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .checkmark .checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes scale { 0%, 100% { transform: none; } 50% { transform: scale3d(1.1, 1.1, 1); } } @keyframes fill { 100% { box-shadow: inset 0px 0px 0px 30px #4bb71b; } } .thanks-screen p { margin-left: auto; margin-right: auto; } @media (min-width: 1200px) { .thanks-screen p { max-width: 80%; } } .order-completed h2 { font-size: calc(1.75rem + ((1vw - 0.1875rem) * 1.2346)); font-weight: 300; margin-bottom: 1rem; } .order-completed h3 { font-size: 1.2rem; font-weight: 300; } .order-completed p { margin-bottom: 0.8rem; } .order-completed .svg { width: 1rem; height: 1rem; fill: var(--secondary-color); } .completed-detail { /*border-radius: 4px; border: $border;*/ display: flex; flex-wrap: wrap; margin-top: 2rem; } .completed-detail > li { /*flex: 0 0 50%; max-width: 50%;*/ flex: 1; padding: 2rem; margin: -1px; background: #fff; outline: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .completed-detail > li { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 1199.98px) { .completed-detail > li { flex: 0 0 100%; max-width: 100%; } } .completed-detail h4 { font-weight: 500; font-size: 1rem; margin-bottom: 1.5rem; color: var(--secondary-color); } .completed-detail h4 .svg { margin-right: 5px; fill: currentColor; width: 1.5rem; height: 1.5rem; } .completed-detail p { font-size: 0.8rem; } .completed-detail .preferred-shipping-list li { background-color: #f3f4f5; border-radius: 2px; padding: 5px 8px; margin-bottom: 5px; font-size: 0.75rem; font-weight: 600; } .completed-cart { margin-top: 2rem; } .completed-cart .list-cart .list-group-item { padding: 1rem 0; } .completed-cart .product-price { color: #2e384d; } .any-question { font-size: 0.85rem; } .list-collections { display: grid; grid-gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); } .list-collections__item { display: block; position: relative; border-radius: 1px; overflow: hidden; } .list-collections__item:hover .list-collections__image { transform: scale(1.2); } .list-collections__item:hover .list-collections__image:after { opacity: 1; } .list-collections .aspect-ratio { position: relative; margin-left: auto; margin-right: auto; } .list-collections__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); background-size: cover; background-position: center; transition: all 1s ease-out; } .list-collections__image:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; background-color: rgba(0, 0, 0, 0.4); transition: all 1s ease-out; } .list-collections__heading { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 20px; transform: translate(-50%, -50%); text-align: center; color: #ffffff; font-size: 1.2rem; font-weight: 500; z-index: 1; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); } .header-supplier .logo-bar, .header-advertiser .logo-bar, .header-affiliate .logo-bar { padding: 10px 0; } .header-supplier .logo-bar .logo, .header-advertiser .logo-bar .logo, .header-affiliate .logo-bar .logo { margin: 0; } .header-supplier .logo-bar .logo img[data-ratio="16:9"], .header-advertiser .logo-bar .logo img[data-ratio="16:9"], .header-affiliate .logo-bar .logo img[data-ratio="16:9"], .header-supplier .logo-bar .logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .header-supplier .logo-bar .logo iframe[data-ratio="16:9"], .header-advertiser .logo-bar .logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .header-advertiser .logo-bar .logo iframe[data-ratio="16:9"], .header-affiliate .logo-bar .logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .header-affiliate .logo-bar .logo iframe[data-ratio="16:9"] { max-width: 120px; } .header-supplier .logo-bar .logo img[data-ratio="1:1"], .header-advertiser .logo-bar .logo img[data-ratio="1:1"], .header-affiliate .logo-bar .logo img[data-ratio="1:1"], .header-supplier .logo-bar .logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .header-supplier .logo-bar .logo iframe[data-ratio="1:1"], .header-advertiser .logo-bar .logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .header-advertiser .logo-bar .logo iframe[data-ratio="1:1"], .header-affiliate .logo-bar .logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .header-affiliate .logo-bar .logo iframe[data-ratio="1:1"] { max-width: 60px; } .header-supplier .seller-login, .header-advertiser .seller-login, .header-affiliate .seller-login { display: flex; padding: 0.5rem 0; } @media (max-width: 991.98px) { .header-supplier .seller-login, .header-advertiser .seller-login, .header-affiliate .seller-login { padding: 1rem; flex-direction: column; } } .header-supplier .seller-login .field-set, .header-advertiser .seller-login .field-set, .header-affiliate .seller-login .field-set { margin-bottom: 0; margin-left: 10px; } @media (max-width: 991.98px) { .header-supplier .seller-login .field-set, .header-advertiser .seller-login .field-set, .header-affiliate .seller-login .field-set { margin: 0.5rem 0; width: 100%; } .header-supplier .seller-login .field-set input[type="submit"], .header-advertiser .seller-login .field-set input[type="submit"], .header-affiliate .seller-login .field-set input[type="submit"], .header-supplier .seller-login .field-set .form input[type="submit"][type="text"], .form .header-supplier .seller-login .field-set input[type="submit"][type="text"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="text"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="text"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="text"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="text"], .header-supplier .seller-login .field-set .form input[type="text"][type="button"], .form .header-supplier .seller-login .field-set input[type="text"][type="button"], .header-advertiser .seller-login .field-set .form input[type="text"][type="button"], .form .header-advertiser .seller-login .field-set input[type="text"][type="button"], .header-affiliate .seller-login .field-set .form input[type="text"][type="button"], .form .header-affiliate .seller-login .field-set input[type="text"][type="button"], .header-supplier .seller-login .field-set .form input[type="text"][type="reset"], .form .header-supplier .seller-login .field-set input[type="text"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="text"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="text"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="text"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="text"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="email"], .form .header-supplier .seller-login .field-set input[type="submit"][type="email"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="email"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="email"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="email"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="email"], .header-supplier .seller-login .field-set .form input[type="email"][type="button"], .form .header-supplier .seller-login .field-set input[type="email"][type="button"], .header-advertiser .seller-login .field-set .form input[type="email"][type="button"], .form .header-advertiser .seller-login .field-set input[type="email"][type="button"], .header-affiliate .seller-login .field-set .form input[type="email"][type="button"], .form .header-affiliate .seller-login .field-set input[type="email"][type="button"], .header-supplier .seller-login .field-set .form input[type="email"][type="reset"], .form .header-supplier .seller-login .field-set input[type="email"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="email"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="email"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="email"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="email"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-supplier .seller-login .field-set input[type="submit"][type="phone"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="phone"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="phone"], .header-supplier .seller-login .field-set .form input[type="phone"][type="button"], .form .header-supplier .seller-login .field-set input[type="phone"][type="button"], .header-advertiser .seller-login .field-set .form input[type="phone"][type="button"], .form .header-advertiser .seller-login .field-set input[type="phone"][type="button"], .header-affiliate .seller-login .field-set .form input[type="phone"][type="button"], .form .header-affiliate .seller-login .field-set input[type="phone"][type="button"], .header-supplier .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-supplier .seller-login .field-set input[type="phone"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="phone"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="phone"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="search"], .form .header-supplier .seller-login .field-set input[type="submit"][type="search"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="search"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="search"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="search"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="search"], .header-supplier .seller-login .field-set .form input[type="search"][type="button"], .form .header-supplier .seller-login .field-set input[type="search"][type="button"], .header-advertiser .seller-login .field-set .form input[type="search"][type="button"], .form .header-advertiser .seller-login .field-set input[type="search"][type="button"], .header-affiliate .seller-login .field-set .form input[type="search"][type="button"], .form .header-affiliate .seller-login .field-set input[type="search"][type="button"], .header-supplier .seller-login .field-set .form input[type="search"][type="reset"], .form .header-supplier .seller-login .field-set input[type="search"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="search"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="search"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="search"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="search"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="password"], .form .header-supplier .seller-login .field-set input[type="submit"][type="password"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="password"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="password"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="password"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="password"], .header-supplier .seller-login .field-set .form input[type="password"][type="button"], .form .header-supplier .seller-login .field-set input[type="password"][type="button"], .header-advertiser .seller-login .field-set .form input[type="password"][type="button"], .form .header-advertiser .seller-login .field-set input[type="password"][type="button"], .header-affiliate .seller-login .field-set .form input[type="password"][type="button"], .form .header-affiliate .seller-login .field-set input[type="password"][type="button"], .header-supplier .seller-login .field-set .form input[type="password"][type="reset"], .form .header-supplier .seller-login .field-set input[type="password"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="password"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="password"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="password"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="password"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="date"], .form .header-supplier .seller-login .field-set input[type="submit"][type="date"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="date"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="date"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="date"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="date"], .header-supplier .seller-login .field-set .form input[type="date"][type="button"], .form .header-supplier .seller-login .field-set input[type="date"][type="button"], .header-advertiser .seller-login .field-set .form input[type="date"][type="button"], .form .header-advertiser .seller-login .field-set input[type="date"][type="button"], .header-affiliate .seller-login .field-set .form input[type="date"][type="button"], .form .header-affiliate .seller-login .field-set input[type="date"][type="button"], .header-supplier .seller-login .field-set .form input[type="date"][type="reset"], .form .header-supplier .seller-login .field-set input[type="date"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="date"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="date"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="date"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="date"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="url"], .form .header-supplier .seller-login .field-set input[type="submit"][type="url"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="url"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="url"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="url"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="url"], .header-supplier .seller-login .field-set .form input[type="url"][type="button"], .form .header-supplier .seller-login .field-set input[type="url"][type="button"], .header-advertiser .seller-login .field-set .form input[type="url"][type="button"], .form .header-advertiser .seller-login .field-set input[type="url"][type="button"], .header-affiliate .seller-login .field-set .form input[type="url"][type="button"], .form .header-affiliate .seller-login .field-set input[type="url"][type="button"], .header-supplier .seller-login .field-set .form input[type="url"][type="reset"], .form .header-supplier .seller-login .field-set input[type="url"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="url"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="url"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="url"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="url"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-supplier .seller-login .field-set input[type="submit"][type="tel"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="tel"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="tel"], .header-supplier .seller-login .field-set .form input[type="tel"][type="button"], .form .header-supplier .seller-login .field-set input[type="tel"][type="button"], .header-advertiser .seller-login .field-set .form input[type="tel"][type="button"], .form .header-advertiser .seller-login .field-set input[type="tel"][type="button"], .header-affiliate .seller-login .field-set .form input[type="tel"][type="button"], .form .header-affiliate .seller-login .field-set input[type="tel"][type="button"], .header-supplier .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-supplier .seller-login .field-set input[type="tel"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="tel"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="tel"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="number"], .form .header-supplier .seller-login .field-set input[type="submit"][type="number"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="number"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="number"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="number"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="number"], .header-supplier .seller-login .field-set .form input[type="number"][type="button"], .form .header-supplier .seller-login .field-set input[type="number"][type="button"], .header-advertiser .seller-login .field-set .form input[type="number"][type="button"], .form .header-advertiser .seller-login .field-set input[type="number"][type="button"], .header-affiliate .seller-login .field-set .form input[type="number"][type="button"], .form .header-affiliate .seller-login .field-set input[type="number"][type="button"], .header-supplier .seller-login .field-set .form input[type="number"][type="reset"], .form .header-supplier .seller-login .field-set input[type="number"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="number"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="number"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="number"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="number"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="file"], .form .header-supplier .seller-login .field-set input[type="submit"][type="file"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="file"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="file"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="file"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="file"], .header-supplier .seller-login .field-set .form input[type="file"][type="button"], .form .header-supplier .seller-login .field-set input[type="file"][type="button"], .header-advertiser .seller-login .field-set .form input[type="file"][type="button"], .form .header-advertiser .seller-login .field-set input[type="file"][type="button"], .header-affiliate .seller-login .field-set .form input[type="file"][type="button"], .form .header-affiliate .seller-login .field-set input[type="file"][type="button"], .header-supplier .seller-login .field-set .form input[type="file"][type="reset"], .form .header-supplier .seller-login .field-set input[type="file"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="file"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="file"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="file"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="file"][type="reset"], .header-supplier .seller-login .field-set .form select[type="submit"], .form .header-supplier .seller-login .field-set select[type="submit"], .header-advertiser .seller-login .field-set .form select[type="submit"], .form .header-advertiser .seller-login .field-set select[type="submit"], .header-affiliate .seller-login .field-set .form select[type="submit"], .form .header-affiliate .seller-login .field-set select[type="submit"], .header-supplier .seller-login .field-set .form select[type="button"], .form .header-supplier .seller-login .field-set select[type="button"], .header-advertiser .seller-login .field-set .form select[type="button"], .form .header-advertiser .seller-login .field-set select[type="button"], .header-affiliate .seller-login .field-set .form select[type="button"], .form .header-affiliate .seller-login .field-set select[type="button"], .header-supplier .seller-login .field-set .form [type="button"].custom-select, .form .header-supplier .seller-login .field-set [type="button"].custom-select, .header-advertiser .seller-login .field-set .form [type="button"].custom-select, .form .header-advertiser .seller-login .field-set [type="button"].custom-select, .header-affiliate .seller-login .field-set .form [type="button"].custom-select, .form .header-affiliate .seller-login .field-set [type="button"].custom-select, .header-supplier .seller-login .field-set .form select[type="reset"], .form .header-supplier .seller-login .field-set select[type="reset"], .header-advertiser .seller-login .field-set .form select[type="reset"], .form .header-advertiser .seller-login .field-set select[type="reset"], .header-affiliate .seller-login .field-set .form select[type="reset"], .form .header-affiliate .seller-login .field-set select[type="reset"], .header-supplier .seller-login .field-set .form [type="reset"].custom-select, .form .header-supplier .seller-login .field-set [type="reset"].custom-select, .header-advertiser .seller-login .field-set .form [type="reset"].custom-select, .form .header-advertiser .seller-login .field-set [type="reset"].custom-select, .header-affiliate .seller-login .field-set .form [type="reset"].custom-select, .form .header-affiliate .seller-login .field-set [type="reset"].custom-select, .header-supplier .seller-login .field-set .form [type="submit"].custom-select, .form .header-supplier .seller-login .field-set [type="submit"].custom-select, .header-advertiser .seller-login .field-set .form [type="submit"].custom-select, .form .header-advertiser .seller-login .field-set [type="submit"].custom-select, .header-affiliate .seller-login .field-set .form [type="submit"].custom-select, .form .header-affiliate .seller-login .field-set [type="submit"].custom-select, .header-supplier .seller-login .field-set .form button.custom-select, .form .header-supplier .seller-login .field-set button.custom-select, .header-advertiser .seller-login .field-set .form button.custom-select, .form .header-advertiser .seller-login .field-set button.custom-select, .header-affiliate .seller-login .field-set .form button.custom-select, .form .header-affiliate .seller-login .field-set button.custom-select, .header-supplier .seller-login .field-set .form textarea[type="submit"], .form .header-supplier .seller-login .field-set textarea[type="submit"], .header-advertiser .seller-login .field-set .form textarea[type="submit"], .form .header-advertiser .seller-login .field-set textarea[type="submit"], .header-affiliate .seller-login .field-set .form textarea[type="submit"], .form .header-affiliate .seller-login .field-set textarea[type="submit"], .header-supplier .seller-login .field-set .form textarea[type="button"], .form .header-supplier .seller-login .field-set textarea[type="button"], .header-advertiser .seller-login .field-set .form textarea[type="button"], .form .header-advertiser .seller-login .field-set textarea[type="button"], .header-affiliate .seller-login .field-set .form textarea[type="button"], .form .header-affiliate .seller-login .field-set textarea[type="button"], .header-supplier .seller-login .field-set .form textarea[type="reset"], .form .header-supplier .seller-login .field-set textarea[type="reset"], .header-advertiser .seller-login .field-set .form textarea[type="reset"], .form .header-advertiser .seller-login .field-set textarea[type="reset"], .header-affiliate .seller-login .field-set .form textarea[type="reset"], .form .header-affiliate .seller-login .field-set textarea[type="reset"], .header-supplier .seller-login .field-set .form input[type="button"], .form .header-supplier .seller-login .field-set input[type="button"], .header-advertiser .seller-login .field-set .form input[type="button"], .form .header-advertiser .seller-login .field-set input[type="button"], .header-affiliate .seller-login .field-set .form input[type="button"], .form .header-affiliate .seller-login .field-set input[type="button"], .header-supplier .seller-login .field-set .form input[type="reset"], .form .header-supplier .seller-login .field-set input[type="reset"], .header-advertiser .seller-login .field-set .form input[type="reset"], .form .header-advertiser .seller-login .field-set input[type="reset"], .header-affiliate .seller-login .field-set .form input[type="reset"], .form .header-affiliate .seller-login .field-set input[type="reset"] { width: 100%; } } .header-supplier .seller-login .field-set input, .header-advertiser .seller-login .field-set input, .header-affiliate .seller-login .field-set input, .header-supplier .seller-login .field-set .form select, .form .header-supplier .seller-login .field-set select, .header-advertiser .seller-login .field-set .form select, .form .header-advertiser .seller-login .field-set select, .header-affiliate .seller-login .field-set .form select, .form .header-affiliate .seller-login .field-set select, .header-supplier .seller-login .field-set .form .custom-select, .form .header-supplier .seller-login .field-set .custom-select, .header-advertiser .seller-login .field-set .form .custom-select, .form .header-advertiser .seller-login .field-set .custom-select, .header-affiliate .seller-login .field-set .form .custom-select, .form .header-affiliate .seller-login .field-set .custom-select, .header-supplier .seller-login .field-set .form textarea, .form .header-supplier .seller-login .field-set textarea, .header-advertiser .seller-login .field-set .form textarea, .form .header-advertiser .seller-login .field-set textarea, .header-affiliate .seller-login .field-set .form textarea, .form .header-affiliate .seller-login .field-set textarea { height: 2rem; line-height: 2rem; font-size: 0.8rem; } .header-supplier .seller-login .field-set input[type="submit"], .header-advertiser .seller-login .field-set input[type="submit"], .header-affiliate .seller-login .field-set input[type="submit"], .header-supplier .seller-login .field-set .form input[type="submit"][type="text"], .form .header-supplier .seller-login .field-set input[type="submit"][type="text"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="text"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="text"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="text"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="text"], .header-supplier .seller-login .field-set .form input[type="text"][type="button"], .form .header-supplier .seller-login .field-set input[type="text"][type="button"], .header-advertiser .seller-login .field-set .form input[type="text"][type="button"], .form .header-advertiser .seller-login .field-set input[type="text"][type="button"], .header-affiliate .seller-login .field-set .form input[type="text"][type="button"], .form .header-affiliate .seller-login .field-set input[type="text"][type="button"], .header-supplier .seller-login .field-set .form input[type="text"][type="reset"], .form .header-supplier .seller-login .field-set input[type="text"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="text"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="text"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="text"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="text"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="email"], .form .header-supplier .seller-login .field-set input[type="submit"][type="email"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="email"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="email"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="email"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="email"], .header-supplier .seller-login .field-set .form input[type="email"][type="button"], .form .header-supplier .seller-login .field-set input[type="email"][type="button"], .header-advertiser .seller-login .field-set .form input[type="email"][type="button"], .form .header-advertiser .seller-login .field-set input[type="email"][type="button"], .header-affiliate .seller-login .field-set .form input[type="email"][type="button"], .form .header-affiliate .seller-login .field-set input[type="email"][type="button"], .header-supplier .seller-login .field-set .form input[type="email"][type="reset"], .form .header-supplier .seller-login .field-set input[type="email"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="email"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="email"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="email"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="email"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-supplier .seller-login .field-set input[type="submit"][type="phone"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="phone"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="phone"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="phone"], .header-supplier .seller-login .field-set .form input[type="phone"][type="button"], .form .header-supplier .seller-login .field-set input[type="phone"][type="button"], .header-advertiser .seller-login .field-set .form input[type="phone"][type="button"], .form .header-advertiser .seller-login .field-set input[type="phone"][type="button"], .header-affiliate .seller-login .field-set .form input[type="phone"][type="button"], .form .header-affiliate .seller-login .field-set input[type="phone"][type="button"], .header-supplier .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-supplier .seller-login .field-set input[type="phone"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="phone"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="phone"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="phone"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="search"], .form .header-supplier .seller-login .field-set input[type="submit"][type="search"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="search"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="search"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="search"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="search"], .header-supplier .seller-login .field-set .form input[type="search"][type="button"], .form .header-supplier .seller-login .field-set input[type="search"][type="button"], .header-advertiser .seller-login .field-set .form input[type="search"][type="button"], .form .header-advertiser .seller-login .field-set input[type="search"][type="button"], .header-affiliate .seller-login .field-set .form input[type="search"][type="button"], .form .header-affiliate .seller-login .field-set input[type="search"][type="button"], .header-supplier .seller-login .field-set .form input[type="search"][type="reset"], .form .header-supplier .seller-login .field-set input[type="search"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="search"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="search"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="search"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="search"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="password"], .form .header-supplier .seller-login .field-set input[type="submit"][type="password"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="password"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="password"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="password"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="password"], .header-supplier .seller-login .field-set .form input[type="password"][type="button"], .form .header-supplier .seller-login .field-set input[type="password"][type="button"], .header-advertiser .seller-login .field-set .form input[type="password"][type="button"], .form .header-advertiser .seller-login .field-set input[type="password"][type="button"], .header-affiliate .seller-login .field-set .form input[type="password"][type="button"], .form .header-affiliate .seller-login .field-set input[type="password"][type="button"], .header-supplier .seller-login .field-set .form input[type="password"][type="reset"], .form .header-supplier .seller-login .field-set input[type="password"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="password"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="password"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="password"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="password"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="date"], .form .header-supplier .seller-login .field-set input[type="submit"][type="date"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="date"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="date"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="date"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="date"], .header-supplier .seller-login .field-set .form input[type="date"][type="button"], .form .header-supplier .seller-login .field-set input[type="date"][type="button"], .header-advertiser .seller-login .field-set .form input[type="date"][type="button"], .form .header-advertiser .seller-login .field-set input[type="date"][type="button"], .header-affiliate .seller-login .field-set .form input[type="date"][type="button"], .form .header-affiliate .seller-login .field-set input[type="date"][type="button"], .header-supplier .seller-login .field-set .form input[type="date"][type="reset"], .form .header-supplier .seller-login .field-set input[type="date"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="date"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="date"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="date"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="date"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="url"], .form .header-supplier .seller-login .field-set input[type="submit"][type="url"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="url"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="url"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="url"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="url"], .header-supplier .seller-login .field-set .form input[type="url"][type="button"], .form .header-supplier .seller-login .field-set input[type="url"][type="button"], .header-advertiser .seller-login .field-set .form input[type="url"][type="button"], .form .header-advertiser .seller-login .field-set input[type="url"][type="button"], .header-affiliate .seller-login .field-set .form input[type="url"][type="button"], .form .header-affiliate .seller-login .field-set input[type="url"][type="button"], .header-supplier .seller-login .field-set .form input[type="url"][type="reset"], .form .header-supplier .seller-login .field-set input[type="url"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="url"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="url"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="url"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="url"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-supplier .seller-login .field-set input[type="submit"][type="tel"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="tel"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="tel"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="tel"], .header-supplier .seller-login .field-set .form input[type="tel"][type="button"], .form .header-supplier .seller-login .field-set input[type="tel"][type="button"], .header-advertiser .seller-login .field-set .form input[type="tel"][type="button"], .form .header-advertiser .seller-login .field-set input[type="tel"][type="button"], .header-affiliate .seller-login .field-set .form input[type="tel"][type="button"], .form .header-affiliate .seller-login .field-set input[type="tel"][type="button"], .header-supplier .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-supplier .seller-login .field-set input[type="tel"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="tel"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="tel"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="tel"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="number"], .form .header-supplier .seller-login .field-set input[type="submit"][type="number"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="number"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="number"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="number"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="number"], .header-supplier .seller-login .field-set .form input[type="number"][type="button"], .form .header-supplier .seller-login .field-set input[type="number"][type="button"], .header-advertiser .seller-login .field-set .form input[type="number"][type="button"], .form .header-advertiser .seller-login .field-set input[type="number"][type="button"], .header-affiliate .seller-login .field-set .form input[type="number"][type="button"], .form .header-affiliate .seller-login .field-set input[type="number"][type="button"], .header-supplier .seller-login .field-set .form input[type="number"][type="reset"], .form .header-supplier .seller-login .field-set input[type="number"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="number"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="number"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="number"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="number"][type="reset"], .header-supplier .seller-login .field-set .form input[type="submit"][type="file"], .form .header-supplier .seller-login .field-set input[type="submit"][type="file"], .header-advertiser .seller-login .field-set .form input[type="submit"][type="file"], .form .header-advertiser .seller-login .field-set input[type="submit"][type="file"], .header-affiliate .seller-login .field-set .form input[type="submit"][type="file"], .form .header-affiliate .seller-login .field-set input[type="submit"][type="file"], .header-supplier .seller-login .field-set .form input[type="file"][type="button"], .form .header-supplier .seller-login .field-set input[type="file"][type="button"], .header-advertiser .seller-login .field-set .form input[type="file"][type="button"], .form .header-advertiser .seller-login .field-set input[type="file"][type="button"], .header-affiliate .seller-login .field-set .form input[type="file"][type="button"], .form .header-affiliate .seller-login .field-set input[type="file"][type="button"], .header-supplier .seller-login .field-set .form input[type="file"][type="reset"], .form .header-supplier .seller-login .field-set input[type="file"][type="reset"], .header-advertiser .seller-login .field-set .form input[type="file"][type="reset"], .form .header-advertiser .seller-login .field-set input[type="file"][type="reset"], .header-affiliate .seller-login .field-set .form input[type="file"][type="reset"], .form .header-affiliate .seller-login .field-set input[type="file"][type="reset"], .header-supplier .seller-login .field-set .form select[type="submit"], .form .header-supplier .seller-login .field-set select[type="submit"], .header-advertiser .seller-login .field-set .form select[type="submit"], .form .header-advertiser .seller-login .field-set select[type="submit"], .header-affiliate .seller-login .field-set .form select[type="submit"], .form .header-affiliate .seller-login .field-set select[type="submit"], .header-supplier .seller-login .field-set .form select[type="button"], .form .header-supplier .seller-login .field-set select[type="button"], .header-advertiser .seller-login .field-set .form select[type="button"], .form .header-advertiser .seller-login .field-set select[type="button"], .header-affiliate .seller-login .field-set .form select[type="button"], .form .header-affiliate .seller-login .field-set select[type="button"], .header-supplier .seller-login .field-set .form [type="button"].custom-select, .form .header-supplier .seller-login .field-set [type="button"].custom-select, .header-advertiser .seller-login .field-set .form [type="button"].custom-select, .form .header-advertiser .seller-login .field-set [type="button"].custom-select, .header-affiliate .seller-login .field-set .form [type="button"].custom-select, .form .header-affiliate .seller-login .field-set [type="button"].custom-select, .header-supplier .seller-login .field-set .form select[type="reset"], .form .header-supplier .seller-login .field-set select[type="reset"], .header-advertiser .seller-login .field-set .form select[type="reset"], .form .header-advertiser .seller-login .field-set select[type="reset"], .header-affiliate .seller-login .field-set .form select[type="reset"], .form .header-affiliate .seller-login .field-set select[type="reset"], .header-supplier .seller-login .field-set .form [type="reset"].custom-select, .form .header-supplier .seller-login .field-set [type="reset"].custom-select, .header-advertiser .seller-login .field-set .form [type="reset"].custom-select, .form .header-advertiser .seller-login .field-set [type="reset"].custom-select, .header-affiliate .seller-login .field-set .form [type="reset"].custom-select, .form .header-affiliate .seller-login .field-set [type="reset"].custom-select, .header-supplier .seller-login .field-set .form [type="submit"].custom-select, .form .header-supplier .seller-login .field-set [type="submit"].custom-select, .header-advertiser .seller-login .field-set .form [type="submit"].custom-select, .form .header-advertiser .seller-login .field-set [type="submit"].custom-select, .header-affiliate .seller-login .field-set .form [type="submit"].custom-select, .form .header-affiliate .seller-login .field-set [type="submit"].custom-select, .header-supplier .seller-login .field-set .form button.custom-select, .form .header-supplier .seller-login .field-set button.custom-select, .header-advertiser .seller-login .field-set .form button.custom-select, .form .header-advertiser .seller-login .field-set button.custom-select, .header-affiliate .seller-login .field-set .form button.custom-select, .form .header-affiliate .seller-login .field-set button.custom-select, .header-supplier .seller-login .field-set .form textarea[type="submit"], .form .header-supplier .seller-login .field-set textarea[type="submit"], .header-advertiser .seller-login .field-set .form textarea[type="submit"], .form .header-advertiser .seller-login .field-set textarea[type="submit"], .header-affiliate .seller-login .field-set .form textarea[type="submit"], .form .header-affiliate .seller-login .field-set textarea[type="submit"], .header-supplier .seller-login .field-set .form textarea[type="button"], .form .header-supplier .seller-login .field-set textarea[type="button"], .header-advertiser .seller-login .field-set .form textarea[type="button"], .form .header-advertiser .seller-login .field-set textarea[type="button"], .header-affiliate .seller-login .field-set .form textarea[type="button"], .form .header-affiliate .seller-login .field-set textarea[type="button"], .header-supplier .seller-login .field-set .form textarea[type="reset"], .form .header-supplier .seller-login .field-set textarea[type="reset"], .header-advertiser .seller-login .field-set .form textarea[type="reset"], .form .header-advertiser .seller-login .field-set textarea[type="reset"], .header-affiliate .seller-login .field-set .form textarea[type="reset"], .form .header-affiliate .seller-login .field-set textarea[type="reset"], .header-supplier .seller-login .field-set .form input[type="button"], .form .header-supplier .seller-login .field-set input[type="button"], .header-advertiser .seller-login .field-set .form input[type="button"], .form .header-advertiser .seller-login .field-set input[type="button"], .header-affiliate .seller-login .field-set .form input[type="button"], .form .header-affiliate .seller-login .field-set input[type="button"], .header-supplier .seller-login .field-set .form input[type="reset"], .form .header-supplier .seller-login .field-set input[type="reset"], .header-advertiser .seller-login .field-set .form input[type="reset"], .form .header-advertiser .seller-login .field-set input[type="reset"], .header-affiliate .seller-login .field-set .form input[type="reset"], .form .header-affiliate .seller-login .field-set input[type="reset"] { font-weight: 600; text-transform: uppercase; } .header-supplier .seller-login .forgot, .header-advertiser .seller-login .forgot, .header-affiliate .seller-login .forgot { display: inline-block; margin-top: 5px; margin-left: 10px; } .header-supplier .seller_login_toggle, .header-advertiser .seller_login_toggle, .header-affiliate .seller_login_toggle, .header-supplier .seller_nav_toggle, .header-advertiser .seller_nav_toggle, .header-affiliate .seller_nav_toggle { display: none; width: 30px; height: 30px; margin: 0 5px; color: #2e384d; font-size: 1.5rem; cursor: pointer; align-items: center; justify-content: center; } @media (max-width: 991.98px) { .header-supplier .seller_login_toggle, .header-advertiser .seller_login_toggle, .header-affiliate .seller_login_toggle, .header-supplier .seller_nav_toggle, .header-advertiser .seller_nav_toggle, .header-affiliate .seller_nav_toggle { display: flex; } } @media (max-width: 991.98px) { .short-nav { background-color: #fff; box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.05); z-index: 1050; position: fixed; -webkit-overflow-scrolling: touch; top: 0; left: -280px; bottom: 0; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 280px; -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .short-nav ul { display: flex; flex-direction: column; } .short-nav--on .short-nav { background: #f3f4f5; padding: 0; left: 0; visibility: visible; } } .short-nav li { display: inline-block; vertical-align: top; } .short-nav li a { display: block; font-size: 0.8em; padding: 6px 10px; color: #2e384d; } .short-nav li:first-child { padding-left: 0; } .short-nav li:last-child { padding-right: 0; } .bottom-head { background: rgba(0, 0, 0, 0.1); } .banner { background-repeat: repeat; background-position: center; position: relative; background-attachment: fixed; background-size: 25%; background-color: var(--brand-color); color: var(--brand-color-inverse); } .banner:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; content: ""; opacity: 0.3; background: #232526; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#414345), to(#232526)); background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .banner .container { position: relative; z-index: 1; } .seller-slogan { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem 0; } .seller-slogan .seller-slogan-txt { position: static; bottom: 0; } .seller-slogan .seller-slogan-txt h3 { font-size: 3rem; font-weight: 600; } .seller-slogan .seller-slogan-txt h3 span { display: block; font-size: 2rem; color: inherit; } .seller-slogan .seller-slogan-txt p { color: inherit; } .seller-slogan ul li { display: inline-block; margin-right: 20px; } .seller-register-form { margin: 3.125rem 0; padding: 20px; background: rgba(255, 255, 255, 0.95); color: #2e384d; width: 100%; border-radius: 4px; } .seller-register-form.affiliate-register-form { max-width: none; } .seller-register-form .message { padding: 0 20px; } .features { padding: 100px 0; } .growth { max-width: 520px; background-repeat: no-repeat; background-position: right top; background-image: none !important; display: block; color: #000; font-size: 1.5em; } .growth strong { font-size: 2em; } .growth .growth-txt { border-left: solid 1px #dee2e6; padding-left: 120px; } .growth .growth-txt li { margin-bottom: 50px; display: table; width: 100%; } .growth .growth-txt li:last-child { margin-bottom: 0; } .growth .growth-txt i.icn { float: left; margin-right: 30px; } .growth .growth-txt p { color: #acb7ce; } .simple-step { background: #f8f8f8 url(images/bg-step-slider.png) no-repeat center bottom; } .simple-step .heading1 { text-align: center; display: block; } .seller-steps-slider { position: relative; height: 410px; } .simple-price { background: var(--secondary-color); color: var(--secondary-color-inverse); text-align: center; } .pricing-structure { margin-top: 30px; } .pricing-structure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pricing-structure ul li { display: inline-block; vertical-align: top; color: inherit; margin: 20px 0; text-align: center; } .pricing-structure ul li.sign { font-size: 3em; font-weight: 700; opacity: 0.4; } .pricing-structure ul li span { font-size: 4em; font-weight: 700; line-height: 1; } .pricing-structure ul li p { line-height: 1; color: inherit; display: block; } .simple-price p { color: inherit; max-width: 1000px; font-size: 0.9em; margin: 20px auto; } .simple-price a.btn--custom { color: inherit; border-width: 2px; } .cta-left, .cta-right { padding: 25px 0; margin-bottom: 20px; } .cta-right { border-left: solid 1px #dee2e6; padding-left: 100px; } .registeration-process { margin: 1rem 0; } .registeration-process ul { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: nowrap; overflow-x: auto; } .registeration-process ul li { font-size: 0.85em; color: #2e384d; margin-right: 1rem; } .registeration-process ul li:first-child { margin-left: 0; padding-left: 0; } .registeration-process ul li a { display: block; padding: 0.5rem 0; color: inherit; white-space: nowrap; position: relative; } .registeration-process ul li a:after { content: ""; bottom: 0; background: var(--brand-color); color: var(--brand-color-inverse); height: 2px; width: 0; position: absolute; z-index: 0; left: 0; } .registeration-process ul li.is--active a { color: var(--brand-color); } .registeration-process ul li.is--active a:after { width: 100%; } @media (max-width: 991.98px) { .yk-login--wrapper { background-color: #fff; box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.05); z-index: 1050; position: fixed; -webkit-overflow-scrolling: touch; top: 0; left: -280px; bottom: 0; overflow-y: auto; -webkit-transform: translate3d(0, 0, 0); backface-visibility: hidden; -webkit-backface-visibility: hidden; width: 280px; -webkit-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .yk-login--wrapper--on .yk-login--wrapper { left: 0; visibility: visible; } } .seller-steps { text-align: center; margin: 0 auto; } .seller-steps ul { display: flex; margin: 50px auto 0 auto; } @media (max-width: 991.98px) { .seller-steps ul { flex-wrap: wrap; } } .seller-steps ul li { flex: 0 0 25%; max-width: 25%; padding: 0 1rem; vertical-align: top; } @media (max-width: 991.98px) { .seller-steps ul li { flex: auto; max-width: inherit; } } .seller-steps .icn { margin: 20px auto; display: block; text-align: center; width: 100px; height: 100px; position: relative; } .seller-steps .icn:before { position: relative; display: block; content: ""; padding-bottom: 100%; } .seller-steps .icn img, .seller-steps .icn .post .post_media iframe, .post .post_media .seller-steps .icn iframe, .seller-steps .icn .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .seller-steps .icn img, .seller-steps .icn .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .seller-steps .icn img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .seller-steps h3 { color: #000; font-size: 1.25em; line-height: 1.3; font-weight: 400; } .seller-steps p { font-size: 0.9375em; line-height: 1.3; } @media only screen and (max-width: 767px) { .seller-steps li { width: 100%; } .banner { height: auto; padding: 30px 0; } .growth { background-position: left bottom; padding-bottom: 110px; margin-bottom: 40px; } .growth-txt { padding: 0; border-left: none; } .pricing-structure ul li { display: block; text-align: center; margin: 0; padding: 0; } .pricing-structure ul li p { margin: 0; } .cta-right { border-left: none; padding-left: 0; } .pricing-structure ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .shop-banner { background-position: center top; background-repeat: no-repeat; position: relative; text-align: center; } .shop-nav { padding: 10px 0 0 0; } .shop-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; } @media (max-width: 991.98px) { .shop-nav ul { flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start; } } .shop-nav ul li a { color: #fff; font-size: 0.9rem; padding: 15px 30px; margin: 0 5px; display: block; font-weight: 600; position: relative; } @media (max-width: 991.98px) { .shop-nav ul li a { white-space: nowrap; } } .shop-nav ul li a:hover { color: #2e384d; background: #fff; border-radius: 4px 4px 0 0; } .shop-nav ul li.is--active a { color: #2e384d; background: #fff; border-radius: 4px 4px 0 0; } .shop-information { background: #fff; padding: 1rem; border-radius: 4px; border: solid 1px #dee2e6; } .shop-information .shop-logo { width: 200px; margin: 0 auto; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; } .shop-information .shop-logo img, .shop-information .shop-logo .post .post_media iframe, .post .post_media .shop-information .shop-logo iframe, .shop-information .shop-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .shop-information .shop-logo img, .shop-information .shop-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .shop-information .shop-logo img { padding: 10px; background: #fff; } .shop-information .shop-logo img[data-ratio="1:1"], .shop-information .shop-logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .shop-information .shop-logo iframe[data-ratio="1:1"], .shop-information .shop-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img[data-ratio="1:1"], .post .post_media .posted-content .posted-media .post__pic .media-wrapper .shop-information .shop-logo img[data-ratio="1:1"], .shop-information .shop-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img[data-ratio="1:1"], .posted-content .posted-media .post__pic .media-wrapper .post .post_media .shop-information .shop-logo img[data-ratio="1:1"] { max-width: 150px; border-radius: 50%; } .shop-information .shop-info { padding: 0; text-align: center; } .shop-information .shop-info .products__rating { justify-content: center; margin-bottom: 1rem; } .shop-information .shop-info .shop-name { margin-bottom: 1rem; } .shop-information .shop-info .shop-name span { display: block; font-size: 0.775rem; color: #8798ad; } .shop-information .shop-btn-group { display: flex; align-items: center; justify-content: center; } .shop-information .shop-btn-group .btn { background: #9b9a9a; } .shop-information .shop-btn-group .btn:hover { background: var(--brand-color); color: var(--brand-color-inverse); } .testimonials-item { display: block; position: relative; height: 100%; border-radius: 4px; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); background-color: #fff; } .testimonials-item .user { width: 60px; height: 60px; position: relative; position: absolute; top: -10px; left: 25px; z-index: 3; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06); } .testimonials-item .user img, .testimonials-item .user .post .post_media iframe, .post .post_media .testimonials-item .user iframe, .testimonials-item .user .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .testimonials-item .user img, .testimonials-item .user .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .testimonials-item .user img { max-width: 100%; } .testimonials-item .testimonials-content { overflow: hidden; position: relative; } .testimonials-item .testimonials-content .user-name { display: block; font-weight: 400; font-size: 1rem; color: #3B566E; margin-top: 20px; padding-left: 100px; letter-spacing: 0.69px; margin-bottom: 5px; position: relative; z-index: 3; } .testimonials-item .testimonials-content span { display: block; font-weight: 400; font-size: 14px; color: #6F8BA4; letter-spacing: 0.6px; padding-left: 100px; padding-right: 25px; position: relative; z-index: 3; } .testimonials-item .testimonials-content .txt { position: relative; overflow: hidden; } .testimonials-item .testimonials-content .txt p { padding-left: 25px; padding-right: 25px; margin-bottom: 25px; margin-top: 1rem; font-weight: 400; font-size: 0.85rem; letter-spacing: 0.6px; line-height: 26px; position: relative; z-index: 3; max-height: 250px; } .testimonials-item:hover .user { top: -20px; } .sitemapcontainer h2 { font-size: 1.3em; margin: 1rem 0; padding-bottom: 1rem; border-bottom: solid 1px #dee2e6; } /*# sourceMappingURL=main-ltr.css.map */ .page-404 { max-width: 1000px; margin: 0 auto; } .cls-1 { fill: #ffc541; } .cls-2 { fill: #d91433; } .cls-3 { fill: var(--primary-color); } .cls-4 { fill: #f78d5e; } .cls-5 { fill: #fa976c; } .cls-6, .cls-7, .cls-8 { fill: #b65c32; } .cls-10, .cls-6 { opacity: 0.6; } .cls-7 { opacity: 0.4; } .cls-9 { fill: #f4b73b; } .cls-11 { fill: #f9c358; } .cls-12 { fill: #9b462c; } .cls-13 { fill: #aa512e; } .cls-14 { fill: #7d6aa5; } /* animations */ .page-404 .wheel { animation: wheel-rotate 6s ease infinite; transform-origin: center; transform-box: fill-box; } @keyframes wheel-rotate { 50% { transform: rotate(360deg); animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } 100% { transform: rotate(960deg) } } .page-404 .clock-hand-1 { animation: clock-rotate 3s linear infinite; transform-origin: bottom; transform-box: fill-box; } .page-404 .clock-hand-2 { animation: clock-rotate 6s linear infinite; transform-origin: bottom; transform-box: fill-box; } @keyframes clock-rotate { 100% { transform: rotate(360deg) } } #box-top { animation: box-top-anim 2s linear infinite; transform-origin: right top; transform-box: fill-box; } @keyframes box-top-anim { 50% { transform: rotate(-5deg) } } #umbrella { animation: umbrella-anim 6s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes umbrella-anim { 25% { transform: translateY(10px) rotate(5deg); } 75% { transform: rotate(-5deg); } } #cup { animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; transform-origin: top left; transform-box: fill-box; } @keyframes cup-rotate { 50% { transform: rotate(-5deg) } } #pillow { animation: pillow-anim 3s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes pillow-anim { 25% { transform: rotate(10deg) translateY(5px) } 75% { transform: rotate(-10deg) } } #stripe { animation: stripe-anim 3s linear infinite; transform-origin: center; transform-box: fill-box; } @keyframes stripe-anim { 25% { transform: translate(10px, 0) rotate(-10deg) } 75% { transform: translateX(10px) } } #bike { animation: bike-anim 6s ease infinite; } @keyframes bike-anim { 0% { transform: translateX(-1300px) } 50% { transform: translateX(0); animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } 100% { transform: translateX(1300px) } } #rucksack { animation: ruck-anim 3s linear infinite; transform-origin: top; transform-box: fill-box; } @keyframes ruck-anim { 50% { transform: rotate(5deg) } } .page-404 .circle { animation: circle-anim ease infinite; transform-origin: center; transform-box: fill-box; perspective: 0px; } .circle.c1 { animation-duration: 2s } .circle.c2 { animation-duration: 3s } .circle.c3 { animation-duration: 1s } .circle.c4 { animation-duration: 1s } .circle.c5 { animation-duration: 2s } .circle.c6 { animation-duration: 3s } @keyframes circle-anim { 50% { transform: scale(.2) rotateX(360deg) rotateY(360deg) } } .four, #ou { animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite; } .four.a { transform-origin: bottom left; animation-duration: 3s; transform-box: fill-box; } .four.b { transform-origin: bottom right; animation-duration: 3s; transform-box: fill-box; } #ou { animation-duration: 6s; transform-origin: center; transform-box: fill-box; } @keyframes four-anim { 50% { transform: scale(.98) } }