/*---------------pseudo element default styles---------------*/ /*---------------------pseudo full size---------------------*/ /*--------------------proportional ratio--------------------*/ /*--------------------placeholder styles--------------------*/ /*-------------------------clearfix-------------------------*/ /*------------------------transition------------------------*/ /*--------------------background image--------------------*/ /*--------------------absolute alignment--------------------*/ /*------------------make triangle------------------*/ /*---------------------------fonts---------------------------*/ /*-----------------------for browsers-----------------------*/ /*-----------------------map get recursive-----------------------*/ /*-----------------------interaction support-----------------------*/ /* Colors variables start */ /* Colors variables end */ /* Reboot variables start */ /* Reboot variables end */ /* Grid variables start */ /* Grid variables end */ /* Responsive font-size start */ /* Responsive font-size end */ /*Common variables start */ /*Common variables end */ /*---------------pseudo element default styles---------------*/ /*---------------------pseudo full size---------------------*/ /*--------------------proportional ratio--------------------*/ /*--------------------placeholder styles--------------------*/ /*-------------------------clearfix-------------------------*/ /*------------------------transition------------------------*/ /*--------------------background image--------------------*/ /*--------------------absolute alignment--------------------*/ /*------------------make triangle------------------*/ /*---------------------------fonts---------------------------*/ /*-----------------------for browsers-----------------------*/ /*-----------------------map get recursive-----------------------*/ /*-----------------------interaction support-----------------------*/ @font-face { font-family: "Lato Light"; src: url("../fonts/Lato/LatoLight/LatoLight.woff2") format("woff2"), url("../fonts/Lato/LatoLight/LatoLight.woff") format("woff"), url("../fonts/Lato/LatoLight/LatoLight.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Lato Regular"; src: url("../fonts/Lato/LatoRegular/LatoRegular.woff2") format("woff2"), url("../fonts/Lato/LatoRegular/LatoRegular.woff") format("woff"), url("../fonts/Lato/LatoRegular/LatoRegular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "Lato Medium"; src: url("../fonts/Lato/LatoMedium/LatoMedium.woff2") format("woff2"), url("../fonts/Lato/LatoMedium/LatoMedium.woff") format("woff"), url("../fonts/Lato/LatoMedium/LatoMedium.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "Lato Bold"; src: url("../fonts/Lato/LatoBold/LatoBold.woff2") format("woff2"), url("../fonts/Lato/LatoBold/LatoBold.woff") format("woff"), url("../fonts/Lato/LatoBold/LatoBold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Lato Black"; src: url("../fonts/Lato/LatoBlack/LatoBlack.woff2") format("woff2"), url("../fonts/Lato/LatoBlack/LatoBlack.woff") format("woff"), url("../fonts/Lato/LatoBlack/LatoBlack.ttf") format("truetype"); font-weight: 900; font-style: normal; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Lato Regular", sans-serif; font-size: 0.875rem; font-weight: normal; line-height: 1.5; color: #000000; text-align: left; background-color: #ffffff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { color: #000; background-color: #000; box-sizing: content-box; border: 0 none; height: 1px; overflow: visible; clear: both; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 0; margin-bottom: 0; } address { margin-bottom: 0; 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; } 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: #000000; text-decoration: none; background-color: transparent; } a:hover { color: black; text-decoration: none; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } 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: 0.625rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0; } 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; } button { border-radius: 0; } button:focus { outline: none; } input:invalid { box-shadow: none; } input, button, select, optgroup, textarea { font-size: inherit; margin: 0; font-family: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } 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"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: none; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type='text'], [type='email'], select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [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; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus { -webkit-transition: 9999999s ease-in-out 0s; transition: 9999999s ease-in-out 0s; } .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: 1240px) { .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; } .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.15625rem !important; } .mt-1, .my-1 { margin-top: 0.15625rem !important; } .mr-1, .mx-1 { margin-right: 0.15625rem !important; } .mb-1, .my-1 { margin-bottom: 0.15625rem !important; } .ml-1, .mx-1 { margin-left: 0.15625rem !important; } .m-2 { margin: 0.3125rem !important; } .mt-2, .my-2 { margin-top: 0.3125rem !important; } .mr-2, .mx-2 { margin-right: 0.3125rem !important; } .mb-2, .my-2 { margin-bottom: 0.3125rem !important; } .ml-2, .mx-2 { margin-left: 0.3125rem !important; } .m-3 { margin: 0.625rem !important; } .mt-3, .my-3 { margin-top: 0.625rem !important; } .mr-3, .mx-3 { margin-right: 0.625rem !important; } .mb-3, .my-3 { margin-bottom: 0.625rem !important; } .ml-3, .mx-3 { margin-left: 0.625rem !important; } .m-4 { margin: 0.9375rem !important; } .mt-4, .my-4 { margin-top: 0.9375rem !important; } .mr-4, .mx-4 { margin-right: 0.9375rem !important; } .mb-4, .my-4 { margin-bottom: 0.9375rem !important; } .ml-4, .mx-4 { margin-left: 0.9375rem !important; } .m-5 { margin: 1.875rem !important; } .mt-5, .my-5 { margin-top: 1.875rem !important; } .mr-5, .mx-5 { margin-right: 1.875rem !important; } .mb-5, .my-5 { margin-bottom: 1.875rem !important; } .ml-5, .mx-5 { margin-left: 1.875rem !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.15625rem !important; } .pt-1, .py-1 { padding-top: 0.15625rem !important; } .pr-1, .px-1 { padding-right: 0.15625rem !important; } .pb-1, .py-1 { padding-bottom: 0.15625rem !important; } .pl-1, .px-1 { padding-left: 0.15625rem !important; } .p-2 { padding: 0.3125rem !important; } .pt-2, .py-2 { padding-top: 0.3125rem !important; } .pr-2, .px-2 { padding-right: 0.3125rem !important; } .pb-2, .py-2 { padding-bottom: 0.3125rem !important; } .pl-2, .px-2 { padding-left: 0.3125rem !important; } .p-3 { padding: 0.625rem !important; } .pt-3, .py-3 { padding-top: 0.625rem !important; } .pr-3, .px-3 { padding-right: 0.625rem !important; } .pb-3, .py-3 { padding-bottom: 0.625rem !important; } .pl-3, .px-3 { padding-left: 0.625rem !important; } .p-4 { padding: 0.9375rem !important; } .pt-4, .py-4 { padding-top: 0.9375rem !important; } .pr-4, .px-4 { padding-right: 0.9375rem !important; } .pb-4, .py-4 { padding-bottom: 0.9375rem !important; } .pl-4, .px-4 { padding-left: 0.9375rem !important; } .p-5 { padding: 1.875rem !important; } .pt-5, .py-5 { padding-top: 1.875rem !important; } .pr-5, .px-5 { padding-right: 1.875rem !important; } .pb-5, .py-5 { padding-bottom: 1.875rem !important; } .pl-5, .px-5 { padding-left: 1.875rem !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.15625rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.15625rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.15625rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.15625rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.15625rem !important; } .m-sm-2 { margin: 0.3125rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.3125rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.3125rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.3125rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.3125rem !important; } .m-sm-3 { margin: 0.625rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 0.625rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 0.625rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 0.625rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 0.625rem !important; } .m-sm-4 { margin: 0.9375rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 0.9375rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 0.9375rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 0.9375rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 0.9375rem !important; } .m-sm-5 { margin: 1.875rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 1.875rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 1.875rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 1.875rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 1.875rem !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.15625rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.15625rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.15625rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.15625rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.15625rem !important; } .p-sm-2 { padding: 0.3125rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.3125rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.3125rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.3125rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.3125rem !important; } .p-sm-3 { padding: 0.625rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 0.625rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 0.625rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 0.625rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 0.625rem !important; } .p-sm-4 { padding: 0.9375rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 0.9375rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 0.9375rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 0.9375rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 0.9375rem !important; } .p-sm-5 { padding: 1.875rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 1.875rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 1.875rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 1.875rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 1.875rem !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.15625rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.15625rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.15625rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.15625rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.15625rem !important; } .m-md-2 { margin: 0.3125rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.3125rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.3125rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.3125rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.3125rem !important; } .m-md-3 { margin: 0.625rem !important; } .mt-md-3, .my-md-3 { margin-top: 0.625rem !important; } .mr-md-3, .mx-md-3 { margin-right: 0.625rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 0.625rem !important; } .ml-md-3, .mx-md-3 { margin-left: 0.625rem !important; } .m-md-4 { margin: 0.9375rem !important; } .mt-md-4, .my-md-4 { margin-top: 0.9375rem !important; } .mr-md-4, .mx-md-4 { margin-right: 0.9375rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 0.9375rem !important; } .ml-md-4, .mx-md-4 { margin-left: 0.9375rem !important; } .m-md-5 { margin: 1.875rem !important; } .mt-md-5, .my-md-5 { margin-top: 1.875rem !important; } .mr-md-5, .mx-md-5 { margin-right: 1.875rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 1.875rem !important; } .ml-md-5, .mx-md-5 { margin-left: 1.875rem !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.15625rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.15625rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.15625rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.15625rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.15625rem !important; } .p-md-2 { padding: 0.3125rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.3125rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.3125rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.3125rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.3125rem !important; } .p-md-3 { padding: 0.625rem !important; } .pt-md-3, .py-md-3 { padding-top: 0.625rem !important; } .pr-md-3, .px-md-3 { padding-right: 0.625rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 0.625rem !important; } .pl-md-3, .px-md-3 { padding-left: 0.625rem !important; } .p-md-4 { padding: 0.9375rem !important; } .pt-md-4, .py-md-4 { padding-top: 0.9375rem !important; } .pr-md-4, .px-md-4 { padding-right: 0.9375rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 0.9375rem !important; } .pl-md-4, .px-md-4 { padding-left: 0.9375rem !important; } .p-md-5 { padding: 1.875rem !important; } .pt-md-5, .py-md-5 { padding-top: 1.875rem !important; } .pr-md-5, .px-md-5 { padding-right: 1.875rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 1.875rem !important; } .pl-md-5, .px-md-5 { padding-left: 1.875rem !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.15625rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.15625rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.15625rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.15625rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.15625rem !important; } .m-lg-2 { margin: 0.3125rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.3125rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.3125rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.3125rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.3125rem !important; } .m-lg-3 { margin: 0.625rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 0.625rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 0.625rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 0.625rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 0.625rem !important; } .m-lg-4 { margin: 0.9375rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 0.9375rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 0.9375rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 0.9375rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 0.9375rem !important; } .m-lg-5 { margin: 1.875rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 1.875rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 1.875rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 1.875rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 1.875rem !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.15625rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.15625rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.15625rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.15625rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.15625rem !important; } .p-lg-2 { padding: 0.3125rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.3125rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.3125rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.3125rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.3125rem !important; } .p-lg-3 { padding: 0.625rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 0.625rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 0.625rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 0.625rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 0.625rem !important; } .p-lg-4 { padding: 0.9375rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 0.9375rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 0.9375rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 0.9375rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 0.9375rem !important; } .p-lg-5 { padding: 1.875rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 1.875rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 1.875rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 1.875rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 1.875rem !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: 1240px) { .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.15625rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.15625rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.15625rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.15625rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.15625rem !important; } .m-xl-2 { margin: 0.3125rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.3125rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.3125rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.3125rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.3125rem !important; } .m-xl-3 { margin: 0.625rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 0.625rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 0.625rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 0.625rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 0.625rem !important; } .m-xl-4 { margin: 0.9375rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 0.9375rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 0.9375rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 0.9375rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 0.9375rem !important; } .m-xl-5 { margin: 1.875rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 1.875rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 1.875rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 1.875rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 1.875rem !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.15625rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.15625rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.15625rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.15625rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.15625rem !important; } .p-xl-2 { padding: 0.3125rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.3125rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.3125rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.3125rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.3125rem !important; } .p-xl-3 { padding: 0.625rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 0.625rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 0.625rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 0.625rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 0.625rem !important; } .p-xl-4 { padding: 0.9375rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 0.9375rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 0.9375rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 0.9375rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 0.9375rem !important; } .p-xl-5 { padding: 1.875rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 1.875rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 1.875rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 1.875rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 1.875rem !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; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1240px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1240px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .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; } .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; } } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1240px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1200px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.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 { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.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: 1240px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.33333%; max-width: 33.33333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.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%; } } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes bounce { from, 20%, 53%, to { -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); 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); transform: translate3d(0, -30px, 0) scaleY(1.1); } 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); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { from, 20%, 53%, to { -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); 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); transform: translate3d(0, -30px, 0) scaleY(1.1); } 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); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0) scaleY(0.95); } 90% { transform: translate3d(0, -4px, 0) scaleY(1.02); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; transform-origin: center bottom; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes shakeX { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } @keyframes shakeY { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { transform: translate3d(0, 10px, 0); } } .shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } .animated { -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*---------------pseudo element default styles---------------*/ /*---------------------pseudo full size---------------------*/ /*--------------------proportional ratio--------------------*/ /*--------------------placeholder styles--------------------*/ /*-------------------------clearfix-------------------------*/ /*------------------------transition------------------------*/ /*--------------------background image--------------------*/ /*--------------------absolute alignment--------------------*/ /*------------------make triangle------------------*/ /*---------------------------fonts---------------------------*/ /*-----------------------for browsers-----------------------*/ /*-----------------------map get recursive-----------------------*/ /*-----------------------interaction support-----------------------*/ /* Colors variables start */ /* Colors variables end */ /* Reboot variables start */ /* Reboot variables end */ /* Grid variables start */ /* Grid variables end */ /* Responsive font-size start */ /* Responsive font-size end */ /*Common variables start */ /*Common variables end */ .tippy-box { transition-property: transform, visibility, opacity; position: relative; } .tippy-box[data-animation='fade'][data-state='hidden'] { opacity: 0; } .tippy-box[data-placement^='top'] > .tippy-arrow { bottom: 0; } .tippy-box[data-placement^='top'] > .tippy-arrow:before { bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; transform-origin: center top; } .tippy-box[data-placement^='bottom'] > .tippy-arrow { top: 0; } .tippy-box[data-placement^='bottom'] > .tippy-arrow:before { top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; transform-origin: center bottom; } .tippy-box[data-placement^='left'] > .tippy-arrow { right: 0; } .tippy-box[data-placement^='left'] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; transform-origin: left center; } .tippy-box[data-placement^='right'] > .tippy-arrow { left: 0; } .tippy-box[data-placement^='right'] > .tippy-arrow:before { left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; transform-origin: right center; } .tippy-box[data-inertia][data-state='visible'] { transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { width: 16px; height: 16px; color: #000000; } .tippy-arrow:before { content: ''; position: absolute; border-color: transparent; border-style: solid; } .tippy-content { position: relative; z-index: 1; } /*---------------pseudo element default styles---------------*/ /*---------------------pseudo full size---------------------*/ /*--------------------proportional ratio--------------------*/ /*--------------------placeholder styles--------------------*/ /*-------------------------clearfix-------------------------*/ /*------------------------transition------------------------*/ /*--------------------background image--------------------*/ /*--------------------absolute alignment--------------------*/ /*------------------make triangle------------------*/ /*---------------------------fonts---------------------------*/ /*-----------------------for browsers-----------------------*/ /*-----------------------map get recursive-----------------------*/ /*-----------------------interaction support-----------------------*/ /* Colors variables start */ /* Colors variables end */ /* Reboot variables start */ /* Reboot variables end */ /* Grid variables start */ /* Grid variables end */ /* Responsive font-size start */ /* Responsive font-size end */ /*Common variables start */ /*Common variables end */ .range__input { margin-left: 8px; margin-right: 8px; } .range__input:after, .range__input:before { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgOCA5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0zLjQyMjY1IDAuMTU2Nzg1QzMuNzc5OTIgLTAuMDUyMjYxNyA0LjIyMDA4IC0wLjA1MjI2MTcgNC41NzczNSAwLjE1Njc4NUw3LjQyMjY1IDEuODIxNjZDNy43Nzk5MiAyLjAzMDcgOCAyLjQxNzA0IDggMi44MzUxM1Y2LjE2NDg3QzggNi41ODI5NiA3Ljc3OTkxIDYuOTY5MyA3LjQyMjY1IDcuMTc4MzRMNC41NzczNSA4Ljg0MzIxQzQuMjIwMDggOS4wNTIyNiAzLjc3OTkyIDkuMDUyMjYgMy40MjI2NSA4Ljg0MzIxTDAuNTc3MzUgNy4xNzgzNEMwLjIyMDA4NSA2Ljk2OTMgMCA2LjU4Mjk2IDAgNi4xNjQ4N1YyLjgzNTEzQzAgMi40MTcwNCAwLjIyMDA4NSAyLjAzMDcgMC41NzczNSAxLjgyMTY2TDMuNDIyNjUgMC4xNTY3ODVaIiBmaWxsPSIjQzNEM0U3Ii8+PC9zdmc+"); content: ""; display: block; position: absolute; width: 16px; height: 16px; top: -8px; } .range__input:before { left: -8px; } .range__input:after { right: -8px; } .range__fields { margin-top: calc(0.9375rem + 8px); } .noUi-touch-area, .range__input:before, .range__input:after { background-position: center center; background-size: contain; background-repeat: no-repeat; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .noUi-target { position: relative; background-color: #C3D3E7; margin-top: 1.71875rem; } .noUi-target.is-involved .noUi-connect:after { opacity: 0; } .noUi-target.is-involved .noUi-connect:before { opacity: 1; } .noUi-target.is-involved .noUi-touch-area { opacity: 1; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } .noUi-connects { overflow: hidden; z-index: 0; border-radius: 3px; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; right: 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-connect:after, .noUi-connect:before { transition: opacity 0.1s linear; content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; } .noUi-connect:before { background: linear-gradient(103.02deg, #FF8413 -1.93%, #FF154D 105.94%); opacity: 0; } .noUi-origin { height: 10%; width: 10%; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; cursor: pointer; } .noUi-touch-area { transition: all 0.1s linear; position: relative; height: 100%; width: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5NyA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMi42MzUyOSIgeTE9Ii0xMy4wNDM1IiB4Mj0iMjIuODA1OCIgeTI9Ii04LjM4MDIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); opacity: 0; } .noUi-touch-area:after { content: ""; display: block; position: absolute; width: 200%; height: 200%; left: -50%; top: -50%; } .noUi-touch-area:hover { transform: scale(1.1); } .noUi-pips { position: absolute; color: #999; } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-value-vertical { transform: translate(0, -50%); padding-left: 25px; } .noUi-marker { position: absolute; background: #CCC; } .noUi-marker-sub { background: #AAA; } .noUi-marker-large { background: #AAA; } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } .noUi-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 { font-size: 0.875rem; display: block; position: absolute; color: #000000; text-align: center; white-space: nowrap; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform 0.2s linear; } .noUi-state-drag * { cursor: inherit !important; } .noUi-draggable { cursor: ew-resize; } .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle { left: -17px; right: auto; } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-rtl .noUi-value-vertical { transform: translate(0, 50%); } .noUi-horizontal { height: 2px; } .noUi-horizontal .noUi-handle { width: 16px; height: 16px; top: -8px; right: -8px; } .noUi-horizontal .noUi-tooltip { transform: translate(-50%, -0.3125rem); left: 50%; bottom: 100%; } .noUi-horizontal .noUi-origin > .noUi-tooltip { transform: translate(50%, 0); left: auto; bottom: 10px; } .noUi-vertical { width: 2px; } .noUi-vertical .noUi-handle { width: 16px; height: 16px; right: -6px; top: -8px; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-vertical .noUi-tooltip { transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-vertical .noUi-origin > .noUi-tooltip { transform: translate(0, -18px); top: auto; right: 28px; } [disabled] .noUi-connect { background: #B8B8B8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /*---------------pseudo element default styles---------------*/ /*---------------------pseudo full size---------------------*/ /*--------------------proportional ratio--------------------*/ /*--------------------placeholder styles--------------------*/ /*-------------------------clearfix-------------------------*/ /*------------------------transition------------------------*/ /*--------------------background image--------------------*/ /*--------------------absolute alignment--------------------*/ /*------------------make triangle------------------*/ /*---------------------------fonts---------------------------*/ /*-----------------------for browsers-----------------------*/ /*-----------------------map get recursive-----------------------*/ /*-----------------------interaction support-----------------------*/ /* Colors variables start */ /* Colors variables end */ /* Reboot variables start */ /* Reboot variables end */ /* Grid variables start */ /* Grid variables end */ /* Responsive font-size start */ /* Responsive font-size end */ /*Common variables start */ /*Common variables end */ .datepicker { display: none; } .datepicker.active { display: block; } .datepicker-dropdown { position: absolute; top: 0; left: 0; z-index: 20; padding-top: 1.25rem; } .datepicker-dropdown.datepicker-orient-top { padding-top: 0; padding-bottom: 1.25rem; } .datepicker-picker { display: inline-block; border-radius: 0.625rem; background-color: #ffffff; } .datepicker-dropdown .datepicker-picker { box-shadow: 0 0.375rem 1.5rem rgba(21, 16, 73, 0.12); } .datepicker-picker span { display: block; flex: 1; border: 0; border-radius: 0.625rem; cursor: default; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker-main { padding: 0 0.9375rem 0.9375rem; } .datepicker-footer { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid { display: flex; } .datepicker-grid { flex-wrap: wrap; } .datepicker-view .dow, .datepicker-view .days .datepicker-cell { flex-basis: 14.28571%; } .datepicker-view.datepicker-grid .datepicker-cell { flex-basis: 25%; } .datepicker-view .week, .datepicker-cell { height: 2.8125rem; line-height: 2.8125rem; } .datepicker-title { box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f9fa; padding: 0.375rem 0.75rem; text-align: center; } .datepicker-header .datepicker-controls { padding: 1.25rem 0.9375rem; } .datepicker-controls .button { transition: opacity 0.2s linear; font-size: 1.125rem; position: relative; border-radius: 0.625rem; background-color: #ffffff; cursor: pointer; height: 2.8125rem; text-align: center; line-height: 1.5; white-space: nowrap; color: #000000; } @media (max-width: 1240px) { .datepicker-controls .button { font-size: calc(0.95625rem + 0.21774vw) ; } } .datepicker-controls .button:hover .svg-icon { opacity: 1; } .datepicker-controls .button[disabled] { cursor: not-allowed; } .datepicker-controls .button[disabled] .svg-icon { opacity: .5; } .datepicker-header .datepicker-controls .button { border: 0 none; font-family: "Lato Medium", sans-serif; } .datepicker-header .datepicker-controls .button:focus:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .datepicker-header .datepicker-controls .button[disabled] { box-shadow: none; } .datepicker-footer .datepicker-controls .button { margin: calc(0.375rem - 1px) 0.375rem; width: 100%; } .datepicker-controls .button .svg-icon { opacity: .75; } .datepicker-controls .view-switch { margin: 0 auto; } .datepicker-controls .view-switch span { pointer-events: none; display: inline-block; } .datepicker-controls .view-switch span:last-of-type { color: #9CA9B2; } .datepicker-controls .view-switch span + span { margin-left: 0.3125rem; } .datepicker-controls .prev-btn, .datepicker-controls .next-btn { width: 2.8125rem; } .datepicker-controls .prev-btn.disabled, .datepicker-controls .next-btn.disabled { visibility: hidden; } .datepicker-view .days-of-week { font-size: 1rem; margin-bottom: 0.625rem; } @media (max-width: 1240px) { .datepicker-view .days-of-week { font-size: calc(0.94375rem + 0.07258vw) ; } } .datepicker-view .dow { color: #788A96; } .datepicker-view .week { width: 2.8125rem; } @media (max-width: 28.125rem) { .datepicker-view .week { width: 2.46094rem; } } .datepicker-grid { width: 19.6875rem; } @media (max-width: 28.125rem) { .calendar-weeks + .days .datepicker-grid { width: 17.22656rem; } } .datepicker-cell { position: relative; } .datepicker-cell span { transition: color 0.06667s linear; color: #000000; position: relative; z-index: 1; pointer-events: none; } .datepicker-cell:not(.disabled):after { transition: opacity 0.06667s linear; content: ""; position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44NDUzIDAuMjc4NzI5QzcuNTU5ODMgLTAuMDkyOTA5NyA4LjQ0MDE3IC0wLjA5MjkwOTYgOS4xNTQ3IDAuMjc4NzI5TDE0Ljg0NTMgMy4yMzg1QzE1LjU1OTggMy42MTAxNCAxNiA0LjI5Njk1IDE2IDUuMDQwMjNWMTAuOTU5OEMxNiAxMS43MDMgMTUuNTU5OCAxMi4zODk5IDE0Ljg0NTMgMTIuNzYxNUw5LjE1NDcgMTUuNzIxM0M4LjQ0MDE3IDE2LjA5MjkgNy41NTk4MyAxNi4wOTI5IDYuODQ1MyAxNS43MjEzTDEuMTU0NyAxMi43NjE1QzAuNDQwMTY5IDEyLjM4OTkgMCAxMS43MDMgMCAxMC45NTk4VjUuMDQwMjNDMCA0LjI5Njk1IDAuNDQwMTY5IDMuNjEwMTQgMS4xNTQ3IDMuMjM4NUw2Ljg0NTMgMC4yNzg3MjlaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMi42MzUyOSIgeTE9Ii0xMy4wNDM1IiB4Mj0iMjIuODA1OCIgeTI9Ii04LjM4MDIyIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGODQxMyIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0ZGMTU0RCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPg=="); background-position: center center; background-repeat: no-repeat; background-size: contain; opacity: 0; } .datepicker-cell:not(.disabled):hover { cursor: pointer; } .datepicker-cell:not(.selected):hover:after { opacity: .5; } .datepicker-cell.focused:not(.selected):after { opacity: 1; } .datepicker-cell.selected span, .datepicker-cell.focused span { color: #ffffff; } .datepicker-cell.selected:after, .datepicker-cell.focused:after { opacity: 1; } .datepicker-cell.disabled span { color: #788A96; } .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) { opacity: .5; } .datepicker-cell.prev.selected, .datepicker-cell.next.selected { color: #e6e6e6; } .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { border-radius: 0; } .datepicker-cell.today:not(.selected):not(.disabled) { color: #ffffff; } .datepicker-view .days .datepicker-cell { font-size: 1rem; } @media (max-width: 1240px) { .datepicker-view .days .datepicker-cell { font-size: calc(0.94375rem + 0.07258vw) ; } } .datepicker-view.datepicker-grid .datepicker-cell { height: 5.625rem; line-height: 5.625rem; } @font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-container-pointer-events { touch-action: pan-y; } .swiper-container-pointer-events.swiper-container-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* 3D Effects */ .swiper-container-3d { perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } :root { /* --swiper-pagination-color: var(--swiper-theme-color); */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 50%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Progress */ .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-dark { --swiper-pagination-color: #14111B; } .swiper-pagination-gray-dark { --swiper-pagination-color: #788A96; } .swiper-pagination-gray-light { --swiper-pagination-color: #9CA9B2; } .swiper-pagination-inactive { --swiper-pagination-color: #D7D8E3; } .swiper-pagination-blue-light { --swiper-pagination-color: #C3D3E7; } .swiper-pagination-blue-gray { --swiper-pagination-color: #EDF4FF; } .swiper-pagination-orange { --swiper-pagination-color: #FF8413; } .swiper-pagination-pink { --swiper-pagination-color: #FF154D; } .swiper-pagination-overlay-bg { --swiper-pagination-color: rgba(47, 51, 88, 0.24); } .swiper-pagination-white { --swiper-pagination-color: #ffffff; } .swiper-pagination-black { --swiper-pagination-color: #000000; } .swiper-pagination-red { --swiper-pagination-color: #ff0000; } .swiper-pagination-lock { display: none; } /*# sourceMappingURL=libs.css.map */