@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: #007bff; --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: #007bff; --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 { -webkit-box-sizing: border-box; box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -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: #212529; /*text-align: left;*/ background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; 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, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 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: 1440px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .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: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .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; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { -webkit-transition: none; -o-transition: none; transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control: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: #212529; 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], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -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; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: -webkit-box; display: -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; padding-left: 0; } .form-inline .form-check-input { position: relative; -ms-flex-negative: 0; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { -webkit-transition: none; -o-transition: none; transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: #0069d9; border-color: #0062cc; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #0062cc; border-color: #005cbf; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus, .btn-outline-primary.focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #007bff; 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: #007bff; border-color: #007bff; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 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 { -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; -webkit-box-shadow: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .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 input.btn-block[type="button"], .form input.btn-block[type="reset"], input[type="reset"].btn-block, input[type="button"].btn-block, .form input.btn-block[type="reset"] { width: 100%; } .fade { -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { -webkit-transition: none; -o-transition: none; transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { -webkit-transition: none; -o-transition: none; 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: #212529; 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: #007bff; } .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: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; 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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; 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 input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .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 > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: -webkit-box; display: -ms-flexbox; display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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 input[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: -webkit-inline-box; display: -ms-inline-flexbox; 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: #007bff; background-color: #007bff; } .custom-control-input:focus ~ .custom-control-label::before { -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #b3d7ff; border-color: #b3d7ff; } .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: #007bff; background-color: #007bff; } .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(0, 123, 255, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 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(0, 123, 255, 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; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-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; 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; 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, -webkit-transform 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { -webkit-transition: none; -o-transition: none; transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; -webkit-transform: translateX(0.75rem); -ms-transform: translateX(0.75rem); transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 123, 255, 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #80bdff; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #b3d7ff; } .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: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #b3d7ff; } .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: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; 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 { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #b3d7ff; } .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 { -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { -webkit-transition: none; -o-transition: none; transition: none; } } .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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: #007bff; } .nav-fill .nav-item { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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 { -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0%; flex: 1 0 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .card-group > .card { -webkit-box-flex: 1; -ms-flex: 1 0 0%; 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 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 1.25rem; -moz-column-gap: 1.25rem; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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: -webkit-box; display: -ms-flexbox; 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: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: #007bff; border-color: #007bff; } .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; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .badge { -webkit-transition: none; -o-transition: none; 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: #007bff; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #0062cc; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); 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; -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); 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: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary hr { border-top-color: #9fcdff; } .alert-primary .alert-link { color: #002752; } .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; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: -webkit-box; display: -ms-flexbox; display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .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: #007bff; -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { -webkit-transition: none; -o-transition: none; transition: none; } } .progress-bar-striped { background-image: -o-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-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 { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .list-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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: #212529; 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: #007bff; border-color: #007bff; } .list-group-horizontal { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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 { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; 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: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .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; -webkit-appearance: none; -moz-appearance: none; 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); -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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 { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); -ms-transform: translate(0, -50px); transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal-dialog-scrollable { display: -webkit-box; display: -ms-flexbox; display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { -ms-flex-negative: 0; flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; 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; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; } .modal-footer { 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; 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: #212529; } .carousel { position: relative; } .carousel.pointer-event { -ms-touch-action: pan-y; 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%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: -webkit-transform 0.6s ease-in-out; -o-transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transform: none; -ms-transform: none; 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; -webkit-transition: 0s 0.6s opacity; -o-transition: 0s 0.6s opacity; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { -webkit-transition: none; -o-transition: none; transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; 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: 15%; color: #fff; text-align: center; opacity: 0.5; -webkit-transition: opacity 0.15s ease; -o-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { -webkit-transition: none; -o-transition: none; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-box-flex: 0; -ms-flex: 0 1 auto; 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; -webkit-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { -webkit-transition: none; -o-transition: none; 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; } @-webkit-keyframes spinner-border { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner-border { to { -webkit-transform: rotate(360deg); 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%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(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; -webkit-animation: spinner-grow .75s linear infinite; 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: #007bff !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #0062cc !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: #007bff !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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; 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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .embed-responsive img, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-xl-fill { -webkit-box-flex: 1 !important; -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-xl-grow-0 { -webkit-box-flex: 0 !important; -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-xl-grow-1 { -webkit-box-flex: 1 !important; -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 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 { -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 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; -o-text-overflow: ellipsis; 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: #007bff !important; } a.text-primary:hover, a.text-primary:focus { color: #0056b3 !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: #212529 !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; -webkit-box-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; } } /* ================ */ @media (min-width: 1599px) { .container { max-width: 1630px; } } @media (min-width: 1199px) { .container { width: 95%; } } a { color: var(--brand-color); } .custom-select:focus { border-color: var(--brand-color); -webkit-box-shadow: none; box-shadow: none; } .dropdown-item.active, .dropdown-item:active { color: var(--brand-color-inverse) !important; text-decoration: none; background-color: var(--brand-color); } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: var(--brand-color-inverse); background-color: var(--brand-color); border-color: var(--brand-color); } #header-dashboard .btn.btn-outline-primary.dropdown-toggle { padding-right: 2rem; } #header-dashboard .btn.btn-outline-primary.dropdown-toggle:after { border-color: currentColor; } .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); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -o-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); -ms-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; } .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"] { border: none; } .list-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 5px; } .list-tags li { display: inline-block; margin-right: 5px; } .list-tags li span { background-color: var(--gray-light); border: solid 1px #dee2e6; padding: 8px; border-radius: 3px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.8rem; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: 8px; border-radius: 50%; } .list-tags li i:hover { color: #fff; background-color: #212529; } .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); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; /*active*/ -webkit-transform: scale(1); -ms-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 { overflow: hidden; width: 60px; height: 60px; border: solid 1px #dee2e6; position: relative; display: block; } .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--curve { border-radius: 4px; } .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: #212529; } .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: fixed; z-index: 1; right: 0; text-align: center; text-decoration: none; bottom: 10%; 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; color: var(--brand-color); font-size: 0.8rem; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); } @media (max-width: 991.98px) { .back-to-top a { position: static; margin: auto; -webkit-box-shadow: none; box-shadow: none; width: auto; background-color: rgba(0, 0, 0, 0.06); font-size: 0.9rem; font-weight: 500; } } .back-to-top a svg { margin: auto; width: 1rem; height: 1rem; fill: currentColor; } .breadcrumbs { list-style: none; margin: 0 0; padding: 0; color: #000; } .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; } @media (max-width: 576px) { .breadcrumbs ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; } } .breadcrumbs ul li { position: relative; padding: 0; padding-right: 25px; font-size: 0.875rem; display: block; font-weight: 400; line-height: 1.5; color: #383f45; } .breadcrumbs ul li:before { position: absolute; right: 10px; top: calc(50% - 3px); content: ""; height: 7px; width: 7px; border: solid 1px #7e8b98; border-width: 1px 1px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } [dir="rtl"] .breadcrumbs ul li:before { right: 13px; -webkit-transform: rotate(-136deg); -ms-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 { font-size: inherit; display: block; line-height: inherit; color: #7e8b98; } .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; } .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 0.4s ease-in-out 0.1s normal forwards 1 running; animation: moltinShake 0.4s ease-in-out 0.1s normal forwards 1 running; } .btn { margin: 0; font-size: 0.875rem; line-height: 28px; padding: 0.375rem 1.3rem; position: relative; } .btn.btn--primary { background: var(--brand-color); color: var(--brand-color-inverse); } @media (min-width: 1200px) { .btn.btn--primary:hover { background: var(--primary-color); color: var(--primary-color-inverse); } } .btn.btn--brand { background: var(--brand-color); color: var(--brand-color-inverse); } @media (min-width: 1200px) { .btn.btn--brand:hover { background: var(--primary-color); color: var(--primary-color-inverse); } } .btn.btn--secondary { background: var(--secondary-color); color: var(--secondary-color-inverse); } @media (min-width: 1200px) { .btn.btn--secondary:hover { background: var(--brand-color); color: var(--brand-color-inverse); } } .btn.btn--white { background: #fff; color: #000; } .btn.btn--black { background: #000; color: #fff; } .btn.btn-outline-primary { background: none; border-color: var(--primary-color); color: var(--primary-color); } .btn.btn-outline-primary:hover { background: var(--primary-color); color: var(--primary-color-inverse); } .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: #212529; } .btn.btn--block { display: block; width: 100%; } .btn.btn--sm { padding: 0.25rem 0.7rem; font-size: 12px; line-height: 1.5; border-radius: 0.2rem; } .btn.btn--lg { font-size: 0.95rem; padding: 0.7rem 2.6rem; position: relative; font-weight: 500; } .btn.btn--wide { min-width: 180px; } .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; -webkit-box-shadow: none !important; box-shadow: none !important; } a.link { color: var(--secondary-color); position: relative; font-size: 0.875rem; white-space: nowrap; } a.link:after { content: ""; position: absolute; height: 1px; bottom: 0; left: 0; right: 0; background: var(--secondary-color); color: var(--secondary-color-inverse); -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } a.link:hover:after { background: var(--brand-color); } .btn--icon .site-icon { width: 14px; height: 14px; display: block; margin-right: 0.5rem; } .btn--icon .site-icon svg { width: 100%; height: 100%; display: block; fill: currentColor; opacity: 0.5; } .btn--fav.is-active { color: var(--brand-color) !important; } .btn--fav.is-active svg { opacity: 1; } .btn--bordered { border: solid 1px #dee2e6; background-color: #fff; } .btn--bordered.color-primary:hover { color: var(--primary-color); border-color: var(--primary-color); } .btn--bordered:hover { border-color: #000; } .btn--bordered-secondary { color: var(--secondary-color); } .btn--bordered-secondary:hover { color: var(--brand-color); border-color: var(--brand-color); } .btn--bordered-primary { color: var(--primary-color); border-color: currentColor; } .btn--bordered-primary:hover { color: var(--brand-color); border-color: var(--brand-color); } .btn--bordered-brand { color: var(--brand-color); border-color: currentColor; } .btn--bordered-brand:hover { color: var(--primary-color); border-color: var(--primary-color); } .btn--icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn--icon .svg-icon { width: 12px; height: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 0.4rem; } .btn--icon .svg-icon svg { width: 100%; height: 100%; fill: currentColor; } @media (max-width: 767.98px) { .btn--block-sm { width: 100%; } } .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); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #4c4c4c; } .delivery-term-data-inner ul ul { margin-left: 15px; margin-bottom: 20px; } .checkbox, .radio { margin: 0; font-size: 0.875rem; line-height: 20px; cursor: pointer; } .checkbox.brand, .radio.brand { display: -webkit-box; display: -ms-flexbox; display: flex; } .checkbox input, .radio input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; top: 0; right: 0; bottom: 0; left: 0; height: 18px; width: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; max-width: 18px; -webkit-transition: all 0.15s ease-out 0s; -o-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; border: 1px solid #ddd; background: #fff; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1; border-radius: 20px; vertical-align: middle; } .checkbox input { border-radius: 4px; } .checkbox input:checked, .radio input:checked { background: var(--brand-color); color: var(--brand-color-inverse); } .checkbox input:checked::before, .radio input:checked::before { height: 9px; width: 5px; 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); -ms-transform: rotate(45deg); transform: rotate(45deg); left: 50%; top: 50%; margin-top: -6px; margin-left: -3px; } .checkbox input:checked::after, .radio input:checked::after { background: var(--brand-color); color: var(--brand-color-inverse); content: ""; display: block; position: relative; z-index: 100; } .checkbox input:checked, .radio input:checked { border-color: var(--brand-color); } .radio input { border-radius: 50%; } .radio input::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: #9ba5ae; 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 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .switch-button.is--active:after { left: auto; right: 4px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .switch-links a.is--active { color: var(--brand-color); } a:hover { color: var(--brand-color); } .section { padding: calc(1.5rem + 1.5vw) 0; } @media (max-width: 767.98px) { .section { padding: 2rem 0; } } .section--pagebar { background: var(--gray-light); margin: 0 0 0; padding: 30px 0 !important; color: #333; } .section--pagebar h1 { margin: 0; } .section-card.section-card--bordered { border: 1px solid #e6e6e6; border-radius: 6px; padding: 1.5rem; min-height: 500px; height: 100%; } @media (max-width: 1199.98px) { .section-card.section-card--bordered { padding: 0; } .section-card.section-card--bordered .section-head { padding: 1rem; } .section-card.section-card--bordered .collection-vertical__item { padding: 1rem; } .section-card.section-card--bordered .product-seller { margin-top: 1rem !important; } } .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: start; -ms-flex-align: start; align-items: flex-start; -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--head--center .section__heading { display: block; } .section-head.section--head--center .breadcrumbs li { color: currentColor; } .section-head.section--white--head .section__heading { display: block; } .section-head .section__heading, .section-head__title { color: #212529; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .section-head .section__heading h2, .section-head .section__heading h3, .section-head .section__heading h4, .section-head__title h2, .section-head__title h3, .section-head__title h4 { font-size: 1.5rem; font-weight: 600; margin-bottom: 0; } .section-head .section__heading h2 > span, .section-head__title h2 > span { display: block; font-size: 0.875rem; text-align: center; } .section-head .section__heading h2 .search-results, .section-head__title h2 .search-results { font-size: 2rem; display: inline-block; } @media (max-width: 1199.98px) { .section-head .section__heading h2, .section-head__title h2 { font-size: 1.3rem; } } .section-head .section__heading p, .section-head__title p { font-size: 1rem; font-weight: 300; margin-bottom: 0; } .section-head .section__heading .heading-icon, .section-head__title .heading-icon { -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; max-width: 36px; background-color: #EEEEEE; height: 36px; 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; margin-right: 0.8rem; border-radius: 50%; } .section-head .section__action { margin-left: 1rem; } .section-head .section__action a.link { font-weight: 500; color: var(--secondary-color); } .section-head .section__action a.link::after { background: #999; } .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; } .cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6 { margin-bottom: 1.2rem; font-weight: 500; color: #212529; } .cms h1 { font-weight: 400; } .cms h2 { font-weight: 400; } .cms h3 { font-size: 1.5rem; } .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 { color: #5a6570; font-weight: 400; font-size: 0.875rem; line-height: 2; margin-bottom: 1rem; word-break: break-word; } .cms.space { padding: 50px 0; } .cms ul { margin: 10px 0; } .cms ul li { position: relative; padding: 5px 0; margin: 0 15px; color: inherit; list-style: disc; color: #5a6570; 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; margin: 0; font-size: 1.1em; color: #5a6570; } .cms ol a { color: inherit; } .cms table { color: #5a6570; } .cms table th { font-weight: 500; } .cms table th, .cms table td { padding: 10px 0; font-size: 0.875rem; vertical-align: top; } .list-vertical { margin: 0; padding: 0; } .list-vertical li { padding: 5px 0; display: block; position: relative; } .list-vertical li > label { display: block; } .list-vertical li .divider { margin: 0; } .list-vertical li span { color: #212529; } .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: #212529; 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; -o-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; -o-text-overflow: ellipsis; 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); -ms-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: #212529; } .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; -webkit-margin-start: 5px; -moz-margin-start: 5px; 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: -o-linear-gradient(left, #6d47d9, #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; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991.98px) { .promotion-area ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .listing--icons li { padding: 10px 1rem; display: -webkit-box; display: -ms-flexbox; 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: #212529; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .links-inline li { font-size: 0.875rem; padding-bottom: 5px; padding-right: 1rem; color: #9ba5ae; } .links-inline li.is-active a { text-decoration: underline; color: #212529; text-underline-offset: 4px; } .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: #212529; font-size: 2em; } .heading2 { color: #212529; font-size: 1.8em; } .heading3 { color: #212529; 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; } .cms-dropdown .sublinks > li > ul { position: absolute; left: 100%; background: #fff; display: inline-block; width: 100%; } .cms-dropdown a { border: none; } .cms-dropdown .header__nav-trigger::before { right: 0px; } li.cms-dropdown.header__nav-item.header__nav-categories { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } .cms-dropdown .navchild a { padding: 0 15px !important; } .cms-dropdown .sublinks { display: inherit !important; } /*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; -o-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; -o-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: 20px; margin: 2rem 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; } .no-product { text-align: center; } .no-product ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .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); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; -ms-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); -ms-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 { margin: 0; border-radius: 0; min-width: 14rem; padding: 0; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1) !important; box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1) !important; border: 1px solid #EBEBEB; border-radius: 6px; top: 102% !important; 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 .3s ease 1, dropdown-menu-move-up .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:after { content: ""; position: absolute; right: 15px; top: 50%; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); margin-top: -5px; pointer-events: none; border-left: none; } .dropdown-toggle[data-toggle=collapse]:after { -webkit-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-toggle[data-toggle=collapse][aria-expanded=true]:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .nav-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; font-size: 0.85rem; } .box--scroller { overflow-y: auto; max-height: 250px; } .featured-wrapper { margin-inline: -10px; } .featured-item { position: relative; border-radius: 4px; position: relative; overflow: hidden; border: solid 1px transparent; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; border: solid 1px #ddd; } .featured-item .featured_logo { min-height: 100px; 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; } .featured_target { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .featured-head { background-color: #F2F2F2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 170px; margin-bottom: 0.8rem; } @media (max-width: 991.98px) { .featured-head { height: 150px; } } .featured_detail { position: relative; z-index: 1; } .featured_logo img, .featured_logo .post .post_media iframe, .post .post_media .featured_logo iframe, .featured_logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .featured_logo img, .featured_logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .featured_logo img { mix-blend-mode: darken; } .featured_name a { font-size: 1em; color: #212529; font-weight: 700; } .featured_location { font-size: 0.875rem; color: rgba(51, 51, 51, 0.8); } .featured_footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .featured_footer .products__rating { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #212529; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 6px; } .featured_footer .products__rating .icn { margin: 0; height: 16px; margin-right: 10px; width: 16px; } .featured_footer .products__rating .icn svg { height: 16px; display: block; width: 16px; } .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%); -ms-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); -ms-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); } input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } input[type="submit"], .form input[type="button"], .form input[type="reset"], input[type="button"], .form input[type="reset"] { -webkit-appearance: none; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background: transparent !important; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled] { cursor: not-allowed; } input[type="text"][disabled], input[type="password"][disabled] { background: rgba(0, 0, 0, 0.04); color: #000; } select::-ms-expand { display: none; } input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], input[type="date"], input[type="url"], input[type="tel"], textarea, select, input[type="number"], input[type="file"] { background-color: #fff; border: solid 1px #dee2e6; height: 2.5rem; padding: 0 10px; width: 100%; color: #212529; font-family: inherit; font-size: 0.9em; font-weight: normal; border-radius: 4px; text-align: inherit; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="url"]:focus, input[type="tel"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus { border-color: #8c96a9; outline: 0; outline: thin dotted \9; } input[type="file"] { height: auto; padding: 8px 10px; } .form .field-set { margin: 0.7rem 0; } .form .form__cover { padding: 1rem; background: #f5f5f5; border-radius: 4px; } .form .field_label { font-size: 0.9em; color: #555; margin: 0; margin-bottom: 5px; display: inline-block; min-height: none; cursor: default; /*opacity: 0.6;*/ } .form .field_label:empty { min-height: 18px; } .form textarea { resize: vertical; height: 120px; padding: 10px; } .form textarea.txtarea-height { height: 85px; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"] { position: relative; display: inline-block; margin: 0 0px; border: none; border: solid 1px transparent; border-radius: 4px; padding: 0 16px; min-width: 64px; height: 2.5rem; vertical-align: middle; text-align: center; background: var(--brand-color); color: var(--brand-color-inverse); font-size: 0.875rem; font-weight: 500; line-height: 2.375rem; overflow: hidden; outline: none; cursor: pointer; -webkit-transition: -webkit-box-shadow 0.2s; transition: -webkit-box-shadow 0.2s; -o-transition: box-shadow 0.2s; transition: box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; /*margin-right: 5px;*/ } .form input[type="button"], .form input[type="reset"] { background: none; border-color: var(--brand-color); color: var(--brand-color); } .form input[type="button"].btn--primary, .form input.btn--primary[type="reset"] { background: var(--primary-color); color: var(--brand-color-inverse); } .form input.is-invalid { border-color: red; } .form .btn--block { display: block; width: 100%; } .form .text--small { display: block; } 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% - 15px) center; } [dir="rtl"] select { background-position: calc(0% - -11px) center; } .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 { 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"] { width: auto; margin: 0; text-align: left; min-width: 0; margin-right: 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } form.custom-form input[type="submit"], 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-otp .otp-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form-otp .otp-col input { text-align: center; } .input-group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .input-group input { 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) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group input: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; } .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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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; -o-text-overflow: clip; 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 { -ms-flex-wrap: nowrap; 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: #9ba5ae; 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 { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } } .ftshops.ftshops-rtl .product-wrapper { -webkit-margin-start: 0; -moz-margin-start: 0; 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; -o-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 .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 { 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%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -o-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; } .hamburger .lines { left: 0; right: 0; margin: 0 auto; position: absolute; width: 16px; height: 2px; background: #fff; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; top: 0; } .hamburger .line2 { top: 5px; } .hamburger .line3 { top: 5px; } .hamburger .line4 { top: 10px; } .hamburger.cross .lines { -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .hamburger.cross .line1 { -webkit-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); opacity: 0; } .hamburger.cross .line2 { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .hamburger.cross .line3 { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .hamburger.cross .line4 { -webkit-transform: translateY(-45px); -ms-transform: translateY(-45px); transform: translateY(-45px); opacity: 0; } .hamburger path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 30px; stroke-linecap: square; stroke: #fff; stroke-dashoffset: 0px; } .hamburger path#top, .hamburger path#bottom { stroke-dasharray: 22.5rem 950px; } .hamburger path#middle { stroke-dasharray: 22.5rem 22.5rem; } .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; -webkit-margin-start: 0; -moz-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; -moz-margin-start: -6.25em; margin-left: -6.25em; } 62.96296% { height: 10em; width: 10em; top: 54%; margin-top: -5em; -webkit-margin-start: -5em; -moz-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; -moz-margin-start: -5.125em; margin-left: -5.125em; } 100% { height: 10em; width: 10em; top: 54%; margin-top: -5em; -webkit-margin-start: -5em; -moz-margin-start: -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; -webkit-margin-start: 0; -moz-margin-start: 0; margin-left: 0; } 3.7037% { height: 0; width: 0; border-width: 1em; margin-top: -1em; -webkit-margin-start: -1em; -moz-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; -moz-margin-start: -7em; margin-left: -7em; } 11.11111% { height: 0; width: 0; border-width: 8em; margin-top: -8em; -webkit-margin-start: -8em; -moz-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; -moz-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; -moz-margin-start: -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: 10px; top: 10px; 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: 26px; height: 26px; display: block; border: solid 1px transparent; border-radius: 50%; background: #fff url(./images/heart.svg) no-repeat center; background-size: 14px; -webkit-box-shadow: 0px 0px 6px #0000001A; box-shadow: 0px 0px 6px #0000001A; } .favourite.is-active a, .favourite a:hover { background: #ddd url(./images/heart-filled.svg) no-repeat center; background-size: 14px; } /* 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: -o-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%); 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 { 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 { color: #fff; display: inline; font-size: 0.8em; padding: 0 10px; text-align: center; vertical-align: baseline; white-space: nowrap; display: inline-block; text-transform: uppercase; height: 30px; line-height: 30px; border-radius: 1px; } .label.label-default { background: #fff; border: solid 1px #dee2e6; } .label.label--success { background: var(--brand-color); color: var(--brand-color-inverse); } .label.label--primary { background: var(--brand-color); color: var(--brand-color-inverse); } .label.label--info { background: #12afcb; } .label.label--danger { background: #f15c5c; } .label.label--warning { background: #f6d433; } .loader-positon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-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; } .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; } .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; } .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 */ -ms-transform: translateX(0); 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 */ -ms-transform: translateX(-100%); transform: translateX(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-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 */ -ms-transform: translateX(100%); transform: translateX(100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-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; -o-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 */ -ms-transform: translateY(-100%); transform: translateY(-100%); /* Firefox 16+, IE 10+, Opera */ -webkit-transition: all 0.3s 0s ease-out; -o-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 { 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); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .inline-images li { padding: 1rem; border: solid 1px #dee2e6; border-radius: 4px; position: relative; font-size: 0.8rem; position: relative; color: #212529; 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: -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; } .inline-images li .deleteLink:hover { background: #212529; 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; -o-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; -o-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; -o-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; } .modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-close:after { -webkit-transform: rotate(45deg); -ms-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; -o-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 { 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%); -ms-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; -o-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; -o-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); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); -ms-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); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); -ms-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 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; -ms-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 { 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 { 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 { 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 { 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 { 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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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); -ms-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: 4px; } */ /* List item */ .ml-li { /* border-bottom: 1px solid #D0DBE0; */ padding: 0px 0px 6px 0px; margin-right: 10px; } .ml-li input { /* 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; border-radius: 4px; overflow: hidden; } .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: 40px; text-align: center; height: 40px; display: block; font-size: 1em; border: none; border-radius: 6px; position: relative; overflow: hidden; margin: 0 3px; background-color: var(--brand-color-inverse); border: solid 1px #dee2e6; color: #666; } .pagination li.selected a { border-color: var(--brand-color); color: var(--brand-color); } .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); -ms-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); -ms-transform: rotate(45deg); transform: rotate(45deg); } [dir="rtl"] .pagination i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #facebox .request-quote-form { padding: 1.6rem; } .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: "|"; -webkit-margin-start: 5px; -moz-margin-start: 5px; 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; } /* -------------------- */ .product-card { position: relative; } .product-card__head { position: relative; overflow: hidden; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .product-card__body { padding-top: 1rem; color: #333; } @media (min-width: 1200px) { .product-card--hovered:hover .product-media { -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); } .product-card--hovered:hover .product-media img, .product-card--hovered:hover .product-media .post .post_media iframe, .post .post_media .product-card--hovered:hover .product-media iframe, .product-card--hovered:hover .product-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-card--hovered:hover .product-media img, .product-card--hovered:hover .product-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-card--hovered:hover .product-media img { opacity: 0.3; } .product-card--hovered:hover .product-actions { opacity: 1; top: 50%; visibility: visible; } } .product-card--horizontal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card--horizontal .product-card__head { width: 34%; } .product-card--horizontal .product-card__head .product-media { border: none; -webkit-box-shadow: none !important; box-shadow: none !important; } .product-card--horizontal .product-card__body { width: 66%; padding: 0; padding-left: 1rem; } .product-card--horizontal .product-actions { left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product-card--horizontal .product-actions .btn { margin: 2px; min-width: 1%; font-size: 0; padding: 0; width: 40px; height: 40px; line-height: 40px; } .product-card--horizontal .product-actions .btn .action-icon { margin: 0; } .product-card--horizontal .product-labels { left: 0; right: 0; top: 0; } .product-card--horizontal .product-price { font-size: 90%; } .product-card--horizontal .product-price__sell { font-size: 100%; } .product-card--horizontal .product-price__off { font-size: 80%; } .product-card--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card--small a.link { font-size: 100%; } .product-card--small .product-price { font-size: 80%; margin-bottom: 0; } .product-card--small .product-price__sell { font-size: 100%; } .product-card--small .product-price__off { font-size: 80%; padding: 1px 2px; } .product-card--small .product-sepcs { margin-top: 0; } .product-card--small .product-actions { display: none; } .product-card--small .product-title { font-size: 13px; } .product-card--small .product-card__head { width: 80px; } .product-card--small .product-card__body { width: calc(100% - 80px); } @media (min-width: 1501px) and (max-width: 1699px) { .product-card--small .product-card__head { width: 75px; } .product-card--small .product-card__body { width: calc(100% - 75px); } } @media (min-width: 1401px) and (max-width: 1499px) { .product-card--small .product-card__head { width: 60px; } .product-card--small .product-card__body { width: calc(100% - 60px); } .product-card--small .product-price { margin-top: 0.5rem; } } @media (min-width: 1200px) { .product-card--small:hover .product-media img, .product-card--small:hover .product-media .post .post_media iframe, .post .post_media .product-card--small:hover .product-media iframe, .product-card--small:hover .product-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-card--small:hover .product-media img, .product-card--small:hover .product-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-card--small:hover .product-media img { opacity: 1; } } .product-card--xsmall { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-card--xsmall .product-price { font-size: 80%; } .product-card--xsmall .product-price__sell { font-size: 100%; } .product-card--xsmall .product-price__off { font-size: 80%; padding: 1px 2px; } .product-card--xsmall .product-title { font-size: 13px; } .product-card--xsmall .product-card__head { width: 60px; } .product-card--xsmall .product-card__body { width: calc(100% - 60px); } .product-media { border: 1px solid #e6e6e6; border-radius: 6px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background-color: #fff; } .account-fav-listing .product-actions { display: none; } @media (min-width: 1200px) { .account-fav-listing .product-card:hover .product-media img, .account-fav-listing .product-card:hover .product-media .post .post_media iframe, .post .post_media .account-fav-listing .product-card:hover .product-media iframe { opacity: 1; } } .product-actions { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 10%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; opacity: 0; visibility: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-actions .btn { margin: 0.3rem; padding-left: 1rem; padding-right: 1rem; min-width: 140px; } .product-actions .btn--primary { background-color: var(--brand-color) !important; } .product-actions .btn .action-icon { margin-right: 5px; } .site-tooltip { position: relative; } .site-tooltip__content { position: absolute; left: 50%; background-color: rgba(0, 0, 0, 0.8); padding: 0.2rem 0.3rem; font-size: 10px; color: #fff; bottom: 100%; z-index: 1; min-width: 100px; text-align: center; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; visibility: hidden; } .site-tooltip__content:before { position: absolute; left: 50%; bottom: -5px; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid rgba(0, 0, 0, 0.8); pointer-events: none; } .site-tooltip:hover .site-tooltip__content { opacity: 1; visibility: visible; } .product-labels { position: absolute; left: 10px; right: 10px; top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-labels .badge { font-weight: 400; color: #fff; background-color: var(--brand-color) !important; font-size: 11px; margin: 3px; } .product-wishlist { height: 40px; width: 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; position: relative; } .product-wishlist.is-active svg { fill: var(--brand-color); } .product-wishlist svg { height: 18px; fill: #ddd; width: 18px; } .product-category { color: inherit; display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 0.75rem; opacity: 0.6; } .product-category:hover { opacity: 1; } .product-title { font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: currentColor; font-weight: 500; margin-bottom: 0.3rem; display: block; } .product-title:hover { text-decoration: underline; text-underline-offset: 1px; } @media (max-width: 1199.98px) { .product-title { font-size: 13px; } } .product-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1rem 0; } .product-price__sell { font-size: 1rem; font-weight: 700; margin-right: 0.3rem; } .product-price__original { opacity: 0.6; text-decoration: line-through; margin-right: 0.3rem; } .product-price__off { color: var(--brand-color); border: 1px dotted var(--brand-color); line-height: 1; padding: 2px 4px; font-size: 0.8rem; border-radius: 3px; } .tag-verified { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tag-verified__icon { height: 20px; width: 20px; border-radius: 100%; background-color: #00A861; display: block; position: absolute; } .tag-verified__icon::before { content: ""; height: 16px; width: 16px; background-color: #fff; display: block; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .tag-verified__icon::after { content: ""; position: absolute; top: calc(50% - 1px); left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); height: 7px; width: 10px; border-left: 2px solid #00A861; border-bottom: 2px solid #00A861; } .tag-verified__text { background-color: #00A861; color: #fff; font-size: 10px; font-style: italic; padding-left: 24px; padding-right: 10px; border-radius: 30px; max-height: 18px; padding-top: 0; padding-bottom: 1px; } .seller { position: relative; } .seller .seller__name { font-size: 14px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: currentColor; font-weight: 500; margin-bottom: 0.5rem; display: block; } .seller .seller__name:hover { text-decoration: underline; text-underline-offset: 1px; } @media (max-width: 1199.98px) { .seller .seller__name { font-size: 13px; } } .seller .seller__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 24px; } .seller .seller__tags-icon { margin-right: 0.8rem; } .seller .seller__tags .tag-verified { margin-right: 0.8rem; } .category-card { position: relative; border-radius: 6px; overflow: hidden; } .category-card__head { position: relative; } .category-card__body { margin-top: 1.5rem; position: absolute; left: 0; right: 0; bottom: 0; background: transparent -webkit-gradient(linear, left top, left bottom, from(#FFFFFF00), to(#000000)) 0% 0% no-repeat padding-box; background: transparent -o-linear-gradient(top, #FFFFFF00 0%, #000000 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000 100%) 0% 0% no-repeat padding-box; border-radius: 0 0 6px 6px; } .category-action { position: relative; display: block; padding: 1rem; color: #fff; font-size: 14px; display: block; padding-right: 2.5rem; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .category-action:hover { color: #fff; } .category-action:after { position: absolute; right: 1rem; top: 50%; content: ""; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; width: 8px; height: 8px; margin-top: -4px; } .products-reviews { margin-top: 10px; } .products-reviews .rate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-weight: 700; } .products-reviews .rate .icn { width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .products-reviews .rate .icn svg { width: 100%; height: 100%; } .link--arrow { text-decoration: underline; } .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: -o-linear-gradient(right, rgba(200, 200, 200, 0), transparent 16px, transparent); background: linear-gradient(270deg, rgba(200, 200, 200, 0), transparent 16px, transparent); } .scroll-hint.is-right-scrollable.is-left-scrollable { background: -o-linear-gradient(left, rgba(200, 200, 200, 0), transparent 16px, transparent), -o-linear-gradient(right, rgba(200, 200, 200, 0), transparent 16px, transparent); 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: -o-linear-gradient(left, rgba(200, 200, 200, 0), transparent 16px, transparent); 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; -o-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%; -webkit-margin-start: -20px; -moz-margin-start: -20px; 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; -o-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; bottom: 0; left: 0; right: 0; margin: 20px auto; text-align: center; } .slick-dots li { vertical-align: middle; display: inline-block; margin: 0 3px; width: 6px; height: 6px; border-radius: 10px; cursor: pointer; background: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.5s ease-in-out; -o-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(--secondary-color); width: 16px; } /* ------------------ */ .slick-arrow { position: absolute; top: 50%; background-color: #fff; width: 40px; height: 60px; border: none; text-indent: -999999px; z-index: 1; cursor: pointer; border-radius: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slick-arrow.slick-disabled { opacity: 0 !important; } .slick-arrow.slick-prev:after, .slick-arrow.slick-next:after { content: ""; border-right: 2px solid black; border-bottom: 2px solid black; width: 10px; height: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -5px; } .slick-arrow.slick-prev { -webkit-box-shadow: 8px 0px 8px rgba(0, 0, 0, 0.15) !important; box-shadow: 8px 0px 8px rgba(0, 0, 0, 0.15) !important; left: 0; } .slick-arrow.slick-prev::after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-left: -3px; } .slick-arrow.slick-next { right: 0; -webkit-box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.15) !important; box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.15) !important; } .site-caraousel { position: relative; } .site-caraousel { margin: 0 -15px; } .site-caraousel__item { padding: 0 15px; } @media (max-width: 1199.98px) { .site-caraousel { margin: 0 -10px; } .site-caraousel__item { padding: 0 10px; } } .site-caraousel .slick-arrow { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .site-caraousel .slick-arrow.slick-prev { left: 15px; -webkit-box-shadow: 8px 0px 8px rgba(0, 0, 0, 0.15); box-shadow: 8px 0px 8px rgba(0, 0, 0, 0.15); } .site-caraousel .slick-arrow.slick-next { right: 15px; -webkit-box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.15); box-shadow: -8px 0px 8px rgba(0, 0, 0, 0.15); } .site-caraousel--6 .slick-arrow { top: calc(100% - 73%); } .site-caraousel--3 .slick-arrow { top: calc(100% - 73%); } .site-caraousel--3 .slick-arrow.slick-prev { left: 13px; } .site-caraousel--3 .slick-arrow.slick-next { right: 13px; } .widget-scroll .slick-arrow.slick-next { right: 15px; } .widget-scroll .slick-arrow.slick-prev { left: 15px; } .share-icon { fill: var(--primary-color); } .share-icon .svg { width: 16px; height: 16px; display: block; fill: inherit; } .social-sharing { 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; -ms-flex-wrap: wrap; flex-wrap: wrap; } .social-sharing li { font-size: 0.8rem; display: block; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-flex: 0; -ms-flex: 0 0 50%; 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), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .rating-f .br-widget a { /* background: url('images/star@2x.png'); background-size: 24px 48px; */ } } .ratings { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; color: inherit; } @media (min-width: 768px) { .ratings__star { margin-top: -3px; } } .ratings__count { font-size: 0.875rem; margin-left: 0.3rem; } .ratings__value { font-weight: 500; font-size: 0.875rem; margin-left: 0.3rem; } .ratings__trigger { color: inherit; line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .ratings__trigger { padding-right: 1rem; } .ratings__trigger:after { position: absolute; right: 3px; top: 15px; content: ""; width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 1200px) { .ratings__target { position: absolute; background-color: #fff; left: 0; top: 120%; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border: 1px solid #EBEBEB; min-width: 320px; z-index: 3; min-height: 200px; opacity: 0; visibility: hidden; z-index: 2; } } @media (max-width: 1199.98px) { .ratings__target { display: none; } } @media (min-width: 1200px) { .ratings--hovered:hover .ratings__trigger { position: relative; } .ratings--hovered:hover .ratings__target { opacity: 1; visibility: visible; top: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } .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: 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; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .sticky-demo-header .demo-header .restore-wrapper .restore__content { font-size: 0.675rem; color: #212529; 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; -webkit-margin-start: 1rem; -moz-margin-start: 1rem; 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); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #4c4c4c; } .demo-data-inner ul ul { -webkit-margin-start: 15px; -moz-margin-start: 15px; 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; -o-text-overflow: ellipsis; 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: -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; 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: 0.9em; color: #fff; width: 100%; /*position: relative;*/ padding: 1rem 2.5rem; 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; -ms-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); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0.47; } .close:hover, .system_message .closeMsg:hover { -webkit-transform: rotate(135deg); -ms-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; } } .shop-card { position: relative; border: 1px solid #ddd; border-radius: 6px 6px 0 0; } .shop-card__head { position: relative; border-radius: 6px 6px 0 0; overflow: hidden; } .shop-card__body { position: relative; border-top: none; padding: 1rem; border-radius: 0 0 6px 6px; } .shop-logo { border: 1px solid #ddd; } .shop-meta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shop-meta__small { width: 90px; } .shop-meta__large { width: calc(100% - 110px); } .shop-media img, .shop-media .post .post_media iframe, .post .post_media .shop-media iframe, .shop-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .shop-media img, .shop-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .shop-media img { width: 100%; } .shop-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.2rem; } .shop-location { font-size: 13px; opacity: 0.8; } .shop-ratings { margin-left: 0.5rem; line-height: 1; margin-top: 2px; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .shop-title { font-size: 15px; display: block; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: currentColor; } .shop-title > a { color: inherit; font-weight: 500; } .shop-title > a:hover { text-decoration: underline; text-underline-offset: 1px; } .seller-catagory { border: 1px solid var(--secondary-color); padding: 3px 6px; display: inline-block; vertical-align: top; color: var(--secondary-color); font-size: 11px; margin: 0 5px; border-radius: 30px; } .listing-tbl { overflow-x: auto; } .table { background-color: #fff; margin-bottom: 0; } @media (max-width: 1199.98px) { .table { white-space: nowrap; display: block; } } @media (max-width: 991.98px) { .table { min-height: 170px; } } .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.875em; border-bottom: solid 1px #dee2e6; vertical-align: top; } .table th { font-weight: 600; vertical-align: top; } .table th:first-child { padding-left: 0; } .table th:last-child { padding-right: 0; } .table a { color: inherit; } .table a:hover { text-decoration: underline; } .table thead th { border-bottom: solid 1px #dee2e6; } .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: -o-linear-gradient(158deg, #ac32e4, #4801ff); 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__description { max-width: 180px; } .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: #4e5862; } .tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 991.98px) { .tabs ul { overflow-x: auto; 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: #212529; height: 1px; position: absolute; z-index: 9; left: 0; right: 100%; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; -o-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tabs_data .tabs_body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; 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; } /* SLIDING TABS */ .sliding-tabs .slick-arrow { border-radius: 0; } @media (min-width: 992px) { .sliding-tabs .slick-arrow { min-height: 60px; } } @media (max-width: 1199.98px) { .sliding-tabs .slick-arrow { min-height: 50px; } } .sliding-tabs .slick-arrow.slick-prev { -webkit-box-shadow: 0 0 10px 4px #0000000d; box-shadow: 0 0 10px 4px #0000000d; } .sliding-tabs .slick-arrow.slick-next { -webkit-box-shadow: -10px 0px 4px #0000000d; box-shadow: -10px 0px 4px #0000000d; } .sliding-tabs .slick-disabled { display: none !important; } .sliding-tabs li a { padding: 0.5rem 1rem; font-weight: 600; 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: #666; text-align: center; background-color: var(--brand-color-inverse); font-size: 0.875rem; border-right: solid 1px #dee2e6; line-height: normal; } @media (min-width: 1200px) { .sliding-tabs li a:hover { background-color: var(--secondary-color); color: var(--brand-color-inverse); } } @media (min-width: 992px) { .sliding-tabs li a { min-height: 60px; } } @media (max-width: 1199.98px) { .sliding-tabs li a { min-height: 50px; } } .sliding-tabs li a.is-active { color: var(--brand-color-inverse); background-color: var(--secondary-color); } .brands-logo { 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; background-color: #F2F2F2; border-radius: 6px; height: 140px; height: 120px; } .brands-logo img, .brands-logo .post .post_media iframe, .post .post_media .brands-logo iframe, .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 .brands-logo img, .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 .brands-logo img { margin: auto; mix-blend-mode: darken; } .wrap-drop { position: relative; border: solid 1px #dee2e6; height: 38px; line-height: 38px; width: 100%; color: #212529; 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; -o-text-overflow: ellipsis; 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; -o-transition: all 0.2s ease; transition: all 0.2s ease; content: ""; } .wrap-drop:after { right: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .wrap-drop:before { right: 16px; -webkit-transform: rotate(45deg); -ms-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; -o-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: #212529; 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; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .wrap-drop.active:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-width: 0 10px 10px; } .wrap-drop.active:before { -webkit-transform: rotate(-45deg); -ms-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); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; visibility: visible; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; overflow: hidden; } .yk-ac-terms { background: var(--gray-light); } .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 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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; -webkit-box-flex: 1; -ms-flex: auto; 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; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 991.98px) { .filter-directory .filter-directory_bar .filter-directory_indices { -webkit-box-pack: start; -ms-flex-pack: start; 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: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; white-space: nowrap; overflow-y: auto; } .filter-directory_list li { margin: 0.5rem 0; -webkit-margin-end: 10px; margin-inline-end: 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; font-weight: 400; } .color-brand { color: var(--brand-color) !important; } .color-primary { color: var(--primary-color) !important; } .color-secondary { color: var(--secondary-color) !important; } .bg-brand { background-color: var(--brand-color) !important; color: var(--brand-color-inverse) !important; } .bg-primary { background-color: var(--primary-color) !important; color: var(--brand-color-inverse) !important; } .bg-secondary { background-color: var(--secondary-color) !important; color: var(--brand-color-inverse) !important; } .page-home { background-color: #EEEEEE; } h1, h2, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; } 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:hover { text-decoration: none; } .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; } /*Bg*/ .bg--primary-color, .bg-primary { 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: var(--gray-light); } .bg-light { background: #f0f0f0; } .bg-gray-dark { background: #efeded; } .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: 2rem; clear: both; display: block; width: 100%; } .padding20 { padding: 20px; } .align--center { margin: 0 auto; text-align: center; } .hidden { display: none; } .no-after:after { content: normal; } .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; } .coupon-code { padding: 0.3rem 1.2rem; border-radius: 2rem; color: #9ba5ae; border: dashed 1px #dee2e6; display: inline-block; font-weight: 600; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .docs-buttons .btn-group { margin: 0 2px; } .custom-ui-autocomplete { max-height: 200px; overflow: hidden; overflow-y: auto; -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: 4px; font-size: 0.8rem !important; border: solid 1px #dee2e6; } .custom-ui-autocomplete .ui-menu-item { border-bottom: solid 1px #dee2e6; } .custom-ui-autocomplete .ui-menu-item .ui-menu-item-wrapper { padding: 0.5rem; border: none !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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /************Yokart-listing-product******/ /* ADDED FROM Z_DEVELOPER CSS */ .invoice-product.table th:first-child { padding-left: 15px; } .invoice-product.table tr td:first-child { padding-left: 15px; } /* ----------- ADDED FROM Z_DEV FOR DIRECTION CSS -----------  */ .flex-colum { border-left: 1px solid #eee; background: #fff; padding: 10px 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; } .flex-colum.flex-colum--first.flex-colum--title h5 { text-align: left; } .flex-colum.flex-colum--title .plan-desc { display: inline-block; text-align: left; width: 100%; margin-bottom: 1.5rem; } .flex-colum:last-child { border-right: 1px solid #eee; } .flex-colum.flex-colum--first { width: 350px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; text-align: right; } .box-group__arrow::after { width: 8px; height: 8px; position: absolute; right: 25px; top: 18px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); pointer-events: none; } .list--devider li::after { content: "|"; pointer-events: none; position: absolute; right: -1px; top: 0px; } @media screen and (max-width: 1199px) { .header__nav-group { overflow: hidden; padding-right: 135px; } .header__nav-group ul { display: inherit; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; } } /* ====================== */ .uploaded--documents span i { margin-left: 10px; cursor: pointer; } /* NOTIFICATION SECTION CSS */ .header-notifications { max-width: 250px; position: absolute; right: 20px; top: 70px; z-index: 99; } .dropwrap { min-width: 250px; background: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .dropwrap .head { width: 100%; padding: 10px 20px; text-align: left; font-weight: 600; font-size: 15px; border-radius: 5px 5px 0 0; color: #fff; background: #2bc0e5; background: var(--primary-color); } .dropwrap .body { width: 100%; max-height: 280px; overflow: hidden; overflow-y: auto; } .dropwrap .foot { width: 100%; border-top: 1px solid #ddd; padding: 6px 10px; text-align: center; } .dropwrap ul { margin: 0; list-style: none; padding: 15px 10px; } .rfq-view-action-btn { float: right; margin-bottom: 10px; } .rfq-view-action-btn a { margin-left: 10px !important; } .logo-invoice span { margin-left: 15px; } .invoice-tbl-heading th:first-child { padding-left: 10px !important; } span.invoice-amount-txt { width: 50%; display: inline-block; float: left; text-align: right; margin-bottom: 3px; } .skeleton { background-color: #e2e5e7 !important; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))) !important; background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important; background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)) !important; background-size: 40px 100%; background-repeat: no-repeat; background-position: left -40px top 0; -webkit-animation: shine 1s ease infinite; animation: shine 1s ease infinite; } .gray-scale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } /*** task_93203_integrate_seller_page_design ***/ #frm_fat_id_frmSeller .caption-wraper { display: none; } /*** task_93201_integrate_shop_page_design ***/ .noUi-pips-horizontal { display: none; } .noUi-horizontal .noUi-handle { right: -11px !important; } .cat-accordion .vertical-nav li a { width: 83%; } #img-static .slick-list.draggable { height: 100% !important; } .upsell-products .options-content__list .field-for-qty { display: block; } .seller-badges.view-all-sellers-product { border: none; } .document-error { margin: 3px 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; font-size: 11px; } .shopListPageTitle { visibility: hidden; } .page-view__middle:not(:last-child).page-view_fullwidth { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 265px); flex: 0 0 calc(100% - 265px); max-width: 100%; } .cards { -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: 6px; /*margin-bottom: 1rem;*/ height: 100%; } @media (max-width: 991.98px) { .cards { word-break: normal; } } .cards .cards-header { 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: 1.5rem; color: #212529; } .cards .cards-header .cards-title { margin-bottom: 0; font-weight: 400; font-size: 1.1rem; } .cards .cards-header .cards-title a { color: #212529; } .cards .cards-header ~ .cards-content { padding-top: 0; } .cards .cards-content { padding: 1rem 1.5rem; /*height: inherit;*/ } .toggle-switch { display: inline-block; height: 20px; position: relative; width: 42px; min-width: 42px; -webkit-box-flex: 0; -ms-flex: 0 0 42px; flex: 0 0 42px; } .toggle-switch input { display: none; } .toggle-switch input:checked + .slider { background-color: #66bb6a; } .toggle-switch input:checked + .slider:before { -webkit-transform: translateX(22px); -ms-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; -o-transition: .4s; transition: .4s; } .toggle-switch .slider:before { background-color: #fff; bottom: 4px; left: 4px; content: ""; height: 12px; position: absolute; -webkit-transition: .4s; -o-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; } } .flex-container { position: relative; } .flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-colum.flex-colum--title { position: relative; text-align: center; color: var(--primary-color-inverse); background: var(--primary-color); padding: 0; } .flex-colum.flex-colum--title.color2 { background: var(--primary-color); -webkit-box-shadow: none; box-shadow: 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, input[type="image"], video, embed, iframe, .posted-content .posted-media .post__pic .media-wrapper img, marquee, object, table { aspect-ratio: attr(width)/attr(height); } .price-total { font-size: 17px; text-transform: inherit !important; } .text-left { text-align: left !important; } .flex-colum.flex-colum--first.flex-colum--title.text-left h4 { font-size: 20px; } .flex-colum.flex-colum--first.flex-colum--title.feature h3 small { font-size: 14px; font-weight: lighter; margin-top: 5px; } .flex-colum.color2 { -webkit-box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.04); box-shadow: 0 10px 10px 5px rgba(0, 0, 0, 0.04); z-index: 1; } .flex-colum.flex-colum--first.flex-colum--title.feature h3 { text-transform: uppercase; padding-left: 15px; padding-top: 15px; } .flex-colum { border-left: 1px solid #eee; background: #fff; padding: 10px 15px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex: 1; flex: 1; text-align: center; position: relative; } .flex-colum.flex-colum--title h6 { width: 100%; position: relative; background: rgba(0, 0, 0, 0.15); text-align: center; padding: 8px 20px; text-transform: uppercase; } .flex-colum.flex-colum--title h4 { width: 100%; position: relative; text-align: center; padding: 8px 15px; text-transform: uppercase; font-weight: 600; } .flex-colum.flex-colum--title h4 small { display: block; font-style: italic; font-weight: 400; font-size: 16px; margin-top: 0.5rem; } .flex-colum.flex-colum--title h5 { width: 100%; position: relative; text-align: center; padding: 20px; text-transform: uppercase; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 90px; } .flex-colum.flex-colum--title .btn { background: none; border-color: var(--secondary-color); color: var(--secondary-color); width: 54%; } .flex-colum.flex-colum--title .btn:hover { background: #fff; color: #222; } .flex-row .flex-colum .btn.btn-bottom:hover { background: var(--primary-color); color: var(--secondary-color); } .flex-row .flex-colum .btn.btn-bottom { background: none; border-color: var(--primary-color); color: var(--primary-color); /* width: 54%; */ } .flex-colum.flex-colum--first.flex-colum--title h5 { text-align: left; } .flex-colum.flex-colum--title { padding: 0 0; } .flex-colum.flex-colum--title h5 small { display: block; text-transform: none; font-style: italic; font-size: 0.8em; font-weight: normal; } .flex-colum.flex-colum--title .plan-desc { display: inline-block; text-align: left; width: 100%; margin-bottom: 1.5rem; } .flex-colum.flex-colum--title .plan-desc li { border-bottom: 1px dotted #fff; padding: 5px 10px; font-size: 0.95rem; } .flex-colum.flex-colum--title .plan-desc li p { margin: 0; max-width: 70%; margin: 0 auto; text-align: center; } .colum-icon { width: 20px; margin: auto; } /* .invoice-product tr { border-left: 1px solid #ddd; border-right: 1px solid #ddd;} .invoice-product tr:first-child{ border-top:1px solid #ddd;} .invoice-product.table tr:last-child td{ border-bottom: 1px solid #dee2e6 !important; } */ .invoice-product.table th:first-child { padding-left: 15px; } .invoice-product.table tr td:first-child { padding-left: 15px; } /* ************** */ .flex-colum:last-child { border-right: 1px solid #eee; } .plan-choose li { margin: 15px 0; } .flex-row:last-child { border-bottom: 1px solid #eee; } .flex-colum.flex-colum--first { width: 350px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; display: block; -webkit-box-orient: inherit; -webkit-box-direction: inherit; -ms-flex-direction: inherit; flex-direction: inherit; -webkit-box-flex: initial; -ms-flex: initial; flex: initial; text-align: left; } .flex-colum:not(.flex-colum--title) { font-size: 14px; color: #555; } /* .flex-colum--hovered.flex-colum .flex-colum__trigger::after { position: absolute; right: 15px; top: 50%; width: 8px; height: 8px; content: ""; border-top: 1px solid #666; border-right: 1px solid #666; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0; z-index: 4; pointer-events: none; } */ .flex-row:not(.flex-row--header):nth-child(2n+1) .flex-colum { background: #f8f8f8; } .flex-colum small { display: block; font-style: italic; font-weight: 600; } .white-btn-mobile { background: var(--brand-color) !important; color: var(--brand-color-inverse) !important; } @media only screen and (min-width: 1366px) { .flex-colum.flex-colum--title h6 { font-size: 15px; } } @media (max-width: 1200px) { .cards { overflow: visible; overflow-x: auto; overflow-y: hidden; } .flex-container { width: 1260px; } .tabs .arrowTabs { overflow-x: auto; } } .checkbox input:checked, .radio input:checked { border-color: var(--primary-color); } .checkbox input:checked, .radio input:checked { background: var(--primary-color); color: var(--brand-color-inverse); } .dashboard-menu .menu__item.is-active { background: rgba(0, 0, 0, 0.05); color: var(--primary-color); fill: var(--primary-color); } .dashboard-menu .menu__item .menu__item__inner:before { background: var(--primary-color); } .feedback-btn .crcle-btn { background: var(--primary-color); } .header-dashboard .c-header-icon .h-badge { background: var(--primary-color); } /************RFQ_listing******/ .calender-field, .hasDatepicker { background-image: url(images/retina/img-calender.svg); background-repeat: no-repeat; background-position: calc(100% - 12px) 11px; background-size: 16px 16px; } /************Yokart-listing-product******/ .badges ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .badges ul li { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; height: 25px; width: 25px; border-radius: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 8px; } .badges ul li:last-child { margin-right: 0; } .badges ul li svg { width: 12px; height: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; } .Verified { background: #016936; } .Verified { background: #016936; } .silver-member { background: #3d6098; } .founding-member { background: #000; } .badges.icon-badges { padding-bottom: 10px; } .badges.icon-badges h4 { display: none; } .seller-name img, .seller-name .post .post_media iframe, .post .post_media .seller-name iframe, .seller-name .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .seller-name img, .seller-name .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .seller-name img { margin-right: 5px; } /************seller-profile******/ html { scroll-behavior: smooth; } .side-nav-seller ul { border: 1px solid #E4E4E4; border-radius: 5px; position: sticky; top: 8rem; } .side-nav-seller li { border-bottom: 1px solid #E4E4E4; font-size: 14px; } .side-nav-seller li:hover { background: #F6F6F6; color: var(--primary-color); } .side-nav-seller li a { color: inherit; width: 100%; display: block; padding: 10px; } .side-nav-seller li.is--active { background: #F6F6F6; color: var(--primary-color); font-weight: 600; } .block-info { border: 1px solid #E4E4E4; border-radius: 5px; margin-bottom: 15px; } .block-heading { background: #F6F6F6; padding: 10px 15px; font-size: 18px; font-weight: 600; } .block-content { padding: 15px; } .block-content h6 { font-weight: 400; font-size: 14px; } .block-content h6 img, .block-content h6 .post .post_media iframe, .post .post_media .block-content h6 iframe, .block-content h6 .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .block-content h6 img, .block-content h6 .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .block-content h6 img { margin-left: 5px; } .block-content h6 span { float: right; } .image-block { /* display: flex; */ margin-top: 10px; /* flex-direction: row; */ } .image-block li { margin-right: 10px; width: 22.8%; display: inline-block; vertical-align: top; margin-bottom: 10px; } .image-block li .img-border { border: 1px solid #E9E9E9; border-radius: 5px; text-align: center; } .image-block li a { font-size: 13px; color: var(--primary-color); word-break: break-all; } .block-info .filterDiv { padding: 10px 0; border: solid 1px #dee2e6; border-radius: 5px; padding: 10px 10px; } .block-info .filterDiv::after { right: 10px; } .block-info .faqlist li { margin-bottom: 15px; } .block-info .faqanswer { border: solid 1px #dee2e6; padding: 0 10px; } .block-info .faqanswer p { padding: 0; } .block-info .faqlist li:last-child { margin-bottom: 0; } .video-tag iframe, .video-tag .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .video-tag img { width: 100%; height: 400px; } /***********RFQ-Accepted-offers********/ /* counter-offer*/ .no-padding { padding: 0 !important; } .text--normal-secondary { color: #f15c5c !important; } .content-header .status { float: right; background: #BABABA; color: #fff; padding: 2px 16px; border-radius: 50px; font-size: 14px; margin-top: -5px; } .box-group .box-group__arrow::after { width: 8px; height: 8px; position: absolute; right: 25px; top: 18px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); pointer-events: none; } .box-group .box-group__arrow.active::after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .offer-detail-page .box-group .box-group__head { border: 1px solid #ddd; background: #f1f1f1; padding: 10px; } .box-group .box-group__head { /*     border-bottom: 1px solid #ddd; */ padding: 15px 0; position: relative; font-weight: 600; } .box-group .box-group__arrow { cursor: pointer; } /* .box-group__body .table th, .table td{ border: none; } */ /* .offer-detail-page .box-group__body .table th, .offer-detail-page .box-group__body .table td{ border: none !important; } */ .offer-detail-page .box-group__body .table tr:last-child th { border: none; } .offer-detail-page .note { font-size: 0.8em; margin-bottom: 0; opacity: 0.6; font-style: italic; display: inline-block; width: auto; float: right; margin-top: 2px; } .offer-detail-page .heading-box { border: 1px solid #ddd; background: #f1f1f1; padding: 10px; } .offer-detail-page .box-group__body { margin: 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left: 1px solid #ddd; padding: 10px; } /* .box-group__body.box-group__body-js { margin-top: 15px; } */ .heading-box { font-weight: 600; } .cart-item { width: 100%; display: inline-block; } .cart-item .cart-item__pic { float: left; width: 100px; margin: 0 0 0 0; } .cart-item .cart-item__details { text-align: left; width: calc(100% - 100px); padding-left: 15px; float: left; } .text--small { opacity: 0.4; font-style: italic; font-size: 95%; } .cart-item .cart-item__title { display: block; font-size: 1.2em; font-weight: 600; } .cart-item .text--normal { font-size: 0.9em; } .cart-item .list--devider { margin: 20px 0 0; } .list--devider li { display: inline-block; vertical-align: top; color: #999; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 0.9em; position: relative; } .list--devider li a, .list--devider li span { color: #333; position: relative; } .list--devider li::after { content: "|"; pointer-events: none; position: absolute; right: -1px; top: 0px; } .list--devider li:last-child::after { display: none; } /**********detail-page********/ .seller-profile { color: var(--primary-color); font-size: 14px; text-decoration: underline; } .payment-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .payment-options ul li { cursor: pointer; margin-right: 10px; margin-top: 10px; } .payment-options ul li:last-child { margin-right: 0; } .payment-options ul li img, .payment-options ul li .post .post_media iframe, .post .post_media .payment-options ul li iframe, .payment-options 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 .payment-options ul li img, .payment-options 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 .payment-options ul li img { -webkit-box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 4px 2px 4px rgba(0, 0, 0, 0.08); } .on-hover-active img, .on-hover-active .post .post_media iframe, .post .post_media .on-hover-active iframe, .on-hover-active .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .on-hover-active img, .on-hover-active .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .on-hover-active img { width: 250px; margin-top: 10px; } .on-hover-active { display: none; } .payment-options ul li:first-child:hover .on-hover-active { display: block; position: absolute; } .seller-name img, .seller-name .post .post_media iframe, .post .post_media .seller-name iframe, .seller-name .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .seller-name img, .seller-name .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .seller-name img { margin-right: 5px; display: inline-block !important; } .silver-member { background: #3d6098; } .gold-member { background: #213159 !important; } .free-member-icon { background: #f04b4c !important; display: none !important; } @media screen and (max-width: 1199px) { .shop-nav ul li a { padding: 15px 20px; } .side-nav-seller ul { top: 6rem; } .header__nav-group { overflow: hidden; padding-right: 135px; } /*    .header__nav-group{display: none;} */ .header__nav-trigger { white-space: nowrap; } .header__nav-trigger.header__cat-trigger-js.hide-mobile { display: none; } .header__nav-group ul { display: inherit; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; white-space: nowrap; } /* .header__nav-item.header__nav-settings{ */ /* position: absolute; */ /* right: 0; */ /* background: #033763; */ /* } */ } @media screen and (max-width: 768px) { .seller-info-tab { margin-top: 15px; } } .product-layout-2 .icon-badges ul { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } @media screen and (max-width: 767px) { .hide-mb { display: none; } .mobile-hide { display: none; } .block-content h6 span { float: none; } .tag-img { display: inline-block; margin: 0; } .tag-img li { display: inline-block; margin: 4px 0px; } .tag-img li .icn { display: inline-block; } .user-title-header { visibility: hidden; } } .show-payment-icon { display: block; position: absolute; } .uploaded--documents span { padding: 2px 6px; border: 1px solid #dee2e6; border-radius: 6px; margin: 10px 6px; display: inline-block; font-size: 14px; max-width: 100%; word-break: break-all; max-width: 105px; text-align: center; } .uploaded--documents span i { margin-left: 10px; cursor: pointer; } .quoted--offer span { margin-top: 0; } .collection-sidebar .tag-img { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .collection-sidebar .tag-img li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 5px; margin-left: 0px; } .seller-name a { text-decoration: none !important; } .doc-file-icon svg { max-width: 100%; max-height: 100px; } #product-seller-profile .side-nav-seller ul { top: 9rem; } .silver-member { background: #3d6098; } .gold-member { background: #213159 !important; } .free-member-icon { background: #f04b4c !important; } .tag-img li.silver-member-icon { background: #3d6098; } .tag-img li.gold-member-icon { background: #213159 !important; } #product-seller-profile section { padding: 0px; } .product-video--js { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; max-width: 500px; } .document-name { font-weight: 600; } .faq-content { font-size: 16px !important; line-height: 29px; font-weight: 400; } /* .main-bar .main-search {display: none;} */ .products .products__title a { color: inherit; font-size: inherit; font-weight: inherit; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .seller-name .seller-profile { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .listing-products--list .badges .justify-content-center { -webkit-box-pack: left !important; -ms-flex-pack: left !important; justify-content: left !important; } .ft-products.product-layout-2 .products__price, .listing-products--list .products__price { padding: 0px !important; } .no-border-row th, .no-border-row td { border: 0px; } .dropdown-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .header-login-text { width: 55px; } .rfq-info-popup { min-height: auto !important; } @media (max-width: 1199.98px) { .language-setting--js { display: none !important; } .language-setting--js.is-active { display: block !important; } .header__nav-target { border: 0px !important; } } .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, .yokart-loader svg { max-width: 250px !important; width: 250px !important; } .user-title-header { padding-left: 10px; padding-right: 10px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100px; } .badge-default { background-color: #adb1b5; color: #fff; } /* NOTIFICATION SECTION CSS */ .header-notifications { max-width: 250px; position: absolute; right: 20px; top: 70px; z-index: 99; } .dropwrap { min-width: 250px; /* z-index: 10; right: 0; top: 0; */ background: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .dropwrap .head { width: 100%; padding: 10px 20px; text-align: left; font-weight: 600; font-size: 15px; border-radius: 5px 5px 0 0; color: #fff; background: #2bc0e5; background: var(--primary-color); } .dropwrap .body { width: 100%; max-height: 280px; overflow: hidden; overflow-y: auto; } .dropwrap .foot { width: 100%; border-top: 1px solid #ddd; padding: 6px 10px; text-align: center; } .dropwrap ul { margin: 0; list-style: none; padding: 15px 10px; } .columlist li { /* display: table; */ width: 100%; border-bottom: 1px solid #ddd; } ul.columlist { padding: 0; } .columlist li a { display: block; position: relative; overflow: hidden; font-size: 13px; color: #333; } .columlist li .grid.first { padding: 10px; } .columlist li .grid { display: table-cell; vertical-align: top; padding: 5px 10px; } .rfq-view-action-btn { float: right; margin-bottom: 10px; } .rfq-view-action-btn a { margin-left: 10px !important; } .top-head { background: var(--brand-color); color: #fff; border-top: 1px solid #5e88ac; } .seller-login a.link { color: #fff !important; } .header-supplier a.seller_login_toggle i.fa.fa-user-circle, .header-advertiser a.seller_login_toggle i.fa.fa-user-circle, .header-affiliate a.seller_login_toggle i.fa.fa-user-circle, .header-supplier a.seller_nav_toggle i.fa.fa-user-circle, .header-advertiser a.seller_nav_toggle i.fa.fa-user-circle, .header-affiliate a.seller_nav_toggle i.fa.fa-user-circle, .header-affiliate a.seller_login_toggle i.fa.fa-user-circle, .header-affiliate a.seller_nav_toggle i.fa.fa-user-circle, .header-advertiser a.seller_login_toggle i.fa.fa-user-circle, .header-affiliate a.seller_login_toggle i.fa.fa-user-circle, .header-advertiser a.seller_nav_toggle i.fa.fa-user-circle, .header-affiliate a.seller_nav_toggle i.fa.fa-user-circle { color: #fff; } @media (max-width: 767px) { .seller-login a.link { color: var(--brand-color) !important; text-align: center !important; } .seller-login a.link:after { display: none; } .white-btn { background: #fff !important; color: var(--brand-color) !important; } .top-head { padding: 7px 0; } .header .logo-bar { padding: 6px 0; } } .btn-shared-invoice { background: var(--brand-color) !important; cursor: context-menu; } .rfq-doc-file-icon svg { max-width: 70px; max-height: 70px; } .doc-title { margin-bottom: 5px; } .doc-title span { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0; border-radius: 0; border: none; font-size: 13px; min-width: 90px; max-width: 100px; height: 20px; } .plan-validity { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .plan-validity .plan-choose { text-align: left; } .privacy-content p { margin-bottom: 0; margin-top: 5px; } .privacy-content table { table-layout: fixed; } .privacy-content td, .privacy-content th { border: 1px solid #dddddd; width: 50%; text-align: left; padding: 8px; } .cms ul li { font-size: 0.875rem; } .sub-catagory-pro .big-title { background: #f1f1f1; width: 100%; border-radius: 5px; padding: 11px 10px; } .sub-catagory-pro .cell__body { margin-bottom: 15px; width: 100%; } .logo-invoice span { margin-left: 15px; } h4.info-invioce { text-transform: uppercase; font-size: 1.25rem; margin-top: 14px; margin-bottom: 15px; } .invoice-tbl-heading { background: var(--brand-color) !important; color: var(--brand-color-inverse); padding: 5px; } .invoice-tbl-heading th { vertical-align: middle !important; } .invoice-tbl-heading th:first-child { padding-left: 10px !important; } .invioce-table-bg tr:nth-child(odd) td { background: #f1f1f1; } .invioce-table-bg tr:nth-child(odd) td:first-child { padding-left: 10px; } .no-bg-color { background: none !important; } .invoice-subheading { background: var(--brand-color); color: var(--brand-color-inverse); padding: 5px; } .invoice-tbl-heading td, .invoice-tbl-heading th { padding: 5px; } span.invoice-amount-txt { width: 50%; display: inline-block; float: left; text-align: right; margin-bottom: 3px; } .tabs .arrowTabs { overflow-x: auto; } .notification-date { opacity: 0.6; display: block; font-style: italic; } @media (min-width: 1200px) { .navigations > li.navchild:hover > a { color: #fff; } } .navigations > li.navchild > a { font-weight: normal; } .cms-dropdown a { border: none; } .cms-dropdown .header__nav-trigger::before { right: 0px; } li.cms-dropdown.header__nav-item.header__nav-categories { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } .cms-dropdown .navchild a { padding: 0 15px !important; } .cms-dropdown .sublinks { display: inherit !important; } .cms-dropdown .sublinks > li > ul { position: absolute; left: 100%; background: #fff; display: inline-block; width: 100%; } .action-item { font-size: 0.8em; } .action-item svg { fill: currentColor; } [lang="ar"] .header-action .list-item span.icon-28 { margin-left: 5px; margin-right: auto; } @media (max-width: 1199px) { .header-action .list-item { margin: 0 !important; } .header__actions-group { margin-left: 10px; } [lang="ar"] .header__actions-group { margin-left: 0; margin-right: 20px; } .header-action .list-item span.icon-28 { width: 30px; } } .msg-badge { border-radius: 50%; width: 1rem; height: 1rem; display: block; position: absolute; z-index: 0; top: -2px; left: 16px; border: solid 1px var(--brand-color); background: #ffbd59; color: var(--brand-color-inverse); font-size: 0.5rem; text-align: center; vertical-align: middle; line-height: 0.9rem; } .tagify { min-height: 36px; } .plan-validity ul li label { display: -webkit-box; display: -ms-flexbox; display: flex; } .order-service-docs li { display: inline-block; padding: 5px; } ul.terms_listing { word-break: break-all; } .order-service-docs .rfq-doc-file-icon svg { max-width: 60px; max-height: 70px; } .join_free { color: #333; text-align: center; } .join_free a { padding: 2px 10px; width: 140px; } .join_free h3 { font-size: 16px; margin-bottom: 10px; } .join_free .or_text h6 { font-size: 14px; font-weight: light; margin: 4px 0; } .header__nav-target.join-free--js { min-width: 200px; } .header__nav-target.join-free--js { display: none; } .header__nav-target.join-free--js.is-active { display: block; } /*  */ .over-auto { overflow-x: auto; } .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 > ul > li .actions a { padding: 5px; width: 30px; height: 30px; color: #2e384d; font-size: 0.7rem !important; border: solid 1px #dee2e6; border-radius: 2px; 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; } .tax-rules > ul > li .actions a:hover { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); } .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: -webkit-box; display: -ms-flexbox; 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; } .navs_toggle span { width: 22px !important; } @media (max-width: 1199px) { .header-action__link .my-account__avatar { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; max-width: 30px; } } .accordion h6 { display: inline-block; } .tag--soldout { display: none; } .ship-rate-link { white-space: normal !important; } .products .products__category { min-height: 40px; } .products .products__price { min-height: 42px; } .products .products__category a { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .products .badges.icon-badges, .shop_layout_1_rating { min-height: 35px; } #frm_fat_id_frmStoreSettings .list-inline { margin: 0; } #frm_fat_id_frmStoreSettings .list-inline label { background: #fff; height: 40px; border: 1px solid #eaeaea; border-radius: 5px; display: inline-block; margin: 0 2px 0 0; padding: 8px 15px 8px 10px; } #frm_fat_id_frmStoreSettings .list-inline label:active, #frm_fat_id_frmStoreSettings .list-inline label:focus { background: rgba(0, 0, 0, 0.02); } #frm_fat_id_frmStoreSettings .list-inline { margin: 10px 0; } #frm_fat_id_frmStoreSettings .list-inline li { display: inline-block; padding: 0 10px 10px 0; } .rfq_permissions.list-inline { padding-top: 55px; } small.price-indicator { position: absolute; top: 65px; } .short-links { color: #666; } .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); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close-layer:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close-layer { z-index: 2; position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; -webkit-transition: all 300ms; -o-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; } .close-layer:hover, .shop-nav ul li.is--active a.close-layer { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; } .ratio { position: relative; width: 100%; overflow: hidden; } .ratio:before { display: block; content: ""; } .ratio--1by1:before { padding-bottom: 100%; } .ratio--4by3:before { padding-bottom: 75%; } .ratio--3by4:before { padding-bottom: 133.33333%; } .ratio--16by9:before { padding-bottom: 56.25%; } .ratio--9by16:before { padding-bottom: 177.77778%; } .ratio--2by1:before { padding-bottom: 50%; } .ratio--1by2:before { padding-bottom: 200%; } .ratio--3by1:before { padding-bottom: 33.33333%; } .ratio--1by3:before { padding-bottom: 300%; } .ratio--4by1:before { padding-bottom: 25%; } .ratio--1by4:before { padding-bottom: 400%; } .ratio > * { position: absolute !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ratio > a { 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; max-width: 100%; max-height: 100%; width: 100%; height: 100%; } .ratio > a img, .ratio > a .post .post_media iframe, .post .post_media .ratio > a iframe, .ratio > a .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .ratio > a img, .ratio > a .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .ratio > a img { display: block; margin: 0 auto; } .site-icon { position: relative; width: 24px; height: 24px; display: inline-block; vertical-align: middle; } .site-icon svg { width: 100%; height: 100%; display: block; fill: currentColor; } .site-icon--small { height: 16px; width: 16px; } .site-icon--xsmall { height: 14px; width: 14px; } .site-icon--normal { height: 20px; width: 20px; } .site-icon--large { height: 26px; width: 26px; } .site-icon--xlarge { height: 32px; width: 32px; } .section-cms { border-top: solid 1px #dee2e6; } .section-cms h1 { font-size: 1.6rem; margin-top: 2rem; line-height: 1.4; margin-bottom: 1rem; } .section-cms h2 { font-size: 1.3rem; margin-top: 2rem; margin-bottom: 1.2rem; line-height: 1.4; } .section-cms h4 { font-size: 1rem; margin-top: 0.4rem; line-height: 1.4; } .section-cms h5, .section-cms h6 { font-size: 0.9rem; margin-top: 0.4rem; line-height: 1.4; } .section-cms p { font-size: 14px; color: #777; line-height: 1.6; margin-bottom: 3rem; } .section-cms .container { max-width: 1240px; } .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: .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; -ms-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; -ms-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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @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.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-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); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); -ms-transform: scale(-1, -1); transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :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: 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: 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: 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: 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: 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: 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: 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: .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; margin: 0 auto; position: relative; } @media (min-width: 1200px) { #facebox .content { border-radius: 4px; } } #facebox .content .pop-up-title { font-weight: 300; color: #212529; 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 (max-width: 1199.98px) { #facebox { left: 0 !important; right: 0 !important; top: 0 !important; height: 100%; } #facebox .content { display: block; padding: 0; } #facebox .content.faceboxWidth { width: auto; max-width: 750px; } } @media (max-width: 991.98px) { #facebox .content.fbminwidth { min-width: inherit; max-height: 90vh; } #facebox .popup { overflow-y: auto; } #facebox .popup { padding: 30px 20px; } } @media (max-width: 991.98px) { #facebox { background-color: #fff; } #facebox .popup { padding: 0; height: 100%; } #facebox .popup .content { max-height: 100%; padding-top: 0; } #facebox .close.close--white:before, #facebox .close.close--white:after { background: #000; } #facebox .close { right: 1rem; top: 1rem; } } /*! 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 { 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 { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.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 { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { 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; -o-text-overflow: ellipsis; 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; -o-text-overflow: ellipsis; 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 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: 15px; border-radius: 5px !important; width: auto; min-width: 350px; } .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; -o-transition: 0.5s all ease; 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: 3; 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: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: 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; -o-transition: opacity .2s linear; transition: opacity .2s linear; } .simplebar-track .simplebar-scrollbar.simplebar-visible:before { opacity: .5; -webkit-transition: opacity 0s linear; -o-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; -o-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; 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; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; } @-webkit-keyframes tags--bump { 30% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes tags--bump { 30% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes rotateLoader { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes rotateLoader { to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .tagify:hover { border-color: #ccc; } .tagify.tagify--focus { -webkit-transition: 0s; -o-transition: 0s; 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: -o-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; 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; -webkit-box-shadow: none; box-shadow: none; -webkit-filter: brightness(0.95); 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%; -webkit-animation: rotateLoader .4s infinite linear; animation: rotateLoader .4s infinite linear; } .tagify--loading .tagify__input:empty::after { margin-left: 0; } .tagify + input, .tagify + textarea { display: none !important; } .tagify__tag { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 5px 0 5px 5px; position: relative; z-index: 1; outline: 0; cursor: default; -webkit-transition: .13s ease-out; -o-transition: .13s ease-out; transition: .13s ease-out; } .tagify__tag > div { vertical-align: top; -webkit-box-sizing: border-box; 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; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: .13s ease-out; -o-transition: .13s ease-out; transition: .13s ease-out; } .tagify__tag > div > * { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: inline-block; vertical-align: top; min-width: var(--tag--min-width); max-width: var(--tag--max-width); -webkit-transition: .8s ease, .1s color; -o-transition: .8s ease, .1s color; transition: .8s ease, .1s color; } .tagify__tag > div > [contenteditable] { outline: 0; -webkit-user-select: text; -moz-user-select: text; -ms-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; -webkit-transition: 120ms ease; -o-transition: 120ms ease; transition: 120ms ease; -webkit-animation: tags--bump .3s ease-out 1; animation: tags--bump .3s ease-out 1; -webkit-box-shadow: 0 0 0 1.1em #e5e5e5 inset; box-shadow: 0 0 0 1.1em #e5e5e5 inset; -webkit-box-shadow: 0 0 0 calc(var(--tag-inset-shadow-size)) var(--tag-bg) 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; -webkit-box-shadow: 0 0 0 1.1em #d3e2e2 inset; box-shadow: 0 0 0 1.1em #d3e2e2 inset; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset; } .tagify__tag.tagify--noAnim > div::before { -webkit-animation: none; animation: none; } .tagify__tag.tagify--hide { width: 0 !important; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transition: var(--tag-hide-transition); -o-transition: var(--tag-hide-transition); transition: var(--tag-hide-transition); pointer-events: none; } .tagify__tag.tagify--mark div::before { -webkit-animation: none; animation: none; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span { opacity: .5; } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before { -webkit-box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important; box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset !important; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } .tagify__tag[readonly] .tagify__tag__removeBtn { display: none; } .tagify__tag[readonly] > div::before { background: -o-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; 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; -webkit-box-shadow: none; box-shadow: none; -webkit-filter: brightness(0.95); filter: brightness(0.95); } .tagify__tag--editable > div { color: #000; color: var(--tag-text-color--edit); } .tagify__tag--editable > div::before { -webkit-box-shadow: 0 0 0 2px #d3e2e2 inset !important; box-shadow: 0 0 0 2px #d3e2e2 inset !important; -webkit-box-shadow: 0 0 0 2px var(--tag-hover) inset !important; box-shadow: 0 0 0 2px var(--tag-hover) inset !important; } .tagify__tag--editable.tagify--invalid > div::before { -webkit-box-shadow: 0 0 0 2px #d39494 inset !important; box-shadow: 0 0 0 2px #d39494 inset !important; -webkit-box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; } .tagify__tag__removeBtn { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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; -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; } .tagify__tag__removeBtn::after { content: "\00D7"; } .tagify__tag__removeBtn:hover { color: #fff; background: #c77777; background: var(--tag-remove-btn-bg--hover); } .tagify__tag__removeBtn:hover + div > span { opacity: .5; } .tagify__tag__removeBtn:hover + div::before { -webkit-box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important; box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important; -webkit-box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset !important; box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset !important; -webkit-transition: .2s; -o-transition: .2s; transition: .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: -webkit-box; display: -ms-flexbox; display: flex; } .tagify__input:empty::before { -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; opacity: .5; -webkit-transform: none; -ms-transform: none; transform: none; width: auto; } .tagify__input:focus { outline: 0; } .tagify__input:focus::before { -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; opacity: 0; -webkit-transform: translatex(6px); -ms-transform: translatex(6px); transform: translatex(6px); } @supports (-moz-appearance: none) { .tagify__input:focus::before { display: none; } } .tagify__input:focus:empty::before { -webkit-transition: .2s ease-out; -o-transition: .2s ease-out; transition: .2s ease-out; opacity: .3; -webkit-transform: none; -ms-transform: none; 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; -webkit-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); -ms-transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg); -webkit-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .tagify--select[aria-expanded=true]::after { -webkit-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); -ms-transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); 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; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); overflow: hidden; } .tagify__dropdown[placement=top] { margin-top: 0; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .tagify__dropdown[placement=top] .tagify__dropdown__wrapper { border-top-width: 1px; border-bottom-width: 0; } .tagify__dropdown--text { -webkit-box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1); font-size: .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; -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); -webkit-transition: 0.25s cubic-bezier(0, 1, 0.5, 1); -o-transition: 0.25s cubic-bezier(0, 1, 0.5, 1); 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; -webkit-transform: translateY(-1em); -ms-transform: translateY(-1em); transform: translateY(-1em); } .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper { -webkit-transform: translateY(2em); -ms-transform: translateY(2em); transform: translateY(2em); } .tagify__dropdown__item { -webkit-box-sizing: inherit; 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 { -webkit-filter: brightness(105%); filter: brightness(105%); } .iti { position: relative; /* display: inline-block*/ } .iti * { -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=tel], .iti input[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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); 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 input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[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 input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[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), (-o-min-device-pixel-ratio: 2/1), (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; -webkit-box-shadow: 0 0 1px 0 #888; 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), (-o-min-device-pixel-ratio: 2/1), (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; -webkit-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; -webkit-transform-style: flat; 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 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 16px; height: 16px; right: -17px; 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: -17px; right: auto; } .noUi-target { background: #fafafa; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: var(--brand-color); } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid var(--brand-color); border-radius: 50%; background: #fff; cursor: default; -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; } .noUi-active { -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb; } .noUi-handle: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 * { -webkit-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-sub { background: #aaa; } .noUi-marker-large { background: #aaa; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); -ms-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%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); -ms-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); -ms-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; } .is--blog .container { max-width: 1600px; } .is--blog .header-search { margin: 0 auto; } .header-blog .header__primary { padding: 1rem 0; } .header-blog .header__primary .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 .header__primary .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); -webkit-margin-start: 0.3rem; -moz-margin-start: 0.3rem; 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%); -ms-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); -ms-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: #212529; margin-right: 10px; font-weight: 600; } .post .article-inner .blog_author .article__date { color: #9ba5ae; } .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; -webkit-margin-start: 0; -moz-margin-start: 0; margin-left: 0; } .post .post_category li a { display: block; color: #9ba5ae; border: solid 1px #9ba5ae; 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: #212529; } .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; } .post-meta-detail .post--title { color: #212529; 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: #9ba5ae; font-size: 0.875rem; text-transform: uppercase; -ms-flex-wrap: wrap; 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: #212529; 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: #212529; 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: start; -ms-flex-align: 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: #212529; 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; -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); 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: #9ba5ae; font-weight: 300; font-size: 0.875rem; } .comment-content { margin: 1rem 0 0 0; } .comment-content p { margin: 0; } .comment-respond { background: var(--gray-light); padding: 2rem; } .last-bar { border-bottom: solid 1px #dee2e6; } .header.is-fixed .last-bar { display: none; } .blog-subscribers-inner { background: #fff; border: solid 1px #dee2e6; color: #333; } @media (min-width: 1200px) { .blog-subscribers-inner { padding: 3rem 2rem 4rem !important; } } @media (max-width: 767.98px) { .blog-subscribers-inner .site-subscribe { padding: 0; } } .blog-subscribers-inner h3 { color: inherit; font-weight: 600; } .blog-subscribers-inner p { color: inherit; font-size: 0.9em; } .blog-subscribers-inner .form-subscribe { display: block !important; } .blog-subscribers-inner .form-subscribe .site-icon { display: none; } .blog-subscribers-inner .form-subscribe input[type="text"] { width: 100%; border-radius: 6px; padding: 0 1rem; } .blog-subscribers-inner .form-subscribe input[type="submit"], .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"] { width: 100%; margin-top: 1rem; background-color: var(--primary-color); border-radius: 6px; } .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: #212529; font-size: 0.8rem; 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: 40px; line-height: 40px; text-align: center; height: 40px; display: block; font-size: 1em; color: #333; border: none; border: solid 1px #dee2e6; border-radius: 6px; 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; } .blog-subscribers .footer-row { padding: 0; } .blog-subscribers-inner .footer-row { padding: 0; } .delv, .qnt { width: auto; } @media (max-width: 991.98px) { .delv, .qnt { width: 100%; } } .table--justify .buy-group { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .table--justify .buy-group .btn { margin: 0 5px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; } .cart--full { width: 100%; } .cart--full thead th { background: #f3f3f3; color: #000; font-weight: 300; border: none; } .cart--full td { vertical-align: top; } .cart--full td:first-child { padding-left: 0; } .cart--full th:first-child { padding-left: 15px; } .cart--full .products__img { max-width: 150px; } .cart--full .products__img img, .cart--full .products__img .post .post_media iframe, .post .post_media .cart--full .products__img iframe, .cart--full .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 .cart--full .products__img img, .cart--full .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 .cart--full .products__img img { max-width: 100%; min-width: 2.5rem; } .cart--full .cancelled--js { opacity: 0.3; pointer-events: none; } .cart--full .products-head { height: auto; } .gray-txt { color: #9ba5ae; } .side-cart { position: fixed; max-width: 450px; width: 100%; height: 100vh; right: 0; top: 0; background: #fff; color: #212529; z-index: 10; overflow: auto; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .side-cart--on .side-cart { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); -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); } @media (max-width: 767.98px) { .side-cart--on .side-cart { width: 100%; } } .side-cart .cartdetail__body { max-height: 400px; background: #fff; } .side-cart .cartdetail__footer { padding: 1rem; } .links--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; } .links--inline li > a { display: block; padding: 5px; text-decoration: underline; text-underline-offset: 4px; font-size: 0.875rem; } .links--inline li > a:hover { text-decoration: none; } .cart-summary { width: 100%; } .cart-summary tr { border-bottom: solid 1px #dee2e6; } .cart-summary th { background: #ededed; color: #000; font-weight: 300; } .cart-summary th, .cart-summary td { vertical-align: top; padding: 10px; font-size: 0.8rem; } .cart-summary .products__img { max-width: 100px; } .cart-summary .products .products-head-title { font-size: 0.8em; } .cart-summary .products .products-head-specification { font-size: 0.8em; } .cart-summary .products .products__price { font-size: 1em; } .cart-summary .products .products-head { height: auto; } .cart-footer { position: sticky !important; top: 185px; } .cartdetail__footer { padding: 0; } .cartdetail__footer table { width: 100%; } .cartdetail__footer td { padding: 10px 0; font-size: 0.9em; } .cartdetail__footer td.hightlighted { font-weight: 600; font-size: 1em; border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; } .cart-advices .advices-icons { background: #f3f3f3; border-radius: 4px; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 600; line-height: 1.2; font-size: 0.8rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 0.5rem; } .cart-advices .advices-icons .icn { margin: 0 auto; margin-bottom: 1rem; max-width: 40px; } .cart-advices .advices-icons h6 { margin-bottom: 0; font-size: 0.8rem; } .addons-scrollbar { max-height: 232px; border: solid 1px #dee2e6; border-radius: 4px; } table.cart-tbl-addons th, table.cart-tbl-addons td { padding: 1.5rem 1rem; vertical-align: middle; } table.cart-tbl-addons tr td:first-child { -webkit-padding-start: 1.5rem; -moz-padding-start: 1.5rem; padding-left: 1.5rem; } table.cart-tbl-addons .item__title { font-weight: 300; color: #212529; } .cart-list li { border: solid 1px #dee2e6; border-radius: 4px; padding: 1rem; margin-bottom: 1rem; } .cart-list li:last-child { margin-bottom: 0; } .cart-list li .cart-list-detail { 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) { .cart-list li .cart-list-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cart-list li .cart-list-detail .base-detail { max-width: 70%; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; } @media (max-width: 767.98px) { .cart-list li .cart-list-detail .base-detail { max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-bottom: 1rem; } } .cart-list li .cart-list-detail .base-price { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media (max-width: 767.98px) { .cart-list li .cart-list-detail .base-price { max-width: none; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } .cart-list li .cart-list-detail .base-price .base-price-line { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.9rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #65727e; margin-bottom: 0.5rem; } @media (max-width: 767.98px) { .cart-list li .cart-list-detail .base-price .base-price-line { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cart-list li .cart-list-detail .base-price .base-price-line > span { padding-right: 0.5rem; } .cart-list li .item__pic { border: none; width: auto; height: auto; max-width: 100px; max-height: inherit; margin: auto; } .cart-list li .item__description { margin-bottom: 1rem; } .cart-list li .item__price_selling { font-weight: 300; color: var(--primary-color); } .cart-list li .item__price_total { font-weight: 600; color: #212529; } .cart-list li .cart-list-footer { border-top: solid 1px #dee2e6; margin-top: 1rem; padding-top: 1rem; font-size: 0.8rem; font-weight: 600; text-transform: uppercase; color: #4e5862; } .cart-list li .cart-list-footer a { color: var(--primary-color); font-size: inherit; } .table-cart thead th { background: var(--gray-color); } .table-cart td, .table-cart th { padding: 1rem; } .table-cart th:first-child { padding-left: 1rem; } .box.box--radius { border-radius: 4px; } .box.box--space { padding: 1.25rem; } .box.box--white { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); background: #fff; position: relative; width: 100%; } .box.box--white:before, .box.box--white:after { content: ""; display: table; line-height: 0; } .empty-cart { margin: 30px auto; text-align: center; max-width: 450px; } svg #oval, svg #plus, svg #diamond, svg #bubble-rounded { -webkit-animation: plopp 4s ease-out infinite; animation: plopp 4s ease-out infinite; } svg #oval:nth-child(1), svg #plus:nth-child(1), svg #diamond:nth-child(1), svg #bubble-rounded:nth-child(1) { -webkit-animation-delay: -240ms; animation-delay: -240ms; } svg #oval:nth-child(2), svg #plus:nth-child(2), svg #diamond:nth-child(2), svg #bubble-rounded:nth-child(2) { -webkit-animation-delay: -480ms; animation-delay: -480ms; } svg #oval:nth-child(3), svg #plus:nth-child(3), svg #diamond:nth-child(3), svg #bubble-rounded:nth-child(3) { -webkit-animation-delay: -720ms; animation-delay: -720ms; } svg #oval:nth-child(4), svg #plus:nth-child(4), svg #diamond:nth-child(4), svg #bubble-rounded:nth-child(4) { -webkit-animation-delay: -960ms; animation-delay: -960ms; } svg #oval:nth-child(5), svg #plus:nth-child(5), svg #diamond:nth-child(5), svg #bubble-rounded:nth-child(5) { -webkit-animation-delay: -1200ms; animation-delay: -1200ms; } svg #oval:nth-child(6), svg #plus:nth-child(6), svg #diamond:nth-child(6), svg #bubble-rounded:nth-child(6) { -webkit-animation-delay: -1440ms; animation-delay: -1440ms; } svg #oval:nth-child(7), svg #plus:nth-child(7), svg #diamond:nth-child(7), svg #bubble-rounded:nth-child(7) { -webkit-animation-delay: -1680ms; animation-delay: -1680ms; } svg #oval:nth-child(8), svg #plus:nth-child(8), svg #diamond:nth-child(8), svg #bubble-rounded:nth-child(8) { -webkit-animation-delay: -1920ms; animation-delay: -1920ms; } svg #oval:nth-child(9), svg #plus:nth-child(9), svg #diamond:nth-child(9), svg #bubble-rounded:nth-child(9) { -webkit-animation-delay: -2160ms; animation-delay: -2160ms; } svg #oval:nth-child(10), svg #plus:nth-child(10), svg #diamond:nth-child(10), svg #bubble-rounded:nth-child(10) { -webkit-animation-delay: -2400ms; animation-delay: -2400ms; } svg #oval:nth-child(11), svg #plus:nth-child(11), svg #diamond:nth-child(11), svg #bubble-rounded:nth-child(11) { -webkit-animation-delay: -2640ms; animation-delay: -2640ms; } svg #oval:nth-child(12), svg #plus:nth-child(12), svg #diamond:nth-child(12), svg #bubble-rounded:nth-child(12) { -webkit-animation-delay: -2880ms; animation-delay: -2880ms; } svg #oval:nth-child(13), svg #plus:nth-child(13), svg #diamond:nth-child(13), svg #bubble-rounded:nth-child(13) { -webkit-animation-delay: -3120ms; animation-delay: -3120ms; } svg #oval:nth-child(14), svg #plus:nth-child(14), svg #diamond:nth-child(14), svg #bubble-rounded:nth-child(14) { -webkit-animation-delay: -3360ms; animation-delay: -3360ms; } svg #oval:nth-child(15), svg #plus:nth-child(15), svg #diamond:nth-child(15), svg #bubble-rounded:nth-child(15) { -webkit-animation-delay: -3600ms; animation-delay: -3600ms; } svg #oval:nth-child(16), svg #plus:nth-child(16), svg #diamond:nth-child(16), svg #bubble-rounded:nth-child(16) { -webkit-animation-delay: -3840ms; animation-delay: -3840ms; } svg #bg-line { -webkit-animation: float 20s ease infinite; animation: float 20s ease infinite; } svg #bg-line:nth-child(2) { -webkit-animation-delay: 1200ms; animation-delay: 1200ms; fill-opacity: 0.3; } svg #bg-line:nth-child(3) { -webkit-animation-delay: 850ms; animation-delay: 850ms; fill-opacity: 0.4; } @-webkit-keyframes plopp { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } } @keyframes plopp { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } 100% { -webkit-transform: translate(0, -10px); transform: translate(0, -10px); opacity: 0; } } @-webkit-keyframes float { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 25% { -webkit-transform: translate(6px, 20px); transform: translate(6px, 20px); } 50% { -webkit-transform: translate(25px, 10px); transform: translate(25px, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes float { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 25% { -webkit-transform: translate(6px, 20px); transform: translate(6px, 20px); } 50% { -webkit-transform: translate(25px, 10px); transform: translate(25px, 10px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .cart-item { width: 100%; display: inline-block; } .cart-item__details { text-align: left; width: calc(100% - 100px); padding-left: 15px; float: left; } .cart-item__pic { float: left; width: 100px; margin: 0 0 0 0; } .cart-item__title { display: block; font-size: 1.2em; font-weight: 600; } .cart-item .text--normal { font-size: 0.9em; } .cart-item .list--devider { margin: 20px 0 0; } .top-categories { overflow: hidden; background: #fff; border-radius: 4px; height: 100%; color: #212529; -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); min-height: 292px; } .top-categories a { color: inherit; } .top-categories .cat-img { display: block; margin: 0 0 1rem; padding: 0 0 25%; position: relative; width: 100%; } .top-categories .cat-img img, .top-categories .cat-img .post .post_media iframe, .post .post_media .top-categories .cat-img iframe, .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 .cat-img img, .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 .cat-img img { max-width: 100%; bottom: 0; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.5s linear; -o-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 .cat-tittle { color: #000; font-weight: 600; font-size: 1em; padding: 0 1.5rem; } .top-categories .cat-list { padding: 0 1.5rem; } .top-categories .cat-list li { display: block; margin: 10px 0; color: #515050; font-size: 0.9em; } .top-categories a:hover { color: var(--brand-color); } .page-category { padding: 0; position: relative; z-index: 1; background: var(--gray-light); } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #212529; } @media (max-width: 991.98px) { .cg-nav-wrapper ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } } .cg-nav-wrapper ul li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 5px; } @media (max-width: 991.98px) { .cg-nav-wrapper ul li { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: inherit; } } .cg-nav-wrapper ul li a { background: #fff; border: solid 1px #dee2e6; border-radius: 3px; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .cg-nav-wrapper ul li a .cg-icon { height: 2.5rem; width: 2.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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: #212529; } .cg-main a { color: inherit; } .cg-main ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991.98px) { .cg-main ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cg-main ul li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } @media (max-width: 991.98px) { .cg-main ul li { -webkit-box-flex: 1; -ms-flex: auto; 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; } .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 .section--pagebar { padding: 20px 0 !important; } .header-checkout { background: #fff; width: 100%; position: sticky; position: -webkit-sticky; top: 0; z-index: 98; border-bottom: solid 1px #dee2e6; } .header-checkout .header-checkout-inner { position: relative; padding: 15px 0; 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; } @media (max-width: 767.98px) { .header-checkout .header-checkout-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .header-checkout .header-checkout-inner .back-store { position: absolute; right: 0; top: 30px; } .header-checkout .logo { width: 120px; margin: 0px 0; margin-right: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-checkout .logo img[data-ratio="16:9"], .header-checkout .logo .post .post_media iframe[data-ratio="16:9"], .post .post_media .header-checkout .logo iframe[data-ratio="16:9"], .header-checkout .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-checkout .logo img[data-ratio="16:9"], .header-checkout .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-checkout .logo img[data-ratio="16:9"] { max-width: 120px; } .header-checkout .logo img[data-ratio="1:1"], .header-checkout .logo .post .post_media iframe[data-ratio="1:1"], .post .post_media .header-checkout .logo iframe[data-ratio="1:1"], .header-checkout .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-checkout .logo img[data-ratio="1:1"], .header-checkout .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-checkout .logo img[data-ratio="1:1"] { max-width: 60px; } .header-checkout .checkout-flow { margin: 0 auto; display: table; } @media (max-width: 1199.98px) { .header-checkout .checkout-flow { margin-top: 1rem; } } .header-checkout .checkout-flow ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; counter-reset: count; text-align: center; } .header-checkout .checkout-flow ul li { padding: 0 20px; position: relative; text-align: center; color: #999; min-width: 180px; } @media (max-width: 1199.98px) { .header-checkout .checkout-flow ul li { min-width: auto; } } .header-checkout .checkout-flow ul li:before { width: 40px; line-height: 40px; font-weight: 500; height: 40px; border: 1px solid #cdcdcd; border-radius: 100%; display: block; color: #cdcdcd; position: relative; font-size: 1em; content: ""; margin: 0 auto 5px; counter-increment: count; content: counter(count); background: #fff; background: #fff; z-index: 1; pointer-events: none; } .header-checkout .checkout-flow ul li:after { width: 100%; height: 1px; background: #cdcdcd; content: ""; position: absolute; right: -60%; top: 20px; pointer-events: none; } .header-checkout .checkout-flow ul li:last-child:after { content: normal; } .header-checkout .checkout-flow ul li > span { color: currentColor; display: block; text-transform: uppercase; font-size: 0.8em; } .header-checkout .checkout-flow ul li.inprogress:before { background: var(--secondary-color); color: var(--secondary-color-inverse); border-color: var(--secondary-color); } .header-checkout .checkout-flow ul li.inprogress > span { color: var(--secondary-color); } .header-checkout .checkout-flow ul li.completed:before { background: #81d68b; border-color: #81d68b; border-width: 2px; color: #fff; font-size: 0; } .header-checkout .checkout-flow ul li.completed > span { font-weight: 700; color: #81d68b; } .header-checkout .checkout-flow ul li.completed > span:before { width: 16px; height: 10px; content: ""; position: absolute; left: 50%; top: 12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); z-index: 2; margin: 0 0 0 -8px; } .short-detail { margin-top: 1rem; } .short-detail:first-child { margin: 0; } .short-detail .shipping-seller { border-radius: 4px; background: var(--gray-light); padding: 0.5rem; } .short-detail .shipping-seller-title { font-weight: 600; font-size: 0.8rem; text-transform: uppercase; } .table-shipping .shipping-select { min-width: 200px; } .checkout--steps { background: #fff; -webkit-padding-end: 4rem; -moz-padding-end: 4rem; padding-right: 4rem; } .checkout-page .loader-yk { margin: 50px auto; } .nav-checkout ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-checkout ul li a { color: #212529; font-size: 1rem; padding: 8px 0px; margin: 0 20px; display: block; font-weight: 600; position: relative; } .nav-checkout ul li a:hover, .nav-checkout ul li.is--active a { color: var(--brand-color); } .nav-checkout ul li a:after, .nav-checkout ul li a:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: 0; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; } .nav-checkout ul li a:after { left: 50%; } .nav-checkout ul li a:before { right: 50%; } .nav-checkout ul li a:hover:after, .nav-checkout ul li.is--active a:after { left: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .nav-checkout ul li a:hover:before, .nav-checkout ul li.is--active a:before { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .checkout--steps__inner { padding: 2.5rem 0; } .section-checkout.is-completed { background: #ebebeb; padding: 15px; } .section-checkout.is-current { /*border-bottom: $border;*/ } .check-login-wrapper, .address-wrapper, .make-payment-wrapper { padding: 0; margin: 0 auto; } .address { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding-bottom: 15px; -webkit-margin-start: 2rem; -moz-margin-start: 2rem; margin-left: 2rem; /*opacity: 0.4; -webkit-filter: grayscale(100%); filter: grayscale(100%);*/ /* Safari 6.0 - 9.0 */ } .address.is--selected { opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .address .address-inner { width: 100%; padding: 0; font-size: 0.875rem; color: #212529; } .address .address-inner span.radio { position: absolute; top: 0; left: -2rem; } .address .address-inner p { line-height: 1.5; } .address p strong { display: block; margin-bottom: 5px; } .shipping-selectors li { margin-bottom: 1rem; display: block; } .shipping-selectors p { margin-bottom: 0.5rem; } .btn-action { float: right; white-space: nowrap; } .btn-action .action { position: relative; display: inline-block; border: solid 1px #9ba5ae; border-radius: 50%; color: #777; width: 30px; height: 30px; text-align: center; padding: 5px; margin: 0 2px; } .btn-action .action .icon { color: #ff3a59; } .btn-action .action:hover { background: var(--brand-color); color: var(--brand-color-inverse); border: solid 1px var(--brand-color); } .btn-action .action:hover .icon { color: #fff; } .btn-action .action .icon svg { width: 18px; height: 18px; } .btn-action .action .icon svg path, .btn-action .action .icon svg polygon, .btn-action .action .icon svg circle { fill: #9ba5ae; } .btn-action .action:hover .icon svg path, .btn-action .action:hover .icon svg polygon, .btn-action .action:hover .icon svg circle { fill: #fff; } .address-type { color: #9ba5ae; font-size: 0.8em; font-weight: 600; margin-bottom: 15px; } .payment_methods_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .payment_methods_list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 100%; max-height: 316px; /*	flex-wrap: nowrap; overflow-y: auto; white-space: nowrap;*/ } .payment_methods_list li { margin: 0; margin-bottom: 0.5rem; width: 100%; display: block; position: relative; } .payment_methods_list li a { border: solid 1px #dee2e6; border-radius: 4px; color: #212529; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .payment_methods_list li a:hover, .payment_methods_list li.is-active a { border-color: #21c17a; } .payment_methods_list li.is-active:after { background: url(images/retina/tick-green.svg) no-repeat center; content: ""; position: absolute; left: 10px; top: 10px; background-size: 10px; width: 22px; height: 22px; border: solid 1px #21c17a; border-radius: 50%; } .payment_methods_list li:last-child { margin-bottom: 0; } .payment_methods_list span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; font-size: 0.875rem; } .payment_methods_list .payment-box { -webkit-margin-start: 30px; -moz-margin-start: 30px; margin-left: 30px; padding: 1rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .payment_methods_list .payment-icn { width: 40px; height: 40px; display: block; overflow: hidden; max-width: 40px; margin: 0 0.6rem; } .payment-here .you-pay strong { display: block; font-size: 2rem; } .applied-coupon { padding: 10px; display: table; width: 100%; text-align: center; background: #ecfff4; border: dashed 1px #06d260; border-radius: 5px; } .applied-coupon span { display: block; margin-bottom: 10px; } .applied-coupon .btn { width: auto; display: inline-block; } .summary-listing > ul { overflow-y: auto; max-height: 408px; } .summary-listing > ul > li { padding: 15px 0; display: table; width: 100%; background: #fff; border-radius: 4px; border-bottom: solid 1px #dee2e6; margin-bottom: 15px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); box-shadow: 0 0 4px rgba(0, 0, 0, 0.06); padding: 1rem; } .summary-listing .products__title { width: 80%; color: #212529; font-weight: 300; } .summary-listing .products__category { color: #9ba5ae; font-size: 0.8em; font-weight: 400; float: left; } .summary-listing .products__price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; font-weight: 600; color: inherit; } .summary-listing .product_qty { display: -webkit-box; display: -ms-flexbox; display: flex; } .summary-listing .product_qty .qty-wrapper { height: 26px; margin-right: 5px; } .summary-listing .product_qty .qty-wrapper .increase, .summary-listing .product_qty .qty-wrapper .decrease, .summary-listing .product_qty .qty-wrapper input { height: 24px; line-height: 22px; font-size: 0.875rem; } .summary-listing .cartdetail__footer { padding: 0; } .summary-listing .cartdetail__footer table { width: 100%; } .scrollbar-order-list { max-height: 408px; padding-right: 20px; } .summary-order-list { /*overflow-y: auto; max-height: 408px;*/ } .summary-order-list > li { padding: 15px 0; display: table; width: 100%; background: #fff; border-radius: 4px; /*	border-bottom: $border;*/ margin-bottom: 15px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); padding: 1rem; } .summary-order-list > li:last-child { margin-bottom: 0; } .gurantee { background: #ededed; padding: 20px; } .gurantee i.icn { float: left; margin-right: 15px; } .gurantee p { -webkit-padding-start: 50px; -moz-padding-start: 50px; padding-left: 50px; color: #212529; font-size: 0.8em; } .selected-panel { /*background: $gray-light;*/ color: #565656; font-weight: 300; padding: 0; display: table; width: auto; table-layout: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.875rem; } .section-checkout h3 { color: #000; border-bottom: solid 1px #dee2e6; padding: 10px 0; /*margin-bottom: 2rem;*/ font-size: 1.3rem; font-weight: 400; } .selected-panel-type { position: relative; -webkit-padding-start: 25px; -moz-padding-start: 25px; padding-left: 25px; line-height: 1; font-size: 1rem; font-weight: 600; } .selected-panel-type:before { position: absolute; left: 0; background: url(images/retina/green-check.svg) no-repeat 0 0; width: 17px; height: 17px; display: block; content: ""; } .selected-panel-data { position: relative; -webkit-padding-start: 25px; -moz-padding-start: 25px; padding-left: 25px; line-height: 1.3; font-weight: 500; } .selected-panel-data p { margin: 0; } .selected-panel-type, .selected-panel-data, .selected-panel-action { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; vertical-align: middle; } .selected-panel-action { text-align: right; } .apply--coupon--form { max-width: 500px; margin: 0 auto; } .coupon-offers li { border-bottom: solid 1px #dee2e6; padding: 1rem 0; margin: 1rem 0; position: relative; } .coupon-offers li:before { /* content: "";*/ border-radius: 50%; width: 10px; height: 10px; background: #dee2e6; display: block; left: 0; top: 32px; position: absolute; } .coupon-offers li:last-child { border-bottom: none; } .coupon-offers li .is--active:before { background: var(--brand-color); color: var(--brand-color-inverse); } .coupon-offers p { color: #9ba5ae; padding: 0px 0; margin: 0; } .coupon-offers .coupon-code { border: dashed 1px #dee2e6; padding: 5px 10px; display: inline-block; font-weight: 500; cursor: pointer; } .order-summary { position: sticky; background-color: #fff; border-radius: 4px; margin-top: 45px; } @media (max-width: 767.98px) { .order-summary { margin-top: 0; } } .order-summary .divider { margin: 0; } .txt-order-summary { text-align: center; border-radius: 4px; /*	background: $brand-color; color:$brand-color-inverse;*/ padding: 15px 10px; color: #000; font-weight: 600; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); background: #fff; } .form-checkout-login { overflow: hidden; max-width: 400px; margin: 0 auto; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-animation: slideRight 600ms ease both; animation: slideRight 600ms ease both; position: relative; } .tabz--checkout-login ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 400px; } .tabz--checkout-login ul li { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; position: relative; } .tabz--checkout-login li a { border: solid 1px var(--brand-color); border-radius: 4px; padding: 10px 20px; font-size: 1rem; color: #000; display: block; line-height: 1; opacity: 0.3; -webkit-filter: grayscale(100%); filter: grayscale(100%); 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; -webkit-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .tabz--checkout-login .icn svg { width: 14px; height: 14px; margin-right: 5px; fill: var(--brand-color); } .tabz--checkout-login ul li.is-active a { color: var(--brand-color); opacity: 1; -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } .tabz--checkout-login ul li:after { /*content: "";*/ bottom: 0; background: var(--brand-color); color: var(--brand-color-inverse); height: 2px; position: absolute; z-index: 12; left: 0; right: 100%; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .tabz--checkout-login ul li.is-active:after { position: absolute; background: var(--brand-color); color: var(--brand-color-inverse); } .tabz--checkout-login ul li.is-active:after { right: 0; } .buttons-list-checkout ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .buttons-list-checkout ul li { margin: 5px; } .term { margin: 15px auto; text-align: center; } .same-as { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 0 0; } @media (max-width: 767.98px) { .same-as { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .same-as .txt-where { font-size: 0.875rem; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin: 10px 0; } .same-as .same-delivery { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; border-right: solid 1px #dee2e6; } @media (max-width: 767.98px) { .same-as .same-delivery { border: none; } } .same-as .same-delivery h3 { font-weight: 400; font-size: 1.5rem; } .form--singlefield { display: -webkit-box; display: -ms-flexbox; display: flex; } .form--singlefield input[type="text"] { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 5px; } .form--singlefield input[type="submit"], .form--singlefield .form input[type="button"], .form .form--singlefield input[type="button"], .form--singlefield .form input[type="reset"], .form .form--singlefield input[type="reset"] { margin: 0; } .summary-order-list .actions li { margin-bottom: 0; } .summary-order-list .actions li a { width: 40px; height: 40px; } .summary-order-list .actions li a:hover { background: none; border-color: #dee2e6; } .summary-order-list .actions li a:hover .icn svg { fill: var(--brand-color); } .wallet { margin: 1rem 0; } .wallet ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .wallet ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1rem; } .order-table tr { border-bottom: none; } .shipping-address { line-height: 1.8; color: #000; font-size: 0.85rem; opacity: 0.55; } .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 { 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: .1; } 50% { -webkit-transform: scale(0.5); opacity: .3; } 75% { -webkit-transform: scale(0.8); opacity: .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%; } } .is-dashboard { height: auto; background: var(--gray-light); padding: 50px; } @media (max-width: 1199.98px) { .is-dashboard { padding: 0; } } .is-dashboard .demo-header { max-width: 1530px; margin: 0 auto; margin-bottom: 1rem; border-radius: 10px; } .is-dashboard .wrapper { position: relative; z-index: 1; max-width: 1530px; margin: 0 auto; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0px 0px 166px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 166px 0px rgba(0, 0, 0, 0.3); } .header-dashboard { padding: 0px 50px; -webkit-padding-start: 70px; -moz-padding-start: 70px; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; border-bottom: solid 1px #dee2e6; } .header-dashboard { padding-left: 70px; } .sidebar-is-expanded .header-dashboard { -webkit-padding-start: 280px; -moz-padding-start: 280px; padding-left: 280px; } .header-dashboard .dashboard-user { margin-left: 3.125rem; } @media (max-width: 1199.98px) { .header-dashboard .dashboard-user { margin-left: 2rem; } } @media (max-width: 767.98px) { .header-dashboard .dashboard-user { margin-left: 0; } } .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; } .header-dashboard .header-icons-group .short-links > ul > li:after { content: normal; } .header-dashboard .c-header-icon { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 15px; position: relative; } .header-dashboard .c-header-icon .svg, .header-dashboard .c-header-icon img, .header-dashboard .c-header-icon .post .post_media iframe, .post .post_media .header-dashboard .c-header-icon iframe, .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 .header-dashboard .c-header-icon img, .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 .header-dashboard .c-header-icon img { fill: #212529; width: 20px; height: 20px; margin-right: 5px; } .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); } .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; } .header-dashboard .c-header-links li { margin: 0 0.8rem; } .header-dashboard .c-header-links li a { color: #212529; position: relative; font-size: 0.875rem; } .header-dashboard .c-header-links li a i { font-size: 1rem; color: var(--brand-color); } .header-dashboard .c-header-links li a .icn svg { width: 20px; height: 20px; fill: #212529; } .header-dashboard .c-header-links li.is-active a { color: var(--brand-color); } .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; } .header-dashboard .bell-shake--hover:hover, .header-dashboard .bell-shake--hover:focus, .header-dashboard .bell-shake { -webkit-animation: bell-shake 40s ease infinite; animation: bell-shake 40s ease infinite; } .header-dashboard .bell-shake-delay { -webkit-animation: bell-shake 40s ease 3s infinite; animation: bell-shake 40s ease 3s infinite; } .header-dashboard .my-account { -webkit-margin-start: 15px; -moz-margin-start: 15px; margin-left: 15px; position: relative; } .header-dashboard .my-account__avatar { overflow: hidden; border-radius: 50%; min-width: 42px; width: 42px; height: 42px; } .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); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; visibility: hidden; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .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; } .dropdown .dropdown__target.dropdown__target__right { left: auto; right: 0; } .dropdown .dropdown__target.dropdown__target__right:before { left: auto; right: 20px; } .dropdown .dropdown.is-active .dropdown__target { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; filter: alpha(opacity=100); visibility: visible; } .dropdown .dropdown__target-space { padding: 15px 25px; min-width: 200px; } .dropdown .dropdown__target-head { padding: 15px; background: var(--brand-color); color: var(--brand-color-inverse); } .dropdown .dropdown__target-head p { margin: 6px 0 0; color: inherit; font-size: 0.9em; } .dropdown .dropdown__target-head p a { color: #fff; text-decoration: underline; } .dropdown .dropdown__target-head .link { border: 1px solid #fff; color: #fff; display: inline-block; margin: 5px 0; padding: 2px 20px 4px; } .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; } .dropdown .dropdown__target .iconavtar .icon, .dropdown .dropdown__target .iconavtar img, .dropdown .dropdown__target .iconavtar .post .post_media iframe, .post .post_media .dropdown .dropdown__target .iconavtar iframe, .dropdown .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 .dropdown__target .iconavtar img, .dropdown .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 .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 .dropdown__target .list-vertical { max-height: 350px; } .dropdown.is-active .dropdown__target .list-vertical li { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .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; -o-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; } .sidebar-is-expanded .sidebar { width: 280px; } .sidebar .sidebar__content { height: 100%; max-height: none; width: auto; overflow-y: auto; width: 100% !important; } .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%; } .sidebar .logo-wrapper .logo-dashboard { -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; left: 24px; opacity: 1; } .sidebar-is-reduced .sidebar .logo-wrapper .logo-dashboard { left: -100%; opacity: 0; visibility: hidden; } .sidebar .logo-wrapper .logo-dashboard img, .sidebar .logo-wrapper .logo-dashboard .post .post_media iframe, .post .post_media .sidebar .logo-wrapper .logo-dashboard iframe, .sidebar .logo-wrapper .logo-dashboard .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .sidebar .logo-wrapper .logo-dashboard img, .sidebar .logo-wrapper .logo-dashboard .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .sidebar .logo-wrapper .logo-dashboard img { max-width: 100px; max-height: 70px; } .sidebar .hamburger-toggle { position: relative; padding: 0; background: transparent; border: 1px solid transparent; cursor: pointer; width: 2.5rem; } .sidebar .hamburger-toggle [class*='bar-'] { display: block; background: #102c58; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .2s ease all; -o-transition: .2s ease all; transition: .2s ease all; border-radius: 2px; height: 2px; width: 24px; margin-bottom: 4px; } .sidebar .hamburger-toggle [class*='bar-']:nth-child(2) { width: 18px; } .sidebar .hamburger-toggle [class*='bar-']:last-child { margin-bottom: 0; width: 12px; } .sidebar .hamburger-toggle.is-opened [class*='bar-'] { background: #000; } .sidebar .hamburger-toggle.is-opened .bar-top { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 15% 15%; -ms-transform-origin: 15% 15%; transform-origin: 15% 15%; } .sidebar .hamburger-toggle.is-opened .bar-mid { opacity: 0; } .sidebar .hamburger-toggle.is-opened .bar-bot { -webkit-transform: rotate(45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 15% 95%; -ms-transform-origin: 15% 95%; transform-origin: 15% 95%; width: 24px; } .sidebar .hamburger-toggle:focus { outline-width: 0; } .dashboard-menu { color: #4e5862; fill: #65727e; } .dashboard-menu .menu__item { overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dashboard-menu .menu__item .menu__item__inner { padding: 0px 0px; position: relative; line-height: 42px; } .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; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .dashboard-menu .menu__item .menu__item__inner .menu-head { font-weight: 600; color: #212529; font-size: 0.875rem; -webkit-padding-start: 24px; -moz-padding-start: 24px; padding-left: 24px; position: relative; left: 220px; text-transform: uppercase; opacity: 0; visibility: hidden; display: none; -webkit-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; margin-top: 10px; } .sidebar-is-expanded .dashboard-menu .menu__item .menu__item__inner .menu-head { left: 0px; opacity: 1; visibility: visible; display: block; } .dashboard-menu .menu__item .menu__item__inner .menu-item__title { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-padding-end: 10px; -moz-padding-end: 10px; padding-right: 10px; position: relative; font-size: 0.8125rem; left: 220px; opacity: 0; -webkit-transition: all 0.7s ease-in-out; -o-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; } .sidebar-is-expanded .dashboard-menu .menu__item .menu__item__inner .menu-item__title { left: 0; opacity: 1; } .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); } .dashboard-menu .menu__item.is-active { background: rgba(0, 0, 0, 0.05); color: var(--brand-color); fill: var(--brand-color); } .dashboard-menu ul { padding: 15px 0 0 0; margin: 0; } .dashboard-menu ul li.is-active .menu__item__inner:before { height: 100%; opacity: 1; } .dashboard-menu a { color: inherit; } .dashboard-menu a:hover { background: var(--gray-light); } .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; } .dashboard-menu .is-active .menu-item__title { font-weight: 600; } .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 70px; flex: 0 0 70px; } .dashboard-menu .icn svg { width: 18px; height: 18px; fill: inherit; } .dashboard-menu .divider { margin: 0px 0; } .dashboard-menu .accordianbody { padding: 0; display: none; } .dashboard-menu .accordianbody li a { padding-left: 70px; color: #212529; font-size: 0.8125rem; line-height: 2rem; } .main { background: var(--gray-light); width: 100%; height: 100%; padding-top: 72px; padding-left: 70px; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; } .sidebar-is-expanded .main { padding-left: 280px; } .content-wrapper.content-space { padding: 3.125rem; min-height: 700px; } @media (max-width: 1199.98px) { .content-wrapper.content-space { padding: 2rem; } } @media (max-width: 767.98px) { .content-wrapper.content-space { padding: 1rem; } } .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 [class*="col-"] { /* margin: 0.5rem 0;*/ } .content-wrapper .content-header .content-header-title { color: #212529; 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: #212529; display: block; padding: 10px 30px; line-height: 1; font-weight: 600; 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; } @media (max-width: 767.98px) { .widget-scroll .widget-stats { 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 .cards, .widget-scroll .widget-stats .box--share { min-height: 188px; } .share-earn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } .share-earn .share-earn-block { padding-right: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 350px; } .share-earn .share-earn-block:last-child { padding-right: 0; } .box--share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-flex: 0; -ms-flex: 0 0 60px; 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; color: #212529; 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.875rem; } .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: #212529; -webkit-box-flex: 1; -ms-flex: auto; 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: 20px; } .messages-list li:last-child { border-bottom: none; } .messages-list li .actions { width: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .messages-list li.is-read { background: rgba(0, 0, 0, 0.015); } .messages-list li.is-read .msg__title { font-weight: normal; } .messages-list li.is-read .msg__detail { color: #9ba5ae; } .messages-list .msg_db { width: 70px; height: 70px; border-radius: 4px; overflow: hidden; margin-right: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; background: var(--gray-color); 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; } .messages-list .msg__desc { width: calc(100% - 60px); } .messages-list .msg__date { font-size: 0.875rem; color: #333; } .messages-list .msg__title { color: #000; font-weight: 600; display: block; margin-bottom: 5px; } .messages-list .msg__detail { color: #333; font-size: 0.875rem; line-height: 1.6; margin: 0 0 10px; } .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: #9ba5ae; 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; vertical-align: top; } .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: #212529; font-size: 0.9em; border-bottom: solid 1px #dee2e6; } .dashboard-options li:last-child a { border-bottom: none; } .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; -webkit-box-align: end; -ms-flex-align: end; 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: 20px; border-radius: 4px; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .box--offer:hover { -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); } .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__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 .offer__logo { width: 80px; margin: 0 auto; display: block; } .box--offer .offer__logo img, .box--offer .offer__logo .post .post_media iframe, .post .post_media .box--offer .offer__logo iframe, .box--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__logo img, .box--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__logo img { width: 100%; margin: auto; } .box--offer p { opacity: 0.6; font-size: 0.9em; margin-bottom: 10px; } .box--offer .offer__footer { border-top: 1px solid #ededed; padding: 6px 0 0; width: 100%; display: inline-block; } .box--offer .offer__footer .coupon-code { margin-top: 10px; } .box--offer .offer__footer p { margin: 0; font-size: 0.9em; } .info--order p { font-size: 0.875em; 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 { 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%; } .items { width: 100%; border-radius: 4px; border: solid 1px #dee2e6; margin: 0 0 20px; position: relative; padding: 1rem; 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; } .items .item { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 5px; background: #fff; position: relative; } .items .items__body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .items .items__group { margin: 0px; display: block; position: relative; padding: 0; } .items .items__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 5px; } .items .item__head { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .items .item__pic { overflow: hidden; background: #fff; width: auto; border: solid 1px #dee2e6; border-radius: 4px; padding: 0; margin: 0; } .items .item__pic img, .items .item__pic .post .post_media iframe, .post .post_media .items .item__pic iframe, .items .item__pic .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .items .item__pic img, .items .item__pic .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .items .item__pic img { max-width: 80%; margin: 0 auto; } .items .item__title { color: #212529; } .items .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; } .items .form--creatlist h5 { text-align: center; } .items .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: #212529; } .results-side .newly-added { font-size: 2.5rem; line-height: 1; display: block; font-weight: 600; } .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: #212529; 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; -webkit-box-shadow: none; 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); -ms-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); -ms-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, input.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; min-height: 200px; } @media (max-width: 991.98px) { .address-block address { min-height: inherit; } } .address-block address p { font-size: 0.88rem; color: #4e5862; } .actions_wishlist { margin: 0.5rem auto; display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 1199px) { .sidebar, .header-dashboard { position: fixed; } .is-dashboard .wrapper { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .header-dashboard { -webkit-padding-end: 30px; -moz-padding-end: 30px; padding-right: 30px; } } @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; } main.main, .sidebar-is-expanded main.main { -webkit-padding-start: 0; -moz-padding-start: 0; padding-left: 0; } } .product-tag.scroll-y { max-height: 100px; } .variants.scroll-y { max-height: 250px; } .tagify__tag__removeBtn { margin-left: -4.66667px; margin-right: 4.66667px; } .actions-wishlist { position: absolute; right: 1rem; top: 1rem; } @media (max-width: 767.98px) { .actions-wishlist { right: 0.3rem; } } .actions-wishlist ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .actions-wishlist ul li { margin: 2px; } .actions-wishlist ul li a, .actions-wishlist ul li label { width: 40px; height: 40px; border: solid 1px #dee2e6; border-radius: 4px; 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-color: #fff; } .actions-wishlist ul li a input, .actions-wishlist ul li label input { margin: 0; } .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .actions li { margin: 2px; } .actions li a, .actions li label { width: 40px; height: 40px; border: solid 1px #dee2e6; border-radius: 4px; 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-color: #fff; } .actions li a input, .actions li label input { margin: 0; } .actions li a:hover, .actions li label:hover { color: var(--brand-color); border-color: currentColor; } .action--favs .btn { margin: 2px; } .section-details { padding: calc(0.6rem + 0.6vw) 0 calc(2rem + 1vw); } .section.section-large.relateded-products { margin-top: calc(1rem + 1vw); } .page-product-details .header { position: relative; } .section-gray { background-color: #f6f6f6; } .section-large { padding: calc(2.5rem + 3vw) 0; } html { scroll-behavior: inherit !important; } @media (max-width: 1199.98px) { .page-product-details .container { max-width: 98%; } } .front-panel { position: relative; margin-top: 1rem; } .front-panel .panel-box { padding: 1.25rem; } .front-panel .panel-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .front-panel .btns-selection__pair { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .front-panel .options-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .front-panel .options-list__trigger, .front-panel .options-list__target { width: 100%; } @media (min-width: 992px) { .front-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .front-panel__left { width: 25%; } .front-panel__middle { padding-left: calc(1rem + 1vw); padding-right: calc(1rem + 1vw); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .front-panel__right { width: 320px; } } @media (max-width: 991.98px) { .front-panel__middle { width: 100%; padding-top: 2rem; } .front-panel__middle .page-title { font-size: 1.2rem; } .front-panel__right { width: 100%; padding-top: 2rem; } } @media (min-width: 992px) { .product-slideshow { position: sticky; top: 1rem; } } .product-slideshow__controls { margin-top: 1rem; } .brand-title { font-size: 0.8rem; color: #383f45; } .brand-title strong { font-weight: 500; } .brand-title a { color: inherit; } .slideshow-media { position: relative; } @media (max-width: 991.98px) { .slideshow-media { max-width: 500px; margin: 0 auto; } } .slideshow-thumb { position: relative; padding: 0 5px; } .slideshow-thumb img, .slideshow-thumb .post .post_media iframe, .post .post_media .slideshow-thumb iframe, .slideshow-thumb .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slideshow-thumb img, .slideshow-thumb .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slideshow-thumb img { border: solid 1px #dee2e6; } .slideshow-controls, .slider-nav { position: relative; padding: 0 45px; } .slideshow-controls .slick-arrow, .slider-nav .slick-arrow { width: 35px; height: 100%; top: 0; bottom: 0; background-color: #eee; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slideshow-controls .slick-arrow.slick-next, .slideshow-controls .slick-arrow.slick-prev, .slider-nav .slick-arrow.slick-next, .slider-nav .slick-arrow.slick-prev { -webkit-box-shadow: none !important; box-shadow: none !important; } .slideshow-controls .slick-arrow.slick-next:after, .slideshow-controls .slick-arrow.slick-prev:after, .slider-nav .slick-arrow.slick-next:after, .slider-nav .slick-arrow.slick-prev:after { border-color: var(--brand-color); } .slideshow-controls .slick-arrow.slick-disabled, .slider-nav .slick-arrow.slick-disabled { opacity: 0.4 !important; cursor: default; } .slideshow-controls .slick-current .slideshow-thumb > img, .slideshow-controls .slick-current .post .post_media .slideshow-thumb > iframe, .post .post_media .slideshow-controls .slick-current .slideshow-thumb > iframe, .slideshow-controls .slick-current .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slideshow-thumb > img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slideshow-controls .slick-current .slideshow-thumb > img, .slideshow-controls .slick-current .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slideshow-thumb > img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slideshow-controls .slick-current .slideshow-thumb > img, .slider-nav .slick-current .slideshow-thumb > img, .slider-nav .slick-current .post .post_media .slideshow-thumb > iframe, .post .post_media .slider-nav .slick-current .slideshow-thumb > iframe, .slider-nav .slick-current .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slideshow-thumb > img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slider-nav .slick-current .slideshow-thumb > img, .slider-nav .slick-current .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slideshow-thumb > img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slider-nav .slick-current .slideshow-thumb > img { border-color: var(--brand-color); } .panel-list__item { position: relative; display: inline-block; vertical-align: top; color: #65727e; line-height: 40px; font-size: 0.875rem; } .panel-list__item:not(:first-child) { margin-left: 1rem; padding-left: 1rem; } @media (max-width: 767.98px) { .panel-list__item:not(:first-child) { margin-left: 0; padding-left: 0; } .panel-list__item:not(:last-child) { margin-right: 0.8rem; padding-right: 0.8rem; } .panel-list__item-first { width: 100%; } } .panel-list__item:not(:first-child):before { content: "|"; position: absolute; left: 0; top: 48%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.6; pointer-events: none; } @media (max-width: 767.98px) { .panel-list__item:not(:first-child):before { display: none; } } .panel-list .btn { color: inherit; padding-left: 0; padding-right: 0; } .progress-list { margin: 1.4rem 0 2rem; } .progress-list 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; } .progress-list__count { font-size: 12px; min-width: 50px; color: #65727e; } .progress-list__bar { background: #f3f3f3; height: 6px; width: 100%; display: -webkit-box; display: -ms-flexbox; border-radius: 30px; display: flex; overflow: hidden; } .progress-list__bar-fill { background: #f5961d; } .ratings__target .progress-list li { margin: 10px 0; } .social-share { position: relative; } @media (min-width: 1200px) { .social-share__target { position: absolute; background-color: #fff; left: 0; top: 120%; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border: 1px solid #ebebeb; min-width: 260px; z-index: 3; min-height: 60px; z-index: 2; padding: 1rem; opacity: 0; visibility: hidden; } } @media (max-width: 1199.98px) { .social-share__target { position: fixed; background-color: #fff; left: 10px; right: 10px; top: 50%; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border: 1px solid #ebebeb; z-index: 3; min-height: 60px; z-index: 11; padding: 1rem; display: none; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-radius: 4px; max-width: 400px; margin: 0 auto; } .social-share__target.is-visible { display: block; } .social-share__target .sharing-actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1200px) { .social-share--hovered:hover .social-share__target { opacity: 1; visibility: visible; top: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } @media (max-width: 1199.98px) { .btn--share.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); content: ""; z-index: 10; } } @media (max-width: 1199.98px) { .section-fulldetails > .container { padding: 0; max-width: 100%; } } .sharing-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sharing-actions li { margin: 5px; } .sharing-actions li.social-facebook a { background-color: #3b5998; } .sharing-actions li.social-twitter a { background-color: #6cdfea; } .sharing-actions li.social-pintrest a { background-color: #c8232c; } .sharing-actions li.social-email a { background-color: #9b9a9a; } .sharing-actions li > a { width: 40px; height: 40px; border-radius: 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; cursor: pointer; } .sharing-actions li > a svg { width: 18px; height: 18px; display: block; fill: #fff; } .panel-price { margin: 2rem 0; border-bottom: solid 1px #dee2e6; color: #212529; padding-bottom: 2rem; } .panel-price__old { display: block; text-decoration: line-through; opacity: 0.5; font-size: 1.1rem; } .panel-price__standard { display: block; margin-bottom: 0.4rem; } .panel-price__main { font-size: calc(1rem + 0.7vw); font-weight: 600; } .panel-price__normal-text { opacity: 0.6; margin-left: 10px; } .panel-price__discounted { font-weight: 700; text-transform: uppercase; color: var(--brand-color); margin-right: 6px; } .panel-price__off { font-size: 0.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .panel-price__off .validity-timer { margin-left: 10px; } .validity-timer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .validity-timer__media { width: 14px; height: 14px; 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; margin-right: 4px; } .validity-timer .count-down { font-weight: 500; font-size: 0.9rem; } .options-list { font-size: 0.9rem; color: #4e5862; margin-bottom: 1.3rem; } @media (max-width: 991.98px) { .options-list { margin-bottom: 1.6rem; } } .options-list:last-child { margin-bottom: 0; } @media (min-width: 1399px) { .options-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .options-list__trigger { width: 25%; } .options-list__target { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; max-width: 75%; } } .options-list__trigger { font-weight: 500; color: #383f45; margin-bottom: 0.6rem; } @media (max-width: 991.98px) { .options-list__trigger { font-size: 1.05rem; color: #212529; } } .options-list .link-icon { line-height: 18px; } .bullet-list li { position: relative; padding-left: 1.2rem; margin: 0 0 0.3rem 0; } .bullet-list li:before { width: 6px; height: 6px; position: absolute; left: 0; top: 7px; content: ""; border-radius: 50px; background-color: var(--brand-color); } .bullet-list li strong { font-weight: 500; } .option-selector { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .option-selector__item { margin: 0 0.4rem; margin-left: 0; border: solid 1px #dee2e6; padding: 0.26rem; border-radius: 4px; font-size: 0.8rem; color: inherit; } .option-selector__item.is-active { border-color: var(--brand-color); } @media (min-width: 1200px) { .option-selector__item:hover { border-color: var(--brand-color); } } .color-option { width: 22px; height: 22px; display: block; border-radius: 3px; } .options-content { position: relative; border: solid 1px #dee2e6; } .options-content .options-scollbar { max-height: 248px; overflow: auto; scrollbar-width: thin; } .options-content .options-scollbar::-webkit-scrollbar { width: 8px; } .options-content .options-scollbar::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } .options-content .options-scollbar::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.08); border-radius: 0; } .options-content__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0.7rem; margin: 0; position: relative; overflow: hidden; } .options-content__list:not(:last-child) { border-bottom: solid 1px #dee2e6; } .options-content__list-left { width: 40px; } .options-content__list-middle { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding-right: 1rem; width: calc(100% - 100px); } .options-content__list-last { width: 60px; } .options-content__list .field-for-qty { width: 60px; text-align: center; position: relative; } @media (min-width: 1200px) { .options-content__list .field-for-qty { display: none; } } .options-content__list .product-title:hover { text-decoration: none; } .options-content__list.is-active:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: var(--primary-color); opacity: 0.05; pointer-events: none; } .options-content__list.is-active .field-for-qty { display: block; } .number-list ul { list-style: decimal inside; margin: 0.6rem 0; } .pay-cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pay-cards > img, .post .post_media .pay-cards > iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .pay-cards > img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .pay-cards > img { margin-right: 10px; } .check-list { position: relative; } .check-list li { position: relative; padding-left: 1.6rem; margin: 0.5rem 0 0 0; } .check-list li > a { color: inherit; text-decoration: underline; text-underline-offset: 3px; } .check-list li:before { width: 16px; height: 16px; border-radius: 50px; border: 1px solid #999; position: absolute; left: 0; top: 3px; content: ""; } .check-list li:after { width: 4px; height: 9px; border-bottom: 1px solid #999; border-right: 1px solid #999; position: absolute; left: 6px; top: 5px; content: ""; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .check-list--half ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .check-list--half ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; line-height: 22px; } .check-list--half ul li:first-child { margin-top: 0; } .check-list--half ul li:nth-child(2) { margin-top: 0; } @media (min-width: 1200px) and (max-width: 1499px) { .check-list--half ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px; margin-top: 0; } .check-list--half ul li:first-child { margin-top: 0; } .check-list--half ul li:nth-child(2) { margin-top: 0; } } @media (max-width: 767.98px) { .check-list--half ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px; margin-top: 0; } .check-list--half ul li:first-child { margin-top: 0; } .check-list--half ul li:nth-child(2) { margin-top: 0; } } .panel-box { position: relative; border: solid 1px #dee2e6; border-radius: 6px; background-color: #fff; width: 100%; } .panel-box__head { padding: 1rem; border-bottom: solid 1px #dee2e6; } .selection-price { color: #212529; font-size: 0.9rem; } .selection-price__old { text-decoration: line-through; opacity: 0.5; } .selection-price__standard { display: block; } .selection-price__main { font-size: 1rem; font-weight: 500; } .selection-price__normal-text { opacity: 0.6; } .selection-price__discounted { font-weight: 500; font-size: 0.8rem; text-transform: uppercase; color: var(--brand-color); margin-left: 4px; } .selection-price__off { font-size: 0.9rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selection-price__off .validity-timer { margin-left: 10px; } .underline { text-decoration: underline; text-underline-offset: 4px; } .price-selection { position: relative; } .price-selection__trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; border-bottom: solid 1px #dee2e6; } .price-selection__trigger-arrow { cursor: pointer; } .price-selection__trigger-arrow:after { position: absolute; right: 1.4rem; top: 1.4rem; content: ""; width: 9px; height: 9px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; } .price-selection__trigger-arrow.is-active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 1.8rem; } .price-selection__check { width: 30px; margin: 0 10px; } @media (max-width: 1199.98px) { .price-selection__check { margin: 0; } } .price-selection__content { width: calc(1005 - 35px); } .price-selection__trigger-pointer { cursor: pointer; } .price-selection__target { position: absolute; background-color: #fff; left: 0; width: 100%; top: 100%; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); z-index: 3; border-radius: 0 0 6px 6px; overflow: hidden; } .price-selection__list { max-height: 288px; overflow: auto; scrollbar-width: thin; } .price-selection__list::-webkit-scrollbar { width: 8px; } .price-selection__list::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } .price-selection__list::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.08); border-radius: 0; } .buying-selection { padding: 1rem; } @media (min-width: 1200px) { .qty-selection { 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; } .qty-selection__left { width: calc(100% - 80px); } .qty-selection__right { width: 70px; } } @media (max-width: 991.98px) { .qty-selection { 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; } .qty-selection__left { width: calc(100% - 120px); } .qty-selection__right { width: 100px; } } .qty-selection__right { text-align: center; } .qty-selection__label { font-size: 0.9rem; font-weight: 500; display: block; } .small-label { font-size: 12px; font-style: italic; opacity: 0.5; } .btns-selection .btn { margin: 0.6rem 0 0; font-weight: 500; } @media (max-width: 991.98px) { .btns-selection__pair { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .btns-selection__pair .btn { width: 49%; } } .seller-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .seller-info__media { width: 80px; } .seller-info__content { width: calc(100% - 80px); padding-left: 1rem; } .seller-connect .seller-portlet { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seller-connect .seller-portlet__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; width: 100%; padding: 1rem; } .seller-connect .seller-portlet__body { padding: 1rem; padding-top: 0; } .seller-connect .seller-portlet__logo { width: 70px; height: 70px; } .seller-connect .seller-portlet__info { width: calc(100% - 70px); padding-left: 1rem; } .seller-connect .seller-portlet__info h6 { font-size: 0.9rem; } @media (min-width: 1023px) and (max-width: 1399px) { .seller-connect .seller-portlet__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .seller-connect .seller-portlet__info { width: 100%; padding: 10px 0 0; text-align: center; } } @media (min-width: 1023px) and (max-width: 1399px) { .seller-connect .seller-badges__grid { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1023px) and (max-width: 1399px) { .seller-connect .seller-stats__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .seller-portlet { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .seller-portlet__head { text-align: center; margin-bottom: 1rem; } @media (min-width: 768px) { .seller-portlet__head { padding: 1rem; margin-bottom: 0; } } .seller-portlet__details { line-height: 1.1; } .seller-portlet__details .seller-location { margin-right: 0.6rem; display: inline-block; vertical-align: top; opacity: 0.7; font-size: 13px; } .seller-portlet__details .seller-ratings { line-height: 1; display: inline-block; vertical-align: top; } .seller-portlet__logo { width: 100px; height: 100px; 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; margin: 0 auto; } .seller-portlet__info h6 a { color: inherit; } .seller-portlet__body { width: 100%; } @media (min-width: 768px) { .seller-portlet__body { padding: 1rem; padding-top: 0; } } .seller-portlet__footer { border-top: solid 1px #dee2e6; padding: 1.6rem; } @media (min-width: 768px) { .seller-portlet__footer { margin-top: auto; } } .seller-badges { border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; padding: 0.6rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .seller-badges__grid { padding: 5px 3px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .seller-badges--inline { border: none; padding: 0; margin: 0.5rem 0; } .seller-badges--inline .seller-badges__grid { padding: 5px 0; padding-right: 2rem; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .seller-badges--inline .seller-badges__grid:last-child { padding-right: 0; } @media (max-width: 991.98px) { .seller-badges--inline .seller-badges__grid { padding-right: 1rem; } } .seller-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .seller-stats__item { padding: 5px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .seller-stats__item small { opacity: 0.6; font-size: 12px; } .seller-stats__item h6 { font-size: 0.9rem; } .badge-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; line-height: 1; } .badge-item__media { margin-right: 0.4rem; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; } .badge-item__media img, .badge-item__media .post .post_media iframe, .post .post_media .badge-item__media iframe, .badge-item__media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .badge-item__media img, .badge-item__media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .badge-item__media img { margin: 0 auto; display: block; } .pricing-item { padding: 1rem; border-bottom: solid 1px #dee2e6; } .pricing-item:last-child { border-bottom: none; } .pricing-item__head { 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-bottom: 0.5rem; } .pricing-item .shop-title { font-size: 0.9rem; } @media (min-width: 1200px) { .details-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .details-panel__small { width: 430px; } .details-panel__large { width: calc(100% - 500px); } } @media (min-width: 1200px) and (max-width: 1499px) { .details-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .details-panel__small { width: 300px; } .details-panel__small .product-card--horizontal .product-price .product-price__sell { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .details-panel__small .product-seller.seller { margin-top: 0.5rem !important; } .details-panel__large { width: calc(100% - 350px); } } @media (max-width: 1199.98px) { .details-panel__small { padding: 1.4rem; } } .nav-detail { border-bottom: 2px solid #dee2e6; display: -webkit-box; display: -ms-flexbox; display: flex; position: sticky; z-index: 2; background-color: #fff; top: 0; } .nav-detail ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } @media (max-width: 1199.98px) { .nav-detail ul { overflow-y: hidden; overflow-x: auto; width: 100%; white-space: nowrap; } } .nav-detail ul li { padding-right: calc(1.4rem + 1vw); } @media (max-width: 1199.98px) { .nav-detail ul li { padding: 0 1rem; } .nav-detail ul li:first-child { padding-left: 0; } } .nav-detail ul li a { color: inherit; display: block; padding: 1.2rem 0; position: relative; text-align: center; font-weight: 500; font-size: calc(0.6rem + 0.3vw); } @media (max-width: 1199.98px) { .nav-detail ul li a { font-size: 1rem; } } .nav-detail ul li a:after, .nav-detail ul li a:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: -2px; -webkit-transition: 0.4s all ease; -o-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); } @media (max-width: 767.98px) { .nav-detail ul { white-space: nowrap; overflow-x: auto; overflow-y: hidden; } } .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: 80px; height: 80px; position: relative; margin: 0 auto; color: #fff; } .shop-reviews-wrapper .shop-reviews .svg { fill: #f5961d; width: 100%; height: 100%; position: absolute; } .shop-reviews-wrapper .shop-reviews-points { line-height: 1; font-size: 1.1rem; font-weight: 600; padding-top: 10px; position: relative; color: inherit; } .total-reviews { font-size: 0.875rem; padding: 5px; text-align: center; } .review-panel { background-color: #fff; } .review-panel__head { border: solid 1px #dee2e6; } .review-panel__head h6 { font-weight: normal; margin-bottom: 10px; } .review-panel__sort { background-color: rgba(0, 0, 0, 0.03); padding: 20px 1.5rem; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; } @media (max-width: 767.98px) { .review-panel__sort .links-inline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 1rem; } } @media (max-width: 575.98px) { .review-panel__sort { text-align: center; } .review-panel__sort .links-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; } } .review-panel__sort p { margin-bottom: 0; font-size: 0.875rem; } .review-panel .btn--wide { min-width: 12rem; } @media (max-width: 767.98px) { .review-panel__sort p, .review-panel__sort .links-inline li { font-size: 1rem; } } .reviews-list { background: #fff; border-radius: 4px; border: solid 1px #dee2e6; border-bottom: none; } .reviews-list > li { border-bottom: solid 1px #dee2e6; padding: 1.5rem; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (min-width: 1200px) { .reviews-list > li:hover { -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.05); } } .reviews-list .reviews-title { font-size: 0.95rem; margin: 20px 0 10px; font-weight: 500; color: #212529; } .reviews-list .reviews-author { text-transform: uppercase; font-size: 13px; font-weight: 500; color: var(--secondary-color); margin-bottom: 0; } .yes-no 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; } @media (max-width: 767.98px) { .yes-no ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .yes-no ul li a { display: block; padding: 10px 0; padding-right: 15px; } } .yes-no ul li { border: none; } .yes-no ul li a { margin-right: 10px; font-size: 0.875em; color: #212529; } .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; } .side-box { position: relative; width: 100%; } .side-box__head { border-bottom: 2px solid #dee2e6; } .side-box__head h2 { font-size: calc(0.6rem + 0.3vw); font-weight: 700; position: relative; margin: 0; padding: 1.3rem 0; display: inline-block; } .side-box__head h2:before { position: absolute; left: 0; right: 0; content: ""; height: 2px; background-color: var(--brand-color); bottom: -2px; } @media (max-width: 1199.98px) { .side-box__head h2 { font-size: 1.3rem; } } .profile-panel { position: relative; } @media (min-width: 992px) { .profile-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profile-panel__small { width: 230px; } .profile-panel__large { width: calc(100% - 260px); } } @media (max-width: 991.98px) { .profile-panel__small { display: contents; } } .profile-controls { border: solid 1px #dee2e6; background-color: #fff; border-radius: 6px; width: 100%; z-index: 1; } @media (min-width: 1200px) { .profile-controls { position: sticky; top: 90px; } } @media (max-width: 1199.98px) { .profile-controls { position: sticky; top: 90px; } } @media (max-width: 991.98px) { .profile-controls { position: sticky; top: 52px; margin-bottom: 1.4rem; } } @media (max-width: 991.98px) { .profile-controls ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; background-color: rgba(0, 0, 0, 0.03); padding: 0.6rem; } } @media (min-width: 1200px) { .profile-controls ul { padding: 0.8rem 0; } } @media (max-width: 991.98px) { .profile-controls ul li { margin-right: 0.5rem; } } .profile-controls ul li a { display: block; padding: 0.6rem 1.4rem; padding-right: 2.4rem; color: inherit; font-size: 0.9rem; position: relative; } @media (min-width: 1200px) { .profile-controls ul li a:hover { color: var(--brand-color); background-color: rgba(0, 0, 0, 0.04); } } @media (max-width: 991.98px) { .profile-controls ul li a { padding: 0.6rem 1.8rem; background-color: #fff; border: solid 1px #dee2e6; } .profile-controls ul li a:after { display: none; } } .profile-controls ul li a.is-active { color: var(--brand-color); font-weight: 500; } .profile-controls ul li a.is-active:after { position: absolute; right: 1.4rem; top: 50%; content: ""; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; } .panel-row { overflow: hidden; } .panel-row { padding: calc(1.5rem + 1vw) 0; } @media (max-width: 1199.98px) { .panel-row { padding: 1rem 0; } .panel-row > .row { margin: 0; } .panel-row > .row [class*="col-"] { padding: 0; } } @media (max-width: 1199.98px) { .collection-vertical--responsive-scroll { margin: 1rem -10px; } .collection-vertical--responsive-scroll .collection-vertical__item { border-bottom: none; padding: 10px; width: 240px; display: inline-block; vertical-align: top; } } @media (max-width: 1199.98px) { .collection-vertical--responsive-scroll { overflow: auto; white-space: nowrap; } .collection-vertical--responsive-scroll .product-card--horizontal { display: block; } .collection-vertical--responsive-scroll .product-card--horizontal .product-labels { right: 10px; top: 10px; } .collection-vertical--responsive-scroll .product-card--horizontal .product-card__head, .collection-vertical--responsive-scroll .product-card--horizontal .product-card__body { width: 100%; padding: 0; } .collection-vertical--responsive-scroll .product-card--horizontal .product-card__body { margin-top: 1rem; } .collection-vertical--responsive-scroll .product-card--horizontal .product-media { border: solid 1px #dee2e6; } } .content-box { width: 100%; position: relative; border: solid 1px #dee2e6; border-radius: 6px; background-color: #fff; } .content-box:not(:first-child) { margin-top: 2rem; } .content-box__head { border-bottom: solid 1px #dee2e6; padding: 1.2rem 1.4rem; background-color: rgba(0, 0, 0, 0.03); } .content-box__body { padding: 1.6rem; min-height: 100px; } @media (min-width: 576px) { .contact-seller { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.6rem; position: relative; } .contact-seller__left { width: 130px; } .contact-seller__left .shop-logo { border-radius: 4px; } .contact-seller__right { width: calc(100% - 160px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .contact-seller__inner-l { width: 100%; } .contact-seller__inner-l:not(:only-child) { width: 64%; } .contact-seller__inner-r { width: 35%; } .contact-seller__inner-r .btn { font-size: 0.8rem; } } @media (max-width: 767.98px) { .contact-seller { margin-bottom: 1.4rem; } .contact-seller__left { width: 70px; float: left; margin-right: 1rem; margin-bottom: 1rem; } .contact-seller__right .seller-badges { clear: left; margin-bottom: 1rem; } } @media (min-width: 1200px) and (max-width: 1399px) { .contact-seller__left { width: 170px; } .contact-seller__right { width: calc(100% - 200px); -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-seller__inner-l { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .contact-seller__inner-l .seller-badges { margin-top: 6px !important; } .contact-seller__inner-l .seller-badges__grid { padding-bottom: 0; padding-left: 0; } .contact-seller__inner-r { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 0px; flex: 0 0 0; padding-top: 1rem; min-width: 200px; } .contact-seller__inner-r .btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 0.8rem; } } .qty-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border: solid 1px #dee2e6; border-radius: 3px; max-width: 120px; background: #fff; height: 40px; line-height: normal; overflow: hidden; } .qty-wrapper-sm { height: 30px; } .qty-wrapper .quantity { 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; position: relative; height: inherit; } .qty-wrapper .quantity .increase, .qty-wrapper .quantity .decrease { border: none; cursor: pointer; width: 40px; height: inherit; font-size: 1.5rem; position: relative; text-align: center; font-weight: 600; 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; } .qty-wrapper .quantity .increase { border-left: solid 1px #dee2e6; } .qty-wrapper .quantity .decrease { border-right: solid 1px #dee2e6; } .qty-wrapper .qty-input-wrapper { 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; white-space: nowrap; } .qty-wrapper .qty-input-wrapper .qty-input { max-width: 40px; height: inherit; text-align: center; vertical-align: middle; margin: 0; font-size: 0.8em; background: none; border-radius: 0; border: none; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .site-panel { position: relative; width: 100%; } @media (min-width: 992px) { .site-panel { display: grid; grid-gap: 60px; grid-template-columns: calc(100% - 380px) 320px; } .site-panel__box-sticky { position: sticky; top: 1.4rem; } .site-panel .panel-row:last-child { padding-bottom: 0; } } @media (max-width: 1199.98px) { .site-panel { grid-template-columns: calc(100% - 290px) 230px; } } @media (min-width: 1200px) and (max-width: 1399px) { .site-panel { grid-template-columns: calc(100% - 340px) 260px; } } .site-panel--first { grid-column: 1 / 2; grid-row: 1; } .site-panel--second { grid-column: 2; grid-row: 1 / 3; } @media (max-width: 1199.98px) { .site-panel--second { grid-row: 1 / 2; } } @media (max-width: 991.98px) { .site-panel--second { margin-top: 3rem; } } .site-panel--third { grid-column: 1; grid-row: 2; } @media (max-width: 1199.98px) { .site-panel--third { grid-column: 1 / 3; } } @media (max-width: 991.98px) { .site-panel--third { margin-top: 3rem; } } .site-panel .side-box { margin-top: 2rem; } .product-panel { position: relative; margin-top: 1rem; } @media (min-width: 992px) { .product-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-panel__media { width: 40%; } .product-panel__content { padding-left: calc(1rem + 3vw); max-width: 820px; width: calc(100% - 40%); } } @media (min-width: 1200px) and (max-width: 1399px) { .product-panel__content .page-title { font-size: 1.2rem; } } @media (max-width: 1199.98px) { .product-panel__content .page-title { font-size: 1.2rem; } } @media (max-width: 991.98px) { .product-panel__content { width: 100%; padding-top: 2rem; } .product-panel__content .page-title { font-size: 1.2rem; } } .site-content { margin: 4rem 0 0; } .pricing-options { max-height: 226px; overflow: auto; } #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; background: #fff; border-radius: 3.5rem; } .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; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; position: relative; white-space: normal; } .filterDiv:after { position: absolute; right: 0; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .filterDiv:hover { color: var(--brand-color); } .filterDiv.faqclose:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); 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; } .faq-filters { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.5rem; } .faq-filters a { border: solid 1px #dee2e6; border-radius: 3rem; margin: 0; padding: 0.5rem 1.25rem; color: #212529; font-size: 0.8rem; display: inline-block; position: relative; overflow: hidden; } .faq-filters a.is--active { background: var(--brand-color); color: var(--brand-color-inverse); border-color: var(--brand-color); font-weight: 600; } .browsed-box { border: solid 1px #dee2e6; padding: 20px; margin-bottom: 20px; } .browsed-box:hover { background: #ededed; } .browsed-box .category-q { color: #212529; 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); } /* ------------------- */ .collection-ad-media { position: relative; max-width: 300px; max-height: 300px; margin: auto; } .collection-ad-media::before { content: ""; position: relative; padding-bottom: 100%; background-color: #f2f2f2; display: block; } .collection-ad-media img, .collection-ad-media .post .post_media iframe, .post .post_media .collection-ad-media iframe, .collection-ad-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .collection-ad-media img, .collection-ad-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .collection-ad-media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .collection-grid-wrapper { display: grid; grid-template-columns: 300px 1fr; grid-column-gap: 2rem; border: 1px solid #E6E6E6; border-radius: 6px; padding: 10px; } @media (max-width: 767.98px) { .collection-grid-wrapper { grid-template-columns: repeat(1, 1fr); } } .home-collection-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 1.5rem; padding-top: 1rem; } @media (max-width: 1199.98px) { .home-collection-grid { grid-template-columns: repeat(4, 1fr); overflow-x: auto; } .home-collection-grid .home-grid-item { width: 280px; } } .home-collection-grid .home-grid-head h5 { font-size: 0.85rem; font-weight: 600; } .home-collection-grid .home-grid-head h5 > a { color: inherit; } .home-collection-grid .home-grid-head h5 > a:hover { color: var(--brand-color); } @media (max-width: 1199.98px) { .home-collection-grid .home-grid-head h5 { font-size: 1rem; } } .home-collection-grid .home-grid-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .home-collection-grid .home-grid-body .home-grid-list { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .home-collection-grid .home-grid-body .home-grid-list ul li { line-height: 1; } .home-collection-grid .home-grid-body .home-grid-list ul li a { font-size: 0.875rem; font-weight: 500; color: #666; position: relative; padding-left: 1.25rem; padding-block: 0.375rem; display: block; } .home-collection-grid .home-grid-body .home-grid-list ul li a::before { content: ""; height: 0.4rem; width: 0.4rem; border-bottom: 1px solid #333333; border-left: 1px solid #333333; position: absolute; left: 0; -webkit-transform: translateY(-50%) rotate(-135deg); -ms-transform: translateY(-50%) rotate(-135deg); transform: translateY(-50%) rotate(-135deg); top: 50%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media (min-width: 1200px) { .home-collection-grid .home-grid-body .home-grid-list ul li a:hover { color: var(--brand-color); } .home-collection-grid .home-grid-body .home-grid-list ul li a:hover::before { border-color: currentColor; } } @media (max-width: 1199.98px) { .home-collection-grid .home-grid-body .home-grid-list ul li a { font-size: 1rem; } } .home-collection-grid .home-grid-body .home-grid-media { position: relative; height: 80px; width: 80px; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; } .home-collection-grid .home-grid-body .home-grid-media::before { content: ""; position: relative; padding-bottom: 100%; display: block; } .home-collection-grid .home-grid-body .home-grid-media img, .home-collection-grid .home-grid-body .home-grid-media .post .post_media iframe, .post .post_media .home-collection-grid .home-grid-body .home-grid-media iframe, .home-collection-grid .home-grid-body .home-grid-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .home-collection-grid .home-grid-body .home-grid-media img, .home-collection-grid .home-grid-body .home-grid-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .home-collection-grid .home-grid-body .home-grid-media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } @media (max-width: 991.98px) { .mb-md-1 { margin-bottom: 1rem !important; } } @media (min-width: 768px) { .collection-ad-media { position: sticky; top: 100px; } } @media (max-width: 767.98px) { .collection-ad-media { max-width: 100%; width: 100%; max-height: 100%; margin-bottom: 1rem; } .collection-ad-media img, .collection-ad-media .post .post_media iframe, .post .post_media .collection-ad-media iframe, .collection-ad-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .collection-ad-media img, .collection-ad-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .collection-ad-media img { width: 100%; } } .site-cta { position: relative; background-color: #EBEBED; min-height: 350px; border-radius: 6px; background-repeat: no-repeat; background-position: right top; background-size: contain; } .site-cta__content { max-width: 60%; padding: 4.5rem; } .site-cta__content p { font-style: 1.2rem; } .site-cta__stats { margin-top: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .site-cta__stats-col { padding: 3rem; padding-left: 0; font-weight: 600; font-size: 1.4rem; } .site-cta__stats-col .small-label { display: block; font-weight: normal; font-size: 1rem; font-style: normal; } .site-cta .btn { padding: 0.375rem 1.5rem; min-width: 140px; } .site-cta h2 { color: var(--secondary-color); font-weight: 700; } @media (max-width: 1199.98px) { .site-cta { background-size: cover; background-position: 300px 0; } .site-cta__content { max-width: 95%; padding: 2.5rem; } .site-cta h2 { font-size: 1.5rem; } .site-cta__stats-col { font-size: 1.2rem; } } @media (max-width: 767.98px) { .site-cta { background-size: cover; background-position: 100px 0; } .site-cta__content { max-width: 95%; padding: 1.5rem; } .site-cta__stats { margin-top: 2rem; display: block; } .site-cta__stats-col { padding: 1rem 0; display: block; font-size: 1.2rem; } } .collection-vertical__item { padding: 2rem 0; border-bottom: 1px solid #e6e6e6; } .collection-vertical__item:last-child { border-bottom: none; } @media (min-width: 1399px) { .collection-vertical--compact .collection-vertical__item { padding: calc(0.2rem + 0.6vw) 0 calc(0.2rem + 0.6vw) 0; } .collection-vertical--compact .collection-vertical__item:last-child { padding-bottom: 0; } } @media (min-width: 1299px) { .collection-vertical--compact .collection-vertical__item { padding: calc(0.1rem + 0.7vw) 0 calc(0.1rem + 0.7vw) 0; } } @media (min-width: 1399px) { .hero-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .hero-layout__large { max-width: 1600px; width: 100%; position: relative; overflow: hidden; } .hero-layout__large:before { padding-bottom: 41.25%; content: ""; display: block; } .hero-layout__large .slideshow { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; } .hero-layout__large:not(:only-child) { -webkit-box-flex: 1; -ms-flex: 1 0 calc(100% - 370px); flex: 1 0 calc(100% - 370px); max-width: calc(100% - 370px); } .hero-layout__small { width: 350px; } } @media (max-width: 1199.98px) { .hero-layout__large { padding-bottom: 1rem; } } .box-outlined { border: 1px solid #e6e6e6; border-radius: 6px; position: relative; padding: 0.6rem  1.3rem 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box-outlined__head { position: relative; } .box-outlined__head h1 { font-size: 16px; font-weight: 600; margin-bottom: 0; line-height: 40px; } @media (min-width: 1399px) { .box-outlined .site-caraousel__item { padding: 0; height: 100%; } .box-outlined .site-caraousel__item .collection-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .box-outlined .site-caraousel__item .collection-vertical__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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; } } @media (max-width: 1199.98px) { .box-outlined .site-caraousel__item { padding: 0; } .box-outlined .site-caraousel__item .collection-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box-outlined .site-caraousel__item .collection-vertical__item { padding: 1rem 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; border-bottom: none; } } @media (max-width: 767.98px) { .box-outlined .site-caraousel__item .collection-vertical { display: block; } .box-outlined .site-caraousel__item .collection-vertical__item { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1200px) and (max-width: 1399px) { .box-outlined { margin-top: 1rem; } .box-outlined .site-caraousel__item { padding: 0; } .box-outlined .site-caraousel__item .collection-vertical { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .box-outlined .site-caraousel__item .collection-vertical__item { border-bottom: none; padding: 1rem 0; padding-right: 1rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .box-outlined__body { height: 100%; } .box-outlined__body .slick-slider, .box-outlined__body .slick-list, .box-outlined__body .slick-track { height: 100%; } @media (max-width: 1399px) { .box-outlined .product-card--small .product-price { margin-top: 6px; } .box-outlined .product-card--small .product-price .product-price__sell { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .box-outlined .product-card--small .product-media { border: 1px solid #e6e6e6; } } @media (max-width: 767.98px) { .box-outlined .product-card--small .product-price .product-price__sell { -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .box-outlined .product-card--small .product-price { font-size: 100%; } } .caraousel-controls { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: -15px; } .caraousel-controls .slick-arrow { position: relative; display: block; width: 40px; height: 40px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); top: auto; left: auto; right: auto; } .caraousel-controls .slick-arrow.slick-prev:after, .caraousel-controls .slick-arrow.slick-next:after { width: 8px; height: 8px; } .caraousel-controls .slick-arrow.slick-prev { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-shadow: none !important; box-shadow: none !important; } .caraousel-controls .slick-arrow.slick-next { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-shadow: none !important; box-shadow: none !important; } .caraousel-controls .slick-arrow.slick-disabled { opacity: 0.2 !important; } .caraousel-controls .slick-dots { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; position: relative; top: -3px; } .slideshow { position: relative; overflow: hidden; border-radius: 6px; } .slideshow__item img, .slideshow__item .post .post_media iframe, .post .post_media .slideshow__item iframe, .slideshow__item .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .slideshow__item img, .slideshow__item .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .slideshow__item img { width: 100%; display: block; } .slideshow .slick-dots { position: absolute; left: 50%; border-radius: 30px; background-color: rgba(0, 0, 0, 0.3); right: auto; padding: 0 1.2rem 0.15rem; bottom: 1rem; -webkit-transform: translate(-50%); -ms-transform: translate(-50%); transform: translate(-50%); } .slideshow .slick-dots li { width: 10px; height: 10px; background-color: rgba(0, 0, 0, 0.3); } .slideshow .slick-dots li.slick-active { background-color: var(--brand-color); } .slideshow .slick-dots li button { padding: 0; width: 100%; height: 100%; display: block; } .slideshow .slick-arrow { background-color: rgba(0, 0, 0, 0.6); width: 45px; height: 70px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .slideshow .slick-arrow.slick-next { right: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-box-shadow: none !important; box-shadow: none !important; } .slideshow .slick-arrow.slick-next:after { border-color: #fff; } .slideshow .slick-arrow.slick-prev { left: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-box-shadow: none !important; box-shadow: none !important; } .slideshow .slick-arrow.slick-prev:after { border-color: #fff; } @media (max-width: 1199.98px) { .slideshow .slick-arrow { display: none !important; } } @media (min-width: 1200px) { .slideshow .slick-arrow.slick-next { right: -45px; } .slideshow .slick-arrow.slick-prev { left: -45px; } .slideshow:hover .slick-arrow.slick-next { right: 0; } .slideshow:hover .slick-arrow.slick-prev { left: 0; } } @media (max-width: 1199.98px) { .row-responsive-scroller { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; margin: 0; } .row-responsive-scroller [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 430px; flex: 0 0 430px; max-width: 430px; padding: 1rem; padding-left: 0; } } @media (max-width: 767.98px) { .row-responsive-scroller { display: block; } .row-responsive-scroller [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 1.4rem; } } @media (max-width: 767.98px) { .banner-ppc { margin-bottom: 1rem; } } .section-listing { background-color: #F6F6F6; } @media (min-width: 1200px) { .page-view { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-view__large { width: 100%; position: relative; } .page-view__large:not(:only-child) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 270px); flex: 0 0 calc(100% - 270px); max-width: calc(100% - 270px); } .page-view__small { width: 240px; } .page-view__middle { width: calc(100% - 260px); position: relative; } .page-view__middle:not(:last-child) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 430px); flex: 0 0 calc(100% - 430px); max-width: calc(100% - 430px); } .page-view__xsmall { width: 140px; padding-top: 0.7rem; } } @media (min-width: 1201px) and (max-width: 1399px) { .page-view__middle { width: calc(100% - 260px); position: relative; } .page-view__middle:not(:last-child) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 260px); flex: 0 0 calc(100% - 260px); max-width: calc(100% - 260px); } .page-view__xsmall { width: 100%; margin-top: 4rem; border-top: solid 1px #dee2e6; padding-top: 2rem; } } @media (max-width: 1199.98px) { .page-view__xsmall { margin-top: 4rem; border-top: solid 1px #dee2e6; padding-top: 2rem; } } .filters { position: relative; background-color: #fff; border: solid 1px #dee2e6; border-radius: 4px; } .filters__head { padding: 1rem; } @media (max-width: 991.98px) { .filters__head h5 { font-size: 1.5rem; } } @media (min-width: 992px) { .filters__footer { display: none; } } @media (max-width: 1199.98px) { .filters { position: fixed; left: 50%; top: 50%; background: #fff; z-index: 12; -webkit-transform: translate3d(0, 100%, 0px) translate(-50%, -50%); transform: translate3d(0, 100%, 0px) translate(-50%, -50%); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 100%; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; border: none; max-width: 700px; max-height: 600px; } .filters:after { position: absolute; left: 0; top: 0; bottom: 0; width: 34%; background-color: #666; content: ""; pointer-events: none; opacity: 0.05; } .filters.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0px) translate(-50%, -50%); transform: translate3d(0, 0, 0px) translate(-50%, -50%); visibility: visible; } .filters.is-visible + .filters-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 11; } .filters__body { position: relative; height: 100%; } .filters__body .list-vertical li { padding: 0; } .filters__body .list-vertical li label { padding: 0 0 1rem 0; } .filters__footer { position: sticky; margin-top: auto; border-top: solid 1px #dee2e6; z-index: 1; display: block; } .filters__head { border-bottom: solid 1px #dee2e6; background-color: #fff; position: relative; z-index: 1; } } @media (max-width: 991.98px) { .filters { left: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; -webkit-transform: translate3d(0, 100%, 0px) translate(0, 0); transform: translate3d(0, 100%, 0px) translate(0, 0); } .filters.is-visible { -webkit-transform: translate3d(0, 0, 0px) translate(0, 0); transform: translate3d(0, 0, 0px) translate(0, 0); } } .filter-actions { 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; } .filter-actions__trigger { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 45px; line-height: 45px; text-align: center; font-size: 14px; font-weight: 600; border: none; } .filter-actions__trigger:hover { color: var(--brand-color-inverse); } .filter-actions__reset { background-color: #666; color: #fff; } .filter-actions__submit { background-color: var(--brand-color); color: var(--brand-color-inverse); } .filters-widget { position: relative; width: 100%; border-top: solid 1px #dee2e6; padding: 1rem; } @media (min-width: 1200px) { .filters-widget__head { padding-bottom: 1rem; pointer-events: none; } .filters-widget__body { display: block !important; } } .filters-widget .list-vertical { color: #666; } @media (max-width: 1199.98px) { .filters-widget { width: 34%; padding: 0; position: static; } .filters-widget:first-child { border-top: none; } .filters-widget:first-child .filters-widget__body { display: block; } .filters-widget.is-active .filters-widget__head { background-color: #fff; color: var(--brand-color); } .filters-widget.is-active .filters-widget__head h6 { font-weight: 600; } .filters-widget__body { display: none; position: absolute; left: 34%; width: 66%; top: 0; bottom: 0; padding: 1.4rem; background-color: #fff; } .filters-widget__body .filters-scroll { height: 90%; } .filters-widget__head { padding: 12px; cursor: pointer; position: relative; z-index: 1; } .filters-widget__head h6 { font-size: 13px; font-weight: normal; } .filters-widget .checkbox, .filters-widget .radio, .filters-widget .vertical-nav li a { font-size: 13px; color: #666; } } @media (max-width: 767.98px) { .filters-widget__body { padding: 1rem; } } .filters-scroll { overflow: auto; } @media (min-width: 992px) { .filters-scroll { max-height: 400px; scrollbar-width: thin; } } .filters-scroll::-webkit-scrollbar { width: 8px; } .filters-scroll::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 5px; } .filters-scroll::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.08); border-radius: 5px; } .vertical-nav { width: 100%; } .vertical-nav li { position: relative; } .vertical-nav li.is-active > a { color: var(--brand-color); font-weight: 600; } .vertical-nav li a { position: relative; padding: 6px 0; color: inherit; display: block; font-size: 0.9em; } .vertical-nav li .nav-trigger { position: absolute; right: 0; top: 0; height: 32px; width: 32px; line-height: 30px; cursor: pointer; text-align: right; } .vertical-nav li .nav-trigger:before { content: "+"; font-size: 1.2rem; } .vertical-nav li .nav-trigger.is-active:before { content: "-"; font-size: 1.8rem; } .vertical-nav li ul { padding: 0.6rem 1rem; font-size: 13px; } .price-range { 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; } .price-range__group { position: relative; width: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .range-field { position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .range-field__value { min-width: 30px; text-align: center; background-color: rgba(0, 0, 0, 0.04); border: solid 1px #dee2e6; height: 2.5rem; padding: 0 6px; line-height: 2.4rem; border-right: none; color: #666; font-family: inherit; font-size: 0.9em; font-weight: normal; border-radius: 4px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .range-field__input { width: 100%; } .range-field__input input { border-top-left-radius: 0; border-bottom-left-radius: 0; font-size: 0.8rem; } .selected-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; } @media (max-width: 1199.98px) { .selected-filters { white-space: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } } .selected-filters__item, .selected-filters a { padding: 4px 0.5rem; padding-right: 1.6rem; border: solid 1px #dee2e6; border-radius: 4px; font-size: 11px; color: #212529; margin: 0.2rem; margin-left: 0; position: relative; background-color: #fff; } .selected-filters__item:after, .selected-filters a:after { width: 16px; height: 16px; border-radius: 30px; content: "+"; position: absolute; right: 4px; top: 4px; text-align: center; font-size: 16px; line-height: 14px; font-weight: 500; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 1200px) { .selected-filters__item:hover, .selected-filters__item a:hover, .selected-filters a:hover, .selected-filters a a:hover { border-color: var(--brand-color); color: var(--brand-color); } .selected-filters__item:hover:after, .selected-filters__item:hover a:after, .selected-filters__item a:hover:after, .selected-filters__item a:hover a:after, .selected-filters a:hover:after, .selected-filters a:hover a:after, .selected-filters a a:hover:after, .selected-filters a a:hover a:after { color: var(--brand-color); } } .page-title { font-size: 1.6rem; margin-top: 0.4rem; line-height: 1.4; } @media (max-width: 576px) { .page-title { margin-top: 0.6rem; } } .page-title span.count-text { font-size: 1rem; opacity: 0.5; font-weight: normal; } @media (max-width: 576px) { .page-title span.count-text { display: block; margin-top: 0.6rem; } } .page-hero-media { border-radius: 4px; overflow: hidden; margin: 1.4rem 0; } .sorting-bar { margin-bottom: 1rem; } @media (max-width: 991.98px) { .sorting-bar { margin-bottom: 0; } } .sorting-bar select, .sorting-bar .btn { height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .sorting-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .sorting-controls__item { padding: 0 1rem; } @media (max-width: 991.98px) { .sorting-controls__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 1rem; } } .sorting-controls__item:first-child { padding: 0; } .sorting-controls__item:last-child { padding-right: 0; } .sorting-controls__item-last { padding-left: 0; } @media (max-width: 767.98px) { .sorting-controls__item-last { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 0 0; } } @media (max-width: 767.98px) { .sorting-controls__item-secondlast { padding-right: 0; } } .tab-switch { position: relative; text-transform: uppercase; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767.98px) { .tab-switch { width: 100%; } .tab-switch__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .tab-switch .svg-icon { width: 18px; height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .tab-switch .svg-icon svg { fill: currentColor; width: 100%; height: 100%; display: block; } .tab-switch .is-list .svg-icon { width: 22px; height: 22px; } .tab-switch__item { width: 40px; height: 40px; background-color: #fff; 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; color: #6b7c8d; } .tab-switch__item:first-child { border-right: none; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tab-switch__item:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tab-switch__item.is-active svg { fill: var(--brand-color); } .product-list .product-card { -webkit-transition: none; -o-transition: none; transition: none; } .product-list .product-card__head, .product-list .product-card .product-media { -webkit-transition: none; -o-transition: none; transition: none; } .product-list.is-gridview { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; } .product-list.is-gridview .product-list__item { width: 20%; padding: 0 1rem 5rem; } @media (max-width: 1499px) { .product-list.is-gridview .product-list__item { width: 25%; } } @media (max-width: 1023px) { .product-list.is-gridview .product-list__item { width: 33.3%; } } @media (max-width: 767px) { .product-list.is-gridview .product-list__item { width: 50%; } } .product-list.is-gridview .product-sepcs, .product-list.is-gridview .product-seller__actions, .product-list.is-gridview .shop-details { display: none; } .product-list.is-gridview .product-price { font-size: 100%; } .product-list.is-gridview .product-price__sell { font-size: 0.8rem; } .product-list.is-gridview .product-price__original { font-size: 0.8rem; } .product-list.is-gridview .product-price__off { font-size: 0.65rem; } .product-list.is-listview { display: block; } .product-list.is-listview .product-card { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px solid #e6e6e6; margin-top: 1.4rem; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 6px; background-color: #fff; } @media (min-width: 1200px) { .product-list.is-listview .product-card:hover { -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.08); } } @media (max-width: 767px) { .product-list.is-listview .product-card { display: block; } } .product-list.is-listview .product-card .product-card__head { width: 21%; padding: 1.2rem; } @media (max-width: 1399px) { .product-list.is-listview .product-card .product-card__head { width: 30%; } } @media (max-width: 767px) { .product-list.is-listview .product-card .product-card__head { float: left; width: 100px; margin-right: 1rem; padding: 1rem; } } .product-list.is-listview .product-card .product-card__head .product-media { border: none; -webkit-box-shadow: none !important; box-shadow: none !important; } .product-list.is-listview .product-card .product-card__body { width: 79%; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 1399px) { .product-list.is-listview .product-card .product-card__body { width: 70%; padding: 1.6rem; } } @media (max-width: 767px) { .product-list.is-listview .product-card .product-card__body { padding: 0; width: 100%; display: block; } } .product-list.is-listview .product-card .product-detail { width: 66%; padding: 1.6rem 2rem; } @media (max-width: 1399px) { .product-list.is-listview .product-card .product-detail { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; } } @media (max-width: 767px) { .product-list.is-listview .product-card .product-detail { padding: 1rem; min-height: 100px; } } .product-list.is-listview .product-card .product-seller { width: 34%; padding: 2rem calc(0.6rem + 1.8vw); margin: 0 !important; border-left: solid 1px #dee2e6; } .product-list.is-listview .product-card .product-seller__actions { margin: 2rem 0 0; } .product-list.is-listview .product-card .product-seller__actions .btn { margin-top: 1rem; font-weight: 500; } @media (max-width: 1399px) { .product-list.is-listview .product-card .product-seller { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top: solid 1px #dee2e6; padding: 0; padding-top: 1.4rem; margin-top: 1.4rem !important; } .product-list.is-listview .product-card .product-seller__content { width: 65%; } .product-list.is-listview .product-card .product-seller__actions { width: 35%; margin-top: 0; } .product-list.is-listview .product-card .product-seller__actions .btn { margin-top: 0; margin-bottom: 0.8rem; } .product-list.is-listview .product-card .product-seller__actions .btn:last-child { margin-bottom: 0; } } @media (max-width: 767px) { .product-list.is-listview .product-card .product-seller { display: block; padding: 1rem 0 0; margin-top: 0 !important; clear: left; position: relative; } .product-list.is-listview .product-card .product-seller__content { width: 100%; padding: 0 1rem; padding-right: 45%; } .product-list.is-listview .product-card .product-seller__content .seller__tags { position: absolute; right: 1rem; top: 1rem; } .product-list.is-listview .product-card .product-seller__actions { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; border-top: none; margin-top: 1rem; padding: 0 0.6rem 1rem; } .product-list.is-listview .product-card .product-seller__actions .btn { margin: 0 0.5rem 0; border-color: var(--primary-color); color: var(--primary-color); } .product-list.is-listview .product-card .product-seller__actions .btn.btn--primary { border-color: var(--primary-color); background-color: transparent; color: var(--primary-color); } } @media (max-width: 576px) { .product-list.is-listview .product-card .product-seller__actions { padding: 1rem 0.6rem; margin-top: 0; } } .product-list.is-listview .product-card .product-seller .seller__name { font-size: 1rem; margin-bottom: 0; } .product-list.is-listview .product-card .product-actions { left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .product-list.is-listview .product-card .product-actions .btn { margin: 2px; } .product-list.is-listview .product-card .product-actions .btn--secondary { display: none; } .product-list.is-listview .product-card .product-labels { left: 1rem; right: 1rem; top: 1.4rem; } .product-list.is-listview .product-card .product-price { font-size: 120%; margin-top: 1rem; } @media (max-width: 992px) { .product-list.is-listview .product-card .product-price { font-size: 90%; margin-top: 0; } } .product-list.is-listview .product-card .product-price__sell { font-size: 100%; margin-right: 0.7rem; font-weight: 700; color: #000; } .product-list.is-listview .product-card .product-price__off { font-size: 70%; margin-left: 0.7rem; } .product-list.is-listview .product-card .shop-details { margin: 0.2rem 0 1.1rem; } @media (max-width: 576px) { .product-list.is-listview .product-card .shop-details { margin-bottom: 0.5rem; } } .product-list.is-listview .product-card .shop-details .shop-location { font-size: 0.9rem; margin-right: 0.6rem; color: #4e5862; } .product-list.is-listview .product-card .product-title { font-size: 1.1rem; color: var(--secondary-color); font-weight: 500; } .product-list.is-listview .product-card .product-category { font-size: 0.9rem; } .product-list.is-listview .product-card .product-sepcs { display: none; } @media (min-width: 1200px) { .product-list.is-listview .product-card .product-sepcs { display: block; } } @media only screen and (min-device-width: 1024px) and (max-device-width: 1199px) and (orientation: landscape) { .product-list.is-listview .product-card .product-sepcs { display: block; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) and (orientation: portrait) { .product-list.is-listview .product-card .product-sepcs { display: block; } } .page-sticky-actions { display: none; } @media (max-width: 1199.98px) { .page-sticky-actions { position: fixed; left: 50%; -webkit-transform: translateX(-50%) translateY(-20px); -ms-transform: translateX(-50%) translateY(-20px); transform: translateX(-50%) translateY(-20px); z-index: 1; bottom: 0; display: block; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .page-sticky-actions.is-scrollDown { -webkit-transform: translateY(100%) translateX(-50%); -ms-transform: translateY(100%) translateX(-50%); transform: translateY(100%) translateX(-50%); } } .btn--filter { display: none; } @media (max-width: 1199.98px) { .btn--filter { font-size: 14px; min-width: 180px; background-color: var(--brand-color); color: var(--brand-color-inverse); border-radius: 30px; text-align: center; border-width: 2px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .btn--filter svg { fill: var(--brand-color-inverse); margin-right: 0.5rem; } } .link-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .link-icon .svg-icon { width: 14px; height: 12px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 0.3rem; } .link-icon .svg-icon svg { width: 100%; height: 100%; fill: currentColor; } .link-icon:hover { color: var(--brand-color) !important; } .product-sepcs { font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-top: 1.4rem; } .product-sepcs strong { font-weight: 500; } .product-sepcs li { margin: 0.15rem 0; } .product-sepcs li.last-item { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .page-search-listing .footer .footer-row--last { padding-bottom: 4.5rem; } } .single-search__form { position: relative; } .single-search__form input[type="text"] { padding-left: 2.6rem; background-color: #f4f4f4; border-color: #f4f4f4; height: 45px; } .single-search__form input[type="text"]:focus { background-color: #fff; border-color: #ddd; } .single-search__icon { position: absolute; left: 15px; opacity: 0.4; top: 15px; } .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; -o-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); -ms-transform: translateX(0); transform: translateX(0); width: 50%; height: 100%; background-color: #fff; -webkit-transition: all 0.5s; -o-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 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: inherit; position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; width: auto; height: auto; } } .container-form.sign-up { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } @media (max-width: 767.98px) { .container-form.sign-up { -webkit-transform: none; -ms-transform: none; transform: none; } } .container-form .form-item { width: 100%; padding: 0 50px; max-width: 450px; margin: 0 auto; position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767.98px) { .container-form .form-item { overflow: inherit; position: static; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; max-width: 350px; opacity: 1; padding: 2rem; } } .container-form .form-item.sign-in { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; left: 50%; } .container-form .form-item.sign-up { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); right: 0; opacity: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 767.98px) { .container-form .form-item.sign-up { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; border-top: solid 1px #dee2e6; } } .container-form .form-item.sign-up.is-opened { opacity: 1; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; right: 50%; } @media (max-width: 767.98px) { .container-form .form-item.sign-up.is-opened { -webkit-transform: none; -ms-transform: none; transform: none; left: auto; } } .container-form.sign-up .form-item.sign-in { left: -100%; opacity: 0; -webkit-transition: all 0.5s; -o-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: -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; } .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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; 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; border: none !important; } .buttons-list ul li .btn--social { padding: 0; width: 40px; margin: 0 auto; border: none; } .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; } .login-wrapper .form-side .section-head { border: none; margin-bottom: 0.5rem; } @media (max-width: 991.98px) { .login-wrapper .form-side { padding: 1rem; } } .login-wrapper .form-side input[type="submit"], .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(--brand-color); color: var(--brand-color-inverse); font-size: 1em; border: none; display: block; width: 100%; border-radius: 3rem; } .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: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .otp-heading a.otp-link { font-size: 0.8rem; color: var(--primary-color); } /*package page**/ .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 .box { text-align: center; } .packages-box .box .box-inner { background: #282828; border-radius: 3px; padding: 30px; } .packages-box .box.two .box-inner { background: var(--brand-color); color: var(--brand-color-inverse); } .packages-box .box.two .after-box h3 { background: var(--brand-color); color: var(--brand-color-inverse); } .packages-box .box.three .box-inner { background: var(--secondary-color); color: var(--secondary-color-inverse); } .packages-box .box.three .after-box h3 { background: var(--secondary-color); color: var(--secondary-color-inverse); } .packages-box .name { padding: 0 0 20px 0; color: #fff; font-size: 1.5em; line-height: 1.5; font-family: "Poppins", sans-serif; } .packages-box .name span { color: #fff; font-size: 0.8rem; display: block; font-weight: normal; text-transform: none; } .packages-box .valid { color: #fff; font-size: 1.1rem; font-weight: 400; line-height: 1.5; font-family: "Poppins", sans-serif; } .packages-box .valid sup { font-size: 3.2rem; } .packages-box .valid span.currency-value { font-size: 3rem; font-weight: 600; line-height: 1; } .packages-box .trial { text-align: center; padding: 20px; } .packages-box .trial ul li { font-size: 1rem; margin: 5px 0; color: #fff; } .packages-box .trial ul li span { font-size: 1rem; font-weight: 600; } .packages-box .after-box { margin-top: 10px; background: #f2f2f2; padding: 0 0px 35px 0px; text-align: center; } .packages-box .after-box h3 { background: #282828; border-radius: 2px; color: #fff; font-weight: 400; text-align: center; padding: 10px; font-size: 1.1em; } .packages-box .after-box ul { margin: 30px auto; text-align: center; display: block; max-width: 220px; } .packages-box .after-box ul li { border-radius: 4px; padding: 0 5px; margin: 0.5rem auto; font-size: 0.852em; } .packages-box .after-box .checkbox, .packages-box .after-box .radio { vertical-align: top; line-height: 1; } .packages-box a.btn { min-width: 220px; } @media (max-width: 1025px) { .packages-box a.btn { min-width: inherit; } } .payment-page { height: 100vh; -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%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 1.5rem; } .logo-payment { max-width: 200px; text-align: center; margin: 25px auto; } .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 0; } .payment-from { border-top: none; display: table; width: 100%; } .payment-from .siteForm label { display: block; } .payment-from .siteForm input.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 { 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; } .payment-wrapper { background: var(--gray-light); border: solid 1px #dee2e6; border-radius: 4px; } .form--payment { background: #fff; border-radius: 4px; border: solid 1px #dee2e6; } .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; } @media (max-width: 1023px) { .payment-page { height: auto; padding: 1rem; } .cc-payment { -webkit-transform: none; -ms-transform: none; transform: none; position: static; } } @media (min-width: 576px) { .page-become-seller .section { padding: calc(4rem + 3vw) 0; } } @media (max-width: 767.98px) { .page-become-seller .section { padding: 3rem 0; } } .page-become-seller h2 { line-height: 1.6; margin-bottom: 2rem; font-weight: 600; } @media (max-width: 1199.98px) { .page-become-seller h2 { font-size: 1.6rem; } } @media (max-width: 767.98px) { .page-become-seller h2 { font-size: 1.4rem; } } .page-become-seller .section p { color: #666; } @media (min-width: 1200px) { .p-large { font-size: 1.3rem; line-height: 1.8; } } .section-seller { padding: 0 !important; position: relative; max-width: 2000px; margin: 0 auto; } @media (min-width: 576px) { .section-seller { display: grid; } .section-seller > .container, .section-seller > .seller-banner { grid-area: box; } .section-seller > .container { 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; } } @media (min-width: 1200px) { .container--narrow { max-width: 1340px; } .container--small { max-width: 1040px; } .container--xsmall { max-width: 800px; } } .float-box { -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); background-color: rgba(255, 255, 255, 0.75); opacity: 1; padding: 3% 0 4%; } .float-box__container { max-width: 85%; margin: 0 auto; position: relative; } @media (max-width: 767.98px) { .float-box { padding: 2rem 0 3rem; } .float-box__container { max-width: 100%; } } @media (min-width: 1200px) { .float-box { min-height: 400px; min-width: 500px; max-width: 500px; } .float-box__container { max-width: 340px; } } .float-box__head { text-align: center; max-width: 90%; margin: 0 auto; } .float-box__head h1 { font-weight: 700; margin-bottom: 0.5rem; line-height: 1.4; } .float-box .form { margin: 1.4rem 0 0.4rem; } @media (max-width: 1199.98px) { .float-box .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .float-box .form .row { margin: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 5px; } .float-box .form .row:first-child { padding-left: 0; } .float-box .form .row:last-child { padding-right: 0; } .float-box .form .row [class*="col-"] { padding: 0 0; } } @media (max-width: 767.98px) { .float-box .form { display: block; padding: 1rem; background: rgba(0, 0, 0, 0.06); border-radius: 6px; margin-bottom: 2rem; } } .float-box .form .field-set { margin: 0.4rem 0; } .float-box .form input[type="submit"], .float-box .form input[type="button"], .float-box .form input[type="reset"] { display: block; width: 100%; text-transform: uppercase; font-weight: 500; } @media (min-width: 1399px) { .float-box .form input[type="text"] { padding: 0 1.2rem; height: 45px; } .float-box .form input[type="submit"], .float-box .form input[type="button"], .float-box .form input[type="reset"] { height: 45px; } } .float-box .help-text { font-size: 14px; margin: 0 auto 2rem; } @media (min-width: 992px) { .float-box .help-text { max-width: 80%; } } .social-actions { 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; } .social-actions .btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 5px; border: solid 1px #dee2e6; } .social-actions .btn:first-child { margin-left: 0; } .social-actions .btn:last-child { margin-right: 0; } .btn--social { background-color: #fff; font-weight: 500; } .step-block { position: relative; max-width: 370px; text-align: center; } @media (min-width: 1200px) { .step-block { margin: 5rem auto 3rem; } } .step-block__media { width: 150px; height: 150px; margin: 2rem auto 3rem; 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: 100px; background-color: #fff; -webkit-box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05); position: relative; } @media (max-width: 767.98px) { .step-block__media { width: 100px; height: 100px; } .step-block__media img, .step-block__media .post .post_media iframe, .post .post_media .step-block__media iframe, .step-block__media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .step-block__media img, .step-block__media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .step-block__media img { width: 40px; height: 40px; } } .step-block__content { margin: 0 auto; } @media (min-width: 992px) { .step-block__content { max-width: 70%; } } .step-block__content p { font-size: 0.95rem; } .step-block__content h5 { margin-bottom: 1rem; } .step-block .step-arrow { width: 60px; height: 1px; position: absolute; top: 50%; right: -120%; color: #ddd; background-color: currentColor; } @media (max-width: 1199.98px) { .step-block .step-arrow { display: none; } } .step-block .step-arrow:after { position: absolute; right: 0; top: 50%; border-right: 1px solid currentColor; border-top: 1px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); content: ""; width: 12px; height: 12px; margin-top: -6px; } .site-stats { margin-top: 2rem; } @media (min-width: 576px) { .site-stats { margin-top: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .site-stats__title { color: var(--secondary-color); font-weight: 700; font-size: calc(1rem + 1.8vw); margin-bottom: 0.8rem; } .site-stats__subtitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.1rem; } .site-stats__subtitle img, .site-stats__subtitle .post .post_media iframe, .post .post_media .site-stats__subtitle iframe, .site-stats__subtitle .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .site-stats__subtitle img, .site-stats__subtitle .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .site-stats__subtitle img { margin-right: 1rem; } @media (max-width: 767.98px) { .site-stats__colum { border: solid 1px #dee2e6; padding: 2rem; margin-top: 1rem; border-radius: 4px; } } .quote-outer { background-color: #fff; border-radius: 10px; width: 1005; position: relative; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); padding: calc(2rem + 1.6vw) 2rem calc(2rem + 2vw); } @media (max-width: 991.98px) { .quote-outer { margin-bottom: 2rem; } } .quote-slider { margin: 0 auto; position: relative; } @media (min-width: 992px) { .quote-slider { max-width: 480px; } } .quote-slider__item { position: relative; } .quote-slider__content { color: var(--secondary-color); font-size: calc(0.8rem + 0.6vw); font-style: italic; line-height: 1.7; } @media (max-width: 991.98px) { .quote-slider__content { min-height: 8rem; } } .quote-slider__author { position: relative; margin-top: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quote-slider__author .avtar { border-radius: 4px; } .quote-slider__author-content { padding-left: 2rem; width: calc(100% - 120px); } .quote-slider__author-content p { margin-bottom: 0; } .quote-slider__icon { position: absolute; right: -2rem; bottom: 0; width: 100px; height: 85px; opacity: 0.1; background-color: #fff; } @media (max-width: 1199.98px) { .quote-slider__icon { width: 80px; height: 68px; right: -1rem; } .quote-slider__icon svg { width: 100%; height: 100%; } } .quote-slider .slick-dots { position: absolute; bottom: -6.5rem; left: 50%; background-color: #fff; border-radius: 30px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); right: auto; padding: 0.4rem 1rem; min-width: 100px; } @media (max-width: 1199.98px) { .quote-slider .slick-dots { bottom: -5.5rem; } } .quote-slider .slick-dots li { width: 10px; height: 10px; } .quote-slider .slick-dots li.slick-active { background-color: var(--brand-color); } .flat-tile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 4rem; padding-bottom: 2rem; width: 100%; } .flat-tile__media { width: 100px; height: 100px; border-radius: 100px; background-color: rgba(0, 0, 0, 0.05); 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; } .flat-tile__content { padding-left: 2rem; width: calc(100% - 100px); } .flat-tile__content h5 { line-height: 1.6; margin-bottom: 1rem; font-weight: 500; opacity: 0.8; } @media (min-width: 576px) { .flat-tile__content h5 { max-width: 70%; } } .flat-tile__content p { font-size: 0.95rem; line-height: 1.8; } @media (min-width: 576px) { .flat-tile__content p { max-width: 90%; } } .stats-list { margin: 3rem 0 3rem; } .stats-list li { margin-bottom: 2rem; position: relative; padding-left: 2.5rem; } .stats-list li:before { width: 16px; height: 16px; position: absolute; left: 0; top: 2px; border: 2px solid var(--brand-color); border-radius: 20px; content: ""; } .stats-list li:after { position: absolute; left: 6px; top: 5px; content: ""; width: 5px; height: 8px; border-right: 2px solid var(--brand-color); border-bottom: 2px solid var(--brand-color); -webkit-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); } .stats-list li h6 { margin-bottom: 0.3rem; } @media (min-width: 992px) { .blog-tile { margin: 3rem 0; } } .blog-tile__media { border-radius: 6px; overflow: hidden; background-color: rgba(0, 0, 0, 0.04); } .blog-tile__body { padding-top: 2rem; max-width: 92%; } .blog-tile__meta { margin-bottom: 1rem; } .blog-tile__cate { text-transform: uppercase; font-size: 13px; color: var(--brand-color); font-weight: 600; position: relative; padding-right: 2rem; margin-right: 0.5rem; } .blog-tile__cate:after { position: absolute; right: 0; top: 7px; content: ""; height: 1px; background-color: var(--brand-color); width: 20px; } .blog-tile__date { font-size: 13px; } .blog-tile__title { line-height: 1.6; font-weight: 600; } .blog-tile__title a { color: inherit; display: block; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } @media (min-width: 1200px) { .blog-tile__title a:hover { text-decoration: underline; text-underline-offset: 6px; } } /* FAQ */ .accordians-group { margin-bottom: 60px; counter-reset: num-counter; } .accordians { position: relative; background-color: #fff; border: solid 1px #dee2e6; border-radius: 6px; margin: 1rem 0; } @media (min-width: 576px) { .accordians { margin: 1rem; } } .accordians__title { position: relative; display: block; font-size: calc(1rem + 0.15vw); padding: calc(1rem + 0.6vw) calc(3.264rem + 3.264vw) calc(1rem + 0.6vw) calc(1.264rem + 1.264vw); cursor: pointer; line-height: 1.6; } .accordians__title:after { position: absolute; right: calc(1rem + 1vw); top: calc(50% - 0.5rem); content: ""; width: 10px; height: 10px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 767.98px) { .accordians__title:after { width: 8px; height: 8px; top: 1.6rem; } } .accordians__title:before { counter-increment: num-counter; content: "0" counter(num-counter) ". "; font-weight: 500; } .accordians.is-active { margin-left: 0; margin-right: 0; -webkit-box-shadow: 0 0 70px rgba(0, 0, 0, 0.07); box-shadow: 0 0 70px rgba(0, 0, 0, 0.07); } .accordians.is-active .accordians__title { color: var(--brand-color); font-weight: 500; } .accordians.is-active .accordians__title:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .accordians__body { padding: 0 calc(1.264rem + 1.264vw) calc(1.064rem + 1.064vw); } .accordians__body p { line-height: 1.8; margin-bottom: 0; } .accordians-cta { margin: 1rem 1rem 0; } @media (max-width: 991.98px) { .row-tab-scroll { white-space: nowrap; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .row-tab-scroll [class*="col-"] { width: 340px; max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .row-tab-scroll [class*="col-"] > * { white-space: normal; } } @media (max-width: 991.98px) { .world-map { margin-bottom: 2rem; } } @media (max-width: 767.98px) { .cta-inline a { display: block; } } .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: -webkit-box; display: -ms-flexbox; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; 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="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 { 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="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: 14px; 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: #212529; font-size: 1.5rem; cursor: pointer; -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: 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: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 991.98px) { .short-nav { background-color: #fff; -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.05); 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; -o-transition: left 0.3s ease, right 0.3s ease; transition: left 0.3s ease, right 0.3s ease; } .short-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .short-nav--on .short-nav { background: var(--gray-light); 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: #212529; } .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: -o-linear-gradient(left, #414345, #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: #212529; width: 100%; border-radius: 4px; } .seller-register-form.affiliate-register-form { max-width: none; } .seller-register-form .message { padding: 0 20px; } .registeration-process { margin: 1rem 0; } .registeration-process ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow-x: auto; } .registeration-process ul li { font-size: 0.85em; color: #212529; 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%; } .section-shop { position: relative; padding: 0; } .section-shop:before { height: 71px; bottom: -1px; position: absolute; left: 0; right: 0; background-color: #F6F6F6; content: ""; pointer-events: none; border-top: solid 1px #dee2e6; } .shop-view { position: relative; width: 100%; border: solid 1px #dee2e6; border-top: none; } .shop-view__logo { 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; min-height: 100px; } @media (min-width: 992px) { .shop-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shop-view__small { width: 250px; padding: 1.6rem; } .shop-view__large { width: calc(100% - 280px); padding: 1.6rem; } .shop-view__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shop-view__meta-l { max-width: 80%; } } @media (max-width: 1199.98px) { .shop-view { display: block; } .shop-view__small { width: 160px; padding: 1rem; margin-right: 1rem; float: left; } .shop-view__large { width: 100%; padding: 1.4rem; min-height: 130px; } .shop-view__meta-r { padding-top: 0.6rem; } .shop-view__meta-r .btn { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (max-width: 991.98px) { .shop-view__small { margin-bottom: 2rem; } } @media (max-width: 767.98px) { .shop-view__small { width: auto; padding: 1rem; margin-right: 0; float: none; } .shop-view__large { width: 100%; padding: 0 1.4rem 1.4rem; text-align: center; } .shop-view__logo { min-height: 1%; width: 120px; height: 120px; margin: 0 auto; background-color: #fff; position: relative; margin-top: -4rem; border-radius: 6px; padding: 1rem; border: solid 1px #dee2e6; } .shop-view .page-title { font-size: 1.2rem; } .shop-view .seller-badges--inline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-view .panel-list .btn { font-size: 0; min-width: 40px; min-height: 40px; 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; } .shop-view .panel-list .btn .site-icon { margin: 0; } .shop-view .panel-list__item:not(:first-child) { margin-left: 0.4rem; padding-left: 0.4rem; } .shop-view .panel-list__item:not(:last-child) { margin-right: 0; padding-right: 0; } .shop-view__meta-r { padding-top: 0.6rem; } .shop-view__meta-r .btn { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } } .shop-controls { position: relative; width: 100%; border: solid 1px #dee2e6; border-top: none; background-color: #fff; border-radius: 0 0 6px 6px; } .shop-controls__small { padding: 0.7rem; border-bottom: solid 1px #dee2e6; } @media (min-width: 992px) { .shop-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .shop-controls__small { width: 250px; padding: 0.7rem; padding-right: 0; border: none; } .shop-controls__large { padding: 0 1.6rem; width: 100%; } .shop-controls__large:not(:only-child) { width: calc(100% - 280px); } } .shop-search__form { position: relative; } .shop-search__form input[type="text"] { padding-left: 2.6rem; background-color: #f4f4f4; border-color: #f4f4f4; height: 45px; } .shop-search__form input[type="text"]:focus { background-color: #fff; border-color: #ddd; } .shop-search__icon { position: absolute; left: 15px; opacity: 0.4; top: 15px; } .shop-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199.98px) { .shop-menu ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; } } .shop-menu ul li { margin-right: 4%; } @media (min-width: 1200px) { .shop-menu ul li { margin-right: 5%; } } @media (max-width: 1199.98px) { .shop-menu ul li { margin-right: 4%; } } @media (max-width: 991.98px) { .shop-menu ul li { margin: 0 3%; } } .shop-menu ul li.is-active a { color: var(--brand-color); } .shop-menu ul li.is-active a:after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: 3px; background-color: var(--brand-color); } .shop-menu ul li a { display: block; color: inherit; height: 68px; line-height: 68px; font-size: 0.9rem; font-weight: 500; color: #555; position: relative; } .shop-section-narrow .shop-view { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .shop-section-narrow .container { max-width: 1240px; } } @media (max-width: 767.98px) { .shop-section-narrow .shop-view__logo { margin-top: 0; } } .testimonials-item { display: block; position: relative; margin-bottom: 30px; } .testimonials-item:hover .user { top: -20px; } .testimonials-item:hover .testimonials-content:before { opacity: 1; } .testimonials-item:hover .testimonials-content .user-name { color: #fff; } .testimonials-item:hover .testimonials-content .txt:before, .testimonials-item:hover .testimonials-content .txt:after { opacity: .1; } .testimonials-item:hover .testimonials-content span, .testimonials-item:hover .testimonials-content p { color: #C7E5FF !important; } .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; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 5px; overflow: hidden; background: #fff; -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 { background: #fff; 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); border-radius: 5px; position: relative; } .testimonials-item .testimonials-content:before { content: ''; position: absolute; width: 100%; height: 100%; z-index: 1; background: var(--secondary-color); color: var(--secondary-color-inverse); opacity: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .testimonials-item .testimonials-content .user-name { display: block; font-weight: 400; font-size: 16px; color: #3B566E; margin-top: 20px; -webkit-padding-start: 100px; -moz-padding-start: 100px; 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; -webkit-padding-start: 100px; -moz-padding-start: 100px; padding-left: 100px; -webkit-padding-end: 25px; -moz-padding-end: 25px; padding-right: 25px; position: relative; z-index: 3; } .testimonials-item .testimonials-content .txt { position: relative; overflow: hidden; } .testimonials-item .testimonials-content .txt p { -webkit-padding-start: 25px; -moz-padding-start: 25px; padding-left: 25px; -webkit-padding-end: 25px; -moz-padding-end: 25px; padding-right: 25px; margin-bottom: 25px; margin-top: 1rem; font-weight: 400; font-size: 14px; letter-spacing: 0.6px; line-height: 26px; position: relative; z-index: 3; max-height: 250px; } .sitemapcontainer h2 { font-size: 1.3em; margin: 1rem 0; padding-bottom: 1rem; border-bottom: solid 1px #dee2e6; } .page-banner.banner-video { text-align: left; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767.98px) { .banner-video.page-banner { min-height: 200px; } } .banner-video.page-banner::after { background-color: rgba(36, 40, 56, 0.6); } .view-collection-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(216px, 1fr)); grid-gap: 1.5rem; } @media (max-width: 767.98px) { .view-collection-grid { grid-gap: 1rem; grid-template-columns: repeat(2, 1fr); } } .view-collection-grid .products { max-width: initial; } .view-collection-grid .products.product-view .view-icon { -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; } .view-collection-grid .products.product-view:hover .view-icon { -webkit-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; background-color: #c90000; } .view-collection-grid .products .products__quickview a { height: 2.5rem; } .view-collection-grid .products .products__body .products__img { margin-bottom: 0; } .view-collection-grid .products .products__footer { padding: 1rem; } .section-dark { /* ff 3.6+ */ /* safari 5.1+,chrome 10+ */ /* opera 11.10+ */ background: -o-linear-gradient(359deg, #0f4c81 0%, #0b1342 100%); /* ie 6-9 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F4C81', endColorstr='#0B1342', GradientType=1 ); /* ie 10+ */ /* global 94%+ browsers support */ background: -o-linear-gradient(91deg, #0f4c81 0%, #0b1342 100%); background: linear-gradient(359deg, #0f4c81 0%, #0b1342 100%); } @media (min-width: 1200px) { .section-dark { padding-block: 5rem; } } .section-dark .section-head { display: block; } @media (min-width: 1200px) { .section-dark .section-head { margin-bottom: 2.5rem; } } .section-dark .section__heading h2 { color: var(--brand-color-inverse); } @media (min-width: 1200px) { .contact-view--large { min-width: 1120px !important; padding: 0 !important; max-width: 1120px; } .contact-view--normal { min-width: 700px !important; padding: 0 !important; max-width: 700px; } } @media (min-width: 1200px) { .quick-view--large { max-width: 1000px !important; width: 98% !important; } } .quick-view .section-details { padding: 1rem; } .quick-view .section-details .container { width: 100%; max-width: 100%; padding: 0; } .quick-view .section-details .page-title { font-size: 1.2rem; } .quick-view .section-details .page-title a { color: inherit; } .quick-view .section-details .panel-price__main { font-size: 1.4rem; } .contact-panel { width: 100%; position: relative; } @media (min-width: 576px) { .contact-panel { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media (min-width: 768px) { .contact-panel { display: -webkit-box; display: -ms-flexbox; display: flex; } .contact-panel__small { width: 360px; border-right: solid 1px #dee2e6; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .contact-panel__large:not(:only-child) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 360px); flex: 0 0 calc(100% - 360px); max-width: calc(100% - 360px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .contact-panel__large { width: 100%; } @media (max-width: 767.98px) { .contact-panel__small { border-top: solid 1px #dee2e6; } } @media (max-width: 991.98px) { .contact-panel { height: 100%; border-bottom: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; } } @media (max-width: 767.98px) { .contact-panel { padding-top: 3rem; } } @media (min-width: 768px) { .contact-panel .seller-portlet { min-height: 600px; } .contact-panel .seller-portlet__head { padding: 1.6rem; } .contact-panel .seller-portlet__body { padding: 0 1.6rem 1.6rem; } } @media (max-width: 991.98px) { .contact-panel .seller-portlet__head { padding: 0; } .contact-panel .seller-portlet__body { padding: 1rem; } } @media (min-width: 576px) { .contact-panel__sidebar { position: absolute; left: 0; top: 0; bottom: 0; background-color: #fff; z-index: 2; width: 360px; -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.05); box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.05); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-top-left-radius: 4px; border-bottom-left-radius: 4px; opacity: 0; visibility: hidden; } } @media (max-width: 991.98px) { .contact-panel__sidebar { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background-color: #fff; z-index: 2; opacity: 0; visibility: hidden; z-index: 2; width: 100%; } } .contact-panel__sidebar.is-visible { opacity: 1; visibility: visible; } .contact-panel__head { position: sticky; top: 0; background-color: #fff; border-bottom: solid 1px #dee2e6; padding: 1rem 1.4rem; z-index: 1; } .contact-panel__body { overflow: auto; height: calc(100% - 80px); padding: 1rem 1.4rem; } @media (max-width: 991.98px) { .contact-panel { z-index: 2; } } .quick-form { padding: 1rem; } @media (min-width: 768px) { .quick-form { padding: 3rem; } } .quick-form__head { text-align: center; } @media (max-width: 991.98px) { .quick-form__head { max-width: 80%; margin: 0 auto; } } .quick-form__head p { opacity: 0.7; } .quick-form input[type="submit"], .quick-form .form input[type="button"], .form .quick-form input[type="button"], .quick-form .form input[type="reset"], .form .quick-form input[type="reset"] { padding: 0 2rem; } @media (max-width: 767.98px) { .quick-form__body { padding: 15px; } .quick-form input[type="submit"], .quick-form .form input[type="button"], .form .quick-form input[type="button"], .quick-form .form input[type="reset"], .form .quick-form input[type="reset"] { width: 100%; } } .spn_must_field { color: red; } .address-group { position: relative; } @media (min-width: 992px) { .address-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .address-group__large { width: 100%; } .address-group__large:not(:only-child) { -webkit-box-flex: 0; -ms-flex: 0 0 64%; flex: 0 0 64%; max-width: 64%; } .address-group__small { width: 32%; } } @media (max-width: 991.98px) { .address-group__small { padding-top: 1rem; } } .address-selection { position: relative; border: solid 1px #dee2e6; border-radius: 4px; } .address-selection__trigger { height: 2.5rem; line-height: 2.5rem; width: 100%; position: relative; padding-left: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #555; } .address-selection__trigger strong { font-weight: 500; } .address-selection__trigger.is-active { color: var(--brand-color); } .address-selection__trigger-arrow { padding-right: 2rem; cursor: pointer; } .address-selection__trigger-arrow:after { content: ""; position: absolute; right: 1rem; top: 50%; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); margin-top: -5px; } .address-selection__value { display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 0.9rem; width: calc(95% - 24px); } .address-selection__target { background-color: #fff; position: absolute; left: 0; right: 0; top: 100%; border: solid 1px #dee2e6; border-radius: 4px; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); z-index: 1; display: none; } .address-selection__list { max-height: 160px; overflow: auto; scrollbar-width: thin; } .address-selection__list .address-selection__trigger { cursor: pointer; } .close-btn { width: 40px; height: 40px; position: relative; text-align: center; line-height: 40px; display: block; color: #212529; } .close-btn:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "+"; font-size: 1.8rem; font-weight: 400; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .step-container { position: relative; border: solid 1px #dee2e6; border-radius: 6px; background-color: #fff; width: 100%; } .step-container__head { text-align: center; padding: calc(1rem + 2vw) 0 calc(1rem + 1vw); } .step-container__body { padding: calc(1rem + 2vw) calc(1rem + 3vw) calc(1rem + 3vw); } .steps-vertical ul { position: relative; color: #c6c6c6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .steps-vertical ul:before { position: absolute; left: 0; right: 0; top: 24px; content: ""; background-color: currentColor; height: 1px; pointer-events: none; opacity: 0.5; } .steps-vertical ul li { font-size: 0.9rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; } .steps-vertical ul li.is-current { color: var(--brand-color); } .steps-vertical ul li.is-current a { cursor: pointer; font-weight: 500; } .steps-vertical ul li.is-current:before { position: absolute; left: 0; top: 24px; background-color: currentColor; height: 1px; pointer-events: none; content: ""; width: 50%; } .steps-vertical ul li.is-current:after { position: absolute; right: 0; top: 24px; background-color: currentColor; height: 1px; pointer-events: none; content: ""; width: 50%; } .steps-vertical ul li.is-completed { color: #00a96b; } .steps-vertical ul li.is-completed a { cursor: pointer; font-weight: 500; } .steps-vertical ul li.is-completed:before { position: absolute; left: 0; top: 24px; background-color: currentColor; height: 1px; pointer-events: none; content: ""; width: 50%; } .steps-vertical ul li.is-completed:after { position: absolute; right: 0; top: 24px; background-color: currentColor; height: 1px; pointer-events: none; content: ""; width: 50%; } .steps-vertical ul li.is-completed .steps-vertical__count { background-color: currentColor; font-size: 0; } .steps-vertical ul li.is-completed .steps-vertical__count:before { position: absolute; left: 7px; top: 4px; content: ""; width: 7px; height: 11px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(46deg); -ms-transform: rotate(46deg); transform: rotate(46deg); } .steps-vertical ul li a { display: block; color: inherit; cursor: default; } .steps-vertical__count { width: 24px; height: 24px; border-radius: 50px; border: 1px solid currentColor; background-color: #fff; position: relative; z-index: 1; display: block; text-align: center; line-height: 22px; margin: 14px auto; } @media (max-width: 767.98px) { .steps-vertical__label { font-size: 11px; } } .mandatory { color: red; } @media (min-width: 576px) { .form--horizontal .field-set { 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--horizontal .caption-wraper { width: 35%; } .form--horizontal .field-wraper { width: 64%; } } .form--registration input[type="submit"], .form--registration .form input[type="button"], .form .form--registration input[type="button"], .form--registration .form input[type="reset"], .form .form--registration input[type="reset"] { min-width: 130px; height: 40px; } .form--registration .btn { min-width: 90px; height: 40px; } .form--registration input[type="text"] { color: #888; } .check-sign { width: 80px; height: 80px; margin: 0 auto 1rem; position: relative; } .check-sign svg { width: 100%; height: 100%; fill: var(--brand-color); } .message-display { text-align: center; } .application-no { border-top: solid 1px #dee2e6; border-bottom: solid 1px #dee2e6; padding: 1rem 0; max-width: 80%; margin: 2rem auto; color: #999; text-transform: uppercase; font-size: 0.9rem; } .related-list { font-size: 0.9rem; } .related-list__item { color: #7e8b98; } .related-list strong { font-weight: 500; } @media (max-width: 767.98px) { .related-list { margin-bottom: 1.6rem; } } .seller-card { position: relative; width: 100%; padding: calc(0.8rem + 0.8vw); border: 1px solid #e6e6e6; margin-top: 1.4rem; -webkit-transition: none; -o-transition: none; transition: none; border-radius: 6px; background-color: #fff; } .seller-card__head { border-bottom: solid 1px #dee2e6; min-height: 100px; padding-bottom: 1rem; margin-bottom: 2rem; } @media (max-width: 767.98px) { .seller-card__body { display: none; } .seller-card__head { border-bottom: none; margin-bottom: 0; } } .seller-view { position: relative; width: 100%; } .seller-view__logo { 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: 105px; width: 105px; border: solid 1px #dee2e6; border-radius: 4px; } .seller-view__title a { color: inherit; } @media (min-width: 576px) { .seller-view { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .seller-view__large { width: calc(100% - 130px); } .seller-view__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .seller-view__meta-l { max-width: 80%; } } @media (max-width: 991.98px) { .seller-view__logo { height: 140px; width: 140px; } .seller-view__large { width: calc(100% - 160px); } .seller-view__large .seller-badges--inline { margin-top: 0; } .seller-view__meta { display: block; } .seller-view__meta-l { max-width: 100%; } .seller-view__meta-r { max-width: 35%; } .seller-view .panel-list__item:not(:first-child) { margin-left: 0.4rem; padding-left: 0.4rem; } .seller-view .panel-list__item:not(:last-child) { margin-right: 0; padding-right: 0; } } @media (max-width: 767.98px) { .seller-view__title { font-size: 1.1rem; } .seller-view__logo { height: 100px; width: 100px; margin: 0 auto 1.4rem; } .seller-view__small { margin: 0 auto; } .seller-view__large { width: 100%; text-align: center; } .seller-view__large .seller-badges--inline { margin-top: 0; } .seller-view .panel-list .btn { font-size: 0; min-width: 40px; min-height: 40px; 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; } .seller-view .seller-badges--inline { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 1rem 0; } .seller-view__meta-l { max-width: 100%; } .seller-view__meta-r { max-width: 100%; } .seller-view__meta .btn { max-width: 250px; margin: 0 auto; } } .specs-table { font-size: 0.9rem; } .specs-table th { font-weight: 600; padding: 0 10px 10px 0; vertical-align: top; min-width: 130px; } .specs-table td { padding-bottom: 0.3rem; vertical-align: top; } .products-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .products-container__item { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; padding-left: 1.6rem; max-width: 33.3%; } .products-container .product-media { border: none; } .products-container .product-media.ratio > a { background-color: #f2f2f2; } .products-container .product-media img, .products-container .product-media .post .post_media iframe, .post .post_media .products-container .product-media iframe, .products-container .product-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .products-container .product-media img, .products-container .product-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .products-container .product-media img { mix-blend-mode: darken; } .products-container .product-title { -o-text-overflow: none; text-overflow: none; white-space: normal; font-weight: normal; font-size: 0.75rem; line-height: 1.4; } .related-products { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 1rem -1rem 0; -ms-flex-wrap: wrap; flex-wrap: wrap; } .related-products__item { padding: 0 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin-bottom: 2rem; } .related-products .product-card__body { padding-top: 0.8rem; } .related-products .product-title { -o-text-overflow: none; text-overflow: none; white-space: normal; font-weight: normal; font-size: 0.9rem; line-height: 1.4; } @media (min-width: 1399px) { .related-products { display: block; margin: 0; } .related-products__item { padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .related-products .product-title { font-size: 0.75rem; line-height: 1.4; } .related-products .product-actions { left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .related-products .product-actions .btn { margin: 2px; min-width: 1%; font-size: 0; padding: 0; width: 40px; height: 40px; line-height: 40px; } .related-products .product-actions .btn .action-icon { margin: 0; } } @media (max-width: 1199.98px) { .related-products { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; margin: 1rem 0 0; } .related-products__item { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; padding: 0; padding-right: 1.8rem; } .related-products .product-title { font-size: 0.9rem; line-height: 1.4; } .related-products .product-actions { left: 0; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .related-products .product-actions .btn { margin: 2px; min-width: 1%; font-size: 0; padding: 0; width: 40px; height: 40px; line-height: 40px; } .related-products .product-actions .btn .action-icon { margin: 0; } } @media (max-width: 767.98px) { .related-products__item { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; max-width: 170px; } } .cta-widget { position: relative; width: 1005; border-radius: 4px; border: solid 1px #dee2e6; min-height: 200px; margin-top: 1.4rem; background-color: #fff; } .cta-widget__head { padding: 1.4rem; } .cta-widget__head h6 { color: var(--secondary-color); font-size: 1.2rem; font-weight: 500; } .cta-widget__body { padding: 0 1.4rem; } .cta-widget__footer { padding: 1.4rem; } .cta-widget__item { font-size: 0.85rem; color: #65727e; } .cta-widget__item strong { font-weight: 600; display: block; font-size: 0.95rem; color: #383f45; } @media (max-width: 1199.98px) { .cta-widget { display: none; } } * { scrollbar-width: thin; } *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } .header { font-size: 14px; color: #666; position: sticky; top: 0; background-color: #fff; z-index: 10; } @media (min-width: 1200px) { .header__secondary { border-bottom: 1px solid #e6e6e6; position: relative; } } .header__primary { border-bottom: 1px solid #e6e6e6; } @media (min-width: 1200px) { .header__primary { position: relative; } } @media (max-width: 1199.98px) { .header__primary { padding: 1.4rem 0; } } .header__menu { position: relative; z-index: 9; } .header.is-fixed .header { -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1); } .header.is-fixed .header__secondary { display: none; } .is-home .header.is-fixed .menu-primary-offset { display: none; } @media (max-width: 1199.98px) { .header.is-fixed .header-search { display: none; } } .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .header-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .header-row__cell-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header-row__cell-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .site-settings { position: relative; } .site-settings__item { padding: 1.3rem; } .site-settings__item:first-child { padding-bottom: 0; } .site-settings__label { opacity: 0.7; font-size: 13px; display: block; margin-bottom: 5px; } .site-settings__selection-item { position: relative; padding: 4px 0; display: block; margin: 0; } .header-search { color: var(--brand-color); } @media (min-width: 1200px) { .header-search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1rem; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width: 1199.98px) { .header-search { -webkit-box-flex: 1; -ms-flex: 1 0 100%; flex: 1 0 100%; margin-top: 1.5rem; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .header-search__form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0; } .header-search__type { position: relative; border-right: 1px solid var(--brand-color); border: 1px solid currentColor; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .header-search__type-trigger { 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; padding: 0 1rem; padding-right: 40px; cursor: pointer; position: relative; color: #999; } @media (max-width: 991.98px) { .header-search__type-trigger { font-size: 12px; } } .header-search__type-target .dropdown-item { color: #666; padding: 0.55rem 1.5rem !important; min-width: 200px; } .header-search__field { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-search__field input[type="text"] { border: none; min-height: 40px; width: 100%; font-size: 100%; height: 100%; padding: 0 1.4rem; border-top: 1px solid var(--brand-color); border-bottom: 1px solid var(--brand-color); border-radius: 0; } @media (max-width: 991.98px) { .header-search__field input[type="text"] { font-size: 12px; } } .header-search__field:not(:nth-child(2)) input { border-left: 1px solid var(--brand-color); border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .header-search__action { position: relative; } .header-search__action input[type="submit"], .header-search__action .form input[type="button"], .form .header-search__action input[type="button"], .header-search__action .form input[type="reset"], .form .header-search__action input[type="reset"] { height: 100%; min-width: 45px; background-image: url(images/magni-white.svg); background-size: 16px; background-repeat: no-repeat; background-position: 15px 12px; background-color: var(--brand-color); border: none; border-radius: 0; border-top-right-radius: 6px; border-bottom-right-radius: 6px; cursor: pointer; color: #fff; text-align: center; } @media (min-width: 1200px) { .header-search__action input[type="submit"], .header-search__action .form input[type="button"], .form .header-search__action input[type="button"], .header-search__action .form input[type="reset"], .form .header-search__action input[type="reset"] { padding-left: 1.5rem; min-width: 100px; } } @media (max-width: 1199.98px) { .header-search__action input[type="submit"], .header-search__action .form input[type="button"], .form .header-search__action input[type="button"], .header-search__action .form input[type="reset"], .form .header-search__action input[type="reset"] { font-size: 0; } } .logo { margin-right: 0.5rem; max-width: 160px; } @media (max-width: 767.98px) { .logo { max-width: 100px; } } @media (max-width: 767.98px) { .logo { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .header-control { position: relative; } @media (max-width: 1199.98px) { .header-control { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (max-width: 1199.98px) { .header-control { display: inline-block; vertical-align: middle; margin-left: 0.5rem; } } .header-control__trigger { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; color: inherit; } @media (min-width: 1200px) { .header-control__trigger { padding: 1.25rem 1rem; } } @media (max-width: 1199.98px) { .header-control__trigger.is-active:after { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 1; } } .header-control__trigger-media { position: relative; width: 36px; height: 36px; border-radius: 4px; 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 (min-width: 1200px) { .header-control__trigger-media { margin-right: 0.6rem; } } .header-control__trigger-media .avtar { width: 100%; height: 100%; } .header-control__trigger-meta { line-height: 1.3; } @media (max-width: 1199.98px) { .header-control__trigger-meta { display: none; } } .header-control__trigger-label { display: block; font-size: 12px; opacity: 0.6; } .header-control__trigger-value { display: block; font-weight: 500; position: relative; } .header-control__trigger-count { position: absolute; left: calc(100% - 20px); top: 0; background-color: var(--third-color); border-radius: 50px; padding: 0.2rem 0.3rem; line-height: 1; color: #fff; font-size: 11px; min-width: 20px; min-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; } .header-control__trigger-arrow .header-control__trigger-value { padding-right: 1rem; } .header-control__trigger-arrow .header-control__trigger-value:after { content: ""; position: absolute; right: 0; top: 50%; width: 6px; height: 6px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); margin-top: -5px; } @media (max-width: 767.98px) { .header-control--categories { margin-left: 0; } } @media (min-width: 1200px) { .header-control--categories { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media (max-width: 1199.98px) { .header-control--categories { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header-control--categories .header-control__trigger-media .site-icon { width: 28px; height: 28px; } } @media (max-width: 767.98px) { .header-control--categories .header-control__trigger-media { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1200px) { body.is-home .header-control--categories { display: none; } .header-control--categories .header-control__trigger-media { background-color: rgba(0, 0, 0, 0.05); margin-right: 0.6rem; } } @media (max-width: 1199.98px) { .header-control--categories .header-control__trigger-media { background-color: rgba(0, 0, 0, 0.05); margin-right: 0.6rem; } } @media (max-width: 767.98px) { .header-control--categories .header-control__trigger-media { background-color: transparent; margin-right: 0; } } @media (max-width: 1199.98px) { .header-control--categories .header-control__trigger-meta { display: block; } } @media (max-width: 767.98px) { .header-control--categories .header-control__trigger-meta { display: none; } } @media (min-width: 1200px) { .header-control__trigger.is-active .menu-hamburger > .svg-hbm { display: none; } .header-control__trigger.is-active .menu-hamburger > .svg-close { display: block; } } @media (min-width: 1200px) { .header-control--account { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .header-control--account { margin-left: auto; } @media (min-width: 1200px) { .header-control--cart { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .header-control__target { position: absolute; top: 100%; background-color: #fff; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border: 1px solid #ebebeb; min-width: 260px; z-index: 3; display: none; } .header-control__target--right { right: 0; } .header-control__target--left { left: 0; } .header-control__target .account-meta { min-width: 300px; } @media (max-width: 1199.98px) { .header-control__target { background: #fff; bottom: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); right: -100%; margin: 0; overflow: auto; position: fixed; top: 0; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 320px; opacity: 0; visibility: hidden; z-index: 111; padding: 0; display: block; } .header-control__target.is-visible { opacity: 1; right: 0; visibility: visible; } } @media (min-width: 1200px) { .header-control__trigger:hover { color: inherit; } } @media (min-width: 1200px) { .header-control--hovered:hover .header-control__trigger { background-color: #fff; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border-color: #ebebeb; } .header-control--hovered:hover .header-control__trigger:before { position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; background-color: #fff; content: ""; pointer-events: none; z-index: 4; } .header-control--hovered:hover .header-control__target { display: block; } } .account-meta { padding: 1.5rem; text-align: center; } .account-meta__action { padding: 0.6rem 0; color: var(--brand-color); text-decoration: underline; text-underline-offset: 3px; } .account-meta__action:hover { text-decoration: underline; } .account-meta .btn--wide { min-width: 150px; } .menu-hamburger { width: 30px; height: 20px; position: relative; color: #444; 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; } .menu-hamburger > span { width: 100%; height: 2px; background-color: currentColor; display: block; position: relative; } .menu-hamburger > span:before { position: absolute; left: 0; right: 0; top: -6px; width: 100%; height: 2px; background-color: currentColor; display: block; content: ""; } .menu-hamburger > span:after { position: absolute; left: 0; right: 0; bottom: -6px; width: 100%; height: 2px; background-color: currentColor; display: block; content: ""; } .menu-hamburger > .svg-hbm { width: 20px; height: 20px; display: block; fill: currentColor; } .menu-hamburger > .svg-close { width: 24px; height: 24px; display: none; fill: currentColor; } @media (max-width: 767.98px) { .menu-hamburger { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 4px; width: 40px; height: 40px; top: 2px; left: -8px; } .menu-hamburger > span { height: 2px; } .menu-hamburger > span:before { top: -8px; height: 2px; } .menu-hamburger > span:after { bottom: -8px; height: 2px; } .menu-hamburger > .svg-hbm { width: 28px; height: 28px; } .menu-hamburger > .svg-close { width: 24px; height: 24px; } } .header-engagespot { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .header-engagespot { margin-left: auto; } .header-engagespot + .header-control--account { margin-left: 0.3rem; } .btn-engagespot { min-width: 42px; min-height: 42px; position: relative; border-radius: 6px; } @media (min-width: 1200px) { .btn-engagespot:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: var(--brand-color); border-radius: 6px; pointer-events: none; opacity: 0.08; } .btn-engagespot:hover:before { opacity: 0.15; } } .btn-engagespot button { width: 42px; height: 42px; 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; } .btn-engagespot button:hover { background-color: transparent !important; } .btn-engagespot > div > button > svg { fill: var(--dark); width: 29px !important; height: 29px !important; stroke: #000 !important; stroke-width: 3 !important; } @media (min-width: 1200px) { .btn-engagespot > div > button > svg { stroke: var(--brand-color) !important; width: 26px !important; height: 26px !important; } } .navigation-wrapper { margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: top; position: relative; } .navigations { width: 100%; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } .navigations > li { display: block; font-size: 0.9em; font-weight: 600; position: static; margin: 0 2rem; } .navigations > li:first-child { margin-left: 0; padding-left: 0; } .navigations > li:hover > a { color: var(--brand-color); } .navigations > li > a { color: inherit; display: block; overflow: hidden; padding: 1rem 0px; position: relative; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; line-height: 1; font-weight: 600; } .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); } .navigations > li > a:hover:after { right: 0; width: 50%; background: var(--brand-color); color: var(--brand-color-inverse); } .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: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .navigations > li.active .subnav__wrapper .container { margin-inline: 0; } .navigations > li:after, .navigations > li:before { content: ""; background: transparent; height: 2px; width: 0; position: absolute; bottom: 0; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; transition: 0.4s all ease; } .navigations > li:after { left: 50%; } .navigations > li:before { right: 50%; } .navigations > li .link__mobilenav { display: none; } .navigations > li .subnav { display: block; } .navigations > li .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; } .navigations > li .arrow { display: inline-block; height: 0px; opacity: 0; position: relative; top: -8px; visibility: hidden; width: 100%; z-index: 11; } .navigations > li .arrow 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; } .navigations > li .arrow span: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; } .navigations .three-pin { float: right; margin-right: 0; } .navigations .more { cursor: pointer; z-index: 1; } .navigations .more span { display: none; } .navigations .more i.icn svg { width: 28px; height: auto; fill: var(--brand-color); } .sublinks { color: #222; margin: 0; padding: 0; } .sublinks > li { display: inline-block; margin: 0 -2px; padding: 10px 0; vertical-align: top; width: 25%; } .sublinks > li > a { color: inherit; display: inline-block; font-size: 0.9em; text-transform: uppercase; padding: 0; } .sublinks > li > a:hover { color: var(--brand-color); } .sublinks > li > ul { margin: 10px 0; padding: 0; } .sublinks > li > ul > li { padding: 0 0 5px; float: none; display: block; } .sublinks > li > ul > li a { color: #999; font-size: 0.875em; padding: 3px 0; display: inline-block; font-weight: 400; position: relative; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .sublinks > li > ul > li a:hover { color: var(--brand-color); text-decoration: none; margin-left: 10px; } .sublinks > li > ul > li a:hover:before { right: 0; } .sublinks > li > ul > 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; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .sublinks > li > ul > li .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: 2; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); content: ""; } @media (max-width: 767.98px) { .navs_toggle { margin: 0; } } .navigation-wrapper .toggled_left { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } @media (max-width: 1199px) { .navigation-wrapper { background: #fff; bottom: 0; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); left: 0; opacity: 0; overflow: auto; padding: 0; position: fixed; top: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 280px; z-index: 110; } .toggled_left .navigation-wrapper { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .navigations { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } .navigations > li { display: block; float: none; width: auto; margin: 0; padding: 0; position: relative; border-bottom: solid 1px #dee2e6; margin-right: 2rem; } .navigations > li > a { color: inherit; display: block; padding: 16px 0; position: relative; overflow: visible; height: auto; } .navigations > li > a:after, .navigations > li > a:before { content: normal; } .navigations > li .link__mobilenav { bottom: 0; cursor: pointer; display: block; opacity: 1; position: absolute; right: 0; top: 0; visibility: visible; width: 40px; z-index: 1; } .navigations > li .link__mobilenav:before { background: #000; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; width: 12px; } .navigations > li .link__mobilenav:after { background: #000; content: ""; height: 2px; left: 14px; position: absolute; top: 20px; -ms-transform: rotate(90deg); transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); width: 12px; } .navigations > li .link__mobilenav.active:after { display: none; } .navigations > li .subnav { display: none; position: relative; width: 100%; } .navigations > li .subnav__wrapper { border-top: medium none; -webkit-box-shadow: none; box-shadow: none; display: inline-block; opacity: 1; position: relative; top: 0; visibility: visible; width: 100%; } .navigations .subnav_row { padding: 0; } .navigations .arrow { display: none; } .navigations .three-pin { float: none; margin: 0; } .navigations .more { width: auto; padding: 15px 10px; height: auto; } .navigations .more span { display: block; } .navigations .more span:after, .navigations .more span:before { content: normal; } .navigations .more i.icn { display: none; } .sublinks > li { display: inline-block; margin: 0; width: 100%; } .sublinks > li > ul { margin-bottom: 0; } .navigations > li .link__mobilenav { left: 0; width: 100% !important; } .navigations > li .link__mobilenav:after, .navigations > li .link__mobilenav:before { right: 14px !important; left: initial !important; } } @media (min-width: 1199px) { .navigations--vertical.navigations > li > a { text-align: left; padding: 15px 30px 15px 20px; position: relative; height: auto; } .navigation-wrapper { display: block; } .header__nav-item:hover .header__nav-target { display: block; } .navigations--vertical.navigations > li > a { padding: calc(0.415rem + 0.33vh) 35px calc(0.415rem + 0.33vh) 20px; color: #222; } .navigations--vertical.navigations > li:hover > a { background: rgba(0, 0, 0, 0.03); color: var(--brand-color); } .navigations--vertical.navigations > li.navchild > a:after { position: absolute; right: 20px; top: 16px; width: 6px; height: 6px; border-right: 1px solid #999; border-bottom: 1px solid #999; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); display: block; left: auto; background: none; } .navigations--vertical.navigations > li:hover > a:after { border-color: var(--brand-color); } .navigations--vertical.navigations > li .subnav__wrapper { right: auto; left: 100%; top: 0; display: none; opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e9e9e9; border-top: none; border-radius: 0; } .navigations--vertical.navigations > li.active .subnav__wrapper { display: table; } .navigations--vertical.navigations > li .sublinks { width: 100%; display: -ms-grid; display: grid; grid-template-columns: auto auto auto auto; } .navigations--vertical.navigations > li .sublinks > li { min-width: calc(6.5rem + 6.22vw); padding: 20px 0; } .navigations--vertical.navigations > li .subnav_row { min-height: 462px; } } /* [ SECONDARY MENU  ---------------------- */ @media (min-width: 1200px) { .menu-secondary > ul { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-secondary > ul > li { position: relative; } .menu-secondary > ul > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem; padding: 6px 15px; position: relative; color: inherit; border-left: 1px solid transparent; border-right: 1px solid transparent; } .menu-secondary > ul > li > a .icon { fill: currentColor; } .menu-secondary > ul > li > a .icon img, .menu-secondary > ul > li > a .icon .post .post_media iframe, .post .post_media .menu-secondary > ul > li > a .icon iframe, .menu-secondary > ul > li > a .icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .menu-secondary > ul > li > a .icon img, .menu-secondary > ul > li > a .icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .menu-secondary > ul > li > a .icon img { margin: 0 auto; } .menu-secondary > ul > li.menu-secondary__dropdown > a { padding-right: 30px; } .menu-secondary > ul > li > a:only-child { padding-right: 12px; } .menu-secondary ul li.menu-secondary__dropdown > a:after { content: ""; position: absolute; right: 15px; top: 50%; width: 7px; height: 7px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); margin-top: -6px; opacity: 0.8; } .menu-secondary ul li a:only-child:after { display: none; } .menu-secondary ul li.is-nav-active a:after { border-color: #fff; } .menu-secondary > ul > li:hover:before, .menu-secondary > ul > li:hover:after { opacity: 1; visibility: visible; } .menu-secondary > ul > li.is-nav-active:before, .menu-secondary > ul > li.is-nav-active:after { opacity: 1; visibility: visible; -webkit-box-shadow: none; box-shadow: none; } .menu-secondary .menu-secondary__target { background: #fff; min-width: 290px; position: absolute; top: 100%; display: none; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); left: 0; border: 1px solid #ebebeb; z-index: 1; border-radius: 0 0 6px 6px; } .menu-secondary .menu-secondary__target strong { font-weight: 600; } .menu-secondary ul ul li { float: inherit; width: 100%; display: block; text-align: left; position: static; border-bottom: 1px dashed rgba(0, 0, 0, 0.15); } .menu-secondary ul ul li:last-child { border-bottom: none; } .menu-secondary ul li.menu-secondary__item-right .menu-secondary__target { left: auto; right: 0; } .menu-secondary ul ul li a { padding: 10px 15px; display: block; position: relative; font-size: 0.9em; color: inherit; } .menu-secondary ul ul li a:hover { background: rgba(0, 0, 0, 0.03); } .menu-secondary ul ul li a:after { transform: rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; top: 55% !important; } .menu-secondary ul ul .menu-secondary__dropdown__target { top: 0; background: #fff; bottom: 0; } .menu-secondary ul ul .menu-secondary__dropdown__target li { background: #fff; } .menu-secondary ul ul .menu-secondary__dropdown__target li a { color: #333; } .menu-secondary ul ul ul { top: -1px; left: 160%; } .menu-secondary__dropdown__trigger { display: none; } .menu-secondary ul li:hover > .menu-secondary__target { display: block; } .menu-secondary ul ul li:hover > .menu-secondary__target { top: 0%; left: 100%; display: block; } .menu-secondary > ul > li.menu-secondary__dropdown:hover > a { border-color: #ebebeb; background-color: #fff; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); } .menu-secondary > ul > li.menu-secondary__dropdown:hover > a:before { position: absolute; left: 0; right: 0; bottom: -4px; content: ""; height: 5px; background-color: #fff; z-index: 2; pointer-events: none; } .menu-secondary > ul > li:hover > a { color: var(--brand-color); } } @media (max-width: 1199.98px) { body.is-toggle { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .header-offset { background: #fff; bottom: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); right: -100%; margin: 0; overflow: auto; position: fixed; top: 0; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 320px; opacity: 0; visibility: hidden; z-index: 111; padding: 0; display: block; } .is-visible.header-offset { opacity: 1; right: 0; visibility: visible; } .menu-secondary__target, .menu-secondary > ul > li > a > .site-icon { display: none; } .menu-secondary > ul { display: block; } .menu-secondary__trigger { cursor: pointer; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 48px; } .menu-secondary__trigger:active { background: rgba(0, 0, 0, 0.06); } .menu-secondary__trigger:after { content: ""; position: absolute; right: 1.5rem; top: 50%; width: 8px; height: 8px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -6px; } .menu-secondary__trigger.is-active:after { -webkit-transform: rotate(-135deg) translate(-50%, -50%); -ms-transform: rotate(-135deg) translate(-50%, -50%); transform: rotate(-135deg) translate(-50%, -50%); margin-top: -8px; } .menu-secondary li { position: relative; display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .menu-secondary > ul > li a { display: block; padding: 15px; font-weight: 500; color: #333; font-size: 1em; } .menu-secondary > ul > li a:active { background: rgba(0, 0, 0, 0.06); } .menu-secondary li ul { background: rgba(0, 0, 0, 0.02); margin: 0; border-top: 1px solid rgba(0, 0, 0, 0.06); } .menu-secondary li ul li:last-child { border-bottom: none; } .menu-secondary li ul li a { text-transform: none; font-weight: normal; } .menu-secondary li ul li ul a { padding-left: 20px; padding-right: 35px; font-size: 0.9em; } .menu-secondary li .header-control__trigger-count { position: static; text-align: center; display: inline-block; vertical-align: middle; } } /* ] ---------------------- */ /* [ PRIMARY MENU  ---------------------- */ @media (min-width: 1200px) { .menu-primary { margin: 0 -1.4rem; } .menu-primary--horizontal > ul { 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; } .menu-primary--horizontal > ul > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .menu-primary__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-primary__colum { padding: 1rem; -webkit-box-flex: 20%; -ms-flex: 20%; flex: 20%; max-width: 20%; } } @media (max-width: 1199.98px) { .menu-primary__colum { padding: 1rem 0; } } .menu-primary > ul > li > a { color: inherit; padding: 1rem; display: block; border-right: 1px solid transparent; border-left: 1px solid transparent; position: relative; } @media (min-width: 1200px) { .menu-primary > ul > li > a { padding: 2rem 1rem; } } .menu-primary__meta { 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; } .menu-primary__meta-media { margin-right: 0.3rem; width: 42px; height: 42px; 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: 1199.98px) { .menu-primary__meta-media { width: 26px; height: 26px; margin-right: 1rem; } .menu-primary__meta-media .site-icon { width: 100%; height: 100%; } } .menu-primary__meta-label { display: block; line-height: 1.3; } @media (min-width: 1200px) { .menu-primary__meta-label { max-width: 110px; } } @media (max-width: 1199.98px) { .menu-primary__meta { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .menu-primary__target { display: none; } @media (min-width: 1200px) { .menu-primary__target { position: absolute; left: 0; right: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border: 1px solid #EBEBEB; min-height: 300px; padding: 1.5rem 0; z-index: 2; } .menu-primary__target > .container { padding: 0; } } @media (min-width: 1200px) { .menu-primary__dropdown:hover > a:before { position: absolute; left: 0; right: 0; bottom: -3px; height: 5px; background-color: #fff; content: ""; pointer-events: none; z-index: 3; } .menu-primary__dropdown:hover > a { background-color: #fff; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); border-color: #ebebeb; } .menu-primary__dropdown:hover .menu-primary__target { display: block; } } @media (max-width: 1199.98px) { .menu-primary > ul > li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } .menu-primary .menu-primary__trigger { cursor: pointer; display: block; position: absolute; right: 0; top: 0; width: 56px; height: 56px; } .menu-primary .menu-primary__trigger:active { background: rgba(0, 0, 0, 0.06); } .menu-primary .menu-primary__trigger:after { content: ""; position: absolute; right: 1.5rem; top: 50%; width: 8px; height: 8px; border-bottom: 2px solid currentColor; border-right: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px; } .menu-primary .menu-primary__trigger.is-active:after { -webkit-transform: rotate(-135deg) translate(-50%, -50%); -ms-transform: rotate(-135deg) translate(-50%, -50%); transform: rotate(-135deg) translate(-50%, -50%); margin-top: -10px; } } @media (max-width: 1199.98px) { .is-home .menu-primary--horizontal > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; margin: 0 -15px; } .is-home .menu-primary--horizontal > ul > li { min-width: 85px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .is-home .menu-primary--horizontal > ul > li > a { padding: 1rem 0; } .is-home .menu-primary--horizontal .menu-primary__trigger { display: none; } .is-home .menu-primary--horizontal .menu-primary__meta { display: block; text-align: center; } .is-home .menu-primary--horizontal .menu-primary__meta-media { width: 54px; height: 54px; border-radius: 50px; background-color: rgba(0, 0, 0, 0.05); 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; margin: 0 auto; } .is-home .menu-primary--horizontal .menu-primary__meta-media .site-icon { width: 24px; height: 24px; } .is-home .menu-primary--horizontal .menu-primary__meta-label { font-size: 13px; margin-top: 0.6rem; } .is-home .header-control.header-control--categories { display: none; } .is-home .menu-primary-offset .container { padding: 0 15px; } } @media (max-width: 991.98px) { .is-home .menu-primary--horizontal .menu-primary__meta-label { font-size: 11px; } } @media (max-width: 1199.98px) { .menu-primary-offset { background: #fff; bottom: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; top: 0; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; width: 320px; z-index: 111; padding: 0; display: block; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); opacity: 0; visibility: hidden; } .menu-primary-offset > .container { padding: 0; } .is-visible.menu-primary-offset { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } } @media (min-width: 1200px) { .menu-primary-offset { display: none; background-color: #fff; position: absolute; left: 0; right: 0; top: 0; -webkit-box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 25px 0px rgba(0, 0, 0, 0.1); } .is-visible.menu-primary-offset { display: block; } .is-home .menu-primary-offset { display: block; -webkit-box-shadow: none; box-shadow: none; position: static; left: auto; right: auto; top: auto; } } @media (max-width: 1199.98px) { .is-home .menu-primary-offset { bottom: auto; left: auto; position: static; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; width: 100%; -webkit-box-shadow: none; box-shadow: none; } } .menu-vertical > ul > li a { display: block; padding: 3px 0; color: inherit; } .menu-vertical > ul > li a:hover { text-decoration: underline; } .menu-vertical > ul > li.last-menu-item { border-top: 1px solid rgba(0, 0, 0, 0.08); margin-top: 1rem; padding-top: 0.5rem; } .menu-vertical__item-title > a { font-weight: 500; } .menu-vertical__sub { margin-top: 0.3rem; } .menu-vertical .menu-more { text-decoration: underline; } .nav-vertical li { color: inherit; font-size: 0.875em; font-weight: 300; padding: 4px 0; display: block; } .nav-vertical li a { color: inherit; font-size: inherit; position: relative; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .nav-vertical li a:hover { color: var(--brand-color-inverse); text-decoration: underline; } @media (max-width: 767.98px) { .nav-vertical li { padding: 0; } .nav-vertical li > a { padding: 0.5rem 0; } } @media (max-width: 767.98px) { .nav-vertical li { font-size: 1rem; } } .nav-vertical__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0.5; } .nav-vertical__item .site-icon { margin-right: 0.8rem; } .nav-vertical__item:hover:not(span) { opacity: 1; } @media (max-width: 767.98px) { .nav-inline { margin-bottom: 1.7rem; } } .nav-inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .nav-inline ul li { color: inherit; font-size: 0.875rem; font-weight: 300; display: block; margin-right: 1.5rem; margin-top: 0.4rem; } @media (max-width: 767.98px) { .nav-inline ul li { font-size: 0.9rem; margin: 0.5rem 0.8rem; margin-left: 0; } } .nav-inline ul li a { color: inherit; font-size: inherit; position: relative; -webkit-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; opacity: 0.5; } .nav-inline ul li a:hover { color: var(--brand-color-inverse); text-decoration: underline; opacity: 1; } .nav-inline__more > a { text-decoration: underline; } .payment { text-align: right; } @media (max-width: 1199.98px) { .payment { text-align: center; } } .payment img, .payment .post .post_media iframe, .post .post_media .payment iframe, .payment .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .payment img, .payment .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .payment img { display: inline-block; } .footer { position: relative; } .footer .container { max-width: 1240px; } .footer__secondary { border-top: 1px solid #e6e6e6; min-height: 100px; padding: 3rem 0; } .footer__primary { background-color: var(--secondary-color); color: var(--secondary-color-inverse); min-height: 400px; color: #fff; } @media (min-width: 576px) { .footer-row { padding: 4rem 0; } .footer-row--outlined { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } } @media (max-width: 767.98px) { .footer-row--outlined { padding: 0; } } .footer-row--last { background-color: rgba(255, 255, 255, 0.1); padding: 2rem 0; } .footer-row--last p { font-size: 14px; margin: 0; opacity: 0.7; } .footer-row--last p > a { color: inherit; text-decoration: underline; } @media (max-width: 767.98px) { .footer-row--last { margin-top: 2rem; } .footer-row--last p { font-size: 12px; text-align: center; margin: 0.5rem 0; } } .footer-sitemap { position: relative; } .footer-sitemap__title { position: relative; margin-bottom: 1rem; font-weight: 600; font-size: 1rem; } @media (max-width: 767.98px) { .footer-sitemap__title { font-size: 1.1rem; } } @media (max-width: 767.98px) { .footer-sitemap__title-trigger { padding: 1.3rem 0; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-bottom: 0; cursor: pointer; position: relative; } .footer-sitemap__title-trigger:after { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "+"; font-size: 1.4rem; } .footer-sitemap__title-trigger.is-active:after { content: "-"; font-size: 2rem; } } @media (max-width: 767.98px) { .footer-sitemap__title-target { display: none; padding-bottom: 1.5rem; } } @media (min-width: 768px) { .footer-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer-flex__colum { -webkit-box-flex: 20%; -ms-flex: 20%; flex: 20%; } .footer-flex__colum-large { -webkit-box-flex: 60%; -ms-flex: 60%; flex: 60%; } .footer-flex__colum-small { -webkit-box-flex: 40%; -ms-flex: 40%; flex: 40%; } } @media (max-width: 767.98px) { .footer-flex { margin: 0 !important; padding: 0 !important; } .footer-flex__colum-large { padding-top: 3.5rem; margin-bottom: 2.6rem; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer-flex__colum-small { margin-bottom: 3rem; } } .site-meta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .site-meta__media { width: 100px; height: 100px; 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; } .site-meta__content { width: calc(100% - 90px); padding-top: 1.4rem; } .site-meta__content h6 { font-weight: 600; font-size: 18px; } .site-meta__content p { font-size: 14px; opacity: 0.8; } @media (max-width: 991.98px) { .site-meta { margin: 0.5rem 0; } .site-meta__media { width: 70px; height: 70px; } .site-meta__content { padding-top: 1rem; } .site-meta__content h6 { font-weight: 600; font-size: 15px; } .site-meta__content p { font-size: 13px; opacity: 0.8; } } .site-subscribe { position: relative; max-width: 550px; margin: 0 auto; } .site-subscribe p { font-size: 14px; text-align: center; } .site-subscribe__form { position: relative; } .site-subscribe__form .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; } .site-subscribe__form .form .site-icon { position: absolute; left: 0.7rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .site-subscribe__form .form .site-icon svg { fill: var(--brand-color); } .site-subscribe__form .form .input-field { padding-left: 2.4rem; height: 50px; width: 75%; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } .site-subscribe__form .form .input-field:focus { border-color: #fff; } .site-subscribe__form .form .input-submit { width: 25%; height: 50px; background-color: var(--brand-color); border: 1px solid #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 1200px) { .site-subscribe__form .form .input-submit:hover { background: var(--primary-color); color: var(--primary-color-inverse); } } @media (max-width: 767.98px) { .site-subscribe { padding: 3rem 0 4rem; } .site-subscribe__form .form .input-field { width: 68%; } .site-subscribe__form .form .input-submit { width: 32%; } } @media (max-width: 767.98px) { .footer-actions .btn { display: block; margin: 0.7rem 0; } } .header { color: #464646; display: contents; } .header__secondary { background-color: #f5f5f5; border: none; font-size: 13px; position: sticky; z-index: 11; } .header__primary { background-color: #fff; color: #000; position: sticky; top: -2px; z-index: 10; } .header__bottom { background-color: var(--brand-color); color: var(--brand-color-inverse); } .header__bottom .header-control__trigger { padding: 0.5rem 1rem; background-color: #ffffff; color: #000; border-radius: 5px; } @media (max-width: 1199.98px) { .header__bottom .header-control__trigger { top: 0; padding: 0.5rem; } } .header__bottom .header-control__trigger-value { font-size: 0.875rem; text-transform: none; font-weight: 600; padding-right: 1.625rem; } .header__bottom .header-control__trigger-value:after { width: 10px; height: 10px; border-width: 2px; margin-top: -8px; } .header__bottom .header-control__trigger-media { width: auto; height: auto; background-color: transparent; } @media (max-width: 1199.98px) { .header__bottom .header-control .menu-hamburger { width: 20px; height: 20px; } } .header .navigation { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2rem; } .header .navigation li a { color: currentColor; font-size: 1rem; font-weight: 500; padding: 0.875rem 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.625rem; -webkit-transition: 0.25s ease-in-out all; -o-transition: 0.25s ease-in-out all; transition: 0.25s ease-in-out all; } .header .navigation li a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; } .header .navigation li a .site-icon--small { width: 20px; height: 20px; } .header .header-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 2.5rem; } .top-advertise { text-align: center; } @media (min-width: 1200px) { .header-search { max-width: 800px; } } .header-search__type { border-color: #cbcbcb; } .header-search__type-trigger { color: #000; } @media (min-width: 1200px) { .header-search__type-trigger { height: 50px; } } .header-search__field input[type="text"] { border-color: #cbcbcb; } @media (min-width: 1200px) { .header-search__field input[type="text"] { min-height: 50px; } } .header-search__action input[type="submit"], .header-search__action .form input[type="button"], .form .header-search__action input[type="button"], .header-search__action .form input[type="reset"], .form .header-search__action input[type="reset"] { font-size: 0; padding: 0; background-position: center; } @media (min-width: 1200px) { .header-search__action input[type="submit"], .header-search__action .form input[type="button"], .form .header-search__action input[type="button"], .header-search__action .form input[type="reset"], .form .header-search__action input[type="reset"] { min-width: 50px; } } @media (max-width: 1199.98px) { .header-control { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } } .header-control__trigger { color: currentColor; } .header-control__trigger-media { border-radius: 50%; background-color: var(--brand-color); color: var(--brand-color-inverse); } @media (min-width: 1200px) { .header-control__trigger-media { width: 50px; height: 50px; } } @media (max-width: 1199.98px) { .header-control__trigger-media .site-icon--large { width: 18px; height: 18px; } } .header-control__trigger-count { background-color: #000; color: #fff; } .header-control__trigger-label { font-size: 1.125rem; text-transform: uppercase; font-weight: 600; opacity: 1; color: currentColor; } .header-control__trigger-value { font-size: 1rem; color: currentColor; font-weight: normal; } @media (max-width: 1199.98px) { .header-control--categories { margin-left: 0; margin-right: 1rem; } } @media (max-width: 1199.98px) { .header-control--categories .header-control__trigger-media { background-color: var(--brand-color); color: var(--brand-color-inverse); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-control--categories .header-control__trigger-media .menu-hamburger { color: currentColor; } } @media (max-width: 1199.98px) { .header-control--categories .header-control__trigger-meta { display: none; } } .menu-hamburger { color: #000; } @media (max-width: 1199.98px) { .menu-hamburger { width: 20px; height: 20px; top: 0; left: 0; padding: 0; } } @media (min-width: 1200px) { .logo { max-width: 180px; } } @media (max-width: 991.98px) { .logo { -webkit-box-ordinal-group: inherit; -ms-flex-order: inherit; order: inherit; } } .menu-secondary ul li .menu-vertical li { border: none; } .menu-secondary ul li .menu-vertical li.last-menu-item { border-top: solid 1px #dee2e6; padding-top: 1rem; margin-bottom: 1rem; } .menu-secondary ul li .menu-vertical li a { padding: 0.25rem 0; } .menu-secondary ul li .menu-vertical li a:hover { background-color: transparent; } .footer .container { max-width: 1310px; } .footer__secondary { border: none; } @media (min-width: 992px) { .footer__secondary { padding: 4.5rem 0; } } .footer__primary { background-color: #f5f5f5; color: #000; } .footer__bottom { background-color: #555; color: #fff; padding: 1.25rem 0; font-size: 0.875rem; } .footer__bottom p { margin: 0; } .footer-sitemap__title { text-transform: uppercase; } @media (min-width: 1200px) { .footer-sitemap__title { margin-bottom: 1.5rem; } } @media (max-width: 767.98px) { .footer-sitemap__title-trigger { border-top-color: #ddd; } } .footer .nav-vertical__item { opacity: 1; } .footer .nav-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.875rem; } .footer .nav-vertical li { color: #464646; font-size: 0.875em; font-weight: normal; padding: 0; } .footer .nav-vertical li .site-icon { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; max-width: 24px; } .footer .nav-vertical li a { color: currentColor; font-size: 0.875rem; padding: 0; } .footer .nav-vertical li a:hover { color: var(--brand-color); text-decoration: underline; } .footer .nav-inline--social .site-icon { background-color: #000; color: #fff; border-radius: 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; width: 45px; height: 45px; margin: 0; font-size: 1.75rem; } @media (max-width: 1199.98px) { .footer .nav-inline--social .site-icon { width: 32px; height: 32px; } .footer .nav-inline--social .site-icon img, .footer .nav-inline--social .site-icon .post .post_media iframe, .post .post_media .footer .nav-inline--social .site-icon iframe, .footer .nav-inline--social .site-icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .footer .nav-inline--social .site-icon img, .footer .nav-inline--social .site-icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .footer .nav-inline--social .site-icon img { max-width: 16px; max-height: 16px; } } .footer .nav-inline--social .site-icon:hover { background-color: var(--brand-color); color: var(--brand-color-inverse); } .footer .btn { border-radius: 3rem; } .footer-actions { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.625rem; } .footer-actions .btn { margin: 0; } .footer .cms h4, .footer .cms h5 { font-weight: 600; } .footer .cms h5 { margin-bottom: 0.5rem; } @media (max-width: 767.98px) { .footer-flex__colum-large { padding: 2rem 0; margin-bottom: 0; border-top-color: #ddd; } .footer-flex__colum-small { margin: 0; } } @media (min-width: 768px) { .footer-flex { gap: 2rem; } .footer-flex__colum { -webkit-box-flex: calc(20% - 2rem); -ms-flex: calc(20% - 2rem); flex: calc(20% - 2rem); } .footer-flex__colum-large { -webkit-box-flex: calc(60% - 2rem); -ms-flex: calc(60% - 2rem); flex: calc(60% - 2rem); } .footer-flex__colum-small { -webkit-box-flex: calc(40% - 2rem); -ms-flex: calc(40% - 2rem); flex: calc(40% - 2rem); } } .footer__cms { padding: 3rem 0; } .footer-row { padding: 0; } @media (min-width: 768px) { .footer-row { padding: 4rem 0; } } .footer-row--last { background-color: transparent; padding: 2rem 0; } @media (min-width: 768px) { .footer-row--last { padding: 2rem 0 4rem 0; } } @media (max-width: 767.98px) { .footer-row--last { padding-top: 0; margin-top: 0; } } .site-meta-gridlayout { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.25rem; } @media (max-width: 1199.98px) { .site-meta-gridlayout { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767.98px) { .site-meta-gridlayout { grid-gap: 0.75rem; } } .site-meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; color: #000; border-radius: 5px; padding: 2.5rem 2rem; margin: 0; height: 100%; text-align: center; } @media (max-width: 1199.98px) { .site-meta { padding: 1rem; } } .site-meta__media { width: auto; height: 80px; margin: 0 auto; } @media (max-width: 1199.98px) { .site-meta__media { height: 40px; } } .site-meta__media img, .site-meta__media .post .post_media iframe, .post .post_media .site-meta__media iframe, .site-meta__media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .site-meta__media img, .site-meta__media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .site-meta__media img { max-height: 100%; display: block; } .site-meta__content { width: 100%; padding-top: 1.125rem; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .site-meta__content h6 { font-size: 1.125rem; } .site-meta__content p { font-size: 1rem; opacity: 1; margin: 0; } .site-subscribe { max-width: 620px; } .site-subscribe__head h6 { font-weight: 600; font-size: 1.125rem; } .site-subscribe__head p { font-size: 1rem; } .site-subscribe__form .form { gap: 0.75rem; } .site-subscribe__form .form .input-field { padding: 0 1.625rem; width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 3.5rem; font-size: 0.875rem; border: 1px solid #bcbcbc; } .site-subscribe__form .form .input-field:focus { border-color: #000; } .site-subscribe__form .form .input-submit { width: auto; background-color: var(--brand-color); border: 1px solid #fff; border-radius: 3.5rem; padding: 0 2.5rem; font-weight: normal; } @media (max-width: 767.98px) { .site-subscribe__form .form .input-submit { padding: 0 1.25rem; } } @media (min-width: 1200px) { .site-subscribe__form .form .input-submit:hover { background: var(--secondary-color); color: var(--secondary-color-inverse); } } @media (max-width: 767.98px) { .site-subscribe { padding: 2rem 0; } } .nav-inline ul { gap: 0.5rem; } .nav-inline ul li { color: currentColor; font-weight: normal; margin: 0; } .nav-inline ul li a { color: currentColor; font-size: 0.875rem; opacity: 1; } .nav-inline ul li a:hover { color: var(--brand-color); } .footer-copyright a { color: currentColor; text-decoration: underline; } .footer-copyright a:hover { text-decoration: none; } .is-home .section { padding: calc(0.75rem + 0.75vw) 0; } @media (max-width: 767.98px) { .is-home .section { padding: 2rem 0; } } @media (min-width: 1200px) { .container { max-width: 1310px; } } .section-head, .section-header { position: relative; margin-bottom: 2rem; } .section-head h5, .section-header h5 { font-weight: 600; text-transform: uppercase; margin: 0; font-size: 1.125rem; } .section-head { gap: 1rem; } .section-head .section__action { margin-left: 0; } @media (max-width: 767.98px) { .section-head .section__action .tab-nav { padding-top: 1.5rem; margin-bottom: 1rem; } } .is-home .section-head, .page-product-details .section-head { border-bottom: 2px solid #eee; } .is-home .section-head h5, .page-product-details .section-head h5 { position: relative; padding-bottom: 0.625rem; } .is-home .section-head h5::after, .page-product-details .section-head h5::after { content: ""; background-color: var(--brand-color); width: 80%; height: 2px; position: absolute; top: 100%; left: 0; } .arrow-link { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.25rem; font-size: 0.875rem; font-weight: 600; color: #000; } .arrow-link:hover { color: var(--brand-color); } .arrow-link::after { content: ""; width: 0.5em; height: 0.5em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .box--lightgrey { background-color: #f5f5f5; } .page-hdr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .page-hdr h2 { font-weight: 600; } .breadcrumbs ul { gap: 1rem; } .breadcrumbs ul li { color: #000; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; gap: 1rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .breadcrumbs ul li:before { right: 0; top: 0; position: relative; content: "/"; height: auto; width: auto; border: none; -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } [dir="rtl"] .breadcrumbs ul li:before { right: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } .breadcrumbs ul li a { color: currentColor; } .breadcrumbs ul li a:hover { color: var(--brand-color); } .pagination li a { width: 3rem; line-height: 3rem; height: 3rem; font-size: 1.25rem; font-weight: 600; border-radius: 50%; } .pagination li.selected a { background-color: var(--brand-color); color: var(--brand-color-inverse); } .brands-wrapper { border: 1px solid #e8e7e7; border-radius: 5px; background-color: #fff; 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; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 2rem; padding: 2.5rem; } @media (max-width: 1199.98px) { .brands-wrapper { gap: 1rem; padding: 1.5rem; } } .brands-wrapper .brand { -webkit-box-flex: 0; -ms-flex: 0 0 calc(20% - 2rem); flex: 0 0 calc(20% - 2rem); max-width: calc(20% - 2rem); } @media (max-width: 1199.98px) { .brands-wrapper .brand { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 1rem); flex: 0 0 calc(25% - 1rem); max-width: calc(25% - 1rem); } } @media (max-width: 767.98px) { .brands-wrapper .brand { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); } } .brands-wrapper .brand-logo { 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; height: 100px; } @media (max-width: 1199.98px) { .brands-wrapper .brand-logo { height: auto; max-height: 60px; } } .brands-wrapper .brand-logo img, .brands-wrapper .brand-logo .post .post_media iframe, .post .post_media .brands-wrapper .brand-logo iframe, .brands-wrapper .brand-logo .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .brands-wrapper .brand-logo img, .brands-wrapper .brand-logo .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .brands-wrapper .brand-logo img { margin: auto; max-height: 100%; } .product-card { border: 1px solid #e8e7e7; border-radius: 5px; min-width: 0; overflow: hidden; height: 100%; } .product-card__body { padding: 1.25rem; position: relative; } .product-card .product-detail { text-align: center; } .product-card .product-price { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0.625rem 0 0 0; } .product-card .product-price__sell { font-size: 0.875rem; font-weight: 600; color: var(--brand-color); } .product-card .product-media { border: none; border-radius: 0; } .product-card .card-actions { position: absolute; 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; gap: 0.5rem; top: 50%; left: 0; right: 0; background-color: #fff; padding: 1.875rem 1.5rem; opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-card .card-actions .btn { border-radius: 3rem; padding: 0.375rem 0.875rem; } .product-card .card-actions .action-icon { border: 1px solid currentColor; border-radius: 2rem; color: var(--brand-color); width: 32px; height: 32px; 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; } .product-card .card-actions .action-icon:hover { color: #000; } .product-card .card-actions .action-icon svg { fill: currentColor; } @media (min-width: 1200px) { .product-card--hovered:hover .card-actions { top: 0; opacity: 1; visibility: visible; } .product-card--hovered:hover .product-labels { opacity: 1; visibility: visible; } } .product-card--horizontal { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-card--horizontal .product-detail { text-align: left; } .product-card--horizontal .product-card__head { width: 45%; } .product-card--horizontal .product-card__body { width: 55%; padding: 1rem; } .product-card--horizontal .product-price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-card--horizontal .product-labels { left: 0.625rem; top: 0.625rem; } .product-card--horizontal .product-wishlist { margin: 0; } .product-card--horizontal .card-actions { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 1rem; } .product-card--horizontal .product-actions .btn { width: 32px; height: 32px; line-height: 32px; } .product-labels { opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .product-category { font-size: 0.875rem; opacity: 1; margin-bottom: 0.25rem; } .product-title { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; min-height: 42px; } .product-actions { top: 50%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .product-actions .btn { margin: 0.3rem; padding: 0; min-width: inherit; width: 32px; height: 32px; border-radius: 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; font-size: 0; } .product-actions .btn:hover { background-color: #000; color: #fff; } .product-actions .btn .action-icon { margin: 0; } .product-actions .btn .action-icon svg { display: block; height: 12px; } .product-wishlist { height: 30px; width: 30px; background-color: #fcb330; color: #fff; border-radius: 50%; margin-left: auto; } .product-wishlist.is-active, .product-wishlist:hover { background-color: #e52325; color: #fff; } .product-wishlist.is-active svg, .product-wishlist:hover svg { fill: currentColor; } .product-wishlist svg { fill: currentColor; width: 16px; } .section--hero { padding-top: 1.75rem; } .hero-slider .hero-item a { display: block; border-radius: 5px; overflow: hidden; } .hero-layout .posters { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } @media (max-width: 991.98px) { .hero-layout .posters { grid-template-columns: repeat(4, 1fr); margin-top: 2rem; } } @media (max-width: 767.98px) { .hero-layout .posters { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; padding-bottom: 0.5rem; } } @media (max-width: 767.98px) { .hero-layout .posters .poster { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } .hero-layout .posters .poster a { display: block; border-radius: 5px; overflow: hidden; } .hero-layout__large { padding: 0; } @media (min-width: 992px) { .hero-layout { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.875rem; } .hero-layout__large { max-width: 1600px; width: 100%; position: relative; overflow: hidden; } .hero-layout__large:not(:only-child) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .hero-layout__small { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } } .tags { font-size: 0.875rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0.5rem 1rem; } .tags .lbl { font-weight: 600; } .banner-ppc { overflow: hidden; border-radius: 5px; } .sale-counter { position: relative; top: -5px; } .listing-view { display: grid; gap: 1.5rem; } @media (max-width: 767.98px) { .listing-view { gap: 0.875rem; } } .listing-view[data-view="3"] { grid-template-columns: repeat(3, 1fr); } .listing-view[data-view="4"] { grid-template-columns: repeat(4, 1fr); } .listing-view[data-view="5"] { grid-template-columns: repeat(5, 1fr); } @media (max-width: 1199.98px) { .listing-view[data-view="5"] { grid-template-columns: repeat(4, 1fr); } } @media (max-width: 991.98px) { .listing-view[data-view="5"] { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 767.98px) { .listing-view[data-view="5"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 1199.98px) { .listing-view--horizontal[data-view="3"] { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767.98px) { .listing-view--horizontal[data-view="3"] { grid-template-columns: repeat(1, 1fr); } } .collection-panel { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 2rem; } .collection-panel__small { max-width: 23.5%; -webkit-box-flex: 0; -ms-flex: 0 0 23.5%; flex: 0 0 23.5%; } @media (min-width: 1340px) { .collection-panel__small { max-width: 300px; -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; } } @media (max-width: 1199.98px) { .collection-panel__small { display: none; } } .collection-panel__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } @media (max-width: 1199.98px) { .collection-panel .listing-view[data-view="4"], .collection-panel .listing-view[data-view="3"] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; overflow: hidden; overflow-x: auto; padding-bottom: 0.5rem; } .collection-panel .listing-view[data-view="4"] .product-card, .collection-panel .listing-view[data-view="3"] .product-card { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } .collection-ad { border-radius: 5px; overflow: hidden; background-color: #f0f0f0; height: 100%; } .collection-ad img, .collection-ad .post .post_media iframe, .post .post_media .collection-ad iframe, .collection-ad .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .collection-ad img, .collection-ad .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .collection-ad img { height: 100%; } .tab-container:not(.visible) { display: none; } .tab-nav { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.75rem; } .tab-nav li a { font-size: 0.875rem; font-weight: 600; color: #464646; } .tab-nav li a.current { color: var(--brand-color); } .section--ppc-banners { overflow: hidden; } .ppc-banners .banner-ppc { margin: 0 0.5rem; background-color: #f0f0f0; } .ppc-banners .banner-ppc img, .ppc-banners .banner-ppc .post .post_media iframe, .post .post_media .ppc-banners .banner-ppc iframe, .ppc-banners .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 .ppc-banners .banner-ppc img, .ppc-banners .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 .ppc-banners .banner-ppc img { margin: 0 auto; } @media (max-width: 1199.98px) { .tabs-wrapper .listing-view[data-view="5"] { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.25rem; overflow: hidden; overflow-x: auto; padding-bottom: 0.5rem; } .tabs-wrapper .listing-view[data-view="5"] .product-card { -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } } .section-listing { background-color: #fff; } .page-hero-media { border-radius: 4px; overflow: hidden; margin: 1.4rem 0; border: solid 1px #dee2e6; } .sorting-bar { margin-bottom: 2.125rem; } .sorting-bar select, .sorting-bar .btn { border-radius: 50px; font-size: 0.875rem; font-weight: 500; color: #292929; } .sorting-bar select { padding: 0 1.125rem; padding-right: 2.25rem; } .sorting-controls { gap: 1rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 1199.98px) { .sorting-controls { padding-top: 1rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 767.98px) { .sorting-controls { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .sorting-controls__item { padding: 0; } @media (max-width: 991.98px) { .sorting-controls__item { margin-bottom: 0; } } @media (max-width: 767.98px) { .sorting-controls__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 1rem); flex: 0 0 calc(50% - 1rem); max-width: calc(50% - 1rem); } } .tab-switch { gap: 0.45rem; } .tab-switch__item { border-radius: 50px; border: 1px solid #464646 !important; } .tab-switch__item:first-child, .tab-switch__item:last-child { border-radius: 50px; } .tab-switch__item:hover { border-color: var(--brand-color) !important; } .tab-switch__item.is-active { background-color: var(--brand-color); border-color: var(--brand-color) !important; color: var(--brand-color-inverse); } .tab-switch__item.is-active svg { fill: currentColor; } .page-title { font-size: 1.5rem; margin: 0; font-weight: 600; } .page-title span.count-text { opacity: 1; } @media (min-width: 768px) { .page-title span.count-text { padding-left: 1rem; margin-left: 1rem; border-left: 1px solid #c2c2c2; } } .product-list.is-gridview { margin: 0; gap: 24px; } @media (max-width: 991.98px) { .product-list.is-gridview { gap: 1rem; } } .product-list.is-gridview .product-list__item { width: 100%; max-width: calc(25% - 18px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 18px); flex: 0 0 calc(25% - 18px); padding: 0; } @media (max-width: 1199.98px) { .product-list.is-gridview .product-list__item { max-width: calc(33.33% - 18px); -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33% - 18px); flex: 0 0 calc(33.33% - 18px); } } @media (max-width: 767.98px) { .product-list.is-gridview .product-list__item { max-width: calc(50% - 0.5rem); -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 0.5rem); flex: 0 0 calc(50% - 0.5rem); } } .product-list.is-gridview .product-list__item .product-seller { display: none; } .product-list.is-listview .product-card { margin-top: 0; margin-bottom: 1.4rem; } .product-list.is-listview .product-card .product-card__head { width: 30%; } .product-list.is-listview .product-card .product-card__body { width: 70%; } @media (max-width: 767px) { .product-list.is-listview .product-card .product-card__body { width: 100%; } } @media (min-width: 1400px) { .product-list.is-listview .product-card .product-detail { width: 60%; } } .product-list.is-listview .product-card .product-title { color: inherit; font-size: 1rem; font-weight: 600; min-height: inherit; } .product-list.is-listview .product-card .product-title:hover { color: var(--brand-color); } .product-list.is-listview .product-card .shop-details .shop-location { color: #000; font-size: 0.875rem; } @media (min-width: 1400px) { .product-list.is-listview .product-card .product-seller { background-color: #f5f5f5; width: 40%; } } .product-list.is-listview .product-card .product-seller .seller__profile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .product-list.is-listview .product-card .product-seller .seller__profile .shop-ratings { margin: 0; } .product-list.is-listview .product-card .product-seller .seller__profile .shop-ratings .ratings__value { font-weight: 600; } .product-list.is-listview .product-card .product-seller__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.625rem; } .product-list.is-listview .product-card .product-seller__actions .btn { font-size: 1rem; font-weight: 600; border-radius: 50px; margin: 0; } .product-list.is-listview .product-card .product-seller .seller__name { font-weight: 600; color: #000; text-decoration: none; } .product-list.is-listview .product-card .product-seller .seller__name:hover { color: var(--brand-color); } @media (max-width: 1399px) { .product-list.is-listview .product-card .product-seller { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product-list.is-listview .product-card .product-seller__content { width: 50%; } .product-list.is-listview .product-card .product-seller__actions { width: 45%; } } @media (max-width: 767px) { .product-list.is-listview .product-card .product-seller__content { width: 100%; } .product-list.is-listview .product-card .product-seller__actions { width: 100%; } } .product-list.is-listview .product-card .product-detail { text-align: left; } .product-list.is-listview .product-card .card-actions { position: relative; top: 0; opacity: 1; visibility: visible; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 1rem 0 0 0; } .product-list.is-listview .product-card .product-price { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .product-list.is-listview .product-card .product-sepcs { color: #000; margin-top: 1.25rem; } @media (min-width: 1200px) { .page-view__large:not(:only-child) { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 265px); flex: 0 0 calc(100% - 265px); max-width: calc(100% - 265px); } } .selected-filters__item, .selected-filters a { background-color: #f5f5f5; border-color: #f5f5f5; } .filters { border: none; border-radius: 0; } .filters__head { padding: 0.875rem 1.5rem; border: solid 1px #dee2e6; border-radius: 5px; margin-bottom: 1.25rem; } .filters__head h5 { font-size: 1rem; font-weight: 600; } .filters__head a.link { font-weight: 600; color: var(--brand-color); } .filters__head a.link::after { background-color: var(--brand-color); } @media (max-width: 991.98px) { .filters__head h5 { font-size: 1rem; } } .filters-widget { border-top: none; padding: 0; padding-bottom: 1.25rem; } @media (min-width: 1200px) { .filters-widget__head { padding: 0.625rem 1.25rem; background-color: #f5f5f5; border-radius: 5px 5px 0 0; } .filters-widget__head h6 { font-weight: 600; text-transform: uppercase; } .filters-widget__body { border: 1px solid #e8e7e7; border-top: none; padding: 1.125rem 1.25rem; border-radius: 0 0 5px 5px; } } .filters-widget .vertical-nav ul li ul { padding-right: 0; } .filters-widget .vertical-nav > ul > li { border-bottom: solid 1px #dee2e6; } .filters-widget .vertical-nav > ul > li:first-child { padding-top: 0; } .filters-widget .vertical-nav > ul > li:last-child { border: none; padding-bottom: 0; } .filters-widget .vertical-nav > ul > li > a { font-size: 0.875rem; font-weight: 600; padding: 0.75rem 0; } .filters-widget .vertical-nav > ul > li > .nav-trigger { top: 10px; } .filters-widget .vertical-nav > ul > li .nav-trigger { 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; height: 20px; width: 20px; } .filters-widget .vertical-nav > ul > li .nav-trigger:before { content: ""; width: 8px; height: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-right: 2px; } .filters-widget .vertical-nav > ul > li .nav-trigger.is-active:before { content: ""; } .price-range { gap: 0.625rem; } .price-range__group { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .range-field { border: solid 1px #dee2e6; border-radius: 4px; padding: 0 0.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .range-field__value { height: auto; line-height: normal; font-size: 12px; background-color: transparent; border: none; min-width: 0; padding: 0; } .range-field__input input { height: 1.875rem; border: none; font-size: 12px; } .single-search__form input[type="text"] { height: 32px; } .single-search__icon { top: 8px; } .list-vertical .checkbox input:checked { background-color: transparent; border-color: currentColor; color: var(--brand-color); } .list-vertical .checkbox input:checked:before { border-color: currentColor; border-width: 1px; } .page-header { padding-bottom: 2rem; border-bottom: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .page-header { padding-bottom: 1rem; } } .page-header h2 { font-size: 2.5rem; font-weight: 600; } @media (max-width: 1199.98px) { .page-header h2 { font-size: 1.5rem; } } .contactus-panel { display: grid; grid-template-columns: 60% 40%; } @media (max-width: 1199.98px) { .contactus-panel { grid-template-columns: 50% 50%; } } @media (max-width: 767.98px) { .contactus-panel { grid-template-columns: repeat(1, 1fr); } } .contactus-panel__large { padding-top: 5rem; padding-bottom: 5rem; padding-right: 4.5rem; } @media (max-width: 1199.98px) { .contactus-panel__large { padding-right: 2.5rem; padding-top: 2rem; } } @media (max-width: 767.98px) { .contactus-panel__large { padding-right: 0rem; } } .contactus-panel__small { padding-top: 5rem; padding-bottom: 5rem; padding-left: 4.5rem; border-left: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .contactus-panel__small { padding-left: 2.5rem; padding-top: 2rem; } } @media (max-width: 767.98px) { .contactus-panel__small { padding: 0 0 1.5rem 0; border: none; } } .form--contactus input[type="text"], .form--contactus input[type="email"], .form--contactus input[type="phone"], .form--contactus input[type="search"], .form--contactus input[type="password"], .form--contactus input[type="date"], .form--contactus input[type="url"], .form--contactus input[type="tel"], .form--contactus select, .form--contactus input[type="number"], .form--contactus input[type="file"] { height: 56px; border-radius: 6px; } @media (max-width: 1199.98px) { .form--contactus input[type="text"], .form--contactus input[type="email"], .form--contactus input[type="phone"], .form--contactus input[type="search"], .form--contactus input[type="password"], .form--contactus input[type="date"], .form--contactus input[type="url"], .form--contactus input[type="tel"], .form--contactus select, .form--contactus input[type="number"], .form--contactus input[type="file"] { height: 40px; } } .form--contactus textarea { border-radius: 6px; } .form--contactus input[type="submit"], .form--contactus .form input[type="button"], .form .form--contactus input[type="button"], .form--contactus .form input[type="reset"], .form .form--contactus input[type="reset"], .form--contactus input[type="button"], .form--contactus .form input[type="reset"], .form .form--contactus input[type="reset"], .form--contactus input[type="reset"] { border-radius: 50px; font-size: 1.125rem; height: 50px; line-height: normal; padding: 0 2rem; min-width: 160px; } .form--contactus .field_label { font-size: 1rem; color: #000; } .contact-info { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.375rem; margin-bottom: 3rem; } @media (max-width: 1199.98px) { .contact-info { margin-bottom: 2rem; } } .contact-info:last-child { margin-bottom: 0; } .contact-info__icon .icon { background-color: #fdb63d; color: #fff; width: 54px; height: 54px; border-radius: 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; } @media (max-width: 1199.98px) { .contact-info__icon .icon { width: 36px; height: 36px; } .contact-info__icon .icon svg { width: 20px; height: 20px; } } .contact-info__details { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .contact-info__details .content span { display: block; } .contact-info__details .content .lbl { color: #646464; font-size: 0.875rem; } .contact-info__details .content .value { font-size: 1.125rem; font-weight: 500; } @media (max-width: 1199.98px) { .contact-info__details .content .value { font-size: 1rem; } } .contact-details__head { padding-bottom: 1.5rem; margin-bottom: 2.5rem; border-bottom: solid 1px #dee2e6; } @media (max-width: 1199.98px) { .contact-details__head { padding-bottom: 1rem; margin-bottom: 1.5rem; } } .contact-details__head h4 { font-weight: 600; margin: 0; } @media (max-width: 1199.98px) { .contact-details__head h4 { font-size: 1.25rem; } } .contact-details .nav-inline { margin-top: 10px; } @media (max-width: 1199.98px) { .contact-details .nav-inline { margin-top: 4px; } } .contact-details .nav-inline li a .icon { width: 38px; height: 38px; border-radius: 50%; background-color: #000; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1199.98px) { .contact-details .nav-inline li a .icon { width: 30px; height: 30px; } .contact-details .nav-inline li a .icon img, .contact-details .nav-inline li a .icon .post .post_media iframe, .post .post_media .contact-details .nav-inline li a .icon iframe, .contact-details .nav-inline li a .icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .contact-details .nav-inline li a .icon img, .contact-details .nav-inline li a .icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .contact-details .nav-inline li a .icon img { max-width: 14px; max-height: 14px; } } .contact-details .nav-inline li a .icon img, .contact-details .nav-inline li a .icon .post .post_media iframe, .post .post_media .contact-details .nav-inline li a .icon iframe, .contact-details .nav-inline li a .icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .contact-details .nav-inline li a .icon img, .contact-details .nav-inline li a .icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .contact-details .nav-inline li a .icon img { margin: auto; } .contactus-map iframe, .contactus-map .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .contactus-map img { display: block; } @media (max-width: 767.98px) { .contactus-map iframe, .contactus-map .posted-content .posted-media .post__pic .media-wrapper img, .posted-content .posted-media .post__pic .media-wrapper .contactus-map img { height: 300px; } } .login-signup .form input[type="text"], .login-signup .form input[type="email"], .login-signup .form input[type="phone"], .login-signup .form input[type="search"], .login-signup .form input[type="password"], .login-signup .form input[type="date"], .login-signup .form input[type="url"], .login-signup .form input[type="tel"], .login-signup .form textarea, .login-signup .form select, .login-signup .form input[type="number"], .login-signup .form input[type="file"] { height: 56px; font-size: 1rem; border-radius: 6px; padding: 0 1.25rem; } .login-signup .form input[type="submit"], .login-signup .form input[type="button"], .login-signup .form input[type="reset"], .login-signup .form input[type="button"], .login-signup .form input[type="reset"], .login-signup .form input[type="reset"] { font-size: 1.125rem; height: 50px; line-height: normal; border-radius: 50px; } .login-signup .form .link { color: #000; } .login-signup .form .link:hover { color: var(--brand-color); } .login-signup .form .link:after { display: none; } .login-signup .or-divider { margin: 2rem 0; position: relative; } .login-signup .or-divider::after { content: ""; height: 1px; background-color: #cbcbcb; position: absolute; left: 0; right: 0; top: 50%; } .login-signup .or-divider .or { width: 32px; height: 32px; background-color: #000; color: #fff; border-radius: 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; margin: 0 auto; font-size: 0.875rem; font-weight: normal; z-index: 2; outline: 20px solid #fff; } .login-signup .or-divider .or::after, .login-signup .or-divider .or::before { display: none; } .login-signup .container-form .section-head { margin-bottom: 1rem; } .login-signup .container-form .section-head h2 { font-size: 2rem; margin: 0; } .login-signup .container-form .checkbox input, .login-signup .container-form .radio input { width: 22px; height: 22px; -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; max-width: 22px; } @media (min-width: 1200px) { .login-signup .container-form { border: solid 1px #dee2e6; border-radius: 5px; } } .login-signup .container-form .form-item { max-width: 480px; } @media (max-width: 1199.98px) { .login-signup .container-form .form-item { max-width: 100%; } } .login-signup .container-form .form-item.sign-up { max-width: 600px; } @media (max-width: 1199.98px) { .login-signup .container-form .form-item.sign-up { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; border-top: solid 1px #dee2e6; } } @media (max-width: 1199.98px) { .login-signup .container-form .form-item.sign-in { opacity: 1; } } @media (max-width: 1199.98px) { .login-signup .container-form .form-item { overflow: inherit; position: static; -webkit-transform: none; -ms-transform: none; transform: none; height: auto; opacity: 1; padding: 2rem 0; } } @media (max-width: 1199.98px) { .login-signup .container-form { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: inherit; position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0 auto; width: auto; height: auto; } } .login-signup .container-info { border-radius: 6px; overflow: hidden; } @media (max-width: 1199.98px) { .login-signup .container-info { display: none; } } .login-signup .container-info .content { background-color: rgba(0, 0, 0, 0.75); color: #fff; padding: 4.5rem 3.5rem; max-width: 340px; text-align: left; } .login-signup .container-info .content h2 { font-size: 1.75rem; } .login-signup .container-info .content p { font-weight: 300; } .login-signup .container-info .content .btn { border-radius: 50px; font-size: 1.125rem; font-weight: 600; padding: 0.625rem 1.75rem; } .login-signup .info-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .login-signup .info-item:first-child { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .login-signup .info-item:first-child .content { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .login-signup .info-item:last-child .content { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .buttons-list ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; gap: 1rem; } .buttons-list ul li { margin: 0; } .buttons-list ul li .btn--social { width: 100%; border: 1px solid #cbcbcb; border-radius: 5px; 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; gap: 1rem; padding: 0.5rem 1.5rem; min-height: 50px; } .buttons-list ul li .btn--social:hover { border-color: #000; } .buttons-list ul li .icn { background-color: transparent; height: auto; width: auto; max-width: 30px; } .buttons-list .btn--fb, .buttons-list .btn--FacebookLogin { background-color: #fff; } .buttons-list .btn--gp, .buttons-list .btn--GoogleLogin { background-color: #fff; } .buttons-list .btn--gm { background-color: #fff; } .buttons-list .btn--AppleLogin { background-color: #fff; } .buttons-list .btn--InstagramLogin { background-color: #fff; } @media (min-width: 1200px) { .section--cart .box.box--space { padding: 2rem; } } .section--cart .box.box--white { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e3e3e3; border-radius: 5px; } .section--cart .cart-list li { border: none; border-bottom: solid 1px #dee2e6; padding: 0; padding-bottom: 2.5rem; margin-bottom: 2.5rem; border-radius: 0; } .section--cart .cart-list li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } .section--cart .box__head { border-bottom: 1px solid #c9c9c9; padding-bottom: 0.5rem; margin-bottom: 1.625rem; } .section--cart .box__head h2 { font-size: 1.5rem; font-weight: 600; } @media (max-width: 1199.98px) { .section--cart .box__head h2 { font-size: 1.125rem; } } @media (min-width: 1200px) { .section--cart .section-head .section__heading h2 { font-size: 2rem; } } .section--cart .section__action .btn { border-radius: 50px; } .section--cart .section__action .btn.btn-outline-gray { border-color: currentColor; } .cart-panel { display: grid; grid-template-columns: 150px 1fr; grid-gap: 2.5rem; } @media (max-width: 1199.98px) { .cart-panel { grid-template-columns: 100px 1fr; grid-gap: 1rem; } } @media (max-width: 991.98px) { .cart-panel { grid-template-columns: 60px 1fr; } } .cart-panel .product-media { border: none; } .cart-panel .qty-wrapper { padding-top: 0.5rem; height: auto; border: none; } .cart-panel .qty-wrapper .quantity .increase, .cart-panel .qty-wrapper .quantity .decrease { width: 24px; height: 24px; border: 1px solid #5e5e5e; border-radius: 3px; background-color: #fff; 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; font-weight: normal; font-size: 22px; } .cart-panel .qty-wrapper .quantity .increase:hover, .cart-panel .qty-wrapper .quantity .decrease:hover { border-color: currentColor; color: var(--brand-color); } .cart-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0.5rem; } @media (max-width: 991.98px) { .cart-action { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .cart-action__item { color: #5e5e5e; } .cart-action__item .cart-action__icon { width: 24px; height: 24px; border: 1px solid #5e5e5e; border-radius: 3px; background-color: #fff; 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; } .cart-action__item .cart-action__icon svg { display: block; } .cart-product { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; } @media (max-width: 991.98px) { .cart-product { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cart-product__detail { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cart-product__category { color: #464646; font-size: 0.875rem; } .cart-product__title { font-size: 1rem; margin-top: 0.25rem; } .cart-product__title a { color: currentColor; font-weight: 600; line-height: 1.5; } .base-price { font-size: 1rem; } @media (max-width: 767.98px) { .base-price { margin: 1rem 0; } } .base-price-line { padding-bottom: 0.25rem; } @media (min-width: 768px) { .base-price-line { text-align: right; } } .base-price-line span { font-weight: 500; color: #4a4a4a; } .base-price-line span.value { font-weight: 600; color: #000; } .cart-advices { padding-top: 1rem; } .cart-advices .advices-icons { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; text-align: left; gap: 0.625rem; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1.25rem; } .cart-advices .advices-icons:first-child { margin: 0; } .cart-advices .advices-icons .icn { margin: 0; } .cart-advices .advices-icons h6 { font-size: 0.875rem; line-height: 1.5; font-weight: normal; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .buy-group .btn { border-radius: 50px; } @media (min-width: 1200px) { .buy-group .btn { font-size: 1.125rem; font-weight: 600; padding: 0.625rem 1rem; } } .coupon .btn { border-radius: 50px; } @media (min-width: 1200px) { .coupon .btn { font-size: 1.125rem; font-weight: 600; padding: 0.625rem 1rem; } } .table--justify tr td:last-child { font-weight: 600; } @media (max-width: 1199.98px) { .table--justify .buy-group { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; } } .cartdetail__footer { padding-top: 1.25rem; } .cartdetail__footer td.hightlighted { font-weight: normal; border-bottom: none; } @media (min-width: 1200px) { .cartdetail__footer td.hightlighted { font-size: 1.25rem; } } .section-shop { padding: calc(1.5rem + 1.5vw) 0 calc(0.75rem + 0.75vw) 0; } .section-shop:before { display: none; } .section-shop .btn { border-radius: 50px; } .shop-search { background-color: #d5d3d3; padding: 0.75rem 0.875rem; border-radius: 6px; margin-bottom: 1.25rem; } .shop-search__form input[type="text"] { background-color: #fff; height: 34px; } .shop-search__icon { position: absolute; left: 15px; opacity: 0.75; top: 9px; width: 14px; } .shop-controls { background-color: #f5f5f5; } .shop-panel { border-radius: 6px; } .shop-panel__head ~ .shop-panel__body .shop-view__logo { margin-top: -3.5rem; } .shop-panel .shop-banner { background-color: #f0f0f0; aspect-ratio: 1280/427; border-radius: 6px 6px 0 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-panel .shop-banner picture { margin: auto; } .shop-menu ul li { margin-right: 4%; } .shop-menu ul li a { font-size: 1rem; font-weight: 600; color: #000; height: 55px; line-height: 55px; } .shop-view { border: solid 1px #dee2e6; border-radius: 6px 6px 0 0; } @media (min-width: 992px) { .shop-view__logo { width: 140px; height: 140px; border: solid 1px #dee2e6; border-radius: 5px; padding: 1rem; background-color: #fff; } .shop-view .ratings { font-size: 13px; font-weight: 600; } .shop-view { gap: 2rem; padding: 2.5rem; } .shop-view__small { width: 140px; padding: 0; } .shop-view__large { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; } .shop-view__meta { gap: 2rem; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .shop-view__meta-l, .shop-view__meta-c { max-width: 40%; } .shop-view__meta .btn { font-weight: 600; font-size: 1rem; } .shop-view .panel-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .shop-view .panel-list__item { font-size: 1rem; } .shop-view .panel-list__item:not(:first-child) { margin-left: 0rem; padding-left: 0rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1.25rem; } .shop-view .panel-list__item:not(:first-child):before { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; color: #c4c4c4; opacity: 1; } .shop-view .panel-list__item .btn--icon .site-icon { margin: 0; } .shop-view .page-title { font-size: 1.25rem; } } @media (max-width: 1199.98px) { .shop-view__meta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-view__meta-l, .shop-view__meta-c { max-width: 100%; } } .shop-view .seller-badges { border: none; margin: 0; grid-gap: 1rem 1.5rem; } @media (min-width: 768px) { .shop-view .seller-badges { display: inline-grid; grid-template-columns: repeat(2, 1fr); } } .shop-view .seller-badges__grid { padding: 0; } .badge-item { font-size: 14px; font-weight: 600; } .review-panel { border: 1px solid #e3e3e3; border-radius: 10px; padding: 2.5rem; } @media (max-width: 991.98px) { .review-panel { padding: 1.25rem; } } .review-panel h4 { font-weight: 600; } .review-panel__head { border: none; } .review-panel__head .btn { border-radius: 50px; } .review-panel__sort { background-color: #eeeeee; border-radius: 6px; border: none; margin-bottom: 2.5rem; } .review-panel__sort p { font-weight: 600; font-size: 1rem; } .reviews-list { border: none; } .reviews-list > li { border: none; border-bottom: solid 1px #dee2e6; padding: 0 0 1.5rem 0; margin-bottom: 1.5rem; } .reviews-list > li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .reviews-list > li:hover { -webkit-box-shadow: none; box-shadow: none; } .reviews-list .reviews-author { font-weight: 600; color: #000; } .reviews-list .reviews-author span { font-weight: normal; } .reviews-list .reviews-title { font-weight: 600; } .shop-contact h4 { font-weight: 600; } .shop-contact .form .field_label { font-size: 0.875rem; font-weight: 600; color: #000; } .shop-contact .form input { height: 50px; border-radius: 10px; } .shop-contact .form textarea { border-radius: 10px; } .shop-contact .form input[type="submit"], .shop-contact .form input[type="button"], .shop-contact .form input[type="reset"], .shop-contact .form input[type="button"], .shop-contact .form input[type="reset"] { border-radius: 50px; padding: 0 2.5rem; } .shop-contact .form .pre-field { font-weight: 600; } .shop-contact .form .pre-field .text-muted { font-weight: normal; font-size: 0.875rem; } .cms-font h1, .cms-font h2, .cms-font h3, .cms-font h4, .cms-font h5, .cms-font h6 { font-weight: 600; margin-bottom: 0.5rem; } .page-product-details .profile-panel__small { display: none; } .page-product-details .profile-panel__large { width: 100%; } .page-product-details .seller-badges { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; } .page-product-details .seller-badges .seller-badges__grid { padding: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .page-product-details .shop-reviews-wrapper .shop-reviews { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .page-product-details .shop-reviews-wrapper .shop-reviews .svg { width: 14px; height: 14px; } .page-product-details .shop-reviews-wrapper .shop-reviews .shop-reviews-points { font-size: 2rem; } .page-product-details .shop-reviews-wrapper .total-reviews { font-size: 1rem; } .page-product-details .review-panel .btn--wide { min-width: 0; } .page-product-details .review-panel { padding: 0; overflow: hidden; } .page-product-details .review-panel__head { border: none; background-color: #f3f3f3; } .page-product-details .review-panel__head h6 { font-size: 0.875rem; font-weight: 600; } .page-product-details .review-panel__sort { background-color: #fff; padding: 1.25rem; margin: 0; border-bottom: solid 1px #dee2e6; border-radius: 0; } .page-product-details .review-panel__sort p { font-weight: 500; font-size: 0.875rem; } .page-product-details .review-panel__body { padding: 1.875rem; } .page-product-details .review-panel .progress-list li { gap: 1rem; } .page-product-details .review-panel .progress-list__bar { background-color: #d4d4d5; } .page-product-details .review-panel .progress-list__total { font-size: 12px; min-width: 30px; } .page-product-details .review-panel .progress-list__count { 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; min-width: 28px; gap: 0.25rem; } .page-product-details .review-panel .progress-list .svg { width: 10px; height: 10px; fill: #88888a; } .page-product-details .links-inline { -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-product-details .links-inline li { color: #000; padding: 0; } .page-product-details .links-inline li:not(:last-child):after { content: "|"; margin: 0 1rem; } .page-product-details .links-inline li a { font-weight: 500; } .shop-reviews-wrapper { position: relative; } .shop-reviews-wrapper .shop-reviews { width: auto; height: auto; color: currentColor; gap: 0.5rem; } .shop-reviews-wrapper .shop-reviews .svg { position: relative; width: 24px; height: 24px; } .shop-reviews-wrapper .shop-reviews-points { font-size: 4.5rem; font-weight: 500; padding-top: 0; } .shop-reviews-wrapper .total-reviews { font-size: 1.375rem; padding: 0; } .section-details .btn { border-radius: 50px; } .content-box__head { border-bottom: none; padding-bottom: 0; background-color: transparent; } @media (min-width: 1200px) { .content-box__head { padding: 2rem 2.5rem; } } .content-box__head h3 { font-weight: 600; } @media (max-width: 991.98px) { .content-box__head h3 { font-size: 1.25rem; } } @media (min-width: 1200px) { .content-box__body { padding: 2rem 2.5rem; } } @media (min-width: 992px) { .profile-panel__small { width: 250px; } .profile-panel__large { width: calc(100% - 280px); } } @media (min-width: 1200px) { .profile-controls ul { padding: 0.8rem 1.125rem; } } @media (min-width: 1200px) { .profile-controls ul li { border-bottom: solid 1px #dee2e6; } .profile-controls ul li:last-child { border: none; } } .profile-controls ul li a { font-size: 0.875rem; font-weight: 600; } @media (min-width: 1200px) { .profile-controls ul li a { padding: 0.75rem 0; padding-right: 2.4rem; } } .profile-controls ul li a.is-active { font-weight: 600; } .profile-controls ul li a.is-active:after { right: 2px; } @media (min-width: 1200px) { .profile-controls ul li a:hover { background-color: transparent; } } @media (min-width: 992px) { .site-panel { display: grid; grid-gap: 60px; grid-template-columns: calc(100% - 606px) 536px; } } @media (max-width: 1199.98px) { .site-panel { grid-template-columns: calc(100% - 50%) 45%; grid-gap: 2.5rem; } } @media (min-width: 1200px) and (max-width: 1399px) { .site-panel { grid-template-columns: calc(100% - 550px) 500px; } } .site-panel-top { background-color: #f5f5f5; padding: 1.875rem; border-radius: 5px; margin-bottom: 1.5rem; } @media (max-width: 767.98px) { .site-panel-top { padding: 1.25rem; } } .site-panel-top .page-title { font-size: 1.375rem; font-weight: 500; } .site-panel-top .panel-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-panel-top .panel-list .btn--icon { color: var(--brand-color); } .site-panel-top .panel-list .btn--icon .site-icon { margin: 0; } .site-panel-top .panel-list .btn--icon .site-icon svg { opacity: 1; fill: transparent; } .site-panel-top .panel-list .btn--icon.is-active .site-icon svg { fill: currentColor; } .site-panel .panel-box { padding: 2.5rem; padding-top: 2rem; border: solid 1px #dee2e6; border-radius: 0.25rem; } @media (max-width: 1199.98px) { .site-panel .panel-box { padding: 1.5rem; } } @media (max-width: 1199.98px) { .tablet-sticky { position: sticky; top: 10px; } } @media (min-width: 1200px) { .product-slideshow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .product-slideshow .slideshow-large img, .product-slideshow .slideshow-large .post .post_media iframe, .post .post_media .product-slideshow .slideshow-large iframe, .product-slideshow .slideshow-large .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-slideshow .slideshow-large img, .product-slideshow .slideshow-large .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-slideshow .slideshow-large img { margin: 0 auto; } @media (min-width: 1200px) { .product-slideshow__media { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: calc(100% - 145px); -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .product-slideshow .slideshow-media { border: 1px solid #dcdcdc; border-radius: 5px; } .product-slideshow .slideshow-media img, .product-slideshow .slideshow-media .post .post_media iframe, .post .post_media .product-slideshow .slideshow-media iframe, .product-slideshow .slideshow-media .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-slideshow .slideshow-media img, .product-slideshow .slideshow-media .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-slideshow .slideshow-media img { display: block; } .product-slideshow__controls { padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 1200px) { .product-slideshow__controls { max-width: 94px; -webkit-box-flex: 0; -ms-flex: 0 0 94px; flex: 0 0 94px; margin: 0; } } .product-slideshow__controls .slideshow-controls { padding: 0; height: 100%; } @media (min-width: 1200px) { .product-slideshow__controls .slideshow-controls { 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; } } .product-slideshow__controls .slideshow-controls .slideshow-thumb { padding: 0; border: 1px solid #dcdcdc; border-radius: 5px; overflow: hidden; margin: 0.5rem 0; cursor: pointer; -webkit-transition: 0.25s ease-in-out all; -o-transition: 0.25s ease-in-out all; transition: 0.25s ease-in-out all; } .product-slideshow__controls .slideshow-controls .slideshow-thumb img, .product-slideshow__controls .slideshow-controls .slideshow-thumb .post .post_media iframe, .post .post_media .product-slideshow__controls .slideshow-controls .slideshow-thumb iframe, .product-slideshow__controls .slideshow-controls .slideshow-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-slideshow__controls .slideshow-controls .slideshow-thumb img, .product-slideshow__controls .slideshow-controls .slideshow-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-slideshow__controls .slideshow-controls .slideshow-thumb img { margin: 0 auto; } @media (max-width: 1199.98px) { .product-slideshow__controls .slideshow-controls .slideshow-thumb { margin: 0 0.5rem; } } .product-slideshow__controls .slideshow-controls .slideshow-thumb.slick-current { border-color: #000; } .product-slideshow__controls .slideshow-controls .slideshow-thumb img, .product-slideshow__controls .slideshow-controls .slideshow-thumb .post .post_media iframe, .post .post_media .product-slideshow__controls .slideshow-controls .slideshow-thumb iframe, .product-slideshow__controls .slideshow-controls .slideshow-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-slideshow__controls .slideshow-controls .slideshow-thumb img, .product-slideshow__controls .slideshow-controls .slideshow-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-slideshow__controls .slideshow-controls .slideshow-thumb img { border: none; } .product-slideshow__controls .slideshow-controls .slick-arrow { 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 (min-width: 1200px) { .product-slideshow__controls .slideshow-controls .slick-arrow { position: relative; width: 100%; height: auto; border: 1px solid #dcdcdc; border-radius: 5px; background-color: transparent; padding: 6px; } } @media (max-width: 1199.98px) { .product-slideshow__controls .slideshow-controls .slick-arrow { width: 40px; } } .product-slideshow__controls .slideshow-controls .slick-arrow .ink { display: none; } .product-slideshow__controls .slideshow-controls .slick-arrow.slick-next::after, .product-slideshow__controls .slideshow-controls .slick-arrow.slick-prev::after { margin: 0; position: relative; left: 0; top: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; border-color: #5b5b5b; width: 14px; height: 14px; } @media (max-width: 1199.98px) { .product-slideshow__controls .slideshow-controls .slick-arrow.slick-next::after, .product-slideshow__controls .slideshow-controls .slick-arrow.slick-prev::after { width: 10px; height: 10px; } } .product-slideshow__controls .slideshow-controls .slick-arrow.slick-next::after { margin-top: -0.375rem; } @media (min-width: 1200px) { .product-slideshow__controls .slideshow-controls .slick-arrow.slick-next::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } } .product-slideshow__controls .slideshow-controls .slick-arrow.slick-prev::after { margin-top: 0.375rem; } @media (min-width: 1200px) { .product-slideshow__controls .slideshow-controls .slick-arrow.slick-prev::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } } .nav-detail { border-bottom: none; } .nav-detail ul { overflow: auto; gap: 0.625rem; } .nav-detail ul li { padding: 0; } .nav-detail ul li a { padding: 0.75rem 1.125rem; font-weight: 600; border-radius: 50px; border: solid 1px #dee2e6; white-space: nowrap; } .nav-detail ul li a:after, .nav-detail ul li a:before { display: none; } .nav-detail ul li a.is-active, .nav-detail ul li a:hover { color: var(--brand-color); border-color: currentColor; } .panel-row { padding: 0; } .panel-row .profile-panel { border: solid 1px #dee2e6; padding: 2rem; border-radius: 0.625rem; } .panel-row .content-box { border: none; } .panel-row .content-box__head, .panel-row .content-box__body { padding: 0; } .panel-row .content-box__head { padding-bottom: 1rem; } .panel-row .content-box__head h6 { font-weight: 600; } .panel-row-head { padding-bottom: 1.25rem; } .panel-row-head h4 { font-size: 1.125rem; font-weight: 600; margin: 0; } .panel-row.cms h4 { font-weight: 600; } .border-box { border: solid 1px #dee2e6; padding: 2rem; border-radius: 0.625rem; } @media (max-width: 767.98px) { .border-box { padding: 1.25rem; } } .reviews-list .reviews-title { font-size: 1rem; } .reviews-list .reviews-author { text-transform: none; } .reviews-list .reviews-author .sprtr { margin: 0 0.625rem; color: #6e6e6e; } .qty-selection input { border-radius: 3rem; } .qty-selection__label { font-size: 1rem; font-weight: 600; } .qty-selection .small-label { font-style: normal; color: #808080; opacity: 1; } .btns-selection .btn { margin: 0; font-weight: 600; font-size: 1rem; } .btns-selection__label { font-weight: 600; font-size: 1rem; line-height: 1.25; } .btns-selection__pair { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5rem; } @media (max-width: 991.98px) { .btns-selection__pair .btn { width: auto; } } .btns-selection__group.flex-view { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f5f5f5; padding: 1.5rem; border: 1px solid #dcdcdc; border-radius: 5px; gap: 1rem; } @media (max-width: 767.98px) { .btns-selection__group.flex-view { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .buying-selection { padding: 0; } .price-selection__trigger { padding: 0; border: none; } .price-selection__trigger__check { display: none; } .price-selection__trigger-pointer { padding: 1rem 1.25rem; border-bottom: solid 1px #dee2e6; } .price-selection__target { top: calc(100% + 0.625rem); } .price-selection__check { margin: 0; } .panel-price { padding: 0; margin: 0; border: none; } .panel-price__normal-text { opacity: 1; font-size: 0.875rem; font-weight: 500; margin: 0; } .panel-price__standard { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1rem; } .panel-price__main { font-size: 2rem; } .panel-price__old { font-size: 1.375rem; } .panel-price__discounted { font-size: 1rem; font-weight: 600; } .options-list { color: #000; } .options-list__trigger { font-weight: 600; font-size: 1rem; color: #000; } @media (min-width: 1399px) { .options-list__trigger { width: 40%; margin-bottom: 0; } } .options-list strong { font-weight: 600; } .options-list ul li { font-size: 13px; padding-bottom: 0.375rem; margin: 0; } .pay-cards > img, .post .post_media .pay-cards > iframe, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .pay-cards > img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .pay-cards > img { border-radius: 4px; } .badge-item { width: 100%; } .panel-box--seller .seller-connect h5 { font-weight: 600; margin-bottom: 0.875rem; font-size: 1.125rem; } .panel-box--seller .seller-connect .seller-portlet__head, .panel-box--seller .seller-connect .seller-portlet__body { padding: 0; } .panel-box--seller .seller-connect .seller-portlet__head { padding-bottom: 1.25rem; } .panel-box--seller .seller-connect .seller-portlet__logo { border: solid 1px #dee2e6; border-radius: 8px; overflow: hidden; } .panel-box--seller .seller-connect .seller-portlet__info h6 { margin-bottom: 0.25rem; font-weight: 600; } .panel-box--seller .seller-connect .seller-portlet .grid-layout { display: grid; grid-template-columns: 45% 55%; gap: 1rem; } @media (max-width: 767.98px) { .panel-box--seller .seller-connect .seller-portlet .grid-layout { grid-template-columns: repeat(1, 1fr); } } .panel-box--seller .seller-connect .seller-portlet .grid-layout__rgt { padding-left: 2.25rem; border-left: solid 1px #dee2e6; } @media (max-width: 991.98px) { .panel-box--seller .seller-connect .seller-portlet .grid-layout__rgt { border: none; padding: 0; } } .panel-box--seller .seller-connect .seller-portlet .btns-selection .small-label { font-style: normal; opacity: 1; display: block; line-height: 1.25; padding-bottom: 0.25rem; } .seller-stats { display: block; } .seller-stats__item { padding: 0 0 0.375rem 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0.125rem 0.5rem; } .seller-stats__item small { opacity: 1; font-size: 0.875rem; font-weight: 600; } .seller-stats__item h6 { font-size: 0.875rem; opacity: 0.75; font-weight: 600; margin: 0; } .panel-box .panel-box--others { padding: 1.5rem 2rem; background: #f5f5f5; border-radius: 5px; } @media (max-width: 1199.98px) { .panel-box .panel-box--others { padding: 1rem; } } .panel-box .panel-box--others a.link { color: var(--brand-color); font-weight: 600; } .panel-box .panel-box--others a.link::after { background-color: currentColor; color: currentColor; } .panel-box .panel-box--others .panel-box__head { padding: 0; padding-bottom: 2.5rem; border: none; } @media (max-width: 1199.98px) { .panel-box .panel-box--others .panel-box__head { padding-bottom: 1.5rem; } } .panel-box .panel-box--others .panel-box__head h6 { font-size: 1.125rem; font-weight: 600; } .panel-box .panel-box--others .pricing-item { padding: 0; padding-bottom: 1rem; margin-bottom: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 1rem; } .panel-box .panel-box--others .pricing-item__head { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.25rem; margin: 0; } .panel-box .panel-box--others .pricing-item__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .panel-box .panel-box--others .pricing-item:last-child { margin-bottom: 0; padding-bottom: 0; } .panel-box .panel-box--others .pricing-item .shop-title > a { font-weight: 600; } .panel-box .panel-box--others .pricing-item .btn.btn--sm { font-weight: 600; padding: 0.375rem 1.125rem; color: #707070; } .panel-box .panel-box--others .pricing-item .btn.btn--sm:hover { background-color: var(--brand-color); border-color: var(--brand-color); color: var(--brand-color-inverse); } .panel-box .panel-box--others .shop-ratings { margin: 0; } .pricing-options { padding-right: 0.5rem; } .yes-no ul { gap: 1rem; } .yes-no ul li { font-weight: 600; font-size: 0.875rem; } .yes-no ul li a { font-weight: normal; margin: 0; padding: 0; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; } .vertical-products { overflow: auto; max-height: 700px; scroll-padding-right: 20px; } .vertical-products .product-card { height: auto; width: auto; min-width: 0; margin-bottom: 1.25rem; margin-right: 5px; } @media (max-width: 1199.98px) { .vertical-products { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1.25rem; } .vertical-products .product-card { margin-bottom: 0; } } @media (max-width: 767.98px) { .vertical-products { grid-template-columns: repeat(1, 1fr); } } .site-content { margin: 0; } .aboutus h2 { font-weight: 600; } @media (max-width: 767.98px) { .aboutus h2 { font-size: 1.75rem; } } .aboutus p { color: currentColor; line-height: 1.5; } @media (min-width: 1200px) { .aboutus p { font-size: 1rem; } } @media (min-width: 992px) { .aboutus .section { padding: calc(1.75rem + 1.75vw) 0; } } .cms-banner { background-color: #000; color: #fff; background-repeat: no-repeat; background-size: cover; border-radius: 0.5rem; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 1200px) { .cms-banner { aspect-ratio: 1280/563; } } .cms-banner:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: black; background: -webkit-gradient(linear, left top, right top, from(black), to(rgba(0, 212, 255, 0))); background: -o-linear-gradient(left, black 0%, rgba(0, 212, 255, 0) 100%); background: linear-gradient(90deg, black 0%, rgba(0, 212, 255, 0) 100%); } .cms-banner__txt { padding: 3rem 6rem; max-width: 750px; position: relative; z-index: 1; } @media (max-width: 1199.98px) { .cms-banner__txt { padding: 2.5rem; max-width: 600px; } } @media (max-width: 991.98px) { .cms-banner__txt { max-width: 450px; } } .cms-banner__txt h1, .cms-banner__txt h2, .cms-banner__txt h3, .cms-banner__txt h4, .cms-banner__txt h5, .cms-banner__txt h6 { color: currentColor; font-weight: 600; } .cms-banner__txt p { line-height: 1.8; } .content-wrap .content-block { padding-bottom: calc(2.5rem + 3vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; gap: 2rem; } .content-wrap .content-block:last-child { padding-bottom: 0; } @media (min-width: 1200px) { .content-wrap .content-block { gap: 5rem; } } .content-wrap .content-block-img { border-radius: 10px; overflow: hidden; aspect-ratio: 16/9; background-color: rgba(0, 0, 0, 0.03); } @media (min-width: 768px) { .content-wrap .content-block-img { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } } .content-wrap .content-block-img img, .content-wrap .content-block-img .post .post_media iframe, .post .post_media .content-wrap .content-block-img iframe, .content-wrap .content-block-img .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .content-wrap .content-block-img img, .content-wrap .content-block-img .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .content-wrap .content-block-img img { border-radius: 10px; } .content-wrap .content-block-cms { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (min-width: 768px) { .content-wrap .content-block:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .our-values { background-color: #375fac; color: #fff; padding: 5rem; border-radius: 5px; } @media (max-width: 1199.98px) { .our-values { padding: 2.5rem; } } @media (min-width: 1200px) { .our-values h2 { font-size: 2.5rem; } } .our-values h1, .our-values h2, .our-values h3, .our-values h4, .our-values h5, .our-values h6 { font-weight: 600; color: currentColor; margin: 0; } .repeated-block { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2.5rem 0; border-bottom: 1px solid #638cdb; gap: 7rem; } @media (max-width: 1199.98px) { .repeated-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 0.5rem; padding: 1.5rem 0; } } .repeated-block:last-child { border: none; padding-bottom: 0; } .repeated-block p { margin: 0; } @media (min-width: 1200px) { .repeated-block p { font-size: 1.125rem; } } .repeated-block p + p { margin-top: 1rem; } @media (min-width: 1200px) { .repeated-block__small { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; } } .repeated-block__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card-panel { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4rem; } @media (max-width: 1199.98px) { .card-panel { grid-gap: 2rem; } } .card-panel .why-card__media { margin-bottom: 1rem; } .card-panel .why-card__content h4 { font-weight: 600; margin-bottom: 0.5rem; } .card-panel .why-card__content p { margin: 0; line-height: 1.5; } .img-wrap img, .img-wrap .post .post_media iframe, .post .post_media .img-wrap iframe, .img-wrap .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .img-wrap img, .img-wrap .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .img-wrap img { border-radius: 0.625rem; } .steps-wrapper { background-color: #fdb63d; color: #000; padding: 3.5rem; border-radius: 5px; } @media (max-width: 1199.98px) { .steps-wrapper { padding: 2rem; } } .steps-wrapper h1, .steps-wrapper h2, .steps-wrapper h3, .steps-wrapper h4, .steps-wrapper h5, .steps-wrapper h6 { color: currentColor; } .product-steps { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 4.5rem; text-align: center; counter-reset: step-num; } @media (max-width: 1199.98px) { .product-steps { grid-gap: 2rem; } } @media (max-width: 767.98px) { .product-steps { grid-template-columns: repeat(3, 200px); overflow: auto; } } .product-steps .product-step { position: relative; } .product-steps .product-step:last-child .product-step__media::after { display: none; } .product-steps .product-step__media { width: 180px; height: 180px; margin: 0 auto 1.75rem; position: relative; } @media (max-width: 1199.98px) { .product-steps .product-step__media { width: 120px; height: 120px; } } .product-steps .product-step__media::after { content: ""; background-image: url("/images/sunil-gohin/arrow.svg"); background-repeat: no-repeat; background-size: 120px 90px; width: 120px; height: 120px; position: absolute; left: calc(100% + 70px); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1199.98px) { .product-steps .product-step__media::after { width: 60px; height: 60px; background-size: 50px 30px; left: calc(100% + 15px); } } .product-steps .product-step__media .icon { width: 100%; height: 100%; 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; position: relative; z-index: 2; } @media (max-width: 1199.98px) { .product-steps .product-step__media .icon img, .product-steps .product-step__media .icon .post .post_media iframe, .post .post_media .product-steps .product-step__media .icon iframe, .product-steps .product-step__media .icon .post .post_media .posted-content .posted-media .post__pic .media-wrapper img, .post .post_media .posted-content .posted-media .post__pic .media-wrapper .product-steps .product-step__media .icon img, .product-steps .product-step__media .icon .posted-content .posted-media .post__pic .media-wrapper .post .post_media img, .posted-content .posted-media .post__pic .media-wrapper .post .post_media .product-steps .product-step__media .icon img { max-width: 50px; max-height: 40px; } } .product-steps .product-step__media .icon::before { counter-increment: step-num; content: counter(step-num); width: 30px; height: 30px; background-color: #000; color: #fff; border-radius: 50%; 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; position: absolute; right: 1.5rem; top: 1.5rem; } .product-steps .product-step__media .icon:after { content: ""; background-color: #fff; border-radius: 2rem; left: 1.25rem; right: 1.25rem; top: 1.25rem; bottom: 1.25rem; position: absolute; z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .product-steps .product-step__content h4 { font-weight: 600; margin-bottom: 0.5rem; } .product-steps .product-step__content p { margin-bottom: 0; line-height: 1.5; } .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 */ .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) } } .clock-hand-1 { animation: clock-rotate 3s linear infinite; transform-origin: bottom; transform-box: fill-box; } .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) } } .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) } }