@charset "utf-8"; .mfp-bg { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99000; overflow: hidden; position: fixed; background: rgb(11, 11, 11); opacity: 0.8; } .mfp-wrap { top: 0px; left: 0px; width: 100%; height: 100%; z-index: 99000; position: fixed; backface-visibility: hidden; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; padding: 0px 8px; 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: 0px 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: zoom-out; } .mfp-zoom { cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: rgb(204, 204, 204); position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: rgb(204, 204, 204); } .mfp-preloader a:hover { color: rgb(255, 255, 255); } .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: 0px; appearance: none; display: block; outline: none; padding: 0px; z-index: 1046; box-shadow: none; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0px; top: 0px; text-decoration: none; text-align: center; opacity: 0.65; padding: 0px 0px 18px 10px; color: rgb(255, 255, 255); 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: rgb(51, 51, 51); } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: rgb(255, 255, 255); right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0px; right: 0px; color: rgb(204, 204, 204); font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: -55px 0px 0px; top: 50%; padding: 0px; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .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: 0px; height: 0px; position: absolute; left: 0px; top: 0px; 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; opacity: 0.7; } .mfp-arrow-left { left: 0px; } .mfp-arrow-left::after, .mfp-arrow-left .mfp-a { border-right: 17px solid rgb(255, 255, 255); margin-left: 31px; } .mfp-arrow-left::before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid rgb(63, 63, 63); } .mfp-arrow-right { right: 0px; } .mfp-arrow-right::after, .mfp-arrow-right .mfp-a { border-left: 17px solid rgb(255, 255, 255); margin-left: 39px; } .mfp-arrow-right::before, .mfp-arrow-right .mfp-b { border-left: 27px solid rgb(63, 63, 63); } .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: 0px; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(0, 0, 0); } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0px; margin: 0px auto; } .mfp-figure { line-height: 0; } .mfp-figure::after { content: ""; position: absolute; inset: 40px 0px; display: block; width: auto; height: auto; z-index: -1; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 8px; background: rgb(68, 68, 68); } .mfp-figure small { color: rgb(189, 189, 189); display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0px; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0px; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: rgb(243, 243, 243); overflow-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) { .mfp-img-mobile .mfp-image-holder { padding-left: 0px; padding-right: 0px; } .mfp-img-mobile img.mfp-img { padding: 0px; } .mfp-img-mobile .mfp-figure::after { top: 0px; bottom: 0px; } .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: 0px; margin: 0px; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0px; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0px; right: 0px; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0px; } } @media (max-width: 900px) { .mfp-arrow { transform: scale(0.75); } .mfp-arrow-left { transform-origin: 0px center; } .mfp-arrow-right { transform-origin: 100% center; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0px; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0px; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0px; right: 0px; padding-top: 0px; } .datepicker { padding: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0px; left: 0px; } .datepicker-dropdown::before { content: ""; display: inline-block; border-width: 0px 7px 7px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-top-style: initial; border-top-color: initial; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown::after { content: ""; display: inline-block; border-width: 0px 6px 6px; border-left-style: solid; border-left-color: transparent; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: rgb(255, 255, 255); border-top-style: initial; border-top-color: initial; position: absolute; } .datepicker-dropdown.datepicker-orient-left::before { left: 6px; } .datepicker-dropdown.datepicker-orient-left::after { left: 7px; } .datepicker-dropdown.datepicker-orient-right::before { right: 6px; } .datepicker-dropdown.datepicker-orient-right::after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom::before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom::after { top: -6px; } .datepicker-dropdown.datepicker-orient-top::before { bottom: -7px; border-bottom: 0px; border-top: 7px solid rgb(153, 153, 153); } .datepicker-dropdown.datepicker-orient-top::after { bottom: -6px; border-bottom: 0px; border-top: 6px solid rgb(255, 255, 255); } .datepicker table { margin: 0px; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day.focused, .datepicker table tr td.day:hover { background: rgb(238, 238, 238); cursor: pointer; } .datepicker table tr td.new, .datepicker table tr td.old { color: rgb(153, 153, 153); } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: 0px 0px; color: rgb(153, 153, 153); cursor: default; } .datepicker table tr td.highlighted { background: rgb(217, 237, 247); border-radius: 0px; } .datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background-color: rgb(253, 225, 154); background-image: linear-gradient(rgb(253, 212, 154), rgb(253, 245, 154)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(0, 0, 0); } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] { background-color: rgb(253, 245, 154); } .datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active { } .datepicker table tr td.today:hover:hover { color: rgb(0, 0, 0); } .datepicker table tr td.today.active:hover { color: rgb(255, 255, 255); } .datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover { background: rgb(238, 238, 238); border-radius: 0px; } .datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover { background-color: rgb(243, 209, 122); background-image: linear-gradient(rgb(243, 193, 122), rgb(243, 233, 122)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-radius: 0px; } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] { background-color: rgb(243, 233, 122); } .datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active { } .datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover { background-color: rgb(158, 158, 158); background-image: linear-gradient(rgb(179, 179, 179), grey); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] { background-color: grey; } .datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active { } .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover { background-color: rgb(0, 109, 204); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] { background-color: rgb(0, 68, 204); } .datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active { } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: rgb(238, 238, 238); } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: 0px 0px; color: rgb(153, 153, 153); cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover { background-color: rgb(0, 109, 204); background-image: linear-gradient(rgb(0, 136, 204), rgb(0, 68, 204)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1px 0px; } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] { background-color: rgb(0, 68, 204); } .datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active { } .datepicker table tr td span.new, .datepicker table tr td span.old { color: rgb(153, 153, 153); } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover { background: rgb(238, 238, 238); } .datepicker .next.disabled, .datepicker .prev.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0px 2px 0px 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { border-radius: 3px 0px 0px 3px; } .input-daterange input:last-child { border-radius: 0px 3px 3px 0px; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: 400; line-height: 18px; text-align: center; text-shadow: rgb(255, 255, 255) 0px 1px 0px; vertical-align: middle; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); margin-left: -5px; margin-right: -5px; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; background-image: url("/files/frameworks/intl-tel-input-8.5.2/build/img/flags.png"); background-repeat: no-repeat; background-color: rgb(219, 219, 219); background-position: 20px 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("/files/frameworks/intl-tel-input-8.5.2/build/img/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } .intl-tel-input { position: relative; display: inline-block; } .intl-tel-input * { box-sizing: border-box; } .intl-tel-input .hide { display: none; } .intl-tel-input .v-hide { visibility: hidden; } .intl-tel-input input, .intl-tel-input input[type="text"], .intl-tel-input input[type="tel"] { position: relative; z-index: 0; padding-right: 36px; margin-right: 0px; margin-top: 0px !important; margin-bottom: 0px !important; } .intl-tel-input .flag-container { position: absolute; top: 0px; bottom: 0px; right: 0px; padding: 1px; } .intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0px 0px 0px 8px; } .intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0px; bottom: 0px; margin: auto; } .intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid rgb(85, 85, 85); } .intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid rgb(85, 85, 85); } .intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0px; margin: 0px 0px 0px -1px; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px; background-color: white; border: 1px solid rgb(204, 204, 204); white-space: nowrap; max-height: 200px; overflow-y: scroll; } .intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; } .intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; } @media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } } .intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgb(204, 204, 204); } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country .dial-code { color: rgb(153, 153, 153); } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; } .intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type="text"], .intl-tel-input.allow-dropdown input[type="tel"] { padding-right: 6px; padding-left: 52px; margin-left: 0px; } .intl-tel-input.allow-dropdown .flag-container { right: auto; left: 0px; } .intl-tel-input.allow-dropdown .selected-flag { width: 46px; } .intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; } .intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; } .intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; } .intl-tel-input.allow-dropdown.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; } .intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type="text"], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type="tel"] { padding-left: 76px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag { width: 70px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type="text"], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type="tel"] { padding-left: 84px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag { width: 78px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type="text"], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type="tel"] { padding-left: 92px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag { width: 86px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input, .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type="text"], .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type="tel"] { padding-left: 100px; } .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag { width: 94px; } .intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .intl-tel-input.iti-container:hover { cursor: pointer; } .iti-mobile .intl-tel-input.iti-container { inset: 30px; position: fixed; } .iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; } .iti-mobile .intl-tel-input .country-list .country { padding: 10px; line-height: 1.5em; } .iti-flag { width: 20px; } .iti-flag.be { width: 18px; } .iti-flag.ch { width: 15px; } .iti-flag.mc { width: 19px; } .iti-flag.ne { width: 18px; } .iti-flag.np { width: 13px; } .iti-flag.va { width: 15px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } } .iti-flag.ac { height: 10px; background-position: 0px 0px; } .iti-flag.ad { height: 14px; background-position: -22px 0px; } .iti-flag.ae { height: 10px; background-position: -44px 0px; } .iti-flag.af { height: 14px; background-position: -66px 0px; } .iti-flag.ag { height: 14px; background-position: -88px 0px; } .iti-flag.ai { height: 10px; background-position: -110px 0px; } .iti-flag.al { height: 15px; background-position: -132px 0px; } .iti-flag.am { height: 10px; background-position: -154px 0px; } .iti-flag.ao { height: 14px; background-position: -176px 0px; } .iti-flag.aq { height: 14px; background-position: -198px 0px; } .iti-flag.ar { height: 13px; background-position: -220px 0px; } .iti-flag.as { height: 10px; background-position: -242px 0px; } .iti-flag.at { height: 14px; background-position: -264px 0px; } .iti-flag.au { height: 10px; background-position: -286px 0px; } .iti-flag.aw { height: 14px; background-position: -308px 0px; } .iti-flag.ax { height: 13px; background-position: -330px 0px; } .iti-flag.az { height: 10px; background-position: -352px 0px; } .iti-flag.ba { height: 10px; background-position: -374px 0px; } .iti-flag.bb { height: 14px; background-position: -396px 0px; } .iti-flag.bd { height: 12px; background-position: -418px 0px; } .iti-flag.be { height: 15px; background-position: -440px 0px; } .iti-flag.bf { height: 14px; background-position: -460px 0px; } .iti-flag.bg { height: 12px; background-position: -482px 0px; } .iti-flag.bh { height: 12px; background-position: -504px 0px; } .iti-flag.bi { height: 12px; background-position: -526px 0px; } .iti-flag.bj { height: 14px; background-position: -548px 0px; } .iti-flag.bl { height: 14px; background-position: -570px 0px; } .iti-flag.bm { height: 10px; background-position: -592px 0px; } .iti-flag.bn { height: 10px; background-position: -614px 0px; } .iti-flag.bo { height: 14px; background-position: -636px 0px; } .iti-flag.bq { height: 14px; background-position: -658px 0px; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag.bs { height: 10px; background-position: -702px 0px; } .iti-flag.bt { height: 14px; background-position: -724px 0px; } .iti-flag.bv { height: 15px; background-position: -746px 0px; } .iti-flag.bw { height: 14px; background-position: -768px 0px; } .iti-flag.by { height: 10px; background-position: -790px 0px; } .iti-flag.bz { height: 14px; background-position: -812px 0px; } .iti-flag.ca { height: 10px; background-position: -834px 0px; } .iti-flag.cc { height: 10px; background-position: -856px 0px; } .iti-flag.cd { height: 15px; background-position: -878px 0px; } .iti-flag.cf { height: 14px; background-position: -900px 0px; } .iti-flag.cg { height: 14px; background-position: -922px 0px; } .iti-flag.ch { height: 15px; background-position: -944px 0px; } .iti-flag.ci { height: 14px; background-position: -961px 0px; } .iti-flag.ck { height: 10px; background-position: -983px 0px; } .iti-flag.cl { height: 14px; background-position: -1005px 0px; } .iti-flag.cm { height: 14px; background-position: -1027px 0px; } .iti-flag.cn { height: 14px; background-position: -1049px 0px; } .iti-flag.co { height: 14px; background-position: -1071px 0px; } .iti-flag.cp { height: 14px; background-position: -1093px 0px; } .iti-flag.cr { height: 12px; background-position: -1115px 0px; } .iti-flag.cu { height: 10px; background-position: -1137px 0px; } .iti-flag.cv { height: 12px; background-position: -1159px 0px; } .iti-flag.cw { height: 14px; background-position: -1181px 0px; } .iti-flag.cx { height: 10px; background-position: -1203px 0px; } .iti-flag.cy { height: 13px; background-position: -1225px 0px; } .iti-flag.cz { height: 14px; background-position: -1247px 0px; } .iti-flag.de { height: 12px; background-position: -1269px 0px; } .iti-flag.dg { height: 10px; background-position: -1291px 0px; } .iti-flag.dj { height: 14px; background-position: -1313px 0px; } .iti-flag.dk { height: 15px; background-position: -1335px 0px; } .iti-flag.dm { height: 10px; background-position: -1357px 0px; } .iti-flag.do { height: 13px; background-position: -1379px 0px; } .iti-flag.dz { height: 14px; background-position: -1401px 0px; } .iti-flag.ea { height: 14px; background-position: -1423px 0px; } .iti-flag.ec { height: 14px; background-position: -1445px 0px; } .iti-flag.ee { height: 13px; background-position: -1467px 0px; } .iti-flag.eg { height: 14px; background-position: -1489px 0px; } .iti-flag.eh { height: 10px; background-position: -1511px 0px; } .iti-flag.er { height: 10px; background-position: -1533px 0px; } .iti-flag.es { height: 14px; background-position: -1555px 0px; } .iti-flag.et { height: 10px; background-position: -1577px 0px; } .iti-flag.eu { height: 14px; background-position: -1599px 0px; } .iti-flag.fi { height: 12px; background-position: -1621px 0px; } .iti-flag.fj { height: 10px; background-position: -1643px 0px; } .iti-flag.fk { height: 10px; background-position: -1665px 0px; } .iti-flag.fm { height: 11px; background-position: -1687px 0px; } .iti-flag.fo { height: 15px; background-position: -1709px 0px; } .iti-flag.fr { height: 14px; background-position: -1731px 0px; } .iti-flag.ga { height: 15px; background-position: -1753px 0px; } .iti-flag.gb { height: 10px; background-position: -1775px 0px; } .iti-flag.gd { height: 12px; background-position: -1797px 0px; } .iti-flag.ge { height: 14px; background-position: -1819px 0px; } .iti-flag.gf { height: 14px; background-position: -1841px 0px; } .iti-flag.gg { height: 14px; background-position: -1863px 0px; } .iti-flag.gh { height: 14px; background-position: -1885px 0px; } .iti-flag.gi { height: 10px; background-position: -1907px 0px; } .iti-flag.gl { height: 14px; background-position: -1929px 0px; } .iti-flag.gm { height: 14px; background-position: -1951px 0px; } .iti-flag.gn { height: 14px; background-position: -1973px 0px; } .iti-flag.gp { height: 14px; background-position: -1995px 0px; } .iti-flag.gq { height: 14px; background-position: -2017px 0px; } .iti-flag.gr { height: 14px; background-position: -2039px 0px; } .iti-flag.gs { height: 10px; background-position: -2061px 0px; } .iti-flag.gt { height: 13px; background-position: -2083px 0px; } .iti-flag.gu { height: 11px; background-position: -2105px 0px; } .iti-flag.gw { height: 10px; background-position: -2127px 0px; } .iti-flag.gy { height: 12px; background-position: -2149px 0px; } .iti-flag.hk { height: 14px; background-position: -2171px 0px; } .iti-flag.hm { height: 10px; background-position: -2193px 0px; } .iti-flag.hn { height: 10px; background-position: -2215px 0px; } .iti-flag.hr { height: 10px; background-position: -2237px 0px; } .iti-flag.ht { height: 12px; background-position: -2259px 0px; } .iti-flag.hu { height: 10px; background-position: -2281px 0px; } .iti-flag.ic { height: 14px; background-position: -2303px 0px; } .iti-flag.id { height: 14px; background-position: -2325px 0px; } .iti-flag.ie { height: 10px; background-position: -2347px 0px; } .iti-flag.il { height: 15px; background-position: -2369px 0px; } .iti-flag.im { height: 10px; background-position: -2391px 0px; } .iti-flag.in { height: 14px; background-position: -2413px 0px; } .iti-flag.io { height: 10px; background-position: -2435px 0px; } .iti-flag.iq { height: 14px; background-position: -2457px 0px; } .iti-flag.ir { height: 12px; background-position: -2479px 0px; } .iti-flag.is { height: 15px; background-position: -2501px 0px; } .iti-flag.it { height: 14px; background-position: -2523px 0px; } .iti-flag.je { height: 12px; background-position: -2545px 0px; } .iti-flag.jm { height: 10px; background-position: -2567px 0px; } .iti-flag.jo { height: 10px; background-position: -2589px 0px; } .iti-flag.jp { height: 14px; background-position: -2611px 0px; } .iti-flag.ke { height: 14px; background-position: -2633px 0px; } .iti-flag.kg { height: 12px; background-position: -2655px 0px; } .iti-flag.kh { height: 13px; background-position: -2677px 0px; } .iti-flag.ki { height: 10px; background-position: -2699px 0px; } .iti-flag.km { height: 12px; background-position: -2721px 0px; } .iti-flag.kn { height: 14px; background-position: -2743px 0px; } .iti-flag.kp { height: 10px; background-position: -2765px 0px; } .iti-flag.kr { height: 14px; background-position: -2787px 0px; } .iti-flag.kw { height: 10px; background-position: -2809px 0px; } .iti-flag.ky { height: 10px; background-position: -2831px 0px; } .iti-flag.kz { height: 10px; background-position: -2853px 0px; } .iti-flag.la { height: 14px; background-position: -2875px 0px; } .iti-flag.lb { height: 14px; background-position: -2897px 0px; } .iti-flag.lc { height: 10px; background-position: -2919px 0px; } .iti-flag.li { height: 12px; background-position: -2941px 0px; } .iti-flag.lk { height: 10px; background-position: -2963px 0px; } .iti-flag.lr { height: 11px; background-position: -2985px 0px; } .iti-flag.ls { height: 14px; background-position: -3007px 0px; } .iti-flag.lt { height: 12px; background-position: -3029px 0px; } .iti-flag.lu { height: 12px; background-position: -3051px 0px; } .iti-flag.lv { height: 10px; background-position: -3073px 0px; } .iti-flag.ly { height: 10px; background-position: -3095px 0px; } .iti-flag.ma { height: 14px; background-position: -3117px 0px; } .iti-flag.mc { height: 15px; background-position: -3139px 0px; } .iti-flag.md { height: 10px; background-position: -3160px 0px; } .iti-flag.me { height: 10px; background-position: -3182px 0px; } .iti-flag.mf { height: 14px; background-position: -3204px 0px; } .iti-flag.mg { height: 14px; background-position: -3226px 0px; } .iti-flag.mh { height: 11px; background-position: -3248px 0px; } .iti-flag.mk { height: 10px; background-position: -3270px 0px; } .iti-flag.ml { height: 14px; background-position: -3292px 0px; } .iti-flag.mm { height: 14px; background-position: -3314px 0px; } .iti-flag.mn { height: 10px; background-position: -3336px 0px; } .iti-flag.mo { height: 14px; background-position: -3358px 0px; } .iti-flag.mp { height: 10px; background-position: -3380px 0px; } .iti-flag.mq { height: 14px; background-position: -3402px 0px; } .iti-flag.mr { height: 14px; background-position: -3424px 0px; } .iti-flag.ms { height: 10px; background-position: -3446px 0px; } .iti-flag.mt { height: 14px; background-position: -3468px 0px; } .iti-flag.mu { height: 14px; background-position: -3490px 0px; } .iti-flag.mv { height: 14px; background-position: -3512px 0px; } .iti-flag.mw { height: 14px; background-position: -3534px 0px; } .iti-flag.mx { height: 12px; background-position: -3556px 0px; } .iti-flag.my { height: 10px; background-position: -3578px 0px; } .iti-flag.mz { height: 14px; background-position: -3600px 0px; } .iti-flag.na { height: 14px; background-position: -3622px 0px; } .iti-flag.nc { height: 10px; background-position: -3644px 0px; } .iti-flag.ne { height: 15px; background-position: -3666px 0px; } .iti-flag.nf { height: 10px; background-position: -3686px 0px; } .iti-flag.ng { height: 10px; background-position: -3708px 0px; } .iti-flag.ni { height: 12px; background-position: -3730px 0px; } .iti-flag.nl { height: 14px; background-position: -3752px 0px; } .iti-flag.no { height: 15px; background-position: -3774px 0px; } .iti-flag.np { height: 15px; background-position: -3796px 0px; } .iti-flag.nr { height: 10px; background-position: -3811px 0px; } .iti-flag.nu { height: 10px; background-position: -3833px 0px; } .iti-flag.nz { height: 10px; background-position: -3855px 0px; } .iti-flag.om { height: 10px; background-position: -3877px 0px; } .iti-flag.pa { height: 14px; background-position: -3899px 0px; } .iti-flag.pe { height: 14px; background-position: -3921px 0px; } .iti-flag.pf { height: 14px; background-position: -3943px 0px; } .iti-flag.pg { height: 15px; background-position: -3965px 0px; } .iti-flag.ph { height: 10px; background-position: -3987px 0px; } .iti-flag.pk { height: 14px; background-position: -4009px 0px; } .iti-flag.pl { height: 13px; background-position: -4031px 0px; } .iti-flag.pm { height: 14px; background-position: -4053px 0px; } .iti-flag.pn { height: 10px; background-position: -4075px 0px; } .iti-flag.pr { height: 14px; background-position: -4097px 0px; } .iti-flag.ps { height: 10px; background-position: -4119px 0px; } .iti-flag.pt { height: 14px; background-position: -4141px 0px; } .iti-flag.pw { height: 13px; background-position: -4163px 0px; } .iti-flag.py { height: 11px; background-position: -4185px 0px; } .iti-flag.qa { height: 8px; background-position: -4207px 0px; } .iti-flag.re { height: 14px; background-position: -4229px 0px; } .iti-flag.ro { height: 14px; background-position: -4251px 0px; } .iti-flag.rs { height: 14px; background-position: -4273px 0px; } .iti-flag.ru { height: 14px; background-position: -4295px 0px; } .iti-flag.rw { height: 14px; background-position: -4317px 0px; } .iti-flag.sa { height: 14px; background-position: -4339px 0px; } .iti-flag.sb { height: 10px; background-position: -4361px 0px; } .iti-flag.sc { height: 10px; background-position: -4383px 0px; } .iti-flag.sd { height: 10px; background-position: -4405px 0px; } .iti-flag.se { height: 13px; background-position: -4427px 0px; } .iti-flag.sg { height: 14px; background-position: -4449px 0px; } .iti-flag.sh { height: 10px; background-position: -4471px 0px; } .iti-flag.si { height: 10px; background-position: -4493px 0px; } .iti-flag.sj { height: 15px; background-position: -4515px 0px; } .iti-flag.sk { height: 14px; background-position: -4537px 0px; } .iti-flag.sl { height: 14px; background-position: -4559px 0px; } .iti-flag.sm { height: 15px; background-position: -4581px 0px; } .iti-flag.sn { height: 14px; background-position: -4603px 0px; } .iti-flag.so { height: 14px; background-position: -4625px 0px; } .iti-flag.sr { height: 14px; background-position: -4647px 0px; } .iti-flag.ss { height: 10px; background-position: -4669px 0px; } .iti-flag.st { height: 10px; background-position: -4691px 0px; } .iti-flag.sv { height: 12px; background-position: -4713px 0px; } .iti-flag.sx { height: 14px; background-position: -4735px 0px; } .iti-flag.sy { height: 14px; background-position: -4757px 0px; } .iti-flag.sz { height: 14px; background-position: -4779px 0px; } .iti-flag.ta { height: 10px; background-position: -4801px 0px; } .iti-flag.tc { height: 10px; background-position: -4823px 0px; } .iti-flag.td { height: 14px; background-position: -4845px 0px; } .iti-flag.tf { height: 14px; background-position: -4867px 0px; } .iti-flag.tg { height: 13px; background-position: -4889px 0px; } .iti-flag.th { height: 14px; background-position: -4911px 0px; } .iti-flag.tj { height: 10px; background-position: -4933px 0px; } .iti-flag.tk { height: 10px; background-position: -4955px 0px; } .iti-flag.tl { height: 10px; background-position: -4977px 0px; } .iti-flag.tm { height: 14px; background-position: -4999px 0px; } .iti-flag.tn { height: 14px; background-position: -5021px 0px; } .iti-flag.to { height: 10px; background-position: -5043px 0px; } .iti-flag.tr { height: 14px; background-position: -5065px 0px; } .iti-flag.tt { height: 12px; background-position: -5087px 0px; } .iti-flag.tv { height: 10px; background-position: -5109px 0px; } .iti-flag.tw { height: 14px; background-position: -5131px 0px; } .iti-flag.tz { height: 14px; background-position: -5153px 0px; } .iti-flag.ua { height: 14px; background-position: -5175px 0px; } .iti-flag.ug { height: 14px; background-position: -5197px 0px; } .iti-flag.um { height: 11px; background-position: -5219px 0px; } .iti-flag.us { height: 11px; background-position: -5241px 0px; } .iti-flag.uy { height: 14px; background-position: -5263px 0px; } .iti-flag.uz { height: 10px; background-position: -5285px 0px; } .iti-flag.va { height: 15px; background-position: -5307px 0px; } .iti-flag.vc { height: 14px; background-position: -5324px 0px; } .iti-flag.ve { height: 14px; background-position: -5346px 0px; } .iti-flag.vg { height: 10px; background-position: -5368px 0px; } .iti-flag.vi { height: 14px; background-position: -5390px 0px; } .iti-flag.vn { height: 14px; background-position: -5412px 0px; } .iti-flag.vu { height: 12px; background-position: -5434px 0px; } .iti-flag.wf { height: 14px; background-position: -5456px 0px; } .iti-flag.ws { height: 10px; background-position: -5478px 0px; } .iti-flag.xk { height: 15px; background-position: -5500px 0px; } .iti-flag.ye { height: 14px; background-position: -5522px 0px; } .iti-flag.yt { height: 14px; background-position: -5544px 0px; } .iti-flag.za { height: 14px; background-position: -5566px 0px; } .iti-flag.zm { height: 14px; background-position: -5588px 0px; } .iti-flag.zw { height: 10px; background-position: -5610px 0px; } .iti-flag { width: 20px; height: 15px; box-shadow: rgb(136, 136, 136) 0px 0px 1px 0px; background-image: url("/files/frameworks/intl-tel-input-8.5.2/build/img/flags.png"); background-repeat: no-repeat; background-color: rgb(219, 219, 219); background-position: 20px 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2 / 1), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("/files/frameworks/intl-tel-input-8.5.2/build/img/flags@2x.png"); } } .iti-flag.np { background-color: transparent; } #popupCart .content { background: rgb(241, 240, 240) !important; font-size: 13.3px !important; } #popupCart .cart-product-image { display: block; } #popupCart .cart-product-info { display: flex; flex-direction: column; gap: 8px; max-width: 70%; } #popupCart .cart-product-info a:not(.view-product) { color: var(--inside_modules_color_text); font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; font-weight: 700; } #popupCart .cart-product-info a:not(.view-product):not(.edit-quantity-button) { overflow-wrap: anywhere; } #popupCart .cart-product-info a:not(.view-product) .svg-m { background-color: rgb(0, 0, 0); } #popupCart .cart-product-image img { width: 100%; height: 100px; max-width: 130px; border-radius: 4px; object-fit: cover; object-position: center center; } #popupCart .cart-product-options { color: var(--inside_modules_color_text); opacity: 0.8; font-size: 0.6em; font-style: italic; word-break: break-word; } .quantity-total-price, .cart-product-quantity { color: rgb(0, 0, 0); font-size: 0.8em; display: flex; align-items: center; margin: 3px 0px; } #popupCart .quantity-total-price, #popupCart .cart-product-price { display: flex; align-items: center; font-size: 1.2em; font-weight: 700; color: var(--global_main_color); } #popupCart .quantity-total-price span:not(.price-before-sale)[data-rel="multiCurrency"], #popupCart .cart-product-price span:not(.price-before-sale)[data-rel="multiCurrency"] { color: var(--inside_modules_color_section_box_main) !important; } #popupCart .quantity-total-price { margin: 0px; } #popupCart .cart-product-full-price, #popupCart .quantity-total-full-price { text-decoration: line-through; color: rgb(107, 107, 107); } #popupCart .empty-cart-container { color: rgb(107, 107, 107); padding: 1rem; } #popupCart .q-u-loading { display: none; } #popupCart .remove-product-btn { padding: 0px; } #popupCart .cartBottom { border-top: 1px solid rgb(204, 204, 204); background-color: rgb(255, 255, 255); padding: 16px; } #popupCart .cart-summarize { display: flex; justify-content: space-between; margin-bottom: 24px; } #popupCart .cart-summarize h3 { margin: 0px; color: rgb(107, 107, 107); } #popupCart .cart-summarize span { font-weight: 700; } #popupCart .cart-summarize .cart-summarize-total { display: flex; flex-direction: column; gap: 8px; } #popupCart .cart-summarize #cartTotalPrice { margin: 0px; } html[dir="rtl"] #popupCart .cart-summarize { } #popupCart .cart-buttons { display: flex; flex-direction: column; gap: 8px; } #popupCart .empty-cart-btn { display: flex; justify-content: flex-end; } #popupCart .empty-cart-btn .empty-cart { color: var(--global_main_color); } #popupCart .make-order-btn .btn, #popupCart .continue-shopping-btn .btn { width: 100%; } #popupCart .continue-shopping-btn .btn.btn-primary-transparent:hover { color: var(--modules_color_text_second_box) !important; border-color: var(--modules_color_text_second_box) !important; } #popupCart .continue-shopping-btn > .btn:active, #popupCart .continue-shopping-btn > .btn:focus { outline: none; } #popupCart .continue-shopping-btn .btn-primary-transparent:hover { color: unset !important; } #popupCart a.edit-quantity-button { background-color: rgb(230, 230, 230); padding: 2px 6px; font-size: 11px; border-radius: 3px; border: 1px solid rgb(218, 218, 218); color: rgb(68, 68, 68); } #popupCart .sideCartHeader { display: flex; align-items: center; justify-content: space-between; padding: 24px; } #popupCart .quickCart { color: black; } #popupCart .quickCart h2 { display: inline; margin: 0px; font-weight: 700; color: var(--global_main_color_btn_text_color) !important; } #popupCart .quickCart .cartList { display: flex; flex-direction: column; overflow: auto; width: 100%; padding: 16px; gap: 16px; } #popupCart .qty_count { min-width: 13px; text-align: center; color: var(--inside_modules_color_text); } #popupCart .quickCart .item { display: flex; flex-wrap: nowrap; position: relative; border: 1px solid rgba(0, 0, 0, 0.1); width: 100%; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px; background-color: var(--inside_modules_color); margin: 0px; padding: 16px 16px 24px; gap: 16px; } #popupCart .quickCart .item:hover { opacity: 0.8; } #popupCart .quickCart .closeIcon { font-size: 30px; cursor: pointer; color: var(--global_main_color_btn_text_color); } #popupCart .quickCart .closeIcon .svg-m { background-color: var(--global_main_color_btn_text_color); } #popupCart .cart-validator-popover { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); } #popupCart .cart-validator-popover.right > .arrow::after { border-right-color: rgb(169, 68, 66); } #popupCart .cart-validator-popover.top > .arrow::after { border-top-color: rgb(169, 68, 66); } #popupCart .cart-validator-popover.left > .arrow::after { border-left-color: rgb(169, 68, 66); } #popupCart .cart-validator-popover.bottom > .arrow::after { border-bottom-color: rgb(169, 68, 66); } #popupCart .last-added-highlight { animation: 1s ease 0s 1 normal none running last-added-highlight; } @keyframes last-added-highlight { 0% { border-color: rgb(236, 236, 236); box-shadow: rgb(236, 236, 236) 1px 1px 1px 1px; } 50% { border-color: rgb(240, 173, 78); box-shadow: rgb(240, 173, 78) 1px 1px 1px 1px; } 100% { border-color: rgb(236, 236, 236); box-shadow: rgb(236, 236, 236) 1px 1px 1px 1px; } } #popupCart .cartActionButtons { position: absolute; top: 16px; right: 16px; display: flex; align-items: center; } #popupCart .cartActionButtons button { color: rgb(107, 107, 107); } #popupCart .cartActionButtons button .svg-m { background-color: rgb(107, 107, 107); } html[dir="rtl"] #popupCart .cartActionButtons { right: auto; left: 16px; } #popupCart .mix-modules-products { padding: 20px; margin-right: auto; margin-left: auto; } #popupCart .mix-modules-products > div { padding-top: 10px; padding-bottom: 10px; } #popupCart .mix-modules-buttons-container { flex-wrap: wrap; display: flex; align-items: center; justify-content: center; } #popupCart .mix-modules-products a { margin: 10px; } #popupCart .mix-modules-products-buttons { width: 90%; cursor: pointer; } #popupCart .mix-modules-products-buttons .change-cart { font-size: 0.8rem; } #popupCart h1 { font-size: 1.602em !important; } #popupCart h2 { font-size: 1.424em !important; } #popupCart h3 { font-size: 1.266em !important; } #popupCart h4 { font-size: 1.125em !important; } #cartOrderPage .change-cart { cursor: pointer; } .is-wish-list .cart-product-quantity, .is-wish-list .cartBottom { display: none; } #cartOrderPage.is-wish-list .view-product { font-size: 1.1em; color: var(--inside_modules_color_section_box_main) !important; } .edit-product { margin: 0px 4px; } #popupCart .out-of-stock { color: rgb(228, 20, 20); } #popupCart .cart-automatic-coupon { text-align: center; margin-bottom: 20px; } #popupCart .cart-automatic-coupon .cart-automatic-coupon-text { color: var(--global_main_color); border: 1px solid var(--global_main_color); border-radius: 4px; font-weight: 600; font-size: 1.2em; padding: 5px 10px; display: inline-block; } html[dir="ltr"] .popupWinScroll { overflow: hidden; position: relative; height: 100%; } html[dir="rtl"] .popupWinScroll { overflow: hidden; position: relative; height: 100%; } .popupWin { display: flex; align-items: center; place-content: center; background-color: transparent; opacity: 1; z-index: 99000; width: 100%; height: 100%; position: fixed; inset: -200vh 0px 0px; overflow: auto; padding: 0px; margin: auto; transition: top 0.7s; } @supports (-ms-ime-align:auto) { .popupWin { top: -199vh; } } .popupWin.open { top: 0px; } .popupWin .cover { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgb(24, 24, 24); opacity: 1; z-index: 1; } .popupWin .content { background-color: white; z-index: 99000; max-width: 90%; height: 90%; display: flex; flex-direction: column; align-items: center; place-content: center flex-start; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0px; } .popupWin.oneColor .content { background-color: transparent; border: 0px; } .popupWin .content .popupHeader { display: flex; border-bottom: 1px solid rgb(229, 229, 229); width: 100%; align-items: center; place-content: center flex-start; min-height: 60px; padding: 0px 5px; } .popupWin.oneColor .content .popupHeader { border-bottom: 1px solid transparent; } .popupWin .content .popupHeader.emptyHeader { border-bottom: 0px; height: 1px; min-height: inherit; } .popupWin .content .popupHeader .title { order: 1; flex-basis: 90%; color: rgb(51, 51, 51); font-size: 18px; } .popupWin.oneColor .content .title { color: white; } .popupWin .popupCloseButton { cursor: pointer; position: absolute; right: 20px; top: 20px; padding: 0px; z-index: 99999; } html[dir="rtl"] .popupWin .popupCloseButton { right: auto; left: 20px; } .popupWin .popupCloseButton i { font-size: 50px; font-weight: 400; line-height: 1; color: rgb(255, 255, 255); opacity: 1; } .popupWin .popupCloseButton .svg-m { background-color: rgb(255, 255, 255); } .popupWin .popupCloseButton i:hover { opacity: 0.7; } @media (max-width: 767px) { .popupWin .popupCloseButton { left: 5px; top: 5px; } html[dir="rtl"] .popupWin .popupCloseButton { left: auto; right: 5px; } .popupWin .popupCloseButton i { font-size: 40px; } } .popupWin .content .page { padding: 15px 5px; width: 100%; height: 100%; overflow: auto; text-align: center; } .popupWin.oneColor .content .page { display: flex; align-items: center; place-content: center; flex-direction: column; } .popupWin .content .page > iframe { width: 100%; height: 100%; margin: 0px; padding: 0px; border: none; } #popupFloatDivMenuLanguages .languagesList { width: 100%; padding: 0px; order: 1; list-style: none; align-self: center; text-align: center; overflow: auto; } #popupFloatDivMenuLanguages .languagesList a { display: flex; align-items: center; justify-content: center; color: white; text-transform: capitalize; font-size: 1.5em; line-height: 1.8; } #popupFloatDivMenuLanguages .languagesList a:hover { color: var(--global_main_color); } #popupFloatDivMenuLanguages .languagesList a > img { height: 1em; margin-right: 10px; } html[dir="rtl"] #popupFloatDivMenuLanguages .languagesList a > img { margin-right: 0px; margin-left: 10px; } #popupFloatDivMenu .content .page { text-align: inherit !important; } #popupFloatDivMenu .navPagesPopup { order: 1; list-style: none; align-self: center; padding: 0px; overflow: auto; width: 100%; } #popupFloatDivMenu .navPagesPopup a { text-transform: capitalize; line-height: 1.6; color: white; border: 0px; padding: 6px; display: block; text-align: var(--mobileMenuTextAlign); overflow-wrap: break-word; font-size: 20px !important; } #popupFloatDivMenu .navPagesPopup a .svg-m { background-color: white; } #popupFloatDivMenu .moduleMenu.separate { padding: 6px; text-align: var(--mobileMenuTextAlign); } @media only screen and (min-width: 480px) { #popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a { font-size: 25px; } #popupFloatDivSearch .popover_phone_icons a:hover, #popupFloatDivSearch .popover_phone_icons a:focus, #popupFloatDivSearch .popover_email_icons a:hover, #popupFloatDivSearch .popover_email_icons a:focus { color: var(--global_main_color); } #popupFloatDivSearch .popover_phone_icons a:hover .svg-m, #popupFloatDivSearch .popover_phone_icons a:focus .svg-m, #popupFloatDivSearch .popover_email_icons a:hover .svg-m, #popupFloatDivSearch .popover_email_icons a:focus .svg-m { background-color: var(--global_main_color); } } #popupFloatDivMenu .navPagesPopup li:last-child a { border: 0px; } #popupFloatDivMenu:not(.color-contrast) .navPagesPopup li.active > a { background-color: transparent; color: var(--global_main_color); } #popupFloatDivMenu:not(.color-contrast) .navPagesPopup a:hover, #popupFloatDivMenu:not(.color-contrast) .navPagesPopup a:focus { text-decoration: none; color: var(--global_main_color); } #popupFloatDivMenu:not(.color-contrast) .navPagesPopup a:hover .svg-m, #popupFloatDivMenu:not(.color-contrast) .navPagesPopup a:focus .svg-m { background-color: var(--global_main_color); } #popupFloatDivMenu .btn-primary-action-button-4 { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255) !important; } #popupFloatDivMenu .dropdown-submenu.open .site-dropdown-menu { display: block; position: relative; float: none; margin: 0px; padding: 0px; border-radius: 0px; border: 0px; box-shadow: none; } #popupFloatDivMenu .dropdown-submenu.open .site-dropdown-menu a { white-space: normal; } #popupFloatDivMenu .navPagesPopup .site-dropdown-menu.dropdown-side-open-right, #popupFloatDivMenu .navPagesPopup .site-dropdown-menu.dropdown-side-open-left { top: auto; left: auto; right: auto; } #popupFloatDivMenu .navPagesPopup .site-dropdown-menu { background-color: transparent; } #popupFloatDivMenu .navPagesPopup .site-dropdown-menu a { text-transform: capitalize; font-size: 1em; background-color: transparent; color: white; padding: 12px 25px; } #popupFloatDivMenu:not(.color-contrast) .navPagesPopup .site-dropdown-menu a:hover { color: var(--global_main_color); } #popupFloatDivMenu .navPagesPopupActionButtons { order: 2; list-style: none; align-self: center; text-align: center; padding: 15px 0px 0px; border-top: 1px solid var(--global_main_color); } #popupFloatDivMenu .navPagesPopupActionButtons_part2 { margin: 15px 0px; } #popupFloatDivMenu .navPagesPopupActionButtons_part2 a { margin: 0px 10px; } #popupFloatDivMenu .page i.catMobileIcon { font-size: 0.7em; } #popupFloatDivMenu .page i { font-size: 2em; } #popupFloatDivMenu .page .svg-m { font-size: inherit; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a .svg-m { background-color: rgb(0, 0, 0); } #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons_part2 .btn-primary { background-color: var(--global_main_color_btn_text_color) !important; color: var(--global_main_color) !important; } #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons_part2 .btn-primary .svg-m { background-color: var(--global_main_color) !important; } #popupFloatDivMenu #topAction_buttonText_1 i, #popupFloatDivMenu #topAction_buttonText_2 i { font-size: 1em; } #popupFloatDivMenu #topAction_buttonText_1 .s123-icon-converter, #popupFloatDivMenu #topAction_buttonText_2 .s123-icon-converter { width: 1em; height: 1em; } .navPagesPopupActionButtons_part1 a { padding: 10px; } .navPagesPopupActionButtons_part1 .client-zone-link[data-image="true"] { width: 2.5em; height: 2.5em; background-position: center center; background-size: cover; border-radius: 50% !important; } .navPagesPopupActionButtons_part1 .client-zone-link[data-image="true"] i { opacity: 0; } #popupFloatDivMenu .navPagesPopupActionButtons_part3 { margin: 15px 0px; } #popupFloatDivMenu .navPagesPopupActionButtons_part3 a { text-decoration: none; font-weight: bold; color: var(--global_main_color) !important; } #popupFloatDivMenu .navPagesPopupActionButtons_part3 a i, #popupFloatDivMenu .navPagesPopupActionButtons_part3 button i { font-size: 14px; } #popupFloatDivMenu .navPagesPopupActionButtons_part3 .row { margin: 15px 0px; } #popupFloatDivMenu .content { width: 90%; } #popupFloatDivMenu.m-m-progress, #popupFloatDivMenu .m-m-progress { overflow: hidden !important; } #popupFloatDivMenu .page > ul.m-m-progress { width: calc(90% - 10px) !important; } #popupFloatDivMenu.is-mobile .navPagesPopup a { margin-bottom: var(--mobileMenuPagesSpace); font-size: var(--mobileMenuFontSize) !important; } #popupFloatDivMenu .active-cat-content { list-style: none; padding: 0px; overflow: auto; } #popupFloatDivMenu .custom-menu-cover { position: fixed; inset: 0px; background-color: rgb(0, 0, 0); opacity: 0.5; } #popupFloatDivMenu .active-cat { position: relative; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 { display: flex; gap: 5px; justify-content: center; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a { margin: 0px; padding: 0px; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.side-menu.half-width .navPagesPopupActionButtons_part1 { flex-wrap: wrap; } #popupFloatDivMenu.side-menu.half-width .navPagesPopupActionButtons_part1 a { margin: 8px; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a[data-icon-type="socialImage"] { background-color: transparent !important; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a[data-icon-type="socialImage"] img { width: 100%; height: 100%; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a:hover { text-decoration: none; opacity: 0.8; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 a i { font-size: 14px !important; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 .multi-currencies-controller { font-size: 12px !important; } #popupFloatDivMenu .navPagesPopupActionButtons_part1 .multi-currencies-controller .m-c-symbol + .mc-icon, #popupFloatDivMenu .navPagesPopupActionButtons_part1 .multi-currencies-controller .m-c-symbol { display: none; } #popupFloatDivMenu.m-w .cover { background-color: rgb(255, 255, 255) !important; opacity: 1; } #popupFloatDivMenu.m-w li:not(.active) > a, #popupFloatDivMenu.m-w .popupCloseButton > i { color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.m-w .popupCloseButton > i.svg-m { background-color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.m-w:not(.color-contrast) .navPagesPopup a:hover, #popupFloatDivMenu.m-w:not(.color-contrast) .navPagesPopup a:focus { color: var(--global_main_color) !important; } #popupFloatDivMenu.m-w .navPagesPopupActionButtons { border-top: 1px solid rgba(0, 0, 0, 0.2); } #popupFloatDivMenu.m-w:not(.color-contrast) .navPagesPopupActionButtons_part1 a { background-color: var(--global_main_color) !important; color: rgb(255, 255, 255) !important; } #popupFloatDivMenu.m-w .navPagesPopupActionButtons_part1 a .svg-m { background-color: rgb(255, 255, 255) !important; } #popupFloatDivMenu.m-w .navPagesPopup .dropdown-submenu a .svg-m { background-color: rgb(0, 0, 0); } #popupFloatDivMenu.m-g .cover { background-color: rgb(235, 237, 240) !important; opacity: 1; } #popupFloatDivMenu.m-g li:not(.active) > a, #popupFloatDivMenu.m-g .popupCloseButton > i { color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.m-g .popupCloseButton > i.svg-m { background-color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.m-g:not(.color-contrast) .navPagesPopup a:hover, #popupFloatDivMenu.m-g:not(.color-contrast) .navPagesPopup a:focus { color: var(--global_main_color) !important; } #popupFloatDivMenu.m-g .navPagesPopupActionButtons { border-top: 1px solid rgba(0, 0, 0, 0.2); } #popupFloatDivMenu.m-g:not(.color-contrast) .navPagesPopupActionButtons_part1 a { background-color: var(--global_main_color) !important; color: rgb(255, 255, 255) !important; } #popupFloatDivMenu.m-g .navPagesPopupActionButtons_part1 a .svg-m { background-color: rgb(255, 255, 255) !important; } #popupFloatDivMenu.m-g .navPagesPopup .dropdown-submenu a .svg-m { background-color: rgb(0, 0, 0); } #popupFloatDivMenu.m-m-t-w .cover { opacity: 1; background-color: var(--global_main_color) !important; } #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons_part1 a { color: var(--global_main_color) !important; background-color: var(--global_main_color_btn_text_color) !important; } #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons_part1 a .svg-m { background-color: var(--global_main_color) !important; } #popupFloatDivMenu.color-contrast li.active > a, #popupFloatDivMenu.color-contrast .navPagesPopup a:hover, #popupFloatDivMenu.color-contrast .navPagesPopup a:focus, #popupFloatDivMenu.color-contrast-black li.active > a, #popupFloatDivMenu.color-contrast-black .navPagesPopup a:hover, #popupFloatDivMenu.color-contrast-black .navPagesPopup a:focus { font-weight: 700 !important; } #popupFloatDivMenu.m-w.color-contrast .navPagesPopup li.active > a, #popupFloatDivMenu.m-g.color-contrast .navPagesPopup li.active > a { color: rgb(0, 0, 0); } #popupFloatDivMenu.color-contrast .navPagesPopup li.active > a { color: rgb(255, 255, 255); } #popupFloatDivMenu.color-contrast.m-w .navPagesPopupActionButtons_part1 a, #popupFloatDivMenu.color-contrast.m-g .navPagesPopupActionButtons_part1 a { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; } #popupFloatDivMenu.m-m-t-w.color-contrast .navPagesPopup li > a { color: var(--global_main_color_btn_text_color); } #popupFloatDivMenu.m-m-t-w.color-contrast .navPagesPopupActionButtons { border-top: 1px solid rgb(255, 255, 255); } #popupFloatDivMenu.m-m-t-w.color-contrast-black .navPagesPopup a { color: rgb(0, 0, 0); } #popupFloatDivMenu.m-m-t-w.color-contrast-black .moduleMenu.dropdown-submenu .svg-m, #popupFloatDivMenu.m-m-t-w.color-contrast-black .popupCloseButton .svg-m { background-color: rgb(0, 0, 0); } #popupFloatDivMenu.m-m-t-w.color-contrast-black .navPagesPopup li.active > a { color: rgb(0, 0, 0); } #popupFloatDivMenu.m-m-t-w.color-contrast-black .navPagesPopupActionButtons_part1 a span { background-color: rgb(0, 0, 0) !important; } #popupFloatDivMenu.m-m-t-w.color-contrast-black .navPagesPopupActionButtons { border-top: 1px solid rgb(0, 0, 0); } html[dir="ltr"] #popupFloatDivMenu.side-menu { left: -200vw; top: 0px; transition: left 0.7s; } html[dir="rtl"] #popupFloatDivMenu.side-menu { right: -200vw; top: 0px; transition: right 0.7s; } html[dir="ltr"] #popupFloatDivMenu.side-menu.half-width { width: 75%; left: -100vw; right: 75%; top: 0px; } html[dir="rtl"] #popupFloatDivMenu.side-menu.half-width { width: 75%; left: 75%; right: -100vw; top: 0px; } html[dir="ltr"] #popupFloatDivMenu.side-menu.open { left: 0px; } html[dir="rtl"] #popupFloatDivMenu.side-menu.open { right: 0px; } @supports (-ms-ime-align:auto) { #popupFloatDivMenu .svg-m[data-icon-name="caret-left"] { mask-position: right center !important; } html[dir="rtl"] #popupFloatDivMenu .svg-m[data-icon-name="caret-right"] { mask-position: left center !important; } } @supports not (-ms-ime-align:auto) { #popupFloatDivMenu .svg-m[data-icon-name="caret-left"] { -webkit-mask-position-x: 100% !important; } html[dir="rtl"] #popupFloatDivMenu .svg-m[data-icon-name="caret-right"] { -webkit-mask-position-x: 0% !important; } } #popupFloatDivSearch .page { margin-top: 15px; padding-top: 0px; } #popupFloatDivSearch .searchInput, .search-result-page .searchInput, .search-result-page .result, #popupFloatDivSearch .result { width: 70%; min-width: 300px; margin: 0px auto; overflow: auto; color: rgb(255, 255, 255); } .search-result-page .empty-result { width: 70%; min-width: 300px; margin: 0px auto; overflow: auto; } #popupFloatDivSearch .global-contact-details-container { max-height: calc(-150px + 100vh); } #popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a { color: white; font-size: 25px; text-decoration: none; } #popupFloatDivSearch .popover_address_icons a .svg-m, #popupFloatDivSearch .popover_phone_icons a .svg-m, #popupFloatDivSearch .popover_email_icons a .svg-m { background-color: white; } @media only screen and (min-width: 768px) { #popupFloatDivSearch .popover_address_icons a, #popupFloatDivSearch .popover_phone_icons a, #popupFloatDivSearch .popover_email_icons a { font-size: 50px; } } #popupFloatDivSearch .popover_phone_icons .g-c-d-long-text-handler a, #popupFloatDivSearch .popover_email_icons .g-c-d-long-text-handler a { font-size: calc(3.6vw); } @media screen and (min-width: 1200px) { #popupFloatDivSearch .popover_phone_icons .g-c-d-long-text-handler a, #popupFloatDivSearch .popover_email_icons .g-c-d-long-text-handler a { font-size: 50px; } } #popupFloatDivSearch .popover_phone_icons a i { margin-right: 0.2em; } html[dir="rtl"] #popupFloatDivSearch .popover_phone_icons a i { margin-left: 0.2em; margin-right: auto; } #popupFloatDivSearch .popover_address_icons a:hover, #popupFloatDivSearch .popover_address_icons a:focus { color: var(--global_main_color); } #popupFloatDivSearch .popover_address_icons a:hover .svg-m, #popupFloatDivSearch .popover_address_icons a:focus .svg-m { background-color: var(--global_main_color); } #popupFloatDivSearch .searchInput, .search-result-page .searchInput { margin: 38px auto 0px; height: 120px; } #popupFloatDivSearch .searchCard, .search-result-page .searchCard { margin: 0px; border-bottom: 1px solid rgba(204, 204, 204, 0.17); padding: 10px; border-radius: 0px; min-height: 100px; text-align: left; color: rgb(0, 0, 0); overflow: hidden; } html[dir="rtl"] #popupFloatDivSearch .searchCard, html[dir="rtl"] .search-result-page .searchCard { text-align: right; } #popupFloatDivSearch .searchCard h4 { color: var(--global_main_color); } #popupFloatDivSearch .searchCard img, .search-result-page .searchCard img, #popupFloatDivSearch .searchCard i { max-width: 120px; max-height: 120px; margin-bottom: 10px; float: right; } #popupFloatDivSearch .searchCard i { color: rgb(255, 255, 255); font-size: 50px; } html[dir="rtl"] #popupFloatDivSearch .searchCard img, html[dir="rtl"] .search-result-page .searchCard img, html[dir="rtl"] #popupFloatDivSearch .searchCard i { float: left; } #popupFloatDivSearch .searchCard p { color: white; } #popupFloatDivSearch .searchCard:hover { background-color: rgba(255, 255, 255, 0.02); } #popupFloatDivSearch .socialBox { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } #popupFloatDivSearch .socialBox .insideBox { padding: 0px 22px; max-height: 400px; max-width: 320px; text-align: center; margin: auto; } #popupFloatDivSearch .socialBox .insideBox.mobile { padding: 0px; } #popupFloatDivSearch .socialBox .insideBox iframe { border: 1px solid rgb(232, 232, 232) !important; } #popupFloatDivSearch .social-icons a, a.iconsCircle { color: white; border: 2px solid rgb(255, 255, 255); border-radius: 50%; display: inline-block; font-size: 36px; height: 82px; line-height: 78px; text-align: center; transition: border-color 300ms, color 300ms; vertical-align: top; width: 82px; margin: 15px; } #popupFloatDivSearch .social-icons a:hover, a.iconsCircle:hover { color: var(--global_main_color); border-color: var(--global_main_color); } #popupFloatDivSearch .social-icons a i.fa-4x { font-size: inherit; } a.iconsCircleSmall { font-size: 27px; } #popupFloatDivSearch .social-icons a .svg-m { background-color: white; } #popupFloatDivSearch .social-icons a:hover .svg-m { background-color: var(--global_main_color); } #popupFloatDivSearch .social-icons a i.fa-4x.svg-m { width: 1em; height: 1em; } #pagePopupWinID.popupWin .content .page { padding: 0px; } .popupWin .videoSize { width: 853px !important; height: 480px !important; max-width: 100% !important; max-height: 100% !important; } @media (max-width: 767px) { .popupWin .videoSize { max-width: 100% !important; height: 230px !important; } } .quickPopupWin { width: 100%; height: 100vh; position: fixed; right: 0px; top: 0px; z-index: 99010; } html[dir="rtl"] .quickPopupWin { left: 0px; right: auto; } .quickPopupWin .cover { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.3; } html[dir="rtl"] .quickPopupWin .cover { right: 0px; left: auto; } .quickPopupWin .content { background-color: rgb(255, 255, 255); width: 450px; max-width: 100%; height: 100%; position: fixed; border: 0px; box-shadow: inset 3px 0px 0px 1px var(--menu_thin_border); inset: 0px -450px 0px auto; transition: right 0.7s; } html[dir="rtl"] .quickPopupWin .content { box-shadow: inset -3px 0px 0px 1px var(--menu_thin_border); left: -450px; right: auto; transition: left 0.7s; } #popupCart.quickPopupWin .content { box-shadow: none; } @supports (-ms-ime-align:auto) { .quickPopupWin .content { right: -449px; } html[dir="rtl"] .quickPopupWin .content { left: -449px; } } .quickPopupWin .content.open { right: 0px; } html[dir="rtl"] .quickPopupWin .content.open { left: 0px; right: auto; } .quickPopupWin iframe { height: 100%; width: 100%; border: 0px; overflow: hidden; } #popupFloatDivMenu .navPagesPopupActionButtons .btn-primary-action-button-4 .count, #popupFloatDivMenu .navPagesPopupActionButtons .wishListActionButton .count { height: 18px; min-width: 16px; line-height: 16px; letter-spacing: 1px; padding-inline: 2px; border-radius: 50%; font-size: 11px; color: rgb(0, 0, 0); font-weight: bold; background-color: rgb(255, 255, 255); place-content: center; align-items: center; position: absolute; z-index: 1; top: -10px; left: 20px; aspect-ratio: 1 / 1; } #popupFloatDivMenu.m-m-t-w .navPagesPopupActionButtons .btn-primary-action-button-4 .count, #popupFloatDivMenu .navPagesPopupActionButtons .wishListActionButton .count { color: var(--global_main_color); background-color: var(--global_main_color_btn_text_color); } #gritter-notice-wrapper { position: fixed; top: 20px; right: 20px; width: 301px; z-index: 9999; } #gritter-notice-wrapper.top-left { left: 20px; right: auto; } #gritter-notice-wrapper.bottom-right { inset: auto 20px 20px auto; } #gritter-notice-wrapper.bottom-left { inset: auto auto 20px 20px; } .gritter-item-wrapper { position: relative; margin: 0px 0px 10px; background: url("/files/gritter/images/ie-spacer.gif"); } .gritter-top { background: url("/files/gritter/images/gritter.png") left -30px no-repeat; height: 10px; } .hover .gritter-top { background-position: right -30px; } .gritter-bottom { background: url("/files/gritter/images/gritter.png") left bottom no-repeat; height: 8px; margin: 0px; } .hover .gritter-bottom { background-position: right bottom; } .gritter-item { display: block; background: url("/files/gritter/images/gritter.png") left -40px no-repeat; color: rgb(238, 238, 238); padding: 2px 11px 8px; font-size: 11px; font-family: verdana; } .hover .gritter-item { background-position: right -40px; } .gritter-item p { padding: 0px; margin: 0px; overflow-wrap: break-word; } .gritter-close { display: none; position: absolute; top: 5px; left: 3px; background: url("/files/gritter/images/gritter.png") left top no-repeat; cursor: pointer; width: 30px; height: 30px; text-indent: -9999em; } .gritter-title { font-size: 14px; font-weight: bold; padding: 0px 0px 7px; display: block; text-shadow: rgb(0, 0, 0) 1px 1px 0px; } .gritter-image { width: 48px; height: 48px; float: left; } .gritter-with-image, .gritter-without-image { padding: 0px; } .gritter-with-image { width: 220px; float: right; } .gritter-light .gritter-item, .gritter-light .gritter-bottom, .gritter-light .gritter-top, .gritter-light .gritter-close { background-image: url("/files/gritter/images/gritter-light.png"); color: rgb(34, 34, 34); } .gritter-light .gritter-title { text-shadow: none; } .gritter-item-wrapper.gritter-success { background: rgba(89, 131, 75, 0.92); } .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: rgb(255, 255, 255); background-color: rgb(201, 48, 44); border-color: rgb(172, 41, 37); } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: rgb(217, 83, 79); border-color: rgb(212, 63, 58); } .btn-danger .badge { color: rgb(217, 83, 79); background-color: rgb(255, 255, 255); } .btn-link { font-weight: normal; color: rgb(51, 122, 183); border-radius: 0px; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: rgb(35, 82, 124); text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: rgb(119, 119, 119); text-decoration: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0px; overflow: hidden; transition-timing-function: ease; transition-duration: 0.35s; transition-property: height, visibility; } .caret { display: inline-block; width: 0px; height: 0px; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px 0px 0px; font-size: 14px; text-align: left; list-style: none; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857; color: rgb(51, 51, 51); white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: rgb(38, 38, 38); text-decoration: none; background-color: rgb(245, 245, 245); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: rgb(255, 255, 255); text-decoration: none; background-color: rgb(51, 122, 183); outline: 0px; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: rgb(119, 119, 119); } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0px; } .dropdown-menu-right { right: 0px; left: auto; } .dropdown-menu-left { right: auto; left: 0px; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857; color: rgb(119, 119, 119); white-space: nowrap; } .dropdown-backdrop { position: fixed; inset: 0px; z-index: 990; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0px; border-bottom: 4px solid; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0px; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0px; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0px; } .btn-group > .btn:first-child { margin-left: 0px; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0px; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0px; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { box-shadow: rgba(0, 0, 0, 0.125) 0px 3px 5px inset; } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0px; } .btn-lg .caret { border-width: 5px 5px 0px; } .dropup .btn-lg .caret { border-width: 0px 5px 5px; } [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0px; padding-left: 0px; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0px; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn { height: auto; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0px; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: rgb(85, 85, 85); text-align: center; background-color: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { margin-top: 0px; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group-addon:first-child { border-right: 0px; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group-addon:last-child { border-left: 0px; } .input-group-btn { position: relative; font-size: 0px; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; } .nav { padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); } .nav > li.disabled > a { color: rgb(119, 119, 119); } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(119, 119, 119); text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(51, 122, 183); } .nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; } .nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: initial; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0px; } .tab-content > .tab-pane { display: none; visibility: hidden; } .tab-content > .active { display: block; visibility: visible; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0px; box-shadow: none; } .navbar-collapse.collapse { padding-bottom: 0px; display: block !important; height: auto !important; overflow: visible !important; visibility: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0px; padding-left: 0px; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: 0px; margin-left: 0px; } } .navbar-static-top { z-index: 1000; border-width: 0px 0px 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0px; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0px; left: 0px; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0px; } } .navbar-fixed-top { top: 0px; border-width: 0px 0px 1px; } .navbar-fixed-bottom { bottom: 0px; margin-bottom: 0px; border-width: 1px 0px 0px; } .navbar-brand { float: left; height: 50px; padding: 15px; font-size: 18px; line-height: 20px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0px; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; background-color: transparent; border: 0px; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0px; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0px; border-radius: 4px 4px 0px 0px; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0px; } } .navbar-default { background-color: rgb(248, 248, 248); border-color: rgb(231, 231, 231); } .navbar-default .navbar-brand { color: rgb(119, 119, 119); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(94, 94, 94); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); } .navbar-default .navbar-collapse { border-color: rgb(231, 231, 231); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: rgb(119, 119, 119); } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: rgb(51, 51, 51); background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: rgb(85, 85, 85); background-color: rgb(231, 231, 231); } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } } .navbar-default .navbar-link { color: rgb(119, 119, 119); } .navbar-default .navbar-link:hover { color: rgb(51, 51, 51); } .navbar-default .btn-link { color: rgb(119, 119, 119); } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(51, 51, 51); } .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: rgb(245, 245, 245); border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li::before { padding: 0px 5px; color: rgb(204, 204, 204); content: "/ "; } .breadcrumb > .active { color: rgb(119, 119, 119); } .pagination { display: inline-block; padding-left: 0px; margin: 20px 0px; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857; color: rgb(51, 122, 183); text-decoration: none; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: rgb(35, 82, 124); background-color: rgb(238, 238, 238); border-color: rgb(221, 221, 221); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); cursor: default; background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(255, 255, 255); border-color: rgb(221, 221, 221); } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:hover, a.label:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: rgb(119, 119, 119); } .label-default[href]:hover, .label-default[href]:focus { background-color: rgb(94, 94, 94); } .label-primary { background-color: rgb(51, 122, 183); } .label-primary[href]:hover, .label-primary[href]:focus { background-color: rgb(40, 96, 144); } .label-success { background-color: rgb(92, 184, 92); } .label-success[href]:hover, .label-success[href]:focus { background-color: rgb(68, 157, 68); } .label-info { background-color: rgb(91, 192, 222); } .label-info[href]:hover, .label-info[href]:focus { background-color: rgb(49, 176, 213); } .label-warning { background-color: rgb(240, 173, 78); } .label-warning[href]:hover, .label-warning[href]:focus { background-color: rgb(236, 151, 31); } .label-danger { background-color: rgb(217, 83, 79); } .label-danger[href]:hover, .label-danger[href]:focus { background-color: rgb(201, 48, 44); } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; vertical-align: baseline; background-color: rgb(119, 119, 119); border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge { top: 0px; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: rgb(255, 255, 255); text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-right: auto; margin-left: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: rgb(51, 122, 183); } .thumbnail .caption { padding: 9px; color: rgb(51, 51, 51); } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0px; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0px; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .alert-success hr { border-top-color: rgb(201, 226, 179); } .alert-success .alert-link { color: rgb(43, 84, 44); } .alert-info { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); } .alert-info hr { border-top-color: rgb(166, 225, 236); } .alert-info .alert-link { color: rgb(36, 82, 105); } .alert-warning { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); } .alert-warning hr { border-top-color: rgb(247, 225, 181); } .alert-warning .alert-link { color: rgb(102, 81, 44); } .alert-danger { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); } .alert-danger hr { border-top-color: rgb(228, 185, 192); } .alert-danger .alert-link { color: rgb(132, 53, 52); } @-webkit-keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } @keyframes progress-bar-stripes { 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: rgb(245, 245, 245); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset; } .progress-bar { float: left; width: 0px; height: 100%; font-size: 12px; line-height: 20px; color: rgb(255, 255, 255); text-align: center; background-color: rgb(51, 122, 183); box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; transition: width 0.6s; } .progress.active .progress-bar, .progress-bar.active { animation: 2s linear 0s infinite normal none running progress-bar-stripes; } .progress-bar-success { background-color: rgb(92, 184, 92); } .progress-bar-info { background-color: rgb(91, 192, 222); } .progress-bar-warning { background-color: rgb(240, 173, 78); } .progress-bar-danger { background-color: rgb(217, 83, 79); } .media { margin-top: 15px; } .media:first-child { margin-top: 0px; } .media, .media-body { overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0px; margin-bottom: 5px; } .media-list { padding-left: 0px; list-style: none; } .list-group { padding-left: 0px; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item { color: rgb(85, 85, 85); } a.list-group-item .list-group-item-heading { color: rgb(51, 51, 51); } a.list-group-item:hover, a.list-group-item:focus { color: rgb(85, 85, 85); text-decoration: none; background-color: rgb(245, 245, 245); } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { color: rgb(119, 119, 119); cursor: not-allowed; background-color: rgb(238, 238, 238); } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: rgb(119, 119, 119); } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: rgb(199, 221, 239); } .list-group-item-heading { margin-top: 0px; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0px; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0px; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; } .list-group + .panel-footer { border-top-width: 0px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0px; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0px; } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid rgb(221, 221, 221); } .panel-group .panel-footer { border-top: 0px; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); } .panel-default { border-color: rgb(221, 221, 221); } .panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); } .panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); } .panel-primary { border-color: rgb(51, 122, 183); } .panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(51, 122, 183); border-color: rgb(51, 122, 183); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(51, 122, 183); } .panel-primary > .panel-heading .badge { color: rgb(51, 122, 183); background-color: rgb(255, 255, 255); } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(51, 122, 183); } .panel-success { border-color: rgb(214, 233, 198); } .panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); } .panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } .well blockquote { border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.2; } .close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; opacity: 0.5; } button.close { appearance: none; padding: 0px; cursor: pointer; background: transparent; border: 0px; } .modal-open { overflow: hidden; } .modal { position: fixed; inset: 0px; z-index: 1040; display: none; overflow: hidden; outline: 0px; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -25%); } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-open .modal { overflow: hidden auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 9px; } .modal-backdrop { position: absolute; top: 0px; right: 0px; left: 0px; background-color: rgb(0, 0, 0); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { min-height: 16.4286px; padding: 15px; border-bottom: 1px solid rgb(229, 229, 229); } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0px; line-height: 1.42857; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid rgb(229, 229, 229); } .modal-footer .btn + .btn { margin-bottom: 0px; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0px; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 15px; } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 1.4; visibility: visible; opacity: 0; } .tooltip.in { opacity: 0.9; } .tooltip.top { padding: 5px 0px; margin-top: -3px; } .tooltip.right { padding: 0px 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0px; margin-top: 3px; } .tooltip.left { padding: 0px 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; background-color: rgb(0, 0, 0); border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0px; left: 50%; margin-left: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.top-right .tooltip-arrow { bottom: 0px; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0px; border-top-color: rgb(0, 0, 0); } .tooltip.right .tooltip-arrow { top: 50%; left: 0px; margin-top: -5px; border-width: 5px 5px 5px 0px; border-right-color: rgb(0, 0, 0); } .tooltip.left .tooltip-arrow { top: 50%; right: 0px; margin-top: -5px; border-width: 5px 0px 5px 5px; border-left-color: rgb(0, 0, 0); } .tooltip.bottom .tooltip-arrow { top: 0px; left: 50%; margin-left: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-left .tooltip-arrow { top: 0px; right: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .tooltip.bottom-right .tooltip-arrow { top: 0px; left: 5px; margin-top: -5px; border-width: 0px 5px 5px; border-bottom-color: rgb(0, 0, 0); } .popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: normal; line-height: 1.42857; text-align: left; white-space: normal; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0px; font-size: 14px; background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow::after { position: absolute; display: block; width: 0px; height: 0px; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow::after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0px; } .popover.top > .arrow::after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: rgb(255, 255, 255); border-bottom-width: 0px; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0px; } .popover.right > .arrow::after { bottom: -10px; left: 1px; content: " "; border-right-color: rgb(255, 255, 255); border-left-width: 0px; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow::after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0px; border-bottom-color: rgb(255, 255, 255); } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0px; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow::after { right: 1px; bottom: -10px; content: " "; border-right-width: 0px; border-left-color: rgb(255, 255, 255); } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; transition: left 0.6s ease-in-out; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0px; transform: translate3d(100%, 0px, 0px); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0px; transform: translate3d(-100%, 0px, 0px); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0px; transform: translate3d(0px, 0px, 0px); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0px; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0px; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0px; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 15%; font-size: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; opacity: 0.5; } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background-repeat: repeat-x; } .carousel-control.right { right: 0px; left: auto; background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif; line-height: 1; } .carousel-control .icon-prev::before { content: "‹"; } .carousel-control .icon-next::before { content: "›"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0px; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: rgba(0, 0, 0, 0); border: 1px solid rgb(255, 255, 255); border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0px; background-color: rgb(255, 255, 255); } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; text-shadow: rgba(0, 0, 0, 0.6) 0px 1px 2px; } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .btn-group-vertical > .btn-group::before, .btn-group-vertical > .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after { display: table; content: " "; } .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .btn-group-vertical > .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; } .hidden { display: none !important; visibility: hidden !important; } .affix { position: fixed; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .s123-module-about { line-height: 1.5; } .s123-module-about p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-about ul { line-height: 1.5; } .s123-module-about.layout-1 ul, .s123-module-about.layout-1 ol { list-style-position: inside; } .s123-module-about.layout-6 ul, .s123-module-about.layout-6 ol { list-style-position: inside; } .s123-module-about .s123-video-handler { position: relative; display: inline-block; } .s123-module-about.layout-1 .s123-video-handler, .s123-module-about.layout-1 img { max-width: 80%; max-height: 150px; margin: 10px; border-radius: 6px; } .s123-module-about.layout-1 .s123-video-handler img { max-width: 100%; max-height: 150px; margin: 0px; } @media (min-width: 768px) { .s123-module-about.layout-3 .container .row.sides { display: flex; flex-direction: row-reverse; } } .s123-module-about.layout-2 .container .separateImages img, .s123-module-about.layout-2 .container .separateImages .s123-video-handler.img-rounded, .s123-module-about.layout-3 .container .separateImages img, .s123-module-about.layout-3 .container .separateImages .s123-video-handler.img-rounded { margin-bottom: 30px; } .s123-module-about.layout-2 .carousel-cell, .s123-module-about.layout-14 .carousel-cell { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .s123-module-about.layout-2 .carousel-cell .s123-video-handler, .s123-module-about.layout-14 .carousel-cell .s123-video-handler { width: 100%; height: 100%; } .s123-module-about.layout-2 .separateImages .img-rounded.img-responsive { display: inline-block; max-width: 80%; max-height: 400px; } .s123-module-about.layout-2 .separateImages .img-rounded.img-responsive img, .s123-module-about.layout-14 .separateImages .img-rounded.img-responsive img { width: 100%; height: 100%; } .s123-module-about.layout-14 .separateImages .s123-video-handler img { max-width: 100%; max-height: 100%; } .s123-module-about.layout-2 .separateImages .s123-video-handler img { max-width: 100%; max-height: 400px; } .s123-module-about.layout-4 .images { float: right; margin: 0px 0px 30px 30px; width: 500px; max-width: 100%; } html[dir="rtl"] .s123-module-about.layout-4 .images { float: left; margin: 0px 30px 30px 0px; } .s123-module-about.layout-4 .images .separateImages img { max-height: 400px; max-width: 80%; display: inline-block; margin-bottom: 30px; } .s123-module-about.layout-4 .images .carousel img { height: auto; max-width: 500px; } .s123-module-about.layout-4 .carousel-cell { width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } .s123-module-about.layout-4 .carousel-cell .s123-video-handler { width: 100%; height: 100%; } @media (max-width: 767px) { .s123-module-about.layout-4 .images { margin: 0px 0px 10px 10px; } html[dir="rtl"] .s123-module-about.layout-4 .images { margin: 0px 10px 10px 0px; } .s123-module-about.layout-4 .images img { margin-bottom: 10px; max-height: 100px; } } .s123-module-about.layout-5 .images { float: left; margin: 0px 30px 30px 0px; } html[dir="rtl"] .s123-module-about.layout-5 .images { float: right; margin: 0px 0px 30px 30px; } @media (max-width: 767px) { .s123-module-about.layout-5 .images { margin: 0px 10px 10px 0px; } html[dir="rtl"] .s123-module-about.layout-5 .images { margin: 0px 0px 10px 10px; } .s123-module-about.layout-5 .images img { margin-bottom: 10px; max-height: 100px; } } .s123-module-about.layout-6 .s123-video-handler, .s123-module-about.layout-6 img { max-width: 80%; max-height: 150px; margin: 10px; border-radius: 6px; } .s123-module-about.layout-6 .s123-video-handler img { max-width: 100%; margin: 0px; } .s123-module-about.layout-9 .image-circle { margin-bottom: 50px; } .s123-module-about.layout-9 .image-circle .separateImages { display: flex; justify-content: center; } .s123-module-about.layout-9 .image-circle img { width: 350px; height: 350px; } .s123-module-about.layout-9 .image-circle .carousel-cell { display: flex; justify-content: center; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { .s123-module-about.layout-9 .image-circle img { width: 320px; height: 320px; } } .s123-module-about .image-circle img { border-radius: 100%; width: 150px; height: 150px; object-fit: cover; } .s123-module-about .image-circle .s123-video-handler img { max-width: none; max-height: none; } .s123-module-about.layout-10 .s123-video-handler { display: block; } .s123-module-about.layout-10 .about-container { display: flex; } .s123-module-about.layout-10 .carousel .item { height: 100%; width: 100%; } .s123-module-about.layout-10 .carousel .item.one-item { display: block; } .s123-module-about.layout-10 .carousel.slide { padding: 0px; margin: 0px; width: 50%; } .s123-module-about.layout-10 .carousel.slide .carousel-inner { height: 100%; } .s123-module-about.layout-10 .about-container .about-item { height: 100%; width: 100%; } .s123-module-about.layout-10 .about-container .about-image { height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 440px; } .s123-module-about.layout-10 .about-container .about-description { width: 50%; padding: 100px; } .s123-module-about.layout-10 .about-container.text-on-top { padding: 50px 0px 50px 50px; } html[dir="rtl"] .s123-module-about.layout-10 .about-container.text-on-top { padding-right: 50px; padding-left: 0px; } .s123-module-about.layout-10 .about-container.text-on-top .about-description { z-index: 999; margin-right: -50px; padding: 50px; } html[dir="rtl"] .s123-module-about.layout-10 .about-container.text-on-top .about-description { margin-left: -50px; margin-right: 0px; } .s123-module-about.layout-10 .about-container.text-on-top .carousel.slide { margin: -50px 0px; } .s123-module-about.layout-10 .about-container.text-top-img-bottom { display: flex; flex-direction: column; } .s123-module-about.layout-10 .about-container.text-top-img-bottom .about-description { width: 100%; text-align: center; padding: 50px 100px; min-height: 350px; } .s123-module-about.layout-10 .about-container.text-top-img-bottom .carousel.slide { width: 100%; } .s123-module-about.layout-10 .about-container.img-box-smaller { padding: 50px 0px; } .s123-module-about.layout-10 .about-container.img-box-smaller .about-description { z-index: 9999; padding: 50px; margin: -50px 0px; } .s123-module-about.layout-10 .about-description.bg-primary-black a, .s123-module-about.layout-10 .about-description.background-primary-color a { color: rgb(255, 255, 255); } @media (max-width: 768px) { .s123-module-about.layout-10 .about-container, .s123-module-about.layout-10 .about-container.text-on-top, .s123-module-about.layout-10 .about-container.img-box-smaller, html[dir="rtl"] .s123-module-about.layout-10 .about-container.text-on-top { flex-direction: column; padding: 0px; } .s123-module-about.layout-10 .about-container .about-description, .s123-module-about.layout-10 .about-container.text-on-top .about-description, .s123-module-about.layout-10 .about-container.img-box-smaller .about-description, .s123-module-about.layout-10 .about-container.text-top-img-bottom .about-description { width: 100%; padding: 25px; margin: 0px; min-height: 300px; } .s123-module-about.layout-10 .carousel.slide, .s123-module-about.layout-10 .about-container.text-on-top .carousel.slide, .s123-module-about.layout-10 .about-container.text-top-img-bottom .carousel.slide { width: 100%; height: 350px; margin: 0px; } } .s123-module-about.layout-14 .about-text-wrap .moduleTitleContainer { width: 100%; } .s123-module-about.layout-14 .about-container { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 100%; text-align: center; row-gap: 20px; } @media (min-width: 768px) { .s123-module-about.layout-14 .about-container { grid-template-columns: 1fr 1fr; grid-template-rows: auto; gap: 0px 30px; padding: 10px; } } .s123-module-about.layout-14 .about-container.noImages { grid-template-columns: auto; grid-template-rows: auto; } .s123-module-about.layout-14 .about-container .about-text-wrap { display: flex; flex-direction: column; align-self: center; padding: 10px; } .s123-module-about.layout-14 .about-container .about-text-wrap .page-header-wrap, html[dir="rtl"] .s123-module-about.layout-14 .about-container .about-text-wrap .page-header-wrap { text-align: center; } .s123-module-about.layout-14 .about-container .about-text-wrap .page_header_style { margin: 0px; color: inherit; background: transparent !important; } .s123-module-about.layout-14 .about-container .about-img-wrap { display: flex; justify-content: center; align-items: flex-start; } .s123-module-about.layout-14 .about-img-wrap .separateImages { display: flex; flex-direction: column; } .s123-module-about.layout-14 .about-img-wrap .separateImages .img-rounded.img-responsive { height: 100%; width: 100%; margin-bottom: 10px; } .s123-module-about.layout-14 .about-img-wrap .separateImages .img-rounded.img-responsive:last-child { margin-bottom: 0px; } .s123-module-about.layout-14 .about-img-wrap .carousel { width: 100%; } @media (min-width: 768px) { .s123-module-about.layout-14 .about-container .about-img-wrap { align-items: center; } } .s123-module-carousel.layout-1 .owl-carousel { visibility: hidden; } .s123-module-carousel.layout-1 .owl-carousel .owl-item img { width: auto; height: 130px; display: inline-block; } @media (min-width: 768px) { .s123-module-carousel.layout-1 .owl-carousel .owl-item img { height: 138px; } } @media (min-width: 992px) { .s123-module-carousel.layout-1 .owl-carousel[data-itmes="3"] .owl-item img { height: 220px; } .s123-module-carousel.layout-1 .owl-carousel[data-itmes="4"] .owl-item img { height: 165px; } .s123-module-carousel.layout-1 .owl-carousel[data-itmes="6"] .owl-item img { height: 100px; } } .s123-module-carousel.layout-1 .carousel-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-carousel.layout-2 .client-container { font-size: 0px; line-height: 0; } .s123-module-carousel.layout-2 .client-list { border: 1px solid rgb(215, 215, 215); display: inline-block; width: 100%; padding: 10px; margin-bottom: 15px; } .s123-module-carousel.layout-2 .client-bg { width: 100%; padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .s123-module-carousel.layout-2 .client-list:hover { background: rgba(128, 128, 128, 0.1); } @media (min-width: 768px) { .s123-module-carousel.layout-2 .client-list { margin-bottom: 0px; border-left: 0px; } .s123-module-carousel.layout-2 .client-list.img-row-3 { width: 33.333%; } .s123-module-carousel.layout-2 .client-list.img-row-4 { width: 25%; } .s123-module-carousel.layout-2 .client-list.img-row-5 { width: 20%; } .s123-module-carousel.layout-2 .client-list.img-row-6 { width: 16.667%; } html[dir="rtl"] .s123-module-carousel.layout-2 .client-list { border-left: 1px solid rgb(215, 215, 215); border-right: 0px; } .s123-module-carousel.layout-2 .client-list.img-row-3:nth-child(3n+1), .s123-module-carousel.layout-2 .client-list.img-row-4:nth-child(4n+1), .s123-module-carousel.layout-2 .client-list.img-row-5:nth-child(5n+1), .s123-module-carousel.layout-2 .client-list.img-row-6:nth-child(6n+1) { border-left: 1px solid rgb(215, 215, 215); padding-top: 11px; } html[dir="rtl"] .s123-module-carousel.layout-2 .client-list.img-row-3:nth-child(3n+1), html[dir="rtl"] .s123-module-carousel.layout-2 .client-list.img-row-4:nth-child(4n+1), html[dir="rtl"] .s123-module-carousel.layout-2 .client-list.img-row-5:nth-child(5n+1), html[dir="rtl"] .s123-module-carousel.layout-2 .client-list.img-row-6:nth-child(6n+1) { border-right: 1px solid rgb(215, 215, 215); padding-top: 11px; } .s123-module-carousel.layout-2 .client-list.img-row-3:nth-child(n+4), .s123-module-carousel.layout-2 .client-list.img-row-4:nth-child(n+5), .s123-module-carousel.layout-2 .client-list.img-row-5:nth-child(n+6), .s123-module-carousel.layout-2 .client-list.img-row-6:nth-child(n+7) { border-top: 0px; } } .s123-module-carousel.layout-2 .carousel-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-carousel.layout-4 .customer-container { font-size: 0px; line-height: 0; } .s123-module-carousel.layout-4 .customer-list { position: relative; display: inline-block; width: 100%; padding: 10px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 4px; border-radius: 8px; } .s123-module-carousel.layout-4 .customer-bg { width: 100%; padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .s123-module-carousel.layout-4 .carousel-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-carousel.layout-5 .client-container { font-size: 0px; line-height: 0; } .s123-module-carousel.layout-5 .client-list { display: inline-block; width: 100%; margin-bottom: 15px; border: 0px; border-radius: 8px; } .s123-module-carousel.layout-5 .img-responsive { object-position: center center; aspect-ratio: 1 / 1; border-radius: 8px; object-fit: contain; height: 100%; width: 100%; padding: 10px; } @media (min-width: 768px) { .s123-module-carousel.layout-5 .carousel-grid { display: grid; gap: 32px; } .s123-module-carousel.layout-5 .client-list { margin-bottom: 0px; border-left: 0px; } .s123-module-carousel.layout-5 .carousel-grid.img-row-3 { grid-template-columns: repeat(3, 1fr); } .s123-module-carousel.layout-5 .carousel-grid.img-row-4 { grid-template-columns: repeat(4, 1fr); } .s123-module-carousel.layout-5 .carousel-grid.img-row-5 { grid-template-columns: repeat(5, 1fr); } .s123-module-carousel.layout-5 .carousel-grid.img-row-6 { grid-template-columns: repeat(6, 1fr); } } .s123-module-carousel.layout-5 .carousel-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-carousel.layout-6 .client-container { font-size: 0px; line-height: 0; } .s123-module-carousel.layout-6 .client-list { display: inline-block; margin-bottom: 15px; border: 0px; border-radius: 50%; aspect-ratio: 1 / 1; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px 8px; width: 200px; height: 200px; padding: 10px; overflow: hidden; } .s123-module-carousel.layout-6 .img-responsive { object-position: center center; object-fit: contain; height: 100%; width: 100%; } .s123-module-carousel.layout-6 .carousel-grid { display: flex; flex-direction: column; align-items: center; grid-template-columns: 1fr; gap: 10px; } @media (min-width: 768px) { .s123-module-carousel.layout-6 .carousel-grid { display: grid; gap: 0px; grid-template-columns: repeat(13, 1fr); grid-template-rows: auto; } .s123-module-carousel.layout-6 .carousel-grid[data-scale="3"] { grid-template-columns: repeat(9, 1fr); } .s123-module-carousel.layout-6 .carousel-grid[data-scale="1"] { grid-template-columns: repeat(17, 1fr); } .s123-module-carousel.layout-6 .carousel-grid.tablet { grid-template-columns: repeat(10, 1fr); } .s123-module-carousel.layout-6 .carousel-grid[data-scale="3"] .client-list { padding: 15px; } .s123-module-carousel.layout-6 .client-list { margin-bottom: 0px; border-left: 0px; width: 100%; height: 100%; } .s123-module-carousel.layout-6 .client-list.item-row-even.item-num-0 { grid-column: 2 / span 2; } .s123-module-carousel.layout-6 .client-list.item-row-even.item-num-1 { grid-column: 5 / span 2; } .s123-module-carousel.layout-6 .client-list.item-row-even.item-num-2 { grid-column: 8 / span 2; } .s123-module-carousel.layout-6 .client-list.item-row-even.item-num-3 { grid-column: 11 / span 2; } .s123-module-carousel.layout-6 .client-list.item-row-even.item-num-4 { grid-column: 14 / span 2; } .s123-module-carousel.layout-6 .client-list.item-row-odd { height: 120px; width: 120px; } .s123-module-carousel.layout-6 .carousel-grid[data-scale="3"] .client-list.item-row-odd { height: 140px; width: 140px; } .s123-module-carousel.layout-6 .carousel-grid[data-scale="1"] .client-list.item-row-odd { height: 100px; width: 100px; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-0 { grid-column: 1; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-1 { grid-column: 4; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-2 { grid-column: 7; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-3 { grid-column: 10; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-4 { grid-column: 13; } .s123-module-carousel.layout-6 .client-list.item-row-odd.item-num-5 { grid-column: 16; } } .s123-module-carousel.layout-6 .carousel-grid.tablet .client-list { padding: 10px; } .s123-module-carousel.layout-6 .carousel-grid.tablet .client-list.item-row-even { height: 110px; width: 110px; } .s123-module-carousel.layout-6 .carousel-grid.tablet .client-list.item-row-odd { height: 95px; width: 95px; } @media (min-width: 768px) and (max-width: 991px) { .s123-module-carousel.layout-6 .carousel-grid:not(.tablet) .client-list.item-row-odd { height: 75px; width: 75px; padding: 8px; } .s123-module-carousel.layout-6 .carousel-grid:not(.tablet) .client-list.item-row-even { height: 85px; width: 85px; padding: 10px; } } @media (max-width: 767px) { .s123-module-carousel.layout-6:not(.tablet) .client-list { padding: 25px; } } .s123-module-carousel.layout-6 .carousel-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0px; padding: 0px; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0px, 0px, 0px); } .slick-track { position: relative; top: 0px; left: 0px; 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 { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-loading .slick-list { background: url("/files/vendor/slick-1.8.1/slick/ajax-loader.gif") center center no-repeat rgb(255, 255, 255); } @font-face { font-family: slick; font-weight: normal; font-style: normal; src: url("/files/vendor/slick-1.8.1/slick/fonts/slick.woff") format("woff"), url("/files/vendor/slick-1.8.1/slick/fonts/slick.ttf") format("truetype"); } .slick-prev, .slick-next { font-size: 0px; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0px; transform: translate(0px, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { opacity: 1; } .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before { opacity: 0.25; } .slick-prev::before, .slick-next::before { font-family: slick; font-size: 20px; line-height: 1; opacity: 0.75; color: white; -webkit-font-smoothing: antialiased; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { right: -25px; left: auto; } .slick-prev::before { content: "←"; } [dir="rtl"] .slick-prev::before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { right: auto; left: -25px; } .slick-next::before { content: "→"; } [dir="rtl"] .slick-next::before { content: "←"; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0px; margin: 0px; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; } .slick-dots li button { font-size: 0px; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0px; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover::before, .slick-dots li button:focus::before { opacity: 1; } .slick-dots li button::before { font-family: slick; font-size: 6px; line-height: 20px; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; } .slick-dots li.slick-active button::before { opacity: 0.75; color: black; } .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height 500ms ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; } .owl-carousel .owl-stage::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; } .owl-carousel .owl-item img { display: block; width: 100%; transform-style: preserve-3d; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { display: none; } .owl-carousel.owl-drag .owl-item { user-select: none; } .owl-carousel.owl-grab { cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms; } .owl-carousel .owl-item img { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: rgb(0, 0, 0); } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; backface-visibility: hidden; transition: scale 100ms; } .owl-carousel .owl-video-play-icon:hover { } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } .owl-theme .owl-nav { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav [class*="owl-"] { color: rgb(255, 255, 255); font-size: 14px; margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*="owl-"]:hover { background: rgb(134, 151, 145); color: rgb(255, 255, 255); text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-dots .owl-dot { display: inline-block; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgb(214, 214, 214); display: block; backface-visibility: visible; transition: opacity 200ms; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: rgb(134, 151, 145); } .s123-module-contact .list-unstyled { word-break: break-word; } .s123-module-contact .open_hours_field { white-space: pre-wrap; padding-bottom: 50px; } .s123-module-contact .open-hours { margin-bottom: 50px; } .s123-module-contact .contactUsForm.horizontal-custom-form .form-group > label[for^="select"], .s123-module-contact .contactUsForm .form-group > label[for^="datePicker"], .s123-module-contact .contactUsForm .form-group > label[for^="text"], .s123-module-contact .contactUsForm .form-group > label[for^="select"], .s123-module-contact .contactUsForm .form-group > label[for^="number"], .s123-module-contact .contactUsForm .form-group > label[for^="email"], .s123-module-contact .contactUsForm .c-f-field-type:not([data-field-type="select"]):not([data-field-type="checkbox"]):not([data-field-type="checkbox-group"]):not([data-field-type="radio-group"]) > .form-group > label[for^="twoColumns-"], .s123-module-contact .contactUsForm .form-group > span { display: none; } .s123-module-contact .short-desc-container p { white-space: pre-wrap; } .s123-module-contact li.open_hours_field i { background-color: var(--modules_color_second_section_main) !important; } .bg-primary.s123-module-contact li.open_hours_field i { background-color: var(--modules_color_section_main) !important; } .inside_page .s123-module-contact li.open_hours_field i { background-color: var(--inside_modules_color_section_box_main) !important; } .s123-module-contact.layout-1 .s123-module-contact-map { display: flex; padding-top: 50px; margin-bottom: calc(var(--sectionsPadding) * -1 ); } @media (max-width: 767px) { .s123-module-contact.layout-1 .s123-module-contact-map { margin-bottom: -50px; } } .s123-module-contact.layout-1 .s123-module-contact-map .map-container { height: 500px; width: 100%; position: relative; } .s123-module-contact.layout-1 .s123-module-contact-map .google-map-obj { width: 100%; height: 100%; } .s123-module-contact.layout-1 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-1 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-2 .s123-module-contact-map { display: flex; padding-bottom: 50px; margin-top: calc(var(--sectionsPadding) *-1); } @media (max-width: 767px) { .home_page .s123-module-contact.layout-2 .s123-module-contact-map { margin-top: calc((var(--sectionsPadding) / 2) *-1); } .rich_page .s123-module-contact.layout-2.r-c-f-c { padding-top: 0px !important; } .inside_page .s123-module-contact.layout-2 .s123-module-contact-map { margin-top: calc((var(--sectionsPadding) / 2) *-1); } .rich_page .s123-module-contact.layout-2.r-c-f-c .s123-module-contact-map { margin-top: calc((var(--sectionsPadding) / 2) *-1); } } .s123-module-contact.layout-2 .s123-module-contact-map .map-container { height: 500px; width: 100%; position: relative; } .s123-module-contact.layout-2 .s123-module-contact-map .google-map-obj { width: 100%; height: 100%; } .s123-module-contact.layout-2 .breadcrumb { margin-top: 0px; } .s123-module-contact.layout-2 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-2 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-3 .s123-module-contact-map .map-container { height: 500px; width: 100%; position: relative; } .s123-module-contact.layout-3 .s123-module-contact-map .google-map-obj { width: 100%; height: 100%; } @media (max-width: 992px) { .s123-module-contact.layout-3 .s123-module-contact-map { padding-bottom: 0px; margin-top: 50px; margin-bottom: 50px; padding-top: 0px; } } .s123-module-contact.layout-3 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-3 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-4 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-4 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-5 .s123-module-contact-map { display: flex; padding-top: 0px; } .s123-module-contact.layout-5 .s123-module-contact-map .map-container { width: 100%; height: 300px; } .s123-module-contact.layout-5 .s123-module-contact-form { margin-bottom: 50px; } .s123-module-contact.layout-5 .s123-module-contact-top { margin-bottom: 30px; } @media (max-width: 767px) { .s123-module-contact.layout-5 .s123-module-contact-details { text-align: center; } } .s123-module-contact.layout-5 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-5 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-6 .s123-module-contact-map { display: flex; padding-top: 0px; } .s123-module-contact.layout-6 .s123-module-contact-map .map-container { width: 100%; height: 300px; } .s123-module-contact.layout-6 .contactUsForm { margin-bottom: 30px; } @media (max-width: 767px) { .s123-module-contact.layout-6 .s123-module-contact-details { text-align: center; } } .s123-module-contact.layout-6 .s123-module-contact-details ul { margin-bottom: 30px; } .s123-module-contact.layout-6 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-6 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-7 .contact-container { width: 90%; margin: 0px auto; } @media (min-width: 992px) { .s123-module-contact.layout-7 .contact-container { width: 70%; } } .s123-module-contact.layout-7 .list-inline { padding-bottom: 10px; } .s123-module-contact.layout-7 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-7 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .home_page .s123-module-contact.layout-8.s123-module { padding: var(--sectionsPadding) 0 0 0; } .s123-module-contact.layout-8 .container { padding-bottom: 15px; } .s123-module-contact.layout-8 .map-box { position: relative; height: auto; min-height: 500px; width: 100%; } .s123-module-contact.layout-8 .s123-module-contact-map .map-container { width: 100%; height: 500px; display: flex; } .s123-module-contact.layout-8 .contact-info { position: relative; background-color: transparent; height: auto; line-height: 1.5em; padding-left: 30px; padding-right: 30px; padding-top: 0px; width: 100%; z-index: 0; } .s123-module-contact.layout-8 .contactUsForm { margin-bottom: 30px; } @media (min-width: 768px) { .s123-module-contact.layout-8 .contact-info { position: absolute; height: 100%; right: 0px; top: 0px; line-height: 2em; width: 400px; padding-top: 50px; z-index: 2; overflow-y: auto; opacity: 0.8; } html[dir="rtl"] .s123-module-contact.layout-8 .contact-info { left: 0px; right: auto; } } .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a span, .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a { color: var(--modules_color_second_section_main) !important; } .bg-primary.s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a span, .bg-primary.s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a { color: var(--modules_color_section_main) !important; } .inside_page .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a span, .inside_page .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a { color: var(--inside_modules_color_section_box_main) !important; } .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a > .svg-m { background-color: var(--modules_color_second_section_main) !important; } .bg-primary.s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a > .svg-m { background-color: var(--modules_color_section_main) !important; } .inside_page .s123-module-contact.layout-8 .contact-info .contact-as-details-container li > a > .svg-m { background-color: var(--inside_modules_color_section_box_main) !important; } .s123-module-contact.layout-8 .text-left { text-align: center; } @media (min-width: 768px) { .s123-module-contact.layout-8 .text-left { text-align: left; } html[dir="rtl"] .s123-module-contact.layout-8 .text-left { text-align: right; } } .s123-module-contact.layout-8 .google-map-obj { height: 500px; } .s123-module-contact.layout-8 .list-inline { margin-right: 0px; } .s123-module-contact.layout-8 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-8 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact.layout-9 .s123-module-contact-map .map-container { height: 500px; width: 100%; position: relative; } .s123-module-contact.layout-9 .s123-module-contact-map .no-map-container { height: 200px; width: 100%; position: relative; } @media (max-width: 767px) { .s123-module-contact.layout-9 .s123-module-contact-map .no-map-container { height: 100px; } } .s123-module-contact.layout-9 .s123-module-contact-map .google-map-obj { width: 100%; height: 100%; } .s123-module-contact.layout-9 .contact-form-container { padding: 30px; border-radius: 20px; width: 90%; position: relative; z-index: 1000; margin: 0px auto; } .s123-module-contact.layout-9 .contact-form-container.map-active { margin: -200px auto 0px; } @media (min-width: 300px) and (max-width: 768px) { .s123-module-contact.layout-9 .contact-form-container { margin-top: -100px; text-align: center; } } .s123-module-contact.layout-9 .contact-form-container .contact-details { margin-bottom: 35px; } .s123-module-contact.layout-9 .contact-form-container .open_hours_field { padding-bottom: 0px; } .s123-module-contact.layout-9 .contact-form-container .contact-details li, .s123-module-contact.layout-9 .contact-form-container .contact-details-email { padding-bottom: 5px; } .s123-module-contact.layout-9 .contact-form-container .contact-details-labels { opacity: 0.4; } .s123-module-contact.layout-9 ul.contact-as-details-container li i { margin-right: 5px; } html[dir="rtl"] .s123-module-contact.layout-9 ul.contact-as-details-container li i { margin-left: 5px; margin-right: auto; } .s123-module-contact .contact-as-details-container .social-icons-container img { height: 1.188em; width: auto; margin-right: 5px; margin-bottom: 0.3em; } html[dir="rtl"] .s123-module-contact .contact-as-details-container .social-icons-container img { margin-left: 5px; margin-right: auto; } .s123-module-gmap.layout-1 .gmap-container { height: 300px; position: relative; } @media (min-width: 768px) { .s123-module-gmap.layout-1 .gmap-container { height: 500px; } } .s123-module-gmap.layout-1 .map-container { width: 100%; height: 100%; } .s123-module-gmap.layout-2 .gmap-container { height: 300px; position: relative; } @media (min-width: 768px) { .s123-module-gmap.layout-2 .gmap-container { height: 500px; } } .s123-module-gmap.layout-2 .map-container { width: 100%; height: 100%; } .s123-module-counters .counters .counters-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 96px; } .s123-module-counters .counters .counters-grid.grid-1 { grid-template-columns: 1fr; justify-items: center; } .s123-module-counters .counters .counters-grid.grid-2 { grid-template-columns: 1fr 1fr; } .s123-module-counters .counters .counters-grid.grid-4 { grid-template-columns: repeat(4, 1fr); gap: 64px; } .s123-module-counters .counters .counters-grid.grid-5 { grid-template-columns: repeat(5, 1fr); gap: 32px; } @media (max-width: 768px) { .s123-module-counters .counters .counters-grid, .s123-module-counters .counters .counters-grid.grid-4, .s123-module-counters .counters .counters-grid.grid-5 { grid-template-columns: repeat(2, 1fr); gap: 32px; } } @media (max-width: 767px) { .s123-module-counters .counters .counters-grid, .s123-module-counters .counters .counters-grid.grid-1, .s123-module-counters .counters .counters-grid.grid-2, .s123-module-counters .counters .counters-grid.grid-4, .s123-module-counters .counters .counters-grid.grid-5 { grid-template-columns: 1fr; gap: 24px; justify-items: normal; } .s123-module-counters.layout-1 .counters .counters-grid, .s123-module-counters.layout-1 .counters .counters-grid.grid-1, .s123-module-counters.layout-1 .counters .counters-grid.grid-2, .s123-module-counters.layout-1 .counters .counters-grid.grid-4, .s123-module-counters.layout-1 .counters .counters-grid.grid-5 { gap: 72px; } } .s123-module-counters .counters .counter { text-align: center; } .s123-module-counters .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px; } .s123-module-counters .counters .svg-m { width: 1em; height: 1em; margin-bottom: 40px; } .s123-module-counters .counters img { width: 4em; height: 4em; margin-bottom: 5px; } .s123-module-counters .counters .counter-number { display: block; font-weight: bold; font-size: 50px; line-height: 50px; } .s123-module-counters .counters .font-size-35 .counter-number { font-size: 35px; } .s123-module-counters .counters .font-size-25 .counter-number { font-size: 25px; } .s123-module-counters .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px; margin: 0px; } @media (max-width: 768px) { .s123-module-counters .counters label { margin-top: 8px; } } .s123-module-counters .counters .counter-side-icon .icons, .s123-module-counters .counters .counter-side-icon strong { display: inline-block; } .s123-module-counters .counters .counter-with-unit strong { display: inline-block; } .s123-module-counters .counters.with-borders .counter { border-radius: 6px; border-width: 1px; border-style: solid; border-color: rgb(223, 223, 223) rgb(236, 236, 236); box-shadow: rgba(0, 0, 0, 0.04) 0px 1px 1px 0px; padding: 25px; } .s123-module-counters .counters.counters-sm .icons { font-size: 25px; line-height: 25px; } .s123-module-counters .counters.counters-sm .svg-m { width: 25px; height: 25px; } .s123-module-counters .counters.counters-sm strong { font-size: 35px; line-height: 35px; } .s123-module-counters .counters.counters-sm label { font-size: 15px; line-height: 15px; } .s123-module-counters .counters.counters-lg .svg-m { width: 45px; height: 45px; } .s123-module-counters .counters.counters-lg strong { font-size: 60px; line-height: 60px; } .s123-module-counters .counters.counters-lg label { font-size: 25px; line-height: 25px; } .s123-module-counters .counters.counters-text-light .counter { color: rgb(255, 255, 255) !important; } .s123-module-counters .counters.counters-text-light .counter .icons, .s123-module-counters .counters.counters-text-light .counter strong, .s123-module-counters .counters.counters-text-light .counter label { color: rgb(255, 255, 255) !important; } .s123-module-counters .counters.counters-text-dark .counter { color: rgb(46, 53, 62) !important; } .s123-module-counters .counters.counters-text-dark .counter .icons, .s123-module-counters .counters.counters-text-dark .counter strong, .s123-module-counters .counters.counters-text-dark .counter label { color: rgb(46, 53, 62) !important; } .s123-module-counters.layout-2 .counter { height: 100%; min-height: 190px; padding: 40px 32px 32px; } .s123-module-counters .countes-val { display: flex; justify-content: center; flex-direction: row; margin-bottom: 16px; } html[dir="rtl"] .s123-module-counters .countes-val { flex-direction: row-reverse; } .s123-module-counters.layout-2 .counter-container .counter.background-primary-color.btn-primary-text-color .svg-m { background-color: var(--global_main_color_btn_text_color); } .s123-module-counters.layout-2 .counter.bg-primary-black i.svg-m { background-color: rgb(255, 255, 255); } .s123-module-counters.layout-2 .counter.bg-primary-white i.svg-m { background-color: rgb(0, 0, 0); } .s123-module-counters.layout-2 .counter.bg-primary-gray i.svg-m { background-color: rgb(68, 73, 80); } .s123-module-counters.layout-3 .counters .counters-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 56px; } .s123-module-counters.layout-3 .counters .counter { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0px; margin: 0px; } .s123-module-counters.layout-3 .counters .svg-m, .s123-module-counters.layout-3 .counters img { width: 100%; height: 100%; margin: 0px; } .s123-module-counters.layout-3 .counters .counter-number { display: block; font-weight: 700; font-size: clamp(25px, 8vw, 120px); line-height: normal; } .s123-module-counters.layout-3 .counters label { display: flex; font-weight: 700; font-size: clamp(1rem, 3vw, 2.25rem); line-height: normal; margin: 0px; align-items: center; flex-direction: row-reverse; justify-content: center; gap: 1rem; } .s123-module-counters.layout-3 .countes-val { display: flex; justify-content: center; flex-direction: row; margin-bottom: 0px; } .s123-module-counters.layout-3 .countes-val strong { font-size: clamp(25px, 8vw, 120px); } :root { --font-size-clamp: clamp(1rem, 20vw, 5.8rem); --font-size-title: 1.6rem; } .s123-module-counters.layout-4 .counters .counters-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0px; padding: 1rem; } .s123-module-counters.layout-4 .counters .counters-grid.font-size-25 { --font-size-clamp: clamp(1rem, 20vw, 4rem) !important; } .s123-module-counters.layout-4 .counters .counters-grid.font-size-35 { --font-size-clamp: clamp(1rem, 20vw, 5rem) !important; } .s123-module-counters.layout-4 .counter { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 100%; padding: 40px; border-radius: 24px; aspect-ratio: 1 / 1; gap: 3rem; } .s123-module-counters.layout-4 .counter .countes-val { margin-bottom: 0px; } .s123-module-counters.layout-4 .counter .counter-title-wrap { display: flex; justify-content: center; align-items: center; gap: 1rem; } .s123-module-counters.layout-4 .counters .counter-container:nth-child(3n+1) { background-color: var(--color-primary); transform: scale(1.07) rotate(-2.5deg) translateX(0px); } .s123-module-counters.layout-4 .counters .counter-container:nth-child(3n+2) { transform: scale(1.07) rotate(0deg) translateX(0px); } .s123-module-counters.layout-4 .counters .counter-container:nth-child(3n+3) { transform: scale(1.07) rotate(3.5deg) translateX(0px); } .s123-module-counters.layout-4 .counters .counter-container:hover { z-index: 1; } @media (max-width: 767px) { .s123-module-counters.layout-4 .counters .counters-grid { gap: 1rem; } .s123-module-counters.layout-4 .counters .counter-container { transform: none !important; } .s123-module-counters.layout-4 .counters label { font-size: 1rem; } } .s123-module-counters.layout-4 .counters .svg-m { margin-bottom: 0px; width: 0.5em; height: 0.5em; } .s123-module-counters.layout-4 .counters img { width: 2em; height: 2em; } .s123-module-counters.layout-4 .counters .counter-number { display: block; font-weight: 700; font-size: var(--font-size-clamp); line-height: normal; margin: 0px; } .s123-module-counters.layout-4 .special-sign { font-size: var(--font-size-clamp); line-height: normal; } .s123-module-counters.layout-4 .counters label.font-size-title-25 { --font-size-title: 1rem !important; } .s123-module-counters.layout-4 .counters label.font-size-title-35 { --font-size-title: 0.6rem !important; } .s123-module-counters.layout-4 .counters label { font-weight: 400; display: block; font-size: var(--font-size-title); line-height: normal; margin: 0px; text-align: start; } .s123-module-percentage.layout-1 .percentages { display: grid; grid-template-columns: repeat(4, 1fr); } .s123-module-percentage.layout-1 .percentages.percentages-flex { display: flex; justify-content: center; } .s123-module-percentage.layout-1 .percentages.percentageNoBg { gap: 128px; } .s123-module-percentage.layout-1 .percentages.percentageBg { gap: 56px; } .s123-module-percentage.layout-1 .percentages .percentage { display: flex; flex-direction: column; align-items: center; gap: 32px; width: 100%; } .s123-module-percentage.layout-1 .percentages h4 { font-size: 1.25rem; margin: 0px; font-weight: 600; } .s123-module-percentage.layout-1 .easy-pie-chart { display: inline-flex; position: relative; } .s123-module-percentage.layout-1 .easy-pie-chart[data-is-visible="true"] .percent { position: absolute; width: 100%; height: 100%; font-size: 1.5em; display: flex; justify-content: center; align-items: center; } .s123-module-percentage.layout-1 .percentages.percentageBg .percentage { padding: 56px 32px 40px; border-radius: 16px; height: 100%; } @media (min-width: 768px) and (max-width: 1024px) { .s123-module-percentage.layout-1 .percentages { grid-template-columns: repeat(2, 1fr); } .s123-module-percentage.layout-1 .percentages.percentages-flex { flex-wrap: wrap; } } @media (max-width: 767px) { .s123-module-percentage.layout-1 .percentages.percentageNoBg { gap: 64px; } .s123-module-percentage.layout-1 .percentages.percentageBg { gap: 16px; } .s123-module-percentage.layout-1 .percentages { grid-template-columns: repeat(1, 1fr); } .s123-module-percentage.layout-1 .percentages.percentages-flex { flex-direction: column; } .s123-module-percentage.layout-1 .percentages.percentageBg .percentage { padding: 40px 24px; } .percentages-container { display: flex; justify-content: center; } } :root { --font-size-clamp: clamp(1rem, 20vw, 3rem); --font-size-title: 1.4rem; } .s123-module-percentage.layout-3 .percentages .percentages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 0px; padding: 1rem; } .s123-module-percentage.layout-3 .percentage { display: flex; flex-direction: column; justify-content: center; height: 100%; width: 100%; padding: 40px; border-radius: 24px; aspect-ratio: 1 / 1; gap: 3rem; } .s123-module-percentage.layout-3 .percentages .percentage-container:nth-child(3n+1) { background-color: var(--color-primary); transform: scale(1.07) rotate(-2.5deg) translateX(0px); } .s123-module-percentage.layout-3 .percentages .percentage-container:nth-child(3n+2) { transform: scale(1.07) rotate(0deg) translateX(0px); } .s123-module-percentage.layout-3 .percentages .percentage-container:nth-child(3n+3) { transform: scale(1.07) rotate(3.5deg) translateX(0px); } .s123-module-percentage.layout-3 .percentages .percentage-container:hover { z-index: 1; } .s123-module-percentage.layout-3 .percentages .percentage .easy-pie-chart { display: inline-flex; position: relative; align-self: center; } .s123-module-percentage.layout-3 .easy-pie-chart[data-is-visible="true"] .percent { position: absolute; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: var(--font-size-clamp); } .s123-module-percentage.layout-3 .percentages .percentage .precentage-title.font-size-title-35 { --font-size-title: 1rem; } .s123-module-percentage.layout-3 .percentages .percentage .precentage-title.font-size-title-25 { --font-size-title: 1.2rem; } .s123-module-percentage.layout-3 .percentages .percentage .precentage-title { font-size: var(--font-size-title); } @media (max-width: 767px) { .s123-module-percentage.layout-3 .percentages .percentages-grid { gap: 1rem; } .s123-module-percentage.layout-3 .percentages .percentage-container { transform: none !important; } } .s123-module-faq .box { padding: 24px; margin-top: 40px; margin-bottom: 30px; border-radius: 5px; transition: border 0.3s ease-in; } .s123-module-faq .box:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 50px; } @media (min-width: 768px) { .s123-module-faq .box { margin-bottom: 32px; } } .s123-module-faq .box.s123-box-top-primary-border { border-top-width: 4px; } .s123-module-faq.layout-1 .box.faq-text-side { text-align: left; } html[dir="rtl"] .s123-module-faq.layout-1 .box.faq-text-side { text-align: right; } .s123-module-faq .box h4 { font-weight: 600; line-height: 1.4; margin-bottom: 16px; margin-top: 0px; } .s123-module-faq .box p { font-size: 16px; line-height: 1.6; margin: 10px 0px 0px; white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-faq.layout-1 ul, .s123-module-faq.layout-1 ol { list-style-position: inside; } .s123-module-faq .faq-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-faq.layout-2 .panel-group .panel { box-shadow: none; } .s123-module-faq.layout-2 .panel-group .panel:hover { filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 20px 50px); } .s123-module-faq.layout-2 .panel-group .heading { padding: 16px; } .s123-module-faq.layout-2 .panel-group .heading .panel-title { font-weight: 600; } .s123-module-faq.layout-2 .panel-group .panel { box-shadow: none; margin-top: 8px; } .s123-module-faq.layout-2 .panel-group .panel-body { padding: 24px; } .s123-module-faq.layout-2 .background-primary-color .fr-view { color: inherit; } .s123-module-faq .background-primary-color .fr-view a, .s123-module-faq .bg-primary-black .fr-view a { color: inherit; } .s123-module-faq.layout-4 .panel-group .heading i { display: flex; align-items: center; opacity: 1; transition: transform 0.3s; width: 10px; } .s123-module-faq.layout-4 .panel-group .heading[aria-expanded="true"] i { transform: rotate(180deg); } .s123-module-faq.layout-4 .panel-group .panel { box-shadow: none; border-radius: 8px; margin-bottom: 16px; } .s123-module-faq.layout-4 .panel-group .panel:hover { border-color: var(--global_main_color); } .s123-module-faq.layout-4 .panel-group .panel-body { padding: 8px 24px 24px; } .s123-module-faq.layout-4 .panel-group .heading { padding: 24px; display: flex; justify-content: space-between; } .s123-module-faq.layout-4 .panel-group .heading .panel-title { font-weight: 600; width: 93%; } .s123-module-faq.layout-4 .panel-group .heading .faq-white-arrow { background: rgb(255, 255, 255); opacity: 0.7; } .s123-module-faq.layout-5 .box { border-radius: 16px; padding: 32px; height: fit-content; margin-bottom: 16px; margin-top: 0px; text-align: start; } .s123-module-faq.layout-5 .top-layout-5 { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; } .s123-module-faq.layout-5 .grid-layout-5 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-auto-columns: 1fr; gap: 16px; } .s123-module-faq.layout-5 .answer-layout-5 { margin: 0px; opacity: 0.7; } .s123-module-faq.layout-5 .box:hover { box-shadow: none; } @media (max-width: 767px) { .s123-module-faq.layout-5 .grid-layout-5 { grid-template-columns: 1fr; } .s123-module-faq.layout-5 .grid-layout-5 .item-col-layout-5 .box:last-child { margin-bottom: 0px; } } .s123-module-jobs .panel-group .panel { box-shadow: none; } .s123-module-jobs .panel-group .panel-body { background-color: rgb(255, 255, 255); } .s123-module-jobs .panel-group .heading { padding: 0.8em; } .s123-module-jobs .panel-group .box { margin-bottom: 0.8em; } .s123-module-jobs.layout-1 .job-item { margin-bottom: 60px; } .s123-module-jobs.layout-2 .job-item { margin-bottom: 80px; } .s123-module-jobs.layout-1 .panel-group, .s123-module-jobs.layout-2 .panel-group { margin-bottom: 16px; } .s123-module-jobs.layout-1 .panel-group .box, .s123-module-jobs.layout-2 .panel-group .box { margin-bottom: 16px; } .s123-module-jobs.layout-1 .job-title, .s123-module-jobs.layout-2 .job-title { margin-top: 0px; margin-bottom: 8px; font-weight: 600; font-size: 1.45rem; } .s123-module-jobs.layout-1 .heading, .s123-module-jobs.layout-2 .heading { display: flex; align-items: center; justify-content: space-between; height: 48px; } .s123-module-jobs.layout-1 .job-sub-title, .s123-module-jobs.layout-2 .job-sub-title { margin-bottom: 24px; } .s123-module-jobs.layout-1 .panel-group .panel, .s123-module-jobs.layout-2 .panel-group .panel { border-radius: 8px; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 20px 50px); } .s123-module-jobs.layout-1 .panel-group .panel-title, .s123-module-jobs.layout-2 .panel-group .panel-title { font-weight: 600; } .s123-module-jobs.layout-1 .panel .panel-body, .s123-module-jobs.layout-2 .panel .panel-body { border-radius: 0px 0px 8px 8px; } .s123-module-jobs.layout-1 .responsive-handler.main-description-text { margin-bottom: 24px; } .s123-module-jobs.layout-2 .jobsApplyBtn { width: 100%; } .s123-module-jobs.layout-2 .panel-group .heading i { display: flex; align-items: center; opacity: 1; transition: transform 0.3s; width: 10px; } .s123-module-jobs.layout-2 .panel-group .heading[aria-expanded="true"] i { transform: rotate(180deg); } @media (max-width: 767px) { .s123-module-jobs.layout-1 .job-item, .s123-module-jobs.layout-2 .job-item { margin-bottom: 64px; } .s123-module-jobs.layout-1 .panel-group, .s123-module-jobs.layout-2 .panel-group { margin-bottom: 8px; } .s123-module-jobs.layout-1 .panel-group .box, .s123-module-jobs.layout-2 .panel-group .box { margin-bottom: 8px; } .s123-module-jobs.layout-2 .responsive-handler { margin-bottom: 24px; } } .modal.s123-calendar-handler.jobs-module-calendar { z-index: 99999999; } .s123-module-jobs .jobs-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 25px; } .s123-module-jobs.touch-device .jobs-grid { grid-template-columns: repeat(2, 1fr); } .s123-module-jobs .jobs-grid .job-container { display: block; padding: 1.2em 1.8em 1.8em; border: 1px solid rgba(223, 223, 223, 0.7); border-radius: 15px; position: relative; } .s123-module-jobs .jobs-grid .job-container .location { display: flex; margin-bottom: 25px; font-size: 1rem; opacity: 0.7; } .s123-module-jobs .jobs-grid .job-container h3 { margin-top: 0px; } .s123-module-jobs .jobs-grid .job-container .job-header { padding-bottom: 100px; } .s123-module-jobs .jobs-grid .job-container .job-header .job-title h3 { font-weight: bold; } .s123-module-jobs .jobs-grid .job-container .job-footer { display: flex; position: absolute; bottom: 0px; width: 100%; justify-content: space-between; left: 0px; padding: 1.8em; flex-direction: row; } .s123-module-jobs .jobs-grid .job-container .job-footer .job-layout-apply { margin-left: auto; } html[dir="rtl"] .s123-module-jobs .jobs-grid .job-container .job-footer .job-layout-apply { margin-left: 0px; margin-right: auto; } .s123-module-jobs .jobs-grid .job-container .job-footer span { align-self: center; opacity: 0.7; } .s123-module-jobs .jobs-grid .job-container .location .location-icon i { margin-right: 12px; opacity: 0.7; } html[dir="rtl"] .s123-module-jobs .jobs-grid .job-container .location .location-icon i { margin-right: 0px; margin-left: 12px; } .s123-module-jobs .jobs-grid .job-container .job-footer span i { margin-right: 12px; } html[dir="rtl"] .s123-module-jobs .jobs-grid .job-container .job-footer span i { margin-right: 0px; margin-left: 12px; } @media (max-width: 768px) { .s123-module-jobs .jobs-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .s123-module-jobs .jobs-grid, .s123-module-jobs.touch-device .jobs-grid { grid-template-columns: repeat(1, 1fr); } .s123-module-jobs .jobs-grid .job-container .location { font-size: 1.3rem; } } .job-data-container { display: flex; justify-content: center; } .job-data-container .job-title-info { display: flex; justify-content: center; gap: 30px; padding-bottom: 100px; } @media (max-width: 480px) { .job-data-container .job-title-info { padding-bottom: 50px; } } .job-data-container .job-item-container { margin-bottom: 40px; } .job-data-container .job-title-info .location { display: flex; } .job-data-container .job-title-info .location i { margin: 0px 15px; font-size: 1.2rem; color: var(--global_main_color); } .job-data-container .job-post-date i { margin: 0px 15px; font-size: 1.2rem; color: var(--global_main_color); } .job-data-container h4.job-title { margin-bottom: 25px; font-weight: bold; text-transform: capitalize; } .job-data-container .job-text { opacity: 0.8; } .job-data-container .job-footer { padding-bottom: 100px; } @media (max-width: 480px) { .job-data-container .job-footer { padding-bottom: 50px; } } .job-data-container .job-footer .jobsApplyBtn { margin: 1.3rem 0px 0px; } .s123-module-jobs.layout-4 .job-item { padding: 32px 40px 33px 49px; width: 100%; display: block; position: relative; text-decoration: none; margin-bottom: 13px; border-radius: 10px; } @media (max-width: 767px) { .s123-module-jobs.layout-4 .job-item { padding: 20px 10px 20px 20px; } } .s123-module-jobs.layout-4 .job-item .job-title { font-weight: bold; } .s123-module-jobs.layout-4 .job-item .job-location { opacity: 0.8; font-size: 1.1rem; } .s123-module-jobs.layout-4 .job-item i { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); font-size: 20px; transition: 0.3s; opacity: 0.8; } html[dir="rtl"] .s123-module-jobs.layout-4 .job-item i { right: auto; left: 40px; transform: scaleX(-1) translateY(-50%); } @media (max-width: 767px) { .s123-module-jobs.layout-4 .job-item i { right: 10px; } html[dir="rtl"] .s123-module-jobs.layout-4 .job-item i { left: 10px; } } .s123-module-jobs.layout-4 .job-item:hover i { color: var(--global_main_color); } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: 0px; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: rgba(255, 255, 255, 0.75); cursor: pointer; transform: translateY(-50%); } .flickity-prev-next-button:hover { background: rgb(255, 255, 255); } .flickity-prev-next-button:focus { outline: 0px; box-shadow: rgb(0, 153, 255) 0px 0px 0px 5px; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: rgb(51, 51, 51); } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0px; margin: 0px; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0px 8px; background: rgb(51, 51, 51); border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .home_page .s123-module.s123-module-map, .inside_page .s123-module.s123-module-map { padding: 0px; } .s123-module-map .map-container { height: 500px; position: relative; } .map-container { height: 500px; } .s123-module-map .google-map-obj { width: 100%; height: 100%; } .s123-module.s123-page-data-donate .donate-price-input-container, .s123-module-donate.layout-1 .donate-price-input-container { opacity: 0; visibility: hidden; transition: opacity 0.35s; margin-bottom: 16px; } .s123-module.s123-page-data-donate .donate-price-input-container.shown, .s123-module-donate.layout-1 .donate-price-input-container.shown { opacity: 1; } .s123-module.s123-page-data-donate .donate-description-box, .s123-module-donate.layout-1 .donate-description-box { margin-bottom: 32px; } .s123-module.s123-page-data-donate .donateForm h3, .s123-module-donate.layout-1 .donateForm h3 { margin: 0px 0px 24px; font-weight: 700; } .s123-module.s123-page-data-donate .donate-btn-group, .s123-module-donate.layout-1 .donate-btn-group { display: flex; flex-wrap: wrap; align-items: center; place-content: center; user-select: none; margin-bottom: 16px; gap: 20px; } .s123-module.s123-page-data-donate .donation-price-preview, .s123-module-donate.layout-1 .donation-price-preview { font-size: 4.5rem; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 24px; overflow: hidden !important; } .s123-module.s123-page-data-donate .box, .s123-module-donate.layout-1 .box { border-radius: 16px; padding: 56px 32px 32px; } .s123-module.s123-page-data-donate a.donate-btn, .s123-module.s123-page-data-donate a.donate-btn-other, .s123-module-donate.layout-1 a.donate-btn, .s123-module-donate.layout-1 a.donate-btn-other { cursor: pointer; padding: 0px; font-weight: bold; transition: none; border: none; } .s123-module.s123-page-data-donate a.donate-btn-other, .s123-module-donate.layout-1 a.donate-btn-other { text-transform: capitalize; } .s123-module.s123-page-data-donate a.donate-btn:active, .s123-module.s123-page-data-donate a.donate-btn:focus, .s123-module.s123-page-data-donate a.donate-btn:hover, .s123-module.s123-page-data-donate a.donate-btn-other:active, .s123-module.s123-page-data-donate a.donate-btn-other:focus, .s123-module.s123-page-data-donate a.donate-btn-other:hover, .s123-module-donate.layout-1 a.donate-btn:active, .s123-module-donate.layout-1 a.donate-btn:focus, .s123-module-donate.layout-1 a.donate-btn:hover, .s123-module-donate.layout-1 a.donate-btn-other:active, .s123-module-donate.layout-1 a.donate-btn-other:focus, .s123-module-donate.layout-1 a.donate-btn-other:hover { box-shadow: none; text-decoration: none; outline: none !important; } .s123-module.s123-page-data-donate .donate-btn.selectedPrice, .s123-module.s123-page-data-donate .donate-btn-other.selectedPrice, .s123-module-donate.layout-1 .donate-btn.selectedPrice, .s123-module-donate.layout-1 a.donate-btn-other.selectedPrice { color: var(--global_main_color_btn_text_color); border-radius: 8px; padding: 0.375rem 0.75rem; } @media (max-width: 767px) { .s123-module.s123-page-data-donate .donate-image-box, .s123-module-donate.layout-1 .donate-image-box { margin-bottom: 32px; } } .s123-module.s123-page-data-donate .progress, .s123-module-donate.layout-1 .progress { height: 8px; margin: 30px 0px 5px; } .s123-module-donate.layout-1 .progress .progress-bar { background-color: var(--global_main_color); } .s123-module-donate.layout-1 .progress .progress-bar { background-color: var(--modules_color_second_section_main); } .bg-primary.s123-module-donate.layout-1 .progress .progress-bar { background-color: var(--modules_color_section_main); } .inside_page .s123-module.s123-page-data-donate .progress .progress-bar, .inside_page .s123-module-donate.layout-1 .progress .progress-bar { background-color: var(--inside_modules_color_section_box_main); } .s123-module.s123-page-data-donate .donate-goal, .s123-module-donate.layout-1 .donate-goal { font-size: 0.9rem; } .s123-module.s123-page-data-donate .donate-goal-container, .s123-module-donate.layout-1 .donate-goal-container { text-align: left; } html[dir="rtl"] .s123-module.s123-page-data-donate .donate-goal-container, html[dir="rtl"] .s123-module-donate.layout-1 .donate-goal-container { text-align: right; } .s123-module.s123-page-data-donate .donate-goal-loading img, .s123-module-donate.layout-1 .donate-goal-loading img { width: 15px; animation: 2s linear 0s infinite normal none running rotation; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .s123-module-donate.layout-1 .donate-grid { display: grid; gap: 30px; } .s123-module-donate.layout-1 .donate-grid.donate-grid-2 { grid-template-columns: repeat(2, 1fr); } .s123-module-donate.layout-1 .donate-grid.donate-grid-3 { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } .s123-module-donate.layout-1 .donate-grid.donate-grid-4 { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } @media (max-width: 767px) { .s123-module-donate.layout-1 .donate-grid.donate-grid-2, .s123-module-donate.layout-1 .donate-grid.donate-grid-3, .s123-module-donate.layout-1 .donate-grid.donate-grid-4 { grid-template-columns: repeat(1, minmax(0px, max-content)); } } .s123-module-donate.layout-1 .donate-grid-item { box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 45px; text-decoration: none; overflow: hidden; border-radius: 8px !important; } .s123-module-donate.layout-1 .donate-grid-item-wrap { padding: 24px; } .s123-module-donate.layout-1 .donate-grid-item-title { font-weight: 700; margin-bottom: 1rem; display: flex; justify-content: center; } .s123-module-donate.layout-1 .donate-grid-item-text { text-align: center !important; opacity: 0.7; } .s123-module-donate.layout-1 .donate-grid-item-image img { width: 100%; height: 100%; object-position: center center; object-fit: cover; aspect-ratio: 1 / 1; } .s123-module-donate.layout-1 .donate-grid-item.s123-box-top-primary-border { border-top-width: 4px !important; } .s123-module.s123-page-data-donate .btn-group-payment-type, .s123-module-donate.layout-1 .btn-group-payment-type { display: flex; justify-content: center; gap: 1rem; } .s123-module.s123-module-songs .music-player-module { border-radius: 16px; max-width: 100%; width: 600px; height: 550px; margin: 0px; padding: 0px; border: none; } .s123-module.s123-module-songs .music-player-module #playlist { border-radius: 0px 0px 16px 16px; } .s123-page-data-songs p { white-space: pre-wrap; overflow-wrap: break-word; } .home_page .s123-module.s123-promo-module-v2 h1, .home_page .s123-module.s123-promo-module-v2 h2, .home_page .s123-module.s123-promo-module-v2 h3, .home_page .s123-module.s123-promo-module-v2 h4, .home_page .s123-module.s123-promo-module-v2 h5, .home_page .s123-module.s123-promo-module-v2 h6 { margin-top: 0px; margin-bottom: 10px; line-height: 1.5; overflow-wrap: break-word; } .home_page .s123-module.s123-promo-module-v2 { display: -webkit-flex; justify-content: center; flex-direction: column; padding: 0px; min-height: 20vh; height: auto; } .home_page .s123-module.s123-promo-module-v2.small-site123, .home_page .s123-promo-module-v2 .container.small-site123, .home_page .s123-promo-module-v2 .container-fluid.small-site123 { min-height: 20vh; height: auto; } .home_page .s123-module.s123-promo-module-v2.medium-site123, .home_page .s123-promo-module-v2 .container.medium-site123, .home_page .s123-promo-module-v2 .container-fluid.medium-site123 { min-height: 40vh; height: auto; } .home_page .s123-module.s123-promo-module-v2.big-site123, .home_page .s123-promo-module-v2 .container.big-site123, .home_page .s123-promo-module-v2 .container-fluid.big-site123 { min-height: 60vh; height: auto; } .home_page .s123-module.s123-promo-module-v2.large-site123, .home_page .s123-promo-module-v2 .container.large-site123, .home_page .s123-promo-module-v2 .container-fluid.large-site123 { min-height: 80vh; height: auto; } .home_page .s123-module.s123-promo-module-v2.full-site123, .home_page .s123-promo-module-v2 .container.full-site123, .home_page .s123-promo-module-v2 .container-fluid.full-site123 { min-height: 100vh; height: auto; } @media (max-width: 767px) { .home_page .s123-module.s123-promo-module-v2.small-site123 { min-height: calc(-50px + 20vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.medium-site123 { min-height: calc(-50px + 40vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.big-site123 { min-height: calc(-50px + 60vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.large-site123 { min-height: calc(-50px + 80vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.full-site123 { min-height: calc(-50px + 100vh); height: auto; } } .s123-promo-module-v2 .container { display: -webkit-flex; justify-content: center; flex-direction: column; z-index: 2; padding-top: 70px; padding-bottom: 70px; } .s123-promo-module-v2 .promoText1 { white-space: pre-wrap; overflow-wrap: break-word; } .s123-promo-module-v2 .promoText2 { white-space: pre-wrap; overflow-wrap: break-word; } .s123-promo-module-v2 .promoText3 { white-space: pre-wrap; overflow-wrap: break-word; } .s123-promo-module-v2 .promoText1.italic, .s123-promo-module-v2 .promoText2.italic, .s123-promo-module-v2 .promoText3.italic { font-style: italic; } .s123-promo-module-v2 .text.huge-text { font-size: 42px; } .s123-promo-module-v2 .weight400 { font-weight: 400; } .s123-promo-module-v2 .weight700 { font-weight: 700; } .s123-promo-module-v2 .redirect-buttons-container { width: fit-content; } .s123-promo-module-v2 .redirect-buttons-container .btn { margin: 10px 0px; } @media (max-width: 767px) { .s123-promo-module-v2 .redirect-buttons-container .btn { margin-right: 20px; margin-left: 0px; } html[dir="rtl"] .s123-promo-module-v2 .redirect-buttons-container .btn { margin-left: 20px; margin-right: 0px; } } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-transparent { color: inherit; } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-grey { color: rgb(68, 73, 80); background-color: rgb(235, 237, 240); border: 1px solid transparent; } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-grey:hover, .s123-promo-module-v2 .redirect-buttons-container .btn-primary-grey:focus { color: rgb(68, 73, 80); background-color: rgb(226, 229, 233); } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-black { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border: 1px solid transparent; } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-white { color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); border: 1px solid transparent; } .s123-promo-module-v2 .redirect-buttons-container .btn-primary-black:hover, .s123-promo-module-v2 .redirect-buttons-container .btn-primary-black:focus, .s123-promo-module-v2 .redirect-buttons-container .btn-primary-white:hover, .s123-promo-module-v2 .redirect-buttons-container .btn-primary-white:focus { opacity: 0.9; } .promo-image-bg { position: absolute; inset: 0px; overflow: hidden; z-index: 1; background-position: center center; background-size: cover; } .s123-promo-module-v2 .promo-image-bg .carousel, .s123-promo-module-v2 .promo-image-bg .carousel-inner { width: 100%; height: 100%; } .s123-promo-module-v2 .promo-image-bg .carousel-inner .item { width: 100%; height: 100%; background-size: cover; background-position: center center; } .s123-promo-module-v2 .promo-video-bg { position: absolute; inset: 0px; overflow: hidden; z-index: 1; } .s123-promo-module-v2 .promo-video-bg > video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-promo-module-v2 .MailingTool { margin: 15px 0px; } .s123-promo-module-v2 .mailingListBox { width: 380px; max-width: 90%; margin: 0px auto; } .s123-promo-module-v2 .mailingListBox .btn { margin: 0px; } .s123-promo-module-v2 .mailingListBox .input-group-btn .btn-primary { border-width: 1px 1px 1px 0px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 0px 4px 4px 0px; } html[dir="rtl"] .s123-promo-module-v2 .mailingListBox .input-group-btn .btn-primary { border-radius: 4px 0px 0px 4px; border-right: none; border-left-width: 1px; } @media (max-width: 767px) { .s123-promo-module-v2 .mailingListBox { width: 100%; text-align: center; margin: 0px auto; } } .s123-promo-module-v2 .social-icons { margin: 15px 0px; overflow: auto; } .s123-promo-module-v2 .SearchTool { margin: 15px 0px; } .s123-promo-module-v2 .searchBox { width: 350px; max-width: 90%; margin: 0px auto; } .s123-promo-module-v2 .searchBox .btn { margin: 0px; } .s123-promo-module-v2 .searchBox .input-group-btn .btn-primary { border-width: 1px 1px 1px 0px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 0px 4px 4px 0px; } html[dir="rtl"] .s123-promo-module-v2 .searchBox .input-group-btn .btn-primary { border-radius: 4px 0px 0px 4px; border-right: none; border-left-width: 1px; } @media (max-width: 767px) { .s123-promo-module-v2 .searchBox { width: 100%; text-align: center; margin: 0px auto; } .s123-promo-module-v2 .searchBox input.form-control { width: 100% !important; } } .home_page .s123-promo-module-v2.twoSideCallAction .flex { display: flex; flex-direction: row; } .home_page .s123-promo-module-v2.twoSideCallAction.fullWidth .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .home_page .s123-promo-module-v2.twoSideCallAction.twoSideDiffBack .promoContentOrder { padding: 15px; z-index: 1; } .home_page .s123-promo-module-v2.twoSideCallAction.twoSideDiffBack .promoContentOrder.twoSideDiffBackDirectionReverse { flex-direction: column-reverse; } .home_page .s123-promo-module-v2.twoSideCallAction .flex .start { padding: 25px 25px 25px 0px; display: flex; justify-content: center; flex-direction: column; float: none; flex-shrink: 0; } html[dir="rtl"] .home_page .s123-promo-module-v2.twoSideCallAction .flex .start { padding-left: 25px; padding-right: 0px; } .home_page .s123-promo-module-v2.twoSideCallAction .flex .end { padding: 25px 0px 25px 25px; display: flex; justify-content: flex-end; width: 100%; align-items: center; } html[dir="rtl"] .home_page .s123-promo-module-v2.twoSideCallAction .flex .start { padding-right: 25px; padding-left: 0px; } .home_page .s123-promo-module-v2.twoSideCallAction.reverse .flex { flex-direction: row-reverse; } .home_page .s123-promo-module-v2.twoSideCallAction.reverse .flex .start { } .home_page .s123-promo-module-v2.twoSideCallAction.reverse .flex .end { justify-content: flex-start; padding-right: 25px; padding-left: 0px; } @media (max-width: 767px) { .home_page .s123-promo-module-v2.twoSideCallAction .flex { flex-direction: column !important; } .home_page .s123-promo-module-v2.twoSideCallAction .flex .start { width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .home_page .s123-promo-module-v2.twoSideCallAction .flex .end { justify-content: flex-start; padding-top: 0px; padding-bottom: 0px; width: 100% !important; padding-left: 0px !important; padding-right: 0px !important; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.small-site123 .start { min-height: calc(-50px + 20vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.medium-site123 .start { min-height: calc(-50px + 40vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.big-site123 .start { min-height: calc(-50px + 60vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.large-site123 .start { min-height: calc(-50px + 80vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.full-site123 .start { min-height: calc(-50px + 100vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.small-site123 .end { min-height: calc(-50px + 20vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.medium-site123 .end { min-height: calc(-50px + 40vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.big-site123 .end { min-height: calc(-50px + 60vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.large-site123 .end { min-height: calc(-50px + 80vh); height: auto; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction.twoSideDiffBack.full-site123 .end { min-height: calc(-50px + 100vh); height: auto; } } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction .promoVideoInline { position: relative; width: 100%; display: flex; place-content: center; align-items: center; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction .promoVideoInline.old-customer { max-width: 560px; max-height: 315px; } .home_page .s123-module.s123-promo-module-v2.basic .s123-video-handler img, .home_page .s123-module.s123-promo-module-v2.twoSideCallAction .s123-video-handler img { max-width: 100%; max-height: 100%; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction .s123-video-handler { position: relative; display: flex; place-content: center; align-items: center; } .home_page .s123-promo-module-v2.basic .s123-video-handler { position: relative; } .home_page .s123-module.s123-promo-module-v2.twoSideCallAction .promoVideoPopup { display: flex; align-items: center; place-content: center; } .home_page .s123-module.s123-promo-module-v2 .promoVideoPopup .video-popup-btn { margin: 0px; transition: 0.3s !important; } .home_page .s123-module.s123-promo-module-v2 .promoVideoPopup .video-popup-btn:hover { transform: scale(0.95); } .home_page .s123-promo-module-v2.basic { padding: 25px 0px; } .home_page .s123-promo-module-v2.basic.has-custom-height { padding: 0px; } .home_page .s123-promo-module-v2.basic .flex.BasicStructureDirectionReverse .promo-texts-container, .home_page .s123-promo-module-v2.basic .flex { display: flex; flex-direction: column; text-align: center; } .home_page .s123-promo-module-v2.basic .flex { width: 100%; align-items: center; } .home_page .s123-promo-module-v2.basic .flex.BasicStructureDirectionReverse { flex-direction: column-reverse; } @media (max-width: 767px) { .home_page .s123-module.s123-promo-module-v2.basic .container { width: 100%; } } .home_page .s123-module.s123-promo-module-v2.basic .promo-form-space-top { margin-top: 25px; } .home_page .s123-module.s123-promo-module-v2.basic .promoVerticalForm { max-width: 100%; } .home_page .s123-module.s123-promo-module-v2 .promoForm { width: 100%; display: flex; flex-direction: column; } .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > label[for^="datePicker"], .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > label[for^="text"], .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > label[for^="select"], .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > label[for^="number"], .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > label[for^="email"], .home_page .s123-module.s123-promo-module-v2 .promoForm .c-f-field-type:not([data-field-type="select"]):not([data-field-type="checkbox"]):not([data-field-type="checkbox-group"]):not([data-field-type="radio-group"]) > .form-group > label[for^="twoColumns-"], .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group > span { display: none; } .home_page .s123-module.s123-promo-module-v2 .promoForm .form-group .help-block { text-align: center; } .home_page .s123-module.s123-promo-module-v2 .promoForm .step-form-btn button { margin: 0px; } .home_page .s123-module.s123-promo-module-v2 .form_style_1 { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-radius: 0.3rem; border-top: 6px solid var(--global_main_color); padding: 2em; background-color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_1 h3 { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_1 p { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_1 label { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 { background: transparent; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 h3 { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 p { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 label { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 address { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 blockquote { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 canvas { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_2 output { color: var(--home_text_color) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-radius: 0.3rem; border-top: 6px solid var(--global_main_color); padding: 2em; background-color: rgba(255, 255, 255, 0.5) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 h3 { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 p { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 label { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 address { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 blockquote { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 canvas { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_3 output { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_4 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: rgba(255, 255, 255, 0.3) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: var(--global_main_color); } .home_page .s123-module.s123-promo-module-v2 .form_style_5 h3 { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 p { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 label { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 address { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 blockquote { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 canvas { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 output { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_5 button { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); } .home_page .s123-module.s123-promo-module-v2 .form_style_5 .previous-form-btn { color: rgb(255, 255, 255); } .home_page .s123-module.s123-promo-module-v2 .form_style_6 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: rgb(0, 0, 0); } .home_page .s123-module.s123-promo-module-v2 .form_style_6 h3 { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 p { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 label { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 address { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 blockquote { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 canvas { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 output { color: rgb(255, 255, 255) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 button { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); background: transparent; } .home_page .s123-module.s123-promo-module-v2 .form_style_6 .previous-form-btn { color: rgb(255, 255, 255); } .home_page .s123-module.s123-promo-module-v2 .form_style_7 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: rgb(235, 237, 240); } .home_page .s123-module.s123-promo-module-v2 .form_style_7 h3 { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 p { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 label { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 address { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 blockquote { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 canvas { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 output { color: rgb(0, 0, 0) !important; } .home_page .s123-module.s123-promo-module-v2 .form_style_7 button { border-color: rgb(0, 0, 0); background: transparent; color: rgb(0, 0, 0); } .home_page .s123-module.s123-promo-module-v2 .form_style_7 .previous-form-btn { color: rgb(0, 0, 0); } .home_page .s123-promo-module-v2.has-custom-height { min-height: auto !important; } .home_page .s123-promo-module-v2.custom-padding.twoSideCallAction .start, .home_page .s123-promo-module-v2.custom-padding.twoSideCallAction .end { padding-top: 0px; padding-bottom: 0px; } .home_page .s123-module.s123-promo-module-v2 .promo-container { display: flex; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_top_left { align-items: flex-start; justify-content: flex-start !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_top_center { align-items: center; justify-content: flex-start !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_top_right { align-items: flex-end; justify-content: flex-start !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_center_left { align-items: flex-start; justify-content: center !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_center_center { align-items: center; justify-content: center !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_center_right { align-items: flex-end; justify-content: center !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_bottom_left { align-items: flex-start; justify-content: flex-end !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_bottom_center { align-items: center; justify-content: flex-end !important; } .home_page .s123-module.s123-promo-module-v2 .simple_object_position_bottom_right { align-items: flex-end; justify-content: flex-end !important; } .home_page .s123-module.s123-promo-module-v2 .ele_align_left { align-items: flex-start; } .home_page .s123-module.s123-promo-module-v2 .ele_align_center { align-items: center; } .home_page .s123-module.s123-promo-module-v2 .ele_align_right { align-items: flex-end; } .home_page .s123-module.s123-promo-module-v2 .p-text-left { text-align: left; } html[dir="rtl"].home_page .s123-module.s123-promo-module-v2 .p-text-left { text-align: right; } .home_page .s123-module.s123-promo-module-v2 .p-text-center { text-align: center; } .home_page .s123-module.s123-promo-module-v2 .p-text-right { text-align: right; } html[dir="rtl"].home_page .s123-module.s123-promo-module-v2 .p-text-right { text-align: left; } .home_page .s123-promo-module-v2 .shapeTop, .home_page .s123-promo-module-v2 .shapeBottom { position: absolute; left: 0px; width: 100%; fill: rgb(247, 249, 248); } .home_page .s123-promo-module-v2 .shapeTop { top: 0px; z-index: 2; } @media (max-width: 767px) { .home_page .s123-promo-module-v2 .shapeTop { top: -1px; } } .home_page .s123-promo-module-v2 div[data-top-shape="610001"] .shapeTop { top: -1px; } .home_page .s123-promo-module-v2 .shapeBottom { bottom: -1px; z-index: 1; } .home_page .s123-promo-module-v2 div[data-bottom-shape="31"] .shapeBottom { bottom: -2px; } @media (max-width: 767px) { .home_page .s123-module.s123-promo-module-v2 .promo-container { width: 100%; } .home_page .s123-promo-module-v2 .hideFromMobile { display: none; } } .home_page .s123-module.s123-promo-module-v2.style-30 .flex { align-items: flex-start; text-align: inherit; } .home_page .s123-module.s123-promo-module-v2.style-31 .flex { align-items: flex-start; text-align: inherit; } .home_page .s123-promo-module-v2.style-32.twoSideCallAction .flex .end { padding: 0px; } .home_page .s123-promo-module-v2.style-32.twoSideCallAction .flex .end .promoVerticalForm { max-width: 100%; } .home_page .s123-promo-module-v2.style-32.twoSideCallAction .flex .end form { width: 100%; } .home_page .s123-module.s123-module-promo { display: -webkit-flex; justify-content: center; flex-direction: column; padding: 0px; min-height: 20vh; height: auto; } .home_page .s123-module.s123-module-promo.small, .s123-module-promo .container.small { min-height: 20vh; height: auto; } .home_page .s123-module.s123-module-promo.medium, .s123-module-promo .container.medium { min-height: 40vh; height: auto; } .home_page .s123-module.s123-module-promo.big, .s123-module-promo .container.big { min-height: 60vh; height: auto; } .home_page .s123-module.s123-module-promo.large, .s123-module-promo .container.large { min-height: 80vh; height: auto; } .home_page .s123-module.s123-module-promo.full, .s123-module-promo .container.full { min-height: 100vh; height: auto; } @media (max-width: 767px) { .home_page .s123-module.s123-module-promo.small { min-height: calc(-50px + 20vh); height: auto; } .home_page .s123-module.s123-module-promo.medium { min-height: calc(-50px + 40vh); height: auto; } .home_page .s123-module.s123-module-promo.big { min-height: calc(-50px + 60vh); height: auto; } .home_page .s123-module.s123-module-promo.large { min-height: calc(-50px + 80vh); height: auto; } .home_page .s123-module.s123-module-promo.full { min-height: calc(-50px + 100vh); height: auto; } } .s123-module-promo .container { display: -webkit-flex; justify-content: center; flex-direction: column; z-index: 2; padding-top: 70px; padding-bottom: 70px; } .s123-module-promo h3 { font-size: 35px; white-space: pre-wrap; overflow-wrap: break-word; line-height: 1.5; } .s123-module-promo h6 { font-size: 15px; white-space: pre-wrap; overflow-wrap: break-word; line-height: 1.5; } .s123-module-promo .btn { margin: 10px 0px; } .s123-module-promo .redirect-buttons-container .btn { margin: 10px; } .promo-image-bg { position: absolute; inset: 0px; overflow: hidden; z-index: 1; background-position: center center; background-size: cover; } .s123-module-promo .promo-image-bg .carousel, .s123-module-promo .promo-image-bg .carousel-inner { width: 100%; height: 100%; } .s123-module-promo .promo-image-bg .carousel-inner .item { width: 100%; height: 100%; background-size: cover; background-position: center center; } .s123-module-promo .promo-video-bg { position: absolute; inset: 0px; overflow: hidden; z-index: 1; } .s123-module-promo .promo-video-bg > video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-promo .mailingListBox { width: 350px; max-width: 90%; margin: 0px auto; } .s123-module-promo .mailingListBox .btn { margin: 0px; } .s123-module-promo .mailingListBox .input-group-btn .btn-primary { border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-image: initial; border-radius: 0px 4px 4px 0px; border-left-style: initial; border-left-color: initial; } html[dir="rtl"] .s123-module-promo .mailingListBox .input-group-btn .btn-primary { border-radius: 4px 0px 0px 4px; border-right: 0px; border-left: 1px; } @media (max-width: 767px) { .s123-module-promo .mailingListBox { width: 350px; max-width: 90%; text-align: center; margin: 0px auto; } } .s123-module-promo .searchBox { width: 350px; max-width: 90%; margin: 0px auto; } .s123-module-promo .searchBox .btn { margin: 0px; } .s123-module-promo .searchBox .input-group-btn .btn-primary { border-width: 1px 1px 1px 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-image: initial; border-radius: 0px 4px 4px 0px; border-left-style: initial; border-left-color: initial; } html[dir="rtl"] .s123-module-promo .searchBox .input-group-btn .btn-primary { border-radius: 4px 0px 0px 4px; border-right: 0px; border-left: 1px; } @media (max-width: 767px) { .s123-module-promo .searchBox { width: 350px; max-width: 90%; text-align: center; margin: 0px auto; } } .home_page .s123-module.s123-module-promo.style-3 > div { height: auto; width: 100%; } .home_page .s123-module.s123-module-promo.style-3 .row { height: 100%; display: flex; } .home_page .s123-module.s123-module-promo.style-3 .row > div { display: -webkit-flex; justify-content: center; flex-direction: column; } .home_page .s123-module.s123-module-promo.style-3.small .row > div { min-height: 20vh; height: auto; } .home_page .s123-module.s123-module-promo.style-3.medium .row > div { min-height: 40vh; height: auto; } .home_page .s123-module.s123-module-promo.style-3.big .row > div { min-height: 60vh; height: auto; } .home_page .s123-module.s123-module-promo.style-3.large .row > div { min-height: 80vh; height: auto; } .home_page .s123-module.s123-module-promo.style-3.full .row > div { min-height: 100vh; height: auto; } @media (max-width: 767px) { .home_page .s123-module.s123-module-promo.style-3 .row { height: 100%; display: block; } .home_page .s123-module.s123-module-promo { height: auto !important; } .home_page .s123-module.s123-module-promo.style-3.small .row > div { min-height: calc(-50px + 20vh); height: auto; } .home_page .s123-module.s123-module-promo.style-3.medium .row > div { min-height: calc(-50px + 40vh); height: auto; } .home_page .s123-module.s123-module-promo.style-3.big .row > div { min-height: calc(-50px + 60vh); height: auto; } .home_page .s123-module.s123-module-promo.style-3.large .row > div { min-height: calc(-50px + 80vh); height: auto; } .home_page .s123-module.s123-module-promo.style-3.full .row > div { min-height: calc(-50px + 100vh); height: auto; } } .home_page .s123-module.s123-module-ads { padding: 50px 0px; } .home_page .s123-module.s123-module-ads.small, .s123-module-ads .container.small { min-height: 10vh; height: auto; } .home_page .s123-module.s123-module-ads.medium, .s123-module-ads .container.medium { min-height: 20vh; height: auto; } @media (max-width: 767px) { } .one-video-container { width: 100%; max-width: 650px; margin: 0px auto; border-radius: 8px; filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 40px 50px); } .one-video-container.one-video-extra-small { max-width: 550px; } .one-video-container.one-video-small { max-width: 650px; } .one-video-container.one-video-small-medium { max-width: 750px; } .one-video-container.one-video-medium { max-width: 850px; } .one-video-container.one-video-medium-large { max-width: 950px; } .one-video-container.one-video-large { max-width: 100%; } .one-video-fluid-width { position: relative; } .one-video-fluid-width img { width: 100%; height: auto; border-radius: 8px; } .one-video-container object, .one-video-container embed, .one-video-container video { position: relative; width: 100%; height: auto; } .s123-module-one-video .one-video-text { margin-top: 1.5em; margin-bottom: 1.5em; } .s123-module-one-video .one-video-text-top { display: flex; flex-flow: column-reverse; } .s123-module-one-video .one-video-text-top .one-video-text { margin-top: 0px; margin-bottom: 1.5em; } .magic_homepage .boxBorder { position: relative; } .magic_homepage h1, .magic_homepage h2, .magic_homepage h3 { margin-top: 0px; margin-bottom: 10px; line-height: 1.5; } #top-section.top_magic_homepage_kind_1 { display: flex; align-items: center; min-height: calc(var(--homepage_layout_height_vh) - var(--homepage_layout_height_menu_space)) !important; } @media (max-width: 767px) { #top-section.top_magic_homepage_kind_1 { min-height: calc(var(--homepage_layout_height_vh) - var(--mainNavMobileHeight)) !important; } } .magic_homepage.magic_homepage_kind_1 { display: table; table-layout: fixed; padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top) + var(--homepage_layout_height_opacity_space_bottom)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_top) + var(--homepage_layout_height_opacity_space_bottom)) !important; margin: 0px !important; height: 100% !important; min-height: calc(var(--homepage_layout_height_vh) - var(--homepage_layout_height_menu_space)) !important; } #top-section.custom-padding .magic_homepage.magic_homepage_kind_1 { padding-top: calc(var(--homepage_padding_top) + var(--homepage_layout_height_opacity_space_top) + var(--homepage_layout_height_opacity_space_bottom)) !important; padding-bottom: var(--homepage_padding_bottom) !important; } .magic_homepage.magic_homepage_kind_simple_side { width: 100%; } .magic_homepage.magic_homepage_kind_1.parent_simple_object_position_bottom_left, .magic_homepage.magic_homepage_kind_1.parent_simple_object_position_bottom_center, .magic_homepage.magic_homepage_kind_1.parent_simple_object_position_bottom_right { padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } .magic_homepage.magic_homepage_kind_1.container-fluid { width: 100%; } @media (max-width: 767px) { .magic_homepage.magic_homepage_kind_1 { padding-top: 25px !important; padding-bottom: 25px !important; min-height: calc(var(--homepage_layout_height_vh) - var(--mainNavMobileHeight)) !important; } .magic_homepage.magic_homepage_kind_simple { width: 100%; } } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_right, .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_left { display: flex; flex-direction: row; height: 100%; } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_top, .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_bottom { display: flex; flex-direction: column; min-height: 100%; } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper .right .homepage_goal { z-index: 1; } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_right .left { display: flex; order: 1; width: var(--layout_left_side_width); } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_left .left { display: flex; order: 2; width: var(--layout_left_side_width); } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_right .right { display: flex; order: 2; width: calc(100% - var(--layout_left_side_width)); } .magic_homepage.magic_homepage_kind_1 .home_main_wrapper.main_ele_place_left .right { display: flex; order: 1; width: calc(100% - var(--layout_left_side_width)); } @media (max-width: 767px) { .magic_homepage.magic_homepage_kind_1 .home_main_wrapper { flex-direction: column !important; display: flex !important; } .magic_homepage.magic_homepage_kind_simple_side .home_main_wrapper { justify-content: center; flex-direction: column !important; display: flex !important; } .magic_homepage.magic_homepage_kind_simple_side .left { width: 100% !important; order: 1 !important; } .magic_homepage.magic_homepage_kind_simple_side .right { padding: 25px 0px; width: 100% !important; order: 2 !important; } } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_top_left { display: flex; align-items: flex-start; justify-content: flex-start; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_top_center { display: flex; align-items: flex-start; justify-content: center; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_top_right { display: flex; align-items: flex-start; justify-content: flex-end; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_center_left { display: flex; align-items: center; justify-content: flex-start; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_center_center { display: flex; align-items: center; justify-content: center; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_center_right { display: flex; align-items: center; justify-content: flex-end; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_bottom_left { display: flex; align-items: flex-end; justify-content: flex-start; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_bottom_center { display: flex; align-items: flex-end; justify-content: center; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_text_object_position_bottom_right { display: flex; align-items: flex-end; justify-content: flex-end; max-width: 100%; width: 100%; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_top_center { align-items: center; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_top_right { align-items: flex-end; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_center_left { align-items: flex-start; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_center_center { align-items: center; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_center_right { align-items: flex-end; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_bottom_left { align-items: flex-start; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_bottom_center { align-items: center; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .side_goal_object_position_bottom_right { align-items: flex-end; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_top_left { align-items: flex-start; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_top_center { align-items: center; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_top_right { align-items: flex-end; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_center_left { align-items: flex-start; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_center_center { align-items: center; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_center_right { align-items: flex-end; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_bottom_left { align-items: flex-start; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_bottom_center { align-items: center; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .simple_object_position_bottom_right { align-items: flex-end; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .ele_align_left { max-width: 100%; width: 100%; display: flex; justify-content: flex-start; } .magic_homepage.magic_homepage_kind_1 .ele_align_center { max-width: 100%; width: 100%; display: flex; justify-content: center; } .magic_homepage.magic_homepage_kind_1 .ele_align_right { max-width: 100%; width: 100%; display: flex; justify-content: flex-end; } .magic_homepage.magic_homepage_kind_1 .objectPlace { width: 100%; height: 100%; display: flex; flex-direction: column; } @media (max-width: 767px) { .magic_homepage.magic_homepage_kind_simple_side .objectPlace { align-items: center; justify-content: center; } } #top-section.top_magic_homepage_kind_2, #top-section.top_magic_homepage_kind_3 { display: table; table-layout: fixed; min-height: calc(var(--homepage_layout_height_vh) - var(--homepage_layout_height_menu_space)) !important; height: calc(var(--homepage_layout_height_vh) - var(--homepage_layout_height_menu_space)) !important; } #top-section.top_magic_homepage_kind_2 .magic_homepage, #top-section.top_magic_homepage_kind_3 .magic_homepage { display: table-cell !important; } .magic_homepage.magic_homepage_split .box_container { padding-right: 40px; padding-left: 40px; padding-top: calc(40px + var(--homepage_layout_height_opacity_space_top) + var(--homepage_layout_height_opacity_space_bottom)); padding-bottom: calc(40px + var(--homepage_layout_height_opacity_space_top) + var(--homepage_layout_height_opacity_space_bottom)); } @media (max-width: 767px) { .magic_homepage.magic_homepage_split .box_container { padding: 15px; } } .magic_homepage.magic_homepage_split { table-layout: fixed; padding-top: 0px !important; padding-bottom: 0px !important; margin: 0px !important; width: 100% !important; height: 100% !important; display: table !important; } .magic_homepage.magic_homepage_split .home_main_wrapper { display: flex; flex-direction: row; height: 100%; } .magic_homepage.magic_homepage_kind_2 .home_main_wrapper > .left { display: flex; order: 1; width: var(--layout_left_side_width); } .magic_homepage.magic_homepage_kind_3 .home_main_wrapper > .left { display: flex; order: 2; width: var(--layout_left_side_width); } .magic_homepage.magic_homepage_kind_2 .home_main_wrapper > .right { display: flex; order: 2; width: calc(100% - var(--layout_left_side_width)); } .magic_homepage.magic_homepage_kind_3 .home_main_wrapper > .right { display: flex; order: 1; width: calc(100% - var(--layout_left_side_width)); } @media (max-width: 767px) { .magic_homepage.magic_homepage_split .home_main_wrapper { flex-direction: column !important; display: flex !important; } .magic_homepage.magic_homepage_split .left { width: 100% !important; min-height: calc(var(--layout_left_side_width_vh) - var(--mainNavMobileHeight)) !important; } .magic_homepage.magic_homepage_split .home_main_wrapper .box_container { min-height: calc(var(--layout_left_side_width_vh) - var(--mainNavMobileHeight)) !important; } .magic_homepage.magic_homepage_split .right { width: 100% !important; min-height: calc(100vh - var(--layout_left_side_width_vh)) !important; } } .magic_homepage.magic_homepage_split .side_text_object_position_top_left { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; } .magic_homepage.magic_homepage_split .side_text_object_position_top_center { width: 100%; display: flex; align-items: flex-start; justify-content: center; } .magic_homepage.magic_homepage_split .side_text_object_position_top_right { width: 100%; display: flex; align-items: flex-start; justify-content: flex-end; } .magic_homepage.magic_homepage_split .side_text_object_position_center_left { width: 100%; display: flex; align-items: center; justify-content: flex-start; } .magic_homepage.magic_homepage_split .side_text_object_position_center_center { width: 100%; display: flex; align-items: center; justify-content: center; } .magic_homepage.magic_homepage_split .side_text_object_position_center_right { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .magic_homepage.magic_homepage_split .side_text_object_position_bottom_left { width: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .magic_homepage.magic_homepage_split .side_text_object_position_bottom_center { width: 100%; display: flex; align-items: flex-end; justify-content: center; } .magic_homepage.magic_homepage_split .side_text_object_position_bottom_right { width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; } .magic_homepage.magic_homepage_split .object_position_top_left { align-items: flex-start; justify-content: flex-start; } .magic_homepage.magic_homepage_split .object_position_top_center { align-items: center; justify-content: flex-start; } .magic_homepage.magic_homepage_split .object_position_top_right { align-items: flex-end; justify-content: flex-start; } .magic_homepage.magic_homepage_split .object_position_center_left { align-items: flex-start; justify-content: center; } .magic_homepage.magic_homepage_split .object_position_center_center { align-items: center; justify-content: center; } .magic_homepage.magic_homepage_split .object_position_center_right { align-items: flex-end; justify-content: center; } .magic_homepage.magic_homepage_split .object_position_bottom_left { align-items: flex-start; justify-content: flex-end; } .magic_homepage.magic_homepage_split .object_position_bottom_center { align-items: center; justify-content: flex-end; } .magic_homepage.magic_homepage_split .object_position_bottom_right { align-items: flex-end; justify-content: flex-end; } .magic_homepage.magic_homepage_split .ele_align_left { max-width: 100%; width: 100%; display: flex; justify-content: flex-start; } .magic_homepage.magic_homepage_split .ele_align_center { max-width: 100%; width: 100%; display: flex; justify-content: center; } .magic_homepage.magic_homepage_split .ele_align_right { max-width: 100%; width: 100%; display: flex; justify-content: flex-end; } .magic_homepage.magic_homepage_split .objectPlace { width: 100%; height: 100%; display: flex; flex-direction: column; z-index: 1; } .magic_homepage .home_main_wrapper .box_container { display: flex; flex-direction: column; align-items: center; place-content: center; height: auto; max-width: var(--layout_text_box_width); width: var(--layout_text_box_width); z-index: 1; } .magic_homepage .home_main_wrapper .box_container > div { max-width: 100%; } @media (max-width: 767px) { .magic_homepage .home_main_wrapper .box_container { max-width: 100%; width: 100%; } } .magic_homepage .home_main_wrapper .box_container .boxBorder { text-align: var(--layout_text_align); display: flex; flex-direction: column; align-items: center; max-width: 100%; } html[dir="rtl"] .magic_homepage .home_main_wrapper .box_container .boxBorder { text-align: var(--layout_text_align_rtl); } .magic_homepage .home_main_wrapper .box_container .boxBorder.ele_align_left { display: flex; align-items: flex-start; } .magic_homepage .home_main_wrapper .box_container .boxBorder.ele_align_center { display: flex; align-items: center; } .magic_homepage .home_main_wrapper .box_container .boxBorder.ele_align_right { display: flex; align-items: flex-end; } @media (max-width: 767px) { .magic_homepage .home_main_wrapper .box_container .boxBorder { max-width: 100%; } } .magic_homepage.magic_homepage_kind_simple .home_main_wrapper .box_container { margin-bottom: var(--layout_bottom_spacing); } .magic_homepage.magic_homepage_kind_simple_side .home_main_wrapper .left .box_container { margin-bottom: var(--layout_bottom_spacing); } .magic_homepage.magic_homepage_kind_simple_side .home_main_wrapper .right .homepage_goal { margin-bottom: var(--layout_bottom_spacing); } .magic_homepage .box_container.styleBox1 { background-color: rgb(255, 255, 255); padding: 30px; box-shadow: rgb(0, 0, 0) 1px 1px 1px 1px; } .magic_homepage .box_container.styleBox2 { background-color: rgb(255, 255, 255); padding: 30px; border: 10px solid var(--home_text_color); } .magic_homepage .home_main_wrapper .right { order: 2; width: 50%; position: relative; display: flex; } @media (max-width: 767px) { .magic_homepage .home_main_wrapper .right { justify-content: center; } } @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) { .magic_homepage .home_main_wrapper .left { width: 50%; order: 1; } .magic_homepage .home_main_wrapper .right { width: 50%; order: 2; } } .magic_homepage .homepage-search-field { position: relative; margin-bottom: 20px; max-width: 100%; width: 500px; } @media (max-width: 767px) { .magic_homepage .homepage-search-field { width: 100%; } } .magic_homepage form.horizontal-custom-form .form-group > label[for^="select-"], .magic_homepage form .form-group > label[for^="datePicker"], .magic_homepage form .form-group > label[for^="text"], .magic_homepage form .form-group > label[for^="select"], .magic_homepage form .form-group > label[for^="number"], .magic_homepage form .form-group > label[for^="email"], .magic_homepage form .c-f-field-type:not([data-field-type="select"]):not([data-field-type="checkbox"]):not([data-field-type="checkbox-group"]):not([data-field-type="radio-group"]) > .form-group > label[for^="twoColumns-"], .magic_homepage form .form-group > span { display: none; } .magic_homepage #homepage_horizontal_form { width: 100%; text-align: center; } .magic_homepage #homepage_horizontal_form.container { margin-bottom: 60px; position: relative; } .magic_homepage #homepage_horizontal_form .c-f-field-type[data-field-type="datePicker"] .form-control { align-items: center; } @media (min-width: 992px) { .magic_homepage #homepage_horizontal_form .horizontal-custom-form .form-group, .magic_homepage #homepage_horizontal_form .form-container { margin-bottom: 0px; } } .magic_homepage .play-home-video-btn #websitePopupHomeVideo { cursor: pointer; color: var(--home_text_color); border-color: var(--home_text_color); text-decoration: none; margin: 0px; transition: transform 0.3s !important; } .magic_homepage .play-home-video-btn #websitePopupHomeVideo .svg-m { background-color: var(--home_text_color); } .magic_homepage .play-home-video-btn #websitePopupHomeVideo:hover { color: var(--home_text_color); border-color: var(--home_text_color); transform: scale(0.95); text-decoration: none; } .magic_homepage .play-home-video-btn #websitePopupHomeVideo:hover .svg-m { background-color: var(--home_text_color); } .magic_homepage .play-home-video-btn.style_2 #websitePopupHomeVideo { background-color: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; } .magic_homepage .play-home-video-btn.style_2 #websitePopupHomeVideo .svg-m { background-color: rgb(0, 0, 0) !important; } .magic_homepage .play-home-video-btn.style_3 #websitePopupHomeVideo { background-color: rgb(0, 0, 0) !important; border-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; } .magic_homepage .play-home-video-btn.style_3 #websitePopupHomeVideo .svg-m { background-color: rgb(255, 255, 255) !important; } .magic_homepage .play-home-video-btn.style_4 #websitePopupHomeVideo { background-color: var(--global_main_color) !important; border-color: var(--global_main_color) !important; color: rgb(255, 255, 255) !important; } .magic_homepage .play-home-video-btn.style_4 #websitePopupHomeVideo .svg-m { background-color: rgb(255, 255, 255) !important; } .magic_homepage #contactUsFormHome { width: 100%; max-width: 100%; margin: auto; } .magic_homepage #contactUsFormHome .checkbox-group label, .magic_homepage #contactUsFormHome .radio-group label { font-weight: normal; } .magic_homepage #contactUsFormHome .form-group .checkbox { display: inline; margin-right: 5px; } html[dir="rtl"] .magic_homepage #contactUsFormHome .form-group .checkbox { margin-right: 0px; margin-left: 5px; } .magic_homepage #contactUsFormHome .form-group .checkbox-group, .magic_homepage #contactUsFormHome .form-group .radio-group { margin-right: 5px; } html[dir="rtl"] .magic_homepage #contactUsFormHome .form-group .checkbox-group, html[dir="rtl"] .magic_homepage #contactUsFormHome .form-group .radio-group { margin-right: 0px; margin-left: 5px; } .magic_homepage #contactUsFormHome input[type="email"] { direction: ltr; } .magic_homepage .form_style_1 { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-radius: 0.3rem; border-top: 6px solid var(--global_main_color); padding: 2em; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_1 h3 { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_1 p { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_1 label { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_2 { } .magic_homepage .form_style_2 h3 { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 p { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 label { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 address { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 blockquote { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 canvas { color: var(--home_text_color) !important; } .magic_homepage .form_style_2 output { color: var(--home_text_color) !important; } .magic_homepage .form_style_3 { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-radius: 0.3rem; border-top: 6px solid var(--global_main_color); padding: 2em; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; background-color: rgba(255, 255, 255, 0.5) !important; } .magic_homepage .form_style_3 h3 { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 p { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 label { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 address { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 blockquote { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 canvas { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_3 output { color: rgb(0, 0, 0) !important; } .magic_homepage .h-form-bg { position: absolute; top: 0px; border: 0px; left: 0px; right: 0px; width: 100%; height: 100%; border-radius: 3px; opacity: 0.3; } .magic_homepage .form_style_4 { padding: 30px; position: relative; z-index: 1; } .magic_homepage .form_style_5 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: var(--global_main_color); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .magic_homepage .form_style_5 h3 { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 p { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 label { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 address { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 blockquote { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 canvas { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 output { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_5 button { border-color: rgb(255, 255, 255); } .magic_homepage .form_style_5 .previous-form-btn, .magic_homepage .form_style_5 button { color: rgb(255, 255, 255); } .magic_homepage .form_style_6 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: rgb(0, 0, 0); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .magic_homepage .form_style_6 h3 { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 p { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 label { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 address { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 blockquote { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 canvas { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 output { color: rgb(255, 255, 255) !important; } .magic_homepage .form_style_6 button { border-color: rgb(255, 255, 255); background: transparent; } .magic_homepage .form_style_6 .previous-form-btn, .magic_homepage .form_style_6 button { color: rgb(255, 255, 255); } .magic_homepage .form_style_7 { border: 0px; border-radius: 0.3rem; padding: 2em; background-color: rgb(235, 237, 240); } .magic_homepage .form_style_7 h3 { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 p { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 label { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 address { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 blockquote { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 canvas { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 output { color: rgb(0, 0, 0) !important; } .magic_homepage .form_style_7 button { border-color: rgb(0, 0, 0); background: transparent; color: rgb(0, 0, 0); } .magic_homepage .form_style_7 .previous-form-btn, .magic_homepage .form_style_7 button { color: rgb(0, 0, 0); } .magic_homepage .promoButtons { display: flex; flex-flow: wrap; align-items: flex-start; place-content: flex-start; width: 100%; margin-top: -30px; margin-left: -60px; } html[dir="rtl"] .magic_homepage .promoButtons { margin-right: -60px; margin-left: 0px; } .magic_homepage .promoButtons.align_left { justify-content: flex-start; } .magic_homepage .promoButtons.align_center { justify-content: center; } .magic_homepage .promoButtons.align_right { justify-content: flex-end; } .magic_homepage .promoButtons a:not(#home_buttonText):not(#home_buttonText_1):not(.p-m-b-floating-menu-btn) { max-width: 100%; margin-top: 30px !important; margin-left: 60px !important; } .magic_homepage .promoButtons a span.h-b-container { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: flex; place-content: center; align-items: center; } html[dir="rtl"] .magic_homepage .promoButtons a:not(#home_buttonText):not(#home_buttonText_1):not(.p-m-b-floating-menu-btn) { margin-right: 60px !important; margin-left: 0px !important; } @media (max-width: 767px) { .magic_homepage .promoButtons { margin-left: -30px !important; } html[dir="rtl"] .magic_homepage .promoButtons { margin-right: -30px !important; margin-left: 0px !important; } .magic_homepage .promoButtons a:not(#home_buttonText):not(#home_buttonText_1):not(.p-m-b-floating-menu-btn) { margin-left: 30px !important; } html[dir="rtl"] .magic_homepage .promoButtons a:not(#home_buttonText):not(#home_buttonText_1):not(.p-m-b-floating-menu-btn) { margin-right: 30px !important; margin-left: 0px !important; } } .magic_homepage .promoButtons .s123-icon-converter { width: 1em !important; height: 1em !important; } .magic_homepage #homepage-social-icons { width: 100%; } .magic_homepage #homepage-social-icons .social-icons .list-inline { margin: 10px 0px; } .magic_homepage #homepage-social-icons .social-icons .list-inline > li > a { border: 1px solid var(--global_main_color); border-radius: 50%; padding: 30px; margin-top: 3px; margin-bottom: 3px; margin-right: 5px; font-size: 1.7rem; color: rgb(255, 255, 255); background: var(--global_main_color); width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; text-decoration: none; } .magic_homepage #homepage-social-icons .social-icons .list-inline > li > a .svg-m { background-color: rgb(255, 255, 255); position: absolute; } .magic_homepage #homepage-social-icons .social-icons .list-inline > li > a:hover { opacity: 0.8; text-decoration: none; } .magic_homepage #homepage-social-icons .social-icons .list-inline > li > a > i { font-size: inherit; } html[dir="rtl"] .magic_homepage #homepage-social-icons .social-icons .list-inline > li > a { margin-right: 0px; margin-left: 5px; } .magic_homepage .homepage-countdown-container .message { padding: 20px 12px; border-style: solid; border-width: 0px; border-radius: 10px; background-color: rgb(255, 255, 255); box-shadow: rgba(80, 106, 172, 0.1) 4px 4px 4px 0px; margin: 0px 5px; display: none; } .magic_homepage #homepageCountdown .countdown-items { display: flex; justify-content: center; flex-wrap: nowrap; padding: 10px 0px; } .magic_homepage #homepageCountdown .countdown-item { background-color: rgb(255, 255, 255); padding: 10px 5px; margin: 5px; border-style: solid; border-width: 0px; border-radius: 10px; box-shadow: rgba(80, 106, 172, 0.1) 4px 4px 4px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .magic_homepage #homepageCountdown[data-type="1"] .countdown-item.days, .magic_homepage #homepageCountdown[data-type="2"] .countdown-item.hours, .magic_homepage #homepageCountdown[data-type="3"] .countdown-item.minutes { min-width: 75px; } .magic_homepage #homepageCountdown:not([data-type="1"]) .countdown-item.days, .magic_homepage #homepageCountdown:not([data-type="2"]) .countdown-item.hours, .magic_homepage #homepageCountdown:not([data-type="3"]) .countdown-item.minutes, .magic_homepage #homepageCountdown .countdown-item.seconds { width: 75px; } .magic_homepage #homepageCountdown .countdown-digits { order: 1; font-size: 25px; font-weight: 300; } .magic_homepage #homepageCountdown .countdown-label { order: 2; color: rgb(66, 82, 123); font-size: 12px; } @media (min-width: 500px) { .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-item { padding: 14px 10px; margin: 0px 10px; } } @media (min-width: 767px) { .magic_homepage:not(.magic_homepage_split) #homepageCountdown .countdown-item { background-color: rgb(255, 255, 255); padding: 20px 5px; margin: 5px; border-style: solid; border-width: 0px; border-radius: 10px; box-shadow: rgba(80, 106, 172, 0.1) 4px 4px 4px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .magic_homepage:not(.magic_homepage_split) #homepageCountdown[data-type="1"] .countdown-item.days, .magic_homepage:not(.magic_homepage_split) #homepageCountdown[data-type="2"] .countdown-item.hours, .magic_homepage:not(.magic_homepage_split) #homepageCountdown[data-type="3"] .countdown-item.minutes { min-width: 100px; } .magic_homepage:not(.magic_homepage_split) #homepageCountdown:not([data-type="1"]) .countdown-item.days, .magic_homepage:not(.magic_homepage_split) #homepageCountdown:not([data-type="2"]) .countdown-item.hours, .magic_homepage:not(.magic_homepage_split) #homepageCountdown:not([data-type="3"]) .countdown-item.minutes, .magic_homepage:not(.magic_homepage_split) #homepageCountdown .countdown-item.seconds { width: 100px; } .magic_homepage:not(.magic_homepage_split) #homepageCountdown .countdown-digits { order: 1; font-size: 30px; font-weight: 300; } .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-items { padding: 35px; } .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-item { padding: 10px 35px 25px; margin: 0px 15px; } .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown[data-type="1"] .countdown-item.days, .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown[data-type="2"] .countdown-item.hours, .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown[data-type="3"] .countdown-item.minutes { min-width: 160px; } .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown:not([data-type="1"]) .countdown-item.days, .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown:not([data-type="2"]) .countdown-item.hours, .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown:not([data-type="3"]) .countdown-item.minutes, .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-item.seconds { width: 160px; } .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-digits { font-size: 41px; } .magic_homepage:not(.magic_homepage_split) .ele_align_center .homepage-countdown-container .message { margin: 0px 50px; } } @media (min-width: 992px) { .magic_homepage:not(.magic_homepage_split) .ele_align_center #homepageCountdown .countdown-item { padding: 25px 50px 40px; } } .magic_homepage .boxBorder.style1 { border: 3px solid var(--home_text_color); padding: 10px; background-color: rgba(255, 255, 255, 0.08); width: 90%; max-width: 600px; } .magic_homepage .boxBorder.style2 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: initial; border-left: 3px solid var(--home_text_color); text-align: left; padding-left: 21px; background-color: transparent; } html[dir="rtl"] .boxBorder.style2 { border-left: 0px; border-right: 3px solid var(--home_text_color); text-align: right; padding-left: 0px; padding-right: 21px; } .magic_homepage .ele_align_left.boxBorder.style2 { border-top: 0px; border-right: 0px; border-bottom: 0px; border-image: initial; border-left: 3px solid var(--home_text_color); text-align: left; padding-left: 21px; background-color: transparent; } html[dir="rtl"] .ele_align_left.boxBorder.style2 { border-left: 0px; border-right: 3px solid var(--home_text_color); text-align: right; padding-left: 0px; padding-right: 21px; } .magic_homepage .ele_align_right.boxBorder.style2 { border-top: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-right: 3px solid var(--home_text_color); text-align: right; padding-right: 21px; background-color: transparent; } html[dir="rtl"] .ele_align_right.boxBorder.style2 { border-right: 0px; border-left: 3px solid var(--home_text_color); text-align: left; padding-right: 0px; padding-left: 21px; } .magic_homepage .boxBorder.style3 { border: 0px; padding: 80px 30px; background-color: rgba(255, 255, 255, 0.73); width: 800px; max-width: 90%; color: black !important; } .magic_homepage .boxBorder.style4 { border: 3px solid var(--home_text_color); padding: 100px; background-color: rgba(255, 255, 255, 0.08); width: 90%; max-width: 600px; border-radius: 60px; } .magic_homepage .home-site-slogan-hr { width: 100%; } .magic_homepage.ele_align_left .home-site-slogan-hr { margin-left: 0px; } .magic_homepage.ele_align_right .home-site-slogan-hr { margin-right: 0px; } #top-section .shapeBottom { position: absolute; left: 0px; bottom: -1px; width: 100%; } html[dir="rtl"] #top-section .shapeBottom { } #top-section .shapeLeft { position: absolute; left: 0px; top: 0px; height: 100%; } html[dir="rtl"] #top-section .shapeLeft { } #top-section .shapeRight { position: absolute; right: 0px; top: 0px; height: 100%; } html[dir="rtl"] #top-section .shapeRight { } #top-section .shapeTop { position: absolute; left: 0px; top: -5px; width: 100%; } html[dir="rtl"] #top-section .shapeTop { } @media (min-width: 768px) { .old_homepage_layout_structure_log27 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px; } .old_homepage_layout_structure_log27 .magic_homepage.magic_homepage_kind_1 .right { padding: 25px; } .old_homepage_layout_structure_log28 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px; } .old_homepage_layout_structure_log28 .magic_homepage.magic_homepage_kind_1 .right { padding: 25px; } .old_homepage_layout_structure_log24 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 25px 25px 0px; } html[dir="rtl"] .old_homepage_layout_structure_log24 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 0px 25px 25px; } .old_homepage_layout_structure_log26 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 25px 25px 0px; } html[dir="rtl"] .old_homepage_layout_structure_log26 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 0px 25px 25px; } .old_homepage_layout_structure_log26 .magic_homepage.magic_homepage_kind_simple .box_container { padding: 25px 25px 25px 0px; } html[dir="rtl"] .old_homepage_layout_structure_log26 .magic_homepage.magic_homepage_kind_simple .box_container { padding: 25px 0px 25px 25px; } .old_homepage_layout_structure_log41 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 25px 25px 0px; } html[dir="rtl"] .old_homepage_layout_structure_log41 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 0px 25px 25px; } .old_homepage_layout_structure_log102 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 25px 25px 0px; } html[dir="rtl"] .old_homepage_layout_structure_log102 .magic_homepage.magic_homepage_kind_1 .left { padding: 25px 0px 25px 25px; } } .homepage_style_3 { z-index: 0; } .homepage_style_3 .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .homepage_style_3 .carousel-fade .carousel-inner .active { opacity: 1; } .homepage_style_3 .carousel-fade .carousel-inner .active.left, .homepage_style_3 .carousel-fade .carousel-inner .active.right { left: 0px; opacity: 0; z-index: 1; } .homepage_style_3 .carousel-fade .carousel-inner .next.left, .homepage_style_3 .carousel-fade .carousel-inner .prev.right { opacity: 1; } .homepage_style_3 .carousel-fade .carousel-control { z-index: 2; } @media (transform-3d), (-webkit-transform-3d) { .homepage_style_3 .carousel-fade .carousel-inner > .item.next, .homepage_style_3 .carousel-fade .carousel-inner > .item.active.right { opacity: 0; transform: translate3d(0px, 0px, 0px); } .homepage_style_3 .carousel-fade .carousel-inner > .item.prev, .homepage_style_3 .carousel-fade .carousel-inner > .item.active.left { opacity: 0; transform: translate3d(0px, 0px, 0px); } .homepage_style_3 .carousel-fade .carousel-inner > .item.next.left, .homepage_style_3 .carousel-fade .carousel-inner > .item.prev.right, .homepage_style_3 .carousel-fade .carousel-inner > .item.active { opacity: 1; transform: translate3d(0px, 0px, 0px); } } .homepage_style_3 .item { background: url("") center center / cover no-repeat; } .homepage_style_3 .carousel, .homepage_style_3 .carousel-inner, .homepage_style_3 .carousel .item, .homepage_style_3 .carousel .active { width: 100%; height: 100%; } .video-bg #video-bg, .homepage_style_1 video, .homepage_style_3 .carousel-inner .item video { position: absolute; inset: 0px; overflow: hidden; } .video-bg #video-bg > video, .homepage_style_1 video, .homepage_style_3 .carousel-inner .item video { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } @media (min-aspect-ratio: 16 / 9) { .video-bg #video-bg > video, .homepage_style_1 video, .homepage_style_3 .carousel-inner .item video { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16 / 9) { .video-bg #video-bg > video, .homepage_style_1 video, .homepage_style_3 .carousel-inner .item video { width: 300%; left: -100%; } } @supports (object-fit:cover) { .video-bg #video-bg > video, .homepage_style_1 video, .homepage_style_3 .carousel-inner .item video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } } .s123-module-download-app.layout-1 .download-app-description { margin-bottom: 40px; } .s123-module-download-app.layout-1 .download-app-description p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-download-app.layout-1 .download-app-btn { width: 230px; margin-bottom: 10px; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 768px) { .s123-module-download-app.layout-1 .download-app-btn { width: auto; margin-right: 10px; } html[dir="rtl"] .s123-module-download-app.layout-1 .download-app-btn { margin-right: auto; margin-left: 10px; } } .s123-module-download-app.layout-1 .download-app-icon { vertical-align: middle; font-size: 2em; margin-right: 15px; } html[dir="rtl"] .s123-module-download-app.layout-1 .download-app-icon { margin-right: auto; margin-left: 15px; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translate(0px); } [data-aos="fade-up"] { transform: translateY(100px); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translate(0px); } [data-aos="slide-up"] { transform: translateY(100%); } @media (max-width: 767px) { body[data-aos-duration="200"] [data-aos] { transition-duration: 0.4s; } } .s123-module-restaurantReservation .businessWorkingDays { margin-bottom: 32px; } html[dir="rtl"] .s123-module-restaurantReservation .businessWorkingDays .day-hours { direction: ltr; text-align: right; } .s123-module-restaurantReservation .box { padding: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 40px 50px; } @media (max-width: 767px) { .s123-module-restaurantReservation.layout-1 .box { margin-top: 16px; } } html[dir="rtl"] #popupRestaurantReservations .restaurantReservationsFormPopup { text-align: right; } .s123-module-restaurantReservation.layout-1 .img-rounded.img-responsive { max-height: 202px; max-width: 80%; display: inline-block; margin-bottom: 12px; } @media (max-width: 767px) { .s123-module-restaurantReservation.layout-1 .img-rounded.img-responsive { margin-bottom: 4px; width: 100%; max-width: 100%; } } .s123-module-restaurantReservation.layout-1 h3 { margin-bottom: 8px; } .s123-module-restaurantReservation.layout-1 .businessWorkingDays { margin-bottom: 32px; } @media (max-width: 767px) { .s123-module-restaurantReservation.layout-1 .businessWorkingDays { margin-bottom: 24px; } } .s123-module-restaurantReservation.layout-1 .makeOrder { width: 100%; } .s123-module-restaurantReservation.layout-1 .calendar-container .form-group { margin-bottom: 24px; } .s123-module-restaurantReservation.layout-1 .input-group-addon.r-s-datePicker-icon .svg-m { background-color: rgb(85, 85, 85); } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img { border-radius: 10px; background-clip: padding-box; } .fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img { box-shadow: rgb(204, 204, 204) 10px 10px 5px 0px; } .fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img { border: 5px solid rgb(204, 204, 204); } .fr-view img.fr-bordered { box-sizing: content-box; } .fr-view .fr-img-caption.fr-bordered img { box-sizing: border-box; } .fr-view li img.fr-dii.fr-fil { margin-right: 20px; } .fr-view { overflow-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] { border-width: 0px; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid rgb(221, 221, 221); } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: rgb(236, 236, 236); } .fr-view table tfoot td { background: rgb(236, 236, 236); } .fr-view hr { clear: both; user-select: none; break-after: page; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "📎"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; overflow-wrap: break-word; overflow: visible; } .fr-view[dir="rtl"] blockquote { border-left: none; border-right: 2px solid rgb(94, 53, 177); margin-right: 0px; padding-right: 5px; padding-left: 0px; } .fr-view[dir="rtl"] blockquote blockquote { border-color: rgb(0, 188, 212); } .fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: rgb(67, 160, 71); } .fr-view blockquote { border-left: 2px solid rgb(94, 53, 177); margin-left: 0px; padding-left: 5px; color: rgb(94, 53, 177); } .fr-view blockquote blockquote { border-color: rgb(0, 188, 212); color: rgb(0, 188, 212); } .fr-view blockquote blockquote blockquote { border-color: rgb(67, 160, 71); color: rgb(67, 160, 71); } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; background-repeat: no-repeat !important; } .fr-view .fr-text-gray { color: rgb(170, 170, 170) !important; } .fr-view .fr-text-bordered { border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); padding: 10px 0px; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: rgb(255, 255, 0); } .fr-view .fr-class-code { border-color: rgb(204, 204, 204); border-radius: 2px; background: rgb(245, 245, 245); padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0px; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0px; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0px; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0px; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; } .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { top: 0px; left: 0px; width: 100%; height: 100%; position: absolute !important; } .fr-view .fr-video > * { box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0px; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap a { display: block; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; box-sizing: border-box; opacity: 0.9; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } .fr-view span.fr-img-caption.fr-dii.fr-fil, .fr-view p img.fr-dii.fr-fil { margin-right: 15px; } a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } .fr-view table.fr-no-borders td, .fr-view table.fr-no-borders th { border: none; } .fr-view .editorBox, .s123-editor .editorBox { margin-bottom: 20px; position: relative; } .fr-view .editorBox .imageWidth100, .s123-editor .editorBox .imageWidth100 { width: 100%; height: auto; } .fr-view .editorBox .imageWidth75, .s123-editor .editorBox .imageWidth75 { width: 75%; height: auto; } .fr-view .editorBox .imageWidth50, .s123-editor .editorBox .imageWidth50 { width: 50%; height: auto; } .fr-view .editorBox .imageWidth25, .s123-editor .editorBox .imageWidth25 { width: 25%; height: auto; } .fr-view .editorBox_HTML iframe, .s123-editor .editorBox_HTML iframe { width: 100%; border-width: 0px; } .fr-view .editorBox, .s123-editor .editorBox { text-align: center; } .fr-view .editorBox_AttachFile .a-f-container, .s123-editor .editorBox_AttachFile .a-f-container { display: flex; align-items: center; justify-content: flex-start; height: 100px; width: 100%; border: 1px solid rgb(204, 204, 204); text-decoration: none; } .fr-view .editorBox_AttachFile .a-f-container .a-f-info, .s123-editor .editorBox_AttachFile .a-f-container .a-f-info { display: flex; flex-flow: column; align-items: flex-start; width: 100%; } .fr-view .editorBox_AttachFile .a-f-container .a-f-icon, .s123-editor .editorBox_AttachFile .a-f-container .a-f-icon { margin: 0px 10px; font-size: 1.7em; } .user-tips-popover { border: 1px solid rgb(250, 235, 204); background-color: rgb(252, 248, 227); } .user-tips-popover.right > .arrow { border-right-color: rgb(250, 235, 204); } .user-tips-popover.right > .arrow::after { border-right-color: rgb(252, 248, 227); } .user-tips-popover.left > .arrow { border-left-color: rgb(250, 235, 204); } .user-tips-popover.left > .arrow::after { border-left-color: rgb(252, 248, 227); } .user-tips-popover.top > .arrow::after { border-top-color: rgb(252, 248, 227); } .user-tips-popover.bottom > .arrow::after { border-bottom-color: rgb(252, 248, 227); } .user-tips-popover .popover-content { padding: 0px; } .user-tips-popover .alert { margin: 0px; border: none; } .s123-calendar-handler .datepicker-inline, .s123-calendar-handler .datepicker-inline > div, .s123-calendar-handler .datepicker-inline > div table { width: 100%; color: var(--inside_modules_color_text_box); } .s123-calendar-handler-icon, .s123-calendar-handler-input { cursor: pointer !important; opacity: 1; } .s123-calendar-handler-placeholder { opacity: 0.7; } .s123-calendar-handler { z-index: 1061; } .s123-calendar-handler.action-button-custom-form { z-index: 99000; } .client-zone-modal + .s123-calendar-handler { z-index: 3001; } .input-group-addon.c-h-input-icon, .input-group-addon.p-o-datePicker-icon, .input-group-addon.p-o-timePicker-icon, .input-group-addon.p-o-date-timePicker-icon, .input-group-addon.r-s-datePicker-icon { cursor: pointer; background-color: var(--global_main_color); } .input-group-addon.c-h-input-icon .svg-m, .input-group-addon.p-o-datePicker-icon .svg-m, .input-group-addon.p-o-timePicker-icon .svg-m, .input-group-addon.p-o-date-timePicker-icon .svg-m, .input-group-addon.r-s-datePicker-icon .svg-m, .input-group-addon.f-b-date-timePicker-icon .svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.c-h-input-icon, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-datePicker-icon, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-timePicker-icon, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-date-timePicker-icon, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.r-s-datePicker-icon, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.f-b-date-timePicker-icon { background-color: var(--modules_color_section_main) !important; } .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.c-h-input-icon .svg-m, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-datePicker-icon .svg-m, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-timePicker-icon .svg-m, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.p-o-date-timePicker-icon .svg-m, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.r-s-datePicker-icon .svg-m, .home_page .s123-module:not(#section-169).bg-primary .container .input-group-addon.f-b-date-timePicker-icon .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .home_page .s123-module .container .input-group-addon.c-h-input-icon, .home_page .s123-module .container .input-group-addon.p-o-datePicker-icon, .home_page .s123-module .container .input-group-addon.p-o-timePicker-icon, .home_page .s123-module .container .input-group-addon.p-o-date-timePicker-icon, .home_page .s123-module .container .input-group-addon.r-s-datePicker-icon, .home_page .s123-module .container .input-group-addon.f-b-date-timePicker-icon { background-color: var(--modules_color_second_section_main) !important; border-color: var(--modules_color_second_section_main) !important; } .home_page .s123-module .container .input-group-addon.c-h-input-icon .svg-m, .home_page .s123-module .container .input-group-addon.p-o-datePicker-icon .svg-m, .home_page .s123-module .container .input-group-addon.p-o-timePicker-icon .svg-m, .home_page .s123-module .container .input-group-addon.p-o-date-timePicker-icon .svg-m, .home_page .s123-module .container .input-group-addon.r-s-datePicker-icon .svg-m, .home_page .s123-module .container .input-group-addon.f-b-date-timePicker-icon .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .inside_page .s123-module .container .input-group-addon.c-h-input-icon, .inside_page .s123-module .container .input-group-addon.p-o-datePicker-icon, .inside_page .s123-module .container .input-group-addon.p-o-timePicker-icon, .inside_page .s123-module .container .input-group-addon.p-o-date-timePicker-icon, .inside_page .s123-module .container .input-group-addon.r-s-datePicker-icon, .inside_page .s123-module .container .input-group-addon.f-b-date-timePicker-icon { background-color: var(--inside_modules_color_section_box_main) !important; } .inside_page .s123-module .container .input-group-addon.c-h-input-icon .svg-m, .inside_page .s123-module .container .input-group-addon.p-o-datePicker-icon .svg-m, .inside_page .s123-module .container .input-group-addon.p-o-timePicker-icon .svg-m, .inside_page .s123-module .container .input-group-addon.p-o-date-timePicker-icon .svg-m, .inside_page .s123-module .container .input-group-addon.r-s-datePicker-icon .svg-m, .inside_page .s123-module .container .input-group-addon.f-b-date-timePicker-icon .svg-m { background-color: var(--inside_modules_color_section_btn_text) !important; } .s123-calendar-handler .calendar-handler-time { border-bottom: 1px solid rgb(219, 219, 219); padding-bottom: 32px; margin-bottom: 32px; text-align: center; } @media (max-width: 768px) { .s123-calendar-handler .calendar-handler-container { display: flex; flex-wrap: wrap; } .s123-calendar-handler .calendar-handler-time { order: 1; } .s123-calendar-handler .calendar-handler-date { order: 2; margin-top: 20px; } .s123-calendar-handler .time-picker-title { text-align: center; } .s123-calendar-handler .time-picker-container { width: 100%; display: flex; align-items: center; place-content: center; } } .s123-calendar-handler .modal-dialog .modal-content { border-radius: 16px; } .s123-calendar-handler .modal-dialog .modal-header { border-radius: 12px 12px 0px 0px; padding: 32px; } .s123-calendar-handler .modal-dialog .modal-body { padding: 32px; } .s123-calendar-handler .modal-dialog .modal-body .datepicker-inline, .s123-calendar-handler .modal-dialog .modal-body .date-picker-container { padding: 0px; } .s123-calendar-handler .modal-dialog .modal-body .datepicker tbody { border-bottom: 1px solid rgb(219, 219, 219); } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot { border: 0px; } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot::before { height: 32px; display: table-row; content: ""; } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today { position: relative; z-index: 0; } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: 2px solid var(--modules_color_text_second_box); border-radius: 8px; z-index: -1; transition: background-color 0.4s; } .inside_page .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today::after { border-color: var(--inside_modules_color_text_box) !important; } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover { color: var(--modules_color_second_section_main); } .inside_page .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover { color: var(--inside_modules_color_section_box_main); } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover { color: var(--modules_color_second_section_btn_text); } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover::after { background-color: var(--modules_color_second_section_main); } .inside_page .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover { color: var(--inside_modules_color_section_btn_text); } .inside_page .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot .today:hover::after { background-color: var(--inside_modules_color_section_box_main); } .s123-calendar-handler .modal-dialog .modal-body .datepicker tfoot tr th:hover { background-color: transparent; } .s123-calendar-handler .modal-dialog .modal-header .close { opacity: 1; } .s123-calendar-handler .modal-dialog .modal-header .close:hover { color: inherit; } .s123-calendar-handler .modal-footer { padding: 32px; } .s123-calendar-handler .modal-footer .btn.confirm-selection { width: 100%; } .s123-calendar-handler .datepicker-inline .datepicker-days td.day.today { color: var(--modules_color_text_second_box) !important; } .inside_page .s123-calendar-handler .datepicker-inline .datepicker-days td.day.today { color: var(--inside_modules_color_text_box) !important; } .s123-calendar-handler .datepicker-inline .prev:hover, .s123-calendar-handler .datepicker-inline .next:hover, .s123-calendar-handler .datepicker-inline .datepicker-switch:hover { color: var(--modules_color_second_section_btn_text) !important; background: var(--modules_color_second_section_main) !important; } .inside_page .s123-calendar-handler .datepicker-inline .prev:hover, .inside_page .s123-calendar-handler .datepicker-inline .next:hover, .inside_page .s123-calendar-handler .datepicker-inline .datepicker-switch:hover { color: var(--inside_modules_color_section_btn_text) !important; background: var(--inside_modules_color_section_box_main) !important; } .s123-calendar-handler .datepicker-inline span.focused { color: var(--modules_color_second_section_btn_text) !important; background: var(--modules_color_second_section_main) !important; } .inside_page .s123-calendar-handler .datepicker-inline span.focused { color: var(--inside_modules_color_section_btn_text) !important; background: var(--inside_modules_color_section_box_main) !important; } .s123-calendar-handler .datepicker-inline span:hover { color: var(--modules_color_second_section_btn_text) !important; background: var(--modules_color_second_section_main) !important; } .inside_page .s123-calendar-handler .datepicker-inline span:hover { color: var(--inside_modules_color_section_btn_text) !important; background: var(--inside_modules_color_section_box_main) !important; } .s123-calendar-handler .datepicker-inline .datepicker-days tr td:not(.disabled, .active):hover { color: var(--modules_color_second_section_btn_text) !important; background: var(--modules_color_second_section_main) !important; } .inside_page .s123-calendar-handler .datepicker-inline .datepicker-days tr td:not(.disabled, .active):hover { color: var(--inside_modules_color_section_btn_text) !important; background: var(--inside_modules_color_section_box_main) !important; } .s123-calendar-handler .datepicker table tr td span.active.active { color: var(--modules_color_second_section_btn_text) !important; background: var(--modules_color_second_section_main) !important; } .inside_page .s123-calendar-handler .datepicker table tr td span.active.active { color: var(--inside_modules_color_section_btn_text) !important; background: var(--inside_modules_color_section_box_main) !important; } .s123-calendar-handler-widget .modal-footer .confirm-selection, .s123-calendar-handler-widget .datepicker-days .day.active:not(.today) { color: var(--global_main_color_btn_text_color); background-color: var(--global_main_color) !important; } .s123-calendar-handler-widget .datepicker-days .day.today, .s123-calendar-handler-widget .datepicker-days .day.today.active, .s123-calendar-handler-widget .datepicker-days .day.today.disabled { background-color: transparent !important; border: 2px solid var(--global_main_color) !important; } .s123-calendar-handler-widget .datepicker-inline, .s123-calendar-handler-widget .datepicker-inline > div, .s123-calendar-handler-widget .datepicker-inline > div table { width: 100%; color: var(--inside_modules_color_text_box); } .s123-calendar-handler-widget-icon, .s123-calendar-handler-widget-input { cursor: pointer !important; opacity: 1; } .s123-calendar-handler-placeholder { opacity: 0.7; } .s123-calendar-handler-widget { z-index: 3001; } .input-group-addon.c-h-input-icon, .input-group-addon.p-o-datePicker-icon, .input-group-addon.p-o-timePicker-icon, .input-group-addon.p-o-date-timePicker-icon, .input-group-addon.r-s-datePicker-icon { cursor: pointer; } .s123-calendar-handler-widget .calendar-handler-time { border-bottom: 1px solid rgb(219, 219, 219); padding-bottom: 32px; margin-bottom: 32px; text-align: center; } @media (max-width: 768px) { .s123-calendar-handler-widget .calendar-handler-container { display: flex; flex-wrap: wrap; } .s123-calendar-handler-widget .calendar-handler-time { order: 1; } .s123-calendar-handler-widget .calendar-handler-date { order: 2; margin-top: 20px; } .s123-calendar-handler-widget .time-picker-title { text-align: center; } .s123-calendar-handler-widget .time-picker-container { width: 100%; display: flex; align-items: center; place-content: center; } } .s123-calendar-handler-widget .modal-dialog .modal-content { border-radius: 16px; } .s123-calendar-handler-widget .modal-dialog .modal-header { border-radius: 12px 12px 0px 0px; padding: 32px; } .s123-calendar-handler-widget .modal-dialog .modal-body { padding: 32px; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker-inline, .s123-calendar-handler-widget .modal-dialog .modal-body .date-picker-container { padding: 0px; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tbody { border-bottom: 1px solid rgb(219, 219, 219); } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot { border: 0px; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot::before { height: 32px; display: table-row; content: ""; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot .today { position: relative; z-index: 0; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot .today::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; border: 2px solid rgb(230, 230, 230); border-radius: 8px; z-index: -1; transition: background-color 0.4s; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot .today:hover { color: var(--global_main_color_btn_text_color); } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot .today:hover::after { background-color: var(--global_main_color); } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker tfoot tr th:hover { background-color: transparent; } .s123-calendar-handler-widget .modal-dialog .modal-header .close { opacity: 1; } .s123-calendar-handler-widget .modal-dialog .modal-header .close:hover { color: inherit; } .s123-calendar-handler-widget .modal-footer { padding: 32px; } .s123-calendar-handler-widget .modal-footer .btn.confirm-selection { width: 100%; } .s123-calendar-handler-widget .modal-dialog .modal-body .datepicker table tr td.today { color: var(--inside_modules_color_text_box); } .s123-calendar-handler-widget .datepicker-inline .datepicker-days td.day:not(.active, .today, .disabled):hover { color: var(--global_main_color_btn_text_color); background-color: var(--global_main_color); } .s123-calendar-handler-widget .datepicker-inline .prev:hover, .s123-calendar-handler-widget .datepicker-inline .next:hover, .s123-calendar-handler-widget .datepicker-inline .datepicker-switch:hover { background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); } .s123-calendar-handler-widget .datepicker-inline .datepicker-months .month:not(.disabled):hover { background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); } .s123-calendar-handler-widget .datepicker-inline .datepicker-years .year:hover { background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); } .s123-calendar-handler-widget .datepicker-inline .datepicker-years .year.focused { color: rgb(0, 0, 0); } .s123-calendar-handler-widget .datepicker-inline .datepicker-months .month.focused { color: rgb(0, 0, 0); } #nprogress { pointer-events: none; } #nprogress .bar { background: rgb(34, 153, 221); position: fixed; z-index: 1031; top: 0px; left: 0px; width: 100%; height: 2px; } #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: rgb(34, 153, 221) 0px 0px 10px, rgb(34, 153, 221) 0px 0px 5px; opacity: 1; transform: rotate(3deg) translate(0px, -4px); } #nprogress .spinner { display: block; position: fixed; z-index: 1031; top: 15px; right: 15px; } #nprogress .spinner-icon { width: 18px; height: 18px; box-sizing: border-box; border-width: 2px; border-style: solid; border-color: rgb(34, 153, 221) transparent transparent rgb(34, 153, 221); border-image: initial; border-radius: 50%; animation: 400ms linear 0s infinite normal none running nprogress-spinner; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .s123-module .s123-action-btn .s123-icon-converter { width: 1em !important; height: 1em !important; } .s123-module .s123-action-btn.btn-primary-black { background-color: rgb(0, 0, 0) !important; color: rgb(255, 255, 255) !important; border-color: transparent !important; } .s123-module .s123-action-btn.btn-primary-black .svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module .s123-action-btn.btn-primary-black:hover, .s123-module .s123-action-btn.btn-primary-black:focus { opacity: 0.9; } .s123-module.bg-primary .s123-action-btn.btn-primary-transparent { color: var(--modules_color_text) !important; background-color: transparent !important; border-color: var(--modules_color_text) !important; } .s123-module.bg-primary .s123-action-btn.btn-primary-transparent .svg-m { background-color: var(--modules_color_text) !important; } .s123-module .s123-action-btn.btn-primary-transparent { color: var(--modules_color_text_second) !important; background-color: transparent !important; border-color: var(--modules_color_text_second) !important; } .s123-module .s123-action-btn.btn-primary-transparent .svg-m { background-color: var(--modules_color_text_second) !important; } .s123-module .s123-action-btn.btn-primary-transparent:hover, .s123-module .s123-action-btn.btn-primary-transparent:focus { color: rgb(255, 255, 255); } .s123-module .s123-action-btn.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } .s123-module.bg-primary .s123-action-btn.btn-primary-transparent.Inset::before { border-color: var(--modules_color_text) !important; } .s123-module .s123-action-btn.btn-primary-transparent.Inset::before { border-color: var(--modules_color_text_second) !important; } .s123-module .s123-action-btn.btn-primary-white { background-color: rgb(255, 255, 255) !important; color: rgb(0, 0, 0) !important; border-color: rgb(255, 255, 255) !important; } .s123-module .s123-action-btn.btn-primary-white .svg-m { background-color: rgb(0, 0, 0) !important; } .s123-module .s123-action-btn.btn-primary-white.Inset::before { border: 1px solid rgb(0, 0, 0) !important; } .s123-module .s123-action-btn.btn-primary-simplelink-text-color.Inset::before, .s123-module .s123-action-btn.btn-primary-simplelink.Inset::before { border: none !important; } .s123-module .s123-action-btn.btn-primary-white:hover, .s123-module .s123-action-btn.btn-primary-white:focus { opacity: 0.9; } .s123-module .s123-action-btn.btn-primary-grey { background-color: rgb(235, 237, 240) !important; color: rgb(68, 73, 80) !important; border-color: rgb(235, 237, 240) !important; } .s123-module .s123-action-btn.btn-primary-grey.Inset::before { border: 1px solid rgb(68, 73, 80) !important; } .s123-module .s123-action-btn.btn-primary-grey .svg-m { background-color: rgb(68, 73, 80) !important; } .s123-module .s123-action-btn.btn-primary-grey:hover, .s123-module .s123-action-btn.btn-primary-grey:focus { color: rgb(68, 73, 80); background-color: rgb(226, 229, 233); } .s123-module .s123-action-btn .a-b-container { width: 100%; display: flex; place-content: center; align-items: center; } .s123-action-btn .a-b-t { max-width: 100%; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } :root { --c-t-a-buttons-space: 10px; } .s123-c-t-a { display: flex; justify-content: center; } .s123-c-t-a .redirect-buttons-container { display: flex; max-width: 100%; flex-wrap: wrap; justify-content: center; } .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn { margin: 10px 0px; max-width: 100%; } .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:not(:first-child) { margin-left: var(--c-t-a-buttons-space); } html[dir="rtl"] .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:not(:first-child) { margin-left: 0px; margin-right: var(--c-t-a-buttons-space); } .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:first-child { margin-right: var(--c-t-a-buttons-space); } html[dir="rtl"] .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:first-child { margin-right: 0px; margin-left: var(--c-t-a-buttons-space); } @media (max-width: 767px) { .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn { margin-right: var(--c-t-a-buttons-space) !important; margin-left: var(--c-t-a-buttons-space) !important; } } .s123-c-t-a .MailingTool { margin: 15px 0px; max-width: 100%; } .s123-c-t-a .mailingListBox { width: 360px; max-width: 90%; margin: 0px auto; } .s123-c-t-a .mailingListBox .btn { margin: 0px; } .s123-c-t-a .mailingListBox .input-group-btn .btn-primary { border-width: 1px 1px 1px 0px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 0px 4px 4px 0px; } html[dir="rtl"] .s123-c-t-a .mailingListBox .input-group-btn .btn-primary { border-radius: 4px 0px 0px 4px; border-right: none; border-left-width: 1px; } @media (max-width: 767px) { .s123-c-t-a .mailingListBox { width: 100%; text-align: center; margin: 0px auto; } } .s123-module-headers { line-height: 1.5; } .s123-module-headers .header1, .s123-module-headers .header2 { line-height: var(--header_line_height); } .s123-module-headers .m-h-item span, .s123-module-headers .m-h-item { overflow-wrap: break-word; margin-top: 0px; margin-bottom: 10px; white-space: pre-wrap !important; } .s123-module-headers ul, .s123-module-headers ol { padding-inline-start: 1em; } .s123-module-headers .headers-video-handler { position: relative; display: inline-block; } .s123-module-headers .image-circle img { border-radius: 100%; width: 150px; height: 150px; object-fit: cover; } .s123-module-headers .image-circle .headers-video-handler img { max-width: none; max-height: none; } .s123-module-headers .header-box-shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 30px; } .s123-module-headers .hpm-text-reverse { flex-direction: column-reverse !important; } .s123-content-area section.s123-module-headers.hpm-height-10vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-10vh, .s123-content-area section.s123-module-headers.hpm-height-20vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-20vh, .s123-content-area section.s123-module-headers.hpm-height-30vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-30vh, .s123-content-area section.s123-module-headers.hpm-height-40vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-40vh.s123-content-area section.s123-module-headers.hpm-height-50vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-50vh, .s123-content-area section.s123-module-headers.hpm-height-65vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-65vh, .s123-content-area section.s123-module-headers.hpm-height-75vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-75vh, .s123-content-area section.s123-module-headers.hpm-height-85vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-85vh, .s123-content-area section.s123-module-headers.hpm-height-95vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-95vh, .s123-content-area section.s123-module-headers.hpm-height-100vh:not(#section-169, .r-c-f-c), .s123-content-area section.s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-100vh { min-height: 80vh !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-10vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-10vh { min-height: calc(-59px + 10vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-20vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-20vh { min-height: calc(-59px + 20vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-30vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-30vh { min-height: calc(-59px + 30vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-40vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-40vh { min-height: calc(-59px + 40vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-50vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-50vh { min-height: calc(-59px + 50vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-65vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-65vh { min-height: calc(-59px + 65vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-75vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-75vh { min-height: calc(-59px + 75vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-85vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-85vh { min-height: calc(-59px + 85vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-95vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-95vh { min-height: calc(-59px + 95vh) !important; } .s123-module-headers:not(.headers-fix-mobile-height).hpm-height-100vh, .s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-100vh { min-height: calc(-59px + 100vh) !important; } @media (min-width: 768px) { .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-10vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-10vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-10vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-10vh { min-height: calc(10vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-20vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-20vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-20vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-20vh { min-height: calc(20vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-30vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-30vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-30vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-30vh { min-height: calc(30vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-40vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-40vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-40vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-40vh { min-height: calc(40vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-50vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-50vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-50vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-50vh { min-height: calc(50vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-65vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-65vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-65vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-65vh { min-height: calc(65vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-75vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-75vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-75vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-75vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-85vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-85vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-85vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-85vh { min-height: calc(85vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-95vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-95vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-95vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-95vh { min-height: calc(95vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height).hpm-height-100vh, .s123-module-headers.r-c-f-c:not(.headers-fix-mobile-height) .hpm-height-100vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height).hpm-height-100vh, #section-169.s123-module-headers:not(.headers-fix-mobile-height) .hpm-height-100vh { min-height: calc(100vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-10vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-10vh { min-height: calc(10vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-20vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-20vh { min-height: calc(20vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-30vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-30vh { min-height: calc(30vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-40vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-40vh { min-height: calc(40vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-50vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-50vh { min-height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-65vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-65vh { min-height: calc(65vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-75vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-75vh { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-85vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-85vh { min-height: calc(85vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-95vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-95vh { min-height: calc(95vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c).hpm-height-100vh, .s123-module-headers:not(.headers-fix-mobile-height, #section-169, .r-c-f-c) .hpm-height-100vh { min-height: calc(100vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } @media (min-width: 992px) { .inside_page .s123-module-headers.hpm-height-10vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-10vh, .s123-module-headers.r-c-f-c.hpm-height-10vh, .s123-module-headers.r-c-f-c .hpm-height-10vh, #section-169.s123-module-headers.hpm-height-10vh, #section-169.s123-module-headers .hpm-height-10vh { min-height: calc(10vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-20vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-20vh, .s123-module-headers.r-c-f-c.hpm-height-20vh, .s123-module-headers.r-c-f-c .hpm-height-20vh, #section-169.s123-module-headers.hpm-height-20vh, #section-169.s123-module-headers .hpm-height-20vh { min-height: calc(20vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-30vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-30vh, .s123-module-headers.r-c-f-c.hpm-height-30vh, .s123-module-headers.r-c-f-c .hpm-height-30vh, #section-169.s123-module-headers.hpm-height-30vh, #section-169.s123-module-headers .hpm-height-30vh { min-height: calc(30vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-40vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-40vh, .s123-module-headers.r-c-f-c.hpm-height-40vh, .s123-module-headers.r-c-f-c .hpm-height-40vh, #section-169.s123-module-headers.hpm-height-40vh, #section-169.s123-module-headers .hpm-height-40vh { min-height: calc(40vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-50vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-50vh, .s123-module-headers.r-c-f-c.hpm-height-50vh, .s123-module-headers.r-c-f-c .hpm-height-50vh, #section-169.s123-module-headers.hpm-height-50vh, #section-169.s123-module-headers .hpm-height-50vh { min-height: calc(50vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-65vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-65vh, .s123-module-headers.r-c-f-c.hpm-height-65vh, .s123-module-headers.r-c-f-c .hpm-height-65vh, #section-169.s123-module-headers.hpm-height-65vh, #section-169.s123-module-headers .hpm-height-65vh { min-height: calc(65vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-75vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-75vh, .s123-module-headers.r-c-f-c.hpm-height-75vh, .s123-module-headers.r-c-f-c .hpm-height-75vh, #section-169.s123-module-headers.hpm-height-75vh, #section-169.s123-module-headers .hpm-height-75vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-85vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-85vh, .s123-module-headers.r-c-f-c.hpm-height-85vh, .s123-module-headers.r-c-f-c .hpm-height-85vh, #section-169.s123-module-headers.hpm-height-85vh, #section-169.s123-module-headers .hpm-height-85vh { min-height: calc(85vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-95vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-95vh, .s123-module-headers.r-c-f-c.hpm-height-95vh, .s123-module-headers.r-c-f-c .hpm-height-95vh, #section-169.s123-module-headers.hpm-height-95vh, #section-169.s123-module-headers .hpm-height-95vh { min-height: calc(95vh - var(--homepage_layout_height_menu_space)) !important; } .inside_page .s123-module-headers.hpm-height-100vh:not(#section-169, .r-c-f-c), .inside_page .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-100vh, .s123-module-headers.r-c-f-c.hpm-height-100vh, .s123-module-headers.r-c-f-c .hpm-height-100vh, #section-169.s123-module-headers.hpm-height-100vh, #section-169.s123-module-headers .hpm-height-100vh { min-height: calc(100vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.hpm-height-10vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-10vh { min-height: calc(10vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-20vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-20vh { min-height: calc(20vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-30vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-30vh { min-height: calc(30vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-40vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-40vh { min-height: calc(40vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-50vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-50vh { min-height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-65vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-65vh { min-height: calc(65vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-75vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-75vh { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-85vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-85vh { min-height: calc(85vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-95vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-95vh { min-height: calc(95vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.hpm-height-100vh:not(#section-169, .r-c-f-c), .s123-module-headers:not(#section-169, .r-c-f-c) .hpm-height-100vh { min-height: calc(100vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers .header-img-text-space { margin-bottom: 38px; } @media (max-width: 767px) { .s123-module-headers .header-img-text-space { margin-bottom: 22px; } } .s123-module-headers .line::after { content: ""; display: block; border-top: 6px solid var(--global_main_color); width: 100px; margin-top: 20px; margin-bottom: 20px; } @media (min-width: 767px) { .s123-module-headers .line::after { margin-top: 30px; margin-bottom: 30px; } } .s123-module-headers .box.background-primary-color .line::after, .s123-module-headers .background-primary-color .line::after, .s123-module-headers.background-primary-color .line::after { border-top-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .box.background-primary-color .line::after, .s123-module-headers.bg-primary .background-primary-color .line::after, .s123-module-headers.bg-primary.background-primary-color .line::after { border-top-color: var(--modules_color_section_btn_text); } .inside_page .s123-module-headers .background-primary-color .line::after, .inside_page .s123-module-headers.background-primary-color .line::after { border-top-color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-headers .box.bg-primary-black .line::after, .s123-module-headers .bg-primary-black .line::after, .s123-module-headers.bg-primary-black .line::after { border-top-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary .box.bg-primary-black .line::after, .s123-module-headers.bg-primary .bg-primary-black .line::after, .s123-module-headers.bg-primary.bg-primary-black .line::after { border-top-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary .box .line::after, .s123-module-headers.bg-primary .line::after { border-top-color: var(--modules_color_section_main) !important; } .s123-module-headers .box .line::after, .s123-module-headers .line::after { border-top-color: var(--modules_color_second_section_main) !important; } .s123-module-headers .s123-c-t-a a.iconsCircleSmall { margin-left: 0px; margin-right: 0px; } .s123-module-headers .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .s123-module-headers .carousel-fade .carousel-inner .active { opacity: 1; } .s123-module-headers .carousel-fade .carousel-inner .active.left, .s123-module-headers .carousel-fade .carousel-inner .active.right { left: 0px; opacity: 0; z-index: 1; } .s123-module-headers .carousel-fade .carousel-inner .next.left, .s123-module-headers .carousel-fade .carousel-inner .prev.right { opacity: 1; } .s123-module-headers .carousel-fade .carousel-control { z-index: 2; } @media (transform-3d), (-webkit-transform-3d) { .s123-module-headers .carousel-fade .carousel-inner > .item.next, .s123-module-headers .carousel-fade .carousel-inner > .item.active.right { opacity: 0; transform: translate3d(0px, 0px, 0px); } .s123-module-headers .carousel-fade .carousel-inner > .item.prev, .s123-module-headers .carousel-fade .carousel-inner > .item.active.left { opacity: 0; transform: translate3d(0px, 0px, 0px); } .s123-module-headers .carousel-fade .carousel-inner > .item.next.left, .s123-module-headers .carousel-fade .carousel-inner > .item.prev.right, .s123-module-headers .carousel-fade .carousel-inner > .item.active { opacity: 1; transform: translate3d(0px, 0px, 0px); } } .s123-module-headers .item { background: url("") center center / cover no-repeat; } .s123-module-headers .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_text_second) !important; } .s123-module-headers .box-primary.box-text-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.bg-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_text) !important; } .s123-module-headers.bg-primary .box-primary.box-text-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_text_box) !important; } .s123-module-headers .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_text_second) !important; } .s123-module-headers .box-primary.box-text-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.bg-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_text) !important; } .s123-module-headers.bg-primary .box-primary.box-text-primary .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_text_box) !important; } .s123-module-headers.bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .box.bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .box.bg-primary-black .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .box.bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(0, 0, 0) !important; } .s123-module-headers.bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .box.bg-primary-white .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(0, 0, 0) !important; } .s123-module-headers.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers.bg-primary .background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers.bg-primary .background-primary-color .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.bg-primary-black .s123-c-t-a a.iconsCircle, .s123-module-headers:not(.bg-primary-black) .bg-primary-black .s123-c-t-a a.iconsCircle, .s123-module-headers .btn-primary-text-color .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary-black .s123-c-t-a a.iconsCircle i.svg-m, .s123-module-headers .bg-primary-black .s123-c-t-a a.iconsCircle i.svg-m, .s123-module-headers .btn-primary-text-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary-gray .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn, .s123-module-headers .bg-primary-gray .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(68, 73, 80) !important; } .s123-module-headers.bg-primary-gray .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m, .s123-module-headers .bg-primary-gray .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(68, 73, 80) !important; } .s123-module-headers .box-primary.box-text-primary .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_text_second_box) !important; } .s123-module-headers .box-primary.box-text-primary .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_text_second_box) !important; } .s123-module-headers .box-primary.box-text-primary span.mainWebsiteColor, .s123-module-headers .box-primary.box-text-primary span.mainWebsiteColor strong { color: var(--global_main_color) !important; } .s123-module-headers .box-primary.box-text-primary .svg-underline::after { background-color: var(--global_main_color) !important; } .s123-module-headers .header-transparent-box.background-primary-color .mainWebsiteColor, .s123-module-headers .box.background-primary-color .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers .box.background-primary-color .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers .box.bg-primary-white .s123-c-t-a a.iconsCircle { border-color: rgb(0, 0, 0) !important; } .s123-module-headers .box.bg-primary-white .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(0, 0, 0) !important; } .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers .box.box-primary .s123-c-t-a a.s123-action-btn:not(.btn-primary-transparent, .btn-primary-white, .btn-primary-black, .btn-primary-grey, .btn-primary-transparent-main, .btn-primary-simplelink-text-color, .btn-primary-simplelink) i.svg-m, .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .box.box-primary .s123-c-t-a a.s123-action-btn:not(.btn-primary-transparent, .btn-primary-white, .btn-primary-black, .btn-primary-grey, .btn-primary-transparent-main, .btn-primary-simplelink-text-color, .btn-primary-simplelink) i.svg-m, .s123-module-headers .box.background-primary-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .box.box-primary .s123-c-t-a a.s123-action-btn:not(.btn-primary-transparent, .btn-primary-white, .btn-primary-black, .btn-primary-grey, .btn-primary-transparent-main, .btn-primary-simplelink-text-color, .btn-primary-simplelink) i.svg-m, .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .box.bg-primary-gray .s123-c-t-a a.iconsCircle { border-color: rgb(68, 73, 80) !important; } .s123-module-headers .box.bg-primary-gray .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(68, 73, 80) !important; } .s123-module-headers .box.bg-primary-black .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers .box.bg-primary-black .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers .s123-c-t-a[data-type="searchBox"] button { border-radius: 0px 4px 4px 0px; } html[dir="rtl"] .s123-module-headers .s123-c-t-a[data-type="searchBox"] button { border-radius: 4px 0px 0px 4px; } .s123-module-headers .background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_second_section_btn_text) !important; color: var(--modules_color_second_section_main) !important; background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_section_btn_text) !important; color: var(--modules_color_section_main) !important; background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers.background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_second_section_main) !important; color: var(--modules_color_second_section_btn_text) !important; background-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.bg-primary .background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers.bg-primary.background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_section_main) !important; color: var(--modules_color_section_btn_text) !important; background-color: var(--modules_color_section_main) !important; } .s123-module-headers .background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended::before, .s123-module-headers.background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended::before, .s123-module-headers.bg-primary.background-primary-color .box.box-primary .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m, .s123-module-headers.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.bg-primary .background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m, .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_section_main) !important; } .s123-module-headers .box .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers .box .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers .box .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_second_section_main) !important; color: var(--modules_color_second_section_btn_text) !important; background-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.bg-primary .box .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.bg-primary .box .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.bg-primary .box .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_section_main) !important; color: var(--modules_color_section_btn_text) !important; background-color: var(--modules_color_section_main) !important; } .s123-module-headers .box .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .box .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .box .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .box .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .header-transparent-box.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers .box.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers .headers-text-wrap.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers .header-transparent-box.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers .box.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers .headers-text-wrap.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers .box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers .header-transparent-box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_second_section_btn_text) !important; color: var(--modules_color_second_section_main) !important; background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .header-transparent-box.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.bg-primary .headers-text-wrap.background-primary-color .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.bg-primary .header-transparent-box.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.bg-primary .headers-text-wrap.background-primary-color .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended, .s123-module-headers.bg-primary .header-transparent-box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_section_btn_text) !important; color: var(--modules_color_section_main) !important; background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers .header-transparent-box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m, .s123-module-headers .box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.bg-primary .header-transparent-box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m, .s123-module-headers.bg-primary .box.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_section_main) !important; } .s123-module-headers .headers-container .headers-form-wrap.background-primary-color button { border-color: var(--modules_color_second_section_btn_text) !important; color: var(--modules_color_second_section_main) !important; background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-headers.bg-primary .headers-container .headers-form-wrap.background-primary-color button { border-color: var(--modules_color_section_btn_text) !important; color: var(--modules_color_section_main) !important; background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.bg-primary .headers-container .headers-form-wrap.background-primary-color button::before, .s123-module-headers.bg-primary .background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended::before, .s123-module-headers.bg-primary.background-primary-color .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_section_main) !important; } .s123-module-headers.bg-half-opacity .carousel-fade .carousel-inner .active.left, .s123-module-headers.bg-half-opacity .carousel-fade .carousel-inner .active.right { z-index: 0; } .s123-module-headers.bg-half-opacity .carousel-fade .carousel-control { z-index: 0; } .s123-module-headers .box-border-style-4, .s123-module-headers .box-border-style-5 { border-style: dotted !important; } .s123-module-headers .box-border-style-4, .s123-module-headers .box-border-style-2 { border: 3px solid var(--modules_color_second_section_main); } .bg-primary.s123-module-headers .box-border-style-4, .bg-primary.s123-module-headers .box-border-style-2 { border: 3px solid var(--modules_color_section_main); } .s123-module-headers .box-border-style-5, .s123-module-headers .box-border-style-3 { border: 3px solid var(--modules_color_text_second_box); } .bg-primary.s123-module-headers .box-border-style-5, .bg-primary.s123-module-headers .box-border-style-3 { border: 3px solid var(--modules_color_text_box); } .s123-module-headers .header1.italic, .s123-module-headers .header2.italic { font-style: italic; } .s123-module-headers .header1.weight700, .s123-module-headers .header2.weight700 { font-weight: 700; } .s123-module-headers .header1.custom-font-settings, .s123-module-headers .header2.custom-font-settings { margin-bottom: -5px; } @media only screen and (min-width: 1px) { .s123-module-headers .header1.custom-font-settings, .s123-module-headers .header2.custom-font-settings { font-size: calc(var(--header-font-size) * (100vw / 1170) + 8px); } } @media only screen and (min-width: 768px) { .s123-module-headers .header1.custom-font-settings, .s123-module-headers .header2.custom-font-settings { font-size: calc(var(--header-font-size) * (100vw / 1170)); } } @media only screen and (min-width: 1200px) { .s123-module-headers .header1.custom-font-settings, .s123-module-headers .header2.custom-font-settings { font-size: calc(var(--header-font-size) * 1px); } } .s123-module-headers .header-spacer { height: 30px; } @media (max-width: 767px) { .s123-module-headers .header-spacer { height: 22px; } } .s123-module-headers .header-spacer[data-text-exist="false"], .s123-module-headers .header-spacer[data-action-exist="false"] { display: none; } .s123-module-headers .headers-text-orders { position: relative; z-index: 1; } .s123-module-headers .box-primary .fr-view { color: inherit !important; } .s123-module-headers .header-text-shadow { text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px; } .s123-module-headers .header-text-position-center .headers-text-orders { align-items: center !important; } .s123-module-headers .header-text-position-center .headers-text-orders .header1, .s123-module-headers .header-text-position-center .headers-text-orders .header2 { text-align: center !important; } .s123-module-headers .header-text-position-center .s123-c-t-a .redirect-buttons-container { gap: var(--c-t-a-buttons-space); justify-content: center !important; } .s123-module-headers .header-text-position-center .s123-c-t-a .MailingTool .mailingListBox { margin: auto !important; } @media (min-width: 768px) { .s123-module-headers .s123-c-t-a .mailingListBox { width: 450px; } } .s123-module-headers .s123-c-t-a .mailingListBox .input-group-addon .svg-m { background-color: rgb(85, 85, 85) !important; } .s123-module-headers .header-text-position-center .header1 ul, .s123-module-headers .header-text-position-center .header2 ul { display: table !important; margin: 0px auto !important; } .s123-module-headers span.s123-calendar-handler-placeholder, .s123-module-headers .box-primary.box-text-primary span.s123-calendar-handler-placeholder { color: rgb(85, 85, 85) !important; } .s123-module-headers .box-primary.box-text-primary span.s123-calendar-handler-icon i { background-color: rgb(85, 85, 85) !important; } .s123-module-headers.bg-primary-white .btn-primary-simplelink-text-color, .s123-module-headers .bg-primary-white .btn-primary-simplelink-text-color { color: rgb(0, 0, 0) !important; } .s123-module-headers.background-primary-color .btn-primary-simplelink-text-color, .s123-module-headers .background-primary-color .btn-primary-simplelink-text-color { color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers.bg-primary-black .btn-primary-simplelink-text-color, .s123-module-headers .bg-primary-black .btn-primary-simplelink-text-color { color: rgb(255, 255, 255) !important; } .s123-module-headers.bg-primary-gray .btn-primary-simplelink-text-color, .s123-module-headers .bg-primary-gray .btn-primary-simplelink-text-color { color: rgb(68, 73, 80) !important; } .s123-module-headers.box-primary .btn-primary-simplelink-text-color, .s123-module-headers .box-primary .btn-primary-simplelink-text-color { color: var(--modules_color_text_second_box) !important; } .s123-module-headers .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:first-child { margin-right: calc(2 * var(--c-t-a-buttons-space)); } .s123-module-headers .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:not(:first-child) { margin-left: 0px; } html[dir="rtl"] .s123-module-headers .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:first-child { margin-left: calc(2 * var(--c-t-a-buttons-space)); } html[dir="rtl"] .s123-module-headers .s123-c-t-a[data-type="buttons"][data-buttons-amount="2"] .redirect-buttons-container .btn:not(:first-child) { margin-right: 0px; } @media (max-width: 767px) { .s123-module-headers .s123-c-t-a[data-type="buttons"] a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: auto; max-width: 270px !important; } } .s123-module-headers.layout-1 { display: flex; align-items: center; } .s123-module-headers.layout-1 ul, .s123-module-headers.layout-1 ol { list-style-position: inside; } .s123-module-headers.layout-1 .headers-video-handler, .s123-module-headers.layout-1 img:not(.s123-icon-converter) { max-width: 80%; max-height: 150px; margin: 10px; border-radius: 6px; } .s123-module-headers.layout-1 .headers-video-handler img:not(.s123-icon-converter) { max-width: 100%; max-height: 150px; margin: 0px; } .s123-module-headers.layout-1 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-1 video { vertical-align: middle; } .s123-module-headers.layout-1.background-primary-color .headers-text-orders .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-1.background-primary-color .headers-text-orders .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-4 { display: flex; align-items: center; } .s123-module-headers.layout-4 ul, .s123-module-headers.layout-4 ol { list-style-position: inside; } .s123-module-headers.layout-4 .headers-video-handler, .s123-module-headers.layout-4 img:not(.s123-icon-converter) { max-width: 80%; max-height: 150px; margin: 10px; border-radius: 6px; } .s123-module-headers.layout-4 .headers-video-handler img { max-width: 100%; margin: 0px; } .s123-module-headers.layout-4 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-4 video { vertical-align: middle; } .s123-module-headers.layout-4.background-primary-color .headers-text-orders .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-4.background-primary-color .headers-text-orders .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-5 { display: flex; align-items: center; } @media (max-width: 767px) { .s123-module-headers.layout-5 .container { width: 100%; } } .s123-module-headers.layout-5 .image-circle { margin-bottom: 50px; } .s123-module-headers.layout-5 .image-circle .separateImages { display: flex; justify-content: center; } .s123-module-headers.layout-5 .image-circle video { border-radius: 100%; object-fit: cover; } .s123-module-headers.layout-5 .image-circle video, .s123-module-headers.layout-5 .image-circle img { width: 350px; height: 350px; } .s123-module-headers.layout-5 .image-circle .carousel-cell { display: flex; justify-content: center; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } @media (max-width: 767px) { .s123-module-headers.layout-5 .image-circle video, .s123-module-headers.layout-5 .image-circle img { width: 320px; height: 320px; } } .s123-module-headers.layout-5 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-5.bg-primary-black .s123-c-t-a a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-5.bg-primary-black .s123-c-t-a a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-5.background-primary-color .headers-text-orders .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-5.background-primary-color .headers-text-orders .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-6 { display: flex; align-items: center; } @media (min-width: 768px) and (max-width: 992px) { } .s123-module-headers.layout-6 .headers-text-wrap .container, .s123-module-headers.layout-6 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-6 .headers-container { display: grid; grid-template-columns: auto; text-align: left; gap: 48px; } @media (min-width: 768px) { .s123-module-headers.layout-6 .headers-container.second-side .headers-text-wrap { grid-area: 1 / 1; } } html[dir="rtl"] .s123-module-headers.layout-6 .headers-container { text-align: right; } @media (min-width: 768px) { .s123-module-headers.layout-6 .headers-container:not(.laptop-mockup, .phone-mockup, .rotate-image) { grid-template-columns: 47% 47%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.laptop-mockup.second-side { grid-template-columns: 37% 57%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.laptop-mockup { grid-template-columns: 57% 37%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.phone-mockup.second-side { grid-template-columns: 57% 37%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.phone-mockup { grid-template-columns: 37% 57%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.rotate-image:not(.second-side) { grid-template-columns: 35% 60%; grid-template-rows: auto; } .s123-module-headers.layout-6 .headers-container.rotate-image.second-side { grid-template-columns: 54% 35%; grid-template-rows: auto; } } @media (min-width: 992px) { .s123-module-headers.layout-6 .headers-container.rotate-image.second-side { grid-template-columns: 60% 35%; grid-template-rows: auto; } } .s123-module-headers.layout-6 .headers-container .headers-text-wrap { display: flex; flex-direction: column; align-self: center; } .s123-module-headers.layout-6 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; } .s123-module-headers.layout-6 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-6 .carousel .item.one-item { display: block; } html[dir="rtl"] .s123-module-headers.layout-6 .headers-container.rotate-image.second-side .headers-img-wrap, .s123-module-headers.layout-6 .headers-container.rotate-image:not(.second-side) .headers-img-wrap { transform: rotate(-7deg); } html[dir="rtl"] .s123-module-headers.layout-6 .headers-container.rotate-image:not(.second-side) .headers-img-wrap, .s123-module-headers.layout-6 .headers-container.rotate-image.second-side .headers-img-wrap { transform: rotate(7deg); } @media (min-width: 768px) { .s123-module-headers.layout-6 .headers-container .headers-img-wrap { align-items: center; } } @media (max-width: 768px) { .s123-module-headers.layout-6 .headers-container .headers-img-wrap { padding-right: 15px; padding-left: 15px; } } .s123-module-headers.layout-6 .headers-video-handler { display: block; } .s123-module-headers.layout-6 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-6 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-6 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-6 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-6 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-6 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .s123-module-headers.layout-6 .headers-container:not(.laptop-mockup, .phone-mockup) .headers-image { min-height: 250px; } @media (min-width: 768px) { .s123-module-headers.layout-6 .headers-container:not(.laptop-mockup, .phone-mockup) .headers-image { min-height: 440px; } .s123-module-headers.layout-6 .headers-container.rotate-image .headers-image { min-height: 540px; } } .s123-module-headers.layout-6 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-6 .headers-container { gap: 32px; min-width: 300px; } .s123-module-headers.layout-6 .headers-container .headers-text-wrap { text-align: center; } .s123-module-headers.layout-6 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-6 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-6 .s123-c-t-a { justify-content: space-around; } } .s123-module-headers.layout-6 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-6 .headers-text-orders { align-items: start; } } .s123-module-headers.layout-6 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-6 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-6 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-6.r-c-f-c .s123-c-t-a .promoVideoPopup a.iconsCircle, #section-169.s123-module-headers.layout-6 .s123-c-t-a .promoVideoPopup a.iconsCircle { margin: auto 0px; } #section-169.s123-module-headers.layout-6.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent { color: rgb(255, 255, 255); } #section-169.s123-module-headers.layout-6.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-6.background-primary-color .headers-text-wrap .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-6.background-primary-color .headers-text-wrap .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-6 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-6 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-6 .headers-container.laptop-mockup .headers-img-wrap { display: block; } @media (max-width: 767px) { .s123-module-headers.layout-6 .headers-container.laptop-mockup .headers-img-wrap { width: 300px; } } .s123-module-headers.layout-6 .headers-container.laptop-mockup .macbook { padding: 0px; margin: 0px auto; max-width: 800px; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .screen { background: rgb(0, 0, 0); border-radius: 3% 3% 0.5% 0.5% / 5%; margin: 0px auto; position: relative; width: 80%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .screen::before { border: 2px solid rgb(202, 202, 204); border-radius: 3% 3% 0.5% 0.5% / 5%; box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.3) 0px 0px 1px 2px inset; content: ""; display: block; padding-top: 67%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .screen::after { content: ""; border-top: 2px solid rgba(255, 255, 255, 0.15); position: absolute; bottom: 0.75%; left: 0.5%; padding-top: 1%; width: 99%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .viewport { position: absolute; inset: 0px; margin: 4.3% 3.2%; background: rgb(51, 51, 51); } .s123-module-headers.layout-6 .headers-container.laptop-mockup .base { position: relative; width: 100%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .base::before { content: ""; display: block; padding-top: 3.3%; background: linear-gradient(rgb(234, 236, 237), rgb(237, 238, 240) 55%, rgb(255, 255, 255) 55%, rgb(138, 139, 143) 56%, rgb(153, 155, 160) 61%, rgb(75, 75, 79) 84%, rgb(38, 38, 39) 89%, rgba(0, 0, 0, 0.01) 98%); border-radius: 0px 0px 10% 10% / 0px 0px 50% 50%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .base::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8) 0.5%, rgba(0, 0, 0, 0.4) 3.3%, transparent 15%, rgba(255, 255, 255, 0.8) 50%, transparent 85%, rgba(0, 0, 0, 0.4) 96.7%, rgba(255, 255, 255, 0.8) 99.5%, rgba(0, 0, 0, 0.5) 100%); content: ""; height: 53%; position: absolute; top: 0px; width: 100%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .notch { background: rgb(221, 221, 221); border-radius: 0px 0px 7% 7% / 0px 0px 95% 95%; box-shadow: rgba(0, 0, 0, 0.2) -5px -1px 3px inset, rgba(0, 0, 0, 0.2) 5px -1px 3px inset; margin-left: auto; margin-right: auto; margin-top: -3.5%; z-index: 2; position: relative; width: 14%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .notch::before { content: ""; display: block; padding-top: 10%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .macbook .viewport { transition: background-position 3s; background-position: 0px 0px; background-size: 100%; } .s123-module-headers.layout-6 .headers-container.laptop-mockup .macbook:hover .viewport { background-position: 0px 100%; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x { position: relative; margin: 40px auto; width: 260px; height: 520px; background-color: rgb(17, 17, 17); border-radius: 40px; box-shadow: rgb(31, 31, 31) 0px 0px 0px 11px, rgb(25, 25, 25) 0px 0px 0px 13px, rgb(17, 17, 17) 0px 0px 0px 11px; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x::before, .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x::after { bottom: 7px; width: 140px; height: 4px; background-color: rgb(242, 242, 242); border-radius: 10px; z-index: 1000; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x::before { top: 0px; width: 56%; height: 25px; background-color: rgb(31, 31, 31); border-radius: 0px 0px 40px 40px; z-index: 1001; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x i, .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x b, .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x s, .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x span { position: absolute; display: block; color: transparent; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x i { top: 0px; left: 50%; transform: translate(-50%, 6px); height: 8px; width: 15%; background-color: rgb(16, 16, 16); border-radius: 8px; box-shadow: rgba(255, 255, 255, 0.2) 0px -3px 3px 0px inset; z-index: 1001; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x b { left: 10%; top: 0px; transform: translate(130px, 4px); width: 12px; height: 12px; background-color: rgb(16, 16, 16); border-radius: 12px; box-shadow: rgba(255, 255, 255, 0.2) 0px -3px 2px 0px inset; z-index: 1001; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-x b::after { content: ""; position: absolute; background-color: rgb(45, 77, 118); width: 6px; height: 6px; top: 3px; left: 3px; display: block; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.5) 0px -2px 2px inset; } .s123-module-headers.layout-6 .headers-container.phone-mockup .iphone-xs { top: 50px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; width: 100%; font-size: 70px; font-weight: 100; padding-top: 60px; } @media (max-width: 767px) { .s123-module-headers.layout-6 .headers-container.phone-mockup { grid-template-rows: 1fr auto; } } .s123-module-headers.layout-6 .headers-container.phone-mockup .headers-image { border-radius: 40px; } .s123-module-headers.layout-6 .headers-container.phone-mockup.bottom-shadow .headers-img-wrap { position: relative; } .s123-module-headers.layout-6 .headers-container.phone-mockup.bottom-shadow .headers-img-wrap::before { position: absolute; z-index: 0; bottom: 10px; display: block; border-radius: 100%; height: 27px; width: 257px; opacity: 0.3; content: ""; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 10px; background: radial-gradient(rgb(0, 0, 0), rgb(17, 17, 17), transparent); } .s123-module-headers.layout-6 .headers-container.phone-mockup .headers-img-wrap .carousel { z-index: unset; } @media (max-width: 767px) { .s123-module-headers.layout-6 .headers-container.laptop-mockup { justify-items: center; } } .s123-module-headers.layout-7 { display: flex; align-items: center; } @media (max-width: 767px) { .s123-module-headers.layout-7 .container { width: 100%; } } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-7.hpm-height-85vh, #section-169.s123-module-headers.layout-7.hpm-height-95vh, #section-169.s123-module-headers.layout-7.hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-7.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-7.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-7.hpm-height-100vh:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-7 .headers-description .container { width: 100%; } .s123-module-headers.layout-7 .headers-video-handler { display: block; } .s123-module-headers.layout-7 .headers-container { display: grid; grid-auto-columns: 1fr; grid-template-rows: auto; gap: 30px; width: 100%; justify-content: center; } .s123-module-headers.layout-7 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-7 .carousel .item.one-item { display: block; } .s123-module-headers.layout-7 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-7 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-7 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-7 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-7 .headers-container .headers-image { height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 300px; } .s123-module-headers.layout-7 .headers-container .headers-description { padding: 30px 25px; display: flex; flex-direction: column; justify-content: center; min-height: 300px; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 30px; } #section-169.s123-module-headers.layout-7 .headers-container .headers-description:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { background-color: rgb(235, 235, 235); color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-7 .headers-container { grid-template-columns: 30% 67%; grid-template-rows: auto; } .s123-module-headers.layout-7 .headers-container .headers-description { padding: 50px 70px; min-height: 100%; } .s123-module-headers.layout-7 .headers-container.second-side { grid-template-columns: 67% 30%; } .s123-module-headers.layout-7 .headers-container.second-side .headers-description { grid-area: 1 / 1; } .s123-module-headers.layout-7 .headers-container .headers-image { min-height: 440px; } } @media (max-width: 768px) { .s123-module-headers.layout-7 .carousel.slide { width: 100%; margin: 0px; } } .s123-module-headers.layout-7 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-7 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-7 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-7 .container-fluid .headers-container { width: 95vw; min-height: 100%; } @media (max-width: 768px) { .s123-module-headers.layout-7 .container-fluid .headers-container { width: 85vw; } } .s123-module-headers.layout-8 { display: flex; align-items: center; } .s123-module-headers.layout-8.headers-no-padding { padding: 0px; } @media (max-width: 767px) { .s123-module-headers.layout-8.mobile-full-width .container { width: 100%; } } .s123-module-headers.layout-8 .container-fluid { width: 100%; height: auto; margin: 0px; padding: 0px; } .s123-module-headers.layout-8 .modulesTitle .col-xs-12 { display: flex; flex-direction: column-reverse; } .s123-module-headers.layout-8 .headers-description .container, .s123-module-headers.layout-8 .headers-description .container-fluid { width: 100%; } .s123-module-headers.layout-8 .headers-video-handler { display: block; } .s123-module-headers.layout-8 .headers-container:not(.three-images, .two-images-style-1, .two-images-style-2) { display: grid; grid-auto-columns: auto; grid-template-rows: auto; gap: 30px; width: 100%; justify-content: center; align-items: center; } .s123-module-headers.layout-8 .headers-container.two-images-style-2, .s123-module-headers.layout-8 .headers-container.two-images-style-1, .s123-module-headers.layout-8 .headers-container.three-images { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; width: 100%; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.three-images { display: grid; grid-template-columns: 60% 40%; grid-template-rows: auto; width: 100%; } .s123-module-headers.layout-8 .headers-container.three-images.second-side { grid-auto-flow: dense; grid-template-columns: 40% 60%; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-static-images { grid-column: 2; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-description { grid-column: 1; } .s123-module-headers.layout-8 .headers-container.two-images-style-1 { display: grid; grid-template-columns: 40% 60%; grid-template-rows: auto; width: 100%; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 { display: grid; grid-template-columns: 50% 50%; grid-template-rows: auto; width: 100%; } } .s123-module-headers.layout-8 .headers-container.three-images .headers-static-images { display: grid; grid-template-columns: 60% 40%; grid-template-rows: 60% 40%; gap: 20px; width: 100%; padding: 20px 40px 40px 20px; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-static-images { grid-auto-flow: dense; grid-template-columns: 40% 60%; } @media (max-width: 767px) { .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-static-images, .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-static-images, .s123-module-headers.layout-8 .headers-container.three-images .headers-static-images { min-height: 300px; } } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-static-images { display: grid; grid-template-columns: repeat(30, 1fr); grid-template-rows: auto; width: 100%; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-static-images { display: grid; grid-template-columns: 1fr 20px 1fr 1fr; grid-template-rows: 40% 60%; width: 100%; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description, .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description { order: 1; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-static-images, .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-static-images { order: 2; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-static-images { padding-top: 50px; } } @media (max-width: 767px) { .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-static-images { width: calc(-60px + 100vw); } } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.three-images .headers-static-images { padding: 20px 20px 40px 40px; } .s123-module-headers.layout-8 .headers-container.three-images .image1 { grid-area: 1 / 1 / 3 / 2; } .s123-module-headers.layout-8 .headers-container.three-images .image2 { grid-area: 1 / 2 / 2 / 3; } .s123-module-headers.layout-8 .headers-container.three-images .image3 { grid-area: 2 / 2 / 3 / 3; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .image1 { grid-area: 1 / 2 / 3 / 3; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .image2 { grid-area: 1 / 1 / 2 / 2; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .image3 { grid-area: 2 / 1 / 3 / 2; } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .image1 { grid-column: 3 / 18; grid-row-start: 1; transform: rotate(-5deg); padding-bottom: 50px; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.two-images-style-1 .image1 { padding-bottom: 100px; } } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.two-images-style-1 .image1 { transform: rotate(5deg); } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .image2 { grid-column: 16 / 31; grid-row-start: 1; z-index: 1; padding-top: 20px; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.two-images-style-1 .image2 { padding-top: 100px; } } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .image1 { grid-row: 2 / 3; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .image2 { grid-area: 1 / 3 / 3 / 5; } .s123-module-headers.layout-8 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-8 .carousel .item.one-item { display: block; } .s123-module-headers.layout-8 .carousel.slide { padding: 0px; margin: 0px; width: 250px; height: 250px; border-radius: 100%; } .s123-module-headers.layout-8 .carousel.slide .carousel-inner { height: 100%; border-radius: 100%; } .s123-module-headers.layout-8 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-8 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-8 .headers-container .headers-image { height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; border-radius: 100%; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-image, .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-image, .s123-module-headers.layout-8 .headers-container.three-images .headers-image { border-radius: 0px; } .s123-module-headers.layout-8 .headers-container .headers-description { display: flex; flex-direction: column; justify-content: center; text-align: left; } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container .headers-description { text-align: right; } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description, .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description { padding-top: 20px; padding-right: 15px; } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description, html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description { padding-right: unset; padding-left: 15px; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.three-images .headers-description, .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description, .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description { width: 100%; } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description, .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description { padding-top: 0px; } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-description, .s123-module-headers.layout-8 .headers-container.three-images .headers-description { padding: 45px 20px 20px 50px; justify-content: start; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-description, html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.three-images .headers-description { padding: 45px 50px 20px 20px; } } @media (min-width: 992px) { .s123-module-headers.layout-8 .headers-container.three-images .headers-description { padding: 90px 20px 20px 100px; justify-content: start; } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-description { padding: 90px 40px 20px 80px; justify-content: start; } html[dir="rtl"] .s123-module-headers.layout-8 .headers-container.three-images .headers-description { padding: 90px 100px 20px 20px; justify-content: start; } .s123-module-headers.layout-8 .headers-container.three-images.second-side .headers-description { padding: 90px 80px 20px 40px; justify-content: start; } } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container { grid-template-columns: 1fr 3fr; grid-template-rows: auto; justify-items: start; } .s123-module-headers.layout-8 .headers-container.second-side:not(.three-images) { grid-template-columns: 3fr 1fr; } .s123-module-headers.layout-8 .headers-container.second-side:not(.three-images) .headers-description { grid-area: 1 / 1; } .s123-module-headers.layout-8 .headers-container.two-images-style-1 .headers-description { justify-content: end; } .s123-module-headers.layout-8 .headers-container.two-images-style-2 .headers-description { justify-content: start; } } .s123-module-headers.layout-8 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-8 .carousel.slide { margin: 0px; width: 300px; height: 300px; justify-self: center; } .s123-module-headers.layout-8 .headers-container .headers-description { padding: 0px 15px; text-align: center; } .s123-module-headers.layout-8 .headers-container.three-images .headers-description { padding: 20px; } .s123-module-headers.layout-8 .s123-c-t-a { justify-content: center; } } .s123-module-headers.layout-8 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; } .s123-module-headers.layout-8 .headers-text-orders .header1 ul, .s123-module-headers.layout-8 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-text-orders { align-items: start; text-align: unset; } .s123-module-headers.layout-8 .headers-text-orders .header1 ul, .s123-module-headers.layout-8 .headers-text-orders .header2 ul { display: block; margin: auto; } } .s123-module-headers.layout-8 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-8 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-8 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-8.background-primary-color .headers-description .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-8.background-primary-color .headers-description .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-8 .headers-container.two-images-style-1 .s123-c-t-a .redirect-buttons-container, .s123-module-headers.layout-8 .headers-container.two-images-style-2 .s123-c-t-a .redirect-buttons-container, .s123-module-headers.layout-8 .headers-container.three-images .s123-c-t-a .redirect-buttons-container { justify-content: start; } } .s123-module-headers.layout-9 { padding: 0px !important; } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-9 .headers-container { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-9 .headers-container:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-9 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-9 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-9 .headers-container:not(.in-rows) { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 1fr; } @media (max-width: 767px) { .s123-module-headers.layout-9 .headers-container.in-rows { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 1fr; } } .s123-module-headers.layout-9 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; padding: 30px; height: 100%; min-height: 300px; } @media (max-width: 767px) { .s123-module-headers.layout-9 .headers-container.image-margin-color .headers-text-wrap, .s123-module-headers.layout-9 .headers-container.image-thin-margin-color .headers-text-wrap, .s123-module-headers.layout-9 .headers-container.image-margin .headers-text-wrap { padding: 15px; } } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-container.image-margin .headers-text-wrap { justify-content: start; } } #section-169.s123-module-headers.layout-9 .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color), .s123-module-headers.layout-9:not(.bg-primary) .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color) { color: var(--modules_color_text_second); background-color: var(--modules_color_second); } .s123-module-headers.layout-9.bg-primary .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color) { color: var(--modules_color_text); background-color: var(--modules_color); } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-container:not(.in-rows) { grid-template-columns: 50% 50%; grid-template-rows: auto; justify-content: center; } .s123-module-headers.layout-9 .headers-container.image-margin-color:not(.in-rows) { grid-template-columns: 60% 40%; } .s123-module-headers.layout-9 .headers-container.image-margin-color.second-side:not(.in-rows) { grid-template-columns: 40% 60%; } .s123-module-headers.layout-9 .headers-container.second-side .headers-text-wrap { grid-area: 1 / 2; } .s123-module-headers.layout-9 .headers-container .headers-text-wrap { padding: 10% 15%; } .s123-module-headers.layout-9 .headers-container.image-rounded-corners .headers-text-wrap { padding: 10%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .s123-module-headers.layout-9 .headers-container.image-rounded-corners .headers-text-wrap .headers-text-orders-container { height: 100%; display: flex; flex-direction: column; justify-content: flex-start; } .s123-module-headers.layout-9 .headers-container.image-margin .headers-text-wrap { padding-top: 20%; } .s123-module-headers.layout-9 .headers-container:not(.in-rows) .headers-text-wrap { min-height: 100%; } .s123-module-headers.layout-9 .headers-container.in-rows .headers-text-wrap { height: 100%; } } .s123-module-headers.layout-9 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-9 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; } .s123-module-headers.layout-9 .headers-container.image-margin .headers-img-wrap { padding: 25px 20px; } .s123-module-headers.layout-9 .headers-container.image-margin-color .headers-img-wrap { padding: 35px; } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-container.image-margin-color .headers-img-wrap { padding: 40px; } } @media (min-width: 992px) { .s123-module-headers.layout-9 .headers-container.image-margin-color .headers-img-wrap { padding: 50px; } } .s123-module-headers.layout-9 .headers-container.image-thin-margin-color .headers-img-wrap { padding: 20px; } @media (max-width: 768px) { .s123-module-headers.layout-9 .headers-container.image-margin .headers-img-wrap { padding-left: 20px; padding-right: 20px; } } .s123-module-headers.layout-9 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-9 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-container .headers-img-wrap { align-items: center; } .s123-module-headers.layout-9 .headers-container.image-rounded-corners .headers-img-wrap { padding-top: 10%; padding-bottom: 10%; } html[dir="rtl"] .s123-module-headers.layout-9 .headers-container.image-rounded-corners.second-side .headers-image, html[dir="rtl"] .s123-module-headers.layout-9 .headers-container.image-rounded-corners.second-side .jarallax-container, .s123-module-headers.layout-9 .headers-container.image-rounded-corners:not(.second-side) .headers-image, .s123-module-headers.layout-9 .headers-container.image-rounded-corners:not(.second-side) .jarallax-container { border-radius: 100px 0px 0px 100px; } html[dir="rtl"] .s123-module-headers.layout-9 .headers-container.image-rounded-corners:not(.second-side) .headers-image, html[dir="rtl"] .s123-module-headers.layout-9 .headers-container.image-rounded-corners:not(.second-side) .jarallax-container, .s123-module-headers.layout-9 .headers-container.image-rounded-corners.second-side .headers-image, .s123-module-headers.layout-9 .headers-container.image-rounded-corners.second-side .jarallax-container { border-radius: 0px 100px 100px 0px; } } .s123-module-headers.layout-9 .headers-video-handler { display: block; } .s123-module-headers.layout-9 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-9 .carousel .item.one-item { display: block; } .s123-module-headers.layout-9 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-9 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-9 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-9 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-9 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-9 .s123-c-t-a { justify-content: space-around; } @media (min-width: 768px) { .s123-module-headers.layout-9 .s123-c-t-a { justify-content: flex-start; } .s123-module-headers.layout-9 .headers-text-wrap .header-text-position-center .s123-c-t-a { justify-content: center; } } @media (max-width: 767px) { .s123-module-headers.layout-9 .headers-container .headers-text-wrap { min-height: 340px; text-align: center; } .s123-module-headers.layout-9 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-9 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-9 .s123-c-t-a { justify-content: center; } } .s123-module-headers.layout-9 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-9 .headers-text-orders { align-items: start; } .s123-module-headers.layout-9 .headers-container.image-rounded-corners .headers-text-orders { padding-top: 15%; } } .s123-module-headers.layout-9 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-9 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-9 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-9 .bg-primary-black .s123-c-t-a a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-9 .bg-primary-black .s123-c-t-a a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-9 .headers-text-wrap.background-primary-color .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-9 .headers-text-wrap.background-primary-color .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-9 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-9 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-18 { padding: 0px !important; } .s123-module-headers.layout-18 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-18 .headers-container.texts-with-images-only .headers-text-orders { display: none; } .s123-module-headers.layout-18 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-18 .headers-text-wrap .header1, .s123-module-headers.layout-18 .headers-text-wrap .header2 { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 0.03em 0.03em 3px; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap .header1, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap .header2 { text-shadow: rgb(0, 0, 0) -0.03em 0.03em 3px; } .s123-module-headers.layout-18 .headers-container.texts-with-images-only .s123-c-t-a { display: none; } .s123-module-headers.layout-18 .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-18 .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-18 .headers-container { display: grid; min-height: 300px; justify-items: center; } .s123-module-headers.layout-18 .headers-container { padding: var(--sectionsPadding) 0; } @media (max-width: 767px) { .s123-module-headers.layout-18 .headers-container { padding: calc( var(--sectionsPadding) / 2 ) 0; } } @media (min-width: 768px) { .s123-module-headers.layout-18 .headers-container { min-height: 500px; } } .s123-module-headers.layout-18 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; text-align: center; z-index: 1; } .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-bottom, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-bottom, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-bottom { justify-content: flex-end; } .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-top, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-top, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-top { justify-content: flex-start; } .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-top .headers-text-orders, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-center .headers-text-orders, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-bottom .headers-text-orders { align-items: flex-start; text-align: left; } .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-top .headers-text-orders, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-center .headers-text-orders, .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-bottom .headers-text-orders { align-items: flex-end; text-align: right; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-top .headers-text-orders, html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-center .headers-text-orders, html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-left-bottom .headers-text-orders { text-align: right; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-top .headers-text-orders, html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-center .headers-text-orders, html[dir="rtl"] .s123-module-headers.layout-18 .headers-container .headers-text-wrap.header-text-vertical-position-right-bottom .headers-text-orders { text-align: left; } .s123-module-headers.layout-18 .headers-container .headers-text-orders.s123-module-headers.layout-18 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-18 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .inside_page .s123-module-headers.layout-18 .headers-container .headers-text-wrap, .s123-module-headers.layout-18.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-18 .headers-container .headers-text-wrap { height: 100%; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 767px) { .inside_page .s123-module-headers.layout-18 .headers-container .headers-text-wrap, .s123-module-headers.layout-18.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-18 .headers-container .headers-text-wrap { min-width: 300px; } } .s123-module-headers.layout-18 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-18 .headers-text-wrap .MailingTool { display: flex; justify-content: center; } .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-top .MailingTool form.mailingListBox, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-center .MailingTool form.mailingListBox, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-bottom .MailingTool form.mailingListBox, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-top .MailingTool form.mailingListBox, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-center .MailingTool form.mailingListBox, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-bottom .MailingTool form.mailingListBox { margin-right: 0px; margin-left: 0px; } .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-top .MailingTool, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-center .MailingTool, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-bottom .MailingTool { justify-content: right; } .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-top .MailingTool, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-center .MailingTool, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-bottom .MailingTool { justify-content: left; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-top .MailingTool, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-center .MailingTool, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-bottom .MailingTool { justify-content: left; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-top .MailingTool, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-center .MailingTool, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-bottom .MailingTool { justify-content: right; } .s123-module-headers.layout-18 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; } .s123-module-headers.layout-18:not(.parallax-on) .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: var(--header-image-opacity); } .s123-module-headers.layout-18:not(.parallax-on) .headers-container.texts-with-images-only .headers-img-wrap::after { opacity: 0; } #section-169.s123-module-headers.layout-18[data-menu-opacity="true"]:not(.parallax-on) .headers-container.texts-with-images-only .headers-img-wrap::after { opacity: var(--header-image-opacity); } .s123-module-headers.layout-18 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-18 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-18 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-18 .headers-video-handler { display: block; } .s123-module-headers.layout-18 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-18 .carousel .item.one-item { display: block; } .s123-module-headers.layout-18 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-18 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-18 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-18 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .s123-module-headers.layout-18 .s123-c-t-a { justify-content: center; } .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-top .s123-c-t-a, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-center .s123-c-t-a, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-bottom .s123-c-t-a { justify-content: right; } .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-top .s123-c-t-a, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-center .s123-c-t-a, .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-bottom .s123-c-t-a { justify-content: left; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-top .s123-c-t-a, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-center .s123-c-t-a, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-right-bottom .s123-c-t-a { justify-content: left; } html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-top .s123-c-t-a, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-center .s123-c-t-a, html[dir="rtl"] .s123-module-headers.layout-18 .headers-text-wrap.header-text-vertical-position-left-bottom .s123-c-t-a { justify-content: right; } .s123-module-headers.layout-18 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-18 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-18 .video-bg { height: 100%; width: 100%; } .s123-module-headers.layout-18 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-18 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-20 { display: flex; align-items: center; } .s123-module-headers.layout-20 .headers-text-wrap .container, .s123-module-headers.layout-20 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-20 .headers-container { display: grid; grid-template-columns: 100%; grid-template-rows: min-content 1fr; text-align: left; gap: 0px; } @media (max-width: 767px) { .s123-module-headers.layout-20 .header-spacer[data-action-exist="false"] { display: block; height: 42px; } } @media (min-width: 768px) { .s123-module-headers.layout-20 .headers-container { gap: 56px; } } html[dir="rtl"] .s123-module-headers.layout-20 .headers-container { text-align: right; } @media (min-width: 1024px) { .s123-module-headers.layout-20 .headers-container { grid-template-columns: 0.6fr 0.4fr; grid-template-rows: auto; gap: 100px; width: calc(100% - 70px) !important; } .s123-module-headers.layout-20 .headers-container.second-side { grid-template-columns: 0.4fr 0.6fr; } .s123-module-headers.layout-20 .headers-container.second-side .headers-text-wrap { grid-area: 1 / 2; } .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap { grid-area: 1 / 1; } } .s123-module-headers.layout-20 .headers-container .headers-text-wrap { display: flex; flex-direction: column; align-self: center; } @media (min-width: 767px) and (max-width: 1024px) { .s123-module-headers.layout-20 .headers-container { row-gap: 85px; justify-content: center; } .s123-module-headers.layout-20 .headers-container .headers-text-wrap { align-items: center; } .s123-module-headers.layout-20 .headers-container .headers-img-wrap { width: 100%; place-self: center; max-width: 497px; } } @media (max-width: 767px) { .s123-module-headers.layout-20 .headers-container .headers-text-wrap { text-align: center; align-items: center; min-width: 250px; } .s123-module-headers.layout-20 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-20 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } } .s123-module-headers.layout-20 .headers-container .headers-img-wrap { display: flex; justify-content: center; position: relative; align-self: center; } html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap .carousel-inner, .s123-module-headers.layout-20 .headers-container .headers-img-wrap .carousel-inner { box-shadow: rgba(0, 0, 0, 0.6) -7px 4px 15px -5px; } .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap .carousel-inner, html[dir="rtl"] .s123-module-headers.layout-20 .headers-container .headers-img-wrap .carousel-inner { box-shadow: rgba(0, 0, 0, 0.6) 7px 4px 15px -5px; } html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { content: ""; position: absolute; height: calc(100% + 20px); right: 0px; width: 85%; } html[dir="rtl"] .s123-module-headers.layout-20:not(.background-primary-color) .headers-container.second-side .headers-img-wrap::before, .s123-module-headers.layout-20:not(.background-primary-color) .headers-container .headers-img-wrap::before { background-color: var(--modules_color_second_section_main); } html[dir="rtl"] .bg-primary.s123-module-headers.layout-20:not(.background-primary-color) .headers-container.second-side .headers-img-wrap::before, .bg-primary.s123-module-headers.layout-20:not(.background-primary-color) .headers-container .headers-img-wrap::before { background-color: var(--modules_color_section_main); } .s123-module-headers.layout-20 .headers-container.circle-under-image .headers-img-wrap::before { border-radius: 50%; } .s123-module-headers.layout-20.background-primary-color .headers-img-wrap::before { background-color: var(--headerLayout20BGColor); } .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, html[dir="rtl"] .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { right: auto; left: 0px; top: -10px; } html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { left: auto; right: 0px; top: -10px; } @media (max-width: 768px) { .s123-module-headers.layout-20 .headers-container.second-side.circle-under-image .headers-img-wrap::before, html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.circle-under-image .headers-img-wrap::before { left: -10px; } html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side.circle-under-image .headers-img-wrap::before, .s123-module-headers.layout-20 .headers-container.circle-under-image .headers-img-wrap::before { left: auto; right: -10px; } } .s123-module-headers.layout-20.corner-circle .headers-container .headers-img-wrap::before { height: 350px !important; width: 350px !important; top: -37px !important; } @media (max-width: 768px) { .s123-module-headers.layout-20 .headers-container .headers-img-wrap { padding: 20px; } } @media (min-width: 768px) { html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { height: calc(100% + 80px); right: -100px; top: unset; width: 85%; } .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, html[dir="rtl"] .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { right: auto; left: -100px; top: unset; } .s123-module-headers.layout-20.corner-circle .headers-container .headers-img-wrap::before { height: 350px !important; width: 350px !important; top: -37px !important; } } @media (min-width: 992px) { html[dir="rtl"] .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { width: 95%; right: -70px; top: unset; } .s123-module-headers.layout-20 .headers-container.second-side .headers-img-wrap::before, html[dir="rtl"] .s123-module-headers.layout-20 .headers-container .headers-img-wrap::before { right: auto; left: -70px; top: unset; } } .s123-module-headers.layout-20 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-20 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-20 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-20 .headers-video-handler { display: block; } .s123-module-headers.layout-20 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-20 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-20 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-20 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .s123-module-headers.layout-20 .s123-c-t-a { justify-content: space-around; margin-bottom: 40px; } @media (min-width: 768px) { .s123-module-headers.layout-20 .s123-c-t-a { justify-content: flex-start; margin-bottom: 0px; } } .s123-module-headers.layout-20 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-20 .headers-text-orders { align-items: start; } } .s123-module-headers.layout-20 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-20 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-20 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-20 .s123-c-t-a .promoVideoPopup a.iconsCircle { margin: auto 0px; } .s123-module-headers.layout-20.bg-primary-black .s123-c-t-a a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-20.bg-primary-black .s123-c-t-a a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-20.background-primary-color .headers-text-wrap .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-20.background-primary-color .headers-text-wrap .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-20 .header-form-spacer { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-20 .header-form-spacer { display: none; } } .s123-module-headers.layout-20 .headers-container.circle-under-image .headers-img-wrap.circle-fixed-width::before { width: 75%; } @media (min-width: 992px) { .s123-module-headers.layout-20 .headers-container.circle-under-image .headers-img-wrap.circle-fixed-width::before { width: 85%; } } @media (max-width: 1200px) { .s123-module-headers.layout-20 .s123-c-t-a[data-type="buttons"] a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 350px !important; } } .s123-module-headers.layout-22 { display: flex; align-items: center; } .s123-module-headers.layout-22 .container-headers-fluid { width: 100vw; margin-inline: 15px; padding-inline: var(--sectionsPadding); } .s123-module-headers.layout-22 .container-headers-fluid .col-fluid { padding-inline: 0px; } @media (max-width: 768px) { .s123-module-headers.layout-22 .container-headers-fluid { padding-inline: calc( var(--sectionsPadding) / 2 ); } } @media (min-width: 768px) and (max-width: 992px) { .s123-module-headers.layout-22.r-c-f-c.hpm-height-100vh, #section-169.s123-module-headers.layout-22.hpm-height-100vh, .s123-module-headers.layout-22.r-c-f-c .hpm-height-100vh, #section-169.s123-module-headers.layout-22 .hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } } @media (max-width: 767px) { #section-169.s123-module-headers.layout-22 { min-height: calc(50vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-22:not(#section-169) { min-height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } .s123-module-headers.layout-22 .container { width: 100%; } } .s123-module-headers.layout-22 .headers-description .container { width: 100%; } .s123-module-headers.layout-22 .headers-video-handler { display: block; } .s123-module-headers.layout-22 .headers-container { display: flex; width: 100%; justify-content: center; flex-direction: column; position: relative; } @media (min-width: 768px) { .s123-module-headers.layout-22 .headers-container { height: calc(var(--headers-description-height) + 60px); } .s123-module-headers.layout-22 .headers-container { margin-bottom: 60px; } } .s123-module-headers.layout-22 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-22 .carousel .item.one-item { display: block; } .s123-module-headers.layout-22 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-22 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-22 .header-box-shadow { border-radius: 10px; } .s123-module-headers.layout-22 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-22 .headers-container .headers-image { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; min-height: 400px; border-radius: 10px; height: calc(var(--headers-description-height) + 60px) !important; } .s123-module-headers.layout-22 .headers-container .video-bg { height: 400px; } .s123-module-headers.layout-22 .headers-container .video-bg .headers-bg-video { height: 400px; border-radius: 10px; } .s123-module-headers.layout-22.hpm-height-75vh .headers-container .video-bg, .s123-module-headers.layout-22.hpm-height-75vh .headers-container .video-bg .headers-bg-video, .s123-module-headers.layout-22.hpm-height-75vh .headers-container .headers-image { height: 480px; } .s123-module-headers.layout-22.hpm-height-100vh .headers-container .video-bg, .s123-module-headers.layout-22.hpm-height-100vh .headers-container .video-bg .headers-bg-video, .s123-module-headers.layout-22.hpm-height-100vh .headers-container .headers-image { height: 580px; } @media (max-width: 767px) { .s123-module-headers.layout-22.hpm-height-100vh .headers-container .video-bg, .s123-module-headers.layout-22.hpm-height-75vh .headers-container .video-bg, .s123-module-headers.layout-22 .headers-container .video-bg, .s123-module-headers.layout-22.hpm-height-100vh .headers-container .video-bg .headers-bg-video, .s123-module-headers.layout-22.hpm-height-75vh .headers-container .video-bg .headers-bg-video, .s123-module-headers.layout-22 .headers-container .video-bg .headers-bg-video, .s123-module-headers.layout-22.hpm-height-100vh .headers-container .headers-image, .s123-module-headers.layout-22.hpm-height-75vh .headers-container .headers-image, .s123-module-headers.layout-22 .headers-container .headers-image { height: 300px; border-radius: 0px; } } .s123-module-headers.layout-22 .headers-container .headers-description { position: absolute; bottom: -25px; left: 65px; width: 500px; padding: 10px; border-radius: 5px; z-index: 1; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); } @media (min-width: 767px) { html[dir="rtl"] .s123-module-headers.layout-22 .headers-container .headers-description, .s123-module-headers.layout-22 .headers-container.second-side .headers-description { left: auto; right: 65px; } html[dir="rtl"] .s123-module-headers.layout-22 .headers-container.second-side .headers-description { right: auto; left: 65px; } .s123-module-headers.layout-22 .headers-container .headers-description { bottom: -65px; padding: 60px 40px; text-align: unset; } } .s123-module-headers.layout-22 .headers-container .headers-description.bg-primary-black { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .s123-module-headers.layout-22 .headers-container .headers-description.bg-primary-gray { background-color: rgb(235, 237, 240); color: rgb(68, 73, 80); } @media (max-width: 767px) { .s123-module-headers.layout-22 .headers-container .headers-description { width: 300px; left: calc(50% - 150px) !important; } } @media (max-width: 768px) { .s123-module-headers.layout-22 .carousel.slide { width: 100%; margin: 0px; } } .s123-module-headers.layout-22 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; } .s123-module-headers.layout-22 .headers-text-orders .header1 ul, .s123-module-headers.layout-22 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (min-width: 768px) { .s123-module-headers.layout-22 .headers-text-orders { align-items: start; text-align: unset; } .s123-module-headers.layout-22 .headers-text-orders .header1 ul, .s123-module-headers.layout-22 .headers-text-orders .header2 ul { display: block; margin: auto; } } .s123-module-headers.layout-22 .s123-c-t-a { justify-content: space-around; } @media (min-width: 768px) { .s123-module-headers.layout-22 .s123-c-t-a { justify-content: flex-start; } } .s123-module-headers.layout-22 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 580px; object-fit: cover; } .s123-module-headers.layout-22 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-22 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-22 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-22 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-22 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-22 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-22 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-22 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-22 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .s123-module-headers.layout-22 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-22 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-22 .header-text-position-center .s123-c-t-a { justify-content: center; } .s123-module-headers.layout-22 .header-text-position-center .s123-c-t-a .redirect-buttons-container { justify-content: center; } .s123-module-headers.layout-22 .header-text-position-center .s123-c-t-a .MailingTool .mailingListBox { margin: auto !important; } .s123-module-headers.layout-23 { padding: 0px !important; } @media (max-width: 768px) { .s123-module-headers.layout-23 { padding: 0px !important; } } .s123-module-headers.layout-23 .container-fluid { width: 100%; height: auto; margin: 0px; padding: 0px; } @media (max-width: 768px) { .s123-module-headers.layout-23 .headers-container .headers-text-wrap { width: 100%; } } .s123-module-headers.layout-23 .headers-container:not(.transparent-box) .headers-text-wrap .headers-text-box:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { background-color: rgb(255, 255, 255); } #section-169.s123-module-headers.layout-23 .headers-text-wrap .headers-text-box:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { color: rgb(0, 0, 0); } .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box { padding: 15px; width: 100%; margin-bottom: 0px; margin-top: 0px; text-align: center; min-height: 190px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 992px) { .s123-module-headers.layout-23 .headers-container.box-padding.second-side .headers-text-wrap .headers-text-box:not(.header-text-position-center), html[dir="rtl"] .s123-module-headers.layout-23 .headers-container.box-padding .headers-text-wrap .headers-text-box:not(.header-text-position-center) { padding: 30px 45px 30px 110px; } html[dir="rtl"] .s123-module-headers.layout-23 .headers-container.box-padding.second-side .headers-text-wrap .headers-text-box:not(.header-text-position-center), .s123-module-headers.layout-23 .headers-container.box-padding .headers-text-wrap .headers-text-box:not(.header-text-position-center) { padding: 30px 110px 45px 30px; } } .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box .header1 ul, .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-23 .headers-container:not(.transparent-box) .headers-text-wrap .headers-text-box { box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 30px; } @media (min-width: 767px) { .s123-module-headers.layout-23 .headers-text-wrap { width: 95%; margin: auto; } } @media (min-width: 768px) { .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box { padding: 30px 45px; width: 510px; text-align: unset; } .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box .header1 ul, .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box .header2 ul { display: block; margin: auto; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-wrap .headers-text-box { position: relative; padding: 60px 45px; } } html[dir="rtl"] .s123-module-headers.layout-23 .headers-text-wrap .headers-text-box { margin-bottom: 0px; margin-top: 0px; } @media (max-width: 768px) { .s123-module-headers.layout-23 .headers-container:not(.transparent-box) .headers-text-wrap .headers-text-box { margin-left: auto; width: 100%; min-width: auto; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box { width: calc(100% - 30px); margin: auto; } } .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) .headers-text-orders li, .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) .header1, .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) .header2, .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) { color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray .headers-text-orders li, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray .header1, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray .header2, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray { color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white .headers-text-orders li, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white .header1, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white .header2, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white { color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black .headers-text-orders li, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black .header1, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black .header2, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black { color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary.box-text-primary .headers-text-orders li, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary.box-text-primary .header1, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary.box-text-primary .header2, .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary.box-text-primary { color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box:not(.bg-primary-white, .bg-primary-gray, .background-primary-color) .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-black .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white .s123-c-t-a a.iconsCircle { border-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-white .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray .s123-c-t-a a.iconsCircle { border-color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.bg-primary-gray .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_text_second_box) !important; } .bg-primary.s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_text_box) !important; } .bg-primary.s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.box-primary .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_text_box) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.background-primary-color .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.background-primary-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box.background-primary-color .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box { background-color: unset !important; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box::before { content: ""; opacity: 0.75; display: block; width: 100%; height: 100%; position: absolute; inset: 0px; } .s123-module-headers.layout-23[data-version=""] .headers-container.transparent-box .headers-text-box::before { background-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box::before { background-color: var(--modules_color_second_box); } .bg-primary.s123-module-headers.layout-23[data-version="2"] .headers-container.transparent-box .headers-text-box::before { background-color: var(--modules_color_box); } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.bg-primary-black::before { background-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.background-primary-color::before { background-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.layout-23.bg-primary .headers-container.transparent-box .headers-text-box.background-primary-color::before { background-color: var(--modules_color_section_main) !important; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.background-primary-color .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.background-primary-color .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.bg-primary-white::before { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-23 .headers-container.transparent-box .headers-text-box.bg-primary-gray::before { background-color: rgb(235, 237, 240) !important; } .s123-module-headers.layout-23 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-23 .headers-container { display: grid; justify-items: center; } .s123-module-headers.layout-23 .headers-container { min-height: 300px; } @media (min-width: 992px) { .s123-module-headers.layout-23 .headers-container { padding: var(--sectionsPadding) 0; } .s123-module-headers.layout-23 .headers-container.box-padding { padding: 30px 0px; } .inside_page .s123-module-headers.layout-23 .headers-container, .s123-module-headers.layout-23.r-c-f-c .headers-container, #section-169.s123-module-headers.layout-23 .headers-container { padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } } @media (max-width: 768px) { .s123-module-headers.layout-23 .headers-container:not(.transparent-box) { display: flex; flex-direction: column-reverse; min-height: auto; } } .s123-module-headers.layout-23 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; z-index: 1; } .s123-module-headers.layout-23 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .headers-text-wrap .MailingTool { display: flex; justify-content: end; } .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .headers-container.transparent-box .headers-text-wrap .MailingTool { justify-content: start; } .s123-module-headers.layout-23 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; } @media (max-width: 768px) { #section-169.s123-module-headers.layout-23 .headers-container:not(.transparent-box) .headers-img-wrap { position: unset; height: calc(50vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-23:not(#section-169) .headers-container:not(.transparent-box) .headers-img-wrap { position: unset; height: calc(50vh - var(--scrollHeaderSize)) !important; } } .s123-module-headers.layout-23:not(.parallax-on) .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: var(--header-image-opacity); } .s123-module-headers.layout-23[data-menu-opacity="true"]:not(.parallax-on) .headers-container.transparent-box .headers-img-wrap::after { opacity: var(--header-image-opacity); } #section-169.s123-module-headers.layout-23[data-menu-opacity="true"]:not(.parallax-on) .headers-container:not(.transparent-box) .headers-img-wrap::after { opacity: var(--header-image-opacity); } #section-169.s123-module-headers.layout-23[data-menu-opacity="false"]:not(.parallax-on) .headers-container:not(.transparent-box) .headers-img-wrap::after { opacity: var(--header-image-opacity); } .s123-module-headers.layout-23 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-23 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-23 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-23 .headers-video-handler { display: block; } .s123-module-headers.layout-23 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-23 .carousel .item.one-item { display: block; } .s123-module-headers.layout-23 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-23 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-23 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-23 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-23 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-23 .s123-c-t-a { justify-content: space-around; } @media (min-width: 768px) { .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .s123-c-t-a, .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .headers-container.transparent-box .s123-c-t-a { justify-content: start; } } .s123-module-headers.layout-23 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-23 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; } @media (min-width: 768px) { .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .headers-text-orders { align-items: start; text-align: unset; } } .s123-module-headers.layout-23 .video-bg { height: 100%; width: 100%; } .s123-module-headers.layout-23 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-23 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-23 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-23 .headers-text-box.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-23 .headers-text-box.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 767px) { .s123-module-headers.layout-23 .headers-container.second-side .headers-text-box { float: right; } html[dir="rtl"] .s123-module-headers.layout-23 .headers-container.second-side .headers-text-box { float: left; } } @media (min-width: 768px) { .s123-module-headers.layout-23 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-23 .headers-text-box:not(.header-text-position-center) .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-24 { padding: 0px !important; } @media (max-width: 992px) { .s123-module-headers.layout-24 { padding: 0px !important; } } .s123-module-headers.layout-24 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-24 .headers-text-wrap .headers-text-box:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { background-color: rgb(255, 255, 255); } #section-169.s123-module-headers.layout-24 .headers-text-wrap .headers-text-box:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { color: rgb(0, 0, 0); } .s123-module-headers.layout-24 .headers-text-wrap .headers-text-box { padding: 60px; box-shadow: rgba(0, 0, 0, 0.15) 0px 20px 30px; } @media (max-width: 768px) { .s123-module-headers.layout-24 .headers-text-wrap .headers-text-box { padding: 30px; margin-bottom: 0px; margin-top: 0px; } } @media (min-width: 992px) { .s123-module-headers.layout-24 .headers-text-wrap .headers-text-box { margin-left: 15px; margin-right: 15px; } } @media (max-width: 768px) { .s123-module-headers.layout-24 .headers-text-wrap.container { width: 100%; } } .s123-module-headers.layout-24 .headers-text-wrap .header2 { line-height: 1.8em; } .s123-module-headers.layout-24 .headers-container { display: flex; flex-direction: column; min-height: 500px; justify-content: center; align-items: center; } @media (min-width: 992px) { .s123-module-headers.layout-24 .headers-container { padding: var(--sectionsPadding) 0; } } .inside_page .s123-module-headers.layout-24 .headers-container, .s123-module-headers.layout-24.r-c-f-c .headers-container, #section-169.s123-module-headers.layout-24 .headers-container { padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } @media (max-width: 768px) { .s123-module-headers.layout-24 .headers-container { display: flex; flex-direction: column-reverse; min-height: auto; } .inside_page .s123-module-headers.layout-24 .headers-container, .s123-module-headers.layout-24.r-c-f-c .headers-container, #section-169.s123-module-headers.layout-24 .headers-container { padding-top: 0px !important; padding-bottom: 0px !important; } } .s123-module-headers.layout-24 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; z-index: 1; } .s123-module-headers.layout-24 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-24 .headers-text-wrap .MailingTool { display: flex; justify-content: end; } .s123-module-headers.layout-24 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; } @media (max-width: 768px) { #section-169.s123-module-headers.layout-24 .headers-container .headers-img-wrap { position: unset; height: calc(50vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-24:not(#section-169) .headers-container .headers-img-wrap { position: unset; height: calc(50vh - var(--scrollHeaderSize)) !important; } } .s123-module-headers.layout-24:not(.parallax-on) .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: var(--header-image-opacity); } #section-169.s123-module-headers.layout-24[data-menu-opacity="true"]:not(.parallax-on) .headers-container .headers-img-wrap::after { opacity: var(--header-image-opacity); } #section-169.s123-module-headers.layout-24[data-menu-opacity="false"]:not(.parallax-on) .headers-container .headers-img-wrap::after { opacity: var(--header-image-opacity); } .s123-module-headers.layout-24 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-24 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-24 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-24 .headers-video-handler { display: block; } .s123-module-headers.layout-24 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-24 .carousel .item.one-item { display: block; } .s123-module-headers.layout-24 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-24 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-24 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-24 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-24 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-24 .s123-c-t-a { justify-content: center; } .s123-module-headers.layout-24 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-24 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; } .s123-module-headers.layout-24 .headers-text-orders .header1 ul, .s123-module-headers.layout-24 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-24 .video-bg { height: 100%; width: 100%; } .s123-module-headers.layout-24 .headers-container .headers-text-box.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-24 .headers-container .headers-text-box.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-24 .headers-container .headers-text-box.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover { color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); } .s123-module-headers.layout-24 .headers-container .headers-text-box.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover .svg-m { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-25 { padding: 0px !important; } .s123-module-headers.layout-25 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-25 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-25 .headers-text-wrap .header1, .s123-module-headers.layout-25 .headers-text-wrap .header2 { color: rgb(0, 0, 0); } .s123-module-headers.layout-25 .headers-container { display: grid; position: relative; min-height: 300px; justify-items: center; } @media (min-width: 768px) { #section-169.s123-module-headers.layout-25 .headers-container { min-height: calc(70vh - var(--homepage_layout_height_menu_space)); } .s123-module-headers.layout-25:not(#section-169) .headers-container { min-height: calc(70vh - (var(--scrollHeaderSize) * var(--sticky_menu))); } } .s123-module-headers.layout-25 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; text-align: center; z-index: 1; } .s123-module-headers.layout-25 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-25 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-25:not(#section-169, .r-c-f-c) .headers-container .headers-text-wrap { margin-bottom: var(--sectionsPadding); margin-top: var(--sectionsPadding); } .s123-module-headers.layout-25.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-25 .headers-container .headers-text-wrap { height: 100%; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .s123-module-headers.layout-25.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-25 .headers-container .headers-text-wrap { padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } } .s123-module-headers.layout-25 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-25 .headers-text-wrap .MailingTool { display: flex; justify-content: center; } .s123-module-headers.layout-25 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; } .s123-module-headers.layout-25 .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .s123-module-headers.layout-25 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-25 .headers-img-wrap .carousel::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.5; } .s123-module-headers.layout-25 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-25 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-25 .headers-video-handler { display: block; } .s123-module-headers.layout-25 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-25 .carousel .item.one-item { display: block; } .s123-module-headers.layout-25 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-25 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-25 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-25 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-25 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-25 .s123-c-t-a { justify-content: center; } .s123-module-headers.layout-25 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-25 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-25 .video-bg { height: 100%; width: 100%; } html.parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26_second_side"]::after, html.parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26"]::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } html[dir="RTL"].parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26_second_side"]::after, html.parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26"]::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 0, 0) 78%); } html.parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26_second_side"]::after, html[dir="RTL"].parallax-active [id^="parallax_headers_mirror_"][id$="_layout_26"]::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 0, 0) 78%); } .s123-module-headers.layout-26 { padding: 0px !important; } .s123-module-headers.layout-26 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-26 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-26[data-version=""] .headers-text-wrap .header1, .s123-module-headers.layout-26[data-version=""] .headers-text-wrap .header2 { color: rgb(255, 255, 255); } .s123-module-headers.layout-26[data-version="2"] .headers-text-wrap .header1, .s123-module-headers.layout-26[data-version="2"] .headers-text-wrap .header2 { color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-26 .headers-container { display: grid; min-height: 300px; justify-items: center; } .s123-module-headers.layout-26 .headers-container { padding: var(--sectionsPadding) 0; } @media (max-width: 767px) { .s123-module-headers.layout-26 .headers-container { padding: calc( var(--sectionsPadding) / 2 ) 0; } } @media (min-width: 768px) { .s123-module-headers.layout-26 .headers-container { min-height: 500px; } } .s123-module-headers.layout-26 .headers-container .headers-text-wrap { display: flex; flex-direction: column; margin: auto; position: relative; z-index: 1; height: 100%; justify-content: center; } .s123-module-headers.layout-26 .headers-container .headers-text-wrap.header-text-vertical-position-bottom { justify-content: flex-end; } .s123-module-headers.layout-26 .headers-container .headers-text-wrap.header-text-vertical-position-top { justify-content: flex-start; } .inside_page .s123-module-headers.layout-26 .headers-container .headers-text-wrap, .s123-module-headers.layout-26.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-26 .headers-container .headers-text-wrap { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .inside_page .s123-module-headers.layout-26 .headers-container .headers-text-wrap, .s123-module-headers.layout-26.r-c-f-c .headers-container .headers-text-wrap, #section-169.s123-module-headers.layout-26 .headers-container .headers-text-wrap { padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } } .s123-module-headers.layout-26 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-26 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; --layout26OpacityColor: 0, 0, 0; } html:not(.parallax-active) .s123-module-headers.layout-26 .headers-container .headers-img-wrap::after, .s123-module-headers.layout-26:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } html:not(.parallax-active) .s123-module-headers.layout-26 .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: rgb(0, 0, 0); opacity: 0.5; } html:not(.parallax-active) .s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: var(--modules_color_second_box); } html:not(.parallax-active) .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .headers-container.half-opacity .headers-img-wrap::after, .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: var(--modules_color_box); } html:not(.parallax-active) .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26[data-box-color="bg-primary-black"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: rgb(0, 0, 0); } html:not(.parallax-active) .s123-module-headers.layout-26[data-box-color="bg-primary-white"] .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26[data-box-color="bg-primary-white"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: rgb(255, 255, 255); } html:not(.parallax-active) .s123-module-headers.layout-26[data-box-color="bg-primary-gray"] .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26[data-box-color="bg-primary-gray"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: rgb(235, 237, 240); } html:not(.parallax-active) .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: var(--modules_color_second_section_main); } html:not(.parallax-active) .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-img-wrap::after, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"]:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { background-color: var(--modules_color_section_main); } .s123-module-headers.layout-26[data-box-color="bg-primary-gray"][data-version="2"] .headers-container .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-gray"][data-version="2"] .headers-container .headers-text-wrap .header2, .s123-module-headers.layout-26[data-box-color="bg-primary-gray"] .headers-container.half-opacity .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-gray"] .headers-container.half-opacity .headers-text-wrap .header2 { color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-white"][data-version="2"] .headers-container .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-white"][data-version="2"] .headers-container .headers-text-wrap .header2, .s123-module-headers.layout-26[data-box-color="bg-primary-white"] .headers-container.half-opacity .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-white"] .headers-container.half-opacity .headers-text-wrap .header2 { color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-black"][data-version="2"] .headers-container .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-black"][data-version="2"] .headers-container .headers-text-wrap .header2, .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .headers-container.half-opacity .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .headers-container.half-opacity .headers-text-wrap .header2 { color: rgb(255, 255, 255) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"][data-version="2"] .headers-container .headers-text-wrap .header1, .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"][data-version="2"] .headers-container .headers-text-wrap .header2, .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .headers-container.half-opacity .headers-text-wrap .header1, .bg-primary.s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .headers-container.half-opacity .headers-text-wrap .header2 { color: var(--modules_color_text_box) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header2, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header2 { color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header2, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header1, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header2 { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header1, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"][data-version="2"] .headers-container .headers-text-wrap .header2, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header1, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container.half-opacity .headers-text-wrap .header2 { color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-white"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-white"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(0, 0, 0) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-gray"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn { border-color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-gray"] .s123-c-t-a a.iconsCircle.iconsCircleSmall.video-popup-btn i.svg-m { background-color: rgb(68, 73, 80) !important; } .s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-26[data-box-color="box-primary box-text-primary"] .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_text_second_box) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle { border-color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle { border-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.iconsCircle i.svg-m { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a[data-type="searchBox"] button.btn-primary, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a[data-type="mailingList"] button.btn-primary, .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_second_section_btn_text) !important; color: var(--modules_color_second_section_main) !important; background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a[data-type="searchBox"] button.btn-primary, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a[data-type="mailingList"] button.btn-primary, .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended { border-color: var(--modules_color_section_btn_text) !important; color: var(--modules_color_section_main) !important; background-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_second_section_main) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended .svg-m { background-color: var(--modules_color_section_main) !important; } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_second_section_main) !important; } .s123-module-headers.bg-primary.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .s123-c-t-a a.btn-primary-automatic-recommended::before { border-color: var(--modules_color_section_main) !important; } @media (min-width: 768px) { html:not(.parallax-active) .s123-module-headers.layout-26 .headers-container.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26:not(#section-169.parallax-without-opacity, .parallax-on) .headers-container.half-opacity .headers-img-wrap::after { width: 50%; } html[dir="LTR"]:not(.parallax-active) .s123-module-headers.layout-26 .headers-container.second-side.half-opacity .headers-img-wrap::after, .s123-module-headers.layout-26:not(#section-169.parallax-without-opacity) .headers-container.second-side.half-opacity .headers-img-wrap::after, html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26 .headers-container.half-opacity:not(.second-side) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26:not(#section-169.parallax-without-opacity) .headers-container.half-opacity:not(.second-side) .headers-img-wrap::after { margin-left: 50%; } } html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%); } html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(90deg,rgb(var(--layout26OpacityColor),0.9) 2%,rgb(var(--layout26OpacityColor),0.6) 52%); } html:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%); } html:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(270deg,rgb(var(--layout26OpacityColor),0.9) 2%,rgb(var(--layout26OpacityColor),0.6) 52%); } @media (min-width: 768px) { html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 0, 0) 78%); } html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(90deg,rgb(var(--layout26OpacityColor),0.9) 2%,rgb(var(--layout26OpacityColor),0.6) 52%,rgb(var(--layout26OpacityColor),0) 78%); } html:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version=""] .headers-container:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version=""]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(270deg, rgba(0, 0, 0, 0.9) 2%, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 0, 0) 78%); } html:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container.second-side:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"]:not(.parallax-active) .s123-module-headers.layout-26[data-version="2"] .headers-container:not(.half-opacity) .headers-img-wrap::after, html[dir="RTL"] .s123-module-headers.layout-26[data-version="2"]:not(#section-169.parallax-without-opacity) .headers-container:not(.half-opacity) .headers-img-wrap::after { background: linear-gradient(270deg,rgb(var(--layout26OpacityColor),0.9) 2%,rgb(var(--layout26OpacityColor),0.6) 52%,rgb(var(--layout26OpacityColor),0) 78%); } } .s123-module-headers.layout-26 .headers-img-wrap .carousel { height: 100%; width: 100%; } html:not(.parallax-active) .s123-module-headers.layout-26 .headers-img-wrap .carousel::after, .s123-module-headers.layout-26:not(.parallax-on) .headers-img-wrap .carousel::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0; } html:not(.parallax-active) #section-169.s123-module-headers.layout-26[data-menu-opacity="true"] .headers-img-wrap .carousel::after, #section-169.s123-module-headers.layout-26[data-menu-opacity="true"]:not(.parallax-on) .headers-img-wrap .carousel::after { opacity: 0.5; } @media (max-width: 767px) { html:not(.parallax-active) #section-169.s123-module-headers.layout-26 .headers-img-wrap .carousel::after, #section-169.s123-module-headers.layout-26:not(.parallax-on) .headers-img-wrap .carousel::after { opacity: 0.5; } } .s123-module-headers.layout-26 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-26 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-26 .headers-video-handler { display: block; } .s123-module-headers.layout-26 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-26 .carousel .item.one-item { display: block; } .s123-module-headers.layout-26 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-26 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-26 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-26 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } .s123-module-headers.layout-26 .s123-c-t-a { justify-content: space-around; } @media (min-width: 768px) { .s123-module-headers.layout-26 .s123-c-t-a { justify-content: flex-start; } } .s123-module-headers.layout-26 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-26 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; } .s123-module-headers.layout-26 .headers-text-orders .header1 ul, .s123-module-headers.layout-26 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (min-width: 768px) { .s123-module-headers.layout-26 .headers-text-orders { align-items: start; text-align: unset; } .s123-module-headers.layout-26 .headers-text-orders .header1 ul, .s123-module-headers.layout-26 .headers-text-orders .header2 ul { display: block; margin: auto; } .s123-module-headers.layout-26 .headers-text-orders, .s123-module-headers.layout-26 .headers-container.half-opacity .s123-c-t-a, .s123-module-headers.layout-26 .headers-container.second-side .container-fluid { width: 45%; } .s123-module-headers.layout-26 .headers-container.half-opacity.second-side .s123-c-t-a[data-type="mailingList"], .s123-module-headers.layout-26 .headers-container.half-opacity.second-side .s123-c-t-a[data-type="buttons"] { width: 100%; } .s123-module-headers.layout-26 .headers-text-orders, html[dir="rtl"] .s123-module-headers.layout-26 .headers-container.second-side .container-fluid, html[dir="rtl"] .s123-module-headers.layout-26 .headers-container.second-side .headers-text-orders { margin-right: auto; margin-left: 0px; } html[dir="rtl"] .s123-module-headers.layout-26 .headers-text-orders, .s123-module-headers.layout-26 .headers-container.second-side .container-fluid, .s123-module-headers.layout-26 .headers-container.second-side .headers-text-orders { margin-left: auto; margin-right: 0px; } .s123-module-headers.layout-26 .headers-container.half-opacity .s123-c-t-a[data-type="buttons"] .redirect-buttons-container { justify-content: flex-start; } } @media (min-width: 768px) and (max-width: 992px) { .s123-module-headers.layout-26 .headers-container.half-opacity .s123-c-t-a[data-type="buttons"] a.btn { margin-left: 0px; margin-right: 0px; } } .s123-module-headers.layout-26 .video-bg { height: 100%; width: 100%; } .s123-module-headers.layout-26 a.iconsCircle { margin: 0px; } @media (min-width: 768px) { .s123-module-headers.layout-26 .headers-container:not(.half-opacity) .s123-c-t-a .redirect-buttons-container a:first-child { margin-left: 0px !important; } html[dir="rtl"] .s123-module-headers.layout-26 .headers-container:not(.half-opacity) .s123-c-t-a .redirect-buttons-container a:first-child { margin-left: auto; margin-right: 0px !important; } } .s123-module-headers.layout-26 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-26 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-26 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-26 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:not(:hover) { color: rgb(255, 255, 255); } .s123-module-headers.layout-26 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-26 .s123-c-t-a[data-type="searchBox"] { width: auto !important; } .s123-module-headers.layout-26 .headers-container.second-side .s123-c-t-a .redirect-buttons-container { justify-content: center; } @media (min-width: 768px) { .s123-module-headers.layout-26 .headers-container.second-side .s123-c-t-a .redirect-buttons-container { justify-content: flex-start; } } .s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container .line::after { border-top-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="background-primary-color btn-primary-text-color"] .headers-container .line::after { border-top-color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-26[data-box-color="bg-primary-black"] .headers-container .line::after { border-top-color: rgb(255, 255, 255) !important; } .bg-primary.s123-module-headers.layout-26[data-box-color="bg-primary-black"] .headers-container .line::after { border-top-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-27 { padding: 0px !important; } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-27 .hpm-height-85vh, #section-169.s123-module-headers.layout-27 .hpm-height-95vh, #section-169.s123-module-headers.layout-27 .hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-27:not(#section-169) .hpm-height-85vh, .s123-module-headers.layout-27:not(#section-169) .hpm-height-95vh, .s123-module-headers.layout-27:not(#section-169) .hpm-height-100vh { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-27 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } .s123-module-headers.layout-27 .headers-text-wrap .container { width: 100%; } .s123-module-headers.layout-27 .headers-container { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 1fr; } .s123-module-headers.layout-27 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; padding: 30px; height: 100%; min-height: 300px; } #section-169.s123-module-headers.layout-27 .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color), .s123-module-headers.layout-27:not(.bg-primary) .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color) { color: var(--modules_color_text_second); background-color: var(--modules_color_second); } .s123-module-headers.layout-27.bg-primary .headers-container .headers-text-wrap:not(.bg-primary-white, .bg-primary-black, .bg-primary-gray, .background-primary-color, .bg-footer-color) { color: var(--modules_color_text); background-color: var(--modules_color); } @media (min-width: 768px) { .s123-module-headers.layout-27 .headers-container { grid-template-columns: 33% 67%; grid-template-rows: auto; justify-content: center; } .s123-module-headers.layout-27.second-side .headers-container { grid-template-columns: 67% 33%; } .s123-module-headers.layout-27.second-side .headers-container .headers-text-wrap { grid-area: 1 / 2; } .s123-module-headers.layout-27 .headers-container .headers-text-wrap { padding: 10% 15%; min-height: 100%; } } @media (min-width: 768px) and (max-width: 992px) { .s123-module-headers.layout-27.second-side .headers-container, .s123-module-headers.layout-27 .headers-container { grid-template-columns: 1fr 1fr; } } .s123-module-headers.layout-27 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-27 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; } .s123-module-headers.layout-27 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-27 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-27 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-27 .headers-video-handler { display: block; } .s123-module-headers.layout-27 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-27 .carousel .item.one-item { display: block; } .s123-module-headers.layout-27 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-27 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-27 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-27 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-27 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-27 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-27 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-27 .headers-container .headers-text-wrap { min-height: 340px; text-align: center; } .s123-module-headers.layout-27 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-27 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-27 .s123-c-t-a { justify-content: center; } } .s123-module-headers.layout-27 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-27 .headers-text-orders { align-items: start; } } .s123-module-headers.layout-27 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-27 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-27 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-27.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-27.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-27.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-27.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-27.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-27.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-27 .headers-text-wrap.background-primary-color .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-27 .headers-text-wrap.background-primary-color .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-27 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-27 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-27 .header-text-position-center .headers-text-orders { align-items: center; } .s123-module-headers.layout-27 .header-text-position-center .headers-text-orders .header1, .s123-module-headers.layout-27 .header-text-position-center .headers-text-orders .header2 { text-align: center; } .s123-module-headers.layout-27 .header-text-position-center .s123-c-t-a { justify-content: center; } .s123-module-headers.layout-27 .header-text-position-center .s123-c-t-a .redirect-buttons-container { justify-content: center; } .s123-module-headers.layout-27 .header-text-position-center .s123-c-t-a .MailingTool .mailingListBox { margin: auto !important; } .s123-module-headers.layout-29 { padding: 0px !important; } #section-169.s123-module-headers.layout-29 { min-height: calc(50vh - var(--homepage_layout_height_menu_space)); } .s123-module-headers.layout-29:not(#section-169) { min-height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu))); } .s123-module-headers.layout-29 .container { width: 100%; margin: auto 0px; } .s123-module-headers.layout-29 .headers-description .container { width: 100%; } .s123-module-headers.layout-29 .headers-video-handler { display: block; } .s123-module-headers.layout-29 .headers-container { display: flex; width: 100%; flex-direction: column; margin-bottom: 75px; position: relative; min-height: calc(var(--headers-description-height) - 60px); } @media (min-width: 767px) { .s123-module-headers.layout-29 .headers-container { margin-bottom: 150px; } .s123-module-headers.layout-29 .headers-container.box-left-side .headers-description, .s123-module-headers.layout-29 .headers-container.box-right-side .headers-description { bottom: -110px; width: 692px; } html[dir="rtl"] .s123-module-headers.layout-29 .headers-container.box-left-side .headers-description, .s123-module-headers.layout-29 .headers-container.box-right-side .headers-description { left: 0px; right: auto; } .s123-module-headers.layout-29 .headers-container.box-left-side .headers-description, html[dir="rtl"] .s123-module-headers.layout-29 .headers-container.box-right-side .headers-description { left: auto; right: 0px; } .s123-module-headers.layout-29 .headers-container.box-center .headers-description { left: calc(50% - 330px); width: 660px; border-radius: 25px; } html[dir="rtl"] .s123-module-headers.layout-29 .headers-container.box-center .headers-description { left: auto; right: calc(50% - 330px); } } @media (min-width: 992px) { .s123-module-headers.layout-29 .headers-container.box-center .headers-description { left: calc(50% - 390px); width: 780px; border-radius: 25px; } html[dir="rtl"] .s123-module-headers.layout-29 .headers-container.box-center .headers-description { left: auto; right: calc(50% - 390px); } } .s123-module-headers.layout-29 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-29 .carousel .item.one-item { display: block; } .s123-module-headers.layout-29 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-29:not(.parallax-on) .carousel.slide::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: var(--header-image-opacity); } .s123-module-headers.layout-29 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-29 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-29 .headers-container .headers-image { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: calc(-189px + 65vh) !important; } @media (min-width: 768px) { #section-169.s123-module-headers.layout-29.hpm-height-10vh .headers-container .headers-image, #section-169.s123-module-headers.layout-29.hpm-height-20vh .headers-container .headers-image, #section-169.s123-module-headers.layout-29.hpm-height-30vh .headers-container .headers-image { min-height: calc(30vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-40vh .headers-container .headers-image { min-height: calc(40vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-50vh .headers-container .headers-image { min-height: calc(50vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-65vh .headers-container .headers-image { min-height: calc(65vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-75vh .headers-container .headers-image { min-height: calc(75vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-85vh .headers-container .headers-image { min-height: calc(85vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-95vh .headers-container .headers-image { min-height: calc(95vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-100vh .headers-container .headers-image { min-height: calc(100vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29 .headers-container .headers-image { height: calc(var(--headers-description-height) - 60px) !important; } .s123-module-headers.layout-29.hpm-height-10vh:not(#section-169) .headers-container .headers-image, .s123-module-headers.layout-29.hpm-height-20vh:not(#section-169) .headers-container .headers-image, .s123-module-headers.layout-29.hpm-height-30vh:not(#section-169) .headers-container .headers-image { min-height: calc(30vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-40vh:not(#section-169) .headers-container .headers-image { min-height: calc(40vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-50vh:not(#section-169) .headers-container .headers-image { min-height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-65vh:not(#section-169) .headers-container .headers-image { min-height: calc(65vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-75vh:not(#section-169) .headers-container .headers-image { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-85vh:not(#section-169) .headers-container .headers-image { min-height: calc(85vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-95vh:not(#section-169) .headers-container .headers-image { min-height: calc(95vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-100vh:not(#section-169) .headers-container .headers-image { min-height: calc(100vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29:not(#section-169) .headers-container .headers-image { height: calc(var(--headers-description-height) - 60px) !important; } } .s123-module-headers.layout-29 .headers-container .headers-description:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .s123-module-headers.layout-29 .headers-container .headers-description.bg-primary-black { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .s123-module-headers.layout-29 .headers-container.second-side .headers-description, .s123-module-headers.layout-29 .headers-container .headers-description { position: absolute; bottom: -75px; width: 500px; padding: 60px; z-index: 1; min-height: 150px; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 767px) { html[dir="rtl"] .s123-module-headers.layout-29 .headers-container.second-side .headers-description, .s123-module-headers.layout-29 .headers-container:not(.box-left-side, .box-right-side, .box-center, .second-side) .headers-description { right: auto; left: 65px; } .s123-module-headers.layout-29 .headers-container.second-side .headers-description, html[dir="rtl"] .s123-module-headers.layout-29 .headers-container:not(.box-left-side, .box-right-side, .box-center, .second-side) .headers-description { left: auto; right: 65px; } } @media (max-width: 767px) { .s123-module-headers.layout-29 .headers-container.second-side .headers-description, .s123-module-headers.layout-29 .headers-container .headers-description { width: 300px; padding: 20px 10px; left: calc(50% - 150px); } .s123-module-headers.layout-29 .headers-container.box-center .headers-description { border-radius: 25px; } } @media (max-width: 768px) { .s123-module-headers.layout-29 .carousel.slide { width: 100%; margin: 0px; } } .s123-module-headers.layout-29 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; } .s123-module-headers.layout-29 .headers-text-orders .header1 ul, .s123-module-headers.layout-29 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (min-width: 768px) { .s123-module-headers.layout-29 .headers-container:not(.box-center) .headers-text-orders { align-items: start; text-align: unset; } .s123-module-headers.layout-29 .headers-text-orders .header1 ul, .s123-module-headers.layout-29 .headers-text-orders .header2 ul { display: block; margin: auto; } } .s123-module-headers.layout-29 .headers-container:not(.box-center) .headers-description:not(.header-text-position-center) .s123-c-t-a { justify-content: space-around !important; } @media (min-width: 768px) { .s123-module-headers.layout-29 .headers-container:not(.box-center) .headers-description:not(.header-text-position-center) .s123-c-t-a { justify-content: start !important; } } @media (min-width: 768px) { .s123-module-headers.layout-29 .headers-container:not(.box-center) .s123-c-t-a .redirect-buttons-container .btn { margin-left: 0px !important; } } .s123-module-headers.layout-29 .headers-item .video-bg { height: calc(-189px + 65vh) !important; } @media (min-width: 768px) { #section-169.s123-module-headers.layout-29.hpm-height-10vh .headers-item .video-bg, #section-169.s123-module-headers.layout-29.hpm-height-20vh .headers-item .video-bg, #section-169.s123-module-headers.layout-29.hpm-height-30vh .headers-item .video-bg { height: calc(30vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-40vh .headers-item .video-bg { height: calc(40vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-50vh .headers-item .video-bg { height: calc(50vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-65vh .headers-item .video-bg { height: calc(65vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-75vh .headers-item .video-bg { height: calc(75vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-85vh .headers-item .video-bg { height: calc(85vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-95vh .headers-item .video-bg { height: calc(95vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29.hpm-height-100vh .headers-item .video-bg { height: calc(100vh - var(--homepage_layout_height_menu_space) - 150px) !important; } #section-169.s123-module-headers.layout-29 .headers-item .video-bg { height: calc(var(--headers-description-height) - 60px) !important; } .s123-module-headers.layout-29.hpm-height-10vh:not(#section-169) .headers-item .video-bg, .s123-module-headers.layout-29.hpm-height-20vh:not(#section-169) .headers-item .video-bg, .s123-module-headers.layout-29.hpm-height-30vh:not(#section-169) .headers-item .video-bg { height: calc(30vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-40vh:not(#section-169) .headers-item .video-bg { height: calc(40vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-50vh:not(#section-169) .headers-item .video-bg { height: calc(50vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-65vh:not(#section-169) .headers-item .video-bg { height: calc(65vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-75vh:not(#section-169) .headers-item .video-bg { height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-85vh:not(#section-169) .headers-item .video-bg { height: calc(85vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-95vh:not(#section-169) .headers-item .video-bg { height: calc(95vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29.hpm-height-100vh:not(#section-169) .headers-item .video-bg { height: calc(100vh - (var(--scrollHeaderSize) * var(--sticky_menu)) - 150px) !important; } .s123-module-headers.layout-29:not(#section-169) .headers-item .video-bg { height: calc(var(--headers-description-height) - 60px) !important; } } .s123-module-headers.layout-29 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-29 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-29 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-29 .headers-container .headers-description.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-29 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-29 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-29 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-29 .headers-container .headers-description.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .s123-module-headers.layout-29 .headers-container:not(.box-center) .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-29 .headers-container:not(.box-center) .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-29.parallax-on .header-background-container::before { content: ""; width: 100%; height: 100%; position: absolute; inset: 0px; z-index: -101; } .s123-module-headers.layout-29.parallax-on:not(.bg-primary) .header-background-container[data-background-color=""]::before { background-color: var(--modules_color); } .s123-module-headers.layout-29.parallax-on.bg-primary .header-background-container[data-background-color=""]::before { background-color: var(--modules_color_second); } .s123-module-headers.layout-29.parallax-on .header-background-container[data-background-color="bg-footer-color"]::before { background-color: var(--footer_back); } .s123-module-headers.layout-29.parallax-on .header-background-container[data-background-color="bg-primary-white"]::before { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-29.parallax-on .header-background-container[data-background-color="bg-primary-black"]::before { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-29.parallax-on .header-background-container[data-background-color="bg-primary-gray"]::before { background-color: rgb(235, 237, 240); } .s123-module-headers.layout-29.parallax-on .header-background-container[data-background-color="background-primary-color btn-primary-text-color"]::before { background-color: var(--global_main_color); } .s123-module-headers.layout-29:not(.bg-primary) { background-color: var(--modules_color); } .s123-module-headers.layout-29.bg-primary { background-color: var(--modules_color_second); } .s123-module-headers.layout-29.bg-footer-color { background-color: var(--footer_back); } .s123-module-headers.layout-30 { padding: 0px !important; } .s123-module-headers.layout-30 .container-fluid { width: 100%; height: auto; padding: 0px; margin: 0px; } #section-169.s123-module-headers.layout-30:not(.bg-primary-black, .background-primary-color, .bg-primary-gray, .bg-primary-white) .headers-container.half-image .headers-text-wrap, #section-169.s123-module-headers.layout-30:not(.bg-primary-black, .background-primary-color, .bg-primary-gray, .bg-primary-white) .headers-container.without-images .headers-text-wrap { color: var(--modules_color_text_second); } #section-169.s123-module-headers.layout-30.bg-primary-white .headers-container.half-image .headers-text-wrap, #section-169.s123-module-headers.layout-30.bg-primary-white .headers-container.without-images .headers-text-wrap { color: rgb(0, 0, 0); } #section-169.s123-module-headers.layout-30.bg-primary-black .headers-container.half-image .headers-text-wrap, #section-169.s123-module-headers.layout-30.bg-primary-black .headers-container.without-images .headers-text-wrap { color: rgb(255, 255, 255); } .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .headers-text-wrap .header1, .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .headers-text-wrap .header2 { color: rgb(255, 255, 255); text-shadow: rgb(0, 0, 0) 0.03em 0.03em 3px; } html[dir="rtl"] .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .headers-text-wrap .header1, html[dir="rtl"] .s123-module-headers.layout-30 .headers-container:not(.without-images, .half-image) .headers-text-wrap .header2 { text-shadow: rgb(0, 0, 0) -0.03em 0.03em 3px; } @media (max-width: 767px) { .s123-module-headers.layout-30 .headers-container.half-image .headers-text-wrap .header1, .s123-module-headers.layout-30 .headers-container.half-image .headers-text-wrap .header2 { color: rgb(255, 255, 255); } .s123-module-headers.layout-30 .headers-container.half-image .s123-c-t-a a.iconsCircle { border-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-30 .headers-container.half-image .s123-c-t-a a.iconsCircle i.svg-m { background-color: rgb(255, 255, 255) !important; } } .s123-module-headers.layout-30 .headers-container { display: grid; min-height: 500px; justify-items: center; padding-top: 20px; padding-bottom: 20px; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container { padding: var(--sectionsPadding) 0; } .inside_page .s123-module-headers.layout-30 .headers-container, .s123-module-headers.layout-30.r-c-f-c .headers-container, #section-169.s123-module-headers.layout-30 .headers-container { padding-top: calc(50px + var(--homepage_layout_height_opacity_space_top)) !important; padding-bottom: calc(50px + var(--homepage_layout_height_opacity_space_bottom)) !important; } } .s123-module-headers.layout-30 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; height: 100%; margin: auto; position: relative; z-index: 1; } .s123-module-headers.layout-30 .headers-container .headers-text-wrap .responsive-handler { text-align: justify; } .s123-module-headers.layout-30 .headers-container .headers-img-wrap { position: absolute; width: 100%; height: auto; inset: 0px; overflow: hidden; background-position: center center; background-size: cover; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container.half-image .headers-img-wrap { width: 30%; } html[dir="rtl"] .s123-module-headers.layout-30 .headers-container.half-image .headers-img-wrap { margin-right: 70%; } html[dir="ltr"] .s123-module-headers.layout-30 .headers-container.half-image .headers-img-wrap { margin-left: 70%; } } .s123-module-headers.layout-30:not(.parallax-on) .headers-container .headers-img-wrap::after { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: var(--header-image-opacity); } .s123-module-headers.layout-30:not(.parallax-on) .headers-container.half-image .headers-img-wrap::after { background-color: unset; opacity: unset; } .s123-module-headers.layout-30 .headers-img-wrap .carousel { height: 100%; width: 100%; } .s123-module-headers.layout-30 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container .headers-img-wrap { align-items: center; } } .s123-module-headers.layout-30 .headers-video-handler { display: block; } .s123-module-headers.layout-30 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-30 .carousel .item.one-item { display: block; } .s123-module-headers.layout-30 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-30 .carousel.slide .carousel-inner { height: 100%; } .s123-module-headers.layout-30 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-30 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container .headers-image { min-height: 500px; } } .s123-module-headers.layout-30 .s123-c-t-a { justify-content: space-around; margin-bottom: 20px; } .s123-module-headers.layout-30 .headers-container .s123-c-t-a[data-type="mailingList"] { margin-bottom: 0px; } .s123-module-headers.layout-30 .headers-container .s123-c-t-a[data-type="mailingList"] .MailingTool { margin: 0px; } @media (min-width: 768px) { .s123-module-headers.layout-30 .s123-c-t-a { justify-content: flex-start; } .s123-module-headers.layout-30 .headers-container.bottom-form .s123-c-t-a { justify-content: center; } } .s123-module-headers.layout-30 .headers-item .headers-bg-video { top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; } .s123-module-headers.layout-30 .headers-text-orders { display: flex; flex-direction: column; align-items: center; text-align: center; } .s123-module-headers.layout-30 .headers-text-orders .header1 ul, .s123-module-headers.layout-30 .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-text-orders { align-items: start; text-align: unset; } .s123-module-headers.layout-30 .headers-text-orders .header1 ul, .s123-module-headers.layout-30 .headers-text-orders .header2 ul { display: block; margin: auto; } } .s123-module-headers.layout-30 .video-bg { height: 100%; width: 100%; } .s123-module-headers.layout-30 a.iconsCircle { margin: 0px; } .s123-module-headers.layout-30 .s123-c-t-a:not([data-buttons-amount="2"]) .redirect-buttons-container a:first-child { margin-left: 0px !important; } html[dir="rtl"] .s123-module-headers.layout-30 .s123-c-t-a:not([data-buttons-amount="2"]) .redirect-buttons-container a:first-child { margin-left: auto; margin-right: 0px !important; } .s123-module-headers.layout-30 .headers-container .headers-form-wrap { padding: 50px 30px; border-radius: 10px; } .s123-module-headers.layout-30 .headers-container.half-image .headers-form-wrap { padding: 70px 50px; } .s123-module-headers.layout-30 .headers-container:not(.horizontal-form) .headers-form-wrap { max-width: 370px; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container.half-image:not(.horizontal-form) .headers-form-wrap { max-width: 520px; } } .s123-module-headers.layout-30 .headers-container:not(.bottom-form, .second-side) .headers-form-wrap, html[dir="rtl"] .s123-module-headers.layout-30 .headers-container.second-side:not(.bottom-form) .headers-form-wrap { margin-left: auto; margin-right: 0px; } .s123-module-headers.layout-30 .headers-container.second-side:not(.bottom-form) .headers-form-wrap, html[dir="rtl"] .s123-module-headers.layout-30 .headers-container:not(.bottom-form, .second-side) .headers-form-wrap { margin-left: 0px; margin-right: auto; } .s123-module-headers.layout-30 .headers-container.horizontal-form .form-group > label[for^="select-"], .s123-module-headers.layout-30 .contactUsForm .form-group > label[for^="datePicker"], .s123-module-headers.layout-30 .contactUsForm .form-group > label[for^="text"], .s123-module-headers.layout-30 .contactUsForm .form-group > label[for^="select"], .s123-module-headers.layout-30 .contactUsForm .form-group > label[for^="number"], .s123-module-headers.layout-30 .contactUsForm .form-group > label[for^="email"], .s123-module-headers.layout-30 .contactUsForm .c-f-field-type:not([data-field-type="select"]):not([data-field-type="checkbox"]):not([data-field-type="checkbox-group"]):not([data-field-type="radio-group"]) > .form-group > label[for^="twoColumns-"], .s123-module-headers.layout-30 .contactUsForm .form-group > span { display: none; } .s123-module-headers.layout-30 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-30 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container:not(.bottom-form) .s123-c-t-a .mailingListBox { margin: 0px !important; } .s123-module-headers.layout-30 .headers-container.bottom-form .s123-c-t-a .mailingListBox { max-width: 100% !important; } } .s123-module-headers.layout-30 .headers-container.bottom-form .headers-text-orders { text-align: center; } .s123-module-headers.layout-30 .headers-container.bottom-form .headers-text-orders .header1 ul, .s123-module-headers.layout-30 .headers-container.bottom-form .headers-text-orders .header2 ul { display: table; margin: 0px auto; } @media (max-width: 767px) { .s123-module-headers.layout-30 .headers-container .headers-form-wrap { margin: 30px auto auto; } } .s123-module-headers.layout-30 .headers-container.bottom-form .headers-form-wrap { margin: 30px auto auto; } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container.bottom-form:not(.horizontal-form) .headers-form-wrap { width: 50%; } } @media (min-width: 992px) { .s123-module-headers.layout-30 .headers-container.bottom-form:not(.horizontal-form) .headers-form-wrap { width: 42%; } } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container.bottom-form .headers-text-orders { align-items: center; } } .s123-module-headers.layout-30 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-30 .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-30 .headers-container .headers-form-wrap.background-primary-color a.previous-form-btn { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-headers.layout-30 .headers-container .headers-form-wrap.background-primary-color a.previous-form-btn { color: var(--modules_color_section_btn_text) !important; } .s123-module-headers.layout-30.background-primary-color .headers-text-wrap .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-30.background-primary-color .headers-text-wrap .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-30.bg-primary-black .s123-c-t-a a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-30.bg-primary-black .s123-c-t-a a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .s123-module-headers.layout-30 .header-text-vertical-position-center { display: flex; } .s123-module-headers.layout-30 .header-text-vertical-position-center .headers-text-posiosition { height: 100%; display: flex; align-content: center; flex-wrap: wrap; } } .s123-module-headers.layout-30 .headers-container.horizontal-form .c-f-field-type[data-field-type="datePicker"] .form-control { align-items: center; } @media (min-width: 992px) { .s123-module-headers.layout-30 .headers-container.horizontal-form .form-group, .s123-module-headers.layout-30 .headers-container.horizontal-form .form-container { margin-bottom: 0px; } } @media (max-width: 992px) and (min-width: 768px) { .s123-module-headers.layout-30 .headers-form-wrap[data-horizontal-custom-form="true"] { width: 80%; } } @media (min-width: 768px) { .s123-module-headers.layout-30 .headers-container.half-image .s123-c-t-a .redirect-buttons-container { justify-content: flex-start; } } .s123-module-headers.layout-33 { display: flex; align-items: center; } @media (max-width: 767px) { .s123-module-headers.layout-33 .container { width: 100%; } } .s123-module-headers.layout-33 .box-container { display: flex; flex-direction: row; justify-content: center; } .s123-module-headers.layout-33 .headers-container, .s123-module-headers.layout-33 .headers-container .headers-text-orders { display: flex; flex-direction: column; align-items: center; } .s123-module-headers.layout-33 .box-container:not(.without-box) .headers-container { border-bottom-right-radius: 25px; width: 85%; padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .s123-module-headers.layout-33 .box-container:not(.without-box) .headers-container { width: 65%; padding: 50px 65px; } } html[dir="rtl"] .s123-module-headers.layout-33 .box-container:not(.without-box) .headers-container { border-bottom-right-radius: 0px; border-bottom-left-radius: 25px; } .s123-module-headers.layout-33 .box-container:not(.without-box) .headers-container:not(.bg-primary-black, .background-primary-color, .bg-primary-white, .bg-primary-gray) { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } .s123-module-headers.layout-33 .box-container:not(.without-box) .headers-container.bg-primary-black { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); } .s123-module-headers.layout-33.background-primary-color .box-container.without-box .s123-c-t-a a.btn-primary-automatic-recommended { border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); } @media (max-width: 767px) { .s123-module-headers.layout-33 .headers-container .s123-c-t-a { margin-bottom: 10px; } } .s123-module-headers.layout-33 .headers-container.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-33 .headers-container.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-33 .headers-container.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-33 .headers-container.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-33 .headers-container.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-33 .headers-container.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-33.background-primary-color .box-container.without-box .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-33.background-primary-color .box-container.without-box .svg-underline::after { background-color: rgb(0, 0, 0); } .s123-module-headers.layout-35 { display: flex; align-items: center; } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-35.hpm-height-85vh, #section-169.s123-module-headers.layout-35.hpm-height-95vh, #section-169.s123-module-headers.layout-35.hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-35.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-35.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-35.hpm-height-100vh:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-35 .container-fluid { width: 100%; margin-bottom: 130px; box-shadow: 0 500px var(--modules_color); } .s123-module-headers.layout-35.bg-primary:not(#section-169) .container-fluid { box-shadow: 0 500px var(--modules_color_second); } .s123-module-headers.layout-35 .container-fluid.default-background-color { background-color: rgb(251, 239, 215); } .s123-module-headers.layout-35 .headers-text-wrap .container, .s123-module-headers.layout-35 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-35 .headers-container { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 1fr; text-align: left; } @media (min-width: 768px) { .s123-module-headers.layout-35 .headers-container .headers-text-wrap { padding-top: 90px; } } html[dir="rtl"] .s123-module-headers.layout-35 .headers-container { text-align: right; } .s123-module-headers.layout-35 .headers-container .headers-text-wrap { padding-bottom: 10px; } @media (min-width: 768px) { .s123-module-headers.layout-35 .headers-container { grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; } .s123-module-headers.layout-35 .headers-container .s123-c-t-a { width: 350px; } .s123-module-headers.layout-35 .headers-container .header2 { width: 300px; } .s123-module-headers.layout-35 .headers-container .headers-text-wrap { padding-top: 85px; grid-column: 1 / 3; grid-row-start: 1; z-index: 2; } .s123-module-headers.layout-35 .headers-container .headers-img-wrap { grid-column: 2 / 5; grid-row-start: 1; z-index: 1; } } .s123-module-headers.layout-35 .headers-container .headers-text-wrap { display: flex; flex-direction: column; } .s123-module-headers.layout-35 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; height: 360px; margin-bottom: -130px; } .s123-module-headers.layout-35 .headers-img-wrap .carousel { height: 100%; width: 100%; border-bottom-right-radius: 50px; } .s123-module-headers.layout-35 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-35 .headers-container .headers-img-wrap { align-items: center; height: 680px; } } .s123-module-headers.layout-35 .headers-video-handler { display: block; } .s123-module-headers.layout-35 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-35 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-35 .carousel.slide .carousel-inner { height: 100%; border-bottom-right-radius: 50px; } .s123-module-headers.layout-35 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-35 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-35 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 250px; } @media (min-width: 768px) { .s123-module-headers.layout-35 .headers-container .headers-image { min-height: 440px; } } .s123-module-headers.layout-35 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-35 .headers-container .headers-text-wrap { text-align: center; } .s123-module-headers.layout-35 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-35 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-35 .s123-c-t-a { justify-content: space-around; } } .s123-module-headers.layout-35 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-35 .headers-text-orders { align-items: start; } } .s123-module-headers.layout-35 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-35 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-35 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-35 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-35 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-35.background-primary-color .headers-text-wrap .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-35.background-primary-color .headers-text-wrap .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-35 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-35 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } @media (max-width: 767px) { .s123-module-headers.layout-35 .header-text-shadow { text-shadow: unset; } } .s123-module-headers.layout-39 { display: flex; } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-39.hpm-height-85vh, #section-169.s123-module-headers.layout-39.hpm-height-95vh, #section-169.s123-module-headers.layout-39.hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-39.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-39.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-39.hpm-height-100vh:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-39 .container-fluid { width: 100%; margin-top: 100px; } .s123-module-headers.layout-39 .container-fluid.default-background-color { background-color: rgb(251, 239, 215); } .s123-module-headers.layout-39 .headers-text-wrap .container, .s123-module-headers.layout-39 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-39 .headers-container { display: grid; grid-template-columns: auto; grid-template-rows: 360px 1fr; text-align: left; gap: 20px; } @media (min-width: 768px) { .s123-module-headers.layout-39 .headers-container { gap: 0px; } .s123-module-headers.layout-39 .headers-container .headers-text-wrap { padding: 100px 0px 50px 90px; } html[dir="rtl"] .s123-module-headers.layout-39 .headers-container .headers-text-wrap { padding: 100px 90px 50px 0px; } } html[dir="rtl"] .s123-module-headers.layout-39 .headers-container { text-align: right; } @media (min-width: 768px) { .s123-module-headers.layout-39 .headers-container { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } } .s123-module-headers.layout-39 .headers-container .headers-text-wrap { display: flex; flex-direction: column; } .s123-module-headers.layout-39 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; min-height: 360px; margin-top: -100px; } .s123-module-headers.layout-39 .headers-img-wrap .carousel { height: 100%; width: 100%; border-top-right-radius: 95px; border-bottom-left-radius: 95px; } .s123-module-headers.layout-39 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-39 .headers-container .headers-img-wrap { align-items: center; min-height: 610px; } } .s123-module-headers.layout-39 .headers-video-handler { display: block; } .s123-module-headers.layout-39 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-39 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-39 .carousel.slide .carousel-inner { height: 100%; border-top-right-radius: 95px; border-bottom-left-radius: 95px; } .s123-module-headers.layout-39 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-39 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-39 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 250px; } @media (min-width: 768px) { .s123-module-headers.layout-39 .headers-container .headers-image { min-height: 440px; } } .s123-module-headers.layout-39 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-39 .headers-container .headers-text-wrap { text-align: center; } .s123-module-headers.layout-39 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-39 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-39 .s123-c-t-a { justify-content: space-around; } } .s123-module-headers.layout-39 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-39 .headers-text-orders { align-items: start; } } @media (max-width: 767px) { .s123-module-headers.layout-39 .headers-text-wrap .s123-c-t-a { margin-bottom: 10px; } } .s123-module-headers.layout-39 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-39 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-39 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-39 .container-fluid.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-39 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-39 .container-fluid.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-39 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-39 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-39 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .s123-module-headers.layout-39 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-39 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-39#section-169 .container-fluid { box-shadow: var(--menu_color) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } .s123-module-headers.layout-39.bg-primary:not(#section-169) .container-fluid { box-shadow: var(--modules_color_second) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } .s123-module-headers.layout-39:not(#section-169, .bg-primary) .container-fluid { box-shadow: var(--modules_color) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } .s123-module-headers.layout-40 { display: flex; align-items: center; } @media (max-width: 767px) { .s123-module-headers.layout-40 .container { width: 100%; } } @media (max-width: 992px) { #section-169.s123-module-headers.layout-40.hpm-height-85vh, #section-169.s123-module-headers.layout-40.hpm-height-95vh, #section-169.s123-module-headers.layout-40.hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-40.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-40.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-40.hpm-height-100vh:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } #section-169.s123-module-headers.layout-40 .default-background-color { background-color: rgb(212, 253, 252); } .s123-module-headers.layout-40 .headers-text-wrap .container, .s123-module-headers.layout-40 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-40 .headers-text-wrap .header1 { box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 15px; border-radius: 10px; } .s123-module-headers.layout-40.background-primary-color .headers-text-wrap .header1.background-primary-color { background-color: rgb(255, 255, 255) !important; } .s123-module-headers.layout-40 .headers-container { display: grid; grid-template-columns: auto; grid-template-rows: 1fr 1fr; text-align: left; gap: 60px; } html[dir="rtl"] .s123-module-headers.layout-40 .headers-container { text-align: right; } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container { grid-template-columns: 31% 63%; grid-template-rows: auto; } } @media (min-width: 768px) and (max-width: 992px) { .s123-module-headers.layout-40 .headers-container { grid-template-columns: 1fr 1fr; grid-template-rows: auto; } } .s123-module-headers.layout-40 .headers-container .headers-text-wrap { display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container .headers-text-wrap { justify-content: unset; } } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container .headers-text-wrap { padding-top: 30px; } } .s123-module-headers.layout-40 .headers-container .headers-img-wrap { display: flex; justify-content: center; align-items: flex-start; } .s123-module-headers.layout-40 .headers-img-wrap .carousel { height: 100%; width: 100%; border-radius: 10px; } .s123-module-headers.layout-40 .carousel .item.one-item { display: block; } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container .headers-img-wrap { align-items: center; min-height: 530px; } } .s123-module-headers.layout-40 .headers-video-handler { display: block; } .s123-module-headers.layout-40 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-40 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-40 .carousel.slide .carousel-inner { height: 100%; border-radius: 10px; } .s123-module-headers.layout-40 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-40 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-40 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 250px; } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container .headers-image { min-height: 440px; } } .s123-module-headers.layout-40 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-40 .headers-container { gap: 32px; } .s123-module-headers.layout-40 .headers-container .headers-text-wrap { text-align: center; } .s123-module-headers.layout-40 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-40 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-40 .s123-c-t-a { justify-content: space-around; } } .s123-module-headers.layout-40 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-text-orders { align-items: start; } } .s123-module-headers.layout-40 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-40 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-40 .s123-c-t-a .mailingListBox { margin: 0px !important; } } @media (min-width: 768px) { .s123-module-headers.layout-40 .headers-container.wider-image .headers-img-wrap { height: 660px; } .s123-module-headers.layout-40 .headers-container.wider-image { grid-template-columns: 1fr 1fr 1fr 1fr; } .s123-module-headers.layout-40 .headers-container.wider-image .s123-c-t-a { width: 350px; } .s123-module-headers.layout-40 .headers-container.wider-image .header2 { width: 300px; } .s123-module-headers.layout-40 .headers-container.wider-image .headers-text-wrap { padding-top: 85px; grid-column: 1 / 3; grid-row-start: 1; z-index: 2; } .s123-module-headers.layout-40 .headers-container.wider-image .headers-img-wrap { grid-column: 2 / 5; grid-row-start: 1; z-index: 1; } } #section-169.s123-module-headers.layout-40.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent { color: rgb(255, 255, 255); } #section-169.s123-module-headers.layout-40.bg-primary-black .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-40 .header1:not(.bg-primary-black, .bg-primary-white, .bg-primary-gray) .mainWebsiteColor, .s123-module-headers.layout-40.background-primary-color .headers-text-wrap .header2 .mainWebsiteColor { color: rgb(0, 0, 0); } .s123-module-headers.layout-40.background-primary-color .headers-text-wrap .header2 .svg-underline::after, .s123-module-headers.layout-40 .header1:not(.bg-primary-black, .bg-primary-white, .bg-primary-gray) .svg-underline::after { background-color: rgb(0, 0, 0); } @media (min-width: 768px) { .s123-module-headers.layout-40 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-40 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } .s123-module-headers.layout-40 .headers-container.wider-image .s123-c-t-a[data-type="searchBox"] { padding-right: 7px; } html[dir="rtl"] .s123-module-headers.layout-40 .headers-container.wider-image .s123-c-t-a[data-type="searchBox"] { padding-right: 0px; padding-left: 7px; } } .s123-module-headers.layout-66 { display: flex; } @media (min-width: 768px) and (max-width: 992px) { #section-169.s123-module-headers.layout-66.hpm-height-85vh, #section-169.s123-module-headers.layout-66.hpm-height-95vh, #section-169.s123-module-headers.layout-66.hpm-height-100vh { min-height: calc(75vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-66.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-66.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-66.hpm-height-100vh:not(#section-169) { min-height: calc(75vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } @media (min-width: 992px) and (max-width: 1024px) { #section-169.s123-module-headers.layout-66.hpm-height-85vh, #section-169.s123-module-headers.layout-66.hpm-height-95vh, #section-169.s123-module-headers.layout-66.hpm-height-100vh { min-height: calc(65vh - var(--homepage_layout_height_menu_space)) !important; } .s123-module-headers.layout-66.hpm-height-85vh:not(#section-169), .s123-module-headers.layout-66.hpm-height-95vh:not(#section-169), .s123-module-headers.layout-66.hpm-height-100vh:not(#section-169) { min-height: calc(65vh - (var(--scrollHeaderSize) * var(--sticky_menu))) !important; } } .s123-module-headers.layout-66 .container-fluid { width: 100%; margin-top: 100px; } .s123-module-headers.layout-66 .container-fluid.bg-primary-gray { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 190px, rgb(235, 237, 240) 190px, rgb(235, 237, 240) 100%); } .s123-module-headers.layout-66 .container-fluid.bg-primary-black { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 190px, rgb(0, 0, 0) 190px, rgb(0, 0, 0) 100%); } .s123-module-headers.layout-66 .container-fluid.bg-primary-white { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 190px, rgb(255, 255, 255) 190px, rgb(255, 255, 255) 100%); } .s123-module-headers.layout-66 .container-fluid.background-primary-color { background: linear-gradient(to bottom, #ffffff 0, #ffffff 190px, var(--global_main_color) 190px, var(--global_main_color) 100%); } .s123-module-headers.layout-66 .container-fluid.box-primary { background: linear-gradient(to bottom, #ffffff 0, #ffffff 190px, var(--modules_color_second_box) 190px, var(--modules_color_second_box) 100%); } @media (min-width: 768px) { .s123-module-headers.layout-66 .container-fluid.bg-primary-gray { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100px, rgb(235, 237, 240) 100px, rgb(235, 237, 240) 100%); } .s123-module-headers.layout-66 .container-fluid.bg-primary-black { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100px, rgb(0, 0, 0) 100px, rgb(0, 0, 0) 100%); } .s123-module-headers.layout-66 .container-fluid.bg-primary-white { background: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 100px, rgb(255, 255, 255) 100px, rgb(255, 255, 255) 100%); } .s123-module-headers.layout-66 .container-fluid.background-primary-color { background: linear-gradient(to bottom, #ffffff 0, #ffffff 100px, var(--global_main_color) 100px, var(--global_main_color) 100%); } .s123-module-headers.layout-66 .container-fluid.box-primary { background: linear-gradient(to bottom, #ffffff 0, #ffffff 100px, var(--modules_color_second_box) 100px, var(--modules_color_second_box) 100%); } } .s123-module-headers.layout-66 .headers-text-wrap .container, .s123-module-headers.layout-66 .headers-text-wrap .container-fluid { width: 100%; } .s123-module-headers.layout-66 .headers-container { display: flex; flex-flow: column; align-items: stretch; } @media (min-width: 768px) { .s123-module-headers.layout-66 .headers-container { flex-direction: row-reverse; align-items: flex-start; } } html[dir="rtl"] .s123-module-headers.layout-66 .headers-container { text-align: right; } .s123-module-headers.layout-66 .headers-container .headers-text-wrap { padding: 40px 30px 0px; flex-grow: 7; flex-basis: 0px; } @media (min-width: 768px) { .s123-module-headers.layout-66 .headers-container .headers-text-wrap { padding: var(--sectionsPadding) 50px 0 0; } html[dir="rtl"] .s123-module-headers.layout-66 .headers-container .headers-text-wrap { padding: var(--sectionsPadding) 0 0 50px; } } .s123-module-headers.layout-66 .headers-container .headers-img-wrap { flex-grow: 5; flex-basis: 0px; margin-top: -100px; } .s123-module-headers.layout-66 .headers-img-wrap .carousel { height: 100%; width: 100%; border-radius: 15px; } .s123-module-headers.layout-66 .carousel .item.one-item { display: block; } .s123-module-headers.layout-66 .headers-video-handler { display: block; } .s123-module-headers.layout-66 .carousel .item { height: 100%; width: 100%; } .s123-module-headers.layout-66 .carousel.slide { padding: 0px; margin: 0px; } .s123-module-headers.layout-66 .carousel.slide .carousel-inner { height: 100%; border-radius: 15px; } .s123-module-headers.layout-66 .headers-container .headers-item { height: 100%; width: 100%; } .s123-module-headers.layout-66 .headers-container .headers-item video { object-fit: cover; } .s123-module-headers.layout-66 .headers-container .headers-image { height: 100%; width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; min-height: 450px; border-radius: 15px; } @media (min-width: 768px) { .s123-module-headers.layout-66 .headers-container .headers-image { min-height: 590px; } } .s123-module-headers.layout-66 .s123-c-t-a { justify-content: flex-start; } @media (max-width: 767px) { .s123-module-headers.layout-66 .headers-container .headers-text-wrap { text-align: center; } .s123-module-headers.layout-66 .headers-container .headers-text-wrap .header1 ul, .s123-module-headers.layout-66 .headers-container .headers-text-wrap .header2 ul { display: table; margin: 0px auto; } .s123-module-headers.layout-66 .s123-c-t-a { justify-content: space-around; } } .s123-module-headers.layout-66 .headers-text-orders { display: flex; flex-direction: column; align-items: center; } @media (min-width: 768px) { .s123-module-headers.layout-66 .headers-text-orders { align-items: start; } } @media (max-width: 767px) { .s123-module-headers.layout-66 .headers-text-wrap .s123-c-t-a { margin-bottom: 10px; } } .s123-module-headers.layout-66 .widget_subscribe_form { margin: 0px; } .s123-module-headers.layout-66 .s123-c-t-a .mailingListBox { margin: 0px auto !important; } @media (min-width: 768px) { .s123-module-headers.layout-66 .s123-c-t-a .mailingListBox { margin: 0px !important; } } .s123-module-headers.layout-66 .container-fluid.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent, .s123-module-headers.layout-66 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent { color: rgb(255, 255, 255); } .s123-module-headers.layout-66 .container-fluid.bg-primary-black .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m, .s123-module-headers.layout-66 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] .redirect-buttons-container a.btn-primary-transparent .svg-m { background-color: rgb(255, 255, 255); } .s123-module-headers.layout-66 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } .s123-module-headers.layout-66 .container-fluid.background-primary-color .s123-c-t-a[data-type="buttons"] a.btn-primary-transparent:hover .svg-m { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .s123-module-headers.layout-66 .s123-c-t-a .s123-action-btn { margin: auto 0px !important; } .s123-module-headers.layout-66 .s123-c-t-a .redirect-buttons-container { justify-content: start; gap: var(--c-t-a-buttons-space); } } .s123-module-headers.layout-66#section-169 .container-fluid { box-shadow: var(--menu_color) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } .s123-module-headers.layout-66.bg-primary:not(#section-169) .container-fluid { box-shadow: var(--modules_color_second) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } .s123-module-headers.layout-66:not(#section-169, .bg-primary) .container-fluid { box-shadow: var(--modules_color) 0px calc(-1 * (var(--sectionsPadding) + 100px)); } @media (max-width: 767px) { .s123-module-headers.layout-66#section-169 .container-fluid { box-shadow: var(--menu_color) 0px calc(-1 * ((var(--sectionsPadding) / 2) + 100px)); } .s123-module-headers.layout-66.bg-primary:not(#section-169) .container-fluid { box-shadow: var(--modules_color_second) 0px calc(-1 * ((var(--sectionsPadding) / 2) + 100px)); } .s123-module-headers.layout-66:not(#section-169, .bg-primary) .container-fluid { box-shadow: var(--modules_color) 0px calc(-1 * ((var(--sectionsPadding) / 2) + 100px)); } } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; 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-clearfix { min-height: 0px; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; opacity: 0; } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0px 0px; padding: 0.5em 0.5em 0.5em 0.7em; min-height: 0px; font-size: 100%; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: 0.5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; overflow: auto; } .ui-autocomplete { position: absolute; top: 0px; left: 0px; cursor: default; } .ui-button { display: inline-block; position: relative; padding: 0px; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: normal; } .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 0.4em; text-indent: -1e+07px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: 0.4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: 0.5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: 0.5em; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0px; margin-right: -0.3em; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .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: 0px 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0px; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0px; } .ui-datepicker td { border: 0px; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; border-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .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: 0px auto 0.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: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0px; } .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: 0px; border-left-width: 1px; } .ui-dialog { overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0.2em; outline: 0px; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0px; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0px 0px; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0.5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0px 0px; background-image: none; margin-top: 0.5em; padding: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 12px; height: 12px; right: -5px; bottom: -5px; background-position: 16px 16px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { touch-action: none; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; outline: none; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { position: relative; margin: 0px; padding: 3px 1em 3px 0.4em; cursor: pointer; min-height: 0px; list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-divider { margin: 5px 0px; height: 0px; font-size: 0px; line-height: 0; border-width: 1px 0px 0px; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0px; bottom: 0px; left: 0.2em; margin: auto 0px; } .ui-menu .ui-menu-icon { left: auto; right: 0px; } .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("images/animated-overlay.gif"); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; 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: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; 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-selectable { touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; display: none; } .ui-selectmenu-menu .ui-menu { overflow: hidden auto; 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 0px 0px; height: auto; border: 0px; } .ui-selectmenu-open { display: block; } .ui-selectmenu-button { display: inline-block; overflow: hidden; position: relative; text-decoration: none; cursor: pointer; } .ui-selectmenu-button span.ui-icon { right: 0.5em; left: auto; margin-top: -8px; position: absolute; top: 50%; } .ui-selectmenu-button span.ui-selectmenu-text { text-align: left; padding: 0.4em 2.1em 0.4em 1em; display: block; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0px; background-position: 0px 0px; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: 0.8em; } .ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0px; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0px; } .ui-slider-horizontal .ui-slider-range-max { right: 0px; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0px; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0px; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0px; } .ui-slider-vertical .ui-slider-range-max { top: 0px; } .ui-sortable-handle { touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0px; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: 0px; margin: 0.2em 22px 0.2em 0.4em; vertical-align: middle; } .ui-spinner-button { width: 16px; height: 50%; font-size: 0.5em; padding: 0px; margin: 0px; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0px; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0px; } .ui-spinner-up { top: 0px; } .ui-spinner-down { bottom: 0px; } .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0.2em 0.2em 0px; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin: 1px 0.2em 0px 0px; border-bottom-width: 0px; padding: 0px; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: 0.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: 0px; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; box-shadow: rgb(170, 170, 170) 0px 0px 5px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x rgb(255, 255, 255); color: rgb(34, 34, 34); } .ui-widget-content a { color: rgb(34, 34, 34); } .ui-widget-header { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x rgb(204, 204, 204); color: rgb(34, 34, 34); font-weight: bold; } .ui-widget-header a { color: rgb(34, 34, 34); } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid rgb(211, 211, 211); background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x rgb(230, 230, 230); font-weight: normal; color: rgb(85, 85, 85); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: rgb(85, 85, 85); 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 { border: 1px solid rgb(153, 153, 153); background: url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x rgb(218, 218, 218); font-weight: normal; color: rgb(33, 33, 33); } .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 { color: rgb(33, 33, 33); text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid rgb(170, 170, 170); background: url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x rgb(255, 255, 255); font-weight: normal; color: rgb(33, 33, 33); } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: rgb(33, 33, 33); text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid rgb(252, 239, 161); background: url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x rgb(251, 249, 238); color: rgb(54, 54, 54); } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: rgb(54, 54, 54); } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid rgb(205, 10, 10); background: url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x rgb(254, 241, 236); color: rgb(205, 10, 10); } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: rgb(205, 10, 10); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: rgb(205, 10, 10); } .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: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; background-image: none; } .ui-state-disabled .ui-icon { } .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-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-active .ui-icon { background-image: url("images/ui-icons_454545_256x240.png"); } .ui-state-highlight .ui-icon { background-image: url("images/ui-icons_2e83ff_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cd0a0a_256x240.png"); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0px 0px; } .ui-icon-carat-1-ne { background-position: -16px 0px; } .ui-icon-carat-1-e { background-position: -32px 0px; } .ui-icon-carat-1-se { background-position: -48px 0px; } .ui-icon-carat-1-s { background-position: -64px 0px; } .ui-icon-carat-1-sw { background-position: -80px 0px; } .ui-icon-carat-1-w { background-position: -96px 0px; } .ui-icon-carat-1-nw { background-position: -112px 0px; } .ui-icon-carat-2-n-s { background-position: -128px 0px; } .ui-icon-carat-2-e-w { background-position: -144px 0px; } .ui-icon-triangle-1-n { background-position: 0px -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: -64px -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: 0px -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: -64px -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: 0px -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: 0px -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: 0px -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: 0px -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: 0px -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: 0px -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: 0px -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: 0px -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 { 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: 0px -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: 0px -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: 0px -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: 0px -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; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .ui-widget-overlay { background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x rgb(170, 170, 170); opacity: 0.3; } .ui-widget-shadow { margin: -8px 0px 0px -8px; padding: 8px; background: url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x rgb(170, 170, 170); opacity: 0.3; border-radius: 8px; } #changeStyleModal .modules-design-button .style-customization { position: absolute; bottom: 5px; } .popover.layout-customizer { max-width: 270px; } .popover.layout-customizer .popover-header { position: relative; height: 15px; } .popover.layout-customizer .popover-header .close-layout-customizer-btn { float: right; position: absolute; top: 0px; right: 0px; z-index: 9999; color: rgb(158, 158, 158) !important; } html[dir="rtl"] .popover.layout-customizer .popover-header .close-layout-customizer-btn { float: left; } .popover.layout-customizer .popover-content [data-type="gallery"].small-popup { min-height: auto; } .popover.layout-customizer .popover-content [data-type="gallery"] { min-height: 160px; min-width: 200px; } .popover.layout-customizer .popover-content [data-type="testimonials"] { min-height: 50px; min-width: 200px; } .popover.layout-customizer .popover-content [data-display-options] { display: none; } .popover.layout-customizer .popover-content .form-group:not(.s123-slider) { padding-left: 10px; padding-right: 3px; } html[dir="rtl"] .popover.layout-customizer .popover-content .form-group:not(.s123-slider) { padding-right: 8px; padding-left: 3px; } .popover.layout-customizer .popover-content .images-in-row-label { display: inline; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="4"], .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="4"], .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="5"], .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="5"], .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="6"], .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="6"] { margin-top: 70px; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="2"], .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="2"] { margin-top: 50px; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="3"], .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="3"] { margin-top: 50px; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="4"] .arrow, .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="4"] .arrow, .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="5"] .arrow, .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="5"] .arrow, .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="6"] .arrow, .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="6"] .arrow { margin-top: -81px; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="2"] .arrow, .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="2"] .arrow { margin-top: -62px; } .popover.layout-customizer[data-current-module="headers"][data-visible-inputs="3"] .arrow, .popover.layout-customizer[data-current-module="homepageModule"][data-visible-inputs="3"] .arrow { margin-top: -62px; } .popover.layout-customizer .m-c-l-quick-colors { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; gap: 10px; padding-top: 4px; padding-bottom: 4px; } .popover.layout-customizer .m-c-l-quick-color { position: relative; width: 30px; height: 30px; border: 1px solid rgb(95, 99, 115); cursor: pointer; border-radius: 6px; } .popover.layout-customizer .m-c-l-quick-color.blockedColor { pointer-events: none; opacity: 0.5; } .popover.layout-customizer .m-c-l-quick-color.blockedColor::after { content: "X"; position: absolute; top: -3px; left: 0px; width: 100%; height: 100%; color: rgb(217, 83, 79); font-size: 25px; text-align: center; margin: 0px; font-weight: bold; } .popover.layout-customizer .m-c-l-quick-color.bg-clear-display { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw=="); } .popover.layout-customizer .m-c-l-quick-color > i.fa-check-circle::before { content: ""; } .popover.layout-customizer .m-c-l-quick-color > i::after { content: ""; width: 10px; height: 10px; top: 3px; left: 3px; position: absolute; background: rgb(255, 255, 255); z-index: -1; border-radius: 50%; } .popover.layout-customizer .m-c-l-quick-color > i { position: absolute; bottom: 2px; right: 2px; z-index: 10; color: rgb(135, 184, 127); font-size: 16px; } .popover.layout-customizer .m-c-l-quick-color.m-c-l-quick-color-default { display: flex; } .popover.layout-customizer .m-c-l-quick-color.m-c-l-quick-color-default::before { content: ""; width: 20px; height: 20px; border: 2px solid rgb(95, 99, 115); margin: auto; display: block; border-radius: 20px; } .popover.layout-customizer .p-m-s-container-tabs { display: flex; margin-bottom: 10px; width: 100%; position: absolute; padding: 0.2rem 1.1rem; top: 0px; left: 0px; } @media (max-width: 767px) { .popover.layout-customizer .p-m-s-container-tabs { left: 40px; right: auto; border-bottom: 0px; } html[dir="rtl"] .popover.layout-customizer .p-m-s-container-tabs { left: auto; right: 40px; } } .popover.layout-customizer .popover-content[data-tab-layout="true"] { margin-top: 24px; } @media (max-width: 767px) { .popover.layout-customizer .popover-content[data-tab-layout="true"] { margin-top: 30px; border-top: 1px solid rgb(221, 221, 221); } } .popover.layout-customizer .p-m-s-container-tabs.nav-tabs > li > a { color: rgb(0, 0, 0); } .popover.layout-customizer .p-m-s-container-tabs.nav-tabs > li.active > a, .popover.layout-customizer .p-m-s-container-tabs.nav-tabs > li.active > a:hover, .popover.layout-customizer .p-m-s-container-tabs.nav-tabs > li.active > a:focus { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 2px solid rgb(5, 151, 242); color: rgb(5, 151, 242); } .popover.layout-customizer .p-m-s-background-tabs.nav-tabs { border: 1px solid rgb(212, 215, 229); border-radius: 4px; width: fit-content; } .popover.layout-customizer .p-m-s-background-tabs.nav-tabs > li > a { margin: 0px; border-radius: 0px; color: rgb(5, 151, 242); } .popover.layout-customizer .p-m-s-background-tabs.nav-tabs > li.active { margin-bottom: -2px; } .popover.layout-customizer .p-m-s-background-tabs.nav-tabs > li.active > a, .popover.layout-customizer .p-m-s-background-tabs.nav-tabs > li.active > a:hover, .popover.layout-customizer .p-m-s-background-tabs.nav-tabs > li.active > a:focus { border: 1px solid rgb(5, 151, 242); background-color: rgb(5, 151, 242); color: rgb(255, 255, 255); } .popover.layout-customizer .layoutUploadMediaWrap { display: flex; flex-direction: row; gap: 10px; } .popover.layout-customizer .layoutUploadMediaWrap #uploadedLayoutBgImage { width: 75px; height: 75px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.16); object-fit: cover; object-position: center center; } .popover.layout-customizer .layoutUploadMediaWrap #uploadedLayoutBgVideo { width: 75px; height: 75px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.2); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: rgb(5, 151, 242); cursor: pointer; } .popover.layout-customizer .layoutUploadMediaWrap .buttons-wrap { display: flex; flex-direction: column; gap: 0.5rem; flex-grow: 1; align-self: center; } #imageLibraryLayoutCustomzier { z-index: 9999999; } .popover.layout-customizer .popover-content #imageOpacity { min-height: 34px; } .sp-container { position: absolute; top: 0px; left: 0px; display: inline-block; z-index: 9999994; overflow: hidden; } .sp-container.sp-flat { position: relative; } .sp-container, .sp-container * { box-sizing: content-box; } .sp-top { position: relative; width: 100%; display: inline-block; } .sp-top-inner { position: absolute; inset: 0px; } .sp-color { position: absolute; inset: 0px 20% 0px 0px; } .sp-hue { position: absolute; inset: 0px 0px 0px 84%; height: 100%; } .sp-clear-enabled .sp-hue { top: 33px; height: 77.5%; } .sp-fill { padding-top: 80%; } .sp-sat, .sp-val { position: absolute; inset: 0px; } .sp-alpha-enabled .sp-top { margin-bottom: 18px; } .sp-alpha-enabled .sp-alpha { display: block; } .sp-alpha-handle { position: absolute; top: -4px; bottom: -4px; width: 6px; left: 50%; cursor: pointer; border: 1px solid black; background: white; opacity: 0.8; } .sp-alpha { display: none; position: absolute; bottom: -14px; right: 0px; left: 0px; height: 8px; } .sp-alpha-inner { border: 1px solid rgb(51, 51, 51); } .sp-clear { display: none; } .sp-clear.sp-clear-display { background-position: center center; } .sp-clear-enabled .sp-clear { display: block; position: absolute; inset: 0px 0px 0px 84%; height: 28px; } .sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button { user-select: none; } .sp-container.sp-input-disabled .sp-input-container { display: none; } .sp-container.sp-buttons-disabled .sp-button-container { display: none; } .sp-container.sp-palette-buttons-disabled .sp-palette-button-container { display: none; } .sp-palette-only .sp-picker-container { display: none; } .sp-palette-disabled .sp-palette-container { display: none; } .sp-initial-disabled .sp-initial { display: none; } .sp-sat { background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(204, 154, 129, 0)); } .sp-val { background-image: linear-gradient(to top, rgb(0, 0, 0), rgba(204, 154, 129, 0)); } .sp-hue { background: linear-gradient(rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%); } .sp-1 { height: 17%; } .sp-2 { height: 16%; } .sp-3 { height: 17%; } .sp-4 { height: 17%; } .sp-5 { height: 16%; } .sp-6 { height: 17%; } .sp-hidden { display: none !important; } .sp-cf::before, .sp-cf::after { content: ""; display: table; } .sp-cf::after { clear: both; } @media (max-device-width: 480px) { .sp-color { right: 40%; } .sp-hue { left: 63%; } .sp-fill { padding-top: 60%; } } .sp-dragger { border-radius: 5px; height: 5px; width: 5px; border: 1px solid rgb(255, 255, 255); background: rgb(0, 0, 0); cursor: pointer; position: absolute; top: 0px; left: 0px; } .sp-slider { position: absolute; top: 0px; cursor: pointer; height: 3px; left: -1px; right: -1px; border: 1px solid rgb(0, 0, 0); background: white; opacity: 0.8; } .sp-container { border-radius: 0px; background-color: rgb(236, 236, 236); border: 1px solid rgb(240, 196, 155); padding: 0px; } .sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear { font: 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; box-sizing: border-box; } .sp-top { margin-bottom: 3px; } .sp-color, .sp-hue, .sp-clear { border: 1px solid rgb(102, 102, 102); } .sp-input-container { width: 100px; margin-bottom: 4px; } .sp-initial-disabled.sp-input-container { width: 100%; } .sp-input { border: 1px inset; padding: 4px 5px; margin: 0px; width: 100%; background: transparent; border-radius: 3px; color: rgb(34, 34, 34); font-size: 12px !important; } .sp-input:focus { border: 1px solid orange; } .sp-input.sp-validation-error { border: 1px solid red; background: rgb(255, 221, 221); } .sp-picker-container, .sp-palette-container { float: left; position: relative; padding: 10px 10px 300px; margin-bottom: -290px; } .sp-picker-container { width: 172px; border-left: 1px solid rgb(255, 255, 255); } .sp-palette-container { border-right: 1px solid rgb(204, 204, 204); } .sp-palette-only .sp-palette-container { border: 0px; } .sp-palette .sp-thumb-el { display: block; position: relative; float: left; width: 24px; height: 15px; margin: 3px; cursor: pointer; border: 2px solid transparent; } .sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active { border-color: orange; } .sp-thumb-el { position: relative; } .sp-initial { float: left; border: 1px solid rgb(51, 51, 51); } .sp-initial span { width: 30px; height: 25px; border: none; display: block; float: left; margin: 0px; } .sp-initial .sp-clear-display { background-position: center center; } .sp-palette-button-container, .sp-button-container { float: left; } html[dir="rtl"] .sp-palette-button-container, html[dir="rtl"] .sp-button-container { float: right; } .sp-replacer { margin: 0px; overflow: hidden; cursor: pointer; padding: 4px; display: inline-block; border: 1px solid rgb(145, 118, 93); background: rgb(238, 238, 238); color: rgb(51, 51, 51); vertical-align: middle; } .sp-replacer:hover, .sp-replacer.sp-active { border-color: rgb(240, 196, 155); color: rgb(17, 17, 17); } .sp-replacer.sp-disabled { cursor: default; border-color: silver; color: silver; } .sp-dd { padding: 2px 0px; height: 16px; line-height: 16px; float: left; font-size: 10px; } .sp-preview { position: relative; width: 25px; height: 20px; border: 1px solid rgb(34, 34, 34); margin-right: 5px; float: left; z-index: 0; } .sp-palette { max-width: 220px; } .sp-palette .sp-thumb-el { width: 16px; height: 16px; margin: 2px 1px; border: 1px solid rgb(208, 208, 208); } .sp-container { padding-bottom: 0px; } .sp-container button { background-color: rgb(238, 238, 238); background-image: linear-gradient(rgb(238, 238, 238), rgb(204, 204, 204)); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(187, 187, 187); border-image: initial; border-radius: 3px; color: rgb(51, 51, 51); font-size: 14px; line-height: 1; padding: 5px 4px; text-align: center; text-shadow: rgb(238, 238, 238) 0px 1px 0px; vertical-align: middle; } .sp-container button:hover { background-color: rgb(221, 221, 221); background-image: linear-gradient(rgb(221, 221, 221), rgb(187, 187, 187)); border-width: 1px; border-style: solid; border-color: rgb(187, 187, 187) rgb(187, 187, 187) rgb(153, 153, 153); border-image: initial; cursor: pointer; text-shadow: rgb(221, 221, 221) 0px 1px 0px; } .sp-container button:active { border-width: 1px; border-style: solid; border-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(136, 136, 136); border-image: initial; box-shadow: rgb(170, 170, 170) 0px 0px 5px 2px inset, rgb(238, 238, 238) 0px 1px 0px 0px; } .sp-cancel { font-size: 11px; margin: 0px 5px 0px 0px; padding: 2px; vertical-align: middle; text-decoration: none; color: rgb(217, 63, 63) !important; } .sp-cancel:hover { text-decoration: underline; color: rgb(217, 63, 63) !important; } html[dir="rtl"] .sp-cancel { margin-right: 0px; margin-left: 5px; } .sp-palette span:hover, .sp-palette span.sp-thumb-active { border-color: rgb(0, 0, 0); } .sp-preview, .sp-alpha, .sp-thumb-el { position: relative; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg=="); } .sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner { display: block; position: absolute; inset: 0px; } .sp-palette .sp-thumb-inner { background-position: 50% 50%; background-repeat: no-repeat; } .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII="); } .sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII="); } .sp-clear-display { background-repeat: no-repeat; background-position: center center; background-image: url("data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw=="); } html[dir="rtl"] .sp-container { display: flex; } html[dir="rtl"] .sp-palette-container { border-left: 1px solid rgb(204, 204, 204); border-right: none; } html[dir="rtl"] .sp-palette .sp-thumb-el { float: right; } .sp-input-container { direction: ltr; } .s123-module-gallery.isotope-gallery .gallery-item-wrapper { padding: 5px; } .s123-module-gallery.isotope-gallery .gallery-item { position: relative; cursor: pointer; overflow: hidden; transition: 0.2s; border-radius: 3px; } .s123-module-gallery.isotope-gallery .flush .gallery-item { border-radius: 0px; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb { text-align: center; position: relative; overflow: hidden; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb img { display: inline-block; transition: 0.2s; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb img:not([src]) { opacity: 0; } .s123-module-gallery.isotope-gallery .gallery-item:hover .s123-video-cover { display: none; } .s123-module-gallery.isotope-gallery .gallery-item:hover .s123-video-cover { display: none; } .s123-module-gallery.isotope-gallery .gallery-item:hover .gallery-thumb img { transform: scale(1.1); } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .image-overlay { background-color: var(--global_main_color); width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; opacity: 0; transition: 0.2s; } .s123-module-gallery.isotope-gallery .gallery-item:hover .gallery-thumb .image-overlay { opacity: 0.5; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .gallery-zoom { width: 100%; height: 100%; text-align: center; line-height: 25px; position: absolute; top: 0px; color: rgb(255, 255, 255); transition: 0.2s; display: flex; align-items: center; place-content: center; flex-direction: column; padding: 5px; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .gallery-zoom { left: -100%; } .s123-module-gallery.isotope-gallery .gallery-item:hover .gallery-thumb .gallery-zoom { left: 0px; } html[dir="rtl"] .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .gallery-zoom { left: auto; right: -100%; } html[dir="rtl"] .s123-module-gallery.isotope-gallery .gallery-item:hover .gallery-thumb .gallery-zoom { left: auto; right: 0px; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .eye { border-radius: 50%; background-color: var(--global_main_color); width: 45px; height: 45px; color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .home_page .s123-module-gallery.bg-primary.isotope-gallery .gallery-item .gallery-thumb a .eye { background-color: var(--modules_color_section_main); } .home_page .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .eye { background-color: var(--modules_color_second_section_main); } .inside_page .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .eye { background-color: var(--inside_modules_color_section_box_main); } .home_page .s123-module-gallery.bg-primary.isotope-gallery .gallery-item .gallery-thumb a .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .home_page .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .inside_page .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a .svg-m { background-color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb a i.fa-play { padding-left: 5px; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .gallery-zoom:hover { text-decoration: none; color: rgb(255, 255, 255); } .s123-module-gallery.isotope-gallery .gallery-item .gallery-thumb .gallery-zoom:focus { outline: none; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-details { text-align: center; padding-top: 20px; background-color: rgb(255, 255, 255); border-width: 0px 2px 2px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(236, 240, 241); border-bottom-color: rgb(236, 240, 241); border-left-color: rgb(236, 240, 241); border-image: initial; border-top-style: initial; border-top-color: initial; overflow: hidden; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-details h5 { margin: 0px; font-size: 1em; font-weight: 700; position: relative; } .s123-module-gallery.isotope-gallery .gallery-item .gallery-details p { font-size: 0.9em; } .s123-module-gallery.isotope-gallery .isotope, .s123-module-gallery.isotope-gallery .isotope .isotope-item { transition-duration: 0.8s; } .s123-module-gallery.isotope-gallery .isotope { transition-property: height, width; } .s123-module-gallery.isotope-gallery .isotope .isotope-item { transition-property: transform, opacity; } .s123-module-gallery.isotope-gallery .isotope.no-transition, .s123-module-gallery.isotope-gallery .isotope.no-transition .isotope-item, .s123-module-gallery.isotope-gallery .isotope .isotope-item.no-transition { transition-duration: 0s; } .mfp-bg.mfp-ready { opacity: 0.95; } .mfp-gallery .gallery-social-links, .mfp-gallery .gallery-download-print-btns { display: inline-block; } .mfp-gallery .gallery-social-links + .gallery-download-print-btns::before { content: "|"; margin-right: 10px; } html[dir="rtl"] .mfp-gallery .gallery-social-links + .gallery-download-print-btns::before { margin-right: auto; margin-left: 10px; } .mfp-gallery .gallery-download-print-btns a { margin-right: 10px; } html[dir="rtl"] .mfp-gallery .gallery-download-print-btns a i { margin-right: auto; margin-left: 10px; } .mfp-gallery .gallery-download-print-btns a i { background-color: rgb(255, 255, 255); } .s123-module-gallery.isotope-gallery .gallery-thumb { min-height: 200px; } .s123-module-gallery.isotope-gallery .gallery-thumb img { width: 100%; height: auto; } .s123-module-gallery.isotope-gallery .gallery-thumb { min-height: auto; } .s123-module-gallery.isotope-gallery.layout-2 .container { width: 100%; padding: 0px; } .s123-module-gallery.isotope-gallery.layout-2 .container .row { margin: 0px; } .s123-module-gallery.isotope-gallery.layout-2 .gallery-item-wrapper { padding: 0px; } .s123-module-gallery.isotope-gallery.layout-2 .gallery-item { border-radius: 0px; } .home_page .s123-module.s123-module-gallery.layout-3 { padding-top: 0px; padding-bottom: 0px; } .home_page .s123-module.s123-module-gallery.layout-3 .gallery-show-more-container { margin-top: 10px; margin-bottom: 10px; } .s123-module-gallery.isotope-gallery.layout-3 .filter { margin: 30px 0px; } .s123-module-gallery.isotope-gallery .gallery-thumb { min-height: auto; } .inside_page .s123-module.s123-module-gallery.isotope-gallery.layout-3 .container { margin: -20px 0px; } .s123-module-gallery.isotope-gallery.layout-3 .isotope-gallery-container .col-md-4 { margin-right: 0px; } .s123-module-gallery.isotope-gallery.layout-3 .container { width: 100%; padding: 0px; } .s123-module-gallery.isotope-gallery.layout-3 .container .row { margin: 0px; } .s123-module-gallery.isotope-gallery.layout-3 .gallery-item-wrapper { padding: 0px; } .s123-module-gallery.isotope-gallery.layout-3 .gallery-item { border-radius: 0px; } .s123-module.s123-module-gallery.layout-3 .gallery-category-description { margin-block: 20px; } .mfp-module-gallery button.mfp-close { font-size: 50px; width: 45px; height: 55px; line-height: 55px; } .mfp-module-gallery .mfp-container .mfp-title { line-height: 1.5; cursor: auto; } .mfp-module-gallery .mfp-container .mfp-bottom-bar .mfp-title { padding-right: 50px; } html[dir="rtl"] .mfp-module-gallery .mfp-container .mfp-bottom-bar .mfp-title { text-align: right; padding-right: 0px; padding-left: 50px; } html[dir="rtl"] .mfp-module-gallery .mfp-container .mfp-bottom-bar .mfp-counter { left: 0px; right: auto; } .mfp-bottom-bar.custom-top-position { top: 0px; margin-top: -10px; } @media (min-width: 768px) { .mfp-module-gallery .mfp-container .mfp-bottom-bar { padding: 8px; margin: 0px; bottom: 40px; max-height: 100px; overflow-y: auto; top: auto; color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0.8); } .mfp-module-gallery .mfp-container .mfp-bottom-bar.custom-top-position { top: 40px; bottom: auto; } .mfp-module-gallery .mfp-container .mfp-bottom-bar .mfp-counter { right: 8px; top: 8px; font-size: 14px; } html[dir="rtl"] .mfp-module-gallery .mfp-container .mfp-bottom-bar .mfp-counter { left: 8px; right: auto; } } .mfp-module-gallery .gallery-image-text, .mfp-module-gallery .gallery-image-external-link { margin-bottom: 0.3em; } .mfp-module-gallery .gallery-image-external-link { display: block; } .mfp-module-gallery .gallery-social-links a { display: inline-block; margin-right: 10px; color: rgb(255, 255, 255); } html[dir="rtl"] .mfp-module-gallery .gallery-social-links a { margin-left: 10px; margin-right: auto; } .mfp-module-gallery .gallery-social-links a .svg-m { background-color: rgb(255, 255, 255); } .mfp-caption-close { display: none; position: absolute; right: 8px; bottom: 8px; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; } html[dir="rtl"] .mfp-caption-close { right: auto; left: 8px; } .mfp-caption-close .svg-m { background-color: rgb(255, 255, 255); } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery .gallery-show-more-container { margin-top: 10px; } .s123-module-gallery .gallery-show-more-btn { width: 100%; text-align: center; } .s123-module-gallery.isotope-gallery .gallery-item-wrapper img:not(.loaded) { min-height: 200px; } @media (max-width: 768px) { .s123-module-gallery.m-m-i-in-row.isotope-gallery .gallery-item-wrapper img:not(.loaded) { min-height: 100px; } } .s123-module-gallery img.size-tester { visibility: hidden; top: 0px; left: 0px; position: fixed !important; width: auto !important; height: auto !important; } .gallery-link-bootbox { z-index: 99999 !important; } .gallery-link-bootbox .modal-content { height: 200px; } .gallery-link-bootbox .modal-body { height: 100%; } .gallery-link-bootbox .bootbox-body { height: 100%; display: flex; flex-direction: column; justify-content: center; cursor: default; } .gallery-link-bootbox .bootbox-body .copy-link-btn:focus { outline: none; } .gallery-link-bootbox .bootbox-body .copy-link-btn [data-icon-name="clipboard"] { background: rgb(255, 255, 255); } html[dir="rtl"] .gallery-link-bootbox .bootbox-body #copyLinkInput { direction: ltr; } .mfp-gallery .mfp-content.mfp-tall-images-handler { width: 100%; } .mfp-gallery .mfp-content.mfp-tall-images-handler .mfp-caption-close { display: none !important; } .mfp-gallery .mfp-content.mfp-tall-images-handler .mfp-figure::after { background-color: rgb(0, 0, 0); } .s123-module-gallery.layout-4 .gallery-image-container > .row, .s123-module-gallery.layout-4 .gallery-image { position: relative; padding: 1px; } .s123-module-gallery.layout-4 .gallery-image > a { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery.layout-4 .gallery-image { position: relative; float: left; } html[dir="rtl"] .s123-module-gallery.layout-4 .gallery-image { float: right; } .s123-module-gallery.layout-4 .gallery-image { width: 50%; } @media (max-width: 767px) { .s123-module-gallery.layout-4 .gallery-category.mobile-in-row-2 .gallery-image { width: 50%; } .s123-module-gallery.layout-4 .gallery-category.mobile-in-row-1 .gallery-image { width: 100%; } } @media (min-width: 992px) { .s123-module-gallery.layout-4 .gallery-category.in-row-3 .gallery-image { width: 33.3333%; } .s123-module-gallery.layout-4 .gallery-category.in-row-4 .gallery-image { width: 25%; } .s123-module-gallery.layout-4 .gallery-category.in-row-5 .gallery-image { width: 20%; } } .gallery-category-description { text-align: center; } .s123-module-gallery.layout-5 ul.gallery-images-container { padding: 0px; margin: 0px; font-size: 0px; list-style: none; } .s123-module-gallery.layout-5 ul.gallery-images-container li { padding: 0px 1% 1%; font-size: 1rem; line-height: 1.42857; display: inline-block; vertical-align: top; } .s123-module-gallery.layout-5 ul.gallery-images-container .thumbnail { border: none; color: inherit; } .s123-module-gallery.layout-5 ul.gallery-images-container .gallery-image-box { position: relative; } .s123-module-gallery.layout-5 ul.gallery-images-container .caption { min-height: 7.39em; color: inherit; } .s123-module-gallery.layout-5 .gallery-image a.gallery-image-link { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } .s123-module-gallery.layout-5 .product-details-container h4 { margin: 0.75em 0px; } .s123-module-gallery.layout-5 .product-details-container p { margin-bottom: 0.75em; } @media (max-width: 767px) { .s123-module-gallery.layout-5 ul.gallery-images-container li { text-align: center; } .s123-module-gallery.layout-5 ul.gallery-images-container.mobile-in-row-1 li { width: 100%; } .s123-module-gallery.layout-5 ul.gallery-images-container.mobile-in-row-2 li { width: 50%; } } @media (min-width: 768px) { .s123-module-gallery.layout-5 ul.gallery-images-container li { width: 25%; } } @media (min-width: 992px) { .s123-module-gallery.layout-5 ul.gallery-images-container.in-row-3 li { width: 33.3333%; } .s123-module-gallery.layout-5 ul.gallery-images-container.in-row-4 li { width: 25%; } .s123-module-gallery.layout-5 ul.gallery-images-container.in-row-5 li { width: 20%; } } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery.layout-6 .gallery-images-container { width: 100%; background: transparent; } .s123-module-gallery.layout-6 .gallery-image { width: 70%; height: 300px; display: flex; -webkit-box-pack: center; justify-content: center; align-items: center; } @media screen and (min-width: 768px) { .s123-module-gallery.layout-6 .gallery-image, .s123-module-gallery.layout-6 .gallery-video-container img { height: 600px; } } @media screen and (min-width: 960px) { .s123-module-gallery.layout-6 .gallery-image { width: 60%; } } .s123-module-gallery.layout-6 .gallery-image img, .s123-module-gallery.layout-6 .gallery-image iframe { display: block; max-width: 100%; max-height: 100%; opacity: 0.7; transform: scale(0.85); filter: blur(5px); transition: opacity 0.3s, transform 0.3s, filter 0.3s; } .s123-module-gallery.layout-6 .gallery-image.is-selected img, .s123-module-gallery.layout-6 .gallery-image.is-selected iframe { opacity: 1; transform: scale(1); filter: none; } .s123-module-gallery.layout-6 .flickity-prev-next-button { width: 60px; height: 60px; background: transparent; opacity: 0.6; } .s123-module-gallery.layout-6 .flickity-prev-next-button:hover { background: transparent; opacity: 1; } .s123-module-gallery.layout-6 .flickity-prev-next-button .arrow { fill: white; } .s123-module-gallery.layout-6 .flickity-prev-next-button.no-svg { color: white; } .s123-module-gallery.layout-6 .flickity-prev-next-button.previous { left: 0px; } .s123-module-gallery.layout-6 .flickity-prev-next-button.next { right: 0px; } .s123-module-gallery.layout-6 .flickity-prev-next-button:disabled { display: none; } .s123-module-gallery.layout-6 .gallery-image-caption { width: 100%; margin: 10px 0px 0px; padding: 0px; text-align: center; min-height: 1.5em; } @media screen and (min-width: 768px) { .s123-module-gallery.layout-6 .gallery-image-caption { margin: 1em 0px 0px; } } .s123-module-gallery.layout-6 .flickity-page-dots { display: none; bottom: -40px; } .s123-module-gallery.layout-6 .flickity-page-dots .dot { width: 12px; height: 12px; opacity: 1; background: rgb(214, 214, 214); } .s123-module-gallery.layout-6 .flickity-page-dots .dot:hover, .s123-module-gallery.layout-6 .flickity-page-dots .dot.is-selected { background: rgb(134, 151, 145); } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery.layout-6 .gallery-category-description { display: none; } .s123-module-gallery.layout-6 .gallery-category-description.active-description { display: block; } .s123-module-gallery.layout-7 .gallery-images-container { width: 100%; background: transparent; } .s123-module-gallery.layout-7 .isotope-gallery-container img, .s123-module-gallery.layout-7 .gallery-video-container { display: block; height: 300px; } @media screen and (min-width: 768px) { .s123-module-gallery.layout-7 .isotope-gallery-container img, .s123-module-gallery.layout-7 .gallery-video-container { height: 600px; } .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-image-container { height: 400px; width: 300px; padding: 20px; } .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-image-container img { height: 100%; width: 100%; object-fit: cover; } .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-video-container img, .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-video-container { height: 360px; } } @media screen and (max-width: 767px) { .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-image-container { height: 300px; width: 60%; padding: 20px; } .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-image-container img { height: 100%; width: 100%; object-fit: cover; } .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-video-container img, .s123-module-gallery.layout-7 .isotope-gallery-container.carousel-style-2 .gallery-video-container { height: 260px; } } .s123-module-gallery.layout-7 .gallery-image-caption { width: 100%; margin: 10px 0px 0px; padding: 0px; text-align: center; min-height: 1.5em; } @media screen and (min-width: 768px) { .s123-module-gallery.layout-7 .gallery-image-caption { margin: 1em 0px 0px; } } .s123-module-gallery.layout-7 .flickity-page-dots { display: none; bottom: -40px; } .s123-module-gallery.layout-7 .flickity-page-dots .dot { width: 12px; height: 12px; opacity: 1; background: rgb(214, 214, 214); } .s123-module-gallery.layout-7 .flickity-page-dots .dot:hover, .s123-module-gallery.layout-7 .flickity-page-dots .dot.is-selected { background: rgb(134, 151, 145); } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery.layout-7 .gallery-category-description { display: none; } .s123-module-gallery.layout-7 .gallery-category-description.active-description { display: flex; width: 100%; justify-content: center; margin-bottom: 50px; } .s123-module-gallery.layout-7 .gallery-images-container.gallery-images-container-with-description { position: relative !important; } .s123-module-gallery.layout-8 ul.gallery-images-container { padding: 0px; margin: 0px; font-size: 0px; list-style: none; } .s123-module-gallery.layout-8 ul.gallery-images-container li { padding: 0px 1% 1%; font-size: 1rem; line-height: 1.42857; display: inline-block; vertical-align: top; } .s123-module-gallery.layout-8 ul.gallery-images-container .thumbnail { border: none; color: inherit; background: transparent; } .s123-module-gallery.layout-8 ul.gallery-images-container .gallery-image-box { position: relative; } .s123-module-gallery.layout-8 ul.gallery-images-container .caption { min-height: 7.39em; color: inherit; } .s123-module-gallery.layout-8 .gallery-image a.gallery-image-link { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } .s123-module-gallery.layout-8 .product-details-container h4 { margin: 0.75em 0px; } .s123-module-gallery.layout-8 .product-details-container p { margin-bottom: 0.75em; } @media (max-width: 767px) { .s123-module-gallery.layout-8 ul.gallery-images-container li { text-align: center; } .s123-module-gallery.layout-8 ul.gallery-images-container.mobile-in-row-1 li { width: 100%; } .s123-module-gallery.layout-8 ul.gallery-images-container.mobile-in-row-2 li { width: 50%; } } @media (min-width: 768px) { .s123-module-gallery.layout-8 ul.gallery-images-container li { width: 25%; } } @media (min-width: 992px) { .s123-module-gallery.layout-8 ul.gallery-images-container.in-row-3 li { width: 33.3333%; } .s123-module-gallery.layout-8 ul.gallery-images-container.in-row-4 li { width: 25%; } .s123-module-gallery.layout-8 ul.gallery-images-container.in-row-5 li { width: 20%; } } .s123-module-gallery .s123-categories { position: relative; } .s123-module-gallery.layout-9 .grid { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: repeat(2, 1fr); gap: 30px; margin-bottom: 30px; } @media (max-width: 480px) { .s123-module-gallery.layout-9 .grid { gap: 10px; margin-bottom: 10px; } } .s123-module-gallery.layout-9 .grid-item { text-align: center; align-items: center; overflow: hidden; display: flex; padding-top: 56.25%; position: relative; } .s123-module-gallery.layout-9 .grid-item img { object-fit: cover; object-position: center center; position: absolute; transition: 0.2s; inset: 0px; width: 100% !important; height: 100% !important; } .s123-module-gallery.layout-9 .grid .grid-item:nth-child(1) { grid-area: span 2 / span 8; } .s123-module-gallery.layout-9 .grid .grid-item:nth-child(2) { grid-column: span 4; } .s123-module-gallery.layout-9 .grid .grid-item:nth-child(3) { grid-column: span 4; } .s123-module-gallery.layout-9 .grid:nth-child(2n) .grid-item:nth-child(1) { grid-area: span 2 / 5 / auto / span 8; } .s123-module-gallery.layout-9 .grid:nth-child(2n) .grid-item:nth-child(2) { grid-area: 1 / 1 / span 1 / span 4; } .s123-module-gallery.layout-9 .grid:nth-child(2n) .grid-item:nth-child(3) { grid-area: 2 / 1 / span 1 / span 4; } .s123-module-gallery.layout-9 .grid .grid-item.oneImage { grid-column: span 12 !important; } .s123-module-gallery.layout-9 .grid .grid-item.twoImages:nth-child(1) { grid-area: span 2 / 1 / auto / span 6; } .s123-module-gallery.layout-9 .grid .grid-item.twoImages:nth-child(2) { grid-area: span 2 / 7 / auto / span 6; } .s123-module-gallery.layout-9 .grid-item .image-grid-overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; transition: 0.2s; } .s123-module-gallery.layout-9 .grid-item .gallery-zoom { width: 100%; height: 100%; text-align: center; line-height: 25px; position: absolute; top: 0px; color: rgb(255, 255, 255); display: flex; align-items: center; place-content: center flex-start; flex-direction: column; padding: 5px; } .s123-module-gallery.layout-9 .grid-item .gallery-zoom { left: -100%; } .s123-module-gallery.layout-9 .grid-item:hover .gallery-zoom { left: 0px; } html[dir="rtl"] .s123-module-gallery.layout-9 .grid-item .gallery-zoom { left: auto; right: -100%; } html[dir="rtl"] .s123-module-gallery.layout-9 .grid-item:hover .gallery-zoom { left: auto; right: 0px; } .s123-module-gallery.layout-9 .grid-item .gallery-zoom:hover { text-decoration: none; color: rgb(255, 255, 255); } .s123-module-gallery.layout-9 .grid-item .gallery-zoom:focus { outline: none; } .s123-module-gallery.layout-9 .grid-item:hover .image-grid-overlay { background-color: rgba(0, 0, 0, 0.55); } .s123-module-gallery.layout-9 .grid-item:hover img { transform: scale(1.1); } html.ie11-support .s123-module-gallery.layout-9 .grid { } html.ie11-support .s123-module-gallery.layout-9 .grid .grid-item { text-align: center; overflow: hidden; position: relative; display: block; height: 300px; } html.ie11-support .s123-module-gallery.layout-9 .grid .grid-item:nth-child(1) { } html.ie11-support .s123-module-gallery.layout-9 .grid .grid-item:nth-child(2) { margin: 0px 30px; } html.ie11-support .s123-module-gallery.layout-9 .grid .grid-item:nth-child(3) { } html.ie11-support .s123-module-gallery.layout-9 .grid .grid-item img { width: 100%; height: 100%; transition: 0.2s; } .s123-module-gallery.layout-10 .grid { display: grid; grid-template-rows: auto; gap: 24px; } .s123-module-gallery.layout-10 .grid-small { grid-template-columns: repeat(5, 1fr); } .s123-module-gallery.layout-10 .grid-medium { grid-template-columns: repeat(4, 1fr); } .s123-module-gallery.layout-10 .grid-large { grid-template-columns: repeat(3, 1fr); } @media (max-width: 768px) { .s123-module-gallery.layout-10 .grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 480px) { .s123-module-gallery.layout-10 .grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } .s123-module-gallery.layout-10 .items-col { display: contents !important; } .s123-module-gallery.layout-10 .grid-item { aspect-ratio: 1 / 1 !important; } } .s123-module-gallery.layout-10 .items-col { display: flex; flex-direction: column; gap: 24px; } .s123-module-gallery.layout-10 .grid-item { text-align: center; align-items: center; overflow: hidden; display: flex; position: relative; aspect-ratio: 16 / 9; border-radius: 16px; } .s123-module-gallery.layout-10 .grid-item.grid-item-grow { flex-grow: 1; } @media (min-width: 992px) { .s123-module-gallery.layout-10 .items-col:not(.items-col-secondary):nth-child(2n+1) .grid-item:first-child { margin-top: 48px; } } .s123-module-gallery.layout-10 .grid-item:nth-child(2n) { aspect-ratio: 1 / 1; } .s123-module-gallery.layout-10 .items-col:nth-child(2n) .grid-item:nth-child(2n) { aspect-ratio: 16 / 9; } .s123-module-gallery.layout-10 .items-col:nth-child(2n) .grid-item:nth-child(2n+1) { aspect-ratio: 1 / 1; } .s123-module-gallery.layout-10 .grid-item img { object-fit: cover; object-position: center center; position: absolute; transition: 0.2s; inset: 0px; width: 100% !important; height: 100% !important; } .s123-module-gallery.layout-10 .grid-item .image-grid-overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; transition: 0.2s; } .s123-module-gallery.layout-10 .grid-item .gallery-zoom { width: 100%; height: 100%; text-align: center; line-height: 25px; position: absolute; top: 0px; color: rgb(255, 255, 255); display: flex; align-items: center; place-content: center flex-start; flex-direction: column; padding: 5px; } .s123-module-gallery.layout-10 .grid-item .gallery-zoom { left: -100%; } .s123-module-gallery.layout-10 .grid-item:hover .gallery-zoom { left: 0px; } html[dir="rtl"] .s123-module-gallery.layout-10 .grid-item .gallery-zoom { left: auto; right: -100%; } html[dir="rtl"] .s123-module-gallery.layout-10 .grid-item:hover .gallery-zoom { left: auto; right: 0px; } .s123-module-gallery.layout-10 .grid-item .gallery-zoom:hover { text-decoration: none; color: rgb(255, 255, 255); } .s123-module-gallery.layout-10 .grid-item .gallery-zoom:focus { outline: none; } .s123-module-gallery.layout-10 .grid-item:hover .image-grid-overlay { background-color: rgba(0, 0, 0, 0.55); } .s123-module-gallery.layout-10 .grid-item:hover img { transform: scale(1.1); } html.ie11-support .s123-module-gallery.layout-10 .grid .grid-item img { width: 100%; height: 100%; transition: 0.2s; } .eventSeatMapPopup .modal-footer .confirm-selection, .eventSeatMapPopup .datepicker-days .day.active:not(.today) { color: var(--global_main_color_btn_text_color); background-color: var(--global_main_color) !important; } .eventSeatMapPopup { z-index: 3001; } .eventSeatMapPopup .modal-dialog .modal-content { border-radius: 16px; } .eventSeatMapPopup .modal-dialog .modal-header { border-radius: 12px 12px 0px 0px; padding: 32px; } .eventSeatMapPopup .modal-dialog .modal-body { padding: 32px; } .eventSeatMapPopup .modal-dialog .modal-header .close { opacity: 1; } .eventSeatMapPopup .modal-dialog .modal-header .close:hover { color: inherit; } .eventSeatMapPopup .modal-footer { padding: 32px; } .eventSeatMapPopup .modal-footer .btn.confirm-selection { width: 100%; } .eventSeatMapPopup .modal-dialog { width: 90%; } .eventSeatMapPopup .modal-content { height: calc(-60px + 100vh); } .eventSeatMapPopup .modal-content .modal-body { height: 90%; } .eventSeatMapPopup .modal-content .modal-body .bootbox-body { height: 100%; } #seatMap { display: grid; width: 100%; height: 100%; grid-template-rows: 1fr; grid-template-columns: 30% 70%; box-sizing: border-box; gap: 15px; } @media (min-width: 1400px) { #seatMap { grid-template-columns: 20% 80%; } } #eventSeatMapIframe { width: 100%; height: 100%; border: 0px; } #sideMenu { display: flex; grid-area: 1 / 1 / 1 / 1; flex-flow: column; height: 100%; gap: 20px; overflow: hidden; padding: 0.5em; } #sideMenu #eventInfo { display: flex; flex-flow: column; flex: 1 1 0%; gap: 10px; } #sideMenu #cart { flex: 0 1 100%; height: 100%; overflow: hidden; border-top-left-radius: 5px; border-top-right-radius: 5px; } #sideMenu #cart.no-tickets #seatMapCheckout { display: none; } #seatMapView { grid-area: 1 / 2 / 1 / 2; background-color: var(--inside_modules_color); } #sideMenu #cartTitle { text-align: start; font-weight: 700; font-size: 1.424em !important; } #sideMenu #noTicketsContianer { text-align: center; } #sideMenu #noTicketsContianer h1 { color: rgb(107, 107, 107); padding: 1rem; font-size: 1.602em; margin: 0px; } #sideMenu #noTicketsContianer span { color: rgb(107, 107, 107); } #sideMenu #cartItems { display: grid; overflow: hidden auto; gap: 16px; grid-template-columns: 1fr; grid-auto-rows: 165px; } #sideMenu #cartItems > .ticket { display: flex; flex-flow: column; justify-content: space-between; border: 1px solid rgba(128, 128, 128, 0.26); padding: 15px; border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 10px; } #sideMenu #cartItems > .ticket .svg-m[data-icon-name="trash"] { background-color: var(--inside_modules_color_text); } #sideMenu .ticket .ticket-body { text-align: start; } html[dir="rtl"] #sideMenu #cartItems > .ticket { padding-right: 2px; } #sideMenu #cart:not(.no-tickets) #noTicketsContianer, #sideMenu #cart.no-tickets #cartSummery, #sideMenu #cart.no-tickets #cartItems, #sideMenu #cart.no-tickets #checkout { display: none; } #sideMenu #cartItems > .ticket .ticket-header { display: flex; justify-content: space-between; text-align: center; } #sideMenu #cartSummery { display: flex; flex-flow: column; min-height: 100px; border-top: 1px solid rgba(128, 128, 128, 0.26); margin-top: 5px; gap: 20px; } #sideMenu #cartSummery > div { display: flex; justify-content: space-between; } #seatMap #mobileCloseMenu, #seatMap .mobile-tools-container, #seatMap #selectedTicketInfo { display: none; } @media (max-width: 767px) { .eventSeatMapPopup .modal-dialog { margin-left: auto; margin-right: auto; } .eventSeatMapPopup .modal-content { height: calc(-20px + 100vh); } #seatMap { display: grid; width: 100%; height: 100%; grid-template-rows: 100%; grid-template-columns: 100%; box-sizing: border-box; background: rgba(128, 128, 128, 0.12); position: relative; overflow: hidden; gap: 0px; } #eventSeatMapIframe { height: calc(-265px + 100vh); } #seatMapView.active-ticket #selectedTicketInfo { display: grid; } #seatMapView.active-ticket #selectedTicketsAmount { display: none; } #seatMap #sideMenu { display: flex; position: absolute; width: 100%; z-index: 1; gap: 5px; } #seatMap:not(.show-cart) #sideMenu { display: none; } #seatMapView { grid-area: 1 / 1 / 1 / 1; } #selectedTicketInfo { grid-template-rows: 1fr 1fr 1fr; position: absolute; left: 0px; bottom: 0px; width: 100%; gap: 2px; overflow: hidden; background-color: var(--inside_modules_color); font-size: 1.3rem; padding: 7px; } #selectedTicketInfo .tk-info-head { display: flex; width: 100%; gap: 15px; position: relative; } #selectedTicketInfo .tk-info-cancel { position: absolute; right: 0px; top: 0px; } html[dir="rtl"] #selectedTicketInfo .tk-info-cancel { right: auto; left: 0px; } #selectedTicketInfo .tk-info-body { display: flex; width: 100%; flex-flow: column; align-items: baseline; } #selectedTicketInfo .tk-info-footer { display: flex; align-items: center; justify-content: center; } #sideMenu #cartItems { height: 45% !important; } #seatMap #mobileCloseMenu { display: block; text-align: start; } #seatMap .mobile-tools-container { display: block; padding: 5px; } #seatMap .mobile-tools-container .summery { font-size: 1.3rem; display: flex; align-items: center; justify-content: space-between; } } .ev-ticket-validator-popover { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); z-index: 99001; } .ev-ticket-validator-popover.right > .arrow::after { border-right-color: rgb(169, 68, 66); } .ev-ticket-validator-popover.top > .arrow::after { border-top-color: rgb(169, 68, 66); } .ev-ticket-validator-popover.left > .arrow::after { border-left-color: rgb(169, 68, 66); } .ev-ticket-validator-popover.bottom > .arrow::after { border-bottom-color: rgb(169, 68, 66); } .s123-module-events .product-container hr { max-width: none; border-width: 1px; border-color: var(--modules_color_text_second); } .bg-primary.s123-module-events .product-container hr { border-color: var(--modules_color_text); } .inside_page .s123-module-events .product-container hr { border-color: var(--inside_modules_color_text); } .s123-module-events .event-tickets tr > th:first-child, .s123-module-events .event-tickets tr > td:first-child { padding-left: 0px; } html[dir="rtl"].s123-module-events .event-tickets tr > th:first-child, html[dir="rtl"].s123-module-events .event-tickets tr > td:first-child { padding-left: 8px; padding-right: 0px; } .s123-module-events .event-ticket-title { margin-bottom: 10px; } .s123-module-events .event-ticket-more-info { display: none; } .s123-module-events .event-ticket-info-btn { padding: 0px; } .s123-module-events .event-ticket-info-btn:focus { outline: none; } .s123-module-events .hide-border-bottom { border-bottom-style: hidden; } .s123-module-events .event-tickets .ticketLine { margin-bottom: 10px; padding-bottom: 15px; } .s123-module-events .event-tickets .ticketLineBorder { border-bottom: 1px solid rgb(230, 230, 230); } .s123-module-events .event-tickets .ticketLine .ticketHeader { font-weight: bold; } .s123-module-events .event-tickets .quantity_field { display: flex; place-content: center space-between; align-items: center; height: 34px; min-width: 100px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; } .s123-module-events .event-tickets .quantity_field .quantity-value { display: inline-block; min-width: 17px; } .s123-module-events .event-tickets tr > td .quantity_field { display: flex; place-content: center space-between; align-items: center; height: 34px; min-width: 100px; border: 1px solid rgb(204, 204, 204); border-radius: 4px; } .s123-module-events .event-tickets tr > td .quantity_field .quantity-value { display: inline-block; min-width: 17px; } .s123-module-events .quantity-btn { color: rgb(0, 0, 0); } .s123-module-events .quantity-btn:focus { outline: none; } .s123-module-events .event-tickets-discount { display: block; } .s123-module-events .event-checkout-btn { text-align: right; } html[dir="rtl"] .s123-module-events .event-checkout-btn { text-align: left; } .s123-module-events .product-details .close-msg { text-align: center; border: 1px solid; padding: 20px; } .events-validator-popover { color: rgb(255, 255, 255); background-color: rgb(169, 68, 66); } .events-validator-popover.right > .arrow::after { border-right-color: rgb(169, 68, 66); } .events-validator-popover.top > .arrow::after { border-top-color: rgb(169, 68, 66); } .events-validator-popover.left > .arrow::after { border-left-color: rgb(169, 68, 66); } .events-validator-popover.bottom > .arrow::after { border-bottom-color: rgb(169, 68, 66); } .s123-module-events .event-map { margin: 20px 0px; } .s123-module-events .box { padding: 20px; } .s123-module-events .item-image-and-description-box { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: start; position: relative; } .s123-module-events .item-image-and-description-box.no-image { grid-template-columns: 1fr; grid-template-rows: auto; } .s123-module-events .item-main-image-box { width: 120px; height: 120px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; } @media (max-width: 768px) { .s123-module-events .item-image-and-description-box { grid-template-columns: 1fr; grid-template-rows: auto auto; } .s123-module-events .item-main-image-box { width: 100%; aspect-ratio: 16 / 9; } } .s123-module-events .item-description { margin: 0px; } .s123-module-events .item-image-and-description-box .event-status { padding: 0.2em 0.4em; font-size: 0.8em; border: 1px solid transparent; border-radius: 4px; position: absolute; top: 5px; left: 5px; color: var(--global_main_color_btn_text_color) !important; background-color: var(--global_main_color) !important; } html[dir="rtl"] .s123-module-events .item-image-and-description-box .event-status { left: auto; right: 5px; } .s123-module-events .item-image-and-description-box .item-long-description-link { display: block; margin-top: 10px; } .s123-module-events .product-container .product-images .main-image { margin-bottom: 20px; border: 1px solid rgb(221, 221, 221); position: relative; aspect-ratio: 16 / 9; border-radius: 8px; } .s123-module-events .product-container .product-images .main-image > div { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; border-radius: 8px; } .s123-module-events .product-container .product-images .owl-carousel { margin-top: -10px; margin-bottom: 20px; } .s123-module-events .product-container .product-images .owl-carousel .item .item-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; border: 1px solid rgb(221, 221, 221); cursor: pointer; border-radius: 8px; } .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev, .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next { position: absolute; top: calc(50% - 12px); } .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev { left: -10px; } html[dir="rtl"] .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev { left: auto; right: -10px; } .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next { right: -10px; } html[dir="rtl"] .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next { right: auto; left: -10px; } .s123-module-events .event-tickets-box { padding: 30px; box-shadow: rgba(0, 0, 0, 0.1) 5px 15px 25px; } .s123-module-events .event-tickets-box .event-checkout { display: flex; justify-content: flex-end; } @media (min-width: 768px) { .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev { left: -15px; } html[dir="rtl"] .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev { left: auto; right: -15px; } .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next { right: -15px; } html[dir="rtl"] .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next { right: auto; left: -15px; } } .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-prev.disabled, .s123-module-events .product-container .product-images .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.7; } @media (max-width: 767px) { .s123-module-events .event-tickets-box .event-checkout-btn, .s123-module-events .event-tickets-box .eventsRegisterForm { width: 100%; } html[dir="rtl"] .s123-module-events .event-tickets-box .event-checkout-btn, .s123-module-events .event-tickets-box .event-checkout-btn { text-align: center; } } .events-ticket-number-modal .modal-content { background-color: var(--modules_color_second_box) !important; color: var(--inside_modules_color_text_box) !important; } .events-ticket-number-modal .bootbox-close-button { color: var(--inside_modules_color_text_box); } .s123-module.s123-module-events .main-image .event-status, .s123-module.s123-module-events .event-image .event-status, .s123-module.s123-module-events .modules-items-table .event-status { padding: 0.4em; font-size: 16px; border: 1px solid transparent; border-radius: 4px; color: var(--global_main_color_btn_text_color) !important; background-color: var(--global_main_color) !important; } .s123-module.s123-module-events .modules-items-table .event-status { font-size: 0.7em; } .s123-module.s123-module-events .event-image .event-status { position: absolute; top: 10px; right: 10px; } html[dir="rtl"] .s123-module.s123-module-events .event-image .event-status { right: auto; left: 10px; } .s123-module.s123-module-events .main-image .event-status { position: absolute; top: 10px; left: 10px; } html[dir="rtl"] .s123-module.s123-module-events .main-image .event-status { left: auto; right: 10px; } .s123-module.s123-module-events .event-tickets-box.is-loading { min-height: 250px; } .s123-module.s123-module-events .event-tickets-box.is-loading { position: relative; } .s123-module.s123-module-events .event-tickets-box.is-loading .e-t-b-l-container { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .s123-module-events.layout-1 .event { padding: 24px; margin: 0px 0px 30px; position: relative; border-radius: 8px; } @media (max-width: 768px) { .s123-module-events.layout-1 .event { padding: 16px; } } .s123-module-events.layout-1 .event-image { width: 100%; margin: 0px 0px 15px; position: relative; min-height: 100px; } @media (min-width: 768px) { .s123-module-events.layout-1 .event-image { float: left; width: 230px; margin: 0px 56px 0px 0px; } html[dir="rtl"] .s123-module-events.layout-1 .event-image { float: right; margin: 0px 0px 0px 56px; } } .s123-module-events.layout-1 .event-image img { border-radius: 0px; } .s123-module-events.layout-1 .event-image img, .event-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; } .s123-module-events.layout-1 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } @media (max-width: 768px) { .s123-module-events.layout-1 .event-image .event-date { top: 24px; left: 24px; } html[dir="rtl"] .s123-module-events.layout-1 .event-image .event-date { left: auto; right: 24px; } } html[dir="rtl"] .s123-module-events.layout-1 .event-image .event-date { left: auto; right: 10px; } .s123-module-events.layout-1 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-events.layout-1 .event-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-events.layout-1 .event-title h2 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: 600; } .s123-module-events.layout-1 .event-title h2 a { } .s123-module-events.layout-1 .event-title h2 a:hover { } .s123-module-events.layout-1 .event-meta { padding: 0px; margin: 8px -10px -15px 0px; list-style: none; } .s123-module-events.layout-1 .event-meta li { float: left; font-size: 14px; line-height: 14px; margin: 0px 10px 10px 0px; font-style: italic; } html[dir="rtl"] .s123-module-events.layout-1 .event-meta li { float: right; } .s123-module-events.layout-1 .event-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-events.layout-1 .event-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-events.layout-1 .event-meta li .label { font-size: 100%; } .s123-module-events.layout-1 .event-meta li i { position: relative; top: 1px; margin-right: 3px; } html[dir="rtl"] .s123-module-events.layout-1 .event-meta li i { margin-right: 0px; margin-left: 3px; } .s123-module-events.layout-1 .event-meta li a { } .s123-module-events.layout-1 .event-meta li a:hover { } .s123-module-events.layout-1 .event-meta li:first-child::before { display: none; } .s123-module-events.layout-1 .event-content { margin-top: 16px; } .s123-module-events.layout-1 .event-content .event-btns { display: flex; gap: 10px; } @media (max-width: 768px) { .s123-module-events.layout-1 .event-content > p { margin-bottom: 24px; } } .s123-module-events.layout-2 .events-responsive-filter a { display: none; } .s123-module-events.layout-2 .well { border: none; } @media (max-width: 767px) { .s123-module-events.layout-2 .events-categories-container li { text-align: center; } } .s123-module-events.layout-2 .events-categories-container li:not(:last-child) { padding-bottom: 1em; } .s123-module-events.layout-2 .events-categories-container li a, .s123-module-events.layout-2 .events-categories-container li a:hover, .s123-module-events.layout-2 .events-categories-container li a:focus { border: 1px solid; background: transparent; border-radius: 4px; } .s123-module-events.layout-2 .events-categories-container li.active a { border: 1px solid; background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); } .home_page .s123-module-events.layout-2 .events-categories-container li.active a { background-color: var(--modules_color_second_section_main); border-color: var(--modules_color_second_section_main); color: var(--modules_color_second_section_btn_text) !important; } .home_page .bg-primary.s123-module-events.layout-2 .events-categories-container li.active a { background-color: var(--modules_color_section_main); border-color: var(--modules_color_section_main); color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-events.layout-2 .events-categories-container li.active a { background-color: var(--inside_modules_color_section_box_main); border-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-events.layout-2 .events-container > div { padding-top: 0px; font-size: 16px; line-height: 1.42857; display: inline-block; vertical-align: top; position: relative; } .s123-module-events.layout-2 .events-container > div .box { position: relative; padding: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 25px; border-radius: 16px; } .s123-module-events.layout-2 .event-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-events.layout-2 .event-image .event-date { position: absolute; top: 24px; left: 24px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; border-radius: 8px; } html[dir="rtl"] .s123-module-events.layout-2 .event-image .event-date { left: auto; right: 24px; } .s123-module-events.layout-2 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-events.layout-2 .box .event-details-container { padding: 9px 24px 24px; } .s123-module-events.layout-2 .box .event-details-container h4 { margin: 0.75em 0px; } @media (max-width: 767px) { .s123-module-events.layout-2 .box .event-details-container h4 { margin: 0.85em 0px; } } .s123-module-events.layout-2 .box .event-details-container p { margin-bottom: 0.75em; } .s123-module-events.layout-2 .event-price { width: 100%; } @media (max-width: 767px) { .s123-module-events.layout-2 .events-responsive-filter a { width: 100%; padding: 10px; text-align: center; display: block; font-weight: bold; text-decoration: none; border: 1px solid; } .s123-module-events.layout-2 .categories-panel { display: none; } .s123-module-events.layout-2 .events-container > div { margin-bottom: 1em; } } .s123-module-events.layout-2 .events-container .box .buttons-container { padding: 10px; } .s123-module-events.layout-2 .events-container .box .buttons-container .btn { margin-top: 0.5em; margin-right: 5px; } html[dir="rtl"] .s123-module-events.layout-2 .events-container .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-events.layout-2 .events-container .buttons-container form { display: inline-block; } .s123-module.s123-module-events.layout-2 .event-image .event-status { position: absolute; top: 24px; right: 24px; } html[dir="rtl"] .s123-module.s123-module-events .event-image .event-status { right: auto; left: 24px; } .s123-module-events.layout-3 .events-container:not(:last-child) { margin-bottom: 12px; } .s123-module-events.layout-3 .events-container .events { padding: 10px; } .s123-module-events.layout-3 .events-container table { margin-bottom: 0px; } .s123-module-events.layout-3 .events-container table thead { margin-bottom: 16px; } .s123-module-events.layout-3 .events-container th, .s123-module-events.layout-3 .events-container td { border: hidden !important; } .s123-module-events.layout-3 .events-container h3 { font-size: 1.7em; margin-bottom: 20px; text-transform: uppercase; font-weight: bold; } .s123-module-services.bg-primary.background-primary-color.btn-primary-text-color i.svg-m.primary-color { background-color: var(--modules_color_section_btn_text) !important; } .s123-module-services.layout-1 { padding: 50px 0px; } .s123-module-services.layout-1 .features-container { margin-bottom: -30px; } .s123-module-services.layout-1 .service-item p { white-space: pre-wrap; overflow-wrap: break-word; overflow: hidden; } .s123-module-services.layout-1 .service-item { margin-bottom: 51px; display: flex; flex-direction: column; } .s123-module-services.layout-1 .service-item .service-video-container { width: 132px; height: 132px; align-self: center; border-radius: 100%; overflow: hidden; margin: 5px; } .s123-module-services.layout-1 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-1 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 5px 5px 22px; align-self: center; } @media (max-width: 767px) { .s123-module-services.layout-1 .service-item .fa-stack { margin-bottom: 14px; } } .s123-module-services.layout-1 .service-item .fa-stack img { width: 1em; height: auto; } .s123-module-services.layout-1 .service-item p { margin-bottom: 32px; } @media (max-width: 767px) { .s123-module-services.layout-1 .service-item p { margin-bottom: 24px; } } .s123-page-data-services.layout-1 p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-services.layout-1 .service-item .servcies-more-link { align-self: center; white-space: pre-wrap; overflow-wrap: break-word; } .s123-page-data-services.layout-1 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-1.section-static-text-color .service-item { color: var(--section-title-color) !important; } .s123-module-services.layout-1.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-1.section-static-text-color .servcies-more-link { color: var(--section-title-reverse-color) !important; background-color: var(--section-title-color) !important; border-color: var(--section-title-color) !important; } .s123-module-services.layout-2 { padding: 50px 0px; } .s123-module-services.layout-2 .features-container { margin-bottom: -30px; } .s123-module-services.layout-2 .service-item p { white-space: pre-wrap; overflow-wrap: break-word; overflow: hidden; } .s123-module-services.layout-2 .service-item { margin-bottom: 56px; } .s123-module-services.layout-2 .service-item .service-item-title { display: flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1.3; gap: 24px; } @media (min-width: 768px) { .s123-module-services.layout-2 .services-row-4 .service-item .service-item-title .service-title-text { text-align: start; max-width: 140px; } } .s123-module-services.layout-2 .service-item h4.service-layout-2-video { display: inline-flex; align-items: center; width: 100%; justify-content: center; } .s123-module-services.layout-2 .service-item .service-video-container { width: 2.5rem; height: 2.5rem; border-radius: 100%; overflow: hidden; margin: 5px; } .s123-module-services.layout-2 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-2 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 5px 0px; aspect-ratio: 1 / 1; } .s123-module-services.layout-2 .service-item .fa-stack img { width: 1em; height: auto; } .s123-module-services.layout-2 .service-item .fa-stack.no-img-layout-2 { width: 0px; margin-inline: 0px; } .s123-page-data-services.layout-2 p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-page-data-services.layout-2 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-2.section-static-text-color .service-item a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-services.layout-2.section-static-text-color .service-item { color: var(--section-title-color) !important; } .s123-module-services.layout-2.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-3 .service { padding-top: 32px; padding-bottom: 32px; text-align: center; } .s123-module-services.layout-3 .service > * { clear: both; } .s123-module-services.layout-3 .service > h3 { margin-top: 0px; } .s123-module-services.layout-3 .service a { opacity: 1; } .s123-module-services.layout-3 .service img, .s123-module-services.layout-3 .service .services_illustration_video { max-width: 296px; max-height: 166px; margin-bottom: 15px; } .s123-module-services.layout-3 .service p { min-height: 4.5em; } .s123-module-services.layout-3 .service .service-icon { text-align: center; min-width: 150px; } .s123-module-services.layout-3 .service .service-icon i { font-size: 150px; } .s123-module-services.layout-3 .service .service-icon img { width: 150px; } @media (min-width: 768px) { .s123-module-services.layout-3 .service { padding: 48px; text-align: left; } .s123-module-services.layout-3 .service > * { clear: none; } html[dir="rtl"] .s123-module-services.layout-3 .service { text-align: right; } .s123-module-services.layout-3 .service img, .s123-module-services.layout-3 .service .service-icon, .s123-module-services.layout-3 .service .services_illustration_video { max-width: 358px; max-height: 201px; margin-bottom: 8px; margin-right: 50px; float: left; } .s123-module-services.layout-3 .service:nth-child(2n) img, .s123-module-services.layout-3 .service:nth-child(2n) .service-icon { margin-right: 0px; margin-left: 50px; float: right; } html[dir="rtl"] .s123-module-services.layout-3 .service img, html[dir="rtl"] .s123-module-services.layout-3 .service .service-icon { margin-right: 0px; margin-left: 50px; float: right; } html[dir="rtl"] .s123-module-services.layout-3 .service:nth-child(2n) img, html[dir="rtl"] .s123-module-services.layout-3 .service:nth-child(2n) .service-icon { margin-left: 0px; margin-right: 50px; float: left; } } .s123-module-services.layout-3 .service .servcies-more-link { white-space: pre-wrap; overflow-wrap: break-word; } .s123-page-data-services.layout-3 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-3.section-static-text-color .service:not(.box-primary) { color: var(--section-title-color) !important; } .s123-module-services.layout-3.section-static-text-color .service:not(.box-primary) .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-3.section-static-text-color .service:not(.box-primary) .servcies-more-link { color: var(--section-title-reverse-color) !important; background-color: var(--section-title-color) !important; border-color: var(--section-title-color) !important; } .s123-module-services.layout-4 { padding: 50px 0px; } .s123-module-services.layout-4 .features-container { margin-bottom: -30px; } .s123-module-services.layout-4 .service-item p { white-space: pre-wrap; overflow-wrap: break-word; overflow: hidden; margin-bottom: 5px; } .s123-module-services.layout-4 .service-link { text-decoration: none; display: block; } .s123-module-services.layout-4 .service-item { padding: 51px 20px; margin-bottom: 30px; display: flex; flex-direction: column; } .s123-module-services.layout-4 .service-item .service-video-container { width: 170px; height: 170px; align-self: center; border-radius: 100%; overflow: hidden; margin: 5px; } .s123-module-services.layout-4 .service-item .fa-stack { width: 170px; height: 170px; } .s123-module-services.layout-4 .service-item .service-video-container .services_illustration_video { width: 100%; height: auto; } .s123-module-services.layout-4 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; margin: 5px; align-self: center; } .s123-module-services.layout-4 .service-item .fa-stack img { width: 100%; height: auto; } .s123-page-data-services.layout-4 p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-services.layout-4 .service-item h4 { margin: 32px 0px 16px; } @media (max-width: 767px) { .s123-module-services.layout-4 .service-item h4 { margin-bottom: 8px; } } .s123-module-services.layout-4 .service-item.bg-primary-black .fa-stack .svg-m { background: rgb(255, 255, 255); } .s123-page-data-services.layout-4 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-6 { padding: 50px 0px; } .s123-module-services.layout-6 .features-container { margin-bottom: -85px; } .s123-module-services.layout-6 .service-item p { white-space: pre-wrap; overflow-wrap: break-word; opacity: 0.7; width: 90%; font-weight: 400; } .s123-module-services.layout-6 .service-item { display: flex; flex-flow: row; margin-bottom: 56px; } .s123-module-services.layout-6 .service-item .service-video-container { width: 3rem; height: 3rem; border-radius: 100%; overflow: hidden; display: flex; justify-content: center; flex-grow: 1; } .s123-module-services.layout-6 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-6 .service-item .service-img-container { width: 4.7em; display: flex; justify-content: center; } .s123-module-services.layout-6 .service-item .service-text-container { text-align: left; margin-left: 32px; } html[dir="rtl"] .s123-module-services.layout-6 .service-item .service-text-container { text-align: right; margin-left: 0px; margin-right: 32px; } .s123-module-services.layout-6 .service-item h4 { margin-top: 0px; } .s123-module-services.layout-6 .service-item .more-link { font-weight: 600; } .s123-module-services.layout-6 .service-item .fa-stack i { line-height: normal; } .s123-module-services.layout-6 .service-item .fa-stack img { width: 2em; height: auto; } .s123-module-services.layout-6 .service-item .fa-stack[data-is-image="true"] { width: 1.5em; height: 1.5em; background-size: cover; background-position: center center; background-repeat: no-repeat; } .s123-page-data-services.layout-6 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-6.section-static-text-color .service-item a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-services.layout-6.section-static-text-color .service-item { color: var(--section-title-color) !important; } .s123-module-services.layout-6.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-7 { padding: 50px 0px; } .s123-module-services.layout-7 .features-container { margin-bottom: -30px; } .s123-module-services.layout-7 .service-item p { white-space: pre-wrap; overflow-wrap: break-word; overflow: hidden; width: 70%; margin: auto auto 32px; opacity: 0.8; } .s123-module-services.layout-7 .service-item { margin-bottom: 51px; display: flex; flex-direction: column; align-items: center; } .s123-module-services.layout-7 .service-item .service-video-container { width: 99px; height: 99px; align-self: center; border-radius: 100%; overflow: hidden; margin: 5px 5px 27px; } .s123-module-services.layout-7 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-7 .service-item .fa-stack { margin: 5px; } .s123-module-services.layout-7 .service-item .fa-stack[data-is-icon="true"] { display: inline-flex; align-items: center; justify-content: center; } .s123-module-services.layout-7 .service-item .fa-stack[data-is-icon="true"] i { font-size: 0.6em; } .s123-module-services.layout-7 .service-item .fa-stack img { width: 0.6em; height: auto; } .s123-module-services.layout-7 .service-item .fa-stack[data-is-image="true"] { background-size: cover; background-position: center center; background-repeat: no-repeat; } .s123-page-data-services.layout-7 p { white-space: pre-wrap; overflow-wrap: break-word; margin-bottom: 32px; } .s123-module-services.layout-7.layout-7 h4 { margin-top: 27px; margin-bottom: 16px; } @media (max-width: 767px) { .s123-module-services.layout-7.layout-7 h4 { margin-top: 19px; margin-bottom: 8px; } } .s123-module-services.layout-7 .service-item .servcies-more-link { align-self: center; white-space: pre-wrap; overflow-wrap: break-word; } .s123-page-data-services.layout-7 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-7.section-static-text-color .service-item { color: var(--section-title-color) !important; } .s123-module-services.layout-7.section-static-text-color .service-item .img-circle .svg-m { background-color: var(--section-title-reverse-color) !important; } .s123-module-services.layout-7.section-static-text-color .service-item .img-circle, .s123-module-services.layout-7.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-7.section-static-text-color .servcies-more-link { color: var(--section-title-reverse-color) !important; background-color: var(--section-title-color) !important; border-color: var(--section-title-color) !important; } .s123-module-services.layout-8 { padding: 50px 0px; } .s123-module-services.layout-8 .service-item-row { margin: 0px; } .s123-module-services.layout-8 .services-item-container { margin-bottom: 50px; padding: 0px; } @media (max-width: 767px) { .s123-module-services.layout-8 .services-item-container { flex-direction: column; align-items: center; } } .s123-module-services.layout-8 .services-category .row:last-child .services-item-container { margin-bottom: 0px; } .s123-module-services.layout-8 .services-item-container .service-item { display: flex; flex-wrap: wrap; justify-content: center; padding: 10px; } .s123-module-services.layout-8 .services-item-container .service-img-container { background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 15px; height: 250px; width: 250px; } .s123-module-services.layout-8 .service-item .service-video-container { height: 250px; width: 250px; margin-bottom: 15px; } .s123-module-services.layout-8 .services-item-container.background-primary-color a, .s123-module-services.layout-8 .services-item-container.bg-primary-black a { color: rgb(255, 255, 255); } .s123-module-services.layout-8 .services-item-container.background-primary-color a .svg-m, .s123-module-services.layout-8 .services-item-container.bg-primary-black a .svg-m { background: rgb(255, 255, 255); } .s123-module-services.layout-8 .services-item-container .service-text-container { width: 250px; } @media (min-width: 768px) { .s123-module-services.layout-8 .services-item-container .service-img-container, .s123-module-services.layout-8 .service-item .service-video-container { height: 160px; width: 160px; margin-bottom: 0px; } .s123-module-services.layout-8 .services-item-container .service-text-container { width: calc(100% - 160px); padding-left: 40px; text-align: left; } html[dir="rtl"] .s123-module-services.layout-8 .services-item-container .service-text-container { text-align: right; padding-right: 40px; padding-left: 0px; } } .s123-module-services.layout-8 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-8 .service-item .fa-stack i, .s123-module-services.layout-8 .service-item .fa-stack img { width: 100%; height: 100%; } .s123-module-services.layout-8 .services-item-container.bg-primary-black .fa-stack .svg-m { background: rgb(255, 255, 255) !important; } .s123-module-services.layout-8 .service-item .fa-stack { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; } .s123-module-services.layout-8 .service-item .more-link { font-weight: 600; } .s123-page-data-services.layout-8 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-8.section-static-text-color .service-item a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-services.layout-8.section-static-text-color .service-item { color: var(--section-title-color) !important; } .s123-module-services.layout-8.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-9 { padding: 50px 0px; } .s123-module-services.layout-9 .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .s123-module-services.layout-9 .service-grid.grid-2 { grid-template-columns: repeat(2, 1fr); } .s123-module-services.layout-9 .service-grid.grid-4 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 768px) { .s123-module-services.layout-9 .service-grid, .s123-module-services.layout-9 .service-grid.grid-2, .s123-module-services.layout-9 .service-grid.grid-4 { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 480px) { .s123-module-services.layout-9 .service-grid, .s123-module-services.layout-9 .service-grid.grid-2, .s123-module-services.layout-9 .service-grid.grid-4 { grid-template-columns: repeat(1, 1fr); gap: 20px; } } .s123-module-services.layout-9 .service-item-wrap .service-link { text-decoration: none; cursor: pointer; } .s123-module-services.layout-9 .service-item { text-align: left; } html[dir="rtl"] .s123-module-services.layout-9 .service-item { text-align: right; } .s123-module-services.layout-9 .service-item h4 { margin: 32px 0px 16px; font-weight: bold; } @media (max-width: 767px) { .s123-module-services.layout-9 .service-item h4 { margin: 24px 0px 8px; } } .s123-module-services.layout-9 .service-item p { overflow-wrap: anywhere; } .s123-module-services.layout-9 .service-item .service-video-container { width: 100%; height: 200px; } @media (max-width: 767px) { .s123-module-services.layout-9 .service-item .service-video-container { height: 184px; } } .s123-module-services.layout-9 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-9 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; align-self: center; width: 100%; height: 200px; border-radius: 8px; } @media (max-width: 767px) { .s123-module-services.layout-9 .service-item .fa-stack { height: 184px; } } .s123-module-services.layout-9 .service-item .fa-stack img { width: 100%; height: 100%; } .s123-module-services.layout-9 .service-item .fa-stack .svg-m { height: 100%; width: 100%; display: flex; } .s123-page-data-services.layout-9 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-9.section-static-text-color .service-item a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-services.layout-9.section-static-text-color .page-text-color { color: var(--section-title-color) !important; } .s123-module-services.layout-9.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-10 { padding: 50px 0px; } .s123-module-services.layout-10 .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .s123-module-services.layout-10 .service-item-wrap .service-link { text-decoration: none; cursor: pointer; } .s123-module-services.layout-10 .service-item-wrap.wrap-last-item-sprade { grid-column: span 3; } .s123-module-services.layout-10 .service-item.last-item-sprade { flex-direction: row; } .s123-module-services.layout-10 .service-item { display: flex; flex-direction: column; text-align: left; } .s123-module-services.layout-10 .service-item.reverse-item { flex-direction: column-reverse; } html[dir="rtl"] .s123-module-services.layout-10 .service-item { text-align: right; } .s123-module-services.layout-10 .service-item h4 { margin: 0px; font-weight: 700; } .s123-module-services.layout-10 .service-item .service-item-description { opacity: 0.8; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .s123-module-services.layout-10 .service-item .service-item-description.show-more { cursor: pointer; position: relative; padding: 0px 10px 0px 0px; } html[dir="rtl"] .s123-module-services.layout-10 .service-item .service-item-description.show-more { padding: 0px 0px 0px 10px; } .s123-module-services.layout-10 .service-item .service-item-description.show-more::before { content: ""; font-family: FontAwesome; position: absolute; right: 0px; bottom: 2px; padding: 0px 5px; border-radius: 6px; background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); height: 20px; display: flex; align-items: center; } html[dir="rtl"] .s123-module-services.layout-10 .service-item .service-item-description.show-more::before { left: 0px; right: auto; } .s123-module-services.layout-10 .service-item .service-item-description .back-btn { display: flex; cursor: pointer; background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); width: fit-content; padding: 2px 5px; border-radius: 6px; margin-top: 5px; } .s123-module-services.layout-10 .service-item .service-item-description.text-scroll { overflow: overlay; } .s123-module-services.layout-10 .service-item .service-video-container { width: 100%; height: 100%; } .s123-module-services.layout-10 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-10 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; align-self: center; width: 100%; height: 100%; aspect-ratio: 1 / 1; padding: 32px; } .s123-module-services.layout-10 .service-item .fa-stack .svg-m { height: 100%; width: 100%; display: flex; } .s123-module-services.layout-10 .service-item .service-item-texts { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; aspect-ratio: 1 / 1; padding: 32px; gap: 1.5rem; } .s123-page-data-services.layout-10 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-services.layout-10 .service-item .service-item-description { white-space-collapse: break-spaces; } @media (max-width: 767px) { .s123-module-services.layout-10 .service-grid { display: flex; flex-direction: column; gap: 1rem; } .s123-module-services.layout-10 .service-item { gap: 0px; } .s123-module-services.layout-10 .service-item.reverse-item { flex-direction: column; } .s123-module-services.layout-10 .service-item .service-item-texts { padding: 24px; } .s123-module-services.layout-10 .service-item.last-item-sprade { flex-direction: column; } .s123-module-services.layout-10 .service-item .service-item-description { overflow: initial; text-overflow: initial; height: fit-content !important; } .s123-module-services.layout-10 .service-item .service-item-description.show-more::before { content: none; } } .s123-module-services.layout-10[data-device-type="tablet"] .service-item .service-item-description { overflow: unset; text-overflow: unset; pointer-events: none; height: fit-content !important; } .s123-module-services.layout-10[data-device-type="tablet"] .service-item .service-item-description.show-more::before { content: none; } .s123-module-services.layout-10 .service-item .service-item-description.text-scroll::-webkit-scrollbar-track { background: var(--global_main_color_btn_text_color); } .s123-module-services.layout-10 .service-item .service-item-description.text-scroll::-webkit-scrollbar-thumb { background: var(--global_main_color); } .s123-module-services.layout-10 .service-item .service-item-description.text-scroll::-webkit-scrollbar-thumb:hover { background: var(--global_main_color); } .s123-module-services.layout-10 .service-item .service-item-description.text-scroll::-webkit-scrollbar { width: 4px; height: auto; } .s123-module-services.layout-10 .service-item .more-link.black-bg-link-color { color: rgb(255, 255, 255) !important; } .s123-module-services.layout-10.section-static-text-color .service-item .svg-m { background-color: var(--section-title-color) !important; } .s123-module-services.layout-11 { padding: 50px 0px; } .s123-module-services.layout-11 .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .s123-module-services.layout-11 .service-grid.grid-2 { grid-template-columns: repeat(2, 1fr); } .s123-module-services.layout-11 .service-grid.grid-4 { grid-template-columns: repeat(4, 1fr); } @media (max-width: 768px) { .s123-module-services.layout-11 .service-grid, .s123-module-services.layout-11 .service-grid.grid-2, .s123-module-services.layout-11 .service-grid.grid-4 { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 480px) { .s123-module-services.layout-11 .service-grid, .s123-module-services.layout-11 .service-grid.grid-2, .s123-module-services.layout-11 .service-grid.grid-4 { grid-template-columns: repeat(1, 1fr); gap: 20px; } } .s123-module-services.layout-11 .service-item-wrap { border-radius: 8px; } .s123-module-services.layout-11 .service-item-wrap .service-link { text-decoration: none; cursor: pointer; height: 100%; display: grid; border-radius: 8px; } .s123-module-services.layout-11 .service-item { text-align: left; border-top-right-radius: 8px; border-top-left-radius: 8px; display: flex; flex-direction: column; height: 100%; } html[dir="rtl"] .s123-module-services.layout-11 .service-item { text-align: right; } .s123-module-services.layout-11 .service-item h4 { margin: 0px 0px 16px; font-weight: bold; } @media (max-width: 767px) { .s123-module-services.layout-11 .service-item h4 { margin: 24px 0px 8px; } } .s123-module-services.layout-11 .service-item p { overflow-wrap: anywhere; margin-bottom: 0px; } .s123-module-services.layout-11 .service-item .service-video-container { width: 100%; height: 200px; } @media (max-width: 767px) { .s123-module-services.layout-11 .service-item .service-video-container { height: 184px; } } .s123-module-services.layout-11 .service-item .service-video-container .services_illustration_video { width: 100%; height: 100%; } .s123-module-services.layout-11 .service-item .service-details { padding: 24px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; } .s123-module-services.layout-11 .service-item .fa-stack { background-size: cover; background-position: center center; background-repeat: no-repeat; align-self: center; width: 100%; height: 200px; border-top-right-radius: 8px; border-top-left-radius: 8px; padding: 10px; } @media (max-width: 767px) { .s123-module-services.layout-11 .service-item .fa-stack { height: 184px; } } .s123-module-services.layout-11 .service-item .fa-stack img { width: 100%; height: 100%; } .s123-module-services.layout-11 .service-item .fa-stack .svg-m { height: 100%; width: 100%; display: flex; } .s123-page-data-services.layout-11 .services-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 768px) { .s123-module-services.layout-11[data-mobile-view-type="2"] .services-container { position: relative; padding: 0px; } .s123-module-services.layout-11[data-mobile-view-type="2"] .service-item-wrap { margin: 0px 20px; } .s123-module-services.layout-11[data-mobile-view-type="2"] .service-grid { visibility: hidden; } } .s123-module-team.layout-1 .team-member { max-width: 500px; margin: 0px auto 20px; overflow: hidden; } .s123-module-team.layout-1 .team-member.no-background { background: none !important; } .s123-module-team.layout-1 .team-image { height: 200px; width: 100%; background-position: center center; background-size: cover; padding-top: 100%; } .s123-module-team.layout-1 .team-details { padding-block: 20px; } .s123-module-team.layout-1 .team-text-side .team-details { text-align: left; } html[dir="rtl"] .s123-module-team.layout-1 .team-text-side .team-details { text-align: right; } .s123-module-team.layout-1 .team-member.item-team-layout-6 .team-details, .s123-module-team.layout-1 .team-member.item-team-layout-7 .team-details, .s123-module-team.layout-1 .team-member.item-team-layout-8 .team-details { padding: 24px; text-align: center !important; } .s123-module-team.layout-1 .team-member .member-name { font-weight: 600; margin-top: 20px; margin-bottom: 8px; padding-bottom: 16px; position: relative; display: flex; justify-content: center; } .s123-module-team.layout-1 .team-text-side .team-member .member-name { justify-content: flex-start; } .s123-module-team.layout-1 .team-member .member-name::before { content: ""; width: 84px; height: 4px; background-color: var(--global_main_color); display: block; position: absolute; bottom: 0px; left: auto; right: auto; } .s123-module-team.layout-1 .team-text-side .team-member .member-name::before { left: 0px; } html[dir="rtl"] .s123-module-team.layout-1 .team-text-side .team-member .member-name::before { left: auto; right: 0px; } .s123-module-team.layout-1 .team-member.background-primary-color .member-name::before { background-color: var(--global_main_color_btn_text_color); } .home_page .s123-module-team.layout-1.bg-primary .team-member .member-name::before { background-color: var(--modules_color_section_main); } .home_page .s123-module-team.layout-1 .team-member .member-name::before { background-color: var(--modules_color_second_section_main); } .inside_page .s123-module-team.layout-1.bg-primary .team-member .member-name::before { background-color: var(--inside_modules_color_section_box_main); } .s123-module-team.layout-1 .team-member.bg-primary-black .member-name::before { background-color: rgb(255, 255, 255) !important; } .home_page .s123-module-team.layout-1.bg-primary .team-member.background-primary-color .member-name::before { background-color: var(--modules_color_section_btn_text); } .home_page .s123-module-team.layout-1 .team-member.background-primary-color .member-name::before { background-color: var(--modules_color_second_section_btn_text); } .inside_page .s123-module-team.layout-1.bg-primary .team-member.background-primary-color .member-name::before { background-color: var(--inside_modules_color_section_btn_text); } .s123-module-team.layout-1 .team-member.item-team-layout-6, .s123-module-team.layout-1 .team-member.item-team-layout-7, .s123-module-team.layout-1 .team-member.item-team-layout-8 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.08) 0px 20px 45px; } @media (max-width: 767px) { .s123-module-team.layout-1 .team-member.item-team-layout-6, .s123-module-team.layout-1 .team-member.item-team-layout-7, .s123-module-team.layout-1 .team-member.item-team-layout-8 { max-width: 330px; } } .s123-module-team.layout-1 .team-member.item-team-layout-6 { border-top-width: 4px; } .s123-module-team.layout-1 .team-member.item-team-layout-7, .s123-module-team.layout-1 .team-member.item-team-layout-8 { border-bottom-width: 4px; } .s123-module-team.layout-1 .team-member.item-team-layout-6 .member-name, .s123-module-team.layout-1 .team-member.item-team-layout-7 .member-name, .s123-module-team.layout-1 .team-member.item-team-layout-8 .member-name { justify-content: center; } .s123-module-team.layout-1 .team-member.item-team-layout-6 .member-name::before, .s123-module-team.layout-1 .team-member.item-team-layout-7 .member-name::before, .s123-module-team.layout-1 .team-member.item-team-layout-8 .member-name::before { left: auto !important; right: auto !important; } .s123-module-team.layout-1 .team-member .position { font-weight: 600; padding: 0px; margin: 0px; opacity: 0.6; display: block; } .s123-module-team.layout-1 .team-member .social-links { padding-top: 10px; } .s123-module-team.layout-1 .team-member .social-links > li a { border-color: rgb(236, 240, 241); border-radius: 3px; } .s123-module-team.layout-1 .social { padding: 0px; margin: 8px 0px 24px; list-style: none; position: relative; z-index: 100; } @media (max-width: 767px) { .s123-module-team.layout-1 .social { margin-bottom: 16px; } } .s123-module-team.layout-1 .social li { display: inline; margin: 0px 5px; } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media only screen and (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-1 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-1 .no-img-mobile { display: none; } } .s123-module-team.layout-1 .team-member.background-primary-color .social .svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .s123-module-team.layout-1 .team-member.background-primary-color .more-link { color: var(--global_main_color_btn_text_color) !important; } .s123-module-team.layout-1.section-static-text-color.style1 .team-details a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-1.section-static-text-color.style1 .team-details { color: var(--section-title-color) !important; } .s123-module-team.layout-1.section-static-text-color.style1 .team-details a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-1.section-static-text-color.style1 .team-details .member-name::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-2 .team-member { display: flex; flex-direction: column; align-items: center; max-width: 500px; margin: 0px auto 20px; overflow: hidden; border: 1px solid rgb(245, 245, 245); border-radius: 4px; } .s123-module-team.layout-2 .team-image { width: 100%; height: 100%; background-position: center center; background-size: cover; aspect-ratio: 1 / 1; max-width: 240px; } .s123-module-team.layout-2 .team-details { padding: 20px; } .s123-module-team.layout-2 .team-member .member-name { font-weight: 600; margin-top: 20px; margin-bottom: 8px; padding-bottom: 16px; position: relative; display: flex; justify-content: center; } .s123-module-team.layout-2 .team-member .member-name::before { content: ""; width: 84px; height: 4px; background-color: var(--modules_color_second_section_main); display: block; position: absolute; bottom: 0px; } .bg-primary.s123-module-team.layout-2 .team-member .member-name::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-team.layout-2 .team-member .member-name::before { background-color: var(--inside_modules_color_section_box_main); } .s123-module-team.layout-2 .team-member .position { font-weight: 600; padding: 0px; margin: 0px; opacity: 0.6; display: block; } .s123-module-team.layout-2 .team-member .social-links { padding-top: 10px; } .s123-module-team.layout-2 .team-member .social-links > li a { border-color: rgb(236, 240, 241); border-radius: 3px; } .s123-module-team.layout-2 .social { padding: 0px; margin: 8px 0px 24px; list-style: none; position: relative; z-index: 100; font-size: 0.6rem; gap: 3px; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 767px) { .s123-module-team.layout-2 .social { margin-bottom: 16px; } } .s123-module-team.layout-2 .social li { display: inline; } .s123-module-team.layout-2.layout-2 .team-image { border-radius: 100%; } .s123-module-team.layout-2 .team-member { border: 0px; } .s123-module-team.layout-2.section-static-text-color .team-details a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-2.section-static-text-color .team-details { color: var(--section-title-color) !important; } .s123-module-team.layout-2.section-static-text-color .team-details a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-2.section-static-text-color .team-member .member-name::before { background-color: var(--section-title-color) !important; } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media only screen and (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-2 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-2 .no-img-mobile { display: none; } } .home_page .s123-module-team.layout-3, .inside_page .s123-module-team.layout-3 { padding-bottom: 0px; } .home_page .s123-module-team.layout-3.layoutNoTitleMarginFix { padding-top: 0px !important; } .s123-module-team.layout-3 .team-image-container { padding-left: 0px; padding-right: 0px; } .s123-module-team.layout-3 .team-info-container .team-layout-gap { display: flex; flex-direction: column; gap: 32px; } .s123-module-team.layout-3 .team-image-container.team-height { height: 400px; } @media (min-width: 768px) { .s123-module-team.layout-3 .team-height { height: 400px; } } @media (min-width: 992px) { .s123-module-team.layout-3 .team-height { height: 600px !important; } } .s123-module-team.layout-3 .team-info-container { text-align: center; } .s123-module-team.layout-3 .team-info-container { padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .s123-module-team.layout-3 .team-info-container { padding-left: 25px; padding-right: 25px; } } .s123-module-team.layout-3 .profile-content { max-width: 400px; max-height: 9em; margin: 0px auto; overflow: hidden; } .s123-module-team.layout-3 .hr-design { border-width: 4px; max-width: 40px; } .s123-module-team.layout-3 .team-info h3 { font-weight: 600; } .s123-module-team.layout-3 .employee-title { font-weight: 600; opacity: 0.6; margin: 0px; } .s123-module-team.layout-3 .social-icons .list-inline { display: flex; gap: 20px; justify-content: center; margin: 0px; flex-wrap: wrap; } .s123-module-team.layout-3 .social-icons .list-inline > li { padding: 0px; margin: 0px; } .home_page .s123-module-team.layout-3.bg-primary a.more-link .svg-m, .home_page .s123-module-team.layout-3.bg-primary .social-icons .list-inline a .svg-m { background-color: var(--modules_color_section_main); } .home_page .s123-module-team.layout-3 a.more-link .svg-m, .home_page .s123-module-team.layout-3 .social-icons .list-inline a .svg-m { background-color: var(--modules_color_second_section_main); } .inside_page .s123-module-team.layout-3.bg-primary a.more-link .svg-m, .inside_page .s123-module-team.layout-3.bg-primary .social-icons .list-inline a .svg-m { background-color: var(--inside_modules_color_section_box_main); } .home_page .s123-module-team.layout-3.bg-primary a.more-link { color: var(--modules_color_section_main); } .home_page .s123-module-team.layout-3 a.more-link { color: var(--modules_color_second_section_main); } .inside_page .s123-module-team.layout-3.bg-primary a.more-link { color: var(--inside_modules_color_section_box_main); } .s123-module-team.layout-3 .transform-centering { display: flex; flex-direction: column; height: 100%; justify-content: center; } .s123-module-team.layout-3 .team-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; } @media (max-width: 767px) { .s123-module-team.layout-3 .team-info-container .team-layout-gap { gap: 24px; } .s123-module-team.layout-3 .social-icons { margin-bottom: 20px; } } .s123-module-team.layout-3 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-team.layout-3.section-static-text-color .team-info a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-3.section-static-text-color .team-info { color: var(--section-title-color) !important; } .s123-module-team.layout-3.section-static-text-color .team-info a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-3.section-static-text-color .team-member .member-name::before { background-color: var(--section-title-color) !important; } .home_page .s123-module-team.layout-4, .inside_page .s123-module-team.layout-4 { padding-bottom: 0px; } .s123-module-team.layout-4 .team-image-container { padding-right: 0px; padding-left: 0px; } .s123-module-team.layout-4 .team-info-container { padding-right: 0px; padding-left: 0px; } .home_page .s123-module-team.layout-4.layoutNoTitleMarginFix { padding-top: 0px !important; } .s123-module-team.layout-4 .team-image-container.team-height { height: 366px; } @media (min-width: 768px) { .s123-module-team.layout-4 .team-height { height: 366px; } } .s123-module-team.layout-4 .team-bg-image { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .s123-module-team.layout-4 .team-info { padding: 32px; } .s123-module-team.layout-4 .transform-centering { height: 100%; margin: 0px auto; display: flex; flex-direction: column; justify-content: center; } @media (min-width: 768px) { .s123-module-team.layout-4 .team-info { padding: 20px; } .s123-module-team.layout-4 .transform-centering { max-width: 800px; } } @media (min-width: 768px) { .s123-module-team.layout-4 .team-profile-attributes { width: 270px; margin: -10px 40px 0px 0px; float: left; } html[dir="rtl"] .s123-module-team.layout-4 .team-profile-attributes { margin: -10px 0px 0px 40px; float: right; } } .s123-module-team.layout-4 .team-profile-attributes h3 { font-weight: 600; padding-top: 15px; margin-top: 0px; margin-bottom: 8px; padding-bottom: 16px; position: relative; } .s123-module-team.layout-4 .team-profile-attributes h3::before { content: ""; width: 84px; height: 4px; background-color: var(--modules_color_second_section_main); display: block; position: absolute; bottom: 0px; left: 0px; } .bg-primary.s123-module-team.layout-4 .team-profile-attributes h3::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-team.layout-4 .team-profile-attributes h3::before { background-color: var(--inside_modules_color_section_box_main); } html[dir="rtl"] .s123-module-team.layout-4 .team-profile-attributes h3::before { left: auto; right: 0px; } .s123-module-team.layout-4 .team-profile-attributes p { margin-bottom: 8px; } .s123-module-team.layout-4 p.text-opacity { font-weight: 600; opacity: 0.6; } .s123-module-team.layout-4 .social-icons { font-size: 0.7rem; } .s123-module-team.layout-4 .social-icons .list-inline { display: flex; gap: 20px; margin: 0px; flex-wrap: wrap; } .s123-module-team.layout-4 .social-icons .list-inline > li { padding: 0px; margin: 0px; } .home_page .s123-module-team.layout-4.bg-primary .team-info-container:not(.box-primary) a .svg-m { background-color: var(--modules_color_section_main); } .home_page .s123-module-team.layout-4 .team-info-container:not(.box-primary) a .svg-m { background-color: var(--modules_color_second_section_main); } .inside_page .s123-module-team.layout-4.bg-primary .team-info-container:not(.box-primary) a .svg-m { background-color: var(--inside_modules_color_section_box_main); } .home_page .s123-module-team.layout-4.bg-primary .team-info-container:not(.box-primary) a { color: var(--modules_color_section_main); } .home_page .s123-module-team.layout-4 .team-info-container:not(.box-primary) a { color: var(--modules_color_second_section_main); } .inside_page .s123-module-team.layout-4.bg-primary .team-info-container:not(.box-primary) a { color: var(--inside_modules_color_section_box_main); } .s123-module-team.layout-4 .team-text-content { max-height: 13.5em; overflow: hidden; margin-bottom: 16px; } .s123-module-team.layout-4 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-4 .social-icons:last-child { margin-bottom: 24px; } } .s123-module-team.layout-4.section-static-text-color .team-info:not(.box-text-primary) a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-4.section-static-text-color .team-info:not(.box-text-primary) { color: var(--section-title-color) !important; } .s123-module-team.layout-4.section-static-text-color .team-info:not(.box-text-primary) a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-4.section-static-text-color .team-info:not(.box-text-primary) h3::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-5 .team-m-image { display: flex; justify-content: center; position: relative; height: 200px; width: 100%; background-position: center center; background-size: cover; padding-top: 100%; } .s123-module-team.layout-5 .team-m-details { padding: 10px; } @media (max-width: 767px) { .s123-module-team.layout-5 .team-m-details { padding-bottom: 20px; padding-inline: 32px; } } .s123-module-team.layout-5 .team-m-member .team-m-name { display: flex; justify-content: center; margin-top: 20px; position: relative; margin-bottom: 8px; padding-bottom: 16px; } .s123-module-team.layout-5 .team-m-member .team-m-name::before { content: ""; width: 84px; height: 4px; background-color: var(--modules_color_second_section_main); display: block; position: absolute; bottom: 0px; } .bg-primary.s123-module-team.layout-5 .team-m-member .team-m-name::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-team.layout-5 .team-m-member .team-m-name::before { background-color: var(--inside_modules_color_section_box_main); } .s123-module-team.layout-5 .team-m-member .position { display: inline-block; font-weight: 600; opacity: 0.6; } .s123-module-team.layout-5 .team-m-member .social { position: absolute; bottom: 0px; padding: 8px; margin: 0px; list-style: none; display: flex; gap: 14px; width: 95%; border-radius: 4px 4px 0px 0px; flex-wrap: wrap; } .s123-module-team.layout-5 .team-m-member .social li { display: inline; margin: 0px; padding: 0px; } .s123-module-team.layout-5 .team-m-member i { font-size: 1.3em; } .s123-module-contact.layout-5 .contactUsForm.horizontal-custom-form { justify-content: center; margin-bottom: 32px; } .s123-module-team.layout-5 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-5 .no-img-mobile { display: none; } .s123-module-team.layout-5 .team-m-member .social { width: 65%; justify-content: center; } } .s123-module-team.layout-5 .team-text-side .team-m-details { text-align: left; } html[dir="rtl"] .s123-module-team.layout-5 .team-text-side .team-m-details { text-align: right; } .s123-module-team.layout-5 .team-text-side .team-m-member .team-m-name { justify-content: flex-start; } .s123-module-team.layout-5 .team-text-side .team-m-member .social { justify-content: flex-start; } .s123-module-team.layout-5.section-static-text-color .team-m-member a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-5.section-static-text-color .team-m-member { color: var(--section-title-color) !important; } .s123-module-team.layout-5.section-static-text-color .team-m-details a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary) .svg-m, .s123-module-team.layout-5.section-static-text-color .team-m-member .team-m-name::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-9 .team-member { margin: 0px auto; overflow: hidden; border-radius: 4px; border: 0px; padding: 56px 32px; height: 100%; } @media (max-width: 767px) { .s123-module-team.layout-9 .team-member { border: 0px; padding: 56px 24px; } } .s123-module-team.layout-9 .swiper-lazy-preloader { border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top-color: transparent; } .s123-module-team.layout-9 .team-image { position: relative; margin: auto auto 25px; height: 170px; width: 170px; background-position: center center; background-size: cover; } .s123-module-team.layout-9 .team-member .team-details .member-description { margin-bottom: 16px; } .s123-module-team.layout-9 .team-member .team-details .member-description, .s123-module-team.layout-9 .team-member .team-details .position { opacity: 0.7; } .s123-module-team.layout-9 .col-centered { margin-bottom: 30px; position: relative; min-height: 1px; } .s123-module-team.layout-9 .team-member .member-name { position: relative; margin-bottom: 8px; font-weight: 600; display: flex; justify-content: center; } .s123-module-team.layout-9 .team-member .position { padding: 0px; font-weight: 400; display: block; font-style: italic; } .s123-module-team.layout-9 .team-member .social-links { padding-top: 10px; } .s123-module-team.layout-9 .team-member .social-links > li a { border-color: rgb(236, 240, 241); border-radius: 3px; } .s123-module-team.layout-9 .social { display: flex; gap: 20px; padding: 0px; margin: 24px 0px 0px; list-style: none; position: relative; z-index: 100; justify-content: center; flex-wrap: wrap; } .s123-module-team.layout-9 .social li { display: inline; margin: 0px; } .s123-module-team.layout-9 .team-read-more { margin: 0px 0px 32px; } .s123-module-team.layout-9 .team-read-more p { margin-bottom: 0px; } .s123-module-team.layout-9.layout-9 .team-image { border-radius: 100%; } .s123-module-team.layout-9 .team-member.box-primary.box-text-primary .team-details a .svg-m { background: var(--global_main_color); } .s123-module-team.layout-9 .team-member.background-primary-color .team-details .team-read-more a, .s123-module-team.layout-9 .team-member.bg-primary-black .team-details .team-read-more a { color: rgb(255, 255, 255); } .s123-module-team.layout-9 .team-member.bg-primary-black .team-details a .svg-m, .s123-module-team.layout-9 .team-member.background-primary-color .team-details a .svg-m { background-color: rgb(255, 255, 255); } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media only screen and (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-9 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-team.layout-9 .team-category { position: relative; } .s123-module-team.layout-9 .team-category .s123-module-shadows { position: absolute; z-index: 10; top: 0px; width: 40px; height: 100%; } .s123-module-team.layout-9 .team-category .s123-module-shadows.shadow-before { left: -5px; } .s123-module-team.layout-9 .team-category .s123-module-shadows.shadow-after { right: -5px; } .s123-module-team.layout-9 .owl-carousel { display: block; opacity: 0; transition: opacity 0.5s; } .s123-module-team.layout-9 .owl-carousel.owl-loaded, .s123-module-team.layout-9 .owl-carousel.manually-loaded { opacity: 1; } .s123-module-team.layout-9 .owl-dot span { opacity: 1; border: 1px solid rgb(255, 255, 255); background: rgb(192, 192, 192); margin: 0px; width: 9px !important; height: 9px !important; } .s123-module-team.layout-9 .owl-dot.active span { background-color: rgb(0, 0, 0); width: 12px !important; height: 12px !important; } .s123-module-team.layout-9 .owl-dots { position: static; display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 48px !important; } .s123-module-team.layout-9 .team-category .owl-carousel.owl-loaded { transition: box-shadow 0.4s; } .s123-module-team.layout-9 .team-category.owl-carousel.owl-loaded .owl-item.active.center .team-member-wrap { box-shadow: rgba(188, 198, 208, 0.3) 2px 3.5px 20px; } .s123-module-team.layout-9 .team-category .owl-carousel:not(.owl-loaded) .col-centered { display: inline-block; float: none; text-align: center; vertical-align: text-top; } .s123-module-team.layout-9 .team-category .owl-carousel:not(.owl-loaded) .team-member-wrap { width: 324px; padding: 0px 15px; } .item-show-more-popup .item-show-more-text { white-space: pre-wrap; max-height: 250px; overflow: hidden auto; } .s123-module-team.layout-9 .owl-prev, .s123-module-team.layout-9 .owl-next { position: absolute; top: 50%; transform: translateY(-50%); } .s123-module-team.layout-9 .owl-prev:hover, .s123-module-team.layout-9 .owl-next:hover, .s123-module-team.layout-9 .owl-prev, .s123-module-team.layout-9 .owl-next { background-color: var(--modules_color_second_section_main); color: var(--modules_color_second_section_btn_text); } .bg-primary.s123-module-team.layout-9 .owl-prev:hover, .bg-primary.s123-module-team.layout-9 .owl-next:hover, .bg-primary.s123-module-team.layout-9 .owl-prev, .bg-primary.s123-module-team.layout-9 .owl-next { background-color: var(--modules_color_section_main); color: var(--modules_color_section_btn_text); } .inside_page .s123-module-team.layout-9 .owl-prev:hover, .inside_page .s123-module-team.layout-9 .owl-next:hover, .inside_page .s123-module-team.layout-9 .owl-prev, .inside_page .s123-module-team.layout-9 .owl-next { background-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text); } .s123-module-team.layout-9 .owl-prev { left: -40px; } .s123-module-team.layout-9 .owl-next { right: -40px; } .s123-module-team.layout-9 .container-fluid .owl-next { right: 30px; left: auto; } .s123-module-team.layout-9 .container-fluid .owl-prev { left: 30px; right: auto; } .s123-module-team.layout-9 .owl-prev:hover, .s123-module-team.layout-9 .owl-next:hover { opacity: 0.8; } html[dir="rtl"] .s123-module-team.layout-9 .owl-prev { left: auto; right: -40px; } html[dir="rtl"] .s123-module-team.layout-9 .owl-next { right: auto; left: -40px; } html[dir="rtl"] .s123-module-team.layout-9 .container-fluid .owl-next { left: 30px; right: auto; } html[dir="rtl"] .s123-module-team.layout-9 .container-fluid .owl-prev { right: 30px; left: auto; } html[dir="rtl"] .s123-module-team.layout-9 .owl-next i, html[dir="rtl"] .s123-module-team.layout-9 .owl-prev i { transform: rotate(180deg); } @media (max-width: 1024px) { html[dir="rtl"] .s123-module-team.layout-9 .container-fluid .owl-next, html[dir="rtl"] .s123-module-team.layout-9 .container-fluid .owl-prev, html[dir="rtl"] .s123-module-team.layout-9 .owl-next, html[dir="rtl"] .s123-module-team.layout-9 .owl-prev, .s123-module-team.layout-9 .owl-prev, .s123-module-team.layout-9 .owl-next, .s123-module-team.layout-9 .container-fluid .owl-prev, .s123-module-team.layout-9 .container-fluid .owl-next { position: relative; left: 0px; right: 0px; transform: none; } .s123-module-team.layout-9 .owl-dots { margin-top: 24px !important; } } .s123-module-team.layout-10 .team-member-container { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: center; } .s123-module-team.layout-10 .team-item-row { margin: 0px; } .s123-module-team.layout-10 .team-member-container.bgCustomizeStyle { padding: 10px; } @media (max-width: 767px) { .s123-module-team.layout-10 .team-member-container { flex-direction: column; align-items: center; } } .s123-module-team.layout-10 .team-category .row:last-child .team-member-container { margin-bottom: 0px; } .s123-module-team.layout-10 .team-member-container .team-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 15px; height: 240px; width: 240px; border-radius: 8px; } .s123-module-team.layout-10 .team-member-container .team-info-container { width: 250px; } @media (min-width: 768px) { .s123-module-team.layout-10 .team-member-container .team-bg-image { height: 163px; width: 163px; margin-bottom: 0px; } .s123-module-team.layout-10 .team-member-container .team-info-container { width: calc(100% - 163px); padding-left: 48px; text-align: left; } html[dir="rtl"] .s123-module-team.layout-10 .team-member-container .team-info-container { text-align: right; padding-right: 48px; padding-left: 0px; } } .s123-module-team.layout-10 .team-member-container .team-info-container h3 { margin-top: 0px; font-weight: 600; } .s123-module-team.layout-10 .team-info-container p { margin-bottom: 8px; } .s123-module-team.layout-10 .text-opacity { opacity: 0.7; font-weight: 600; } @media (max-width: 767px) { .s123-module-team.layout-10 .team-member-container .team-info-container h3 { margin-bottom: 8px; } .s123-module-team.layout-10 .text-opacity { margin-bottom: 24px; } } .s123-module-team.layout-10 .social-icons { font-size: 0.5rem; margin-bottom: 16px; } .s123-module-team.layout-10 .social-icon .list-inline { margin: 0px; display: flex; gap: 15px; } .s123-module-team.layout-10 .social-icon .list-inline li { margin: 0px; padding: 0px; } .s123-module-team.layout-10 .team-text-content { overflow-wrap: break-word; overflow: hidden; margin-bottom: 10px; } .s123-module-team.layout-10 .team-member-container.background-primary-color a.more-link, .s123-module-team.layout-10 .team-member-container.bg-primary-black a.more-link { color: rgb(255, 255, 255); } .s123-module-team.layout-10 .team-member-container.background-primary-color .svg-m, .s123-module-team.layout-10 .team-member-container.bg-primary-black .svg-m { background-color: rgb(255, 255, 255); } .s123-module-team.layout-10 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-team.layout-10.section-static-text-color .team-member-container:not(.bgCustomizeStyle) a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-10.section-static-text-color .team-member-container:not(.bgCustomizeStyle) { color: var(--section-title-color) !important; } .s123-module-team.layout-10.section-static-text-color .team-member-container:not(.bgCustomizeStyle) a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-10.section-static-text-color .team-member-container:not(.bgCustomizeStyle) .member-name::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-11 .team-member { padding: 0px 20px; margin-bottom: 70px; } .s123-module-team.layout-11 .team-member-title { display: flex; align-items: center; place-content: center; margin-bottom: 24px; } .s123-module-team.layout-11 .team-image { height: 66px; width: 66px; background-position: center center; background-size: cover; border-radius: 50%; flex-shrink: 0; flex-grow: 0; } .s123-module-team.layout-11 .team-details { margin-left: 30px; text-align: left; white-space: pre-wrap; overflow-wrap: break-word; } @media only screen and (min-width: 768px) { .s123-module-team.layout-11 .team-details { width: calc(100% - 90px); } } html[dir="rtl"] .s123-module-team.layout-11 .team-details { text-align: right; margin-right: 30px; margin-left: 0px; } .s123-module-team.layout-11 .team-text-side .team-info { text-align: left; } html[dir="rtl"] .s123-module-team.layout-11 .team-text-side .team-info { text-align: right; } .s123-module-team.layout-11 .team-info p { margin-bottom: 15px; } .s123-module-team.layout-11 .team-member .member-name { margin-top: 0px; margin-bottom: 15px; font-weight: 600; } .s123-module-team.layout-11 .team-member .position { margin-bottom: 0px; display: block; font-size: 1.1em; font-weight: 600; opacity: 0.6; } .s123-module-team.layout-11 .social { display: flex; gap: 15px; padding: 0px; margin-bottom: 24px; list-style: none; flex-wrap: wrap; } .s123-module-team.layout-11 .social li { display: inline; margin: 0px; } @media (max-width: 767px) { .s123-module-team.layout-11 .team-member-title { justify-content: flex-start; } .s123-module-team.layout-11 .member-name { margin-bottom: 8px; } } @media (max-width: 550px) { .s123-module-team.layout-11 .team-member { padding: 0px; margin-bottom: 35px; } } @media (min-width: 550px) and (max-width: 767px) { .s123-module-team.layout-11 .team-member-wrap.col-xs-12 { width: 50%; } } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-11 .team-category { margin-bottom: -70px; } @media (max-width: 550px) { .s123-module-team.layout-11 .team-category { margin-bottom: -35px; } } .s123-module-team.layout-11 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-team.layout-11.section-static-text-color .team-member a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-11.section-static-text-color .team-member { color: var(--section-title-color) !important; } .s123-module-team.layout-11.section-static-text-color .team-member a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-11.section-static-text-color .team-member .member-name::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-12 .team-m-member-first .first-img-link { width: 50%; } .s123-module-team.layout-12 .team-m-member-first .first-img-link .team-m-image { width: 100%; } .s123-module-team.layout-12 .team-m-image, .s123-module-team.layout-12 .team-m-member-first .team-m-image { position: relative; aspect-ratio: 16 / 9; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .s123-module-team.layout-12 .team-m-details .team-m-name { font-weight: 600; } @media (min-width: 768px) { .s123-module-team.layout-12 .col-centered { display: inline-block; float: none; text-align: center; vertical-align: text-top; } } .s123-module-team.layout-12 .team-m-member, .s123-module-team.layout-12 .team-m-member-first { margin-bottom: 56px; } .s123-module-team.layout-12 .team-m-member .position, .s123-module-team.layout-12 .team-m-member-first .position { opacity: 0.6; display: inline-block; margin-bottom: 10px; font-weight: 600; } .s123-module-team.layout-12 .team-m-member .social, .s123-module-team.layout-12 .team-m-member-first .social { display: flex; gap: 15px; padding: 0px; margin: 0px 0px 16px; font-size: 0.6rem; flex-wrap: wrap; } .s123-module-team.layout-12 .team-m-member .social { justify-content: center; } @media (min-width: 1024px) { .s123-module-team.layout-12 .team-m-member { margin-bottom: 10px; } .s123-module-team.layout-12 .team-m-member-first { padding: 0px; margin-bottom: 32px; display: flex; } .s123-module-team.layout-12 .team-m-member-first .team-m-image { width: 50%; height: auto; flex-shrink: 0; max-width: 554px; } .s123-module-team.layout-12 .team-text-side .team-m-details { text-align: left; } html[dir="rtl"] .s123-module-team.layout-12 .team-text-side .team-m-details { text-align: right; } .s123-module-team.layout-12 .team-text-side .team-m-member .social { justify-content: flex-start; } .s123-module-team.layout-12 .team-m-member-first .team-m-details { width: 50%; text-align: left; padding: 20px 0px 20px 130px; display: flex; flex-direction: column; justify-content: center; } html[dir="rtl"] .s123-module-team.layout-12 .team-m-member-first .team-m-details { text-align: right; padding: 20px 130px 20px 0px; } .s123-module-team.layout-12 .team-m-member-first .position { padding: 0px; margin-bottom: 16px; } .s123-module-team.layout-12 .team-m-member-first .team-m-name { margin-bottom: 8px; } } .s123-module-team.layout-12 .team-m-details { padding-block: 10px; } .s123-module-team.layout-12 .team-m-member-first .social li, .s123-module-team.layout-12 .team-m-member .social li { display: inline; margin: 0px; padding: 0px; } .s123-module-team.layout-12 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 768px) { .s123-module-team.layout-12 .team-m-member .social, .s123-module-team.layout-12 .team-m-member-first .social { justify-content: center; } .s123-module-team.layout-12 .no-img-mobile { display: none; } } .s123-module-team.layout-12.section-static-text-color .team-m-details a:not(.p-m-b-design):not(.btn-primary-automatic-recommended):not(.btn-primary), .s123-module-team.layout-12.section-static-text-color .team-m-details { color: var(--section-title-color) !important; } .s123-module-team.layout-12.section-static-text-color .team-m-details a:not(.p-m-b-design):not(.btn-primary) .svg-m, .s123-module-team.layout-12.section-static-text-color .team-m-details .member-name::before { background-color: var(--section-title-color) !important; } .s123-module-team.layout-13 { padding: 50px 0px; } .s123-module-team.layout-13 .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .s123-module-team.layout-13 .team-item-wrap .team-link { text-decoration: none; cursor: pointer; } .s123-module-team.layout-13 .team-item-wrap.wrap-last-item-sprade { grid-column: span 3; } .s123-module-team.layout-13 .team-item { display: flex; flex-direction: column; text-align: left; height: 100%; } .s123-module-team.layout-13 .team-item.last-item-sprade { flex-direction: row; } .s123-module-team.layout-13 .team-item.reverse-item { flex-direction: column-reverse; } html[dir="rtl"] .s123-module-team.layout-13 .team-item { text-align: right; } .s123-module-team.layout-13 .team-item h4 { margin: 0px; font-weight: 700; } .s123-module-team.layout-13 .team-item .team-item-description { opacity: 0.8; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .s123-module-team.layout-13 .team-item .team-item-description.show-more { cursor: pointer; position: relative; padding: 0px 10px 0px 0px; } html[dir="rtl"] .s123-module-team.layout-13 .team-item .team-item-description.show-more { padding: 0px 0px 0px 10px; } .s123-module-team.layout-13 .team-item .team-item-description.show-more::before { content: ""; font-family: FontAwesome; position: absolute; right: 0px; bottom: 2px; padding: 0px 5px; border-radius: 6px; background-color: var(--modules_color_second_section_main); color: var(--modules_color_second_section_btn_text); height: 20px; display: flex; align-items: center; } .bg-primary.s123-module-team.layout-13 .team-item .team-item-description.show-more::before { background-color: var(--modules_color_section_main); color: var(--modules_color_section_btn_text); } .inside_page .s123-module-team.layout-13 .team-item .team-item-description.show-more::before { background-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text); } html[dir="rtl"] .s123-module-team.layout-13 .team-item .team-item-description.show-more::before { left: 0px; right: auto; } .s123-module-team.layout-13 .team-item .team-item-description .back-btn { display: flex; cursor: pointer; background-color: var(--modules_color_second_section_main); color: var(--modules_color_second_section_btn_text); width: fit-content; padding: 2px 5px; border-radius: 6px; margin-top: 5px; } .bg-primary.s123-module-team.layout-13 .team-item .team-item-description .back-btn { background-color: var(--modules_color_section_main); color: var(--modules_color_section_btn_text); } .inside_page .s123-module-team.layout-13 .team-item .team-item-description .back-btn { background-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text); } .s123-module-team.layout-13 .team-item .team-item-description.text-scroll { overflow-y: auto; } .s123-module-team.layout-13 .team-item .team-image { background-size: cover; background-position: center center; background-repeat: no-repeat; align-self: center; width: 100%; height: auto; aspect-ratio: 1 / 1; padding: 32px; } .s123-module-team.layout-13 .team-item .team-item-texts { display: flex; flex-direction: column; justify-content: center; padding: 32px; width: 100%; height: auto; aspect-ratio: 1 / 1; gap: 1.5rem; } .s123-module-team.layout-13 .team-item .team-item-texts .position { margin: 0px; } .s123-module-team.layout-13 .social { display: flex; gap: 10px; padding: 0px; margin: 0px; list-style: none; position: relative; z-index: 100; flex-wrap: wrap; } @media (max-width: 767px) { .s123-module-team.layout-13 .social { margin-bottom: 16px; } } .s123-module-team.layout-13 .social li { display: inline; margin: 0px; } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media only screen and (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-13 .team-item .team-item-description { white-space-collapse: break-spaces; } .s123-page-data-teams.layout-13 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-13 .team-grid { display: flex; flex-direction: column; gap: 1rem; } .s123-module-team.layout-13 .team-grid .team-item { gap: 0px; } .s123-module-team.layout-13 .team-item.reverse-item { flex-direction: column; } .s123-module-team.layout-13 .team-item .team-image, .s123-module-team.layout-13 .team-item .team-item-texts { padding: 24px; } .s123-module-team.layout-13 .team-item.last-item-sprade { flex-direction: column; } .s123-module-team.layout-13 .team-item .team-item-description { overflow: unset; text-overflow: unset; pointer-events: none; height: fit-content !important; } .s123-module-team.layout-13 .team-item .team-item-description.show-more::before { content: none; } } .s123-module-team.layout-13[data-device-type="tablet"] .team-item .team-item-description { overflow: unset; text-overflow: unset; pointer-events: none; height: fit-content !important; } .s123-module-team.layout-13[data-device-type="tablet"] .team-item .team-item-description.show-more::before { content: none; } .s123-module-team.layout-13 .team-item .team-item-description.text-scroll::-webkit-scrollbar-track { background: var(--global_main_color_btn_text_color); } .s123-module-team.layout-13 .team-item .team-item-description.text-scroll::-webkit-scrollbar-thumb { background: var(--global_main_color); } .s123-module-team.layout-13 .team-item .team-item-description.text-scroll::-webkit-scrollbar-thumb:hover { background: var(--global_main_color); } .s123-module-team.layout-13 .team-item .team-item-description.text-scroll::-webkit-scrollbar { width: 4px; height: auto; } .s123-module-team.layout-14 .team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; } .s123-module-team.layout-14 .team-members { display: grid; grid-auto-rows: max-content; row-gap: 2em; align-content: center; } .s123-module-team.layout-14 .team-images { display: flex; justify-content: center; position: relative; height: 650px; width: auto; } @media (max-width: 767px) { .s123-module-team.layout-14 .team-grid { grid-template-columns: 1fr; gap: 30px; } .s123-module-team.layout-14 .team-images { height: 450px; } .s123-module-team.layout-14 .team-members { padding-inline: 10px; } } .s123-module-team.layout-14 .team-image { height: 100%; width: 100%; background-position: center center; background-size: cover; aspect-ratio: 9 / 16; border-radius: 4px; position: absolute; inset: 0px; display: none; } .s123-module-team.layout-14 .team-image.active { display: block; } .s123-module-team.layout-14 .team-memeber-info { position: absolute; bottom: 0px; background-color: var(--modules_color_second_box); opacity: 0.8; } .bg-primary.s123-module-team.layout-14 .team-memeber-info { background-color: var(--modules_color_box); } .inside_page .s123-module-team.layout-14 .team-memeber-info { background-color: var(--inside_modules_color_box); } .s123-module-team.layout-14 .team-more-info-hidden { opacity: 0; pointer-events: none; } .s123-module-team.layout-14 .team-details { display: grid; grid-template-columns: 1fr 1fr; place-items: center start; gap: 1rem; } .s123-module-team.layout-14 .team-member { cursor: pointer; } .s123-module-team.layout-14 .team-member .position, .s123-module-team.layout-14 .team-member .member-name { font-weight: 700; margin: 0px; padding: 0px; text-align: left; } html[dir="rtl"] .s123-module-team.layout-14 .team-member .position, html[dir="rtl"] .s123-module-team.layout-14 .team-member .member-name { text-align: right; } .s123-module-team.layout-14 .team-member .position { font-size: 0.9rem; } .s123-module-team.layout-14 .team-member .social-links { padding-top: 10px; } .s123-module-team.layout-14 .team-member .social-links > li a { border-color: rgb(236, 240, 241); border-radius: 3px; } .s123-module-team.layout-14 .social { padding: 1rem; margin: 0px; list-style: none; position: absolute; background-color: var(--modules_color_second_box); opacity: 0.8; } .bg-primary.s123-module-team.layout-14 .social { background-color: var(--modules_color_box); } .inside_page .s123-module-team.layout-14 .social { background-color: var(--inside_modules_color_box); } @media (max-width: 767px) { .s123-module-team.layout-14 .social { margin-bottom: 16px; } } .s123-module-team.layout-14 .social li { display: inline; margin: 0px 5px; } #teamPopupFloatDivPhone .page { margin-top: 15px; padding-top: 0px; } #teamPopupFloatDivPhone .team_phone_icons a { font-size: 25px; text-decoration: none; } .team_phone_icons a { color: white; } @media only screen and (min-width: 480px) { #teamPopupFloatDivPhone .team_address_icons a, #teamPopupFloatDivPhone .team_phone_icons a { font-size: 65px; } } .s123-module-team.layout-14 .team-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-team.layout-14 .no-img-mobile { display: none; } } .s123-module-team.layout-14 .team-memeber-info .team-item-description { padding: 20px 10px 0px; text-overflow: ellipsis; max-height: 300px; overflow: hidden; color: var(--modules_color_text_second_box); } .bg-primary.s123-module-team.layout-14 .team-memeber-info .team-item-description { color: var(--modules_color_text_box); } .inside_page .s123-module-team.layout-14 .team-memeber-info .team-item-description { color: var(--inside_modules_color_text_box); } .s123-module-team.layout-14 .team-memeber-info .more-link { margin-bottom: 10px; } .s123-module-team.layout-14.section-static-text-color .team-members { color: var(--section-title-color) !important; } .s123-module-testimonials .carousel.slide { padding: 0px 0px 30px; margin-top: 30px; } .s123-module-testimonials .carousel-control { color: inherit; font-size: 2.3em; text-shadow: none; margin-top: 30px; cursor: pointer; background: none !important; } .s123-module-testimonials .carousel-indicators { bottom: 0px; } .s123-module-testimonials .carousel-indicators li { background: rgb(192, 192, 192); } .s123-module-testimonials .carousel-indicators .active { background: rgb(51, 51, 51); } .s123-module-testimonials .img-bg { width: 235px; height: 160px; margin-bottom: 20px; background-size: cover; } .s123-module-testimonials img { max-width: 100%; max-height: 160px; margin-bottom: 20px; } .s123-module-testimonials .item blockquote { border-left: none; margin: 0px; } .s123-module-testimonials:not(.layout-8):not(.layout-9) .item blockquote p i { float: left; margin-right: 10px; } .s123-module-testimonials .item blockquote p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-testimonials .item blockquote small { color: inherit; } html[dir="rtl"] .s123-module-testimonials .item blockquote { border-right: none; } html[dir="rtl"] .s123-module-testimonials:not(.layout-8):not(.layout-9) .item blockquote p i { float: right; margin-right: 0px; margin-left: 10px; } @media (min-width: 768px) { .s123-module-testimonials .carousel.slide { padding: 0px 100px 30px; margin: 0px; } .s123-module-testimonials .img-bg, .s123-module-testimonials img { margin-bottom: 0px; } } @media (max-width: 768px) { .s123-module-testimonials .carousel-indicators { bottom: -20px !important; } .s123-module-testimonials .carousel-indicators li { display: inline-block; margin: 0px 5px; width: 15px; height: 15px; } .s123-module-testimonials .carousel-indicators li.active { margin: 0px 5px; width: 20px; height: 20px; } } .s123-module-testimonials.layout-1 .carousel-inner .rating-area { display: flex; gap: 10px; margin-bottom: 16px; } .s123-module-testimonials.layout-1 .carousel-inner .rating-area i.svg-m, .s123-module-testimonials.layout-1 .carousel-inner .rating-area i.fa-star { color: rgb(255, 191, 0); } .s123-module-testimonials.layout-1 .carousel-inner .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-1 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-1 .img-circle-bg, .s123-module-testimonials.layout-1 img { width: 220px; height: 220px; max-height: 220px; max-width: 220px; object-fit: cover; object-position: center center; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; background-size: cover; } .s123-module-testimonials.layout-1 .testimonial-flex { display: flex; align-items: center; justify-content: center; gap: 50px; } .s123-module-testimonials.layout-1 .testimonial-text-description { position: relative; margin-bottom: 24px; } .s123-module-testimonials.layout-1 .testimonial-text-description .svg-m { background-color: var(--modules_color_text_second) !important; } .bg-primary.s123-module-testimonials.layout-1 .testimonial-text-description .svg-m { background-color: var(--modules_color_text) !important; } .inside_page .s123-module-testimonials.layout-1 .testimonial-text-description .svg-m { background-color: var(--inside_modules_color_text) !important; } .s123-module-testimonials.layout-1 .item blockquote { padding: 10px 30px; } .s123-module-testimonials.layout-1 .testimonial-start-quote, .s123-module-testimonials.layout-1 .testimonial-closing-quote { position: absolute; margin: 0px !important; } .s123-module-testimonials.layout-1 .testimonial-start-quote { left: -25px; top: 0px; } html[dir="rtl"] .s123-module-testimonials.layout-1 .testimonial-start-quote { right: -25px; left: auto; } .s123-module-testimonials.layout-1 .testimonial-closing-quote { right: -25px; bottom: 0px; } html[dir="rtl"] .s123-module-testimonials.layout-1 .testimonial-closing-quote { right: auto; left: -25px; } .s123-module-testimonials.layout-1 .testimonial-name { position: relative; } .s123-module-testimonials.layout-1 .testimonial-name::before { content: ""; top: -12px; height: 4px; width: 40px; background-color: var(--modules_color_second_section_main); position: absolute; } .bg-primary.s123-module-testimonials.layout-1 .testimonial-name::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-testimonials.layout-1 .testimonial-name::before { background-color: var(--inside_modules_color_section_box_main); } @media (max-width: 768px) { .s123-module-testimonials.layout-1 blockquote { padding-inline: 40px; } .s123-module-testimonials.layout-1 .testimonial-flex { flex-direction: column; } .s123-module-testimonials.layout-1 .img-circle-bg, .s123-module-testimonials.layout-1 img { box-shadow: rgba(0, 0, 0, 0.1) 0px 40px 50px; } } html[dir="rtl"] .s123-module-testimonials.layout-1 .carousel-indicators { padding-right: 0px; } .s123-module-testimonials.layout-1 .carousel-control { margin: 0px; transform: translateY(50%); bottom: calc(100% - 110px); } .s123-module-testimonials.layout-1 .carousel-control.left { display: flex; align-items: center; } html[dir="rtl"] .s123-module-testimonials.layout-1 .carousel-control.left { justify-content: flex-end; } .s123-module-testimonials.layout-1 .carousel-control.right { display: flex; align-items: center; justify-content: flex-end; } html[dir="rtl"] .s123-module-testimonials.layout-1 .carousel-control.right { justify-content: flex-start; } .s123-module-testimonials.layout-1 .testimonial-divider { opacity: 0.3; } .s123-module-testimonials.layout-2 .rating-area { text-align: center; margin-top: 15px; } .s123-module-testimonials.layout-2 .box { min-height: 20px; padding: 19px; margin-bottom: 20px; } .s123-module-testimonials.layout-2 .rating-area i.svg-m, .s123-module-testimonials.layout-2 .rating-area i.fa-star { margin-right: 5px; color: rgb(255, 191, 0); } html[dir="rtl"] .s123-module-testimonials.layout-2 .rating-area i.svg-m, html[dir="rtl"] .s123-module-testimonials.layout-2 .rating-area i.fa-star { margin-right: 0px; margin-left: 5px; } .s123-module-testimonials.layout-2 .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-2 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-2 .rule-title { margin-top: 8px; font-style: italic; font-size: 90%; } .s123-module-testimonials.layout-2 .img-bg { margin-bottom: 0px; } .s123-module-testimonials.layout-3 .rating-area { margin-top: 10px; } .s123-module-testimonials.layout-3 .rating-area i.svg-m, .s123-module-testimonials.layout-3 .rating-area i.fa-star { margin-right: 5px; color: rgb(255, 191, 0); } html[dir="rtl"] .s123-module-testimonials.layout-3 .rating-area i.svg-m, html[dir="rtl"] .s123-module-testimonials.layout-3 .rating-area i.fa-star { margin-right: 0px; margin-left: 5px; } .s123-module-testimonials.layout-3 .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-3 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-4 .testimonials-text-container { margin-bottom: 40px; clear: both; } @media (min-width: 768px) { .s123-module-testimonials.layout-4 .testimonials-text-container { clear: none; } .s123-module-testimonials.layout-4 .testimonials-text-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-testimonials.layout-4 .testimonials-text-container:nth-child(2n+1) { clear: none; } .s123-module-testimonials.layout-4 .testimonials-text-container:nth-child(3n+1) { clear: both; } } .s123-module-testimonials.layout-4 .testimonials-text-container blockquote { border-left: none; border-right: none; margin: 0px; padding: 0px; } .s123-module-testimonials.layout-4 .no-background { background: none !important; } .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-5, .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-6, .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-7 { padding: 48px; } .s123-module-testimonials.layout-4 .testimonials-text-container blockquote p i { margin-right: 10px; } .s123-module-testimonials.layout-4 .testimonials-text-container blockquote p .t-quota i { margin-left: 10px; } html[dir="rtl"] .s123-module-testimonials.layout-4 .testimonials-text-container blockquote p i { margin-right: 0px; margin-left: 10px; } html[dir="rtl"] .s123-module-testimonials.layout-4 .testimonials-text-container blockquote p .t-quota i { margin-right: 10px; margin-left: 0px; } .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-5 blockquote p i, .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-6 blockquote p i, .s123-module-testimonials.layout-4 .testimonials-text-container .testimonial-style-7 blockquote p i { opacity: 0.3; } .s123-module-testimonials.layout-4 .testimonials-text-container .bg-primary-black blockquote p i { background-color: rgb(255, 255, 255) !important; } .s123-module-testimonials.layout-4 .testimonials-text-container .bg-primary-white blockquote p i { background-color: rgb(0, 0, 0) !important; } .s123-module-testimonials.layout-4 .testimonials-text-container .bg-primary-gray blockquote p i { background-color: rgb(68, 73, 80) !important; } .s123-module-testimonials.layout-4 .testimonials-text-container blockquote p { margin-bottom: 24px; white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-testimonials.layout-4 .testimonials-img .img-bg { height: 175px; width: 292px; max-width: 100%; background-size: cover; margin-bottom: 24px; } .s123-module-testimonials.layout-4 .testimonials-img img { height: 100%; max-height: 195px; margin-bottom: 24px; object-position: center center; object-fit: cover; } .s123-module-testimonials.layout-4 .testimonials-text-container blockquote small::before { content: none; } .s123-module-testimonials.layout-4 .testimonials-text-container .testimonials-wrap { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; } .s123-module-testimonials.layout-4 .testimonials-text-container .testimonials-role { font-style: italic; display: block; color: inherit; } .s123-module-testimonials.layout-4 .testimonials-text-container .testimonials-name { font-size: 15px; } .s123-module-testimonials.layout-4 .rating-area { display: flex; gap: 10px; } .s123-module-testimonials.layout-4 .rating-area i.svg-m { background-color: rgb(255, 191, 0) !important; } .s123-module-testimonials.layout-4 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-4 .background-primary-color .testimonials-link a { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-testimonials.layout-4 .background-primary-color .testimonials-link a { color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-testimonials.layout-4 .background-primary-color .testimonials-link a { background: var(--inside_modules_color_section_btn_text) !important; } .s123-module-testimonials.layout-4 .bg-primary-black .testimonials-link a { color: rgb(255, 255, 255) !important; } .s123-module-testimonials.layout-4 .bg-primary-white .testimonials-link a, .s123-module-testimonials.layout-4 .bg-primary-gray .testimonials-link a { color: rgb(0, 0, 0) !important; } .s123-module-testimonials.layout-8 .testimonial-container { display: flex; flex-direction: column; } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container { flex-direction: row; align-items: normal; } } .s123-module-testimonials.layout-8 .carousel.slide { padding: 0px; margin: 0px; } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .carousel.slide { padding: 0px 0px 30px; } } @media (min-width: 992px) { .s123-module-testimonials.layout-8 .carousel.slide { padding: 0px 50px 30px; } } .s123-module-testimonials.layout-8 blockquote { padding: 10px 12px 25px; } @media (min-width: 992px) { .s123-module-testimonials.layout-8 blockquote { padding: 10px 0px 25px; } } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-item { flex: 0 0 50%; max-width: 50%; } } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-wrap { display: flex; flex-direction: column; gap: 8px; } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-image { height: 300px; width: 100%; background-position: center center; background-size: cover; } @media (max-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-image { min-height: 0px !important; } } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-image { height: 100%; width: 100%; } } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-statement { padding: 24px 16px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-statement { gap: 24px; } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-statement { padding: 50px 40px; } } @media (min-width: 992px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-statement { padding: 48px; } } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-title { font-size: 70%; text-transform: uppercase; } @media (min-width: 767px) { .s123-module-testimonials.layout-8 .testimonial-container .testimonial-title { font-size: inherit; } } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-name { margin: 0px; font-weight: 600; } .s123-module-testimonials.layout-8 .testimonial-container .testimonial-name h2 { margin: 0px; } .s123-module-testimonials.layout-8.item blockquote p { margin-bottom: 0px; } .s123-module-testimonials.layout-8 .carousel-inner .rating-area { display: flex; gap: 10px; } .s123-module-testimonials.layout-8 .carousel-inner .rating-area i.svg-m, .s123-module-testimonials.layout-8 .carousel-inner .rating-area i.fa-star { color: rgb(255, 191, 0); } .s123-module-testimonials.layout-8 .carousel-inner .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-8 .testimonial-link { width: fit-content; } .s123-module-testimonials.layout-8 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-8 .carousel-control { display: flex; place-content: center space-around; align-items: center; opacity: 0.5; margin-top: auto !important; } @media (max-width: 767px) { .s123-module-testimonials.layout-8 .carousel-control { bottom: calc(100% - 620px); } } .s123-module-testimonials.layout-8 .testimonial-chevron { display: flex; align-items: center; justify-content: space-around; width: 40px; height: 40px; border-radius: 50px; } @media (min-width: 992px) { .s123-module-testimonials.layout-8 .testimonial-chevron { display: flex; align-items: center; justify-content: space-around; width: auto; height: auto; border-radius: 50px; background-color: transparent !important; } } @media (max-width: 991px) { .s123-module-testimonials.layout-8 .testimonial-chevron i { font-size: 1.2rem; } } .s123-module-testimonials.layout-8 .carousel-control.left { justify-content: flex-start; } html[dir="rtl"] .s123-module-testimonials.layout-8 .carousel-control.left { justify-content: flex-end; } .s123-module-testimonials.layout-8 .carousel-control.right { justify-content: flex-end; } html[dir="rtl"] .s123-module-testimonials.layout-8 .carousel-control.right { justify-content: flex-start; } .s123-module-testimonials.layout-8 .testimonial-chevron.right { float: right; } html[dir="rtl"] .s123-module-testimonials.layout-8 .testimonial-chevron.right { float: none; } .s123-module-testimonials.layout-8 .testimonial-chevron.left { float: none; } html[dir="rtl"] .s123-module-testimonials.layout-8 .testimonial-chevron.left { float: left; } .s123-module-testimonials.layout-8 .testimonial-chevron.right i::before { margin-left: 2px; } html[dir="rtl"] .s123-module-testimonials.layout-8 .testimonial-chevron.right i::before { margin-left: auto; margin-right: 2px; } .s123-module-testimonials.layout-8 .testimonial-chevron.left i::before { margin-right: 2px; } html[dir="rtl"] .s123-module-testimonials.layout-8 .testimonial-chevron.left i::before { margin-right: auto; margin-left: 2px; } .s123-module-testimonials.layout-8 .carousel-indicators li { margin: 0px 8px; height: 12px; width: 12px; } html[dir="rtl"] .s123-module-testimonials.layout-8 .carousel-indicators { padding-right: 0px; } .s123-module-testimonials.layout-8 .testimonial-item.bg-primary-black .testimonial-title.primary-color { color: rgb(255, 255, 255) !important; } .s123-module-testimonials.layout-8 .testimonial-item.bg-primary-white .testimonial-title.primary-color, .s123-module-testimonials.layout-8 .testimonial-item.bg-primary-gray .testimonial-title.primary-color { color: rgb(0, 0, 0) !important; } .s123-module-testimonials.layout-9 .testimonial-image-container { display: flex; justify-content: space-around; } .s123-module-testimonials.layout-9 .testimonial-image { width: 220px; height: 220px; background-position: center center; background-size: cover; background-repeat: no-repeat; box-shadow: rgba(0, 0, 0, 0.1) 0px 40px 50px; } .s123-module-testimonials.layout-9 .testimonial-quote-container { margin-bottom: 1rem; display: flex; justify-content: center; align-items: center; flex-direction: row; margin-top: -40px; } .s123-module-testimonials.layout-9 .testimonial-quote-container.testimonial-no-image { margin-top: 0px; } html[dir="rtl"] .s123-module-testimonials.layout-9 .testimonial-quote-container { flex-direction: row-reverse; } .s123-module-testimonials.layout-9 .testimonial-quote { width: 4.2rem; height: 4.2rem; display: flex; align-items: center; justify-content: space-around; } .s123-module-testimonials.layout-9 .testimonial-quote .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-testimonials.layout-9 .testimonial-quote .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-testimonials.layout-9 .testimonial-quote .svg-m { background-color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-testimonials.layout-9 p { line-height: 2; text-align: center; margin-bottom: 32px; } .s123-module-testimonials.layout-9 .item { padding: 0rem 0.8rem; } .s123-module-testimonials.layout-9 .item .testimonial-wrap { display: flex; flex-direction: column; gap: 16px; } .s123-module-testimonials.layout-9 .carousel-inner .rating-area { display: flex; gap: 10px; margin-bottom: 32px; justify-content: center; } .s123-module-testimonials.layout-9 .carousel-inner .rating-area i.svg-m, .s123-module-testimonials.layout-9 .carousel-inner .rating-area i.fa-star { color: rgb(255, 191, 0); } .s123-module-testimonials.layout-9 .carousel-inner .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-9 .testimonial-link, .s123-module-testimonials.layout-9 .testimonial-title, .s123-module-testimonials.layout-9 .testimonial-name { text-align: center; } .s123-module-testimonials.layout-9 .testimonial-name { font-weight: 600; text-transform: uppercase; } .s123-module-testimonials.layout-9 .carousel-control { margin-top: calc(176px + 3.9rem); } @media (min-width: 992px) { .s123-module-testimonials.layout-9 .carousel-control { margin-top: calc(172px + 3.9rem); } } .s123-module-testimonials.layout-10 .testimonial-item-container { margin-bottom: 50px; display: flex; flex-wrap: wrap; justify-content: center; padding: 10px; } .s123-module-testimonials.layout-10 .testimonial-item-row { margin: 0px; } .s123-module-testimonials.layout-10 .testimonial-item-container.bgCustomizeStyle { padding: 10px; } @media (max-width: 767px) { .s123-module-testimonials.layout-10 .testimonial-item-container { flex-direction: column; align-items: center; text-align: center; } } .s123-module-testimonials.layout-10 .testimonials-category .row:last-child .testimonial-item-container { margin-bottom: 0px; } .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-bg-image { background-position: center center; background-repeat: no-repeat; background-size: cover; margin-bottom: 32px; height: 250px; width: 250px; } .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-info-container { width: 250px; display: flex; flex-direction: column; gap: 16px; } .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-wrap { display: flex; flex-direction: column; gap: 8px; } @media (min-width: 768px) { .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-bg-image { height: 160px; width: 160px; margin-bottom: 0px; } .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-info-container { width: calc(100% - 160px); padding-left: 40px; text-align: left; } html[dir="rtl"] .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-info-container { text-align: right; padding-right: 40px; padding-left: 0px; } } .s123-module-testimonials.layout-10 .testimonial-item-container .rating-area, .s123-module-testimonials.layout-10 .testimonial-item-container p.text-opacity, .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-info-container h3 { margin: 0px; } .s123-module-testimonials.layout-10 .testimonial-item-container .testimonial-info-container h3 { font-weight: bold; } .s123-module-testimonials.layout-10 .text-opacity { opacity: 0.7; } .s123-module-testimonials.layout-10 .testimonial-text-content { overflow-wrap: break-word; overflow: hidden; margin-bottom: 10px; } .s123-module-testimonials.layout-10 .testimonial-info-container .btn { align-self: flex-start; } .s123-module-testimonials.layout-10 .testimonial-item-container.background-primary-color .testimonial-info-container a, .s123-module-testimonials.layout-10 .testimonial-item-container.bg-primary-black .testimonial-info-container a { color: rgb(255, 255, 255); } .s123-module-testimonials.layout-10 .rating-area { display: flex; gap: 10px; } @media (max-width: 767px) { .s123-module-testimonials.layout-10 .rating-area { align-self: center; } .s123-module-testimonials.layout-10 .testimonial-info-container .btn { align-self: center; } } .s123-module-testimonials.layout-10 .rating-area i.svg-m, .s123-module-testimonials.layout-10 .rating-area i.fa-star { color: rgb(255, 191, 0); } .s123-module-testimonials.layout-10 .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-10 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } @media (max-width: 767px) { .s123-module-testimonials.layout-10 .testimonial-item-container .no-img-mobile { display: none; } } .s123-module-testimonials.layout-11 .rating-area { margin-bottom: 8px; } .s123-module-testimonials.layout-11 .box { border-radius: 16px; padding: 32px; height: fit-content; margin-bottom: 16px; } .s123-module-testimonials.layout-11 .img-layout-11 { aspect-ratio: 1 / 1; background-position: center center; background-size: cover; height: 48px; width: 48px; } .s123-module-testimonials.layout-11 .top-layout-11 { display: flex; gap: 8px; align-items: center; margin-bottom: 16px; } .s123-module-testimonials.layout-11 .grid-layout-11 { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto; grid-auto-columns: 1fr; gap: 16px; } .s123-module-testimonials.layout-11 .title-layout-11 { font-size: 0.75rem; } .s123-module-testimonials.layout-11 .description-layout-11 { margin: 0px; opacity: 0.7; } .s123-module-testimonials.layout-11 .link-layout-11 { display: block; margin-top: 8px; } .s123-module-testimonials.layout-11 .rating-area i.svg-m, .s123-module-testimonials.layout-11 .rating-area i.fa-star { margin-right: 5px; color: rgb(255, 191, 0); } html[dir="rtl"] .s123-module-testimonials.layout-11 .rating-area i.svg-m, html[dir="rtl"] .s123-module-testimonials.layout-11 .rating-area i.fa-star { margin-right: 0px; margin-left: 5px; } .s123-module-testimonials.layout-11 .rating-area i.svg-m { background-color: rgb(255, 191, 0); } .s123-module-testimonials.layout-11 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-11 .rule-title { margin-top: 8px; font-style: italic; font-size: 90%; } @media (max-width: 767px) { .s123-module-testimonials.layout-11 .grid-layout-11 { grid-template-columns: 1fr; } .s123-module-testimonials.layout-11 .grid-layout-11 .item-col-layout-11 .box:last-child { margin-bottom: 0px; } } .s123-module-testimonials.layout-12 .testimonials-text-container blockquote { border-left: none; border-right: none; margin: 0px; padding: 0px; padding-inline: 1rem; } .s123-module-testimonials.layout-12 .testimonials-text-container blockquote p i { margin-right: 10px; } .s123-module-testimonials.layout-12 .testimonials-text-container blockquote p .t-quota i { margin-left: 10px; } html[dir="rtl"] .s123-module-testimonials.layout-12 .testimonials-text-container blockquote p i { margin-right: 0px; margin-left: 10px; } html[dir="rtl"] .s123-module-testimonials.layout-12 .testimonials-text-container blockquote p .t-quota i { margin-right: 10px; margin-left: 0px; } .s123-module-testimonials.layout-12 .testimonials-text-container .testimonial-style-5 blockquote p i, .s123-module-testimonials.layout-12 .testimonials-text-container .testimonial-style-6 blockquote p i, .s123-module-testimonials.layout-12 .testimonials-text-container .testimonial-style-7 blockquote p i { opacity: 0.3; } .s123-module-testimonials.layout-12 .testimonials-text-container blockquote p { margin-bottom: 24px; white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-testimonials.layout-12 .testimonials-img .img-bg { height: 175px; width: 292px; max-width: 100%; background-size: cover; margin-bottom: 24px; } .s123-module-testimonials.layout-12 .testimonials-img img { height: 100%; max-height: 195px; margin-bottom: 24px; object-position: center center; object-fit: cover; } .s123-module-testimonials.layout-12 .testimonials-text-container blockquote small::before { content: none; } .s123-module-testimonials.layout-12 .testimonials-text-container .testimonials-wrap { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; } .s123-module-testimonials.layout-12 .testimonials-text-container .testimonials-role { font-style: italic; display: block; color: var(--modules_color_text_second); opacity: 0.5; } .bg-primary.s123-module-testimonials.layout-12 .testimonials-text-container .testimonials-role { color: var(--modules_color_text); } .inside_page .s123-module-testimonials.layout-12 .testimonials-text-container .testimonials-role { color: var(--inside_modules_color_text); } .s123-module-testimonials.layout-12 .testimonials-text-container .testimonials-name { font-size: 15px; } .s123-module-testimonials.layout-12 .rating-area { display: flex; gap: 10px; } .s123-module-testimonials.layout-12 .rating-area i.svg-m { background-color: rgb(255, 191, 0) !important; } .s123-module-testimonials.layout-12 .testimonials-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-testimonials.layout-12 .slick-list { padding-block: 15px; } .s123-module-testimonials.layout-12 .slick-track-hover { transition: margin-left 0.3s ease-in-out !important; } .s123-module-menu.layout-1 .menu2 .inner { padding-top: 65px; } .s123-module-menu.layout-1 .menu2 h3 { font-size: 1.7em; color: rgb(57, 52, 67); margin-bottom: 40px; } .s123-module-menu.layout-1 .menu-block { width: 100%; } .s123-module-menu.layout-1 .item-image { width: 100%; margin: 0px 0px 15px; } @media (min-width: 768px) { .s123-module-menu.layout-1 .item-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-menu.layout-1 .item-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-menu.layout-1 .item-image img { width: 100%; display: block; position: relative; border-radius: 0px; } .s123-module-menu.layout-1 .item-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-menu.layout-1 .menu-block .item { width: 100%; margin-bottom: 32px; padding: 8px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px; } .s123-module-menu.layout-1 .menu-block .item h4 { display: block; font-size: 1.3em; margin-bottom: 8px; text-align: left; } html[dir="rtl"] .s123-module-menu.layout-1 .menu-block .item h4 { text-align: right; } .s123-module-menu.layout-1 .menu-block .item p { display: block; text-align: left; width: 100%; margin-bottom: 0px; } html[dir="rtl"] .s123-module-menu.layout-1 .menu-block .item p { text-align: right; } .s123-module-menu.layout-1 .menu-block .prices { display: block; min-width: 90px; font-size: 1.4em; cursor: default; margin-top: 16px; text-align: right; } .s123-module-menu.layout-1 .menu-block .prices.orderButtonPopup { cursor: pointer; } .s123-module-menu.layout-1 .menu-block .prices.orderButtonPopup.btn-primary span { color: rgb(255, 255, 255) !important; } html[dir="rtl"] .s123-module-menu.layout-1 .menu-block .prices { text-align: left; } .s123-module-menu.layout-1 .menu-block .prices.orderButtonPopup.btn-primary { float: right; } html[dir="rtl"] .s123-module-menu.layout-1 .menu-block .prices.orderButtonPopup.btn-primary { float: left; } .s123-module-menu.layout-2 .menu2 .inner { padding-top: 65px; } .s123-module-menu.layout-2 .menu2 h3 { font-size: 1.7em; color: rgb(57, 52, 67); margin-bottom: 40px; } .s123-module-menu.layout-2 .menu-category { display: none; } .s123-module-menu.layout-2 .menu-block { width: 100%; } .s123-module-menu.layout-2 .item-image { width: 100%; margin: 0px 0px 15px; } @media (min-width: 768px) { .s123-module-menu.layout-2 .item-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-menu.layout-2 .item-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-menu.layout-2 .item-image img { width: 100%; display: block; position: relative; border-radius: 0px; } .s123-module-menu.layout-2 .item-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-menu.layout-2 .menu-block .item { width: 100%; margin-bottom: 32px; padding: 8px; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 20px 20px; } .s123-module-menu.layout-2 .menu-block .item h4 { display: block; font-size: 1.3em; margin-bottom: 8px; text-align: left; } html[dir="rtl"] .s123-module-menu.layout-2 .menu-block .item h4 { text-align: right; } .s123-module-menu.layout-2 .menu-block .item p { display: block; text-align: left; width: 65%; } html[dir="rtl"] .s123-module-menu.layout-2 .menu-block .item p { text-align: right; } .s123-module-menu.layout-2 .menu-block .prices { margin-top: 16px; } @media (min-width: 768px) { .s123-module-menu.layout-2 .menu-block .prices { display: block; position: absolute; top: 10px; right: 10px; min-width: 90px; font-size: 1.4em; cursor: default; } } .s123-module-menu.layout-2 .menu-block .prices.orderButtonPopup { cursor: pointer; } .s123-module-menu.layout-2 .menu-block .prices.orderButtonPopup.btn-primary span { color: rgb(255, 255, 255) !important; } html[dir="rtl"] .s123-module-menu.layout-2 .menu-block .prices { right: auto; left: 0px; } @media (max-width: 768px) { .s123-module-menu.layout-2 .menu-block .prices { position: absolute; right: 0px; bottom: 0px; } html[dir="rtl"] .s123-module-menu.layout-2 .menu-block .prices { right: auto; left: 0px; } } .s123-module-menu.layout-3 .menu-block { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 768px) { .s123-module-menu.layout-3 .menu-block { grid-template-columns: 1fr; gap: 20px; } } .s123-module-menu.layout-3 .menu-block .item { text-align: left; border-top-right-radius: 8px; border-top-left-radius: 8px; display: flex; flex-direction: column; height: 100%; } .s123-module-menu.layout-3 .item-image img { object-fit: cover; object-position: center center; background-repeat: no-repeat; align-self: center; width: 100%; height: 200px; border-top-right-radius: 8px; border-top-left-radius: 8px; } .s123-module-menu.layout-3 .item-details { padding: 24px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; display: flex; flex-direction: column; height: 100%; justify-content: space-between; } .s123-module-menu.layout-3 .menu-block .item h4 { margin: 0px 0px 16px; font-weight: 700; } .s123-module-menu.layout-3 .menu-block .item p { overflow-wrap: anywhere; margin-bottom: 32px; opacity: 0.8; } .s123-module-menu.layout-3 .menu-block .item .prices { font-size: 1.25rem; } html[dir="rtl"] .s123-module-menu.layout-3 .item { text-align: right; } .s123-module-pricing-tables.layout-1 .pricing-m-container { position: relative; display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; gap: 20px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-1 .pricing-m-container { grid-template-columns: repeat(3, 1fr); } } .s123-module-pricing-tables.layout-1 .pricing-m-box { position: relative; border-radius: 16px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px; } .s123-module-pricing-tables.layout-1 .pricing-m-title { padding-block: 24px; border-radius: 16px 16px 0px 0px; text-shadow: rgb(255, 255, 255) 1px 1px 1px; border-bottom: 1px solid var(--modules_color_text_second_box); } .bg-primary.s123-module-pricing-tables.layout-1 .pricing-m-title { border-bottom: 1px solid var(--modules_color_text_box); } .inside_page .s123-module-pricing-tables.layout-1 .pricing-m-title { border-bottom: 1px solid var(--inside_modules_color_text_box); } .s123-module-pricing-tables.layout-1 .pricing-m-title h3 { margin: 0px; font-size: 1.25rem; letter-spacing: 1px; font-weight: 700; text-transform: uppercase; } .s123-module-pricing-tables.layout-1 .pricing-m-title span { display: block; opacity: 0.7; font-weight: 500; font-size: 0.75rem; text-transform: uppercase; } .s123-module-pricing-tables.layout-1 .pricing-m-price { position: relative; padding-block: 24px; opacity: 0.7; font-weight: 300; font-size: 64px; line-height: 1; } .s123-module-pricing-tables.layout-1 .pricing-m-price::after { content: ""; position: absolute; width: 100px; border-top: 1px solid var(--modules_color_text_second_box); top: auto; bottom: 0px; left: 50%; margin-left: -50px; opacity: 0.4; } .bg-primary.s123-module-pricing-tables.layout-1 .pricing-m-price::after { border-top: 1px solid var(--modules_color_text_box); } .inside_page .s123-module-pricing-tables.layout-1 .pricing-m-price::after { border-top: 1px solid var(--inside_modules_color_text_box); } .s123-module-pricing-tables.layout-1 .pricing-m-price span { display: inline-block; } .s123-module-pricing-tables.layout-1 .pricing-m-price span.pricing-m-price-value { vertical-align: top; margin: 7px 3px 0px 0px; font-size: 28px; font-weight: 400; } .s123-module-pricing-tables.layout-1 .pricing-m-price span.pricing-m-price-period { vertical-align: baseline; font-size: 16px; font-weight: 400; opacity: 0.5; margin: 0px 0px 0px 3px; } .s123-module-pricing-tables.layout-1 .pricing-m-features { border-bottom: 1px solid var(--inside_modules_color_text_box); padding: 0px 10px; } .bg-primary.s123-module-pricing-tables.layout-1 .pricing-m-features { border-bottom: 1px solid var(--modules_color_text_box); } .inside_page .s123-module-pricing-tables.layout-1 .pricing-m-features { border-bottom: 1px solid var(--inside_modules_color_text_box); } .s123-module-pricing-tables.layout-1 .pricing-m-features:last-child { border-bottom: none; } .s123-module-pricing-tables.layout-1 .pricing-m-features ul { display: flex; flex-direction: column; margin: 0px; padding: 32px 0px; list-style: none; gap: 16px; } .s123-module-pricing-tables.layout-1 .pricing-m-features li { font-size: 14px; color: rgb(0, 0, 0); } .s123-module-pricing-tables.layout-1 .pricing-m-action { padding: 32px 46px; } .s123-module-pricing-tables.layout-1 .pricing-m-action .btn { white-space: pre-wrap; } .s123-module-pricing-tables.layout-1 div[data-items="5"] .pricing-m-action { padding: 32px 23px; } .s123-module-pricing-tables.layout-1 .pricing-p-popular { padding: 0px; } .s123-module-pricing-tables.layout-1 .pricing-p:first-child:not(.pricing-p-popular), .s123-module-pricing-tables.layout-1 .pricing-p:last-child:not(.pricing-p-popular) { padding: 0px; } .s123-module-pricing-tables.layout-1 .pricing-p:nth-child(2):not(.pricing-p-popular) { padding: 0px 15px; } .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px; z-index: 1; position: relative; } .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular::before { content: ""; border: 2px solid var(--global_main_color); border-radius: 16px; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0px; left: 0px; } .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular::before { border-color: var(--modules_color_second_section_main); } .bg-primary.s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular::before { border-color: var(--modules_color_section_main); } .inside_page .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular::before { border-color: var(--inside_modules_color_section_box_main); } @media (min-width: 970px) { .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular { margin: -20px -1px 0px; } } .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular .pricing-m-title { display: flex; flex-direction: column; gap: 8px; } .s123-module-pricing-tables.layout-1 .pricing-m-box.pricing-m-popular .pricing-m-price { font-size: 72px; } .s123-module-pricing-tables.layout-1 .pricing-m-price:last-child::after { width: 0px; } .s123-module-pricing-tables.layout-1 .pricing-p.pricing-big-numbers .pricing-m-price { font-size: 32px; } .s123-module-pricing-tables.layout-1 .pricing-table-container { position: relative; padding: 0px 40px; } .s123-module-pricing-tables.layout-1 .pricing-table-container .custom-arrow-container { position: absolute; bottom: calc(55%); display: flex; align-items: center; place-content: center; z-index: 5; font-size: 25px; transform: rotate(-90deg); } .s123-module-pricing-tables.layout-1 .pricing-table-container .custom-slick-prev-container { left: 8px; } .s123-module-pricing-tables.layout-1 .pricing-table-container .custom-slick-next-container { right: 10px; } .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-arrow.related-p-c-s-p, .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-arrow.related-p-c-s-n { color: var(--global_main_color_btn_text_color); } .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-arrow.related-p-c-s-p .svg-m, .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-arrow.related-p-c-s-n .svg-m { background-color: var(--global_main_color); } .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 0px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-1 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 10px; } } .s123-module-pricing-tables.layout-1 .pricing-m-container[data-list-type="carousel"] { visibility: hidden; } .s123-module-pricing-tables.layout-2 .pricing-m-container { position: relative; display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; gap: 20px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-2 .pricing-m-container { grid-template-columns: repeat(3, 1fr); } } .s123-module-pricing-tables.layout-2 .container { text-align: center; } .s123-module-pricing-tables.layout-2 .plan-container { margin-top: 81px; border-radius: 16px; } @media (min-width: 970px) { .s123-module-pricing-tables.layout-2 .popular { margin-top: 65px; } } .s123-module-pricing-tables.layout-2 .plan-container .price { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 132px; height: 132px; border-radius: 100%; margin: -120px auto 16px; font-size: 30px; } .s123-module-pricing-tables.layout-2 .plan-container .price [data-rel="multiCurrency"] span { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-pricing-tables.layout-2 .plan-container .price [data-rel="multiCurrency"] span { color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-pricing-tables.layout-2 .plan-container .price [data-rel="multiCurrency"] span { color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-pricing-tables.layout-2 .plan-container .period { font-size: 18px; } .s123-module-pricing-tables.layout-2 .plan-container .plan-name { padding-top: 50px; padding-bottom: 10px; border-radius: 16px 16px 0px 0px; border-bottom: 1px solid var(--modules_color_text_second_box); } .bg-primary.s123-module-pricing-tables.layout-2 .plan-container .plan-name { border-bottom: 1px solid var(--modules_color_text_box); } .inside_page .s123-module-pricing-tables.layout-2 .plan-container .plan-name { border-bottom: 1px solid var(--inside_modules_color_text_box); } .s123-module-pricing-tables.layout-2 .plan-container .plan-name.plan-only-title { padding-bottom: 32px; border-radius: 16px; } .s123-module-pricing-tables.layout-2 .plan-name h3 { color: rgb(85, 85, 85); margin: 0px; font-size: 1.25rem; font-weight: 700; } .s123-module-pricing-tables.layout-2 .popular .plan-name h3 { margin-bottom: 4px; } .s123-module-pricing-tables.layout-2 .plan-container.popular .plan-name p { font-weight: 500; font-size: 0.75rem; margin: 0px; color: rgb(95, 99, 115); } .s123-module-pricing-tables.layout-2 .plan-container .plan-features { padding: 32px; border-bottom: 1px solid var(--modules_color_text_second_box); } .bg-primary.s123-module-pricing-tables.layout-2 .plan-container .plan-features { border-bottom: 1px solid var(--modules_color_text_box); } .inside_page .s123-module-pricing-tables.layout-2 .plan-container .plan-features { border-bottom: 1px solid var(--inside_modules_color_text_box); } .s123-module-pricing-tables.layout-2 .plan-container .plan-features:last-child { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } .s123-module-pricing-tables.layout-2 .plan-container .plan-features ul { display: flex; flex-direction: column; margin: 0px; padding: 0px; list-style: none; gap: 16px; } .s123-module-pricing-tables.layout-2 .plan-container .plan-features ul li { list-style: none; } .s123-module-pricing-tables.layout-2 .plan-button { display: flex; padding: 32px; border-radius: 0px 0px 16px 16px; } .s123-module-pricing-tables.layout-2 .plan-button .btn { padding-top: 10px; padding-bottom: 10px; overflow-wrap: break-word; white-space: pre-wrap; } .s123-module-pricing-tables.layout-2 .plan-container.popular { box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 45px; } @media (max-width: 767px) { .s123-module-pricing-tables.layout-2 .mobile-flex-space { display: flex; flex-direction: column; gap: 32px; } } .s123-module-pricing-tables.layout-2 .pricing-table-container { position: relative; padding: 0px 40px; } .s123-module-pricing-tables.layout-2 .pricing-table-container .custom-arrow-container { position: absolute; bottom: calc(55%); display: flex; align-items: center; place-content: center; z-index: 5; font-size: 25px; transform: rotate(-90deg); } .s123-module-pricing-tables.layout-2 .pricing-table-container .custom-slick-prev-container { left: 8px; } .s123-module-pricing-tables.layout-2 .pricing-table-container .custom-slick-next-container { right: 10px; } .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-arrow.related-p-c-s-p, .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-arrow.related-p-c-s-n { color: var(--global_main_color_btn_text_color); } .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-arrow.related-p-c-s-p .svg-m, .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-arrow.related-p-c-s-n .svg-m { background-color: var(--global_main_color); } .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 0px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-2 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 10px; } } .s123-module-pricing-tables.layout-2 .pricing-m-container[data-list-type="carousel"] { visibility: hidden; } .s123-module-pricing-tables.layout-5 .pricing-m-container { position: relative; display: grid; grid-template-columns: repeat(1, 1fr); justify-content: center; gap: 20px; } .s123-module-pricing-tables.layout-5 .pricing-m-box { border-radius: 50px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; height: 100%; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-5 .pricing-m-container { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } } .s123-module-pricing-tables.layout-5 .pricing-m-title { padding-block: 24px; } .s123-module-pricing-tables.layout-5 .pricing-m-title h3 { margin: 0px; font-weight: 700; } .s123-module-pricing-tables.layout-5 .pricing-m-title span { display: block; opacity: 0.7; font-weight: 400; font-size: 0.75rem; text-transform: uppercase; } .s123-module-pricing-tables.layout-5 .pricing-m-price { position: relative; padding-bottom: 24px; font-size: 2rem; line-height: 1; } .s123-module-pricing-tables.layout-5 .pricing-m-price .pricing-price-text, .s123-module-pricing-tables.layout-5 .pricing-m-price span.pricing-m-price-value { font-weight: 700; } .s123-module-pricing-tables.layout-5 .pricing-m-price span { display: inline-block; } .s123-module-pricing-tables.layout-5 .pricing-m-features ul { display: flex; flex-direction: column; margin: 0px; padding: 0px 0px 24px; list-style: none; gap: 8px; opacity: 0.5; } .s123-module-pricing-tables.layout-5 .pricing-m-action { display: flex; align-self: center; } .s123-module-pricing-tables.layout-5 .pricing-m-action .btn { white-space: pre-wrap; } .s123-module-pricing-tables.layout-5 .pricing-p-popular { position: relative; z-index: 1; } .s123-module-pricing-tables.layout-5 .pricing-p-popular::before { content: ""; border: 2px solid var(--modules_color_second_section_main); border-radius: 50px; inset: 3px; position: absolute; z-index: -1; } .bg-primary.s123-module-pricing-tables.layout-5 .pricing-p-popular::before { border-color: var(--modules_color_section_main) !important; } .inside_page .s123-module-pricing-tables.layout-5 .pricing-p-popular::before { border-color: var(--inside_modules_color_section_box_main) !important; } .s123-module-pricing-tables.layout-5 .pricing-table-container { position: relative; padding: 0px 10px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-5 .pricing-table-container { padding: 0px 40px; } } .s123-module-pricing-tables.layout-5 .pricing-table-container .custom-arrow-container { position: absolute; bottom: calc(55%); display: flex; align-items: center; place-content: center; z-index: 5; font-size: 25px; transform: rotate(-90deg); } .s123-module-pricing-tables.layout-5 .pricing-table-container .custom-slick-prev-container { left: 8px; } .s123-module-pricing-tables.layout-5 .pricing-table-container .custom-slick-next-container { right: 10px; } .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-arrow.related-p-c-s-p, .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-arrow.related-p-c-s-n { color: var(--global_main_color_btn_text_color); } .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-arrow.related-p-c-s-p .svg-m, .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-arrow.related-p-c-s-n .svg-m { background-color: var(--global_main_color); } .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 0px; } @media (min-width: 768px) { .s123-module-pricing-tables.layout-5 .pricing-table-container .slick-slider .pricing-plan { padding: 20px 10px; } } .s123-module-pricing-tables.layout-5 .pricing-m-container[data-list-type="carousel"] { visibility: hidden; } @media (max-width: 1200px) { .s123-module-pricing-tables.layout-5 .pricing-m-box { padding: 2rem; } .s123-module-pricing-tables.layout-5 .pricing-m-wrap { flex-direction: column; } .s123-module-pricing-tables.layout-5 .pricing-m-display { width: 100%; align-items: center; } .s123-module-pricing-tables.layout-5 .pricing-m-price { text-align: center; } .s123-module-pricing-tables.layout-5 .pricing-m-title { text-align: center; } .s123-module-pricing-tables.layout-5 .pricing-m-features { grid-template-columns: 1fr; width: 100%; justify-items: center; } .s123-module-pricing-tables.layout-5 .pricing-m-features ul { list-style: none; align-items: center; } } .s123-module-pricing-tables.layout-6 .pricing-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px; } @media (max-width: 1024px) { .s123-module-pricing-tables.layout-6 .pricing-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .s123-module-pricing-tables.layout-6 .pricing-grid { grid-template-columns: repeat(1, 1fr); } } .s123-module-pricing-tables.layout-6 .pricing-m-box { padding: 2rem 2rem 2rem 1rem; border-radius: 16px; } .s123-module-pricing-tables.layout-6 .pricing-m-wrap { display: flex; gap: 24px; } .s123-module-pricing-tables.layout-6 .pricing-m-display { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 200px; height: auto; gap: 24px; } .s123-module-pricing-tables.layout-6 .pricing-m-title { text-align: center; } .s123-module-pricing-tables.layout-6 .pricing-m-title h3 { margin: 0px; font-weight: 700; } .s123-module-pricing-tables.layout-6 .pricing-m-title span { display: block; opacity: 0.7; font-weight: 400; font-size: 0.9rem; text-transform: uppercase; } .s123-module-pricing-tables.layout-6 .pricing-m-price { display: flex; flex-direction: column; align-items: center; position: relative; font-size: 2rem; line-height: 1; } .s123-module-pricing-tables.layout-6 .pricing-m-price .pricing-price-text, .s123-module-pricing-tables.layout-6 .pricing-m-price span.pricing-m-price-value { font-weight: 700; } .s123-module-pricing-tables.layout-6 .pricing-m-price .pricing-m-price-period { opacity: 0.6; } .s123-module-pricing-tables.layout-6 .pricing-m-price span { display: inline-block; } .s123-module-pricing-tables.layout-6 .pricing-m-features { display: grid; align-self: center; gap: 1rem; width: calc(100% - 200px); grid-template-columns: 1fr max-content; } .s123-module-pricing-tables.layout-6 .pricing-m-features ul { display: flex; flex-direction: column; margin: 0px; padding: 0px 0px 0px 20px; gap: 10px; opacity: 0.8; } html[dir="rtl"] .s123-module-pricing-tables.layout-6 .pricing-m-features ul { padding: 0px 20px 0px 0px; } .s123-module-pricing-tables.layout-6 .pricing-m-action { place-self: center; } .s123-module-pricing-tables.layout-6 .pricing-m-action .btn { white-space: pre-wrap; } .s123-module-pricing-tables.layout-6 .pricing-p-popular { position: relative; z-index: 1; } .s123-module-pricing-tables.layout-6 .pricing-p-popular::before { content: ""; border: 3px solid var(--modules_color_second_section_main); border-radius: 16px; inset: 0px; position: absolute; z-index: -1; } .bg-primary.s123-module-pricing-tables.layout-6 .pricing-p-popular::before { border-color: var(--modules_color_section_main) !important; } .inside_page .s123-module-pricing-tables.layout-6 .pricing-p-popular::before { border-color: var(--inside_modules_color_section_box_main) !important; } @media (max-width: 1200px) { .s123-module-pricing-tables.layout-6 .pricing-m-box { padding: 2rem; } .s123-module-pricing-tables.layout-6 .pricing-m-wrap { flex-direction: column; } .s123-module-pricing-tables.layout-6 .pricing-m-display { width: 100%; align-items: center; } .s123-module-pricing-tables.layout-6 .pricing-m-price { flex-direction: row; } .s123-module-pricing-tables.layout-6 .pricing-m-title { text-align: center; } .s123-module-pricing-tables.layout-6 .pricing-m-features { grid-template-columns: 1fr; width: 100%; justify-items: center; } .s123-module-pricing-tables.layout-6 .pricing-m-features ul { padding: 0px; list-style: none; align-items: center; } } .s123-comments-container .blogCommentsBox { overflow: hidden; height: 180px; transition: height 0.5s linear; } .s123-comments-container .blogCommentsBox.active { overflow: hidden; height: 350px; } .s123-comments-container .blogCommentsBox .extraDetails { visibility: hidden; opacity: 0; } .s123-comments-container .blogCommentsBox.active .extraDetails { visibility: visible; opacity: 1; } .s123-comments-wrap { display: flex; flex-direction: column; gap: 25px; } .s123-comments-container .commentBox .title { margin: 0px; font-size: 1.2em; font-weight: bold; } .s123-comments-container .commentBox .time { } .s123-comments-container .commentBox p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-comments-container .commentsForm { margin-top: 15px; margin-bottom: 15px; } .s123-comments-container .sub-comments-div { margin: 10px; } .s123-comments-container .sub-comments-div-box { padding: 10px; } .s123-comments-container .commentBox .message, .s123-comments-container .sub-comments-div-box .message { white-space: pre-wrap; } .s123-comments-container .comments-message-text { margin: 30px 0px 15px; } .review-pop-up .blogCommentsBox { padding: 0px; border: 0px solid rgb(224, 224, 224); } .s123-comments-container.s123-review-container .commentBox { border: 0px solid rgb(224, 224, 224); margin-bottom: 0px; padding: 1em; } .s123-comments-container.s123-review-container .blogCommentsBox { height: 230px; } .review-pop-up .rating-area > span { display: block; margin-bottom: 5px; } .review-pop-up .rating-area i.star-half-png, .review-pop-up .rating-area i.star-off-png, .review-pop-up .rating-area i.star-on-png { color: rgb(255, 191, 0); } .review-pop-up .rating-area [data-black-stars="1"] i.star-half-png, .review-pop-up .rating-area [data-black-stars="1"] i.star-off-png, .review-pop-up .rating-area [data-black-stars="1"] i.star-on-png { color: rgb(0, 0, 0); } .s123-comments-container.s123-review-container .blog-reply-to { display: none; } .s123-page-data-eCommerce #productPageReview .commentsForm { display: none; } .review-pop-up #productPageReview .commentsForm { display: block; } #productPageReview .show-more { cursor: pointer; } .review-pop-up .rating-plugin-submit-btn-box { margin-bottom: 10px; text-align: center; } .review-pop-up .rating-plugin-submit-btn-box > button { min-width: 120px; } .s123-module-articles.layout-1 .bottommargin { margin-bottom: 48px; } .s123-module-articles.layout-1 .article-image, .s123-module-articles.layout-1 .article-image img, .s123-module-articles.layout-1 .article-image > a { display: flex; flex-direction: column; gap: 16px; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; } @media (max-width: 768px) { .s123-module-articles.layout-1 .article-image, .s123-module-articles.layout-1 .article-image img, .s123-module-articles.layout-1.article-image > a { gap: 6px; margin: 0px auto; } .s123-module-articles.layout-1 .article-image { margin-bottom: 24px; } .s123-module-articles.layout-1 .bottommargin { margin-bottom: 40px; } } .s123-module-articles.layout-1 .article-title { margin-bottom: 8px; } .s123-module-articles.layout-1 .article-title h3 { margin: 0px; font-weight: 600; font-size: 1.1rem; } .s123-module-articles.layout-1 .article-description { margin-bottom: 24px; } .s123-module-articles.layout-1 .article-more-link { padding: 0px 2px; display: block; font-size: 1.1rem; font-weight: 600; } .s123-module-articles.layout-1 .reading-time, .s123-module-articles.layout-1 .comments-amount { margin: 0px; } .s123-module-articles .reading-time, .s123-module-articles .comments-amount { font-size: 12px; margin: 10px 0px; } .s123-module-articles .article-item-side-by-side { display: flex; } .s123-module-articles .article-item-side-by-side .comments-amount { position: absolute; } html[dir="ltr"] .s123-module-articles .article-item-side-by-side .comments-amount { right: 0px; } html[dir="rtl"] .s123-module-articles .article-item-side-by-side .comments-amount { left: 0px; } .s123-module-articles .background-primary-color .articles-link-main-color { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-articles .background-primary-color .articles-link-main-color { color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-articles .background-primary-color .articles-link-main-color { color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-articles .background-primary-color .articles-link-main-color .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-articles .background-primary-color .articles-link-main-color .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-articles .background-primary-color .articles-link-main-color .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .s123-module-articles.s123-module-articles-categories .article-category-box { margin-bottom: 20px; display: block; text-decoration: none; text-align: center; } .s123-module-articles.layout-2 .bottommargin { margin-bottom: 30px; } .s123-module-articles.layout-2 .article-image, .s123-module-articles.layout-2 .article-image img, .s123-module-articles.layout-2 .article-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto 20px; } .s123-module-articles.layout-2 .article-title { margin-bottom: 15px; } .s123-module-articles.layout-2 .article-title h3 { margin: 0px; font-size: 16px; font-weight: bold; } .s123-module-articles.layout-2 .article-description, .s123-module-articles.layout-2 .article-body { margin-bottom: 10px; } .s123-module-articles.layout-2 .article-body p { margin: 0px; } .s123-module-articles.layout-2 .article-more-link { padding: 0px 2px; display: block; font-style: italic; } .s123-module-articles.layout-3 .event { padding: 20px; margin: 0px 0px 30px; position: relative; } .s123-module-articles.layout-3 .event-image { width: 100%; margin: 0px 0px 15px; position: relative; min-height: 100px; } @media (min-width: 768px) { .s123-module-articles.layout-3 .event-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-articles.layout-3 .event-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-articles.layout-3 .event-image img { border-radius: 0px; } .s123-module-articles.layout-3 .event-image img, .event-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; } .s123-module-articles.layout-3 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-module-articles.layout-3 .event-image .event-date { left: auto; right: 10px; } .s123-module-articles.layout-3 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-articles.layout-3 .event-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-articles.layout-3 .event-title h2 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: 600; } .s123-module-articles.layout-3 .event-title h2 a { } .s123-module-articles.layout-3 .event-title h2 a:hover { } .s123-module-articles.layout-3 .event-meta { padding: 0px; margin: 20px -10px -15px 0px; list-style: none; } .s123-module-articles.layout-3 .event-meta li { float: left; font-size: 14px; line-height: 14px; margin: 0px 10px 10px 0px; font-style: italic; } html[dir="rtl"] .s123-module-articles.layout-3 .event-meta li { float: right; } .s123-module-articles.layout-3 .event-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-articles.layout-3 .event-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-articles.layout-3 .event-meta li .label { font-size: 100%; } .s123-module-articles.layout-3 .event-meta li i { position: relative; top: 1px; margin-right: 3px; } html[dir="rtl"] .s123-module-articles.layout-3 .event-meta li i { margin-right: 0px; margin-left: 3px; } .s123-module-articles.layout-3 .event-meta li a { } .s123-module-articles.layout-3 .event-meta li a:hover { } .s123-module-articles.layout-3 .event-meta li:first-child::before { display: none; } .s123-module-articles.layout-3 .event-content { margin-top: 30px; } .s123-page-data-articles.layout-3 .event-image { position: relative; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px -15px; } .s123-page-data-articles.layout-3 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-page-data-articles.layout-3 .event-image .event-date { left: auto; right: 10px; } .s123-page-data-articles.layout-3 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-articles.layout-4 .article-m { margin: 0px 0px 30px; position: relative; border-radius: 16px; } .s123-module-articles.layout-4 .article-m-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; position: relative; width: 100%; border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-articles.layout-4 .article-m-details { overflow: hidden; padding: 24px; position: relative; } .s123-module-articles.layout-4 .article-m-title { margin-bottom: 16px; } .s123-module-articles.layout-4 .article-m-title h3 { font-size: 20px; font-weight: 700; letter-spacing: 1px; margin: 0px; text-transform: uppercase; } .s123-module-articles.layout-4 .article-m-bt { float: none; text-align: center; } @media (min-width: 768px) { .s123-module-articles.layout-4 .article-m-bt { float: right; } html[dir="rtl"] .s123-module-articles.layout-4 .article-m-bt { float: left; } } .s123-module-articles.layout-4 .article-bottom { display: flex; justify-content: space-between; } .s123-module-articles.layout-4 .article-bottom_details { display: flex; align-items: flex-end; gap: 90px; } @media (max-width: 767px) { .s123-module-articles.layout-4 .article-m-content p { margin-bottom: 24px; } .s123-module-articles.layout-4 .article-m-title { margin-bottom: 24px; } .s123-module-articles.layout-4 .article-m { margin: 0px 0px 24px; } .s123-module-articles.layout-4 .article-m-details { text-align: center; } .s123-module-articles.layout-4 .article-bottom { flex-direction: column; gap: 24px; } .s123-module-articles.layout-4 .article-bottom_details { gap: 0px; justify-content: space-between; } } .s123-module-articles.layout-5 .article-container { clear: both; margin-bottom: 48px; } @media (min-width: 768px) { .s123-module-articles.layout-5 .article-container { clear: none; } .s123-module-articles.layout-5 .article-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-articles.layout-5 .article-container:nth-child(2n+1) { clear: none; } .s123-module-articles.layout-5 .article-container:nth-child(4n+1) { clear: both; } } .s123-module-articles.layout-5 .article-image { margin-bottom: 15px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-articles.layout-5 .article-image > div { margin-bottom: 24px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-articles.layout-5 .article-title h3 { margin: 0px 0px 8px; font-size: 1.1rem; font-weight: 700; } .s123-module-articles.layout-5 .article-text-content { margin-top: 0px; position: relative; text-align: justify; } .s123-module-articles.layout-5 .article-text-content p { margin-bottom: 24px; } .s123-module-articles.layout-5 .article-text-content .more-link, .s123-module-articles.layout-5 .article-text-content .more-link i { font-weight: 700; } html[dir="rtl"] .s123-module-articles.layout-5 .fa-angle-right::before { content: ""; } .s123-module-articles.layout-5 .article-text-content .more-link:not(:last-child) { display: flex; margin-bottom: 24px; } .s123-module-articles.layout-5 .article-bottom { display: flex; justify-content: space-between; } @media (max-width: 767px) { .s123-module-articles.layout-5 .article-container { margin-bottom: 56px; } .s123-module-articles.layout-5 .no-img-mobile { display: none; } } .s123-module-articles.layout-6 .all-items .article-m-container:nth-child(2n+1) { clear: both; } .s123-module-articles.layout-6 .article-m-container:not(.leading-article) { margin-bottom: 40px; } .s123-module-articles.layout-6 .limit-items .article-m-container:not(.leading-article) { float: right; clear: right; } html[dir="rtl"] .s123-module-articles.layout-6 .limit-items .article-m-container:not(.leading-article) { float: left; clear: left; } .s123-module-articles.layout-6 .leading-article .article-m-image, .s123-module-articles.layout-6 .leading-article .article-m-image img, .s123-module-articles.layout-6 .leading-article .article-m-image > a { width: 100%; height: auto; margin: 0px auto 15px; display: block; position: relative; } .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image, .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image img, .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image > a { width: 110px; height: auto; margin-right: 20px; display: block; position: relative; float: left; } html[dir="rtl"] .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image, html[dir="rtl"] .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image img, html[dir="rtl"] .s123-module-articles.layout-6 .article-m-container:not(.leading-article) .article-m-image > a { float: right; margin-right: 0px; margin-left: 20px; } .s123-module-articles.layout-6 .article-m-details { position: relative; overflow: hidden; } .s123-module-articles.layout-6 .article-m-details p { margin-bottom: 15px; } .s123-module-articles.layout-6 .article-m-title h3 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: bold; } .s123-module-articles.layout-6 .more-link { display: inline-block; padding: 0px 2px; font-style: italic; } html[dir="rtl"] .s123-module-articles.layout-6 .fa-angle-right::before { content: ""; } @media (max-width: 767px) { .s123-module-articles.layout-6 .article-m-container.leading-article { margin-bottom: 40px; } } .s123-module-articles.layout-7 .article-module { margin: 0px 0px 30px; position: relative; border: 1px solid rgb(221, 221, 221); border-radius: 16px; } .s123-module-articles.layout-7 .article-m-container { clear: both; } @media (min-width: 768px) { .s123-module-articles.layout-7 .article-m-container { clear: none; } .s123-module-articles.layout-7 .article-m-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-articles.layout-7 .article-m-container:nth-child(2n+1) { clear: none; } .s123-module-articles.layout-7 .article-m-container:nth-child(3n+1) { clear: both; } } .s123-module-articles.layout-7 .article-module-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; position: relative; width: 100%; border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-articles.layout-7 .article-module-details { overflow: hidden; padding: 24px; position: relative; } .s123-module-articles.layout-7 .article-module-title { margin-bottom: 16px; } .s123-module-articles.layout-7 .article-module-title h3 { font-size: 1.2rem; font-weight: 600; letter-spacing: 1px; margin: 0px; text-transform: uppercase; } .s123-module-articles.layout-7 .article-main-container .article-module-title h3 { font-size: 1.5rem; font-weight: 700; } .s123-module-articles.layout-7 .article-module-content p { margin-bottom: 0px; } .s123-module-articles.layout-7 .article-module-content { margin-bottom: 24px; } .s123-module-articles.layout-7 .article-module-bt { float: right; text-align: center; } html[dir="rtl"] .s123-module-articles.layout-7 .article-module-bt { float: left; } html[dir="rtl"] .s123-module-articles.layout-7 .fa-angle-right::before { content: ""; } .s123-module-articles.layout-7 .article-module .more-link { font-weight: 700; } .s123-module-articles.layout-7 .article-bottom { display: flex; margin-bottom: 16px; } .s123-module-articles.layout-7 .article-main-container .article-bottom { gap: 100px; } .s123-module-articles.layout-7 .article-m-container .article-bottom { justify-content: space-between; } @media (max-width: 767px) { .s123-module-articles.layout-7 .article-module { margin: 0px 0px 24px; } .s123-module-articles.layout-7 .article-main-container .article-bottom { justify-content: space-between; } .s123-module-articles.layout-7 .no-img-mobile { display: none; } } .s123-module-articles.layout-8 .news-article { margin-bottom: 16px; text-align: center; } .s123-module-articles.layout-8 .news-article .news-article-box { display: flex; flex-direction: column; gap: 16px; border-radius: 16px; transition: box-shadow 0.2s ease-in-out; border: 0px; padding: 48px; } .s123-module-articles.layout-8 .news-article .news-article-box:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 25px; } .s123-module-articles.layout-8 .news-article .news-article-box h3 { font-weight: 700; font-size: 1.5rem; text-transform: uppercase; margin: 0px; } .s123-module-articles.layout-8 .article-title-center-fix { margin: 20px 0px; } .s123-module-articles.layout-8 .article-bottom { display: flex; justify-content: center; gap: 50px; opacity: 0.6; } @media (max-width: 767px) { .s123-module-articles.layout-8 .news-article .news-article-box { padding: 32px; } } .s123-module-articles.layout-9 .article-post-first .first-img-link { width: 50%; } .s123-module-articles.layout-9 .article-post-first .first-img-link .article-module-bg { width: 100%; aspect-ratio: 16 / 9; } .s123-module-articles.layout-9 .article-module .article-module-bg, .s123-module-articles.layout-9 .article-post-first .article-module-bg { position: relative; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; aspect-ratio: 16 / 9; } .s123-module-articles.layout-9 .article-module { display: flex; flex-direction: column; gap: 24px; } .s123-module-articles.layout-9 .article-module, .s123-module-articles.layout-9 .article-post-first { margin-bottom: 16px; } .s123-module-articles.layout-9 .article-post-first .article-module-title h2 { margin: 0px; } .s123-module-articles.layout-9 .article-post-first .article-module-title h2, .s123-module-articles.layout-9 .article-module-title h3 { text-transform: uppercase; margin: 0px; } .s123-module-articles.layout-9 .article-module-details { display: flex; flex-direction: column; gap: 16px; } .s123-module-articles.layout-9 .article-post-first .article-module-bg { margin-bottom: 16px; } @media (min-width: 1024px) { .s123-module-articles.layout-9 .article-post-first { padding: 0px; margin-bottom: 48px; display: flex; } .s123-module-articles.layout-9 .article-post-first .article-module-bg { width: 50%; height: auto; min-height: 300px; flex-shrink: 0; margin-bottom: 0px; } .s123-module-articles.layout-9 .article-post-first .article-module-details { width: 50%; padding: 20px 0px 20px 100px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } html[dir="rtl"] .s123-module-articles.layout-9 .article-post-first .article-module-details { padding: 20px 100px 20px 0px; } .s123-module-articles.layout-9 .article-post-first .reading-time, .s123-module-articles.layout-9 .article-post-first .comments-amount { margin: 0px; } .s123-module-articles.layout-9 .article-module-details { padding: 4px 10px 10px; } .s123-module-articles.layout-9 .article-module { margin-bottom: 10px; } .s123-module-articles.layout-9 .article-module { margin-bottom: 48px; } } .s123-module-articles.layout-9 .article-post-first .article-module-details, .s123-module-articles.layout-9 .article-module .article-module-details { text-align: left; } html[dir="rtl"] .s123-module-articles.layout-9 .article-post-first .article-module-details, html[dir="rtl"] .s123-module-articles.layout-9 .article-module .article-module-details { text-align: right; } html[dir="rtl"] .s123-module-articles.layout-9 .article-module .fa-angle-right::before { content: ""; } .s123-module-articles.layout-9 .article-bottom { display: flex; justify-content: space-between; } @media (max-width: 767px) { .s123-module-articles.layout-9 .no-img-mobile { display: none; } } .s123-module-articles.layout-10 .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 32px; } @media (min-width: 768px) and (max-width: 1024px) { .s123-module-articles.layout-10 .article-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .s123-module-articles.layout-10 .article-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } } @media (max-width: 767px) { .s123-module-articles.layout-10 .article-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .s123-module-articles.layout-10 .article-container { border-radius: 10px; padding: 16px; } .s123-module-articles.layout-10 .article-container h3 { margin: 0px 0px 16px; font-weight: 600; } .s123-module-articles.layout-10 .article-image > div { height: 180px; width: 100%; margin-bottom: 24px; border-radius: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-articles.layout-10 .article-text-content { margin-top: 0px; font-size: 1rem; opacity: 0.8; } .s123-module-articles.layout-10 .article-text-content p { margin-bottom: 24px; } html[dir="rtl"] .s123-module-articles.layout-10 .article-module .fa-angle-right::before { content: ""; } .s123-module-articles.layout-10 .see-more-link { margin-top: 20px; } .s123-module-articles.layout-10 .more-link { display: flex; align-items: center; font-weight: 600; } .s123-module-articles.layout-10 .more-link:not(:last-child) { margin-bottom: 24px; } .s123-module-articles.layout-10 .more-link .svg-m { background-color: var(--global_main_color); font-weight: 600; } .s123-module-articles.layout-10 .article-bottom { display: flex; justify-content: space-between; } @media (max-width: 767px) { .s123-module-articles.layout-10 .no-img-mobile { display: none; } } .s123-module-articles.layout-11 .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 48px 32px; } @media (max-width: 768px) { .s123-module-articles.layout-11 .article-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .s123-module-articles.layout-11 .article-grid { grid-template-columns: repeat(1, 1fr); gap: 48px; } } .s123-module-articles.layout-11 .article-container { text-decoration: none; } .s123-module-articles.layout-11 .article-container:hover { opacity: 1; } .s123-module-articles.layout-11 .article-image { border-radius: 10px; width: 100%; height: 220px; object-fit: cover; margin-bottom: 24px; } .s123-module-articles.layout-11 .article-container .article-title h4 { font-weight: 600; opacity: 0.9; margin: 0px; } @media (max-width: 768px) { .s123-module-articles.layout-11 .article-image { object-fit: cover; margin-bottom: 16px; } } html[dir="rtl"] .s123-module-articles.layout-11 .fa-angle-right::before { content: ""; } .s123-module-articles.layout-11 .see-more-link { margin-top: 20px; } @media (max-width: 767px) { .s123-module-articles.layout-11 .no-img-mobile { display: none; } } .s123-module-articles.layout-12 .article-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 30px; } @media (max-width: 768px) { .s123-module-articles.layout-12 .article-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media (max-width: 767px) { .s123-module-articles.layout-12 .article-grid { grid-template-columns: repeat(1, 1fr); gap: 30px; } } .s123-module-articles.layout-12 .article-container { border-radius: 10px; overflow: hidden; transition: 0.4s; } .s123-module-articles.layout-12 .article-container:hover { box-shadow: rgba(22, 28, 45, 0.13) 0px 34px 33px -23px; } .s123-module-articles.layout-12 .article-container .article-details { padding: 24px; } .s123-module-articles.layout-12 .article-container .article-details .article-title h3 { font-weight: 700; margin-top: 0px; margin-bottom: 16px; } .s123-module-articles.layout-12 .article-container .article-details .article-title a { font-weight: bold; text-decoration: none; } .s123-module-articles.layout-12 .article-image > div { width: 100%; height: 261px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-articles.layout-12 .article-text-content p { margin-top: 0px; opacity: 0.8; margin-bottom: 24px; } .s123-module-articles.layout-12 .article-text-content a { font-weight: bold; text-decoration: none; } html[dir="rtl"] .s123-module-articles.layout-12 .article-module .fa-angle-right::before { content: ""; } .s123-module-articles.layout-12 .see-more-link { margin-top: 20px; } .s123-module-articles.layout-12 .more-link:not(:last-child) { display: flex; margin-bottom: 24px; } .s123-module-articles.layout-12 .article-bottom { display: flex; justify-content: space-between; } @media (max-width: 767px) { .s123-module-articles.layout-12 .no-img-mobile { display: none; } } .s123-module-articles.layout-13 .article-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 32px; } @media (max-width: 768px) { .s123-module-articles.layout-13 .article-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; } } @media (max-width: 767px) { .s123-module-articles.layout-13 .article-grid { grid-template-columns: repeat(1, 1fr); gap: 24px; } } .s123-module-articles.layout-13 .article-container { border-radius: 10px; overflow: hidden; transition: 0.4s; } .s123-module-articles.layout-13 .article-container:hover { box-shadow: rgba(22, 28, 45, 0.13) 0px 34px 33px -23px; } .s123-module-articles.layout-13 .article-container .article-details { padding: 24px; } .s123-module-articles.layout-13 .article-container .article-details .article-title h3 { margin-top: 0px; margin-bottom: 16px; } .s123-module-articles.layout-13 .article-container .article-details .article-title a { font-weight: 700; text-decoration: none; } .s123-module-articles.layout-13 .article-image > div { width: 100%; height: 261px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-articles.layout-13 .article-text-content p { margin-top: 0px; opacity: 0.8; margin-bottom: 24px; } .s123-module-articles.layout-13 .article-text-content a { font-weight: bold; text-decoration: none; } html[dir="rtl"] .s123-module-articles.layout-13 .article-module .fa-angle-right::before { content: ""; } .s123-module-articles.layout-13 .see-more-link { margin-top: 20px; } .s123-module-articles.layout-13 .article-bottom { display: flex; flex-direction: row; justify-content: space-between; } .s123-module-articles.layout-13 .article-bottom .article-bottom_details { display: flex; gap: 90px; } @media (max-width: 767px) { .s123-module-articles.layout-13 .article-bottom { flex-direction: column; gap: 24px; } .s123-module-articles.layout-13 .article-bottom .article-bottom_details { gap: 0px; justify-content: space-between; } .s123-module-articles.layout-13 .no-img-mobile { display: none; } } .s123-module-articles.layout-14 .bottommargin { margin-bottom: 30px; } .s123-module-articles.layout-14 .article-image, .s123-module-articles.layout-14 .article-image img, .s123-module-articles.layout-14 .article-image > a { position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; border-radius: 8px; object-fit: cover; object-position: center center; display: flex; flex-direction: column; aspect-ratio: 16 / 9; gap: 16px; } .s123-module-articles.layout-14 .article-title { margin-bottom: 8px; } .s123-module-articles.layout-14 .article-title h3 { margin: 0px; font-weight: 600; font-size: 1.1rem; } .s123-module-articles.layout-14 .article-description { margin-bottom: 24px; } .s123-module-articles.layout-14 .article-more-link { padding: 0px 2px; display: block; font-size: 1.1rem; font-weight: 600; } @media (max-width: 767px) { .s123-module-articles.layout-14 .bottommargin { margin-bottom: 40px; } .s123-module-articles.layout-14 .article-image { margin-bottom: 24px; } } .s123-module-articles.layout-14 .reading-time, .s123-module-articles.layout-14 .comments-amount { margin: 0px; } .s123-module-articles.layout-15 .event { display: flex; padding: 16px; margin: 0px 0px 16px; position: relative; border-radius: 8px; gap: 56px; } .s123-module-articles.layout-15 .event-image { width: 100%; margin: 0px; position: relative; min-height: 100px; } @media (min-width: 768px) { .s123-module-articles.layout-15 .event-image { float: left; width: 330px; } html[dir="rtl"] .s123-module-articles.layout-15 .event-image { float: right; } } @media (max-width: 767px) { .s123-module-articles.layout-15 .event { padding: 24px; flex-direction: column; gap: 24px; } } .s123-module-articles.layout-15 .event-image img { border-radius: 0px; } .s123-module-articles.layout-15 .event-image img, .event-image > a { display: block; position: relative; width: auto; height: auto; max-width: 330px; max-height: 250px; margin: 0px auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center center; } .s123-module-articles.layout-15 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-module-articles.layout-15 .event-image .event-date { left: auto; right: 10px; } .s123-module-articles.layout-15 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-articles.layout-15 .event-details { position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .s123-module-articles.layout-15 .event-title { gap: 16px; display: flex; flex-direction: column; } .s123-module-articles.layout-15 .event-title p { margin: 0px 0px 24px; } .s123-module-articles.layout-15 .event-title h2 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: 600; } .s123-module-articles.layout-15 .event-title h2 a { } .s123-module-articles.layout-15 .event-title h2 a:hover { } @media (max-width: 767px) { .s123-module-articles.layout-15 .event-content p { margin-bottom: 24px; } } .s123-module-articles.layout-15 .event-meta { padding: 0px; margin: 20px -10px -15px 0px; list-style: none; } .s123-module-articles.layout-15 .event-meta li { float: left; font-size: 14px; line-height: 14px; margin: 0px 10px 10px 0px; font-style: italic; } html[dir="rtl"] .s123-module-articles.layout-15 .event-meta li { float: right; } .s123-module-articles.layout-15 .event-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-articles.layout-15 .event-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-articles.layout-15 .event-meta li .label { font-size: 100%; } .s123-module-articles.layout-15 .event-meta li i { position: relative; top: 1px; margin-right: 3px; } html[dir="rtl"] .s123-module-articles.layout-15 .event-meta li i { margin-right: 0px; margin-left: 3px; } .s123-module-articles.layout-15 .event-meta li a { } .s123-module-articles.layout-15 .event-meta li a:hover { } .s123-module-articles.layout-15 .event-meta li:first-child::before { display: none; } .s123-page-data-articles.layout-15 .event-image { position: relative; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px -15px; } .s123-page-data-articles.layout-15 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-page-data-articles.layout-15 .event-image .event-date { left: auto; right: 10px; } .s123-page-data-articles.layout-15 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-articles.layout-15 .article-bottom { display: flex; align-items: flex-end; justify-content: space-between; } .s123-module-articles.layout-15 .article-bottom .article-bottom_details { display: flex; gap: 100px; } @media (max-width: 767px) { .s123-module-articles.layout-15 .article-bottom { flex-direction: column; align-items: flex-start; gap: 24px; } .s123-module-articles.layout-15 .article-bottom .article-bottom_details { gap: 0px; width: 100%; justify-content: space-between; } } .s123-module-articles.layout-16 .all-items .article-m-container:nth-child(2n+1) { clear: both; } .s123-module-articles.layout-16 .article-m-container:not(.leading-article) { margin-bottom: 48px; } .s123-module-articles.layout-16 .limit-items .article-m-container:not(.leading-article) { float: right; clear: right; } html[dir="rtl"] .s123-module-articles.layout-16 .limit-items .article-m-container:not(.leading-article) { float: left; clear: left; } .s123-module-articles.layout-16 .article-m-image, .s123-module-articles.layout-16 .article-m-image img, .s123-module-articles.layout-16 .article-m-image > a { height: auto; display: block; position: relative; aspect-ratio: 16 / 9; object-fit: cover; object-position: center center; } .s123-module-articles.layout-16 .leading-article .article-m-image, .s123-module-articles.layout-16 .leading-article .article-m-image img, .s123-module-articles.layout-16 .leading-article .article-m-image > a { margin: 0px auto 24px; width: 100%; border-radius: 16px; } .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image, .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image img, .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image > a { margin-right: 30px; float: left; width: 162px; border-radius: 8px; } html[dir="rtl"] .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image, html[dir="rtl"] .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image img, html[dir="rtl"] .s123-module-articles.layout-16 .article-m-container:not(.leading-article) .article-m-image > a { float: right; margin-right: 0px; margin-left: 20px; } .s123-module-articles.layout-16 .article-m-details { position: relative; overflow: hidden; } .s123-module-articles.layout-16 .article-m-details p { margin-bottom: 24px; } .s123-module-articles.layout-16 .article-m-title { margin-bottom: 8px; } .s123-module-articles.layout-16 .article-m-title h3 { letter-spacing: 1px; margin: 0px; font-size: 1.25rem; font-weight: 700; } .s123-module-articles.layout-16 .leading-article .article-m-title { margin-bottom: 16px; } .s123-module-articles.layout-16 .leading-article .article-m-title h3 { text-transform: uppercase; font-size: 1.5rem; } .s123-module-articles.layout-16 .more-link { display: inline-block; padding: 0px 2px; font-style: italic; } html[dir="rtl"] .s123-module-articles.layout-16 .fa-angle-right::before { content: ""; } .s123-module-articles.layout-16 .article-bottom { display: flex; gap: 100px; margin-bottom: 8px; } @media (max-width: 767px) { .s123-module-articles.layout-16 .article-m-container { margin-bottom: 56px; } .s123-module-articles.layout-16 .leading-article .article-bottom { justify-content: space-between; } .s123-module-articles.layout-16 .article-bottom { gap: 40px; } } .s123-module-products.layout-1 .products2 .inner { padding-top: 65px; } .s123-module-products.layout-1 .products2 h3 { color: rgb(57, 52, 67); margin-bottom: 40px; } .s123-module-products.layout-1 .products-block { width: 100%; } .s123-module-products:not(.s123-page-data-products).layout-1 .item-image { margin-bottom: 15px; width: 100%; height: 190px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: block; } @media (min-width: 768px) { .s123-module-products:not(.s123-page-data-products).layout-1 .item-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-products:not(.s123-page-data-products).layout-1 .item-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-products:not(.s123-page-data-products).layout-1 .item-image img { width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; display: block; position: relative; border-radius: 0px; } .s123-module-products.layout-1 .item-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-products.layout-1 .products-block .item { width: 100%; padding: 10px; margin-bottom: 30px; border-radius: 4px; position: relative; } .s123-module-products.layout-1 .products-block .pro-info h4 { display: block; margin-bottom: 10px; } .s123-module-products.layout-1 .products-block .pro-info h4 a { height: 2.2em; display: block; overflow: hidden; } .s123-module-products.layout-1 .products-block .pro-info p { height: 4.5em; overflow: hidden; display: block; } .s123-module-products.layout-1 .products-block .prices { margin: 0px 5px 0px 0px; float: right; font-size: 1.5em; line-height: inherit; direction: ltr; } html[dir="rtl"] .s123-module-products.layout-1 .products-block .prices { float: left; margin: 0px 0px 0px 5px; } .s123-module-products.layout-1 .products-block .prices .list-price { margin-right: 0.3em; opacity: 0.4; text-decoration: line-through; } .s123-module-products.layout-1 .products-block .buttons-container { width: 100%; clear: both; } .s123-module-products.layout-1 .products-block .buttons-container .btn { margin-right: 5px; } html[dir="rtl"] .s123-module-products.layout-1 .products-block .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-products.layout-1 .products-block .buttons-container form { display: inline-block; } .s123-module-products.layout-1 .product-sale-banner { position: absolute; left: 20px; top: 20px; opacity: 1; z-index: 1; } html[dir="rtl"] .s123-module-products.layout-1 .product-sale-banner { left: auto; right: 20px; } .s123-module-products.layout-1 .product-out-of-stock { position: absolute; left: 20px; top: 20px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-products.layout-1 .product-out-of-stock { left: auto; right: 20px; } .s123-module-products.layout-2 .products2 .inner { padding-top: 65px; } .s123-module-products.layout-2 .products2 h3 { font-size: 1.7em; color: rgb(57, 52, 67); margin-bottom: 40px; } .s123-module-products.layout-2 .products-category { display: none; } .s123-module-products.layout-2 .products-block { width: 100%; } .s123-module-products.layout-2 .item-image { width: 100%; margin: 0px 0px 15px; } @media (min-width: 768px) { .s123-module-products.layout-2 .item-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-products.layout-2 .item-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-products.layout-2 .item-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0px auto; display: block; position: relative; border-radius: 0px; } @media (min-width: 768px) { .s123-module-products.layout-2 .item-image img { max-height: 250px; } } .s123-module-products.layout-2 .item-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-products.layout-2 .products-block .item { width: 100%; padding: 10px; margin-bottom: 30px; border-radius: 4px; position: relative; } .s123-module-products.layout-2 .pro-info { float: left; } html[dir="rtl"] .s123-module-products.layout-2 .pro-info { float: right; } @media (min-width: 768px) { .s123-module-products.layout-2 .pro-info { width: 65%; } } .s123-module-products.layout-2 .products-block .item .item-details .pro-info h4 { display: block; font-size: 1.3em; margin-bottom: 10px; text-align: left; } html[dir="rtl"] .s123-module-products.layout-2 .products-block .item .item-details .pro-info h4 { text-align: right; } .s123-module-products.layout-2 .products-block .item .item-details .pro-info p { display: block; text-align: left; } html[dir="rtl"] .s123-module-products.layout-2 .products-block .item .item-details .pro-info p { text-align: right; } .s123-module-products.layout-2 .products-block .prices { min-width: 90px; margin-bottom: 10px; font-size: 1.4em; display: block; clear: both; cursor: default; line-height: inherit; direction: ltr; } @media (min-width: 768px) { .s123-module-products.layout-2 .products-block .prices { width: 35%; clear: none; float: right; text-align: right; } html[dir="rtl"] .s123-module-products.layout-2 .products-block .prices { float: left; text-align: left; } } .s123-module-products.layout-2 .products-block .prices .list-price { margin-right: 0.3em; opacity: 0.4; text-decoration: line-through; } .s123-module-products.layout-2 .products-block .buttons-container { width: 100%; clear: both; } .s123-module-products.layout-2 .products-block .buttons-container .btn { margin-right: 5px; } html[dir="rtl"] .s123-module-products.layout-2 .products-block .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-products.layout-2 .products-block .buttons-container form { display: inline-block; } .s123-module-products.layout-2 .product-sale-banner { position: absolute; left: 20px; top: 20px; opacity: 1; z-index: 1; } html[dir="rtl"] .s123-module-products.layout-2 .product-sale-banner { left: auto; right: 20px; } .s123-module-products.layout-2 .product-out-of-stock { position: absolute; left: 20px; top: 20px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-products.layout-2 .product-out-of-stock { left: auto; right: 20px; } .s123-module-products.layout-3 .items-responsive-filter a { display: none; } .s123-module-products.layout-3 .well { border: none; } .s123-module-products.layout-3 .items-categories-container li { padding-bottom: 0.2em; } .s123-module-products.layout-3 .items-categories-container li a, .s123-module-products.layout-3 .items-categories-container li a:hover, .s123-module-products.layout-3 .items-categories-container li a:focus { border: 1px solid transparent; background: transparent; } .s123-module-products.layout-3 .items-categories-container li.active a { border: 1px solid; } .s123-module-products.layout-3 .products-container > div { padding-top: 0px; font-size: 16px; line-height: 1.42857; display: inline-block; vertical-align: top; position: relative; } .s123-module-products.layout-3 .products-container > div .box { position: relative; } .s123-module-products.layout-3 a.product-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } .s123-module-products.layout-3 .product-details-container { overflow: hidden; } .s123-module-products.layout-3 .product-details-container h4 { margin: 0.75em 0px; } .s123-module-products.layout-3 .product-details-container p { margin-bottom: 0.75em; } .s123-module-products.layout-3 .product-price { width: 100%; float: left; } .s123-module-products.layout-3 .list-price { opacity: 0.4; text-decoration: line-through; } .s123-module-products.layout-3 .products-container .buttons-container .btn { margin-top: 0.5em; margin-right: 5px; } html[dir="rtl"] .s123-module-products.layout-3 .products-container .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-products.layout-3 .products-container .buttons-container form { display: inline-block; } @media (max-width: 767px) { .s123-module-products.layout-3 .items-responsive-filter a { width: 100%; padding: 10px; text-align: center; display: block; font-weight: bold; text-decoration: none; border: 1px solid; } .s123-module-products.layout-3 .categories-panel { display: none; } .s123-module-products.layout-3 .products-container > div { text-align: center; margin-bottom: 1em; } } .s123-module-products.layout-3 .product-sale-banner { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; } .s123-module-products.layout-3 .product-out-of-stock { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-products.layout-3 .product-out-of-stock { left: auto; right: 10px; } .s123-module-products.layout-4 .products-container .box { padding: 0px; } .s123-module-products.layout-4 .products-container .box .product-details-container { padding: 10px; } .s123-module-products.layout-4 .products-container .box .buttons-container { padding: 10px; } .s123-module-products.layout-4 .product-sale-banner { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; } .s123-module-products.layout-4 .product-out-of-stock { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-products.layout-4 .product-out-of-stock { left: auto; right: 10px; } .s123-module-timeline .cd-container { width: 90%; max-width: 1170px; margin: 0px auto; } .s123-module-timeline .cd-container::after { content: ""; display: table; clear: both; } .s123-module-timeline .cd-timeline { position: relative; padding: 2em 0px; margin-bottom: 2em; } .s123-module-timeline .cd-timeline::before { content: ""; position: absolute; top: 0px; left: 18px; height: 100%; width: 4px; background-color: var(--modules_color_second_section_main); } .bg-primary.s123-module-timeline .cd-timeline::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-timeline .cd-timeline::before { background-color: var(--inside_modules_color_section_box_main); } html[dir="rtl"] .s123-module-timeline .cd-timeline::before { left: auto; right: 18px; } @media only screen and (min-width: 1000px) { .s123-module-timeline .cd-timeline { margin-bottom: 3em; } .s123-module-timeline .cd-timeline::before { left: 50%; margin-left: -2px; } html[dir="rtl"] .s123-module-timeline .cd-timeline::before { left: auto; right: 50%; margin-left: 0px; margin-right: -2px; } } .s123-module-timeline .cd-timeline-block { position: relative; margin: 2em 0px; } .s123-module-timeline .cd-timeline-block::after { content: ""; display: table; clear: both; } .s123-module-timeline .cd-timeline-block:first-child { margin-top: 0px; } .s123-module-timeline .cd-timeline-block:last-child { margin-bottom: 0px; } @media only screen and (min-width: 1000px) { .s123-module-timeline .cd-timeline-block { margin: 4em 0px; } .s123-module-timeline .cd-timeline-block:first-child { margin-top: 0px; } .s123-module-timeline .cd-timeline-block:last-child { margin-bottom: 0px; } } .s123-module-timeline .cd-timeline-img { position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 24px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 35px; } html[dir="rtl"] .s123-module-timeline .cd-timeline-img { left: auto; right: 0px; } .s123-module-timeline .cd-timeline-img img { width: 1em; height: auto; } @media only screen and (min-width: 1000px) { .s123-module-timeline .cd-timeline-img { width: 60px; height: 60px; line-height: 60px; left: 50%; margin-left: -30px; transform: translateZ(0px); backface-visibility: hidden; } html[dir="rtl"] .s123-module-timeline .cd-timeline-img { left: auto; right: 50%; margin-left: 0px; margin-right: -30px; } .s123-module-timeline .cd-timeline-img.is-hidden { visibility: hidden; } .s123-module-timeline .cd-timeline-img.bounce-in { visibility: visible; animation: 0.6s ease 0s 1 normal none running cd-bounce-1; } } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } .s123-module-timeline .cd-timeline-content { position: relative; margin-left: 60px; border-radius: 8px; padding: 24px; box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 35px; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content { margin-left: 0px; margin-right: 60px; } .s123-module-timeline .cd-timeline-content::after { content: ""; display: table; clear: both; } .s123-module-timeline .cd-timeline-content h2 { font-size: 16px; } .s123-module-timeline .cd-timeline-content p, .s123-module-timeline .cd-timeline-content .cd-read-more, .s123-module-timeline .cd-timeline-content .cd-date { font-size: 13px; } .s123-module-timeline .cd-timeline-content .cd-read-more, .s123-module-timeline .cd-timeline-content .cd-date { display: inline-block; } .s123-module-timeline .cd-timeline-content p { margin: 1em 0px; line-height: 1.6; } .s123-module-timeline .cd-timeline-content .cd-read-more { float: right; padding: 0.8em 1em; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content .cd-read-more { float: left; } .s123-module-timeline .cd-timeline-content .cd-date { float: left; padding: 0.8em 0px; opacity: 0.7; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content .cd-date { float: right; } .s123-module-timeline .cd-timeline-content::before { content: ""; position: absolute; top: 16px; right: 100%; height: 0px; width: 0px; border: 7px solid transparent; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content::before { right: auto; left: 100%; border: 7px solid transparent; } @media only screen and (min-width: 768px) { .s123-module-timeline .cd-timeline-content h2 { font-size: 20px; } .s123-module-timeline .cd-timeline-content p { font-size: 16px; } .s123-module-timeline .cd-timeline-content .cd-read-more, .s123-module-timeline .cd-timeline-content .cd-date { font-size: 14px; } } @media only screen and (min-width: 1000px) { .s123-module-timeline .cd-timeline-content { margin-left: 0px; width: 45%; padding: 40px; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content { margin-right: 0px; } .s123-module-timeline .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content::before { left: auto; right: 100%; border-left-color: transparent; } .s123-module-timeline .cd-timeline-content .cd-read-more { float: left; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content .cd-read-more { float: right; } .s123-module-timeline .cd-timeline-content.box-primary span.cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; color: var(--modules_color_text_second) !important; } .bg-primary.s123-module-timeline .cd-timeline-content.box-primary span.cd-date { color: var(--modules_color_text) !important; } .inside_page .s123-module-timeline .cd-timeline-content.box-primary span.cd-date { color: var(--inside_modules_color_text) !important; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content .cd-date { left: auto; right: 122%; } .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content { float: right; } html[dir="rtl"] .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content { float: left; } .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; } html[dir="rtl"] .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content::before { left: 100%; right: auto; border-right-color: transparent; } .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more { float: right; } html[dir="rtl"] .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-read-more { float: left; } .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } html[dir="rtl"] .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content .cd-date { left: 122%; right: auto; text-align: left; } .s123-module-timeline .cd-timeline-content.is-hidden { visibility: hidden; } .s123-module-timeline .cd-timeline-content.bounce-in { visibility: visible; animation: 0.6s ease 0s 1 normal none running cd-bounce-2; } html[dir="rtl"] .s123-module-timeline .cd-timeline-content.bounce-in { animation: 0.6s ease 0s 1 normal none running cd-bounce-2-inverse; } .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in { animation: 0.6s ease 0s 1 normal none running cd-bounce-2-inverse; } html[dir="rtl"] .s123-module-timeline .cd-timeline-block:nth-child(2n) .cd-timeline-content.bounce-in { animation: 0.6s ease 0s 1 normal none running cd-bounce-2; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0px); } } @keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0px); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0px); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0px); } } .flip-clock-wrapper * { box-sizing: border-box; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: rgb(204, 204, 204); } .flip-clock-wrapper a:hover { color: rgb(255, 255, 255); } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix::before, .flip-clock-wrapper.clearfix::after { content: " "; display: table; } .flip-clock-wrapper.clearfix::after { clear: both; } .flip-clock-wrapper { font: 11px "Helvetica Neue", Helvetica, sans-serif; user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0px 0px 0px !important; font-size: 36px !important; } .flip-clock-meridium a { color: rgb(49, 51, 51); } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 1em; } .flip-clock-wrapper::before, .flip-clock-wrapper::after { content: " "; display: table; } .flip-clock-wrapper::after { clear: both; } .flip-clock-wrapper ul { position: relative; float: left; margin: 5px; width: 60px; height: 90px; font-size: 80px; font-weight: bold; line-height: 87px; border-radius: 6px; background: rgb(0, 0, 0); } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; line-height: 87px; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; perspective: 200px; margin: 0px !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0px; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: transparent solid 1px; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { transform-origin: 50% 100%; top: 0px; } .flip-clock-wrapper ul li a div.up::after { content: ""; position: absolute; top: 44px; left: 0px; z-index: 5; width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { transform-origin: 50% 0px; bottom: 0px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0px; z-index: 1; width: 100%; height: 200%; color: rgb(204, 204, 204); text-shadow: rgb(0, 0, 0) 0px 1px 2px; text-align: center; background-color: rgb(51, 51, 51); border-radius: 6px; font-size: 70px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0px; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0px; } .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: rgba(0, 0, 0, 0.7) 0px 2px 5px; } .flip-clock-wrapper ul.play li.flip-clock-active { animation: 0.5s linear 0.5s 1 normal both running asd; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 20px; height: 100px; } .flip-clock-divider:first-child { width: 0px; } .flip-clock-dot { display: block; background: rgb(50, 52, 52); width: 10px; height: 10px; position: absolute; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px; left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; animation: 0.5s linear 0.5s 1 normal both running turn; } @-webkit-keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; animation: 0.5s linear 0s 1 normal both running turn2; } @-webkit-keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(black)); animation: 0.5s linear 0s 1 normal both running show; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0, 0, 0, 0.1)), to(black)); animation: 0.5s linear 0.3s 1 normal both running hide; } .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0.1))); animation: 0.5s linear 0s 1 normal both running show; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), to(rgba(0, 0, 0, 0.1))); animation: 0.5s linear 0.2s 1 normal both running hide; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .s123-module-countdown.layout-1 .s123-module-countdown-container { display: inline-block; } .s123-module-countdown.layout-1 .s123-module-countdown-container .clock.flip-clock-wrapper .flip a { pointer-events: none; } .s123-module-countdown.layout-1 .flip-clock-wrapper { margin: 1em 0px; font: inherit; } .s123-module-countdown.layout-1 .flip-clock-divider .flip-clock-label { color: inherit; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.days .flip-clock-label { right: -88px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider.days .flip-clock-label { right: -125px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.days .flip-clock-label { right: -158px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.hours .flip-clock-label { right: -96px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.minutes .flip-clock-label { right: -105px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.seconds .flip-clock-label { right: -105px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-2 .flip-clock-divider.hours .flip-clock-label { right: -93px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider.hours .flip-clock-label { right: -130px; } .s123-module-countdown.layout-1 .flip-clock-wrapper .flip-clock-divider.minutes .flip-clock-label { right: -103px; } .s123-module-countdown.layout-1 .flip-clock-wrapper .flip-clock-divider.seconds .flip-clock-label { right: -103px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.MinuteCounter .flip-clock-divider.minutes .flip-clock-label { right: -103px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.MinuteCounter .flip-clock-divider.seconds .flip-clock-label { right: -103px; } @media screen and (max-width: 767px) { .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter { margin: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter ul { width: 27px; height: 36px; line-height: 36px; margin: 3px; padding: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter ul li { line-height: 36px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter ul li a div.up::after { top: 18px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider { height: 36px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter ul li a div div.inn { font-size: 22px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider .flip-clock-label { font-size: 12px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.days .flip-clock-label { right: -46px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.hours .flip-clock-label { right: -50px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.minutes .flip-clock-label { right: -55px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider.seconds .flip-clock-label { right: -56px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-divider:not(:first-child) { width: 10px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-dot { height: 4px; width: 4px; left: 3px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-dot.top { top: 12px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter .flip-clock-dot.bottom { bottom: 6px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 ul, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul { width: 23px; height: 30px; line-height: 30px; margin: 3px; padding: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 ul li, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul li { line-height: 30px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 ul li a div.up::after, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul li a div.up::after { top: 15px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider { height: 30px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 ul li a div div.inn, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul li a div div.inn { font-size: 16px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider .flip-clock-label, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider .flip-clock-label { font-size: 10px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider.days .flip-clock-label { right: -56px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.days .flip-clock-label { right: -70px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider.hours .flip-clock-label, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.hours .flip-clock-label { right: -43px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider.minutes .flip-clock-label, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.minutes .flip-clock-label { right: -48px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider.seconds .flip-clock-label, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.seconds .flip-clock-label { right: -48px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-divider:not(:first-child), .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider:not(:first-child) { width: 10px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-dot, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-dot { height: 4px; width: 4px; left: 3px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-dot.top, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-dot.top { top: 12px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-3 .flip-clock-dot.bottom, .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-dot.bottom { bottom: 6px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter { margin: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter ul { width: 37px; height: 50px; line-height: 50px; padding: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter ul li { line-height: 50px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter ul li a div.up::after { top: 24px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-divider { height: 50px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter ul li a div div.inn { font-size: 30px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-2 .flip-clock-divider.hours .flip-clock-label { right: -66px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-divider.minutes .flip-clock-label { right: -78px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-divider.seconds .flip-clock-label { right: -78px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-dot { height: 6px; width: 6px; left: 7px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-dot.top { top: 17px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter .flip-clock-dot.bottom { bottom: 8px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 { margin: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 ul { width: 27px; height: 36px; line-height: 36px; margin: 3px; padding: 0px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 ul li { line-height: 36px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 ul li a div.up::after { top: 18px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider { height: 36px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 ul li a div div.inn { font-size: 22px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider .flip-clock-label { font-size: 12px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider.hours .flip-clock-label { right: -67px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider.minutes .flip-clock-label { right: -56px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider.seconds .flip-clock-label { right: -56px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-divider:not(:first-child) { width: 10px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-dot { height: 4px; width: 4px; left: 3px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-dot.top { top: 12px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.HourlyCounter.hours-digits-number-3 .flip-clock-dot.bottom { bottom: 6px; } } @media screen and (min-width: 768px) and (max-width: 992px) { .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul { width: 55px; height: 82px; line-height: 82px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul li { line-height: 82px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 ul li a div.up::after { top: 41px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.days .flip-clock-label { right: -147px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.hours .flip-clock-label { right: -88px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.minutes .flip-clock-label { right: -94px; } .s123-module-countdown.layout-1 .flip-clock-wrapper.DailyCounter.days-digits-number-4 .flip-clock-divider.seconds .flip-clock-label { right: -94px; } } .s123-module-countdown.layout-3 #countdown .countdown-items { display: flex; justify-content: center; flex-wrap: nowrap; margin: 35px 0px; } .s123-module-countdown.layout-3 #countdown .countdown-item { background-color: rgb(255, 255, 255); padding: 10px 5px; margin: 5px; border-style: solid; border-width: 0px; border-radius: 10px; box-shadow: rgba(80, 106, 172, 0.1) 4px 4px 4px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s123-module-countdown.layout-3 #countdown[data-type="1"] .countdown-item.days, .s123-module-countdown.layout-3 #countdown[data-type="2"] .countdown-item.hours, .s123-module-countdown.layout-3 #countdown[data-type="3"] .countdown-item.minutes { min-width: 75px; } .s123-module-countdown.layout-3 #countdown:not([data-type="1"]) .countdown-item.days, .s123-module-countdown.layout-3 #countdown:not([data-type="2"]) .countdown-item.hours, .s123-module-countdown.layout-3 #countdown:not([data-type="3"]) .countdown-item.minutes, .s123-module-countdown.layout-3 #countdown .countdown-item.seconds { width: 75px; } .s123-module-countdown.layout-3 #countdown .countdown-digits { order: 1; font-size: 25px; font-weight: 300; } .s123-module-countdown.layout-3 #countdown .countdown-label { order: 2; font-size: 12px; } .s123-module-countdown.layout-3 .message { display: none; } @media (min-width: 500px) { .s123-module-countdown.layout-3 #countdown .countdown-item { padding: 14px 10px; margin: 0px 10px; } } @media (min-width: 767px) { .s123-module-countdown.layout-3 #countdown .countdown-items { margin: 35px; } .s123-module-countdown.layout-3 #countdown .countdown-item { padding: 10px 35px 25px; margin: 0px 15px; } .s123-module-countdown.layout-3 #countdown[data-type="1"] .countdown-item.days, .s123-module-countdown.layout-3 #countdown[data-type="2"] .countdown-item.hours, .s123-module-countdown.layout-3 #countdown[data-type="3"] .countdown-item.minutes { min-width: 160px; } .s123-module-countdown.layout-3 #countdown:not([data-type="1"]) .countdown-item.days, .s123-module-countdown.layout-3 #countdown:not([data-type="2"]) .countdown-item.hours, .s123-module-countdown.layout-3 #countdown:not([data-type="3"]) .countdown-item.minutes, .s123-module-countdown.layout-3 #countdown .countdown-item.seconds { width: 160px; } .s123-module-countdown.layout-3 #countdown .countdown-digits { font-size: 41px; } } @media (min-width: 992px) { .s123-module-countdown.layout-3 #countdown .countdown-item { padding: 25px 50px 40px; } } .s123-module-blogs .reading-time, .s123-module-blogs .comments-amount { font-size: 12px; margin: 10px 0px; } .s123-module-blogs .blog-item-side-by-side { display: flex; } .s123-module-blogs .blog-item-side-by-side .comments-amount { position: absolute; } html[dir="ltr"] .s123-module-blogs .blog-item-side-by-side .comments-amount { right: 0px; } html[dir="rtl"] .s123-module-blogs .blog-item-side-by-side .comments-amount { left: 0px; } .s123-module-blogs .background-primary-color .blog-link-main-color { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-blogs .background-primary-color .blog-link-main-color { color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-blogs .background-primary-color .blog-link-main-color { color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-blogs .background-primary-color .blog-link-main-color .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-blogs .background-primary-color .blog-link-main-color .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-blogs .background-primary-color .blog-link-main-color .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .blog-writer-container { display: grid; grid-template-columns: auto auto 1fr; gap: 10px; align-items: center; } .blog-writer-container + .blog-writer-spacer { width: 100%; margin: 30px 0px 50px; display: block; border: 1px solid var(--global_main_color); border-radius: 2px; } .blog-writer-container .blog-writer-img > .img-circle { width: 150px; height: 150px; line-height: 150px; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; } .blog-writer-container .blog-writer-title { margin: 0px 40px; } .blog-writer-container .blog-writer-description { margin: 0px; } @media (max-width: 768px) { .blog-writer-container { margin: 25px 0px 35px; grid-template-columns: 1fr; } .blog-writer-container .blog-writer-img { display: flex; align-items: center; justify-content: center; } .blog-writer-container .blog-writer-title, .blog-writer-container .blog-writer-description { text-align: center; } } .s123-module-blogs.layout-1 .bottommargin { margin-bottom: 48px; } .s123-module-blogs.layout-1 .blog-image > a { opacity: 1; } .s123-module-blogs.layout-1 .blog-image, .s123-module-blogs.layout-1 .blog-image img, .s123-module-blogs.layout-1.blog-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; } @media (max-width: 768px) { .s123-module-blogs.layout-1 .blog-image, .s123-module-blogs.layout-1 .blog-image img, .s123-module-blogs.layout-1.blog-image > a { margin: 0px auto; } .s123-module-blogs.layout-1 .blog-image { margin-bottom: 24px; } .s123-module-blogs.layout-1 .bottommargin { margin-bottom: 40px; } } .s123-module-blogs.layout-1 .blog-title h3 { margin: 0px 0px 10px; font-size: 16px; font-weight: 600; line-height: var(--global_line_height); } .s123-module-blogs.layout-1 .blog-content { margin-top: 0px; position: relative; } .s123-module-blogs.layout-1 .blog-content p { margin-bottom: 0px; } .s123-module-blogs.layout-1 .blog-content .more-link { display: inline-block; padding: 0px 2px; font-style: italic; margin-top: 3px; } .s123-module-blogs.layout-2 .ipost.padding-bottom-2 { padding-bottom: 32px; } .s123-module-blogs.layout-2 .ipost .content { padding: 48px; } .s123-module-blogs.layout-2 .ipost .blog-post-box { border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-blogs.layout-2 .ipost .blog-post-img { border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-blogs.layout-2 .ipost .label-date { top: 32px; left: 32px; border-radius: 8px; } .s123-module-blogs.layout-2 .ipost .blog-title { position: relative; margin-bottom: 32px; } .s123-module-blogs.layout-2 .ipost .blog-title::after { content: ""; position: absolute; height: 4px; width: 84px; background-color: var(--global_main_color); } .s123-module-blogs.layout-2.bg-primary .ipost .blog-title::after { background-color: var(--modules_color_section_main); } .s123-module-blogs.layout-2 .ipost .blog-title::after { background-color: var(--modules_color_second_section_main); } .s123-module-blogs.layout-2 .ipost .blog-title h3 { font-weight: 600; font-size: 1.4rem; margin: 0px 0px 16px; } .s123-module-blogs.layout-2 .ipost .blog-title h3 a { color: inherit; } .s123-module-blogs.layout-2 .ipost .blog-content-description { font-weight: 600; margin-bottom: 24px; } .s123-module-blogs.layout-2 .ipost .blog-long-description { margin-bottom: 32px; } .s123-module-blogs.layout-2 .ipost .more-link { font-weight: 600; margin: 0px; display: flex; align-items: center; justify-content: flex-end; } .s123-module-blogs.layout-2 .ipost .more-link .svg-m { background-color: var(--global_main_color); } .s123-module-blogs.layout-2 .ipost .blog-post-info { display: flex; gap: 115px; align-items: flex-end; } .s123-module-blogs.layout-2 .reading-time, .s123-module-blogs.layout-2 .comments-amount { margin: 0px; } .s123-module-blogs.layout-2 .blog-bottom { display: flex; justify-content: space-between; } @media (max-width: 767px) { .s123-module-blogs.layout-2 .ipost.padding-bottom-2 { padding-bottom: 24px; } .s123-module-blogs.layout-2 .ipost .content { padding: 24px; } .s123-module-blogs.layout-2 .ipost .blog-title::after { width: 32px; } .s123-module-blogs.layout-2 .ipost .blog-title h3 { font-size: 1.45rem; } .s123-module-blogs.layout-2 .ipost .blog-content-description { margin-bottom: 16px; } .s123-module-blogs.layout-2 .blog-bottom { flex-direction: column; align-items: center; gap: 24px; } .s123-module-blogs.layout-2 .blog-bottom .blog-post-info { justify-content: space-between; width: 100%; } } .s123-page-data-blogs.layout-3 .post-meta { padding: 0px; margin: 20px -10px -15px 0px; list-style: none; } .s123-module-blogs.layout-3 .event { padding: 20px; margin: 0px 0px 30px; position: relative; } .s123-module-blogs.layout-3 .event-image { width: 100%; margin: 0px 0px 15px; position: relative; min-height: 100px; } @media (min-width: 768px) { .s123-module-blogs.layout-3 .event-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-blogs.layout-3 .event-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-blogs.layout-3 .event-image img { border-radius: 0px; } .s123-module-blogs.layout-3 .event-image img, .event-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; } .s123-module-blogs.layout-3 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-module-blogs.layout-3 .event-image .event-date { left: auto; right: 10px; } .s123-module-blogs.layout-3 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-blogs.layout-3 .event-details { padding: 0px 0px 5px; position: relative; overflow: hidden; } .s123-module-blogs.layout-3 .event-title h3 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: 600; } .s123-module-blogs.layout-3 .event-title h3 a { } .s123-module-blogs.layout-3 .event-title h3 a:hover { } .s123-module-blogs.layout-3 .event-meta { padding: 0px; margin: 20px -10px -15px 0px; list-style: none; } .s123-module-blogs.layout-3 .event-meta li { float: left; font-size: 14px; line-height: 14px; margin: 0px 10px 10px 0px; font-style: italic; } html[dir="rtl"] .s123-module-blogs.layout-3 .event-meta li { float: right; } .s123-module-blogs.layout-3 .event-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-blogs.layout-3 .event-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-blogs.layout-3 .event-meta li .label { font-size: 100%; } .s123-module-blogs.layout-3 .event-meta li i { position: relative; top: 1px; margin-right: 3px; } html[dir="rtl"] .s123-module-blogs.layout-3 .event-meta li i { margin-right: 0px; margin-left: 3px; } .s123-module-blogs.layout-3 .event-meta li a { } .s123-module-blogs.layout-3 .event-meta li a:hover { } .s123-module-blogs.layout-3 .event-meta li:first-child::before { display: none; } .s123-module-blogs.layout-3 .event-content { margin-top: 30px; } .s123-page-data-blogs.layout-3 .event-image { position: relative; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px -15px; } .s123-page-data-blogs.layout-3 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-page-data-blogs.layout-3 .event-image .event-date { left: auto; right: 10px; } .s123-page-data-blogs.layout-3 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-blogs.layout-4 .blog-m { margin: 0px 0px 24px; position: relative; border-radius: 16px; } .s123-module-blogs.layout-4 .blog-m-bg { border-top-right-radius: 16px; border-top-left-radius: 16px; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 300px; position: relative; width: 100%; } .s123-module-blogs.layout-4 .blog-m-details { overflow: hidden; padding: 24px; position: relative; } .s123-module-blogs.layout-4 .blog-m-title { margin-bottom: 16px; } .s123-module-blogs.layout-4 .blog-m-title h3 { font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; margin: 0px; text-transform: uppercase; } .s123-module-blogs.layout-4 .blog-m-meta { padding: 0px; margin-bottom: 16px; list-style: none; } .s123-module-blogs.layout-4 .blog-m-meta li { display: flex; align-items: center; float: left; font-size: 14px; gap: 8px; font-weight: 500; } html[dir="rtl"] .s123-module-blogs.layout-4 .blog-m-meta li { float: right; } .s123-module-blogs.layout-4 .blog-m-bt { float: none; text-align: center; } .s123-module-blogs.layout-4 .reading-time, .s123-module-blogs.layout-4 .comments-amount { margin: 0px; } .s123-module-blogs.layout-4 .blog-bottom { display: flex; flex-direction: row; justify-content: space-between; } .s123-module-blogs.layout-4 .blog-bottom_details { display: flex; gap: 90px; align-items: flex-end; } @media (min-width: 768px) { .s123-module-blogs.layout-4 .blog-m-bt { float: right; } html[dir="rtl"] .s123-module-blogs.layout-4 .blog-m-bt { float: left; } } @media (max-width: 767px) { .s123-module-blogs.layout-4 .blog-m-bg { height: 185px; } .s123-module-blogs.layout-4 .blog-m-details { text-align: center; } .s123-module-blogs.layout-4 .blog-m-title { margin-bottom: 8px; } .s123-module-blogs.layout-4 .blog-m-meta li, html[dir="rtl"] .s123-module-blogs.layout-4 .blog-m-meta li { float: none; justify-content: center; } .s123-module-blogs.layout-4 .blog-m-content p { margin-bottom: 24px; } .s123-module-blogs.layout-4 .blog-bottom { flex-direction: column; gap: 24px; } .s123-module-blogs.layout-4 .blog-bottom_details { gap: 0px; justify-content: space-between; } } .s123-module-blogs.layout-5 .blog-container { clear: both; } @media (min-width: 768px) { .s123-module-blogs.layout-5 .blog-container { clear: none; } .s123-module-blogs.layout-5 .blog-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-blogs.layout-5 .blog-container:nth-child(2n+1) { clear: none; } .s123-module-blogs.layout-5 .blog-container:nth-child(4n+1) { clear: both; } } .s123-module-blogs.layout-5 .blog-image { margin-bottom: 15px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-5 .blog-image > div { margin-bottom: 24px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-5 .blog-title h3 { margin: 0px 0px 8px; font-size: 1.1rem; line-height: var(--global_line_height); font-weight: 700; } .s123-module-blogs.layout-5 .blog-text-content { margin-top: 0px; margin-bottom: 30px; position: relative; text-align: justify; } .s123-module-blogs.layout-5 .blog-text-content p { margin-bottom: 24px; } html[dir="rtl"] .s123-module-blogs.layout-5 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-5 .more-link { font-weight: 700; } .s123-module-blogs.layout-5 .reading-time, .s123-module-blogs.layout-5 .comments-amount { margin: 0px; } .s123-module-blogs.layout-5 .more-link:not(:last-child) { display: flex; margin-bottom: 24px; } .s123-module-blogs.layout-5 .blog-bottom { display: flex; justify-content: space-between; align-items: center; } @media (max-width: 767px) { .s123-module-blogs.layout-5 .blog-text-content { margin-bottom: 56px; } .s123-module-blogs.layout-5 .no-img-mobile { display: none; } } .s123-module-blogs.layout-6 .all-items .blog-m-container:nth-child(2n+1) { clear: both; } .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) { margin-bottom: 40px; } .s123-module-blogs.layout-6 .limit-items .blog-m-container:not(.leading-blog) { float: right; clear: right; } html[dir="rtl"] .s123-module-blogs.layout-6 .limit-items .blog-m-container:not(.leading-blog) { float: left; clear: left; } .s123-module-blogs.layout-6 .leading-blog .blog-m-image, .s123-module-blogs.layout-6 .leading-blog .blog-m-image img, .s123-module-blogs.layout-6 .leading-blog .blog-m-image > a { width: 100%; height: auto; margin: 0px auto 15px; display: block; position: relative; } .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image, .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image img, .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image > a { width: 110px; height: auto; margin-right: 20px; display: block; position: relative; float: left; } html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image, html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image img, html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-container:not(.leading-blog) .blog-m-image > a { float: right; margin-right: 0px; margin-left: 20px; } .s123-module-blogs.layout-6 .blog-m-details { position: relative; overflow: hidden; } .s123-module-blogs.layout-6 .blog-m-details p { margin-bottom: 15px; } .s123-module-blogs.layout-6 .blog-m-title h3 { text-transform: uppercase; letter-spacing: 1px; margin: 0px; font-size: 20px; font-weight: bold; } .s123-module-blogs.layout-6 .blog-m-meta { padding: 0px; margin: 15px -10px 15px 0px; list-style: none; } .s123-module-blogs.layout-6 .blog-m-meta li { float: left; font-size: 14px; line-height: 14px; margin: 0px 10px 10px 0px; font-style: italic; } html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-meta li { float: right; } .s123-module-blogs.layout-6 .blog-m-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-blogs.layout-6 .blog-m-meta li i { position: relative; top: 1px; margin-right: 3px; } html[dir="rtl"] .s123-module-blogs.layout-6 .blog-m-meta li i { margin-right: 0px; margin-left: 3px; } .s123-module-blogs.layout-6 .blog-m-meta li:first-child::before { display: none; } .s123-module-blogs.layout-6 .more-link { display: inline-block; padding: 0px 2px; font-style: italic; } html[dir="rtl"] .s123-module-blogs.layout-6 .fa-angle-right::before { content: ""; } @media (max-width: 767px) { .s123-module-blogs.layout-6 .blog-m-container.leading-blog { margin-bottom: 40px; } } .s123-module-blogs.layout-7 .blog-module { margin: 0px 0px 30px; position: relative; border: 1px solid rgb(221, 221, 221); border-radius: 16px; } .s123-module-blogs.layout-7 .blog-m-container { clear: both; } @media (min-width: 768px) { .s123-module-blogs.layout-7 .blog-m-container { clear: none; } .s123-module-blogs.layout-7 .blog-m-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-blogs.layout-7 .blog-m-container:nth-child(2n+1) { clear: none; } .s123-module-blogs.layout-7 .blog-m-container:nth-child(3n+1) { clear: both; } } .s123-module-blogs.layout-7 .blog-module-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; position: relative; width: 100%; border-top-right-radius: 16px; border-top-left-radius: 16px; } .s123-module-blogs.layout-7 .blog-module-details { overflow: hidden; padding: 24px; position: relative; } .s123-module-blogs.layout-7 .blog-module-title h3 { font-size: 20px; font-weight: bold; letter-spacing: 1px; margin-top: 0px; margin-bottom: 16px; text-transform: uppercase; } .s123-module-blogs.layout-7 .blog-module-content { margin-bottom: 24px; } .s123-module-blogs.layout-7 .blog-module-content p { margin-bottom: 0px; } .s123-module-blogs.layout-7 .blog-module-bt { float: right; text-align: center; font-weight: 600; font-size: 12px; text-transform: uppercase; } html[dir="rtl"] .s123-module-blogs.layout-7 .blog-module-bt { float: left; } html[dir="rtl"] .s123-module-blogs.layout-7 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-7 .blog-m-meta { list-style: none; margin: 0px; padding: 0px; font-size: 12px; } .s123-module-blogs.layout-7 .blog-m-meta li { display: flex; align-items: center; gap: 5px; line-height: 2; } .s123-module-blogs.layout-7 .blog-bottom { display: flex; align-items: center; justify-content: space-between; } .s123-module-blogs.layout-7 .blog-bottom_details { display: flex; gap: 12px; align-items: center; opacity: 0.7; } .s123-module-blogs.layout-7 .reading-time, .s123-module-blogs.layout-7 .comments-amount { margin: 0px; } .s123-module-blogs.layout-7 .blog-m-container .blog-bottom_details { gap: 8px; flex-flow: wrap; flex-basis: 60%; } .s123-module-blogs.layout-7 .blog-m-container .blog-module-bt { align-self: flex-end; } @media (max-width: 767px) { .s123-module-blogs.layout-7 .blog-bottom_details { flex-wrap: wrap; flex-basis: 60%; } .s123-module-blogs.layout-7 .blog-module { margin: 0px 0px 24px; } .s123-module-blogs.layout-7 .blog-module-bt { align-self: flex-end; } .s123-module-blogs.layout-7 .no-img-mobile { display: none; } } .s123-module-blogs.layout-8 .blog-m-lead-container { margin-bottom: 30px; } .s123-module-blogs.layout-8 .blog-m-lead-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 250px; position: relative; width: 100%; } @media (min-width: 768px) { .s123-module-blogs.layout-8 .blog-m-lead-image { height: 400px; } } .s123-module-blogs.layout-8 .blog-m-lead-title h3 { font-size: 19px; font-weight: bold; max-height: 3em; overflow: hidden; } .s123-module-blogs.layout-8 .blog-m-lead-box { width: 100%; padding: 1px 20px 10px; border-bottom: 4px solid rgb(226, 226, 226); } .s123-module-blogs.layout-8 .blog-m-container { clear: both; } .s123-module-blogs.layout-8 .blog-m-text { height: 550px; margin-bottom: 30px; } @media (min-width: 768px) { .s123-module-blogs.layout-8 .blog-m-container { clear: none; } .s123-module-blogs.layout-8 .blog-m-container:nth-child(2n+1) { clear: both; } } @media (min-width: 970px) { .s123-module-blogs.layout-8 .blog-m-container:nth-child(2n+1) { clear: none; } .s123-module-blogs.layout-8 .blog-m-container:nth-child(3n+1) { clear: both; } } .s123-module-blogs.layout-8 .blog-m-text { border-bottom: 4px solid rgb(226, 226, 226); } .s123-module-blogs.layout-8 .blog-m-image { margin-bottom: 15px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-8 .blog-m-image > div { margin-bottom: 15px; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-8 .blog-m-title h3 { margin: 0px 0px 15px; padding: 0px 10px; font-size: 19px; font-weight: bold; max-height: 20px; overflow: hidden; } .s123-module-blogs.layout-8 .blog-m-p { margin-top: 0px; margin-bottom: 30px; padding: 0px 10px; position: relative; text-align: justify; } .s123-module-blogs.layout-8 .blog-m-p p { max-height: 300px; overflow: hidden; } html[dir="rtl"] .s123-module-blogs.layout-8 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-9 .news-blog { margin-bottom: 16px; text-align: center; } .s123-module-blogs.layout-9 .blog-title-center-fix { margin: 20px 0px; } .s123-module-blogs.layout-9 .news-blog .bg-primary-black .blog-m-meta .svg-m { background-color: rgb(255, 255, 255); } .s123-module-blogs.layout-9 .news-blog .news-blog-box { display: flex; flex-direction: column; gap: 16px; border-radius: 16px; transition: box-shadow 0.2s ease-in-out; border: 0px; padding: 48px; } .s123-module-blogs.layout-9 .news-blog .news-blog-box:hover { box-shadow: rgba(0, 0, 0, 0.08) 0px 15px 25px; } .s123-module-blogs.layout-9 .news-blog .news-blog-box h3 { font-weight: 700; font-size: 1.5rem; text-transform: uppercase; margin: 0px; } .s123-module-blogs.layout-9 .reading-time, .s123-module-blogs.layout-9 .comments-amount { margin: 0px; } .s123-module-blogs.layout-9 .blog-m-meta li { margin: 0px; padding: 0px; } .s123-module-blogs.layout-9 .blog-m-meta { margin: 0px; } .s123-module-blogs.layout-9 .blog-bottom { display: flex; justify-content: center; align-items: center; gap: 12px; opacity: 0.6; } @media (max-width: 767px) { .s123-module-blogs.layout-9 .news-blog .news-blog-box { padding: 32px; } .s123-module-blogs.layout-9 .blog-bottom { flex-wrap: wrap; } } .s123-module-blogs.layout-10 .blog-post-first .first-img-link { width: 50%; } .s123-module-blogs.layout-10 .blog-post-first .first-img-link .blog-module-bg { width: 100%; } .s123-module-blogs.layout-10 .blog-module .blog-module-bg, .s123-module-blogs.layout-10 .blog-post-first .blog-module-bg { position: relative; height: 250px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; } .s123-module-blogs.layout-10 .blog-module, .s123-module-blogs.layout-10 .blog-post-first { margin-bottom: 48px; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-title h2 { margin: 0px; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-title h2, .s123-module-blogs.layout-10 .blog-module-title h3 { text-transform: uppercase; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-details, .s123-module-blogs.layout-10 .blog-module-details { padding: 16px 0px 0px; } @media (min-width: 1024px) { .s123-module-blogs.layout-10 .blog-post-first { padding: 0px; margin-bottom: 48px; display: flex; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-bg { width: 50%; height: auto; min-height: 300px; flex-shrink: 0; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-details { width: 50%; padding: 20px 0px 20px 100px; display: flex; flex-direction: column; justify-content: center; gap: 16px; } html[dir="rtl"] .s123-module-blogs.layout-10 .blog-post-first .blog-module-details { text-align: right; padding: 20px 100px 20px 0px; } .s123-module-blogs.layout-10 .blog-post-first .reading-time, .s123-module-blogs.layout-10 .blog-post-first .comments-amount { margin: 0px; } .s123-module-blogs.layout-10 .blog-module-details { padding: 4px 10px 10px; } .s123-module-blogs.layout-10 .blog-module { margin-bottom: 10px; } } .s123-module-blogs.layout-10 .blog-module-details .blog-time { display: flex; align-items: center; gap: 8px; } html[dir="rtl"] .s123-module-blogs.layout-10 .blog-module-details .blog-time i { margin-left: 3px; margin-right: 0px; } .s123-module-blogs.layout-10 .blog-post-first .blog-module-details, .s123-module-blogs.layout-10 .blog-module .blog-module-details { text-align: left; } html[dir="rtl"] .s123-module-blogs.layout-10 .blog-post-first .blog-module-details, html[dir="rtl"] .s123-module-blogs.layout-10 .blog-module .blog-module-details { text-align: right; } html[dir="rtl"] .s123-module-blogs.layout-10 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-10 .blog-m-meta { list-style: none; margin: 0px; padding: 0px; font-size: 0.9em; } .s123-module-blogs.layout-10 .blog-m-meta li { display: flex; align-items: center; gap: 5px; line-height: 2; } .s123-module-blogs.layout-10 .blog-bottom { display: flex; gap: 12px; align-items: center; opacity: 0.7; margin-bottom: 8px; } .s123-module-blogs.layout-10 .reading-time, .s123-module-blogs.layout-10 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-10 .no-img-mobile { display: none; } } .s123-module-blogs.layout-11 .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 32px; } @media (min-width: 768px) and (max-width: 1024px) { .s123-module-blogs.layout-11 .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; } } @media (max-width: 767px) { .s123-module-blogs.layout-11 .blog-grid { grid-template-columns: repeat(1, 1fr); gap: 16px; } } .s123-module-blogs.layout-11 .blog-container { border-radius: 10px; padding: 16px; } .s123-module-blogs.layout-11 .blog-image > div { margin-bottom: 24px; width: 100%; border-radius: 10px; height: 180px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-11 .blog-title { margin-bottom: 16px; } .s123-module-blogs.layout-11 .blog-title h4 { margin: 0px; font-weight: 600; } .s123-module-blogs.layout-11 .blog-text-content { margin-top: 0px; font-size: 1rem; opacity: 0.8; } .s123-module-blogs.layout-11 .blog-text-content p { margin-bottom: 24px; } html[dir="rtl"] .s123-module-blogs.layout-11 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-11 .see-more-link { margin-top: 20px; } .s123-module-blogs.layout-11 .more-link { font-weight: 600; } .s123-module-blogs.layout-11 .more-link:not(:last-child) { display: flex; align-items: center; margin-bottom: 24px; } .s123-module-blogs.layout-11 .more-link .svg-m { background-color: var(--global_main_color); } .s123-module-blogs.layout-11 .blog-bottom { display: flex; opacity: 0.8; justify-content: space-between; } .s123-module-blogs.layout-11 .reading-time, .s123-module-blogs.layout-11 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-11 .no-img-mobile { display: none; } } .s123-module-blogs.layout-12 .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 48px 32px; } @media (max-width: 768px) { .s123-module-blogs.layout-12 .blog-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .s123-module-blogs.layout-12 .blog-grid { grid-template-columns: repeat(1, 1fr); gap: 48px; } } .s123-module-blogs.layout-12 .blog-container { text-decoration: none; } .s123-module-blogs.layout-12 .blog-container:hover { opacity: 1; } .s123-module-blogs.layout-12 .blog-image { border-radius: 10px; width: 100%; height: 220px; object-fit: cover; margin-bottom: 24px; } .s123-module-blogs.layout-12 .blog-container .blog-title h4 { font-weight: 600; opacity: 0.9; text-transform: uppercase; } .s123-module-blogs.layout-12 .blog-container .reading-date { font-size: 0.8rem; color: var(--global_main_color); margin: 0px 0px 8px; font-weight: bold; } html[dir="rtl"] .s123-module-blogs.layout-12 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-12 .see-more-link { margin-top: 20px; } .s123-module-blogs.layout-12 .blog-item-side-by-side-12 { display: grid; grid-template-columns: 1fr 1fr; position: absolute; width: 100%; } .s123-module-blogs.layout-12 .blog-item-side-by-side-12 .comments-amount { text-align: end; } @media (max-width: 767px) { .s123-module-blogs.layout-12 .no-img-mobile { display: none; } } .s123-module-blogs.layout-13 .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; gap: 32px; } @media (min-width: 768px) and (max-width: 1024px) { .s123-module-blogs.layout-13 .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; } } @media (max-width: 767px) { .s123-module-blogs.layout-13 .blog-grid { grid-template-columns: repeat(1, 1fr); gap: 24px; } } .s123-module-blogs.layout-13 .blog-container { border-radius: 10px; overflow: hidden; transition: 0.4s; } .s123-module-blogs.layout-13 .blog-container:hover { box-shadow: rgba(22, 28, 45, 0.13) 0px 34px 33px -23px; } .s123-module-blogs.layout-13 .blog-container .blog-details { display: flex; flex-direction: column; gap: 16px; padding: 24px; } .s123-module-blogs.layout-13 .blog-container .blog-details .blog-m-meta { margin: 0px; } .s123-module-blogs.layout-13 .blog-container .blog-details .blog-m-meta li { opacity: 0.8; } .s123-module-blogs.layout-13 .blog-container .blog-details .blog-title h4 { margin: 0px; } .s123-module-blogs.layout-13 .blog-container .blog-details .blog-title a { font-weight: 700; text-decoration: none; } .s123-module-blogs.layout-13 .blog-image > div { width: 100%; height: 261px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-13 .blog-text-content p { margin-top: 0px; opacity: 0.8; margin-bottom: 24px; } .s123-module-blogs.layout-13 .blog-text-content a { font-weight: bold; text-decoration: none; } html[dir="rtl"] .s123-module-blogs.layout-13 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-13 .see-more-link { margin-top: 20px; } .s123-module-blogs.layout-13 .more-link:not(:last-child) { display: flex; align-items: center; margin-bottom: 24px; } .s123-module-blogs.layout-13 .blog-bottom { display: flex; opacity: 0.8; justify-content: space-between; } .s123-module-blogs.layout-13 .reading-time, .s123-module-blogs.layout-13 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-13 .no-img-mobile { display: none; } } .s123-module-blogs.layout-14 .blog-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 32px; } @media (max-width: 768px) { .s123-module-blogs.layout-14 .blog-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } } @media (max-width: 767px) { .s123-module-blogs.layout-14 .blog-grid { grid-template-columns: repeat(1, 1fr); gap: 24px; } } .s123-module-blogs.layout-14 .blog-container { border-radius: 10px; overflow: hidden; transition: 0.4s; } .s123-module-blogs.layout-14 .blog-container:hover { box-shadow: rgba(22, 28, 45, 0.13) 0px 34px 33px -23px; } .s123-module-blogs.layout-14 .blog-container .blog-details { display: flex; flex-direction: column; gap: 16px; padding: 24px; } .s123-module-blogs.layout-14 .blog-container .blog-details .blog-m-meta { margin: 0px; } .s123-module-blogs.layout-14 .blog-container .blog-details .blog-m-meta li { opacity: 0.8; padding: 0px; } .s123-module-blogs.layout-14 .blog-container .blog-details .blog-title h4 { margin: 0px; } .s123-module-blogs.layout-14 .blog-container .blog-details .blog-title a { font-weight: bold; text-decoration: none; } .s123-module-blogs.layout-14 .blog-image > div { width: 100%; height: 261px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; } .s123-module-blogs.layout-14 .blog-text-content p { margin-top: 0px; opacity: 0.8; margin-bottom: 24px; } .s123-module-blogs.layout-14 .blog-text-content a { font-weight: bold; text-decoration: none; } html[dir="rtl"] .s123-module-blogs.layout-14 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-14 .see-more-link { margin-top: 20px; } .s123-module-blogs.layout-14 .blog-bottom { display: flex; opacity: 0.8; justify-content: space-between; } .s123-module-blogs.layout-14 .blog-bottom_details { display: flex; gap: 90px; align-items: flex-end; } .s123-module-blogs.layout-14 .reading-time, .s123-module-blogs.layout-14 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-14 .blog-bottom { flex-direction: column; gap: 24px; } .s123-module-blogs.layout-14 .blog-bottom_details { justify-content: space-between; } .s123-module-blogs.layout-14 .no-img-mobile { display: none; } } .s123-module-blogs.layout-15 .bottommargin { margin-bottom: 48px; } .s123-module-blogs.layout-15 .blog-image > a { opacity: 1; } .s123-module-blogs.layout-15 .blog-image, .s123-module-blogs.layout-15 .blog-image img, .s123-module-blogs.layout-15.blog-image > a { display: block; position: relative; width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; border-radius: 8px; object-fit: cover; object-position: center center; aspect-ratio: 16 / 9; } @media (max-width: 768px) { .s123-module-blogs.layout-15 .blog-image, .s123-module-blogs.layout-15 .blog-image img, .s123-module-blogs.layout-15.blog-image > a { margin: 0px auto; } .s123-module-blogs.layout-15 .blog-image { margin-bottom: 24px; } .s123-module-blogs.layout-15 .bottommargin { margin-bottom: 40px; } } .s123-module-blogs.layout-15 .blog-title h3 { margin: 0px 0px 8px; font-size: 1.1rem; font-weight: 600; line-height: var(--global_line_height); } .s123-module-blogs.layout-15 .blog-content { margin-top: 0px; position: relative; } .s123-module-blogs.layout-15 .blog-content p { margin-bottom: 24px; } .s123-module-blogs.layout-15 .blog-content .more-link { display: inline-block; padding: 0px 2px; font-weight: 600; } .s123-page-data-blogs.layout-16 .post-meta { padding: 0px; margin: 20px -10px -15px 0px; list-style: none; } .s123-module-blogs.layout-16 .event { display: flex; padding: 24px; margin: 0px 0px 16px; position: relative; border-radius: 8px; gap: 56px; } @media (max-width: 767px) { .s123-module-blogs.layout-16 .event { padding: 24px; flex-direction: column; gap: 24px; } } .s123-module-blogs.layout-16 .event-image { width: 100%; margin: 0px 0px 15px; position: relative; min-height: 100px; } .s123-module-blogs.layout-16 .event-image img { border-radius: 0px; } .s123-module-blogs.layout-16 .event-image img, .event-image > a { display: block; position: relative; width: auto; height: auto; max-width: 330px; max-height: 250px; margin: 0px auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center center; } @media (min-width: 768px) { .s123-module-blogs.layout-16 .event-image { float: left; width: 330px; margin: 0px; } html[dir="rtl"] .s123-module-blogs.layout-16 .event-image { float: right; } } .s123-module-blogs.layout-16 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-module-blogs.layout-16 .event-image .event-date { left: auto; right: 10px; } .s123-module-blogs.layout-16 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-blogs.layout-16 .event-details { padding: 0px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; width: 100%; } .s123-module-blogs.layout-16 .event-title { display: flex; flex-direction: column; } .s123-module-blogs.layout-16 .event-title h3 { text-transform: uppercase; letter-spacing: 1px; font-size: 1.4rem; font-weight: 600; margin: 0px 0px 8px; } .s123-module-blogs.layout-16 .event-title p { margin: 0px 0px 24px; } .s123-module-blogs.layout-16 .event-meta { padding: 0px; margin: 0px 0px 16px; list-style: none; } .s123-module-blogs.layout-16 .event-meta li { display: flex; align-items: center; float: left; font-size: 14px; gap: 8px; font-weight: 500; } html[dir="rtl"] .s123-module-blogs.layout-16 .event-meta li { float: right; } .s123-module-blogs.layout-16 .event-meta li::before { content: "/"; display: inline-block; opacity: 0.5; } .s123-module-blogs.layout-16 .event-meta li .label { font-size: 100%; } .s123-module-blogs.layout-16 .event-meta li:first-child::before { display: none; } .s123-module-blogs.layout-16 .label-date { top: 24px; left: 24px; border-radius: 8px; } .s123-module-blogs.layout-16 .label-date .label-date-span { color: inherit !important; } .s123-page-data-blogs.layout-16 .event-image { position: relative; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover; margin: 0px -15px; } .s123-page-data-blogs.layout-16 .event-image .event-date { position: absolute; top: 10px; left: 10px; background-color: rgba(0, 0, 0, 0.7); text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px; color: rgb(255, 255, 255); width: 60px; height: 64px; text-align: center; padding-top: 7px; font-size: 26px; line-height: 1; } html[dir="rtl"] .s123-page-data-blogs.layout-16 .event-image .event-date { left: auto; right: 10px; } .s123-page-data-blogs.layout-16 .event-image .event-date span { display: block; font-size: 15px; margin-top: 5px; } .s123-module-blogs.layout-16 .blog-bottom { display: flex; justify-content: space-between; } .s123-module-blogs.layout-16 .blog-bottom_details { display: flex; gap: 115px; align-items: flex-end; } .s123-module-blogs.layout-16 .reading-time, .s123-module-blogs.layout-16 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-16 .event { padding: 16px; } .s123-module-blogs.layout-16 .event-details .event-content p { margin-bottom: 24px; } .s123-module-blogs.layout-16 .blog-bottom { flex-direction: column; align-items: flex-start; gap: 24px; } .s123-module-blogs.layout-16 .blog-bottom_details { gap: 0px; width: 100%; justify-content: space-between; } } .s123-module-blogs.layout-17 .all-items .blog-m-container:nth-child(2n+1) { clear: both; } .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) { margin-bottom: 40px; } .s123-module-blogs.layout-17 .limit-items .blog-m-container:not(.leading-blog) { float: right; clear: right; } html[dir="rtl"] .s123-module-blogs.layout-17 .limit-items .blog-m-container:not(.leading-blog) { float: left; clear: left; } .s123-module-blogs.layout-17 .blog-m-image, .s123-module-blogs.layout-17 .blog-m-image img, .s123-module-blogs.layout-17 .blog-m-image > a { display: block; position: relative; aspect-ratio: 16 / 9; object-fit: cover; object-position: center center; } .s123-module-blogs.layout-17 .leading-blog .blog-m-image, .s123-module-blogs.layout-17 .leading-blog .blog-m-image img, .s123-module-blogs.layout-17 .leading-blog .blog-m-image > a { width: 100%; height: auto; margin: 0px auto 24px; border-radius: 16px; } .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image, .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image img, .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image > a { width: 162px; height: auto; border-radius: 8px; margin-right: 30px; float: left; } html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image, html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image img, html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image > a { float: right; margin-right: 0px; margin-left: 30px; } @media (max-width: 767px) { .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image, .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image img, .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image > a { margin-right: 24px; } html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image, html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image img, html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-container:not(.leading-blog) .blog-m-image > a { margin-right: 0px; margin-left: 24px; } } .s123-module-blogs.layout-17 .blog-m-details { position: relative; overflow: hidden; } .s123-module-blogs.layout-17 .blog-m-details p { margin-bottom: 24px; } .s123-module-blogs.layout-17 .blog-m-title { margin-bottom: 8px; } .s123-module-blogs.layout-17 .leading-blog.blog-m-title { margin-bottom: 16px; } .s123-module-blogs.layout-17 .blog-m-title h3 { letter-spacing: 1px; margin: 0px; font-size: 1.2rem; font-weight: 700; } .s123-module-blogs.layout-17 .leading-blog .blog-m-title h3 { text-transform: uppercase; font-size: 1.5rem; } .s123-module-blogs.layout-17 .blog-m-meta { padding: 0px; margin: 0px; list-style: none; } .s123-module-blogs.layout-17 .blog-m-meta li { display: flex; align-items: center; float: left; font-size: 14px; gap: 8px; font-weight: 500; } html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-meta li { float: right; } .s123-module-blogs.layout-17 .blog-m-meta li::before { content: "/"; display: inline-block; margin-right: 10px; opacity: 0.5; } html[dir="rtl"] .s123-module-blogs.layout-17 .blog-m-meta li::before { margin-right: 0px; margin-left: 10px; } .s123-module-blogs.layout-17 .blog-m-meta li:first-child::before { display: none; } .s123-module-blogs.layout-17 .more-link { display: inline-block; padding: 0px 2px; font-weight: 700; } html[dir="rtl"] .s123-module-blogs.layout-17 .fa-angle-right::before { content: ""; } .s123-module-blogs.layout-17 .blog-bottom { display: flex; gap: 12px; align-items: center; opacity: 0.7; margin-bottom: 8px; } .s123-module-blogs.layout-17 .reading-time, .s123-module-blogs.layout-17 .comments-amount { margin: 0px; } @media (max-width: 767px) { .s123-module-blogs.layout-17 .blog-m-container { margin-bottom: 48px; } .s123-module-blogs.layout-17 .blog-bottom { flex-wrap: wrap; } } .s123-module-branches.layout-1 .branch-image { position: relative; height: 200px; width: 100%; background-position: center center; background-size: cover; padding-top: 100%; } .s123-module-branches.layout-1.branchForm #branchEmail a { color: rgb(255, 255, 255); } .s123-module-branches.layout-1.clean-list { display: inline; list-style-type: none; padding-left: 5px; } .s123-module-branches.layout-1.branchForm { color: rgb(255, 255, 255); text-align: left; width: 70%; } #brancPopupFloatDivPhone .branch_phone_icons a, #brancPopupFloatDivFax .branch_fax_icons a { font-size: 25px; text-decoration: none; color: white; } #brancPopupFloatDivPhone .branch_phone_icons a:hover, #brancPopupFloatDivFax .branch_fax_icons a:hover { color: rgb(74, 144, 226); } .branch-details.send-mail:hover { cursor: pointer; } @media only screen and (min-width: 480px) { #brancPopupFloatDivPhone .branch_phone_icons a, #brancPopupFloatDivFax .branch_fax_icons a { font-size: 65px; } } .s123-module-scheduleBookings .schedule-booking-container hr { max-width: none; border-width: 1px; border-color: rgb(221, 221, 221); margin-block: 32px; } .s123-module-scheduleBookings .schedule-booking-container { margin-bottom: 10px; } .s123-module-scheduleBookings .schedule-booking-container .item-image-and-description-box { display: grid; grid-template-columns: 120px 1fr; gap: 20px; align-items: start; } .s123-module-scheduleBookings .schedule-booking-container .item-image-and-description-box.no-image { grid-template-columns: 1fr; grid-template-rows: auto; } .s123-module-scheduleBookings .schedule-booking-container .item-main-image-box { width: 120px; height: 120px; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px; } @media (max-width: 768px) { .s123-module-scheduleBookings .schedule-booking-container .item-image-and-description-box { grid-template-columns: 1fr; grid-template-rows: auto auto; } .s123-module-scheduleBookings .schedule-booking-container .item-main-image-box { width: 100%; aspect-ratio: 16 / 9; } } .s123-module-scheduleBookings .schedule-booking-container .item-image-and-description-box .item-long-description-link { display: block; margin-top: 10px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .main-image { margin-bottom: 32px; border: 1px solid rgb(221, 221, 221); position: relative; max-width: 456px; aspect-ratio: 16 / 9; border-radius: 8px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .main-image > div { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; border-radius: 8px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel { margin-top: -10px; margin-bottom: 20px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .item .item-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; border: 1px solid rgb(221, 221, 221); cursor: pointer; border-radius: 8px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev, .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next { position: absolute; top: calc(50% - 12px); } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev { left: -10px; } html[dir="rtl"] .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev { left: auto; right: -10px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next { right: -10px; } html[dir="rtl"] .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next { right: auto; left: -10px; } @media (min-width: 768px) { .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev { left: -15px; } html[dir="rtl"] .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev { left: auto; right: -15px; } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next { right: -15px; } html[dir="rtl"] .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next { right: auto; left: -15px; } } .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-prev.disabled, .s123-module-scheduleBookings .schedule-booking-container .product-images .owl-carousel .owl-nav .owl-next.disabled { opacity: 0.7; } .schedule-booking-container .product-details .box { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.1) 0px 40px 50px; } .schedule-booking-container .product-details h2 { text-transform: uppercase; } .schedule-booking-container .product-details p { white-space: pre-wrap; overflow-wrap: break-word; margin-bottom: 0px; } .schedule-booking-container .product-details .list-unstyled { display: flex; flex-direction: column; gap: 16px; margin-bottom: 0px; } .schedule-booking-container .product-details .list-unstyled span { min-width: 160px; display: inline-block; } .schedule-booking-container .product-details .list-unstyled .price-value span { min-width: auto; } .schedule-booking-container .product-details .list-unstyled .price-value { display: inline; } html[dir="rtl"] .schedule-booking-container .product-details .price-text { padding-right: 0px; padding-left: 10px; } .schedule-booking-container .product-details .price-value.list-price { margin-right: 5px; font-size: 20px; display: inline-block; opacity: 0.4; text-decoration: line-through; } html[dir="rtl"] .schedule-booking-container .product-details .price-value.list-price { margin-right: 0px; margin-left: 5px; } .schedule-booking-container .show-pricing-btn, .schedule-booking-container .btn-buy-now { width: 100%; } .schedule-booking-box .schedule-booking-box-header { padding: 0px 0px 16px; margin: 0px 0px 16px; border-width: 0px 0px 1px !important; } .s123-module-scheduleBookings .discount-text { display: block; } .s123-module-scheduleBookings .discount-price { padding-left: 10px; } html[dir="rtl"] .s123-module-scheduleBookings .discount-price { padding-right: 10px; } .s123-module-scheduleBookings .box { padding: 20px; } html[dir="rtl"] .s123-module-scheduleBookings .product-details .c-h-input-icon { border-left-color: rgb(204, 204, 204); } @media (max-width: 767px) { .schedule-booking-container .product-details.product-details-book { margin-bottom: 24px; } } .s123-module-scheduleBookings .schedule-pricing-types { display: flex; flex-direction: column; gap: 10px; margin-bottom: 1rem; } .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio { display: flex; align-items: center; gap: 8px; position: relative; cursor: pointer; z-index: 1; padding: 1rem; color: var(--modules_color_text_second); border-radius: 4px; } .bg-primary.s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio { color: var(--modules_color_text); } .inside_page .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio { color: var(--inside_modules_color_text); } .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio::before { content: ""; position: absolute; inset: 0px; background-color: var(--modules_color_second_section_main); opacity: 0.2; z-index: -1; } .bg-primary.s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio::before { background-color: var(--modules_color_section_main); } .inside_page .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio::before { background-color: var(--inside_modules_color_section_box_main); } .s123-module-scheduleBookings .schedule-pricing-radio input[type="radio"], label { margin: 0px; } .s123-module-scheduleBookings .schedule-pricing-radio label { display: flex; justify-content: space-between; width: 100%; } .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio input[type="radio"] { width: 1.2rem; height: 1.2rem; cursor: pointer; } .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked span, .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked [data-rel="multiCurrency"] span { color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked span, .bg-primary.s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked [data-rel="multiCurrency"] span { color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked span, .inside_page .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked [data-rel="multiCurrency"] span { color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-scheduleBookings .schedule-pricing-types .schedule-pricing-radio.checked::before { opacity: 1; } .schedule-booking-container .schedule-pricing-types .schedule-pricing-radio .price-container { display: inline-flex; gap: 0.3em; } .schedule-booking-container .schedule-pricing-types .schedule-pricing-radio .price-container .list-price { text-decoration: line-through; } .schedule-booking-container .calendar-container .serviceHourContainer { margin-bottom: 20px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block { width: 100%; } .s123-module-scheduleBookings.layout-1 a.item-image { margin-bottom: 24px; width: 100%; min-height: 204px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; display: block; border-radius: 4px; } @media (min-width: 768px) { .s123-module-scheduleBookings.layout-1 a.item-image { float: left; width: 200px; min-height: 200px; aspect-ratio: 1 / 1; margin: 0px 24px 0px 0px; } html[dir="rtl"] .s123-module-scheduleBookings.layout-1 a.item-image { float: right; margin: 0px 0px 0px 24px; } } .s123-module-scheduleBookings.layout-1 a.item-image img { width: auto; height: auto; max-width: 100%; max-height: 250px; margin: 0px auto; display: block; position: relative; border-radius: 0px; } .s123-module-scheduleBookings.layout-1 .item-details { padding: 0px 0px 5px; position: relative; overflow: hidden; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .item { width: 100%; margin-bottom: 24px; padding: 24px; border-radius: 8px; transition: filter 0.3s ease-in-out; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .item:hover { filter: drop-shadow(rgba(0, 0, 0, 0.05) 0px 20px 20px); } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .pro-info h4 { display: block; margin-bottom: 16px; font-weight: 600; font-size: 1.25rem; text-transform: uppercase; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .pro-info h4 a { display: block; overflow: hidden; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .pro-info p { height: 4.5em; overflow: hidden; display: block; } @media (max-width: 767px) { .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .item { margin-bottom: 32px; padding: 8px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .pro-info h4 { margin-top: 0px; margin-bottom: 8px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .pro-info p { margin-bottom: 16px; } } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .prices { margin: 0px 5px 0px 0px; float: right; font-size: 1.45rem; line-height: inherit; font-weight: 600; color: var(--global_main_color) !important; } html[dir="rtl"] .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .prices { float: left; margin: 0px 0px 0px 5px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .prices .list-price { opacity: 0.4; text-decoration: line-through; margin-right: 5px; } html[dir="rtl"] .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .prices .list-price { margin-right: 0px; margin-left: 5px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .buttons-container { width: 100%; clear: both; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .buttons-container .btn { margin-right: 5px; } html[dir="rtl"] .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-scheduleBookings.layout-1 .scheduleBookings-block .buttons-container form { display: inline-block; } .s123-module-scheduleBookings.layout-2 .items-responsive-filter a { display: none; } .s123-module-scheduleBookings.layout-2 .well { border: none; } .s123-module-scheduleBookings.layout-2 .items-categories-container li { padding-bottom: 0.2em; } .s123-module-scheduleBookings.layout-2 .items-categories-container li a, .s123-module-scheduleBookings.layout-2 .items-categories-container li a:hover, .s123-module-scheduleBookings.layout-2 .items-categories-container li a:focus { border: 1px solid transparent; background: transparent; } .s123-module-scheduleBookings.layout-2 .items-categories-container li.active a { border: 1px solid; } .s123-module-scheduleBookings.layout-2 .products-container.schedule-products-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .s123-module-scheduleBookings.layout-2 .products-container > div { padding-top: 0px; font-size: 16px; line-height: 1.42857; display: inline-block; vertical-align: top; position: relative; } .s123-module-scheduleBookings.layout-2 .products-container > div .box { position: relative; border-radius: 16px; transition: filter 0.3s ease-in-out; height: 100%; } .s123-module-scheduleBookings.layout-2 .products-container > div .box:hover { filter: drop-shadow(rgba(0, 0, 0, 0.08) 0px 15px 25px); } .s123-module-scheduleBookings.layout-2 a.product-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; border-radius: 16px 16px 0px 0px; } .s123-module-scheduleBookings.layout-2 .product-details-container { overflow: hidden; } .s123-module-scheduleBookings.layout-2 .product-details-container h4 { margin: 0px 0px 8px; font-weight: 700; font-size: 1rem; } .s123-module-scheduleBookings.layout-2 .product-details-container p { margin-bottom: 0.75em; } .s123-module-scheduleBookings.layout-2 .product-price { width: 100%; float: left; font-weight: 700; font-size: 1rem; } .s123-module-scheduleBookings.layout-2 .list-price { opacity: 0.4; text-decoration: line-through; } .s123-module-scheduleBookings.layout-2 .list-price { margin-right: 5px; } html[dir="rtl"] .s123-module-scheduleBookings.layout-2 .list-price { margin-right: 0px; margin-left: 5px; } .s123-module-scheduleBookings.layout-2 .products-container .buttons-container .btn { margin-top: 0.5em; margin-right: 5px; } html[dir="rtl"] .s123-module-scheduleBookings.layout-2 .products-container .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-scheduleBookings.layout-2 .products-container .buttons-container form { display: inline-block; } @media (max-width: 767px) { .s123-module-scheduleBookings.layout-2 .products-container.schedule-products-grid { grid-template-columns: repeat(1, 1fr); gap: 24px; } .s123-module-scheduleBookings.layout-2 .items-responsive-filter a { width: 100%; padding: 10px; text-align: center; display: block; font-weight: bold; text-decoration: none; border: 1px solid; } .s123-module-scheduleBookings.layout-2 .categories-panel { display: none; } .s123-module-scheduleBookings.layout-2 .products-container > div { text-align: center; margin-bottom: 1em; } } .s123-module-scheduleBookings.layout-2 .product-sale-banner { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; } .s123-module-scheduleBookings.layout-2 .product-out-of-stock { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-scheduleBookings.layout-2 .product-out-of-stock { left: auto; right: 10px; } .s123-module-scheduleBookings.layout-2 .products-container .box { padding: 0px; } .s123-module-scheduleBookings.layout-2 .products-container .box .product-details-container { padding: 24px; } .s123-module-scheduleBookings.layout-2 .products-container .box .buttons-container { padding: 10px; } .s123-module-foodDelivery .well { border: none; } .s123-module-foodDelivery .categories-panel li { padding-bottom: 0.2em; } .s123-module-foodDelivery .categories-panel li a, .s123-module-foodDelivery .categories-panelr li a:hover, .s123-module-foodDelivery .categories-panel li a:focus { border: 1px solid transparent; background: transparent; } .s123-module-foodDelivery .categories-panel li.active a { border: 1px solid; } .s123-module-foodDelivery .food-delivery-items-container .box { padding: 0px; } .s123-module-foodDelivery .food-delivery-items-container .box .food-delivery-item-container { padding: 10px; } .s123-module-foodDelivery .food-delivery-items-container .box .buttons-container { padding: 10px; } .s123-module-foodDelivery a.item-image { cursor: pointer; width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } html[dir="rtl"] .s123-module-foodDelivery .mobile-floating-cart { position: fixed; bottom: 0px; z-index: 99009; right: 0px; } html[dir="ltr"] .s123-module-foodDelivery .mobile-floating-cart { position: fixed; bottom: 0px; z-index: 99009; left: 0px; } .foodDeliveryItemWindow #product-custom-text label { font-weight: normal; } .foodDeliveryItemWindow #product-custom-text .c-t-input-container { position: relative; } .foodDeliveryItemWindow #product-custom-text #ct_fieldTitle { padding-right: 3rem; } html[dir="rtl"] .foodDeliveryItemWindow #product-custom-text #ct_fieldTitle { padding-right: 12px; padding-left: 40px; } .foodDeliveryItemWindow #product-custom-text #ct_charLimit { padding: 0.375rem 0.4rem; border-width: 1px; border-style: solid; border-color: transparent transparent transparent rgb(204, 204, 204); border-image: initial; top: 0px; right: 0px; position: absolute; display: block; color: rgb(0, 0, 0); opacity: 0.5; text-align: center; } html[dir="rtl"] .foodDeliveryItemWindow #product-custom-text #ct_charLimit { right: auto; left: 0px; border-left: none; border-right: 1px solid rgb(204, 204, 204); } .foodDeliveryItemWindow .p-o-check-box label, .foodDeliveryItemWindow .p-o-radio-button label { cursor: pointer; display: flex; } .foodDeliveryItemWindow .p-o-check-box input, .foodDeliveryItemWindow .p-o-radio-button input { margin: 4px; } .s123-module-foodDelivery.layout-2 .menu2 .inner { padding-top: 65px; } .s123-module-foodDelivery.layout-2 .menu2 h3 { font-size: 1.7em; color: rgb(57, 52, 67); margin-bottom: 40px; } .s123-module-foodDelivery.layout-2 .menu-category { display: none; } .s123-module-foodDelivery.layout-2 .menu-block { width: 100%; } .s123-module-foodDelivery.layout-2 .item-image { width: 100%; margin: 0px 0px 15px; } @media (min-width: 768px) { .s123-module-foodDelivery.layout-2 .item-image { float: left; width: 230px; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-foodDelivery.layout-2 .item-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-foodDelivery.layout-2 .item-image img { width: 100%; display: block; position: relative; border-radius: 0px; } .s123-module-foodDelivery.layout-2 .item-details { padding: 5px 0px; position: relative; overflow: hidden; } .s123-module-foodDelivery.layout-2 .menu-block .item { width: 100%; margin-bottom: 30px; padding: 10px; border-radius: 4px; } .s123-module-foodDelivery.layout-2 .menu-block .item h4 { display: block; font-size: 1.3em; margin-bottom: 10px; text-align: left; } html[dir="rtl"] .s123-module-foodDelivery.layout-2 .menu-block .item h4 { text-align: right; } .s123-module-foodDelivery.layout-2 .menu-block .item p { display: block; text-align: left; width: 65%; } html[dir="rtl"] .s123-module-foodDelivery.layout-2 .menu-block .item p { text-align: right; } @media (min-width: 768px) { .s123-module-foodDelivery.layout-2 .menu-block .prices { display: block; position: absolute; top: 10px; right: 10px; min-width: 90px; font-size: 1.4em; cursor: default; } } .s123-module-foodDelivery.layout-2 .menu-block .prices.orderButtonPopup { cursor: pointer; } html[dir="rtl"] .s123-module-foodDelivery.layout-2 .menu-block .prices { right: auto; left: 0px; } .s123-module-foodDelivery.layout-2 .filter { list-style: none; padding: 0px; text-align: center; } .s123-module-foodDelivery.layout-2 .filter li { display: inline-block; margin: 0.0714em; } .s123-module-foodDelivery.layout-2 .filter li:first-child::before { display: none; } .s123-module-foodDelivery.layout-2 .filter li a { text-transform: uppercase; font-weight: bold; padding: 0.357em 0.714em; border: 1px solid; } .s123-module-foodDelivery.layout-2 .filter li a:hover, .s123-module-foodDelivery.layout-2 .filter li a:focus, .s123-module-foodDelivery.layout-2 .filter li.active { font-weight: bold; text-decoration: underline; } .s123-module-foodDelivery .product-options { display: block; clear: both; } .s123-module-foodDelivery .p-o-container { display: block; clear: both; } .s123-module-foodDelivery .product-options .p-o-title { margin-bottom: 5px; text-transform: uppercase; } .s123-module-foodDelivery .product-options .p-o-title .p-o-item-value { text-transform: capitalize; } .s123-module-foodDelivery .product-options .p-o-color-list { padding: 0px; margin: 0px; list-style: none; } @media (min-width: 1201px) { .s123-module-foodDelivery .product-options .p-o-color-list { max-width: 70%; } } .s123-module-foodDelivery .product-options .p-o-color-list .p-o-color { width: 24px; height: 24px; padding: 0px; margin-bottom: 10px; margin-right: 14px; display: inline-block; vertical-align: middle; } html[dir="rtl"] .s123-module-foodDelivery .product-options .p-o-color-list .p-o-color { margin-right: 0px; margin-left: 14px; } .s123-module-foodDelivery .product-options .p-o-color-list .p-o-color > span { width: 100%; height: 100%; border: 1px solid rgba(221, 221, 221, 0.5); border-radius: 2px; display: block; vertical-align: middle; cursor: pointer; position: relative; } .s123-module-foodDelivery .product-options .p-o-color-list .p-o-color > span:hover::after, .s123-module-foodDelivery .product-options .p-o-color-list .p-o-color.selected > span::after { content: ""; position: absolute; width: 30px; height: 30px; top: -4px; left: -4px; border: 1px solid rgb(221, 221, 221); border-radius: 4px; } .s123-module-foodDelivery .product-options .p-o-list { width: auto; min-width: 160px; margin-bottom: 10px; } .s123-module-foodDelivery .s123-page-data-products .product-sale-banner { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; cursor: default; } .s123-module-foodDelivery .s123-page-data-products .product-out-of-stock { position: absolute; left: 10px; top: 10px; opacity: 1; z-index: 1; cursor: default; } html[dir="rtl"] .s123-module-foodDelivery .s123-page-data-products .product-out-of-stock { left: auto; right: 10px; } .s123-module-portfolio.layout-1 ul.portfolio-images-container { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0px; margin: 0px; font-size: 0px; list-style: none; gap: 32px; } .s123-module-portfolio.layout-1 ul.portfolio-images-container li { width: 100%; padding: 0px 1% 1%; font-size: 1rem; line-height: 1.42857; display: inline-block; vertical-align: top; } .s123-module-portfolio.layout-1 ul.portfolio-images-container .thumbnail { display: flex; flex-direction: column; padding: 8px; border: none; color: inherit; gap: 24px; margin-bottom: 0px; } .s123-module-portfolio.layout-1 ul.portfolio-images-container h3 { font-weight: 600; font-size: 1.25rem; margin: 0px 0px 24px; text-align: center; } .s123-module-portfolio.layout-1 ul.portfolio-images-container .portfolio-image-box { position: relative; } .s123-module-portfolio.layout-1 .portfolio-image a.portfolio-image-link { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; font-size: 0px; display: block; } @media (min-width: 767px) and (max-width: 1024px) { .s123-module-portfolio.layout-1 ul.portfolio-images-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .s123-module-portfolio.layout-1 ul.portfolio-images-container { grid-template-columns: 1fr; } } .s123-module-portfolio.layout-2 ul.portfolio-images-container { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0px; margin: 0px; font-size: 0px; list-style: none; gap: 8px; } .s123-module-portfolio.layout-2 ul.portfolio-images-container li { width: 100%; padding-top: 0px; font-size: 1rem; line-height: 1.42857; display: inline-block; vertical-align: top; } .s123-module-portfolio.layout-2 ul.portfolio-images-container .thumbnail { background: transparent; border: none; color: inherit; margin: 0px; padding: 0px; } .s123-module-portfolio.layout-2 ul.portfolio-images-container .p-i-b { position: relative; } .s123-module-portfolio.layout-2 .portfolio-image a.portfolio-image-link { width: 100%; overflow: hidden; display: block; } .s123-module-portfolio.layout-2 .portfolio-image a.portfolio-image-link .p-i { background-size: cover; background-position: center center; background-repeat: no-repeat; transition: transform 0.5s; } .s123-module-portfolio.layout-2 .portfolio-image a:hover .p-i { transform: translate(0%, 0%) scale(1.1); } .s123-module-portfolio.layout-2 .portfolio-image a.portfolio-image-link .p-t-c { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.28); padding: 0.1em 0px; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); } .s123-module-portfolio.layout-2 .portfolio-image a.portfolio-image-link .p-t-c .title { font-size: 1.2rem; padding: 0px 0.5em; margin-bottom: 0.6rem; max-height: 4.5rem; overflow: hidden; font-weight: 600; } .s123-module-portfolio.layout-2 .p-v-b { min-width: 60px; padding: 0.5rem 0.8rem; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 1rem; font-weight: normal; border: 1px solid; transition: background-color 0.2s ease-out, color 0.4s ease-out; border-radius: 4px; } @media (min-width: 769px) { .s123-module-portfolio.layout-2 .portfolio-image a.portfolio-image-link .p-t-c .title { font-size: 1.45rem; margin-bottom: 16px; max-height: 11rem; } .s123-module-portfolio.layout-2 .p-v-b { min-width: 100px; } } .s123-module-portfolio.layout-2 .p-v-b:hover { background-color: rgb(255, 255, 255); color: black; border-color: transparent; } @media (min-width: 767px) and (max-width: 1024px) { .s123-module-portfolio.layout-2 ul.portfolio-images-container { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px) { .s123-module-portfolio.layout-2 ul.portfolio-images-container { grid-template-columns: 1fr; } } .s123-module-portfolio.layout-3 .portfolio-images-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .s123-module-portfolio.layout-3 .portfolio-images-container .grid-item { text-align: center; align-items: center; overflow: hidden; display: flex; padding-top: 56.25%; position: relative; } .s123-module-portfolio.layout-3 .grid-item img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; transition: 0.2s; inset: 0px; } .s123-module-portfolio.layout-3 .grid-item .image-grid-overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; transition: 0.2s; } .s123-module-portfolio.layout-3 .grid-item:hover .image-grid-overlay { background-color: rgba(0, 0, 0, 0.55); } .s123-module-portfolio.layout-3 .grid-item .title-container { width: 100%; height: 100%; margin: auto; text-align: center; position: absolute; top: 0px; color: rgb(255, 255, 255); display: flex; align-items: center; place-content: center; flex-direction: column; left: -100%; } .s123-module-portfolio.layout-3 .grid-item:hover .title-container { left: 0px; } .s123-module-portfolio.layout-3 .grid-item .title-container .title { font-weight: 600; font-size: 1.25rem; } html[dir="rtl"] .s123-module-portfolio.layout-3 .grid-item .title-container { left: auto; right: -100%; } html[dir="rtl"] .s123-module-portfolio.layout-3 .grid-item:hover .title-container { left: auto; right: 0px; } .s123-module-portfolio.layout-3 .grid-item .title-container:hover { text-decoration: none; color: rgb(255, 255, 255); } .s123-module-portfolio.layout-3 .grid-item .title-container:focus { outline: none; } @media (max-width: 768px) { .s123-module-portfolio.layout-3 .portfolio-images-container { grid-template-columns: repeat(2, 1fr); } .s123-module-portfolio.layout-3 .grid-item .title-container, html[dir="rtl"] .s123-module-portfolio.layout-3 .grid-item .title-container { left: auto; right: auto; display: flex; justify-content: flex-end; padding: 24px; } } @media (max-width: 480px) { .s123-module-portfolio.layout-3 .portfolio-images-container { grid-template-columns: repeat(1, 1fr); } .s123-module-portfolio.layout-3 .grid-item .title-container, html[dir="rtl"] .s123-module-portfolio.layout-3 .grid-item .title-container { left: auto; right: auto; } } html.ie11-support .s123-module-portfolio.layout-3 .portfolio-images-container { display: flex; flex-flow: wrap; align-items: flex-start; } html.ie11-support .s123-module-portfolio.layout-3 .portfolio-images-container .grid-item { text-align: center; overflow: hidden; position: relative; display: block; height: 300px; width: 300px; padding-top: 0px; margin: 20px; } html.ie11-support .s123-module-portfolio.layout-3 .portfolio-images-container .grid-item img { width: 100%; height: 100%; } .s123-module-portfolio.layout-4 .portfolio-images-container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } .s123-module-portfolio.layout-4 .portfolio-images-container.grid-3 { grid-template-columns: repeat(3, 1fr); } .s123-module-portfolio.layout-4 .portfolio-images-container.grid-4 { grid-template-columns: repeat(4, 1fr); } .s123-module-portfolio.layout-4 .portfolio-images-container .grid-item { text-align: center; align-items: center; overflow: hidden; display: flex; padding-top: 100%; position: relative; } .s123-module-portfolio.layout-4 .grid-item img { object-fit: cover; object-position: center center; position: absolute; width: 100%; height: 100%; transition: translate 0.2s; inset: 0px; } .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay { position: absolute; left: 0px; bottom: -1px; background-color: rgb(255, 255, 255); padding: 32px; width: 100%; opacity: 0; transition: 0.3s; transform: translate(-10%); } html[dir="rtl"] .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay { transform: translate(10%); } .s123-module-portfolio.layout-4 .grid-item:hover .image-grid-overlay, html[dir="rtl"] .s123-module-portfolio.layout-4 .grid-item:hover .image-grid-overlay { opacity: 1; transform: translate(0px); } .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay .title { display: flex; width: 100%; justify-content: space-between; color: rgb(0, 0, 0); font-size: 1.45rem; font-weight: 600; align-items: center; } .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay .title i { transform: rotate(-45deg); } html[dir="rtl"] .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay .title i { transform: rotate(225deg); } .s123-module-portfolio.layout-4.touch-device .grid-item .image-grid-overlay, html[dir="rtl"] .s123-module-portfolio.layout-4.touch-device .grid-item .image-grid-overlay { opacity: 1; transform: translate(0px); } @media (max-width: 768px) { .s123-module-portfolio.layout-4 .portfolio-images-container, .s123-module-portfolio.layout-4 .portfolio-images-container.grid-3, .s123-module-portfolio.layout-4 .portfolio-images-container.grid-4 { grid-template-columns: repeat(2, 1fr); } .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay, html[dir="rtl"] .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay { opacity: 1; transform: translate(0px); } } @media (max-width: 480px) { .s123-module-portfolio.layout-4 .portfolio-images-container, .s123-module-portfolio.layout-4 .portfolio-images-container.grid-3, .s123-module-portfolio.layout-4 .portfolio-images-container.grid-4 { grid-template-columns: repeat(1, 1fr); } .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay, html[dir="rtl"] .s123-module-portfolio.layout-4 .grid-item .image-grid-overlay { opacity: 1; transform: translate(0px); } } .s123-module-agenda.layout-1 .box > .row { margin: auto 0px; } .s123-module-agenda.layout-1 .container .row .col-xs-12 > h4 { margin-bottom: 1.6em; text-align: center; } @media (max-width: 768px) { .s123-module-agenda.layout-1 .container .row .col-xs-12 > h4 { margin-bottom: 1em; } } .s123-module-agenda.layout-1 .container .row:not(:first-child) .col-xs-12 > h4 { margin-top: 0.8em; } @media (max-width: 768px) { .s123-module-agenda.layout-1 .container .row:not(:first-child) .col-xs-12 > h4 { margin-top: 1em; } } .s123-module-agenda.layout-1 .box { padding: 2em; margin-bottom: 1em; } @media (max-width: 768px) { .s123-module-agenda.layout-1 .box { padding: 1.7em; margin-bottom: 1.2em; } } .s123-module-agenda.layout-1 .box .item { padding: 0.4em; } .s123-module-agenda.layout-1 .box .title { font-size: 1.3em; } .s123-module-agenda.layout-1 .box .locationBox { font-size: 0.8em; margin: 0.5em auto 1em; } @media (max-width: 768px) { .s123-module-agenda.layout-1 .box .locationBox { margin: 0.7em auto 1.5em; } } @media (max-width: 768px) { .s123-module-agenda.layout-1 .box .agenda-time-container { margin-bottom: 1.7em; } } .s123-module-agenda.layout-1 .box p.breakable { margin-bottom: 0px; } html[dir="rtl"] .s123-module-agenda.layout-1 .agenda-time-container { direction: ltr; float: right; } .s123-module-agenda.layout-2 .box { padding: 2em; margin-bottom: 16px; } @media (max-width: 768px) { .s123-module-agenda.layout-2 .box { padding: 1.7em; margin-bottom: 1.2em; } } .s123-module-agenda.layout-2 .box > .row { margin: auto 0px; } .s123-module-agenda.layout-2 .box .item { padding: 0.4em; } .s123-module-agenda.layout-2 .box .title { font-size: 1.3em; } .s123-module-agenda.layout-2 .box .locationBox { font-size: 0.8em; margin: 0.6em auto 1.2em; } @media (max-width: 768px) { .s123-module-agenda.layout-2 .box .locationBox { margin: 0.7em auto 1.5em; } } @media (max-width: 768px) { .s123-module-agenda.layout-2 .box .agenda-time-container { margin-bottom: 1.7em; } } .s123-module-agenda.layout-2 .box p.breakable { margin-bottom: 0px; } html[dir="rtl"] .s123-module-agenda.layout-2 .agenda-time-container { direction: ltr; float: right; } .s123-module-agenda.layout-3 .box { padding: 2em; margin-bottom: 16px; } @media (max-width: 768px) { .s123-module-agenda.layout-3 .box { padding: 1.7em; margin-bottom: 1.2em; } } .s123-module-agenda.layout-3 .box > .row { margin: auto 0px; } .s123-module-agenda.layout-3 .box .item { padding: 0.4em; } .s123-module-agenda.layout-3 .box .title { font-size: 1.3em; } .s123-module-agenda.layout-3 .box .locationBox { font-size: 0.8em; margin: 0.5em auto 1em; } @media (max-width: 768px) { .s123-module-agenda.layout-3 .box .locationBox { margin: 0.7em auto 1.5em; } } @media (max-width: 768px) { .s123-module-agenda.layout-3 .box .agenda-time-container { margin-bottom: 1.7em; } } .s123-module-agenda.layout-3 .boxFilter { padding: 2em; } .s123-module-agenda.layout-3 .agenda-responsive-filter a { display: none; } .s123-module-agenda.layout-3 .agenda-categories-container li:not(:last-child) { padding-bottom: 1em; } .s123-module-agenda.layout-3 .agenda-categories-container li a, .s123-module-agenda.layout-3 .agenda-categories-container li a:hover, .s123-module-agenda.layout-3 .agenda-categories-container li a:focus { border: 1px solid; border-radius: 8px; } .s123-module-agenda.layout-3 .box p.breakable { margin-bottom: 0px; } .s123-module-agenda.layout-3 .agenda-categories-container li.active a { background-color: var(--modules_color_second_section_main); color: var(--modules_color_second_section_btn_text) !important; } .bg-primary.s123-module-agenda.layout-3 .agenda-categories-container li.active a { background-color: var(--modules_color_section_main); color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-agenda.layout-3 .agenda-categories-container li.active a { background-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text) !important; } html[dir="rtl"] .s123-module-agenda.layout-3 .agenda-time-container { direction: ltr; float: right; } @media (max-width: 767px) { .s123-module-agenda.layout-3 .agenda-responsive-filter a { width: 100%; padding: 10px; text-align: center; display: block; font-weight: bold; text-decoration: none; border: 1px solid; } .s123-module-agenda.layout-3 .categories-panel { display: none; } } .treeview .list-group-item { cursor: pointer; } .treeview span.indent { margin-left: 10px; margin-right: 10px; } .treeview span.icon { width: 12px; margin-right: 5px; } .treeview .node-disabled { color: silver; cursor: not-allowed; } #s123ModulesContainer .s123-module-eCommerce .homepage-section { margin-bottom: 60px; } @media (max-width: 767px) { #s123ModulesContainer .s123-module-eCommerce .homepage-section { margin-bottom: 30px; } } #s123ModulesContainer .s123-module-eCommerce .e-commerce-items { justify-content: center; } .s123-module-eCommerce .product-position-relative { position: relative; } .s123-module-eCommerce .products-container > div, .s123-module-eCommerce .collection-container > div { padding-top: 0px; font-size: 16px; line-height: 1.42857; display: inline-block; vertical-align: top; position: relative; } .s123-module-eCommerce a.product-image, .s123-module-eCommerce .collection-image { width: 100%; padding-bottom: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; } .s123-module-eCommerce a[data-image-adjustment="fit"].product-image, .s123-module-eCommerce a[data-image-adjustment="fit"].collection-image { background-size: contain; background-repeat: no-repeat; } .s123-module-eCommerce .product-details-container, .s123-module-eCommerce .collection-details-container { overflow: hidden; } .s123-module-eCommerce .product-details-container h4, .s123-module-eCommerce .collection-details-container h4 { margin: 0.75em 0px; } .s123-module-eCommerce .product-details-container p, .s123-module-eCommerce .collection-details-container p { margin-bottom: 0.75em; } .s123-module-eCommerce .products-container .buttons-container .btn, .s123-module-eCommerce .collection-container .buttons-container .btn { margin-top: 0.5em; margin-right: 5px; } html[dir="rtl"] .s123-module-eCommerce .products-container .buttons-container .btn, html[dir="rtl"] .s123-module-eCommerce .collection-container .buttons-container .btn { margin-right: 0px; margin-left: 5px; } .s123-module-eCommerce .products-container .buttons-container form, .s123-module-eCommerce .collection-container .buttons-container form { display: inline-block; } .s123-module-eCommerce .e-commerce-items[data-box-image-size] { display: grid; gap: 20px; } .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"] { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"] { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"] { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="16-9"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="4-3"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="3-2"] { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); } .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"][data-box-ratio="16-9"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"][data-box-ratio="4-3"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"][data-box-ratio="3-2"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"][data-box-ratio="16-9"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"][data-box-ratio="4-3"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"][data-box-ratio="3-2"] { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"][data-box-ratio="16-9"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"][data-box-ratio="4-3"], .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"][data-box-ratio="3-2"] { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); } #s123ModulesContainer[data-interface-preview="1"] .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"] { grid-template-columns: repeat(auto-fill, 250px); gap: 30px; } #s123ModulesContainer[data-interface-preview="1"] .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"], #s123ModulesContainer[data-interface-preview="1"] .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"] { grid-template-columns: repeat(auto-fill, 200px); } #s123ModulesContainer[data-interface-preview="1"] .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"] { grid-template-columns: repeat(auto-fill, 150px); } html.side-header .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"] { grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); } html.side-header .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="16-9"], html.side-header .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="4-3"], html.side-header .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio="3-2"] { grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)); } @media (max-width: 767px) { .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"][data-box-ratio], .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"][data-box-ratio], .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"][data-box-ratio], .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"][data-box-ratio] { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 20px; } .s123-module-eCommerce .e-commerce-items.collection-container[data-box-image-size="0"], .s123-module-eCommerce .e-commerce-items.collection-container[data-box-image-size="1"], .s123-module-eCommerce .e-commerce-items.collection-container[data-box-image-size="2"], .s123-module-eCommerce .e-commerce-items.collection-container[data-box-image-size="3"] { grid-template-columns: repeat(1, minmax(0px, 1fr)); gap: 20px; } } .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"] .e-c-box, .s123-module-eCommerce .e-commerce-items[data-box-image-size="0"] .e-p-box { font-size: 1.2rem; } .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"] .e-c-box, .s123-module-eCommerce .e-commerce-items[data-box-image-size="1"] .e-p-box, .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"] .e-c-box, .s123-module-eCommerce .e-commerce-items[data-box-image-size="2"] .e-p-box { font-size: 1rem; } .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"] .e-c-box, .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"] .e-p-box { font-size: 0.8rem; } @media (max-width: 767px) { .s123-module-eCommerce .e-commerce-items .c-box-layout-1, .s123-module-eCommerce .e-commerce-items .c-box-layout-7 { font-size: 0.8rem; } .s123-module-eCommerce .e-commerce-items .c-box-layout-1 .title-container .shopNow { margin-bottom: 14%; } .s123-module-eCommerce .e-commerce-items .c-box-layout-7 .title-container .shopNow { margin-bottom: 0px; margin-top: 14%; } } .s123-module-eCommerce .e-commerce-product-box .product { width: 100% !important; } .s123-module-eCommerce .e-commerce-product-box .product .card .card-figure .product-box-carousel .owl-nav { display: flex; align-items: center; place-content: center space-between; opacity: 0; position: absolute; width: 100%; transition: opacity 0.5s; } .s123-module-eCommerce .e-commerce-product-box .product .product-box-carousel.owl-loaded { display: flex; align-items: center; align-content: center; } .s123-module-eCommerce .e-commerce-product-box .imagePart:hover .product .owl-nav { position: absolute; font-size: 75px; opacity: 1 !important; } .s123-module-eCommerce .e-commerce-product-box .owl-theme .owl-nav [class*="owl-"] { margin: 5px; padding: 4px 7px; background: rgb(214, 214, 214); display: inline-block; cursor: pointer; border-radius: 3px; } .s123-module-eCommerce .e-commerce-product-box .owl-theme .owl-nav [class*="owl-"] .svg-m { width: 14px; background-color: rgb(0, 0, 0) !important; } .s123-module-eCommerce .e-commerce-product-box .product.carousel .discount-ribbon-container { bottom: unset !important; } .s123-module-eCommerce .product-show-second-image .product-image.second-image { position: absolute; z-index: 0; top: 0px; left: 0px; right: 0px; opacity: 0; transition: opacity 0.8s; } .s123-module-eCommerce .product-show-second-image .product-image.second-image a { position: relative; width: 100%; height: 100%; } html .s123-module-eCommerce .imagePart:hover .product-show-second-image div.product-image.first-image { opacity: 0; transition: opacity 0.8s; } html .s123-module-eCommerce .imagePart:hover .product-show-second-image .product-image.second-image { opacity: 1; overflow-y: inherit; transition: opacity 0.8s; } .s123-page-data-e-commerce .catFullExplain { white-space: pre-line; } .e-commerce-product-box { position: relative; padding: 0px; height: 100%; } .e-commerce-product-box .product-transition { overflow: hidden; position: relative; margin: 0px; } html .e-commerce-product-box .imagePart:hover .product-transition .product-img-wrap { transform: translate3d(0px, -100%, 0px); } .e-commerce-product-box .product-transition .product-img-wrap { display: block; float: left; width: 100%; height: 100%; z-index: 1; animation-fill-mode: both; transition: 1s cubic-bezier(0.19, 1, 0.22, 1); } .e-commerce-product-box .product-transition .product-img-wrap .product-image { height: 100%; } .e-commerce-product-box .product-transition .product-img-wrap .product-image > a { height: auto; max-width: 100%; opacity: 1; transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1); } .e-commerce-product-box .product-transition .product-img-wrap .product-image.second-image { position: absolute; width: 100%; } .e-commerce-product-box .product-transition > a.product-hover-link { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 4; color: rgb(102, 102, 102); } .e-commerce-product-box a { text-decoration: none; transition: 0.2s ease-in-out; } .s123-module-eCommerce .stractureDefault { display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; border-radius: 8px; } .box-theme-7a .e-commerce-product-box .stractureDefault a { color: inherit; } .e-commerce-product-box .stractureDefault .detailPart a:not(.primary-color) { color: inherit; } .s123-module-eCommerce .stractureHover { transition: box-shadow 0.4s ease-in-out; } .s123-module-eCommerce .stractureHover:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px; } .e-commerce-product-box .stractureDefault .imagePart { position: relative; } .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { position: absolute; top: 16px; left: 16px; z-index: 1; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { right: 16px; left: auto; } @media (max-width: 768px) { .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { top: 8px; left: 8px; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { right: 8px; left: auto; } } .e-commerce-product-box .stractureDefault.stracture-5 .imagePart .discount-ribbon-container { position: absolute; top: 15px; left: 10px; z-index: 1; } .e-commerce-product-box .stractureDefault .imagePart .discount-ribbon-container { display: inline-block; direction: ltr; } .e-commerce-product-box .stractureDefault .imagePart .discount-ribbon-container a { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255) !important; } .e-commerce-product-box .stractureDefault .imagePart .discount-ribbon-container a, .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner { padding: 8px; color: white; font-size: 0.8em; border-radius: 8px; } .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner:not(:only-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .discount-ribbon-container:not(:first-child) a { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner:not(:only-child) { border-radius: 0px 8px 8px 0px; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .discount-ribbon-container:not(:first-child) a { border-radius: 8px 0px 0px 8px; } @media (max-width: 767px) { .e-commerce-product-box .stractureDefault .imagePart .discount-ribbon-container a, .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner { padding: 4px; border-radius: 4px; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .product-ribbon-banner:not(:only-child) { border-radius: 0px 4px 4px 0px; } html[dir="rtl"] .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels .discount-ribbon-container:not(:first-child) a { border-radius: 4px 0px 0px 4px; } } .e-commerce-product-box .stractureDefault .detailPart { display: flex; position: relative; flex-direction: column; padding: 16px; gap: 12px; height: 100%; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_top { display: flex; flex-direction: column; gap: 4px; height: 100%; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_bottom { display: flex; flex-direction: column; justify-content: space-between; gap: 12px; height: 100%; } .e-commerce-product-box .stractureDefault .detailPart_bottom_row { display: flex; flex-direction: row; justify-content: space-between; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_bottom .detailPart_price:only-child { height: 100%; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_title { display: flex; align-items: center; justify-content: space-between; } .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_title { justify-content: center !important; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_title:last-child { margin-bottom: 20px; } .e-commerce-product-box .stractureDefault .detailPart .product-title { font-size: 1em; font-weight: 600; margin: 0px; } @media (max-width: 767px) { .e-commerce-product-box .stractureDefault .detailPart .product-title { font-size: 0.8em; } } .e-commerce-product-box .stractureDefault .detailPart .product-title a { color: inherit; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; } .e-commerce-product-box .stractureDefault .detailPart .product-description { color: inherit; font-size: 0.8em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; line-height: 1.5; margin: 0px; } .e-commerce-product-box .stractureDefault .detailPart .detailPart_price { display: flex; gap: 4px; line-height: 1; align-items: flex-end; } .e-commerce-product-box .stractureDefault .detailPart .product-price { font-weight: bold; font-size: 1em; } .e-commerce-product-box .stractureDefault .detailPart .price-before-sale { opacity: 0.4; text-decoration: line-through; font-size: 0.7em; } @media (max-width: 767px) { .price-before-sale.mobile-absolute { position: absolute; top: -10px; } } .e-commerce-product-box .stractureDefault .detailPart .product-brand { font-size: 0.7em; } .e-commerce-product-box .stractureDefault .detailPart .product-sku { font-size: 0.6em; opacity: 0.4; } .e-commerce-product-box .stractureDefault .detailPart .product-add-to-cart a { color: black; font-size: 0.9em; cursor: pointer; } .e-commerce-product-box .stractureDefault .detailPart .product-add-to-cart a:hover { text-decoration: none; opacity: 0.7; } .s123-module-eCommerce .products-container::before, .s123-module-eCommerce .products-container::after, .s123-module-eCommerce .e-commerce-items::before, .s123-module-eCommerce .e-commerce-items::after { content: normal; } .box-theme-4a .e-commerce-product-box .stractureDefault .imagePart { border-radius: 8px; } .box-theme-4a .e-commerce-product-box .stractureDefault .imagePart .product-image { border-radius: 8px; } .box-theme-6a .e-commerce-product-box .stractureDefault .ribbonsLabels { width: 100%; top: auto; left: 0px; bottom: 0px; opacity: 0.9; } html[dir="rtl"] .box-theme-6a .e-commerce-product-box .stractureDefault .ribbonsLabels { left: auto; right: 0px; } .box-theme-6a .e-commerce-product-box .stractureDefault .ribbonsLabels > .product-ribbon-banner { width: 100%; display: block; padding: 1em 0px; text-align: center; font-size: 0.9em; border-radius: 0px; } .box-theme-7a.e-commerce-product-box .stractureDefault .detailPart .detailPart_top { height: 100%; align-items: center; } .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_sub { display: flex; align-items: center; align-self: center; gap: 4px; } .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_sub .detailPart_sub_seperator { opacity: 0.4; } .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_sub .detailPart_sub_seperator:not(:nth-child(2)), .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_sub .detailPart_sub_seperator:last-child { display: none; } .box-theme-7a .e-commerce-product-box .stractureDefault .detailPart .detailPart_price { justify-content: center; } .box-theme-7a .e-commerce-product-box .stractureDefault .product-add-to-cart { display: flex; align-items: flex-end; border-radius: 8px; } .box-theme-7a .e-commerce-product-box .stractureDefault .product-add-to-cart .product-cart.btn { display: flex; justify-content: center; gap: 12px; border-radius: 8px; } .box-theme-7a .e-commerce-product-box .stractureDefault .product-add-to-cart .product-cart.btn i { display: flex; align-items: center; } .box-theme-7a .e-commerce-product-box .stractureDefault .imagePart .product-image { border-radius: 8px; } .box-theme-7a .e-commerce-product-box .stractureDefault .quickButtons { padding: 0px; } .box-theme-7a .e-commerce-product-box .stractureDefault .quickButtons .quick-view-link { padding-block: 16px !important; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important; } .s123-module-eCommerce .box-theme-8a .detailsSideBySide { border-radius: 0px; } .s123-module-eCommerce .box-theme-8a .product:not(.product-show-second-image, .product-transition) a.product-image, .s123-module-eCommerce .box-theme-8a .owl-item .product-image, .s123-module-eCommerce .box-theme-8a div.product-image { border-radius: 24px; border: 4px solid var(--modules_color_text_second); overflow: hidden; } .bg-primary.s123-module-eCommerce .box-theme-8a div.product-image { border-color: var(--modules_color_text); } .inside_page .s123-module-eCommerce .box-theme-8a div.product-image { border-color: var(--inside_modules_color_text); } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart .top { flex-direction: column; gap: 4px; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart { padding: 24px 0px 0px; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart .product-title { font-weight: 700; text-align: center; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart .top .prices { flex-direction: row-reverse; gap: 8px; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart .top .prices .product-price { font-weight: 400; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart .price-before-sale { font-size: 1em; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart .product-description, .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart .product-box-review { text-align: center; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .detailsSideBySide .detailPart_bottom_row { flex-direction: column; align-items: center; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--modules_color_text_second) !important; } .bg-primary.s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--modules_color_text) !important; } .inside_page .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--inside_modules_color_text) !important; } #previewWindow .box-theme-8a .e-commerce-product-box .stractureDefault .detailPart a { color: inherit !important; } #previewWindow .box-theme-8a .product:not(.product-show-second-image, .product-transition) a.product-image, #previewWindow .box-theme-8a .owl-item .product-image, #previewWindow .box-theme-8a div.product-image { border-color: rgb(0, 0, 0) !important; } @media (max-width: 767px) { .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .w-l-continaer { top: 16px; right: 16px; } html[dir="rtl"] .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .w-l-continaer { left: 16px; right: auto; } .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { top: 16px; left: 16px; } html[dir="rtl"] .s123-module-eCommerce .box-theme-8a .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { right: 16px; left: auto; } } .s123-module-eCommerce .box-theme-9a .detailsSideBySide { border-radius: 0px; } .s123-module-eCommerce .box-theme-9a .product-image { border-radius: 24px; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart .top { flex-direction: column; gap: 4px; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart { padding: 24px 0px 0px; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart .product-title { font-weight: 400; text-align: center; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart .top .prices { flex-direction: row-reverse; gap: 8px; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart .top .prices .product-price { font-weight: 400; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart .price-before-sale { font-size: 1em; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart .product-description, .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart .product-box-review { text-align: center; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .imagePart .ribbonsLabels { top: auto; bottom: 16px; display: flex; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .imagePart .discount-ribbon-container { display: flex; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .detailsSideBySide .detailPart_bottom_row { flex-direction: column; align-items: center; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--modules_color_text_second) !important; } .bg-primary.s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--modules_color_text) !important; } .inside_page .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart a { color: var(--inside_modules_color_text) !important; } #previewWindow .box-theme-9a .e-commerce-product-box .stractureDefault .detailPart a { color: inherit !important; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .imagePart .product-add-to-cart { position: absolute; top: auto; bottom: 16px; right: 16px; display: flex; justify-content: center; } html[dir="rtl"] .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .imagePart .product-add-to-cart { right: auto; left: 16px; } .s123-module-eCommerce .box-theme-9a .e-commerce-product-box .imagePart .product-add-to-cart .product-cart { border-radius: 0.5em; padding: 0.6rem; } .e-commerce-product-box .stractureButtonsBottom .quickButtons { display: flex; flex-direction: column; position: absolute; right: 0px; left: 0px; bottom: 0px; z-index: 5; opacity: 0; transition: opacity 0.4s ease-out; padding: 0px 4px 5px; gap: 4px; } .e-commerce-product-box .stractureButtonsBottom .quickButtons > div { width: 100%; } .e-commerce-product-box .stractureButtonsBottom .quickButtons .quick-view-container .quick-view-link, .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart { display: flex; place-content: center; align-items: center; text-align: center; border-radius: 8px; padding: 8px 0px; width: 100%; opacity: 0.9; font-size: 0.8em; background-color: var(--global_main_color); color: var(--global_main_color_btn_text_color); text-decoration: none; gap: 10px; } .home_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .quick-view-container .quick-view-link, .home_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart { background-color: var(--modules_color_second_section_main) !important; color: var(--modules_color_second_section_btn_text) !important; } .home_page .s123-module-eCommerce.bg-primary .e-commerce-product-box .stractureButtonsBottom .quickButtons .quick-view-container .quick-view-link, .home_page .s123-module-eCommerce.bg-primary .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart { background-color: var(--modules_color_section_main) !important; color: var(--modules_color_section_btn_text) !important; } .inside_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .quick-view-container .quick-view-link, .inside_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart { background-color: var(--inside_modules_color_section_box_main) !important; color: var(--inside_modules_color_section_btn_text) !important; } .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart .svg-m { background-color: var(--global_main_color_btn_text_color) !important; } .home_page .s123-module-eCommerce.bg-primary .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart .svg-m { background-color: var(--modules_color_section_btn_text) !important; } .home_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart .svg-m { background-color: var(--modules_color_second_section_btn_text) !important; } .inside_page .s123-module-eCommerce .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart .svg-m { background-color: var(--inside_modules_color_section_btn_text) !important; } @media (min-width: 767px) { .e-commerce-product-box .stractureButtonsBottom .imagePart:hover .quickButtons, .e-commerce-product-box .stractureButtonsBottom .quickButtons:hover { display: flex; align-items: center; place-content: center; width: 100%; opacity: 1; } } .touch .e-commerce-product-box .stractureButtonsBottom .quickButtons { display: none; } .s123-module-eCommerce .stractureButtonsFlying { position: relative; overflow: hidden; } .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart, .e-commerce-product-box .stractureButtonsFlying .quick-view-container { display: flex; position: absolute; right: 0px; left: 0px; bottom: 0.5em; z-index: 5; opacity: 0; transition: transform 0.2s ease-out, opacity 0.4s ease-out; transform: translateY(15px); justify-content: center; } .e-p-box[data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 2.6em; } .e-commerce-items[data-box-image-size="1"] .e-p-box[data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container, .e-commerce-items[data-box-image-size="2"] .e-p-box[data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 2.9em; } .e-commerce-items[data-box-image-size="3"] .e-p-box[data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 3em; } .box-theme-6a[data-has-ribbon="1"] .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart, .box-theme-6a[data-has-ribbon="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 3.5em; } .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 5.6em; } .e-commerce-items[data-box-image-size="1"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container, .e-commerce-items[data-box-image-size="2"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 5.9em; } .e-commerce-items[data-box-image-size="3"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 6em; } .e-commerce-items[data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"] .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart, .e-commerce-items[data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 3.3em; } .e-commerce-items[data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureDefault .quick-view-container { bottom: 5.3em; } .e-commerce-items[data-box-image-size="1"][data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container, .e-commerce-items[data-box-image-size="2"][data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 5.5em; } .e-commerce-items[data-box-image-size="3"][data-box-ratio="16-9"] .box-theme-6a[data-has-ribbon="1"][data-show-add-to-cart="1"] .e-commerce-product-box .stractureButtonsFlying .quick-view-container { bottom: 5.6em; } .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart .product-cart, .e-commerce-product-box .stractureButtonsFlying .quick-view-link { width: 55%; opacity: 0.8; padding: 8px; text-align: center; text-decoration: none; background-color: rgb(0, 0, 0); font-size: 0.7em; border-radius: 8px; color: white !important; } .e-commerce-product-box .stractureButtonsFlying .quick-view-link:hover { color: white !important; } .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart .product-cart .svg-m { background-color: rgb(255, 255, 255) !important; } @media (min-width: 767px) { .e-commerce-product-box .stractureButtonsFlying .imagePart:hover .quick-view-container, .e-commerce-product-box .stractureButtonsFlying .quick-view-container:hover { display: flex; align-items: center; place-content: center; width: 100%; opacity: 1; transform: translateY(0px); } .e-commerce-product-box .stractureButtonsFlying .imagePart:hover .product-add-to-cart, .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart:hover { display: flex; align-items: center; place-content: center; width: 100%; opacity: 1; transform: translateY(0px); } } .touch .e-commerce-product-box .stractureButtonsFlying .quick-view-container { display: none; } .touch .e-commerce-product-box .stractureButtonsFlying .product-add-to-cart { display: none; } .s123-module-eCommerce .detailsSideBySide { position: relative; overflow: hidden; } .e-commerce-product-box .detailsSideBySide .detailPart .top { position: relative; padding: 0px; display: flex; place-content: center space-between; align-items: center; } .e-commerce-product-box .detailsSideBySide .detailPart .top .prices { display: flex; flex-direction: column; align-items: flex-end; position: relative; } .s123-module-eCommerce .homepage-section-container { position: relative; padding: 0px 40px; } .s123-module-eCommerce .homepage-section .custom-arrow-container { position: absolute; bottom: calc(55%); display: flex; align-items: center; place-content: center; z-index: 5; font-size: 25px; transform: rotate(-90deg); } .s123-module-eCommerce .homepage-section .custom-slick-prev-container { left: 8px; } .s123-module-eCommerce .homepage-section .custom-slick-next-container { right: 10px; } .s123-module-eCommerce .homepage-section .slick-arrow.related-p-c-s-p, .s123-module-eCommerce .homepage-section .slick-arrow.related-p-c-s-n { color: var(--global_main_color_btn_text_color); } .s123-module-eCommerce .homepage-section .slick-arrow.related-p-c-s-p .svg-m, .s123-module-eCommerce .homepage-section .slick-arrow.related-p-c-s-n .svg-m { background-color: var(--global_main_color); } .s123-module-eCommerce .homepage-section.highlight-carousel .products-container.e-commerce-items, .s123-module-eCommerce .homepage-section.homepage-section-style-2 .products-container.e-commerce-items { display: none; } .s123-module-eCommerce .collection-container > div .box { position: relative; border-radius: 8px; } .s123-module-eCommerce .c-box-layout-1 { position: relative; overflow: hidden; } .s123-module-eCommerce .c-box-layout-1 > a:hover { opacity: 1; } .s123-module-eCommerce .c-box-layout-1 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-1 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-1 .image-container .bottom-title-container { position: absolute; left: 0px; bottom: 0px; right: 0px; } .s123-module-eCommerce .c-box-layout-1 .image-container .bottom-title-container .title { display: flex; align-items: center; place-content: center; height: 100%; font-size: 1em; padding: 16px; text-align: center; font-weight: bold; } .s123-module-eCommerce .image-container .bottom-title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .e-commerce-items[data-box-image-size="3"] .c-box-layout-1 .image-container .bottom-title-container .title { padding: 8px; } .s123-module-eCommerce .c-box-layout-1 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-1 .image-container .title-container.t-c-opacity { background-color: rgba(0, 0, 0, 0.28); } .s123-module-eCommerce .c-box-layout-1 .image-container .title-container .title { padding: 0.1em 0px; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: bold; } .s123-module-eCommerce .c-box-layout-1 .image-container .title-container .shopNow { position: absolute; top: 0.4em; left: 0.4em; padding: 0.2em 0.4em; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; border-radius: 4px; line-height: 1; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-1 .image-container .title-container .shopNow { left: auto; right: 0.4em; } .s123-module-eCommerce .c-box-layout-1 .image-container .title-container .count { position: absolute; top: 0.5em; right: 0.5em; color: white; font-size: 0.8em; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-1 .image-container .title-container .count { right: auto; left: 16px; } .s123-module-eCommerce .c-box-layout-7 .image-container .bottom-title-container { bottom: auto; top: 0px; } .s123-module-eCommerce .c-box-layout-7 .image-container .title-container .shopNow { top: auto; bottom: 0.4em; } .s123-module-eCommerce .c-box-layout-7 .image-container .title-container .count { top: auto; bottom: 0.5em; } .s123-module-eCommerce .c-box-layout-2 { position: relative; display: flex; flex-direction: column; } .s123-module-eCommerce .c-box-layout-2 > a { position: relative; } .s123-module-eCommerce .c-box-layout-2 .image-container { border-radius: 8px 8px 0px 0px; overflow: hidden; } .s123-module-eCommerce .c-box-layout-2 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-2 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-2 .bottom-title-container { display: flex; align-items: center; justify-content: center; text-decoration: none; } .s123-module-eCommerce .c-box-layout-2 .bottom-title-container .title { width: 100%; display: block; font-size: 1.1em; padding: 16px 0.1em; text-align: center; text-decoration: none; border-radius: 0px 0px 8px 8px; } .s123-module-eCommerce .c-box-layout-2 .bottom-title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-2 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-2 .image-container .title-container.t-c-opacity { background-color: rgba(0, 0, 0, 0.28); } .s123-module-eCommerce .c-box-layout-2 .image-container .title-container .title { padding: 0.1em 0px; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: bold; } .s123-module-eCommerce .c-box-layout-2 .image-container .title-container .shopNow { position: absolute; top: 0.4em; left: 0.4em; padding: 0.2em 0.4em; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 0.8em; font-weight: normal; border-radius: 4px; line-height: 1; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-2 .image-container .title-container .shopNow { left: unset; right: 0.4em; } .s123-module-eCommerce .c-box-layout-2 .image-container .title-container .count { position: absolute; top: 0.5em; right: 0.5em; color: white; font-size: 0.8em; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-2 .image-container .title-container .count { right: auto; left: 16px; } .s123-module-eCommerce .c-box-layout-3 .image-container .title-container .shopNow { top: 16px; transform: translateX(-50%); left: 50% !important; right: auto !important; } .s123-module-eCommerce .c-box-layout-3 .title-container { opacity: 0; transition: opacity 0.3s; } .s123-module-eCommerce .c-box-layout-3:hover .title-container { opacity: 1; } .s123-module-eCommerce .c-box-layout-4 { display: flex; flex-direction: column-reverse; } .s123-module-eCommerce .c-box-layout-4 .image-container .title-container .shopNow { top: auto; bottom: 0.4em; } .s123-module-eCommerce .c-box-layout-4 .image-container .title-container .count { top: auto; bottom: 0.5em; } .s123-module-eCommerce .c-box-layout-4 .image-container { border-radius: 0px 0px 8px 8px; } .s123-module-eCommerce .c-box-layout-4 .bottom-title-container .title { border-radius: 8px 8px 0px 0px; } .s123-module-eCommerce .c-box-layout-5 { position: relative; overflow: hidden; } .s123-module-eCommerce .c-box-layout-5 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-5 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container.t-c-opacity { background-color: rgba(0, 0, 0, 0.28); } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .title { padding: 0.1rem 0.8rem; text-align: center; color: rgb(255, 255, 255); font-size: 2em; font-weight: bold; line-height: 1.2; } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .count { padding: 0px; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 0.7em; font-weight: normal; } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .shopNow { position: absolute; bottom: 16px; right: 16px; color: rgb(255, 255, 255); font-size: 0.8em; font-weight: 700; text-transform: uppercase; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .shopNow { right: auto; left: 16px; } @media (max-width: 767px) { .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .title { font-size: 1em; overflow: hidden; } .s123-module-eCommerce .c-box-layout-5 .image-container .title-container .shopNow { display: none; } } .s123-module-eCommerce .c-box-layout-6 { position: relative; overflow: hidden; } .s123-module-eCommerce .c-box-layout-6 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-6 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container.t-c-opacity { background-color: rgba(0, 0, 0, 0.28); } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container .title { max-width: 90%; padding: 0.4em 0.8em; text-align: center; font-size: 1em; font-weight: normal; transition: background-color 0.2s ease-out, color 0.4s ease-out; border-radius: 8px; } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container .count { padding: 1em 0.8em; text-transform: uppercase; text-align: center; color: rgb(255, 255, 255); font-size: 0.7em; font-weight: normal; } .s123-module-eCommerce .c-box-layout-6 .image-container .title-container .shopNow { position: absolute; bottom: 16px; right: 16px; color: white; font-size: 0.8em; text-transform: uppercase; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-6 .image-container .title-container .shopNow { right: auto; left: 16px; } .s123-module-eCommerce .c-box-layout-8 { border-radius: 0px !important; } .s123-module-eCommerce .c-box-layout-8 .image-container { position: relative; } .s123-module-eCommerce .c-box-layout-8 .image-wrap { display: grid; overflow: hidden; margin-bottom: 1.25rem; position: relative; } .s123-module-eCommerce .c-box-layout-8 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-8 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-8 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center flex-end; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; margin-bottom: 0.5em; } .s123-module-eCommerce .c-box-layout-8 .text-container { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; } .s123-module-eCommerce .c-box-layout-8 .text-container .title-link { margin: 0px auto; width: 70%; padding: 0.75rem 1.1rem; border: 1px solid var(--modules_color_text_second); display: flex; justify-content: center; text-decoration: none; color: var(--modules_color_text_second) !important; } .bg-primary.s123-module-eCommerce .c-box-layout-8 .text-container .title-link { border-color: var(--modules_color_text); color: var(--modules_color_text) !important; } .inside_page .s123-module-eCommerce .c-box-layout-8 .text-container .title-link { border-color: var(--inside_modules_color_text); color: var(--inside_modules_color_text) !important; } .s123-module-eCommerce .c-box-layout-8 .text-container .title-link .title { color: inherit; } .s123-module-eCommerce .c-box-layout-8 .text-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-8 .text-container .count { text-align: center; font-size: 0.85em; font-weight: 400; color: var(--modules_color_text_second); } .bg-primary.s123-module-eCommerce .c-box-layout-8 .text-container .count { color: var(--modules_color_text); } .inside_page .s123-module-eCommerce .c-box-layout-8 .text-container .count { color: var(--inside_modules_color_text); } .s123-module-eCommerce .c-box-layout-8 .image-container .title-container .shopNow { font-size: 1em; text-transform: uppercase; font-weight: 700; color: rgb(255, 255, 255); background: rgb(0, 0, 0); padding: 5px 10px; } .s123-module-eCommerce .c-box-layout-9 { border-radius: 0px !important; } .s123-module-eCommerce .c-box-layout-9 .image-container { position: relative; } .s123-module-eCommerce .c-box-layout-9 .image-wrap { display: grid; overflow: hidden; } .s123-module-eCommerce .c-box-layout-9 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-9 .image-wrap:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-9 .image-container .title-container { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-9 .text-container { display: flex; flex-direction: column; align-items: flex-start; padding: 18px 30px; } .s123-module-eCommerce .c-box-layout-9 .text-container .title { width: 100%; margin-bottom: 12px; font-weight: 700; } .s123-module-eCommerce .c-box-layout-9 .text-container .title::after { content: ""; display: block; width: 100%; height: 1px; background-color: var(--modules_color_text_second_box); opacity: 0.3; margin-top: 9px; } .bg-primary.s123-module-eCommerce .c-box-layout-9 .text-container .title::after { background-color: var(--modules_color_text_box); } .inside_page .s123-module-eCommerce .c-box-layout-9 .text-container .title::after { background-color: var(--inside_modules_color_text_box); } .s123-module-eCommerce .c-box-layout-9 .text-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-9 .text-container .count { text-align: center; font-size: 0.75em; font-weight: 400; color: var(--modules_color_text_second); opacity: 0.8; } .bg-primary.s123-module-eCommerce .c-box-layout-9 .text-container .count { color: var(--modules_color_text); } .inside_page .s123-module-eCommerce .c-box-layout-9 .text-container .count { color: var(--inside_modules_color_text); } .s123-module-eCommerce .c-box-layout-9 .image-container .title-container .shopNow { visibility: hidden; font-size: 0.75em; text-transform: uppercase; font-weight: 700; color: rgb(0, 0, 0); background: rgb(255, 255, 255); padding: 1em; display: flex; justify-content: center; width: 60%; line-height: 1; border-radius: 2px; transition: visibility 0.3s linear; } .s123-module-eCommerce .c-box-layout-9 .image-container .title-container .shopNow:hover { background: rgb(33, 42, 47); color: rgb(255, 255, 255); } .s123-module-eCommerce .c-box-layout-9 .image-wrap:hover .title-container .shopNow { visibility: visible; } .s123-module-eCommerce .c-box-layout-10 { position: relative; overflow: hidden; border-radius: 0px !important; } .s123-module-eCommerce .c-box-layout-10 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-10 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-10 .image-container .collection-image::before { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.28); display: block; position: absolute; } .s123-module-eCommerce .c-box-layout-10 .image-container .title-container { display: flex; flex-direction: column; position: absolute; left: 1em; bottom: 1em; gap: 0.5em; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-10 .image-container .title-container { left: auto; right: 1em; } .s123-module-eCommerce .c-box-layout-10 .image-container .title-container .title { color: rgb(255, 255, 255); font-size: 1.5em; line-height: 1; } .s123-module-eCommerce .c-box-layout-10 .image-container .title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-10 .image-container .title-container .count { padding: 0px; text-transform: uppercase; color: rgb(255, 255, 255); font-size: 0.6em; font-weight: 400; bottom: 5em; } .s123-module-eCommerce .c-box-layout-10 .image-container .shopNow { position: absolute; bottom: 1em; right: 1em; color: rgb(255, 255, 255); font-size: 0.8em; font-weight: 700; text-transform: uppercase; visibility: hidden; transition: visibility 0.3s linear; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-10 .image-container .shopNow { right: auto; left: 16px; } .s123-module-eCommerce .c-box-layout-10 .image-container:hover .shopNow { visibility: visible; } .s123-module-eCommerce .c-box-layout-11 { border-radius: 0px !important; } .s123-module-eCommerce .c-box-layout-11 .image-container { position: relative; } .s123-module-eCommerce .c-box-layout-11 .image-wrap { overflow: hidden; } .s123-module-eCommerce .c-box-layout-11 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-11 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-11 .text-container { display: flex; flex-direction: column; align-items: center; gap: 1rem; text-decoration: none; margin-top: -1.25rem; } .s123-module-eCommerce .c-box-layout-11 .text-container .title { font-weight: 700; text-transform: uppercase; font-size: 1rem; padding: 0.5em 1em; border-radius: 0px; } .s123-module-eCommerce .c-box-layout-11 .text-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-11 .text-container .count { text-align: center; font-size: 0.75em; font-weight: 400; } .s123-module-eCommerce .c-box-layout-11 .text-container .shopNow { font-size: 1.25rem; position: relative; padding-bottom: 4px; overflow: hidden; } .s123-module-eCommerce .c-box-layout-11 .text-container .shopNow::before { content: ""; position: absolute; height: 1px; width: 100%; bottom: 0px; background-color: rgb(0, 0, 0); transition: transform 0.5s; } @keyframes circularBorder { 0%, 100% { left: auto; right: 0px; transform: translateX(0%); } 50% { left: 0px; right: auto; transform: translateX(100%); } } .s123-module-eCommerce .c-box-layout-11 .text-container .shopNow:hover::before { animation: 0.4s ease-in-out 0s 1 normal forwards running circularBorder; } .s123-module-eCommerce .c-box-layout-12 { position: relative; overflow: hidden; } .s123-module-eCommerce .c-box-layout-12 .image-container .collection-image { transition: transform 0.5s; } .s123-module-eCommerce .c-box-layout-12 .image-container:hover .collection-image { transform: translate(0%, 0%) scale(1.1); } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container { display: flex; flex-direction: column; align-items: center; place-content: center; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container.t-c-opacity { background-color: rgba(0, 0, 0, 0.28); } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .title { position: relative; text-align: center; color: rgb(255, 255, 255); font-size: 1.8em; font-weight: bold; line-height: 1.2; } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .title::after { content: ""; position: absolute; bottom: -4px; left: 50%; width: 0%; transform: translate(-50%); border-bottom: 2px solid rgb(255, 255, 255); transition: 0.3s; } .s123-module-eCommerce .c-box-layout-12 .image-container:hover .title::after { width: 100%; } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .title[date-upper="1"] { text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .count, .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .shopNow { position: absolute; top: 16px; left: 16px; color: rgb(255, 255, 255); font-size: 0.7em; font-weight: 700; text-transform: uppercase; } .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .count { left: auto; right: 16px; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .shopNow { left: auto; right: 16px; } html[dir="rtl"] .s123-module-eCommerce .c-box-layout-12 .image-container .title-container .count { left: 16px; right: auto; } html[dir="rtl"] .s123-module-eCommerce .product-box-review .fa.fa-star-half-o { transform: scale(-1, 1); } .wish-list-btn > i { display: none; cursor: pointer; color: rgb(228, 20, 20); } .wish-list-btn > i.svg-m { background-color: rgb(228, 20, 20) !important; } .s123-module-eCommerce .e-commerce-product-box .w-l-continaer { position: absolute; top: 16px; right: 16px; z-index: 1; font-size: 1.4rem; margin-top: -5px; } html[dir="rtl"] .s123-module-eCommerce .e-commerce-product-box .w-l-continaer { left: 16px; right: auto; } @media (max-width: 768px) { .s123-module-eCommerce .e-commerce-product-box .w-l-continaer { top: 8px; right: 8px; } html[dir="rtl"] .s123-module-eCommerce .e-commerce-product-box .w-l-continaer { left: 8px; right: auto; } } .wish-list-btn:not(.wl-active) i.in-active, .wish-list-btn.wl-active i.active { display: inline-block; } .s123-module-eCommerce .e-commerce-product-box .orderButtonPopup { cursor: pointer; } .s123-module-eCommerce .p-s-c { display: flex; justify-content: flex-end; align-items: center; height: 100%; } .s123-module-eCommerce .p-s-c > span { flex-shrink: 0; padding: 0px 5px; } .s123-module-eCommerce .p-s-c > #productsSorting { width: auto; } .s123-module-eCommerce.search-result-page-e-commerce .search-tool-container { display: flex; align-items: center; } .s123-module-eCommerce.search-result-page-e-commerce .searchInput { display: inline-block; width: 100%; flex-shrink: 1; } .s123-module-eCommerce.search-result-page-e-commerce .e-commerce-sort-container { display: inline-block; width: 25%; flex-shrink: 0; padding-left: 10px; } html[dir="rtl"] .s123-module-eCommerce.search-result-page-e-commerce .e-commerce-sort-container { padding-left: 0px; padding-right: 10px; } .s123-module-eCommerce.search-result-page-e-commerce .p-s-c > #productsSorting { width: 100%; font-size: 1.25rem; padding: 0.5rem 1rem; line-height: 1.5; } .s123-module-eCommerce.search-result-page-e-commerce .search-tool-container .searchInput .form-group { margin: 0px; } .s123-module-eCommerce .page-tools-container .e-commerce-sort-container { align-self: stretch; } .s123-module-eCommerce .page-tools-container .p-s-c > #productsSorting { color: var(--inside_modules_color_text); background-color: var(--inside_modules_color); height: 100%; border-color: var(--inside_modules_color_text); } .s123-module-eCommerce .page-tools-container { margin-bottom: 15px; } @media (max-width: 767px) { .s123-module-eCommerce.search-result-page-e-commerce .searchInput { width: 95%; } .s123-module-eCommerce.search-result-page-e-commerce .e-commerce-sort-container { width: 5%; } } @media (max-width: 767px) { .s123-module-eCommerce #productsSorting { font-size: 16px !important; } } @media (max-width: 767px) { html .e-commerce-product-box .imagePart .product-transition .product-img-wrap { transform: translate3d(0px, 0px, 0px) !important; } .e-commerce-product-box .stractureButtonsBottom .quickButtons .quick-view-container .quick-view-link { display: none !important; } .e-commerce-product-box .stractureButtonsBottom .quickButtons .product-add-to-cart .product-cart { display: none !important; } .e-commerce-product-box .stractureButtonsFlying .quick-view-link { display: none !important; } } .s123-image-ratio-16-9 { padding-bottom: 56.25% !important; } .s123-image-ratio-3-2 { padding-bottom: 66.6667% !important; } .s123-image-ratio-4-3 { padding-bottom: 75% !important; } .s123-image-ratio-1-1 { padding-bottom: 100% !important; } .s123-image-ratio-9-16 { padding-bottom: 177.778% !important; } .s123-image-ratio-2-3 { padding-bottom: 150% !important; } .s123-image-ratio-3-4 { padding-bottom: 133.333% !important; } .s123-module-eCommerce .e-c-box:not(.show-counter) .count { visibility: hidden; } .s123-module-eCommerce .homepage-section .slick-slider { margin-top: -20px; } .s123-module-eCommerce .homepage-section .slick-slider .e-p-box, .s123-module-eCommerce .homepage-section .slick-slider .e-c-box { padding-top: 20px; padding-bottom: 20px; } #ecommerceFilterMenuPopup .collection-tree-view .list-group, .e-commerce-filter-parent .collection-tree-view .list-group { margin-bottom: 0px; } #ecommerceFilterMenuPopup .collection-tree-view .list-group-item:hover { background-color: transparent !important; } #ecommerceFilterMenuPopup .collection-tree-view .list-group a, .e-commerce-filter-parent .collection-tree-view .list-group a { margin-bottom: 0px; } #ecommerceFilterMenuPopup .collection-tree-view .list-group a, .e-commerce-filter-parent .collection-tree-view .list-group a { color: var(--global_main_color) !important; } .e-commerce-filter-container .filter-by-title, .e-commerce-filter-container .filter-type-title, .filter-type-title { margin: 0px; font-size: 1rem; font-weight: 600; display: flex; align-items: center; border-top: 0px; border-right: 0px; border-left: 0px; border-image: initial; background: none; border-bottom: 1px solid var(--inside_modules_color_text); padding: 10px; } #ecommerceFilterMenuPopup .e-commerce-filter-container .filter-by-title, #ecommerceFilterMenuPopup .e-commerce-filter-container .filter-type-title { border-color: rgb(0, 0, 0); } .e-commerce-filter-container .filter-by-title { font-size: 1.45rem; gap: 0.2em; } .e-commerce-filter-container .filter-type-title { display: flex; place-content: center space-between; align-items: center; cursor: pointer; } .e-commerce-filter-container .filter-type-title .expand-filter { font-size: 0.8rem; cursor: pointer; padding: 0px 3px; } .e-commerce-filter-container .filter-option-content { display: none; } .e-commerce-filter-container .filter-option-content.expanded { display: block; } .e-commerce-filter-container .filter-option-container { height: auto; font-size: 0.8rem; display: inline-flex; width: 100%; padding: 4px 12px; line-height: 1.42857; font-weight: 500; color: var(--inside_modules_color_section_box_main) !important; } .e-commerce-filter-container .filter-option-container:first-child { padding-top: 10px; } .e-commerce-filter-container .filter-option-container:last-child { padding-bottom: 10px; } .e-commerce-filter-container .filter-option-container .checkbox-label .input-title { padding-left: 0.3em; display: inline-block; } html[dir="rtl"] .e-commerce-filter-container .filter-option-container .checkbox-label .input-title { padding-left: 0px; padding-right: 0.3em; } .e-commerce-filter-container .filter-option-container .checkbox-label .checkbox-custom { top: 50%; transform: translateY(-50%); height: 1.1em; width: 1.1em; box-shadow: inset 0 0 0 1px var(--inside_modules_color_text); } .e-commerce-filter-container .filter-option-container .checkbox-label input:checked ~ .checkbox-custom::after { left: 5px; top: 2px; } #ecommerceFilterMenuPopup .filter-option-container .checkbox-label input:checked ~ .checkbox-custom::after { left: 4px; top: 1px; } .e-commerce-filter-container .filter-option-container * { cursor: pointer; } .e-commerce-filter-container .filter-option-container span.lbl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .e-commerce-filter-container .filter-tags-container { min-height: 35px; } .e-commerce-filter-container .filter-tags-container .tags { padding: 10px 10px 0px; display: flex; flex-wrap: wrap; gap: 5px; } .e-commerce-filter-container .filter-tags-container .tags.no-tags { display: none; } .e-commerce-filter-container .filter-tags-container .tags .tag { position: relative; display: inline-block; padding: 4px 7px; font-size: 0.7rem; background-color: var(--inside_modules_color_section_box_main); color: var(--inside_modules_color_section_btn_text); border-radius: 3px; } .e-commerce-filter-container .filter-tags-container .tags .tag .close { font-size: 1.2em; opacity: 1; transform: translateY(5%); } .e-commerce-filter-container .filter-tags-container .tags .tag .close .svg-m { background-color: var(--inside_modules_color_section_btn_text); } .e-commerce-filter-container .color .check-icon { display: none; } .e-commerce-filter-container .color.checked .check-icon { margin-left: -2px; margin-top: -5px; position: relative; font-size: 25px; display: block !important; } .m-f-b-container { padding: 0px 15px; display: none; } .e-commerce-filter-container .checkboxInput { margin-top: 3px; } @media (max-width: 991px) { .e-commerce-filter-container { display: none; } .m-f-b-container { display: inline-block; padding-left: 0px; } html[dir="rtl"] .m-f-b-container { padding-right: 0px; } .e-commerce-filter-container .checkboxInput { margin-top: 0px; } .e-commerce-filter-container .filter-option-container label > span { height: 100%; display: flex; align-items: center; } } .e-commerce-filter-container .filter-option-container label { display: flex; align-items: flex-start; place-content: center; margin: 0px; } .e-commerce-filter-container label .color { cursor: pointer; margin: 0.2em; border-radius: 50%; width: 20px !important; height: 20px !important; } .e-commerce-filter-container .filter-type-options[data-type="color"] .filter-option-content { padding: 0px 7px; } .e-commerce-filter-container .filter-type-options[data-type="color"] .filter-option-content.expanded { flex-wrap: wrap; padding-top: 6px; display: flex !important; } .s123-module-eCommerce .node-:not(.node-disabled):hover { background-color: transparent !important; } #ecommerceFilterMenuPopup .treeview .list-group-item, .s123-module-eCommerce .treeview .list-group-item { font-size: 0.8rem; padding: 4px 12px; color: var(--inside_modules_color_section_box_main) !important; } #ecommerceFilterMenuPopup .treeview .list-group-item > a, .s123-module-eCommerce .treeview .list-group-item > a { color: var(--inside_modules_color_section_box_main) !important; } .s123-page-load-status { display: none; } .s123-loader-ellips { font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto; } .s123-loader-ellips__dot { display: block; width: 1em; height: 1em; border-radius: 0.5em; background: rgb(85, 85, 85); position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite; } .s123-loader-ellips__dot:nth-child(1), .s123-loader-ellips__dot:nth-child(2) { left: 0px; } .s123-loader-ellips__dot:nth-child(3) { left: 1.5em; } .s123-loader-ellips__dot:nth-child(4) { left: 3em; } @keyframes reveal { 0% { transform: scale(0.001); } 100% { transform: scale(1); } } @keyframes slide { 100% { transform: translateX(1.5em); } } .s123-loader-ellips__dot:nth-child(1) { animation-name: reveal; } .s123-loader-ellips__dot:nth-child(2), .s123-loader-ellips__dot:nth-child(3) { animation-name: slide; } .s123-loader-ellips__dot:nth-child(4) { animation-name: reveal; animation-direction: reverse; } html[dir="ltr"] #ecommerceFilterMenuPopup { width: 75%; left: -100vw; right: 75%; top: 0px; transition: left 0.7s; } html[dir="ltr"] #ecommerceFilterMenuPopup.open { left: 0px; } html[dir="rtl"] #ecommerceFilterMenuPopup { width: 75%; right: -100vw; left: 75%; top: 0px; transition: right 0.7s; } html[dir="rtl"] #ecommerceFilterMenuPopup.open { right: 0px; } #ecommerceFilterMenuPopup { color: var(--inside_modules_color_text_box) !important; } #ecommerceFilterMenuPopup .cover { background-color: var(--inside_modules_color_box); opacity: 1; } #ecommerceFilterMenuPopup .content { width: 100% !important; } #ecommerceFilterMenuPopup .page { height: 95%; margin-top: 5%; display: block; text-align: unset; padding: 0px; } #ecommerceFilterMenuPopup .popupCloseButton i { color: var(--inside_modules_color_text_box); } #ecommerceFilterMenuPopup .popupCloseButton i.svg-m { background-color: var(--inside_modules_color_text_box); } #ecommerceFilterMenuPopup.open .custom-cover { position: fixed; inset: 0px; background-color: var(--inside_modules_color_box); opacity: 0.5; } #ecommerceFilterMenuPopup .filter-option-container .range-filter { color: var(--inside_modules_color_section_box_main) !important; } #ecommerceFilterMenuPopup .e-commerce-filter-container .filter-type-title { border-color: var(--inside_modules_color_text_box) !important; } #ecommerceFilterMenuPopup .e-commerce-filter-container .expand-filter { background-color: var(--inside_modules_color_text_box) !important; } .e-commerce-filter-container .filter-options.is-open .expand-filter.plus-icon, .e-commerce-filter-container .filter-options:not(.is-open) .expand-filter.minus-icon { display: none; } .e-commerce-filter-container .filter-options:not(.is-open) .expand-filter.plus-icon, .e-commerce-filter-container .filter-options.is-open .expand-filter.minus-icon { display: block; } .s123-page-data-e-commerce .automatic-coupon-limit { text-align: center; } .s123-page-data-e-commerce .automatic-coupon-text { color: var(--global_main_color); border: 1px solid var(--global_main_color); border-radius: 4px; font-weight: 600; font-size: 1.2em; padding: 10px; margin-bottom: 20px; display: inline-block; } .e-commerce-filter-parent .e-commerce-filter-container .expand-filter { background-color: var(--inside_modules_color_text) !important; } .e-commerce-filter-parent .m-f-b-container .mobile-filter-btn { border: 0px; } #ecommerceFilterMenuPopup[data-style="mainColor"] .cover { background-color: var(--inside_modules_color_section_box_main); } #ecommerceFilterMenuPopup[data-style="mainColor"], .e-commerce-filter-parent[data-style="mainColor"] { color: var(--inside_modules_color_section_btn_text) !important; background-color: var(--inside_modules_color_section_box_main); } #ecommerceFilterMenuPopup[data-style="mainColor"] .filter-type-title a, #ecommerceFilterMenuPopup[data-style="mainColor"] .filter-type-price .filter-option-container a, #ecommerceFilterMenuPopup[data-style="mainColor"] .treeview .list-group-item a, .s123-module-eCommerce .e-commerce-filter-parent[data-style="mainColor"] .filter-type-title a, .s123-module-eCommerce .e-commerce-filter-parent[data-style="mainColor"] .filter-type-price .filter-option-container a, .s123-module-eCommerce .e-commerce-filter-parent[data-style="mainColor"] .treeview .list-group-item a { color: var(--inside_modules_color_section_btn_text) !important; } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-option-container, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-option-container { color: var(--inside_modules_color_section_btn_text) !important; } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .expand-filter, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .expand-filter { background-color: var(--inside_modules_color_section_btn_text) !important; } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-by-title, #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-type-title, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-by-title, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-type-title { border-color: var(--inside_modules_color_section_btn_text) !important; } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-type-title .svg-icon, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-type-title .svg-icon { fill: var(--inside_modules_color_section_btn_text); } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-tags-container .tags .tag, .s123-page-data-e-commerce .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-tags-container .tags .tag { background-color: var(--inside_modules_color_section_btn_text); color: var(--inside_modules_color_section_box_main); } .s123-page-data-e-commerce .e-commerce-filter-parent[data-style="mainColor"] .filter-tags-container .tags .tag .close .svg-m, #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-tags-container .tags .tag .close .svg-m { background-color: var(--inside_modules_color_section_box_main); } #ecommerceFilterMenuPopup[data-style="mainColor"] .popupCloseButton i.svg-m { background-color: var(--inside_modules_color_section_btn_text); } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-option-container .checkbox-label .checkbox-custom, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-option-container .checkbox-label .checkbox-custom { background-color: var(--inside_modules_color_section_btn_text) !important; } #ecommerceFilterMenuPopup[data-style="mainColor"] .e-commerce-filter-container .filter-option-container .checkbox-label .checkbox-custom::after, .e-commerce-filter-parent[data-style="mainColor"] .e-commerce-filter-container .filter-option-container .checkbox-label .checkbox-custom::after { border-color: var(--inside_modules_color_section_box_main); } .s123-page-data-e-commerce #ecommerceFilterMenuPopup[data-style="mainColor"] [data-rel="multiCurrency"] span, .s123-page-data-e-commerce .e-commerce-filter-parent[data-style="mainColor"] [data-rel="multiCurrency"] span { color: var(--inside_modules_color_section_btn_text) !important; } .s123-module-press.layout-1 .press { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.1); text-align: center; padding-top: 40px; padding-bottom: 56px; } .s123-module-press.layout-1 .press-container:not(.press-home-page) .press:last-child { border-bottom: none; } @media (min-width: 768px) { .s123-module-press.layout-1 .press { text-align: left; padding-block: 32px; } html[dir="rtl"] .s123-module-press.layout-1 .press { text-align: right; } } .s123-module-press.layout-1 .press-image { position: relative; width: 260px; min-height: 147px; margin: auto auto 32px; } @media (min-width: 768px) { .s123-module-press.layout-1 .press-image { float: left; margin: 0px 30px 0px 0px; } html[dir="rtl"] .s123-module-press.layout-1 .press-image { float: right; margin: 0px 0px 0px 30px; } } .s123-module-press.layout-1 .press-image img { display: block; position: relative; height: auto; margin: 0px auto; border-radius: 8px; width: 100%; } @media (min-width: 768px) { .s123-module-press.layout-1 .press-image img { max-width: 100%; max-height: 250px; } } .s123-module-press.layout-1 .press-details { position: relative; overflow: hidden; } .s123-module-press.layout-1 .press-title { margin-bottom: 8px; } .s123-module-press.layout-1 .press-title h3 { text-transform: uppercase; letter-spacing: 0.1em; margin: 0px; font-size: 1rem; font-weight: 600; } .s123-module-press.layout-1 .press-meta { font-weight: 600; font-size: 0.875rem; margin: 0px 0px 16px; opacity: 0.5; } .s123-module-press.layout-1 .press-content .btn { margin-top: 10px; } .s123-module-press.layout-1 .press-content { margin: 0px; display: block; box-sizing: border-box; } @media (min-width: 768px) { .s123-module-press.layout-1 .press-content p { text-align: left; font-weight: 400; font-size: 1.1rem; margin: 0px; width: 75%; float: left; } .s123-module-press.layout-1 .press-content .btn { margin-top: 0px; float: right; } html[dir="rtl"] .s123-module-press.layout-1 .press-content p { float: right; padding-right: 0px; text-align: right; } html[dir="rtl"] .s123-module-press.layout-1 .press-content .btn { float: left; } } @media (min-width: 768px) { .s123-module-press.layout-2 .col-centered { display: inline-block; float: none; text-align: center; vertical-align: text-top; width: 33%; } } .s123-module-press.layout-2 .press-item { display: flex; flex-direction: column; align-items: center; box-sizing: border-box; height: 100%; padding: 8px; margin: 25px 10px 50px 0px; text-align: center; } .s123-module-press.layout-2 .press-item .press-title { font-weight: 600; font-size: 1rem; margin: 0px 0px 24px; } .s123-module-press.layout-2 .press-item .press-img { width: 100%; background-position: center center; background-size: cover; aspect-ratio: 16 / 9; background-repeat: no-repeat; margin-bottom: 32px; max-width: 261px; border-radius: 8px; } .s123-module-press.layout-2 .press-item .press-date-time { display: block; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase; margin-bottom: 8px; opacity: 0.5; } .s123-module-press.layout-2 .press-item .press-description { margin-bottom: 32px; } .s123-module-press.layout-2 .press-item .btn { min-width: 160px; display: inline-block; font-size: 0.8rem; } @media (max-width: 767px) { .s123-module-press.layout-2 .press-item .no-img-mobile { display: none; } .s123-module-press.layout-2 .press-item { margin-bottom: 56px; } } .s123-module-custom-form-builder .customForm .paragraph { white-space: pre-wrap; } .s123-module-custom-form-builder .formbuilder-checkbox .formbuilder-checkbox-label { display: none; } .s123-module-custom-form-builder .formbuilder-checkbox { display: flex; flex-wrap: wrap; align-items: center; align-content: center; } .s123-module-custom-form-builder .formbuilder-checkbox > label, .s123-module-custom-form-builder .formbuilder-radio > label { font-weight: normal; margin-bottom: 0px; } .s123-module-custom-form-builder .formbuilder-checkbox > input, .s123-module-custom-form-builder .formbuilder-radio > input { margin-right: 5px; } html[dir="rtl"] .s123-module-custom-form-builder .formbuilder-checkbox > input { margin-right: 0px; margin-left: 5px; } .s123-module-custom-form-builder .formbuilder-checkbox .help-block { flex-basis: 100%; } .s123-module-custom-form-builder .date-time-picker.s123-calendar-handler-input { min-height: 40px; } .s123-module-custom-form-builder .unique-submission-msg { padding: 0px 20px 20px; } .s123-module-custom-form-builder #uniqueSubmission { display: none; } .s123-module-custom-form-builder .customForm .formbuilder-twoColumns [id^="twoColumns-"]:first-child { padding-right: 10px; } html[dir="rtl"] .s123-module-custom-form-builder .customForm .formbuilder-twoColumns [id^="twoColumns-"]:first-child { padding-right: 10px; } @media (min-width: 768px) { .s123-module-custom-form-builder .customForm .formbuilder-twoColumns [id^="twoColumns-"]:first-child { padding-right: 20px; } html[dir="rtl"] .s123-module-custom-form-builder .customForm .formbuilder-twoColumns [id^="twoColumns-"]:first-child { padding-right: 20px; } } .s123-module-custom-form-builder .customForm.background-primary-color { color: var(--modules_color_second_section_btn_text); } .s123-module-custom-form-builder.bg-primary .customForm.background-primary-color { color: var(--modules_color_section_btn_text); } .s123-module-custom-form-builder .customForm.bg-primary-white { border-top: 6px solid var(--global_main_color); } .s123-module-custom-form-builder .customForm.bg-primary-white-transparent { border-top: 6px solid var(--global_main_color); background-color: rgba(255, 255, 255, 0.5); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .s123-module-custom-form-builder .customForm.bg-primary-transparent { background-color: rgba(64, 64, 64, 0.3); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-color: transparent; } .s123-module-custom-form-builder .customForm.background-primary-color button { border-color: var(--modules_color_second_section_btn_text) !important; background-color: var(--modules_color_second_section_btn_text) !important; color: var(--modules_color_second_section_main) !important; } .s123-module-custom-form-builder.bg-primary .customForm.background-primary-color button { border-color: var(--modules_color_section_btn_text) !important; background-color: var(--modules_color_section_btn_text) !important; color: var(--modules_color_section_main) !important; } .s123-module-custom-form-builder .customForm.bg-primary-gray button { border-color: rgb(0, 0, 0); background: transparent; color: rgb(0, 0, 0); } .s123-module-custom-form-builder .customForm.bg-primary-black button { border-color: rgb(255, 255, 255); background: transparent; color: rgb(255, 255, 255); } .s123-module-custom-form-builder .customForm.background-primary-color .previous-form-btn, .s123-module-custom-form-builder .customForm.bg-primary-black .previous-form-btn { color: rgb(255, 255, 255) !important; } .s123-module-custom-form-builder .customForm.bg-primary-gray .previous-form-btn { color: rgb(0, 0, 0) !important; } .s123-module-custom-form-builder.layout-1 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-1 .custom-form-description-box { margin-bottom: 20px; } .s123-module-custom-form-builder.layout-1 .customForm .form-field-container { padding: 20px 0px 0px; } .s123-module-custom-form-builder.layout-2 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-2 .custom-form-description-box { margin-bottom: 20px; } .s123-module-custom-form-builder.layout-3 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-3 .custom-form-description-box { margin-bottom: 20px; } @media (max-width: 768px) { .s123-module-custom-form-builder.layout-3 .custom-form-description-box { margin-top: 20px; margin-bottom: auto; } } .s123-module-custom-form-builder.layout-4 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-4 .custom-form-description-box { margin-top: 20px; } .s123-module-custom-form-builder.layout-5 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-5 .custom-form-description-box { margin-bottom: 20px; } .s123-module-custom-form-builder.layout-6 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-6 .custom-form-description-box { margin-bottom: 20px; } .s123-module-custom-form-builder.layout-7 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-7 .custom-form-description-box { margin-bottom: 20px; } @media (max-width: 768px) { .s123-module-custom-form-builder.layout-7 .custom-form-description-box { margin-top: 20px; margin-bottom: auto; } } .s123-module-custom-form-builder.layout-8 .customForm input[type="file"].form-control { height: auto; } .s123-module-custom-form-builder.layout-8 .custom-form-description-box { margin-top: 20px; } @media (max-width: 768px) { .popover.client-card-popover { left: 5px !important; } html[dir="rtl"] .popover.client-card-popover { left: auto !important; right: 5px !important; } html[dir="rtl"] .popover.client-card-popover.top > .arrow { right: auto !important; } } .popover .client-card { width: 400px; } @media (max-width: 767px) { .popover .client-card { width: 300px; } } .popover .client-card .client-card-avatar .forum-card-avatar { float: left; margin-right: 10px; margin-top: -53px; } html[dir="rtl"] .popover .client-card .client-card-avatar .forum-card-avatar { float: right; margin-right: 0px; margin-left: 10px; } .popover .client-card .client-card-avatar .client-card-name { float: left; width: 45%; } html[dir="rtl"] .popover .client-card .client-card-avatar .client-card-name { float: left; } .popover .client-card .client-card-avatar .client-card-name span { font-size: 1.5rem; } @media (max-width: 767px) { .popover .client-card .client-card-avatar .client-card-name span { font-size: 1.125rem; } } .popover .client-card .client-card-posts { width: 100%; clear: both; padding-top: 10px; padding-bottom: 10px; } .popover .client-card .client-card-posts .card-posts-data { display: inline; margin-right: 15px; } @media (max-width: 767px) { .popover .client-card .client-card-posts .card-posts-data:last-child { display: block; } } html[dir="rtl"] .popover .client-card .client-card-posts .card-posts-data { margin-right: 0px; margin-left: 15px; } .popover .client-card .client-card-avatar .forum-card-avatar .avatar-img { display: flex; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 120px; height: 120px; border-radius: 50%; justify-content: center; } .popover .client-card .client-card-avatar .forum-card-avatar [data-letters]::before { content: attr(data-letters); display: flex; font-size: 6em; text-align: center; border-radius: 50%; color: white; justify-content: center; align-self: center; } @media (max-width: 767px) { .popover .client-card .client-card-avatar .forum-card-avatar .avatar-img { width: 90px; height: 90px; } .popover .client-card .client-card-avatar .forum-card-avatar [data-letters]::before { font-size: 4.5em; } } .popover.forum-search form.forum-search-box .search-container { margin-bottom: 0px; } .popover.forum-search form.forum-search-box .forum-search-input { width: 350px; margin-bottom: 5px; } .popover.forum-search form.forum-search-box .forum-search-option { text-decoration: none; margin-bottom: 5px; } .popover.forum-search .forum-search-loading { position: absolute; top: 1.1em; right: 1.5em; z-index: 100; } html[dir="rtl"] .popover.forum-search .forum-search-loading { right: auto; left: 1.5em; } .popover.forum-search .forum-results-container ul.forum-results-list { list-style: none; margin: 0px; padding: 0px; } .popover.forum-search .forum-results-container ul.forum-results-list li { margin: 0px; } .popover.forum-search .forum-results-container ul.forum-results-list li a { display: block; border-bottom: 1px solid rgba(204, 204, 204, 0.62); padding: 10px; border-radius: 0px; overflow: hidden; color: black; text-decoration: none !important; } .popover.forum-search .forum-results-container ul.forum-results-list li.forum-last-result a { border-bottom: 0px; } .popover.forum-search .forum-results-container ul.forum-results-list li a:hover { background-color: rgba(204, 204, 204, 0.2); } .popover.forum-search .forum-results-container ul.forum-more-results { list-style: none; margin: 0px; padding: 0px; } .popover.forum-search .forum-results-container ul.forum-more-results li { padding-top: 10px; padding-bottom: 5px; } .popover.forum-search .forum-results-container ul.forum-more-results li a { text-decoration: none !important; } .popover.forum-search .forum-results-container .result-topic span { margin-right: 6px; } html[dir="rtl"] .popover.forum-search .forum-results-container .result-topic span { margin-right: auto; margin-left: 6px; } .popover.forum-search .forum-results-container .result-topic { display: block; overflow-wrap: break-word; font-size: 1em; line-height: 1.4; } .popover.forum-search .forum-results-container .result-body { display: block; overflow-wrap: break-word; font-size: 0.7579em; line-height: 1.4; width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } #popupForumInformation .container-fluid { width: 100%; height: 100%; padding: 100px 50px; margin-right: auto; margin-left: auto; } .newTopicForm .softLabel > label:not(.error), #popupEditTopicReply .softLabel > label:not(.error) { position: absolute; top: 13px; left: 21px; opacity: 0.6; background-color: transparent; padding: 0.2rem 0.45rem; font-size: 15px; transition: transform 0.2s ease-out, opacity 0.2s ease-out, font-size 0.2s ease-out, top 0.2s ease-out; } html[dir="rtl"] .newTopicForm .softLabel > label:not(.error), html[dir="rtl"] #popupEditTopicReply .softLabel > label:not(.error) { right: 21px; left: auto; } .newTopicForm .softLabel > label:not(.error):hover, #popupEditTopicReply .softLabel > label:not(.error):hover { cursor: text; } .newTopicForm .softLabel > label:not(.error).active, #popupEditTopicReply .softLabel > label:not(.error).active { top: 0px; font-size: 12px; opacity: 1; } .newTopicForm .form-group input[type="text"], #popupEditTopicReply .form-group input[type="text"], .newTopicForm .form-group input[type="email"], #popupEditTopicReply .form-group input[type="email"], .newTopicForm .form-group input[type="number"], #popupEditTopicReply .form-group input[type="number"], .newTopicForm .form-group textarea, #popupEditTopicReply .form-group textarea { padding: 1.375rem 0.75rem 0.375rem; font-size: 0.8rem; } .newTopicForm .form-group select, #popupEditTopicReply .form-group select { min-height: 3rem; appearance: none; height: 3rem !important; font-size: 0.8rem !important; padding: 1.375rem 0.75rem 0.375rem !important; } .s123-module-forum.layout-1 { line-height: 1.5; } .s123-module-forum.layout-1 p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-forum.layout-1 ul { line-height: 1.5; } .s123-module-forum.layout-1 ul, .s123-module-forum.layout-1 ol { list-style-position: inside; } .s123-module-forum.layout-2 { line-height: 1.5; } .s123-module-forum.layout-2 p { white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-forum.layout-2 ul { line-height: 1.5; } .s123-module-forum.layout-2 ul, .s123-module-forum.layout-2 ol { list-style-position: inside; } .s123-module-forum.layout-2 .forum-bottom-line::after { content: ""; width: 100%; height: 1px; background-color: rgb(220, 220, 220); display: block; margin-bottom: 9px; margin-top: 9px; } .s123-module-forum.layout-2 .topics-client-avatar [data-letters]::before { content: attr(data-letters); display: inline-block; font-size: 1.1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; vertical-align: middle; color: white; } @media (max-width: 767px) { .s123-module-forum.layout-2 .topics-client-avatar [data-letters]::before { font-size: 2em; width: 45px; height: 45px; line-height: 45px; } } .s123-module-forum.layout-2 .topics-client-avatar .avatar-img { display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; } @media (max-width: 767px) { .s123-module-forum.layout-2 .topics-client-avatar .avatar-img { width: 45px; height: 45px; } } .s123-module-forum.layout-2 .topics-client-avatar span { cursor: pointer; margin-right: 3px; } html[dir="rtl"] .s123-module-forum.layout-2 .topics-client-avatar img, html[dir="rtl"] .s123-module-forum.layout-2 .topics-client-avatar span { margin-left: 3px; } .s123-module-forum.forum-topics .topics-controls { padding-bottom: 20px; } .s123-module-forum.forum-topics .topics-controls button, .s123-module-forum.forum-topics .topics-controls a { margin-right: 5px; } html[dir="rtl"] .s123-module-forum.forum-topics .topics-controls button, html[dir="rtl"] .s123-module-forum.forum-topics .topics-controls a { margin-left: 5px; } .s123-module-forum.forum-topics .topics-controls .arrange-btn { text-transform: uppercase; display: inline-block; } .s123-module-forum.forum-topics .topics-controls .arrange-btn a { text-decoration: none; margin-right: 20px; } html[dir="rtl"] .s123-module-forum.forum-topics .topics-controls .arrange-btn a { margin-right: auto; margin-left: 20px; } .s123-module-forum.forum-topics .topics-controls .arrange-btn .active { font-weight: bold; } .s123-module-forum.forum-topics .topics-controls .navigation-btn .new-topic-btn, .s123-module-forum.forum-topics .topics-controls .navigation-btn .forum-search-btn { display: inline-block; } .s123-module-forum.forum-topics .topics-controls .navigation-btn { display: inline-block; float: right; } html[dir="rtl"] .s123-module-forum.forum-topics .topics-controls .navigation-btn { float: left; } .s123-module-forum.forum-topics .btn-group .rmv-topic-btn { color: rgb(255, 86, 82) !important; cursor: pointer; } .s123-module-forum.forum-topics .btn-group .rmv-topic-btn .svg-m { background-color: rgb(255, 86, 82) !important; } .s123-module-forum.forum-topics .topics-subject, .s123-module-forum.forum-topics .topics-category { word-break: break-word; } .s123-module-forum.forum-topics .topics-client-avatar [data-letters]::before { content: attr(data-letters); display: inline-block; font-size: 1.1em; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; vertical-align: middle; color: white; } @media (max-width: 767px) { .s123-module-forum.forum-topics .topics-client-avatar [data-letters]::before { font-size: 2em; width: 45px; height: 45px; line-height: 45px; } } .s123-module-forum.forum-topics .topics-client-avatar .avatar-img { display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; } @media (max-width: 767px) { .s123-module-forum.forum-topics .topics-client-avatar .avatar-img { width: 45px; height: 45px; } } .s123-module-forum.forum-topics .topics-client-avatar span { cursor: pointer; margin-right: 3px; } html[dir="rtl"] .s123-module-forum.forum-topics .topics-client-avatar img, html[dir="rtl"] .s123-module-forum.forum-topics .topics-client-avatar span { margin-left: 3px; } .s123-module-forum.forum-topics .forum-bottom-line::after { content: ""; width: 100%; height: 1px; background-color: rgb(220, 220, 220); display: block; margin-bottom: 9px; margin-top: 9px; } .s123-module-forum.forum-topics .topics-replies, .s123-module-forum.forum-topics .topics-manage { text-align: center; } @media (max-width: 767px) { .s123-module-forum.forum-topics .topics-replies, .s123-module-forum.forum-topics .topics-manage { text-align: right; } html[dir="rtl"] .s123-module-forum.forum-topics .topics-replies, html[dir="rtl"] .s123-module-forum.forum-topics .topics-manage { text-align: left; } } .s123-module-forum.forum-topics .forum-categories-col { padding-bottom: 20px; } .s123-module-forum.forum-topics .forum-categories-col .forum-total-topics { float: right; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-categories-col .forum-total-topics { float: left; } .s123-module-forum.forum-topics .forum-category-titles { padding-bottom: 5px; border-bottom: 3px solid rgb(220, 220, 220); } .s123-module-forum.forum-topics .forum-category-row .row:first-child { vertical-align: top; border-color: rgb(158, 184, 59); border-left-width: 6px; border-left-style: solid; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-category-row { padding-left: 0px; padding-right: 10px; } .s123-module-forum.forum-topics .forum-category-row .forum-category-name { font-weight: bold; border-bottom: 1px solid rgb(220, 220, 220); padding: 20px 0px; } .s123-module-forum.forum-topics .forum-category-row .forum-category-name { padding-left: 10px; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-category-row .forum-category-name { } .s123-module-forum.forum-topics .forum-category-row .forum-category-name .forum-category-counter { float: right; margin: auto 5px; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-category-row .forum-category-name .forum-category-counter { float: left; } .s123-module-forum.forum-topics .forum-category-row .forum-category-name a { text-decoration: none; } .s123-module-forum.forum-topics .forum-topics-col .forum-topics-list { padding: 10px 0px 5px; } .s123-module-forum.forum-topics .forum-topics-col .topics-client-avatar [data-letters]::before { font-size: 2em; width: 45px; height: 45px; line-height: 45px; } .s123-module-forum.forum-topics .forum-topics-col .topics-client-avatar .avatar-img { width: 45px; height: 45px; } .s123-module-forum.forum-topics .forum-topics-col .topics-replies, .s123-module-forum.forum-topics .forum-topics-col .topics-manage { text-align: right; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-topics-col .topics-replies, html[dir="rtl"] .s123-module-forum.forum-topics .forum-topics-col .topics-manage { text-align: left; } .s123-module-forum.forum-topics .forum-load-more-topics { padding-left: 0px; padding-right: 0px; } @media (min-width: 767px) { .s123-module-forum.forum-topics .forum-topics-list .topics-subject-cat { padding-left: 0px; padding-right: 0px; } } .s123-module-forum.forum-topics .forum-load-more-topics a { float: right; } html[dir="rtl"] .s123-module-forum.forum-topics .forum-load-more-topics a { float: left; } #popupForumInformation .forum-information { text-align: left; } html[dir="rtl"] #popupForumInformation .forum-information { text-align: right; } .s123-module-forum.forum-expanded-search .forum-search-container { min-width: 300px; margin: 0px auto; overflow: auto; } .s123-module-forum.forum-expanded-search .forum-advanced-search-btn a { width: 100%; padding: 10px; text-align: center; display: block; font-weight: bold; text-decoration: none; border: 1px solid; } @media (max-width: 767px) { .s123-module-forum.forum-expanded-search .forum-advanced-search { display: none; } } @media (min-width: 767px) { .s123-module-forum.forum-expanded-search .forum-advanced-search { display: block !important; } } .s123-module-forum.forum-expanded-search .forum-search-form { padding-bottom: 10px; } .s123-module-forum.forum-expanded-search .forum-results-container .f-search-no-result { text-align: center; } .s123-module-forum.forum-expanded-search .f-search-client-avatar [data-letters]::before { content: attr(data-letters); display: inline-block; font-size: 2em; width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; vertical-align: middle; color: white; cursor: pointer; } .s123-module-forum.forum-expanded-search .f-search-client-avatar .avatar-img { display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 45px; height: 45px; border-radius: 50%; vertical-align: middle; cursor: pointer; } .s123-module-forum.forum-expanded-search .f-search-bottom-line::after { content: ""; width: 100%; height: 1px; background-color: rgb(220, 220, 220); display: block; margin-bottom: 9px; margin-top: 9px; } .s123-module-forum.forum-expanded-search .f-search-header::after { content: ""; width: 100%; height: 3px; background-color: rgb(220, 220, 220); display: block; margin-bottom: 9px; margin-top: 9px; } .s123-module-forum.forum-expanded-search .f-search-post-message { display: block; overflow-wrap: break-word; font-size: 0.7579em; line-height: 1.4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .s123-module-twitter-tweets .box { padding: 0px; margin-top: 40px; margin-bottom: 30px; border-radius: 5px; } .s123-module-twitter-tweets .box h4 { font-weight: 600; line-height: var(--global_line_height); margin-bottom: 15px; margin-top: 15px; } .s123-module-twitter-tweets .box p { font-size: 16px; line-height: 1.6; margin: 10px 0px 0px; white-space: pre-wrap; overflow-wrap: break-word; } .s123-module-twitter-tweets.layout-1 ul, .s123-module-twitter-tweets.layout-1 ol { list-style-position: inside; } .s123-module-twitter-tweets .twitter-tweets-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-twitter-tweets.layout-1 .panel-group .panel { box-shadow: none; } .s123-module-twitter-tweets.layout-1 .panel-group .panel-body { background-color: rgb(255, 255, 255); } .s123-module-twitter-tweets.layout-1 .panel-group .heading { padding: 0.8em; } .s123-module-twitter-tweets.layout-1 .tweet { overflow: hidden; border-radius: 8px; padding: 12px; } html.home_page .s123-module-numbers-features.layout-1 .features-container { margin-bottom: -30px; } .s123-module-numbers-features.layout-1 .feature-item { margin-bottom: 30px; } .s123-module-numbers-features.layout-1 .feature-item-number { height: 50px; width: 50px; border-radius: 50%; text-decoration: none; margin: 0px auto 20px; } .s123-module-numbers-features.layout-1 .feature-text-container p { margin: 0px; opacity: 0.7; } @media (min-width: 768px) { html.home_page .s123-module-numbers-features.layout-1 .features-container { margin-bottom: -85px; } .s123-module-numbers-features.layout-1 .feature-item { display: flex; margin-bottom: 85px; } .s123-module-numbers-features.layout-1 .feature-item-number { flex-shrink: 0; margin: 0px 20px 0px 0px; } html[dir="rtl"] .s123-module-numbers-features.layout-1 .feature-item-number { margin: 0px 0px 0px 20px; } .s123-module-numbers-features.layout-1 .feature-text-container { width: calc(100% - 50px); text-align: left; } html[dir="rtl"] .s123-module-numbers-features.layout-1 .feature-text-container { text-align: right; } } .s123-module-numbers-features.layout-1 .feature-item h4 { margin-top: 0px; } html.home_page .s123-module-numbers-features.layout-2 .features-container { margin-bottom: -30px; } .s123-module-numbers-features.layout-2 .feature-item { display: flex; margin-bottom: 30px; position: relative; flex-wrap: wrap; padding-top: 2rem; } .s123-module-numbers-features.layout-2 .feature-item-number { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; font-size: 8rem; line-height: calc(6rem); font-weight: bold; opacity: 0.1; font-family: Arial, Helvetica, sans-serif; } .s123-module-numbers-features.layout-2 .feature-text-container p { margin: 0px; opacity: 0.7; } @media (min-width: 500px) and (max-width: 767px) { .s123-module-numbers-features.layout-2 .features-container .col-xs-12 { width: 50%; } } @media (min-width: 768px) { html.home_page .s123-module-numbers-features.layout-2 .features-container { margin-bottom: -85px; } .s123-module-numbers-features.layout-2 .feature-item { margin-bottom: 85px; } } .s123-module-numbers-features.layout-2 .feature-item .feature-text-container { position: relative; z-index: 2; text-align: left; } html[dir="rtl"] .s123-module-numbers-features.layout-2 .feature-item .feature-text-container { text-align: right; } .s123-module-numbers-features.layout-3 .container { max-width: 700px; } html.home_page .s123-module-numbers-features.layout-3 .features-container { margin-bottom: -50px; } .s123-module-numbers-features.layout-3 .feature-item { display: flex; margin-bottom: 50px; position: relative; flex-wrap: wrap; padding: 2rem 0px 0px 4.3rem; } @media (min-width: 768px) { html.home_page .s123-module-numbers-features.layout-3 .features-container, .s123-module-numbers-features.layout-3 .feature-item { margin: 0px; } } .s123-module-numbers-features.layout-3 .feature-item-number { width: 100%; position: absolute; top: 0px; left: 0px; z-index: 1; font-size: 8rem; line-height: calc(6rem); font-weight: bold; opacity: 0.1; font-family: Arial, Helvetica, sans-serif; text-align: left; } html[dir="rtl"] .s123-module-numbers-features.layout-3 .feature-item-number { text-align: right; } .s123-module-numbers-features.layout-3 .feature-text-container p { margin: 0px; opacity: 0.7; } .s123-module-numbers-features.layout-3 .feature-item .feature-text-container { position: relative; z-index: 2; text-align: left; } html[dir="rtl"] .s123-module-numbers-features.layout-3 .feature-item .feature-text-container { text-align: right; } .rich_page .s123-module-rich-page.layout-1 { padding: 0px !important; } .rich_page .r-c-f-c:not(.s123-module-headers) { padding-top: var(--sectionsPadding) !important; } .rich_page .r-c-f-c .modulesTitle { padding-bottom: 10px; } .rich_page .s123-module-rich-page.layout-1.s123-module { border-bottom-width: 0px; } .rich_page .s123-module-rich-page[data-sections-amount="0"] { min-height: 300px; } .s123-module-onlineCourses.layout-1 .online-courses-block { margin-bottom: -20px; } .s123-module-onlineCourses.layout-1 .courses-container:nth-child(4n+1) { clear: both; } .s123-module-onlineCourses.layout-1 .courses-wrap { border-radius: 8px; margin-bottom: 20px; } .s123-module-onlineCourses.layout-1 .courses-wrap:hover { box-shadow: rgba(18, 43, 70, 0.1) 0px 4px 32px 0px; } .s123-module-onlineCourses.layout-1 .courses-image > div { width: 100%; height: 160px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 8px 8px 0px 0px; } .s123-module-onlineCourses.layout-1 .courses-details { display: flex; flex-direction: column; padding: 16px; gap: 8px; } .s123-module-onlineCourses.layout-1 .section-count { opacity: 0.6; } .s123-module-onlineCourses.layout-1 .section-count p { margin: 0px; } .s123-module-onlineCourses.layout-1 .courses-title h3 { font-weight: bold; overflow-wrap: break-word; margin: 0px; } html[dir="rtl"] .s123-module-onlineCourses.layout-1 .fa-angle-right::before { content: ""; } .s123-module-onlineCourses.layout-1 .online-courses-container hr { max-width: none; border-width: 1px; border-color: rgb(221, 221, 221); } .s123-module-onlineCourses.layout-1 .online-courses-container .product-images .main-image { margin-bottom: 20px; border: 1px solid rgb(221, 221, 221); position: relative; } .s123-module-onlineCourses.layout-1 .online-courses-container .product-images .main-image > div { width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; } .online-courses-container .course-details .s123-box-border-box { border-radius: 8px; } .online-courses-container .course-details .course-widget-image { height: 200px; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 8px 8px 0px 0px; } .online-courses-container .course-details .course-widget-text { padding: 32px; } .online-courses-container .course-details .course-widget-text h4 { font-weight: 700; font-size: 1.24rem; margin: 0px 0px 8px; opacity: 0.8; } .online-courses-container .course-details .course-widget-text p { margin-bottom: 24px; } .online-courses-container .course-details .course-widget-text .price-container { margin-bottom: 20px; font-weight: 700; font-size: 1rem; } .online-courses-container .course-details .course-widget-text .price-container .price-sale-precentege { display: inline-block; direction: ltr; color: rgb(255, 0, 0); } .online-courses-container .course-details .course-widget-text .price-container .price-value.price-before-sale { margin-right: 5px; display: inline-block; opacity: 0.4; text-decoration: line-through; } html[dir="rtl"] .online-courses-container .course-details .course-widget-text .price-container .price-value.price-before-sale { margin-right: 0px; margin-left: 5px; } .online-courses-container .course-details .course-widget-text .btn { width: 100%; } .online-courses-container .course-details .course-widget-text .price-container .btn span { white-space: pre-wrap; } .online-courses-container .online-courses-box { margin-bottom: 32px; } .online-courses-container .online-courses-box .online-courses-content.breakable { white-space: pre-wrap; } .s123-module-onlineCourses.layout-1 .online-courses-content .online-courses-box-header { position: relative; font-weight: 600; font-size: 1.45rem; margin: 0px 0px 32px; padding-bottom: 16px; } .s123-module-onlineCourses.layout-1 .online-courses-content .online-courses-box-header::after { content: ""; height: 4px; width: 32px; position: absolute; background-color: var(--global_main_color); bottom: 0px; left: 0px; } .home_page .s123-module-onlineCourses.layout-1.bg-primary .online-courses-content .online-courses-box-header::after { background-color: var(--modules_color_section_main); } .home_page .s123-module-onlineCourses.layout-1 .online-courses-content .online-courses-box-header::after { background-color: var(--modules_color_second_section_main); } .inside_page .s123-module-onlineCourses.layout-1 .online-courses-content .online-courses-box-header::after { background-color: var(--inside_modules_color_section_box_main); } html[dir="rtl"] .s123-module-onlineCourses.layout-1 .online-courses-content .online-courses-box-header::after { right: 0px; left: auto; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group, .popupOnlineCourseVideos .course-list-container .panel-group { margin: 0px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading { display: flex; justify-content: space-between; padding: 32px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading .course-title, .popupOnlineCourseVideos .course-list-container .panel-group .heading .course-title { display: flex; align-items: center; gap: 8px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading i, .popupOnlineCourseVideos .course-list-container .panel-group .heading i { display: flex; align-items: center; opacity: 0.6; transition: transform 0.3s; width: 10px; margin-right: 5px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading[aria-expanded="true"] i, .popupOnlineCourseVideos .course-list-container .panel-group .heading[aria-expanded="true"] i { transform: rotate(180deg); } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .panel, .popupOnlineCourseVideos .course-list-container .panel-group .panel { box-shadow: none; border-radius: 8px; margin: 0px 0px 24px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .panel:last-child, .popupOnlineCourseVideos .course-list-container .panel-group .panel:last-child { margin: 0px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .panel-body { padding: 0px 32px 32px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading .panel-title, .popupOnlineCourseVideos .course-list-container .panel-group .heading .panel-title { font-weight: 700; font-size: 1rem; } html[dir="rtl"] .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading .panel-title, html[dir="rtl"] .popupOnlineCourseVideos .course-list-container .panel-group .heading .panel-title { text-align: right; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading .panel-title .freePreview { white-space: break-spaces; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading .panel-lesson-num, .popupOnlineCourseVideos .course-list-container .panel-group .heading .panel-lesson-num { margin: 0px; text-align: center; font-size: 1rem; font-weight: 500; color: rgb(168, 168, 168); } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view { display: flex; justify-content: space-between; margin-bottom: 16px; } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view:last-child { margin-bottom: 0px; } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view .lesson-title { display: flex; align-items: center; cursor: pointer; gap: 16px; } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view .lesson-title i, .popupOnlineCourseVideos .course-list-container #accordion .lesson-video i, .popupOnlineCourseVideos .course-list-container #accordion .lesson-closed i { background-color: rgb(141, 150, 160) !important; } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view .lesson-title.remove-link { text-decoration: none; color: inherit; cursor: default; } .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view .lesson-preview { cursor: pointer; text-align: right; font-weight: 600; font-size: 1rem; } html[dir="rtl"] .s123-module-onlineCourses.layout-1 .online-courses-content .lesson-view .lesson-preview { text-align: left; } .popupOnlineCourseVideos .modal-body { padding: 24px; } .popupOnlineCourseVideos .modal-dialog { margin: 50px auto 0px; padding: 17px; width: 80% !important; } .popupOnlineCourseVideos .modal-dialog .modal-content { min-height: 800px; height: 100%; border: none; border-radius: 16px; } .popupOnlineCourseVideos .modal-dialog .modal-header { border-radius: 16px 16px 0px 0px; padding: 24px; } .popupOnlineCourseVideos .modal-dialog .modal-header .close { opacity: 1; } .popupOnlineCourseVideos .modal-dialog .modal-header .close:hover { color: inherit; } .popupOnlineCourseVideos .videoInlineTitle, .popupOnlineCourseVideos .audioInlineTitle { font-weight: 600; font-size: 1.45rem; margin: 0px 0px 24px; } .popupOnlineCourseVideos .onlineCourseVideoInline { display: flex; justify-content: center; margin-bottom: 50px; border-radius: 16px; } .popupOnlineCourseVideos .onlineCourseVideoInline .s123-video-handler { position: relative; } .popupOnlineCourseVideos .onlineCourseVideoInline img { max-width: 100%; max-height: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: center center; border-radius: 16px; } @media (max-width: 1024px) { .popupOnlineCourseVideos .modal-dialog { width: 100% !important; } } @media (max-width: 768px) { .popupOnlineCourseVideos .modal-dialog .modal-content { min-height: 700px; } } .popupOnlineCourseVideos .course-list-container .panel-group .heading { display: flex; justify-content: space-between; padding: 16px; } .popupOnlineCourseVideos .course-list-container .panel-group .panel-body { padding: 0px 16px 16px; opacity: 0.7; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-view { display: flex; justify-content: space-between; margin-bottom: 16px; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-view.active { font-weight: bold; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-view:last-child { margin-bottom: 0px; } .popupOnlineCourseVideos .lesson-view .lesson-video { display: flex; align-items: center; cursor: pointer; gap: 16px; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-view .lesson-closed { display: flex; align-items: center; gap: 16px; width: 80%; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-view .lesson-preview.lesson-buy-course { width: 20%; cursor: pointer; text-align: right; } html[dir="rtl"] .popupOnlineCourseVideos .course-list-container #accordion .lesson-view .lesson-preview.lesson-buy-course { text-align: left; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-video { cursor: pointer; } .popupOnlineCourseVideos .course-list-container #accordion .lesson-closed { cursor: default; } @media (max-width: 767px) { .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .heading, .popupOnlineCourseVideos .course-list-container .panel-group .heading { padding: 16px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group .panel-body, .popupOnlineCourseVideos .course-list-container .panel-group .panel-body { padding: 0px 16px 16px; } .s123-module-onlineCourses.layout-1 .online-courses-content .panel-group, .popupOnlineCourseVideos .course-list-container .panel-group { margin: 0px 0px 16px; } .online-courses-container .course-details .course-widget-text { padding: 24px; } } .s123-module-charts .charts-container { margin-bottom: -50px; } .s123-module-charts .charts-category:not([data-categories-filter="s123-g-show-all"]) { display: none; } .s123-module-charts.layout-1 .chart-display { display: flex; align-items: center; margin-block: 50px; gap: 50px; } .s123-module-charts.layout-1 .chart-display.chart-reverse, .s123-module-charts.layout-1 .chart-display.chart-zigzag:nth-child(2n) { flex-direction: row-reverse; } .s123-module-charts.layout-1 .chart-display.compare-text-under { flex-direction: column-reverse; } .s123-module-charts.layout-1 .chart-display.chart-zigzag .chart-details, .s123-module-charts.layout-1 .chart-display.chart-zigzag .chart-show, .s123-module-charts.layout-1 .chart-display.compare-text-under .chart-show { width: 50%; } .s123-module-charts.layout-1 .chart-display.compare-text-under .chart-details { width: 100%; } .s123-module-charts.layout-1 .chart-display.chart-padding { padding: 15px 10px 10px; } .s123-module-charts.layout-1 .chart-display .chart-details .chart-title { font-weight: bold; font-size: 1.8rem; } .s123-module-charts.layout-1 .chart-display .chart-details .chart-description { white-space: pre-wrap; } .s123-module-charts.layout-1 .chart-display .chart-show, .s123-module-charts.layout-1 .chart-display .chart-details { padding-block: 15px; } @media only screen and (max-width: 768px) { .s123-module-charts.layout-1 .chart-display { gap: 0px; } .s123-module-charts.layout-1 .chart-display, .s123-module-charts.layout-1 .chart-display.chart-zigzag:nth-child(2n), .s123-module-charts.layout-1 .chart-display.chart-reverse { flex-direction: column-reverse; } .s123-module-charts.layout-1 .chart-display.chart-zigzag .chart-details, .s123-module-charts.layout-1 .chart-display.chart-zigzag .chart-show, .s123-module-charts.layout-1 .chart-display.compare-text-under .chart-show { width: 100%; } .s123-module-charts.layout-1 .chart-display .chart-show, .s123-module-charts.layout-1 .chart-display .chart-details { padding-block: 0px; } } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after, .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { content: " "; display: block; background: white; position: absolute; z-index: 30; box-shadow: rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-horizontal .twentytwenty-handle::before, .twentytwenty-horizontal .twentytwenty-handle::after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle::before, .twentytwenty-vertical .twentytwenty-handle::after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0px; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { transition-property: opacity; } .twentytwenty-before-label::before, .twentytwenty-after-label::before { color: white; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label::before, .twentytwenty-after-label::before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0px 20px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label::before, .twentytwenty-horizontal .twentytwenty-after-label::before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label::before, .twentytwenty-vertical .twentytwenty-after-label::before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0px; height: 0px; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0px; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label::before { content: attr(data-content); } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label::before { content: attr(data-content); } .twentytwenty-horizontal .twentytwenty-before-label::before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label::before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label::before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label::before { bottom: 10px; } .twentytwenty-overlay { transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; border-radius: 1000px; box-shadow: rgba(51, 51, 51, 0.5) 0px 0px 12px; z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle::before { bottom: 50%; margin-bottom: 22px; box-shadow: white 0px 3px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-horizontal .twentytwenty-handle::after { top: 50%; margin-top: 22px; box-shadow: white 0px -3px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-vertical .twentytwenty-handle::before { left: 50%; margin-left: 22px; box-shadow: white 3px 0px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-vertical .twentytwenty-handle::after { right: 50%; margin-right: 22px; box-shadow: white -3px 0px 0px, rgba(51, 51, 51, 0.5) 0px 0px 12px; } .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } .s123-module-image-comparison .image-comparison { margin-bottom: -50px; } .s123-module-image-comparison.layout-1 .compare-display { display: flex; align-items: center; margin-bottom: 50px; } .s123-module-image-comparison.layout-1 .compare-display.compare-reverse, .s123-module-image-comparison.layout-1 .compare-display.compare-zigzag:nth-child(2n) { flex-direction: row-reverse; } .s123-module-image-comparison.layout-1 .compare-display.compare-text-under { flex-direction: column; } .s123-module-image-comparison.layout-1 .image-comparison-container { width: 100%; height: 100%; max-width: 650px; max-height: 650px; margin: 0px auto; } @media (max-width: 768px) { .s123-module-image-comparison.layout-1 .compare-display, .s123-module-image-comparison.layout-1 .compare-display.compare-zigzag:nth-child(2n), .s123-module-image-comparison.layout-1 .compare-display.compare-reverse { flex-direction: column-reverse; } } .s123-module-image-comparison.layout-1 .compare-display .compare-details { overflow-wrap: break-word; } .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details, .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .image-comparison-col { width: 100%; } .s123-module-image-comparison.layout-1 .compare-display .compare-details .compare-description { white-space: pre-wrap; } .s123-module-image-comparison.layout-1 .image-comparison-container > img { width: 100%; } .s123-module-image-comparison.layout-1 .image-comparison-container > img.w-p-device-changed-fix { height: auto !important; } .s123-module-image-comparison.layout-1 .image-comparison-container > img:last-of-type { width: 100% !important; height: 100% !important; } .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details .compare-title { position: relative; display: flex; justify-content: center; padding-bottom: 16px; } .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details .compare-title::after { content: ""; width: 32px; height: 4px; bottom: 0px; background-color: var(--global_main_color); position: absolute; } .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details .compare-title::after { background-color: var(--modules_color_second_section_main); } .bg-primary.s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details .compare-title::after { background-color: var(--modules_color_section_main); } .inside_page .s123-module-image-comparison.layout-1 .compare-display.compare-text-under .compare-details .compare-title::after { background-color: var(--inside_modules_color_section_box_main); } .s123-module-fileManager.layout-1 .fileManager-category { display: flex; justify-content: center; } .s123-module-fileManager.layout-1 .file-item { display: flex; border-radius: 8px; margin-bottom: 8px; } .s123-module-fileManager.layout-1 .file-item .file-item-data { padding: 24px; position: relative; } .s123-module-fileManager.layout-1 .file-item .file-item-data::after { content: ""; position: absolute; top: 50%; right: 0px; width: 2px; height: 50px; background: rgba(0, 0, 0, 0.1); transform: translateY(-50%); } html[dir="rtl"] .s123-module-fileManager.layout-1 .file-item .file-item-data::after { left: 0px; right: auto; } .s123-module-fileManager.layout-1 .file-item .file-item-data p { margin-bottom: 8px; overflow-wrap: break-word; white-space: pre-wrap; font-weight: 600; } .s123-module-fileManager.layout-1 .file-item .file-item-data p:last-child { margin-bottom: 0px; } .s123-module-fileManager.layout-1 .file-item .file-item-data .file-item-title { font-size: 1.25rem; } .s123-module-fileManager.layout-1 .file-item .file-item-data .file-item-description { color: rgb(95, 99, 115) !important; font-size: 0.85rem; } .s123-module-fileManager.layout-1 .file-item .file-item-download { display: flex; align-self: center; justify-content: flex-end; padding: 24px; } .s123-module-fileManager.layout-1 .fileManager-see-more { padding: 10px; } .s123-instagram-embed .instagramFeedFrame { width: 100%; } .s123-instagram-embed .container .instagramFeedFrame { height: clamp(400px, 960px, 90vw); } .s123-instagram-embed .container-fluid .instagramFeedFrame { height: clamp(75vw, 760px, 100vw); } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css @charset "utf-8"; [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: 0.1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: 0.1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: 0.15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: 0.15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: 0.2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: 0.2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: 0.25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: 0.25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: 0.3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: 0.3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: 0.35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: 0.35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: 0.4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: 0.4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: 0.45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: 0.45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: 0.5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: 0.5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: 0.55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: 0.55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: 0.6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: 0.6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: 0.65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: 0.65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: 0.7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: 0.7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: 0.75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: 0.75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: 0.8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: 0.8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: 0.85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: 0.85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: 0.9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: 0.9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: 0.95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: 0.95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing="linear"], body[data-aos-easing="linear"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing="ease"], body[data-aos-easing="ease"] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing="ease-in"], body[data-aos-easing="ease-in"] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing="ease-out"], body[data-aos-easing="ease-out"] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing="ease-in-out"], body[data-aos-easing="ease-in-out"] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing="ease-in-back"], body[data-aos-easing="ease-in-back"] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing="ease-out-back"], body[data-aos-easing="ease-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing="ease-in-out-back"], body[data-aos-easing="ease-in-out-back"] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing="ease-in-sine"], body[data-aos-easing="ease-in-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing="ease-out-sine"], body[data-aos-easing="ease-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing="ease-in-out-sine"], body[data-aos-easing="ease-in-out-sine"] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing="ease-in-quad"], body[data-aos-easing="ease-in-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quad"], body[data-aos-easing="ease-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quad"], body[data-aos-easing="ease-in-out-quad"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-cubic"], body[data-aos-easing="ease-in-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-cubic"], body[data-aos-easing="ease-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"], body[data-aos-easing="ease-in-out-cubic"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing="ease-in-quart"], body[data-aos-easing="ease-in-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing="ease-out-quart"], body[data-aos-easing="ease-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing="ease-in-out-quart"], body[data-aos-easing="ease-in-out-quart"] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^="fade"][data-aos^="fade"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="fade"][data-aos^="fade"].aos-animate { opacity: 1; transform: translateZ(0px); } [data-aos="fade-up"] { transform: translate3d(0px, 100px, 0px); } [data-aos="fade-down"] { transform: translate3d(0px, -100px, 0px); } [data-aos="fade-right"] { transform: translate3d(-100px, 0px, 0px); } [data-aos="fade-left"] { transform: translate3d(100px, 0px, 0px); } [data-aos="fade-up-right"] { transform: translate3d(-100px, 100px, 0px); } [data-aos="fade-up-left"] { transform: translate3d(100px, 100px, 0px); } [data-aos="fade-down-right"] { transform: translate3d(-100px, -100px, 0px); } [data-aos="fade-down-left"] { transform: translate3d(100px, -100px, 0px); } [data-aos^="zoom"][data-aos^="zoom"] { opacity: 0; transition-property: opacity, transform; } [data-aos^="zoom"][data-aos^="zoom"].aos-animate { opacity: 1; transform: translateZ(0px) scale(1); } [data-aos="zoom-in"] { transform: scale(0.6); } [data-aos="zoom-in-up"] { transform: translate3d(0px, 100px, 0px) scale(0.6); } [data-aos="zoom-in-down"] { transform: translate3d(0px, -100px, 0px) scale(0.6); } [data-aos="zoom-in-right"] { transform: translate3d(-100px, 0px, 0px) scale(0.6); } [data-aos="zoom-in-left"] { transform: translate3d(100px, 0px, 0px) scale(0.6); } [data-aos="zoom-out"] { transform: scale(1.2); } [data-aos="zoom-out-up"] { transform: translate3d(0px, 100px, 0px) scale(1.2); } [data-aos="zoom-out-down"] { transform: translate3d(0px, -100px, 0px) scale(1.2); } [data-aos="zoom-out-right"] { transform: translate3d(-100px, 0px, 0px) scale(1.2); } [data-aos="zoom-out-left"] { transform: translate3d(100px, 0px, 0px) scale(1.2); } [data-aos^="slide"][data-aos^="slide"] { transition-property: transform; } [data-aos^="slide"][data-aos^="slide"].aos-animate { transform: translateZ(0px); } [data-aos="slide-up"] { transform: translate3d(0px, 100%, 0px); } [data-aos="slide-down"] { transform: translate3d(0px, -100%, 0px); } [data-aos="slide-right"] { transform: translate3d(-100%, 0px, 0px); } [data-aos="slide-left"] { transform: translate3d(100%, 0px, 0px); } [data-aos^="flip"][data-aos^="flip"] { backface-visibility: hidden; transition-property: transform; } [data-aos="flip-left"] { transform: perspective(2500px) rotateY(-100deg); } [data-aos="flip-left"].aos-animate { transform: perspective(2500px) rotateY(0deg); } [data-aos="flip-right"] { transform: perspective(2500px) rotateY(100deg); } [data-aos="flip-right"].aos-animate { transform: perspective(2500px) rotateY(0deg); } [data-aos="flip-up"] { transform: perspective(2500px) rotateX(-100deg); } [data-aos="flip-up"].aos-animate { transform: perspective(2500px) rotateX(0deg); } [data-aos="flip-down"] { transform: perspective(2500px) rotateX(100deg); } [data-aos="flip-down"].aos-animate { transform: perspective(2500px) rotateX(0deg); } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css @charset "utf-8"; .fa { font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: var(--fa-style,900); } .fa, .fa-brands, .fa-classic, .fa-regular, .fa-sharp, .fa-solid, .fab, .far, .fas { -webkit-font-smoothing: antialiased; display: var(--fa-display,inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free"; } .fa-brands, .fab { font-family: "Font Awesome 6 Brands"; } .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-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin,2.5em); padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em)*-1); position: absolute; text-align: center; width: var(--fa-li-width,2em); line-height: inherit; } .fa-border { border-radius: var(--fa-border-radius,.1em); border: var(--fa-border-width,.08em) var(--fa-border-style,solid) var(--fa-border-color,#eee); padding: var(--fa-border-padding,.2em .25em .15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin,.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin,.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.28,.84,.42,1)); } .fa-fade { animation-name: fa-fade; animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-beat-fade, .fa-fade { animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); } .fa-beat-fade { animation-name: fa-beat-fade; animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,cubic-bezier(.4,0,.6,1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,ease-in-out); } .fa-shake { animation-name: fa-shake; animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,linear); } .fa-shake, .fa-spin { animation-delay: var(--fa-animation-delay,0s); animation-direction: var(--fa-animation-direction,normal); } .fa-spin { animation-name: fa-spin; animation-duration: var(--fa-animation-duration,2s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction,normal); animation-duration: var(--fa-animation-duration,1s); animation-iteration-count: var(--fa-animation-iteration-count,infinite); animation-timing-function: var(--fa-animation-timing,steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-beat-fade, .fa-bounce, .fa-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale,1.25)); } } @-webkit-keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @keyframes fa-bounce { 0% { transform: scale(1) translateY(0px); } 10% { transform: scale(var(--fa-bounce-start-scale-x,1.1),var(--fa-bounce-start-scale-y,.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x,.9),var(--fa-bounce-jump-scale-y,1.1)) translateY(var(--fa-bounce-height,-.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x,1.05),var(--fa-bounce-land-scale-y,.95)) translateY(0); } 57% { transform: scale(1) translateY(var(--fa-bounce-rebound,-.125em)); } 64% { transform: scale(1) translateY(0px); } 100% { transform: scale(1) translateY(0px); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity,.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity,.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale,1.125)); } } @-webkit-keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); } } @-webkit-keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle,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: 0px; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index,auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse,#fff); } .fa-0::before { content: "0"; } .fa-1::before { content: "1"; } .fa-2::before { content: "2"; } .fa-3::before { content: "3"; } .fa-4::before { content: "4"; } .fa-5::before { content: "5"; } .fa-6::before { content: "6"; } .fa-7::before { content: "7"; } .fa-8::before { content: "8"; } .fa-9::before { content: "9"; } .fa-fill-drip::before { content: ""; } .fa-arrows-to-circle::before { content: ""; } .fa-chevron-circle-right::before, .fa-circle-chevron-right::before { content: ""; } .fa-at::before { content: "@"; } .fa-trash-alt::before, .fa-trash-can::before { content: ""; } .fa-text-height::before { content: ""; } .fa-user-times::before, .fa-user-xmark::before { content: ""; } .fa-stethoscope::before { content: ""; } .fa-comment-alt::before, .fa-message::before { content: ""; } .fa-info::before { content: ""; } .fa-compress-alt::before, .fa-down-left-and-up-right-to-center::before { content: ""; } .fa-explosion::before { content: ""; } .fa-file-alt::before, .fa-file-lines::before, .fa-file-text::before { content: ""; } .fa-wave-square::before { content: ""; } .fa-ring::before { content: ""; } .fa-building-un::before { content: ""; } .fa-dice-three::before { content: ""; } .fa-calendar-alt::before, .fa-calendar-days::before { content: ""; } .fa-anchor-circle-check::before { content: ""; } .fa-building-circle-arrow-right::before { content: ""; } .fa-volleyball-ball::before, .fa-volleyball::before { content: ""; } .fa-arrows-up-to-line::before { content: ""; } .fa-sort-desc::before, .fa-sort-down::before { content: ""; } .fa-circle-minus::before, .fa-minus-circle::before { content: ""; } .fa-door-open::before { content: ""; } .fa-right-from-bracket::before, .fa-sign-out-alt::before { content: ""; } .fa-atom::before { content: ""; } .fa-soap::before { content: ""; } .fa-heart-music-camera-bolt::before, .fa-icons::before { content: ""; } .fa-microphone-alt-slash::before, .fa-microphone-lines-slash::before { content: ""; } .fa-bridge-circle-check::before { content: ""; } .fa-pump-medical::before { content: ""; } .fa-fingerprint::before { content: ""; } .fa-hand-point-right::before { content: ""; } .fa-magnifying-glass-location::before, .fa-search-location::before { content: ""; } .fa-forward-step::before, .fa-step-forward::before { content: ""; } .fa-face-smile-beam::before, .fa-smile-beam::before { content: ""; } .fa-flag-checkered::before { content: ""; } .fa-football-ball::before, .fa-football::before { content: ""; } .fa-school-circle-exclamation::before { content: ""; } .fa-crop::before { content: ""; } .fa-angle-double-down::before, .fa-angles-down::before { content: ""; } .fa-users-rectangle::before { content: ""; } .fa-people-roof::before { content: ""; } .fa-people-line::before { content: ""; } .fa-beer-mug-empty::before, .fa-beer::before { content: ""; } .fa-diagram-predecessor::before { content: ""; } .fa-arrow-up-long::before, .fa-long-arrow-up::before { content: ""; } .fa-burn::before, .fa-fire-flame-simple::before { content: ""; } .fa-male::before, .fa-person::before { content: ""; } .fa-laptop::before { content: ""; } .fa-file-csv::before { content: ""; } .fa-menorah::before { content: ""; } .fa-truck-plane::before { content: ""; } .fa-record-vinyl::before { content: ""; } .fa-face-grin-stars::before, .fa-grin-stars::before { content: ""; } .fa-bong::before { content: ""; } .fa-pastafarianism::before, .fa-spaghetti-monster-flying::before { content: ""; } .fa-arrow-down-up-across-line::before { content: ""; } .fa-spoon::before, .fa-utensil-spoon::before { content: ""; } .fa-jar-wheat::before { content: ""; } .fa-envelopes-bulk::before, .fa-mail-bulk::before { content: ""; } .fa-file-circle-exclamation::before { content: ""; } .fa-circle-h::before, .fa-hospital-symbol::before { content: ""; } .fa-pager::before { content: ""; } .fa-address-book::before, .fa-contact-book::before { content: ""; } .fa-strikethrough::before { content: ""; } .fa-k::before { content: "K"; } .fa-landmark-flag::before { content: ""; } .fa-pencil-alt::before, .fa-pencil::before { content: ""; } .fa-backward::before { content: ""; } .fa-caret-right::before { content: ""; } .fa-comments::before { content: ""; } .fa-file-clipboard::before, .fa-paste::before { content: ""; } .fa-code-pull-request::before { content: ""; } .fa-clipboard-list::before { content: ""; } .fa-truck-loading::before, .fa-truck-ramp-box::before { content: ""; } .fa-user-check::before { content: ""; } .fa-vial-virus::before { content: ""; } .fa-sheet-plastic::before { content: ""; } .fa-blog::before { content: ""; } .fa-user-ninja::before { content: ""; } .fa-person-arrow-up-from-line::before { content: ""; } .fa-scroll-torah::before, .fa-torah::before { content: ""; } .fa-broom-ball::before, .fa-quidditch-broom-ball::before, .fa-quidditch::before { content: ""; } .fa-toggle-off::before { content: ""; } .fa-archive::before, .fa-box-archive::before { content: ""; } .fa-person-drowning::before { content: ""; } .fa-arrow-down-9-1::before, .fa-sort-numeric-desc::before, .fa-sort-numeric-down-alt::before { content: ""; } .fa-face-grin-tongue-squint::before, .fa-grin-tongue-squint::before { content: ""; } .fa-spray-can::before { content: ""; } .fa-truck-monster::before { content: ""; } .fa-w::before { content: "W"; } .fa-earth-africa::before, .fa-globe-africa::before { content: ""; } .fa-rainbow::before { content: ""; } .fa-circle-notch::before { content: ""; } .fa-tablet-alt::before, .fa-tablet-screen-button::before { content: ""; } .fa-paw::before { content: ""; } .fa-cloud::before { content: ""; } .fa-trowel-bricks::before { content: ""; } .fa-face-flushed::before, .fa-flushed::before { content: ""; } .fa-hospital-user::before { content: ""; } .fa-tent-arrow-left-right::before { content: ""; } .fa-gavel::before, .fa-legal::before { content: ""; } .fa-binoculars::before { content: ""; } .fa-microphone-slash::before { content: ""; } .fa-box-tissue::before { content: ""; } .fa-motorcycle::before { content: ""; } .fa-bell-concierge::before, .fa-concierge-bell::before { content: ""; } .fa-pen-ruler::before, .fa-pencil-ruler::before { content: ""; } .fa-people-arrows-left-right::before, .fa-people-arrows::before { content: ""; } .fa-mars-and-venus-burst::before { content: ""; } .fa-caret-square-right::before, .fa-square-caret-right::before { content: ""; } .fa-cut::before, .fa-scissors::before { content: ""; } .fa-sun-plant-wilt::before { content: ""; } .fa-toilets-portable::before { content: ""; } .fa-hockey-puck::before { content: ""; } .fa-table::before { content: ""; } .fa-magnifying-glass-arrow-right::before { content: ""; } .fa-digital-tachograph::before, .fa-tachograph-digital::before { content: ""; } .fa-users-slash::before { content: ""; } .fa-clover::before { content: ""; } .fa-mail-reply::before, .fa-reply::before { content: ""; } .fa-star-and-crescent::before { content: ""; } .fa-house-fire::before { content: ""; } .fa-minus-square::before, .fa-square-minus::before { content: ""; } .fa-helicopter::before { content: ""; } .fa-compass::before { content: ""; } .fa-caret-square-down::before, .fa-square-caret-down::before { content: ""; } .fa-file-circle-question::before { content: ""; } .fa-laptop-code::before { content: ""; } .fa-swatchbook::before { content: ""; } .fa-prescription-bottle::before { content: ""; } .fa-bars::before, .fa-navicon::before { content: ""; } .fa-people-group::before { content: ""; } .fa-hourglass-3::before, .fa-hourglass-end::before { content: ""; } .fa-heart-broken::before, .fa-heart-crack::before { content: ""; } .fa-external-link-square-alt::before, .fa-square-up-right::before { content: ""; } .fa-face-kiss-beam::before, .fa-kiss-beam::before { content: ""; } .fa-film::before { content: ""; } .fa-ruler-horizontal::before { content: ""; } .fa-people-robbery::before { content: ""; } .fa-lightbulb::before { content: ""; } .fa-caret-left::before { content: ""; } .fa-circle-exclamation::before, .fa-exclamation-circle::before { content: ""; } .fa-school-circle-xmark::before { content: ""; } .fa-arrow-right-from-bracket::before, .fa-sign-out::before { content: ""; } .fa-chevron-circle-down::before, .fa-circle-chevron-down::before { content: ""; } .fa-unlock-alt::before, .fa-unlock-keyhole::before { content: ""; } .fa-cloud-showers-heavy::before { content: ""; } .fa-headphones-alt::before, .fa-headphones-simple::before { content: ""; } .fa-sitemap::before { content: ""; } .fa-circle-dollar-to-slot::before, .fa-donate::before { content: ""; } .fa-memory::before { content: ""; } .fa-road-spikes::before { content: ""; } .fa-fire-burner::before { content: ""; } .fa-flag::before { content: ""; } .fa-hanukiah::before { content: ""; } .fa-feather::before { content: ""; } .fa-volume-down::before, .fa-volume-low::before { content: ""; } .fa-comment-slash::before { content: ""; } .fa-cloud-sun-rain::before { content: ""; } .fa-compress::before { content: ""; } .fa-wheat-alt::before, .fa-wheat-awn::before { content: ""; } .fa-ankh::before { content: ""; } .fa-hands-holding-child::before { content: ""; } .fa-asterisk::before { content: "*"; } .fa-check-square::before, .fa-square-check::before { content: ""; } .fa-peseta-sign::before { content: ""; } .fa-header::before, .fa-heading::before { content: ""; } .fa-ghost::before { content: ""; } .fa-list-squares::before, .fa-list::before { content: ""; } .fa-phone-square-alt::before, .fa-square-phone-flip::before { content: ""; } .fa-cart-plus::before { content: ""; } .fa-gamepad::before { content: ""; } .fa-circle-dot::before, .fa-dot-circle::before { content: ""; } .fa-dizzy::before, .fa-face-dizzy::before { content: ""; } .fa-egg::before { content: ""; } .fa-house-medical-circle-xmark::before { content: ""; } .fa-campground::before { content: ""; } .fa-folder-plus::before { content: ""; } .fa-futbol-ball::before, .fa-futbol::before, .fa-soccer-ball::before { content: ""; } .fa-paint-brush::before, .fa-paintbrush::before { content: ""; } .fa-lock::before { content: ""; } .fa-gas-pump::before { content: ""; } .fa-hot-tub-person::before, .fa-hot-tub::before { content: ""; } .fa-map-location::before, .fa-map-marked::before { content: ""; } .fa-house-flood-water::before { content: ""; } .fa-tree::before { content: ""; } .fa-bridge-lock::before { content: ""; } .fa-sack-dollar::before { content: ""; } .fa-edit::before, .fa-pen-to-square::before { content: ""; } .fa-car-side::before { content: ""; } .fa-share-alt::before, .fa-share-nodes::before { content: ""; } .fa-heart-circle-minus::before { content: ""; } .fa-hourglass-2::before, .fa-hourglass-half::before { content: ""; } .fa-microscope::before { content: ""; } .fa-sink::before { content: ""; } .fa-bag-shopping::before, .fa-shopping-bag::before { content: ""; } .fa-arrow-down-z-a::before, .fa-sort-alpha-desc::before, .fa-sort-alpha-down-alt::before { content: ""; } .fa-mitten::before { content: ""; } .fa-person-rays::before { content: ""; } .fa-users::before { content: ""; } .fa-eye-slash::before { content: ""; } .fa-flask-vial::before { content: ""; } .fa-hand-paper::before, .fa-hand::before { content: ""; } .fa-om::before { content: ""; } .fa-worm::before { content: ""; } .fa-house-circle-xmark::before { content: ""; } .fa-plug::before { content: ""; } .fa-chevron-up::before { content: ""; } .fa-hand-spock::before { content: ""; } .fa-stopwatch::before { content: ""; } .fa-face-kiss::before, .fa-kiss::before { content: ""; } .fa-bridge-circle-xmark::before { content: ""; } .fa-face-grin-tongue::before, .fa-grin-tongue::before { content: ""; } .fa-chess-bishop::before { content: ""; } .fa-face-grin-wink::before, .fa-grin-wink::before { content: ""; } .fa-deaf::before, .fa-deafness::before, .fa-ear-deaf::before, .fa-hard-of-hearing::before { content: ""; } .fa-road-circle-check::before { content: ""; } .fa-dice-five::before { content: ""; } .fa-rss-square::before, .fa-square-rss::before { content: ""; } .fa-land-mine-on::before { content: ""; } .fa-i-cursor::before { content: ""; } .fa-stamp::before { content: ""; } .fa-stairs::before { content: ""; } .fa-i::before { content: "I"; } .fa-hryvnia-sign::before, .fa-hryvnia::before { content: ""; } .fa-pills::before { content: ""; } .fa-face-grin-wide::before, .fa-grin-alt::before { content: ""; } .fa-tooth::before { content: ""; } .fa-v::before { content: "V"; } .fa-bangladeshi-taka-sign::before { content: ""; } .fa-bicycle::before { content: ""; } .fa-rod-asclepius::before, .fa-rod-snake::before, .fa-staff-aesculapius::before, .fa-staff-snake::before { content: ""; } .fa-head-side-cough-slash::before { content: ""; } .fa-ambulance::before, .fa-truck-medical::before { content: ""; } .fa-wheat-awn-circle-exclamation::before { content: ""; } .fa-snowman::before { content: ""; } .fa-mortar-pestle::before { content: ""; } .fa-road-barrier::before { content: ""; } .fa-school::before { content: ""; } .fa-igloo::before { content: ""; } .fa-joint::before { content: ""; } .fa-angle-right::before { content: ""; } .fa-horse::before { content: ""; } .fa-q::before { content: "Q"; } .fa-g::before { content: "G"; } .fa-notes-medical::before { content: ""; } .fa-temperature-2::before, .fa-temperature-half::before, .fa-thermometer-2::before, .fa-thermometer-half::before { content: ""; } .fa-dong-sign::before { content: ""; } .fa-capsules::before { content: ""; } .fa-poo-bolt::before, .fa-poo-storm::before { content: ""; } .fa-face-frown-open::before, .fa-frown-open::before { content: ""; } .fa-hand-point-up::before { content: ""; } .fa-money-bill::before { content: ""; } .fa-bookmark::before { content: ""; } .fa-align-justify::before { content: ""; } .fa-umbrella-beach::before { content: ""; } .fa-helmet-un::before { content: ""; } .fa-bullseye::before { content: ""; } .fa-bacon::before { content: ""; } .fa-hand-point-down::before { content: ""; } .fa-arrow-up-from-bracket::before { content: ""; } .fa-folder-blank::before, .fa-folder::before { content: ""; } .fa-file-medical-alt::before, .fa-file-waveform::before { content: ""; } .fa-radiation::before { content: ""; } .fa-chart-simple::before { content: ""; } .fa-mars-stroke::before { content: ""; } .fa-vial::before { content: ""; } .fa-dashboard::before, .fa-gauge-med::before, .fa-gauge::before, .fa-tachometer-alt-average::before { content: ""; } .fa-magic-wand-sparkles::before, .fa-wand-magic-sparkles::before { content: ""; } .fa-e::before { content: "E"; } .fa-pen-alt::before, .fa-pen-clip::before { content: ""; } .fa-bridge-circle-exclamation::before { content: ""; } .fa-user::before { content: ""; } .fa-school-circle-check::before { content: ""; } .fa-dumpster::before { content: ""; } .fa-shuttle-van::before, .fa-van-shuttle::before { content: ""; } .fa-building-user::before { content: ""; } .fa-caret-square-left::before, .fa-square-caret-left::before { content: ""; } .fa-highlighter::before { content: ""; } .fa-key::before { content: ""; } .fa-bullhorn::before { content: ""; } .fa-globe::before { content: ""; } .fa-synagogue::before { content: ""; } .fa-person-half-dress::before { content: ""; } .fa-road-bridge::before { content: ""; } .fa-location-arrow::before { content: ""; } .fa-c::before { content: "C"; } .fa-tablet-button::before { content: ""; } .fa-building-lock::before { content: ""; } .fa-pizza-slice::before { content: ""; } .fa-money-bill-wave::before { content: ""; } .fa-area-chart::before, .fa-chart-area::before { content: ""; } .fa-house-flag::before { content: ""; } .fa-person-circle-minus::before { content: ""; } .fa-ban::before, .fa-cancel::before { content: ""; } .fa-camera-rotate::before { content: ""; } .fa-air-freshener::before, .fa-spray-can-sparkles::before { content: ""; } .fa-star::before { content: ""; } .fa-repeat::before { content: ""; } .fa-cross::before { content: ""; } .fa-box::before { content: ""; } .fa-venus-mars::before { content: ""; } .fa-arrow-pointer::before, .fa-mouse-pointer::before { content: ""; } .fa-expand-arrows-alt::before, .fa-maximize::before { content: ""; } .fa-charging-station::before { content: ""; } .fa-shapes::before, .fa-triangle-circle-square::before { content: ""; } .fa-random::before, .fa-shuffle::before { content: ""; } .fa-person-running::before, .fa-running::before { content: ""; } .fa-mobile-retro::before { content: ""; } .fa-grip-lines-vertical::before { content: ""; } .fa-spider::before { content: ""; } .fa-hands-bound::before { content: ""; } .fa-file-invoice-dollar::before { content: ""; } .fa-plane-circle-exclamation::before { content: ""; } .fa-x-ray::before { content: ""; } .fa-spell-check::before { content: ""; } .fa-slash::before { content: ""; } .fa-computer-mouse::before, .fa-mouse::before { content: ""; } .fa-arrow-right-to-bracket::before, .fa-sign-in::before { content: ""; } .fa-shop-slash::before, .fa-store-alt-slash::before { content: ""; } .fa-server::before { content: ""; } .fa-virus-covid-slash::before { content: ""; } .fa-shop-lock::before { content: ""; } .fa-hourglass-1::before, .fa-hourglass-start::before { content: ""; } .fa-blender-phone::before { content: ""; } .fa-building-wheat::before { content: ""; } .fa-person-breastfeeding::before { content: ""; } .fa-right-to-bracket::before, .fa-sign-in-alt::before { content: ""; } .fa-venus::before { content: ""; } .fa-passport::before { content: ""; } .fa-heart-pulse::before, .fa-heartbeat::before { content: ""; } .fa-people-carry-box::before, .fa-people-carry::before { content: ""; } .fa-temperature-high::before { content: ""; } .fa-microchip::before { content: ""; } .fa-crown::before { content: ""; } .fa-weight-hanging::before { content: ""; } .fa-xmarks-lines::before { content: ""; } .fa-file-prescription::before { content: ""; } .fa-weight-scale::before, .fa-weight::before { content: ""; } .fa-user-friends::before, .fa-user-group::before { content: ""; } .fa-arrow-up-a-z::before, .fa-sort-alpha-up::before { content: ""; } .fa-chess-knight::before { content: ""; } .fa-face-laugh-squint::before, .fa-laugh-squint::before { content: ""; } .fa-wheelchair::before { content: ""; } .fa-arrow-circle-up::before, .fa-circle-arrow-up::before { content: ""; } .fa-toggle-on::before { content: ""; } .fa-person-walking::before, .fa-walking::before { content: ""; } .fa-l::before { content: "L"; } .fa-fire::before { content: ""; } .fa-bed-pulse::before, .fa-procedures::before { content: ""; } .fa-shuttle-space::before, .fa-space-shuttle::before { content: ""; } .fa-face-laugh::before, .fa-laugh::before { content: ""; } .fa-folder-open::before { content: ""; } .fa-heart-circle-plus::before { content: ""; } .fa-code-fork::before { content: ""; } .fa-city::before { content: ""; } .fa-microphone-alt::before, .fa-microphone-lines::before { content: ""; } .fa-pepper-hot::before { content: ""; } .fa-unlock::before { content: ""; } .fa-colon-sign::before { content: ""; } .fa-headset::before { content: ""; } .fa-store-slash::before { content: ""; } .fa-road-circle-xmark::before { content: ""; } .fa-user-minus::before { content: ""; } .fa-mars-stroke-up::before, .fa-mars-stroke-v::before { content: ""; } .fa-champagne-glasses::before, .fa-glass-cheers::before { content: ""; } .fa-clipboard::before { content: ""; } .fa-house-circle-exclamation::before { content: ""; } .fa-file-arrow-up::before, .fa-file-upload::before { content: ""; } .fa-wifi-3::before, .fa-wifi-strong::before, .fa-wifi::before { content: ""; } .fa-bath::before, .fa-bathtub::before { content: ""; } .fa-underline::before { content: ""; } .fa-user-edit::before, .fa-user-pen::before { content: ""; } .fa-signature::before { content: ""; } .fa-stroopwafel::before { content: ""; } .fa-bold::before { content: ""; } .fa-anchor-lock::before { content: ""; } .fa-building-ngo::before { content: ""; } .fa-manat-sign::before { content: ""; } .fa-not-equal::before { content: ""; } .fa-border-style::before, .fa-border-top-left::before { content: ""; } .fa-map-location-dot::before, .fa-map-marked-alt::before { content: ""; } .fa-jedi::before { content: ""; } .fa-poll::before, .fa-square-poll-vertical::before { content: ""; } .fa-mug-hot::before { content: ""; } .fa-battery-car::before, .fa-car-battery::before { content: ""; } .fa-gift::before { content: ""; } .fa-dice-two::before { content: ""; } .fa-chess-queen::before { content: ""; } .fa-glasses::before { content: ""; } .fa-chess-board::before { content: ""; } .fa-building-circle-check::before { content: ""; } .fa-person-chalkboard::before { content: ""; } .fa-mars-stroke-h::before, .fa-mars-stroke-right::before { content: ""; } .fa-hand-back-fist::before, .fa-hand-rock::before { content: ""; } .fa-caret-square-up::before, .fa-square-caret-up::before { content: ""; } .fa-cloud-showers-water::before { content: ""; } .fa-bar-chart::before, .fa-chart-bar::before { content: ""; } .fa-hands-bubbles::before, .fa-hands-wash::before { content: ""; } .fa-less-than-equal::before { content: ""; } .fa-train::before { content: ""; } .fa-eye-low-vision::before, .fa-low-vision::before { content: ""; } .fa-crow::before { content: ""; } .fa-sailboat::before { content: ""; } .fa-window-restore::before { content: ""; } .fa-plus-square::before, .fa-square-plus::before { content: ""; } .fa-torii-gate::before { content: ""; } .fa-frog::before { content: ""; } .fa-bucket::before { content: ""; } .fa-image::before { content: ""; } .fa-microphone::before { content: ""; } .fa-cow::before { content: ""; } .fa-caret-up::before { content: ""; } .fa-screwdriver::before { content: ""; } .fa-folder-closed::before { content: ""; } .fa-house-tsunami::before { content: ""; } .fa-square-nfi::before { content: ""; } .fa-arrow-up-from-ground-water::before { content: ""; } .fa-glass-martini-alt::before, .fa-martini-glass::before { content: ""; } .fa-rotate-back::before, .fa-rotate-backward::before, .fa-rotate-left::before, .fa-undo-alt::before { content: ""; } .fa-columns::before, .fa-table-columns::before { content: ""; } .fa-lemon::before { content: ""; } .fa-head-side-mask::before { content: ""; } .fa-handshake::before { content: ""; } .fa-gem::before { content: ""; } .fa-dolly-box::before, .fa-dolly::before { content: ""; } .fa-smoking::before { content: ""; } .fa-compress-arrows-alt::before, .fa-minimize::before { content: ""; } .fa-monument::before { content: ""; } .fa-snowplow::before { content: ""; } .fa-angle-double-right::before, .fa-angles-right::before { content: ""; } .fa-cannabis::before { content: ""; } .fa-circle-play::before, .fa-play-circle::before { content: ""; } .fa-tablets::before { content: ""; } .fa-ethernet::before { content: ""; } .fa-eur::before, .fa-euro-sign::before, .fa-euro::before { content: ""; } .fa-chair::before { content: ""; } .fa-check-circle::before, .fa-circle-check::before { content: ""; } .fa-circle-stop::before, .fa-stop-circle::before { content: ""; } .fa-compass-drafting::before, .fa-drafting-compass::before { content: ""; } .fa-plate-wheat::before { content: ""; } .fa-icicles::before { content: ""; } .fa-person-shelter::before { content: ""; } .fa-neuter::before { content: ""; } .fa-id-badge::before { content: ""; } .fa-marker::before { content: ""; } .fa-face-laugh-beam::before, .fa-laugh-beam::before { content: ""; } .fa-helicopter-symbol::before { content: ""; } .fa-universal-access::before { content: ""; } .fa-chevron-circle-up::before, .fa-circle-chevron-up::before { content: ""; } .fa-lari-sign::before { content: ""; } .fa-volcano::before { content: ""; } .fa-person-walking-dashed-line-arrow-right::before { content: ""; } .fa-gbp::before, .fa-pound-sign::before, .fa-sterling-sign::before { content: ""; } .fa-viruses::before { content: ""; } .fa-square-person-confined::before { content: ""; } .fa-user-tie::before { content: ""; } .fa-arrow-down-long::before, .fa-long-arrow-down::before { content: ""; } .fa-tent-arrow-down-to-line::before { content: ""; } .fa-certificate::before { content: ""; } .fa-mail-reply-all::before, .fa-reply-all::before { content: ""; } .fa-suitcase::before { content: ""; } .fa-person-skating::before, .fa-skating::before { content: ""; } .fa-filter-circle-dollar::before, .fa-funnel-dollar::before { content: ""; } .fa-camera-retro::before { content: ""; } .fa-arrow-circle-down::before, .fa-circle-arrow-down::before { content: ""; } .fa-arrow-right-to-file::before, .fa-file-import::before { content: ""; } .fa-external-link-square::before, .fa-square-arrow-up-right::before { content: ""; } .fa-box-open::before { content: ""; } .fa-scroll::before { content: ""; } .fa-spa::before { content: ""; } .fa-location-pin-lock::before { content: ""; } .fa-pause::before { content: ""; } .fa-hill-avalanche::before { content: ""; } .fa-temperature-0::before, .fa-temperature-empty::before, .fa-thermometer-0::before, .fa-thermometer-empty::before { content: ""; } .fa-bomb::before { content: ""; } .fa-registered::before { content: ""; } .fa-address-card::before, .fa-contact-card::before, .fa-vcard::before { content: ""; } .fa-balance-scale-right::before, .fa-scale-unbalanced-flip::before { content: ""; } .fa-subscript::before { content: ""; } .fa-diamond-turn-right::before, .fa-directions::before { content: ""; } .fa-burst::before { content: ""; } .fa-house-laptop::before, .fa-laptop-house::before { content: ""; } .fa-face-tired::before, .fa-tired::before { content: ""; } .fa-money-bills::before { content: ""; } .fa-smog::before { content: ""; } .fa-crutch::before { content: ""; } .fa-cloud-arrow-up::before, .fa-cloud-upload-alt::before, .fa-cloud-upload::before { content: ""; } .fa-palette::before { content: ""; } .fa-arrows-turn-right::before { content: ""; } .fa-vest::before { content: ""; } .fa-ferry::before { content: ""; } .fa-arrows-down-to-people::before { content: ""; } .fa-seedling::before, .fa-sprout::before { content: ""; } .fa-arrows-alt-h::before, .fa-left-right::before { content: ""; } .fa-boxes-packing::before { content: ""; } .fa-arrow-circle-left::before, .fa-circle-arrow-left::before { content: ""; } .fa-group-arrows-rotate::before { content: ""; } .fa-bowl-food::before { content: ""; } .fa-candy-cane::before { content: ""; } .fa-arrow-down-wide-short::before, .fa-sort-amount-asc::before, .fa-sort-amount-down::before { content: ""; } .fa-cloud-bolt::before, .fa-thunderstorm::before { content: ""; } .fa-remove-format::before, .fa-text-slash::before { content: ""; } .fa-face-smile-wink::before, .fa-smile-wink::before { content: ""; } .fa-file-word::before { content: ""; } .fa-file-powerpoint::before { content: ""; } .fa-arrows-h::before, .fa-arrows-left-right::before { content: ""; } .fa-house-lock::before { content: ""; } .fa-cloud-arrow-down::before, .fa-cloud-download-alt::before, .fa-cloud-download::before { content: ""; } .fa-children::before { content: ""; } .fa-blackboard::before, .fa-chalkboard::before { content: ""; } .fa-user-alt-slash::before, .fa-user-large-slash::before { content: ""; } .fa-envelope-open::before { content: ""; } .fa-handshake-alt-slash::before, .fa-handshake-simple-slash::before { content: ""; } .fa-mattress-pillow::before { content: ""; } .fa-guarani-sign::before { content: ""; } .fa-arrows-rotate::before, .fa-refresh::before, .fa-sync::before { content: ""; } .fa-fire-extinguisher::before { content: ""; } .fa-cruzeiro-sign::before { content: ""; } .fa-greater-than-equal::before { content: ""; } .fa-shield-alt::before, .fa-shield-halved::before { content: ""; } .fa-atlas::before, .fa-book-atlas::before { content: ""; } .fa-virus::before { content: ""; } .fa-envelope-circle-check::before { content: ""; } .fa-layer-group::before { content: ""; } .fa-arrows-to-dot::before { content: ""; } .fa-archway::before { content: ""; } .fa-heart-circle-check::before { content: ""; } .fa-house-chimney-crack::before, .fa-house-damage::before { content: ""; } .fa-file-archive::before, .fa-file-zipper::before { content: ""; } .fa-square::before { content: ""; } .fa-glass-martini::before, .fa-martini-glass-empty::before { content: ""; } .fa-couch::before { content: ""; } .fa-cedi-sign::before { content: ""; } .fa-italic::before { content: ""; } .fa-church::before { content: ""; } .fa-comments-dollar::before { content: ""; } .fa-democrat::before { content: ""; } .fa-z::before { content: "Z"; } .fa-person-skiing::before, .fa-skiing::before { content: ""; } .fa-road-lock::before { content: ""; } .fa-a::before { content: "A"; } .fa-temperature-arrow-down::before, .fa-temperature-down::before { content: ""; } .fa-feather-alt::before, .fa-feather-pointed::before { content: ""; } .fa-p::before { content: "P"; } .fa-snowflake::before { content: ""; } .fa-newspaper::before { content: ""; } .fa-ad::before, .fa-rectangle-ad::before { content: ""; } .fa-arrow-circle-right::before, .fa-circle-arrow-right::before { content: ""; } .fa-filter-circle-xmark::before { content: ""; } .fa-locust::before { content: ""; } .fa-sort::before, .fa-unsorted::before { content: ""; } .fa-list-1-2::before, .fa-list-numeric::before, .fa-list-ol::before { content: ""; } .fa-person-dress-burst::before { content: ""; } .fa-money-check-alt::before, .fa-money-check-dollar::before { content: ""; } .fa-vector-square::before { content: ""; } .fa-bread-slice::before { content: ""; } .fa-language::before { content: ""; } .fa-face-kiss-wink-heart::before, .fa-kiss-wink-heart::before { content: ""; } .fa-filter::before { content: ""; } .fa-question::before { content: "?"; } .fa-file-signature::before { content: ""; } .fa-arrows-alt::before, .fa-up-down-left-right::before { content: ""; } .fa-house-chimney-user::before { content: ""; } .fa-hand-holding-heart::before { content: ""; } .fa-puzzle-piece::before { content: ""; } .fa-money-check::before { content: ""; } .fa-star-half-alt::before, .fa-star-half-stroke::before { content: ""; } .fa-code::before { content: ""; } .fa-glass-whiskey::before, .fa-whiskey-glass::before { content: ""; } .fa-building-circle-exclamation::before { content: ""; } .fa-magnifying-glass-chart::before { content: ""; } .fa-arrow-up-right-from-square::before, .fa-external-link::before { content: ""; } .fa-cubes-stacked::before { content: ""; } .fa-krw::before, .fa-won-sign::before, .fa-won::before { content: ""; } .fa-virus-covid::before { content: ""; } .fa-austral-sign::before { content: ""; } .fa-f::before { content: "F"; } .fa-leaf::before { content: ""; } .fa-road::before { content: ""; } .fa-cab::before, .fa-taxi::before { content: ""; } .fa-person-circle-plus::before { content: ""; } .fa-chart-pie::before, .fa-pie-chart::before { content: ""; } .fa-bolt-lightning::before { content: ""; } .fa-sack-xmark::before { content: ""; } .fa-file-excel::before { content: ""; } .fa-file-contract::before { content: ""; } .fa-fish-fins::before { content: ""; } .fa-building-flag::before { content: ""; } .fa-face-grin-beam::before, .fa-grin-beam::before { content: ""; } .fa-object-ungroup::before { content: ""; } .fa-poop::before { content: ""; } .fa-location-pin::before, .fa-map-marker::before { content: ""; } .fa-kaaba::before { content: ""; } .fa-toilet-paper::before { content: ""; } .fa-hard-hat::before, .fa-hat-hard::before, .fa-helmet-safety::before { content: ""; } .fa-eject::before { content: ""; } .fa-arrow-alt-circle-right::before, .fa-circle-right::before { content: ""; } .fa-plane-circle-check::before { content: ""; } .fa-face-rolling-eyes::before, .fa-meh-rolling-eyes::before { content: ""; } .fa-object-group::before { content: ""; } .fa-chart-line::before, .fa-line-chart::before { content: ""; } .fa-mask-ventilator::before { content: ""; } .fa-arrow-right::before { content: ""; } .fa-map-signs::before, .fa-signs-post::before { content: ""; } .fa-cash-register::before { content: ""; } .fa-person-circle-question::before { content: ""; } .fa-h::before { content: "H"; } .fa-tarp::before { content: ""; } .fa-screwdriver-wrench::before, .fa-tools::before { content: ""; } .fa-arrows-to-eye::before { content: ""; } .fa-plug-circle-bolt::before { content: ""; } .fa-heart::before { content: ""; } .fa-mars-and-venus::before { content: ""; } .fa-home-user::before, .fa-house-user::before { content: ""; } .fa-dumpster-fire::before { content: ""; } .fa-house-crack::before { content: ""; } .fa-cocktail::before, .fa-martini-glass-citrus::before { content: ""; } .fa-face-surprise::before, .fa-surprise::before { content: ""; } .fa-bottle-water::before { content: ""; } .fa-circle-pause::before, .fa-pause-circle::before { content: ""; } .fa-toilet-paper-slash::before { content: ""; } .fa-apple-alt::before, .fa-apple-whole::before { content: ""; } .fa-kitchen-set::before { content: ""; } .fa-r::before { content: "R"; } .fa-temperature-1::before, .fa-temperature-quarter::before, .fa-thermometer-1::before, .fa-thermometer-quarter::before { content: ""; } .fa-cube::before { content: ""; } .fa-bitcoin-sign::before { content: ""; } .fa-shield-dog::before { content: ""; } .fa-solar-panel::before { content: ""; } .fa-lock-open::before { content: ""; } .fa-elevator::before { content: ""; } .fa-money-bill-transfer::before { content: ""; } .fa-money-bill-trend-up::before { content: ""; } .fa-house-flood-water-circle-arrow-right::before { content: ""; } .fa-poll-h::before, .fa-square-poll-horizontal::before { content: ""; } .fa-circle::before { content: ""; } .fa-backward-fast::before, .fa-fast-backward::before { content: ""; } .fa-recycle::before { content: ""; } .fa-user-astronaut::before { content: ""; } .fa-plane-slash::before { content: ""; } .fa-trademark::before { content: ""; } .fa-basketball-ball::before, .fa-basketball::before { content: ""; } .fa-satellite-dish::before { content: ""; } .fa-arrow-alt-circle-up::before, .fa-circle-up::before { content: ""; } .fa-mobile-alt::before, .fa-mobile-screen-button::before { content: ""; } .fa-volume-high::before, .fa-volume-up::before { content: ""; } .fa-users-rays::before { content: ""; } .fa-wallet::before { content: ""; } .fa-clipboard-check::before { content: ""; } .fa-file-audio::before { content: ""; } .fa-burger::before, .fa-hamburger::before { content: ""; } .fa-wrench::before { content: ""; } .fa-bugs::before { content: ""; } .fa-rupee-sign::before, .fa-rupee::before { content: ""; } .fa-file-image::before { content: ""; } .fa-circle-question::before, .fa-question-circle::before { content: ""; } .fa-plane-departure::before { content: ""; } .fa-handshake-slash::before { content: ""; } .fa-book-bookmark::before { content: ""; } .fa-code-branch::before { content: ""; } .fa-hat-cowboy::before { content: ""; } .fa-bridge::before { content: ""; } .fa-phone-alt::before, .fa-phone-flip::before { content: ""; } .fa-truck-front::before { content: ""; } .fa-cat::before { content: ""; } .fa-anchor-circle-exclamation::before { content: ""; } .fa-truck-field::before { content: ""; } .fa-route::before { content: ""; } .fa-clipboard-question::before { content: ""; } .fa-panorama::before { content: ""; } .fa-comment-medical::before { content: ""; } .fa-teeth-open::before { content: ""; } .fa-file-circle-minus::before { content: ""; } .fa-tags::before { content: ""; } .fa-wine-glass::before { content: ""; } .fa-fast-forward::before, .fa-forward-fast::before { content: ""; } .fa-face-meh-blank::before, .fa-meh-blank::before { content: ""; } .fa-parking::before, .fa-square-parking::before { content: ""; } .fa-house-signal::before { content: ""; } .fa-bars-progress::before, .fa-tasks-alt::before { content: ""; } .fa-faucet-drip::before { content: ""; } .fa-cart-flatbed::before, .fa-dolly-flatbed::before { content: ""; } .fa-ban-smoking::before, .fa-smoking-ban::before { content: ""; } .fa-terminal::before { content: ""; } .fa-mobile-button::before { content: ""; } .fa-house-medical-flag::before { content: ""; } .fa-basket-shopping::before, .fa-shopping-basket::before { content: ""; } .fa-tape::before { content: ""; } .fa-bus-alt::before, .fa-bus-simple::before { content: ""; } .fa-eye::before { content: ""; } .fa-face-sad-cry::before, .fa-sad-cry::before { content: ""; } .fa-audio-description::before { content: ""; } .fa-person-military-to-person::before { content: ""; } .fa-file-shield::before { content: ""; } .fa-user-slash::before { content: ""; } .fa-pen::before { content: ""; } .fa-tower-observation::before { content: ""; } .fa-file-code::before { content: ""; } .fa-signal-5::before, .fa-signal-perfect::before, .fa-signal::before { content: ""; } .fa-bus::before { content: ""; } .fa-heart-circle-xmark::before { content: ""; } .fa-home-lg::before, .fa-house-chimney::before { content: ""; } .fa-window-maximize::before { content: ""; } .fa-face-frown::before, .fa-frown::before { content: ""; } .fa-prescription::before { content: ""; } .fa-shop::before, .fa-store-alt::before { content: ""; } .fa-floppy-disk::before, .fa-save::before { content: ""; } .fa-vihara::before { content: ""; } .fa-balance-scale-left::before, .fa-scale-unbalanced::before { content: ""; } .fa-sort-asc::before, .fa-sort-up::before { content: ""; } .fa-comment-dots::before, .fa-commenting::before { content: ""; } .fa-plant-wilt::before { content: ""; } .fa-diamond::before { content: ""; } .fa-face-grin-squint::before, .fa-grin-squint::before { content: ""; } .fa-hand-holding-dollar::before, .fa-hand-holding-usd::before { content: ""; } .fa-bacterium::before { content: ""; } .fa-hand-pointer::before { content: ""; } .fa-drum-steelpan::before { content: ""; } .fa-hand-scissors::before { content: ""; } .fa-hands-praying::before, .fa-praying-hands::before { content: ""; } .fa-arrow-right-rotate::before, .fa-arrow-rotate-forward::before, .fa-arrow-rotate-right::before, .fa-redo::before { content: ""; } .fa-biohazard::before { content: ""; } .fa-location-crosshairs::before, .fa-location::before { content: ""; } .fa-mars-double::before { content: ""; } .fa-child-dress::before { content: ""; } .fa-users-between-lines::before { content: ""; } .fa-lungs-virus::before { content: ""; } .fa-face-grin-tears::before, .fa-grin-tears::before { content: ""; } .fa-phone::before { content: ""; } .fa-calendar-times::before, .fa-calendar-xmark::before { content: ""; } .fa-child-reaching::before { content: ""; } .fa-head-side-virus::before { content: ""; } .fa-user-cog::before, .fa-user-gear::before { content: ""; } .fa-arrow-up-1-9::before, .fa-sort-numeric-up::before { content: ""; } .fa-door-closed::before { content: ""; } .fa-shield-virus::before { content: ""; } .fa-dice-six::before { content: ""; } .fa-mosquito-net::before { content: ""; } .fa-bridge-water::before { content: ""; } .fa-person-booth::before { content: ""; } .fa-text-width::before { content: ""; } .fa-hat-wizard::before { content: ""; } .fa-pen-fancy::before { content: ""; } .fa-digging::before, .fa-person-digging::before { content: ""; } .fa-trash::before { content: ""; } .fa-gauge-simple-med::before, .fa-gauge-simple::before, .fa-tachometer-average::before { content: ""; } .fa-book-medical::before { content: ""; } .fa-poo::before { content: ""; } .fa-quote-right-alt::before, .fa-quote-right::before { content: ""; } .fa-shirt::before, .fa-t-shirt::before, .fa-tshirt::before { content: ""; } .fa-cubes::before { content: ""; } .fa-divide::before { content: ""; } .fa-tenge-sign::before, .fa-tenge::before { content: ""; } .fa-headphones::before { content: ""; } .fa-hands-holding::before { content: ""; } .fa-hands-clapping::before { content: ""; } .fa-republican::before { content: ""; } .fa-arrow-left::before { content: ""; } .fa-person-circle-xmark::before { content: ""; } .fa-ruler::before { content: ""; } .fa-align-left::before { content: ""; } .fa-dice-d6::before { content: ""; } .fa-restroom::before { content: ""; } .fa-j::before { content: "J"; } .fa-users-viewfinder::before { content: ""; } .fa-file-video::before { content: ""; } .fa-external-link-alt::before, .fa-up-right-from-square::before { content: ""; } .fa-table-cells::before, .fa-th::before { content: ""; } .fa-file-pdf::before { content: ""; } .fa-bible::before, .fa-book-bible::before { content: ""; } .fa-o::before { content: "O"; } .fa-medkit::before, .fa-suitcase-medical::before { content: ""; } .fa-user-secret::before { content: ""; } .fa-otter::before { content: ""; } .fa-female::before, .fa-person-dress::before { content: ""; } .fa-comment-dollar::before { content: ""; } .fa-briefcase-clock::before, .fa-business-time::before { content: ""; } .fa-table-cells-large::before, .fa-th-large::before { content: ""; } .fa-book-tanakh::before, .fa-tanakh::before { content: ""; } .fa-phone-volume::before, .fa-volume-control-phone::before { content: ""; } .fa-hat-cowboy-side::before { content: ""; } .fa-clipboard-user::before { content: ""; } .fa-child::before { content: ""; } .fa-lira-sign::before { content: ""; } .fa-satellite::before { content: ""; } .fa-plane-lock::before { content: ""; } .fa-tag::before { content: ""; } .fa-comment::before { content: ""; } .fa-birthday-cake::before, .fa-cake-candles::before, .fa-cake::before { content: ""; } .fa-envelope::before { content: ""; } .fa-angle-double-up::before, .fa-angles-up::before { content: ""; } .fa-paperclip::before { content: ""; } .fa-arrow-right-to-city::before { content: ""; } .fa-ribbon::before { content: ""; } .fa-lungs::before { content: ""; } .fa-arrow-up-9-1::before, .fa-sort-numeric-up-alt::before { content: ""; } .fa-litecoin-sign::before { content: ""; } .fa-border-none::before { content: ""; } .fa-circle-nodes::before { content: ""; } .fa-parachute-box::before { content: ""; } .fa-indent::before { content: ""; } .fa-truck-field-un::before { content: ""; } .fa-hourglass-empty::before, .fa-hourglass::before { content: ""; } .fa-mountain::before { content: ""; } .fa-user-doctor::before, .fa-user-md::before { content: ""; } .fa-circle-info::before, .fa-info-circle::before { content: ""; } .fa-cloud-meatball::before { content: ""; } .fa-camera-alt::before, .fa-camera::before { content: ""; } .fa-square-virus::before { content: ""; } .fa-meteor::before { content: ""; } .fa-car-on::before { content: ""; } .fa-sleigh::before { content: ""; } .fa-arrow-down-1-9::before, .fa-sort-numeric-asc::before, .fa-sort-numeric-down::before { content: ""; } .fa-hand-holding-droplet::before, .fa-hand-holding-water::before { content: ""; } .fa-water::before { content: ""; } .fa-calendar-check::before { content: ""; } .fa-braille::before { content: ""; } .fa-prescription-bottle-alt::before, .fa-prescription-bottle-medical::before { content: ""; } .fa-landmark::before { content: ""; } .fa-truck::before { content: ""; } .fa-crosshairs::before { content: ""; } .fa-person-cane::before { content: ""; } .fa-tent::before { content: ""; } .fa-vest-patches::before { content: ""; } .fa-check-double::before { content: ""; } .fa-arrow-down-a-z::before, .fa-sort-alpha-asc::before, .fa-sort-alpha-down::before { content: ""; } .fa-money-bill-wheat::before { content: ""; } .fa-cookie::before { content: ""; } .fa-arrow-left-rotate::before, .fa-arrow-rotate-back::before, .fa-arrow-rotate-backward::before, .fa-arrow-rotate-left::before, .fa-undo::before { content: ""; } .fa-hard-drive::before, .fa-hdd::before { content: ""; } .fa-face-grin-squint-tears::before, .fa-grin-squint-tears::before { content: ""; } .fa-dumbbell::before { content: ""; } .fa-list-alt::before, .fa-rectangle-list::before { content: ""; } .fa-tarp-droplet::before { content: ""; } .fa-house-medical-circle-check::before { content: ""; } .fa-person-skiing-nordic::before, .fa-skiing-nordic::before { content: ""; } .fa-calendar-plus::before { content: ""; } .fa-plane-arrival::before { content: ""; } .fa-arrow-alt-circle-left::before, .fa-circle-left::before { content: ""; } .fa-subway::before, .fa-train-subway::before { content: ""; } .fa-chart-gantt::before { content: ""; } .fa-indian-rupee-sign::before, .fa-indian-rupee::before, .fa-inr::before { content: ""; } .fa-crop-alt::before, .fa-crop-simple::before { content: ""; } .fa-money-bill-1::before, .fa-money-bill-alt::before { content: ""; } .fa-left-long::before, .fa-long-arrow-alt-left::before { content: ""; } .fa-dna::before { content: ""; } .fa-virus-slash::before { content: ""; } .fa-minus::before, .fa-subtract::before { content: ""; } .fa-chess::before { content: ""; } .fa-arrow-left-long::before, .fa-long-arrow-left::before { content: ""; } .fa-plug-circle-check::before { content: ""; } .fa-street-view::before { content: ""; } .fa-franc-sign::before { content: ""; } .fa-volume-off::before { content: ""; } .fa-american-sign-language-interpreting::before, .fa-asl-interpreting::before, .fa-hands-american-sign-language-interpreting::before, .fa-hands-asl-interpreting::before { content: ""; } .fa-cog::before, .fa-gear::before { content: ""; } .fa-droplet-slash::before, .fa-tint-slash::before { content: ""; } .fa-mosque::before { content: ""; } .fa-mosquito::before { content: ""; } .fa-star-of-david::before { content: ""; } .fa-person-military-rifle::before { content: ""; } .fa-cart-shopping::before, .fa-shopping-cart::before { content: ""; } .fa-vials::before { content: ""; } .fa-plug-circle-plus::before { content: ""; } .fa-place-of-worship::before { content: ""; } .fa-grip-vertical::before { content: ""; } .fa-arrow-turn-up::before, .fa-level-up::before { content: ""; } .fa-u::before { content: "U"; } .fa-square-root-alt::before, .fa-square-root-variable::before { content: ""; } .fa-clock-four::before, .fa-clock::before { content: ""; } .fa-backward-step::before, .fa-step-backward::before { content: ""; } .fa-pallet::before { content: ""; } .fa-faucet::before { content: ""; } .fa-baseball-bat-ball::before { content: ""; } .fa-s::before { content: "S"; } .fa-timeline::before { content: ""; } .fa-keyboard::before { content: ""; } .fa-caret-down::before { content: ""; } .fa-clinic-medical::before, .fa-house-chimney-medical::before { content: ""; } .fa-temperature-3::before, .fa-temperature-three-quarters::before, .fa-thermometer-3::before, .fa-thermometer-three-quarters::before { content: ""; } .fa-mobile-android-alt::before, .fa-mobile-screen::before { content: ""; } .fa-plane-up::before { content: ""; } .fa-piggy-bank::before { content: ""; } .fa-battery-3::before, .fa-battery-half::before { content: ""; } .fa-mountain-city::before { content: ""; } .fa-coins::before { content: ""; } .fa-khanda::before { content: ""; } .fa-sliders-h::before, .fa-sliders::before { content: ""; } .fa-folder-tree::before { content: ""; } .fa-network-wired::before { content: ""; } .fa-map-pin::before { content: ""; } .fa-hamsa::before { content: ""; } .fa-cent-sign::before { content: ""; } .fa-flask::before { content: ""; } .fa-person-pregnant::before { content: ""; } .fa-wand-sparkles::before { content: ""; } .fa-ellipsis-v::before, .fa-ellipsis-vertical::before { content: ""; } .fa-ticket::before { content: ""; } .fa-power-off::before { content: ""; } .fa-long-arrow-alt-right::before, .fa-right-long::before { content: ""; } .fa-flag-usa::before { content: ""; } .fa-laptop-file::before { content: ""; } .fa-teletype::before, .fa-tty::before { content: ""; } .fa-diagram-next::before { content: ""; } .fa-person-rifle::before { content: ""; } .fa-house-medical-circle-exclamation::before { content: ""; } .fa-closed-captioning::before { content: ""; } .fa-hiking::before, .fa-person-hiking::before { content: ""; } .fa-venus-double::before { content: ""; } .fa-images::before { content: ""; } .fa-calculator::before { content: ""; } .fa-people-pulling::before { content: ""; } .fa-n::before { content: "N"; } .fa-cable-car::before, .fa-tram::before { content: ""; } .fa-cloud-rain::before { content: ""; } .fa-building-circle-xmark::before { content: ""; } .fa-ship::before { content: ""; } .fa-arrows-down-to-line::before { content: ""; } .fa-download::before { content: ""; } .fa-face-grin::before, .fa-grin::before { content: ""; } .fa-backspace::before, .fa-delete-left::before { content: ""; } .fa-eye-dropper-empty::before, .fa-eye-dropper::before, .fa-eyedropper::before { content: ""; } .fa-file-circle-check::before { content: ""; } .fa-forward::before { content: ""; } .fa-mobile-android::before, .fa-mobile-phone::before, .fa-mobile::before { content: ""; } .fa-face-meh::before, .fa-meh::before { content: ""; } .fa-align-center::before { content: ""; } .fa-book-dead::before, .fa-book-skull::before { content: ""; } .fa-drivers-license::before, .fa-id-card::before { content: ""; } .fa-dedent::before, .fa-outdent::before { content: ""; } .fa-heart-circle-exclamation::before { content: ""; } .fa-home-alt::before, .fa-home-lg-alt::before, .fa-home::before, .fa-house::before { content: ""; } .fa-calendar-week::before { content: ""; } .fa-laptop-medical::before { content: ""; } .fa-b::before { content: "B"; } .fa-file-medical::before { content: ""; } .fa-dice-one::before { content: ""; } .fa-kiwi-bird::before { content: ""; } .fa-arrow-right-arrow-left::before, .fa-exchange::before { content: ""; } .fa-redo-alt::before, .fa-rotate-forward::before, .fa-rotate-right::before { content: ""; } .fa-cutlery::before, .fa-utensils::before { content: ""; } .fa-arrow-up-wide-short::before, .fa-sort-amount-up::before { content: ""; } .fa-mill-sign::before { content: ""; } .fa-bowl-rice::before { content: ""; } .fa-skull::before { content: ""; } .fa-broadcast-tower::before, .fa-tower-broadcast::before { content: ""; } .fa-truck-pickup::before { content: ""; } .fa-long-arrow-alt-up::before, .fa-up-long::before { content: ""; } .fa-stop::before { content: ""; } .fa-code-merge::before { content: ""; } .fa-upload::before { content: ""; } .fa-hurricane::before { content: ""; } .fa-mound::before { content: ""; } .fa-toilet-portable::before { content: ""; } .fa-compact-disc::before { content: ""; } .fa-file-arrow-down::before, .fa-file-download::before { content: ""; } .fa-caravan::before { content: ""; } .fa-shield-cat::before { content: ""; } .fa-bolt::before, .fa-zap::before { content: ""; } .fa-glass-water::before { content: ""; } .fa-oil-well::before { content: ""; } .fa-vault::before { content: ""; } .fa-mars::before { content: ""; } .fa-toilet::before { content: ""; } .fa-plane-circle-xmark::before { content: ""; } .fa-cny::before, .fa-jpy::before, .fa-rmb::before, .fa-yen-sign::before, .fa-yen::before { content: ""; } .fa-rouble::before, .fa-rub::before, .fa-ruble-sign::before, .fa-ruble::before { content: ""; } .fa-sun::before { content: ""; } .fa-guitar::before { content: ""; } .fa-face-laugh-wink::before, .fa-laugh-wink::before { content: ""; } .fa-horse-head::before { content: ""; } .fa-bore-hole::before { content: ""; } .fa-industry::before { content: ""; } .fa-arrow-alt-circle-down::before, .fa-circle-down::before { content: ""; } .fa-arrows-turn-to-dots::before { content: ""; } .fa-florin-sign::before { content: ""; } .fa-arrow-down-short-wide::before, .fa-sort-amount-desc::before, .fa-sort-amount-down-alt::before { content: ""; } .fa-less-than::before { content: "<"; } .fa-angle-down::before { content: ""; } .fa-car-tunnel::before { content: ""; } .fa-head-side-cough::before { content: ""; } .fa-grip-lines::before { content: ""; } .fa-thumbs-down::before { content: ""; } .fa-user-lock::before { content: ""; } .fa-arrow-right-long::before, .fa-long-arrow-right::before { content: ""; } .fa-anchor-circle-xmark::before { content: ""; } .fa-ellipsis-h::before, .fa-ellipsis::before { content: ""; } .fa-chess-pawn::before { content: ""; } .fa-first-aid::before, .fa-kit-medical::before { content: ""; } .fa-person-through-window::before { content: ""; } .fa-toolbox::before { content: ""; } .fa-hands-holding-circle::before { content: ""; } .fa-bug::before { content: ""; } .fa-credit-card-alt::before, .fa-credit-card::before { content: ""; } .fa-automobile::before, .fa-car::before { content: ""; } .fa-hand-holding-hand::before { content: ""; } .fa-book-open-reader::before, .fa-book-reader::before { content: ""; } .fa-mountain-sun::before { content: ""; } .fa-arrows-left-right-to-line::before { content: ""; } .fa-dice-d20::before { content: ""; } .fa-truck-droplet::before { content: ""; } .fa-file-circle-xmark::before { content: ""; } .fa-temperature-arrow-up::before, .fa-temperature-up::before { content: ""; } .fa-medal::before { content: ""; } .fa-bed::before { content: ""; } .fa-h-square::before, .fa-square-h::before { content: ""; } .fa-podcast::before { content: ""; } .fa-temperature-4::before, .fa-temperature-full::before, .fa-thermometer-4::before, .fa-thermometer-full::before { content: ""; } .fa-bell::before { content: ""; } .fa-superscript::before { content: ""; } .fa-plug-circle-xmark::before { content: ""; } .fa-star-of-life::before { content: ""; } .fa-phone-slash::before { content: ""; } .fa-paint-roller::before { content: ""; } .fa-hands-helping::before, .fa-handshake-angle::before { content: ""; } .fa-location-dot::before, .fa-map-marker-alt::before { content: ""; } .fa-file::before { content: ""; } .fa-greater-than::before { content: ">"; } .fa-person-swimming::before, .fa-swimmer::before { content: ""; } .fa-arrow-down::before { content: ""; } .fa-droplet::before, .fa-tint::before { content: ""; } .fa-eraser::before { content: ""; } .fa-earth-america::before, .fa-earth-americas::before, .fa-earth::before, .fa-globe-americas::before { content: ""; } .fa-person-burst::before { content: ""; } .fa-dove::before { content: ""; } .fa-battery-0::before, .fa-battery-empty::before { content: ""; } .fa-socks::before { content: ""; } .fa-inbox::before { content: ""; } .fa-section::before { content: ""; } .fa-gauge-high::before, .fa-tachometer-alt-fast::before, .fa-tachometer-alt::before { content: ""; } .fa-envelope-open-text::before { content: ""; } .fa-hospital-alt::before, .fa-hospital-wide::before, .fa-hospital::before { content: ""; } .fa-wine-bottle::before { content: ""; } .fa-chess-rook::before { content: ""; } .fa-bars-staggered::before, .fa-reorder::before, .fa-stream::before { content: ""; } .fa-dharmachakra::before { content: ""; } .fa-hotdog::before { content: ""; } .fa-blind::before, .fa-person-walking-with-cane::before { content: ""; } .fa-drum::before { content: ""; } .fa-ice-cream::before { content: ""; } .fa-heart-circle-bolt::before { content: ""; } .fa-fax::before { content: ""; } .fa-paragraph::before { content: ""; } .fa-check-to-slot::before, .fa-vote-yea::before { content: ""; } .fa-star-half::before { content: ""; } .fa-boxes-alt::before, .fa-boxes-stacked::before, .fa-boxes::before { content: ""; } .fa-chain::before, .fa-link::before { content: ""; } .fa-assistive-listening-systems::before, .fa-ear-listen::before { content: ""; } .fa-tree-city::before { content: ""; } .fa-play::before { content: ""; } .fa-font::before { content: ""; } .fa-rupiah-sign::before { content: ""; } .fa-magnifying-glass::before, .fa-search::before { content: ""; } .fa-ping-pong-paddle-ball::before, .fa-table-tennis-paddle-ball::before, .fa-table-tennis::before { content: ""; } .fa-diagnoses::before, .fa-person-dots-from-line::before { content: ""; } .fa-trash-can-arrow-up::before, .fa-trash-restore-alt::before { content: ""; } .fa-naira-sign::before { content: ""; } .fa-cart-arrow-down::before { content: ""; } .fa-walkie-talkie::before { content: ""; } .fa-file-edit::before, .fa-file-pen::before { content: ""; } .fa-receipt::before { content: ""; } .fa-pen-square::before, .fa-pencil-square::before, .fa-square-pen::before { content: ""; } .fa-suitcase-rolling::before { content: ""; } .fa-person-circle-exclamation::before { content: ""; } .fa-chevron-down::before { content: ""; } .fa-battery-5::before, .fa-battery-full::before, .fa-battery::before { content: ""; } .fa-skull-crossbones::before { content: ""; } .fa-code-compare::before { content: ""; } .fa-list-dots::before, .fa-list-ul::before { content: ""; } .fa-school-lock::before { content: ""; } .fa-tower-cell::before { content: ""; } .fa-down-long::before, .fa-long-arrow-alt-down::before { content: ""; } .fa-ranking-star::before { content: ""; } .fa-chess-king::before { content: ""; } .fa-person-harassing::before { content: ""; } .fa-brazilian-real-sign::before { content: ""; } .fa-landmark-alt::before, .fa-landmark-dome::before { content: ""; } .fa-arrow-up::before { content: ""; } .fa-television::before, .fa-tv-alt::before, .fa-tv::before { content: ""; } .fa-shrimp::before { content: ""; } .fa-list-check::before, .fa-tasks::before { content: ""; } .fa-jug-detergent::before { content: ""; } .fa-circle-user::before, .fa-user-circle::before { content: ""; } .fa-user-shield::before { content: ""; } .fa-wind::before { content: ""; } .fa-car-burst::before, .fa-car-crash::before { content: ""; } .fa-y::before { content: "Y"; } .fa-person-snowboarding::before, .fa-snowboarding::before { content: ""; } .fa-shipping-fast::before, .fa-truck-fast::before { content: ""; } .fa-fish::before { content: ""; } .fa-user-graduate::before { content: ""; } .fa-adjust::before, .fa-circle-half-stroke::before { content: ""; } .fa-clapperboard::before { content: ""; } .fa-circle-radiation::before, .fa-radiation-alt::before { content: ""; } .fa-baseball-ball::before, .fa-baseball::before { content: ""; } .fa-jet-fighter-up::before { content: ""; } .fa-diagram-project::before, .fa-project-diagram::before { content: ""; } .fa-copy::before { content: ""; } .fa-volume-mute::before, .fa-volume-times::before, .fa-volume-xmark::before { content: ""; } .fa-hand-sparkles::before { content: ""; } .fa-grip-horizontal::before, .fa-grip::before { content: ""; } .fa-share-from-square::before, .fa-share-square::before { content: ""; } .fa-child-combatant::before, .fa-child-rifle::before { content: ""; } .fa-gun::before { content: ""; } .fa-phone-square::before, .fa-square-phone::before { content: ""; } .fa-add::before, .fa-plus::before { content: "+"; } .fa-expand::before { content: ""; } .fa-computer::before { content: ""; } .fa-close::before, .fa-multiply::before, .fa-remove::before, .fa-times::before, .fa-xmark::before { content: ""; } .fa-arrows-up-down-left-right::before, .fa-arrows::before { content: ""; } .fa-chalkboard-teacher::before, .fa-chalkboard-user::before { content: ""; } .fa-peso-sign::before { content: ""; } .fa-building-shield::before { content: ""; } .fa-baby::before { content: ""; } .fa-users-line::before { content: ""; } .fa-quote-left-alt::before, .fa-quote-left::before { content: ""; } .fa-tractor::before { content: ""; } .fa-trash-arrow-up::before, .fa-trash-restore::before { content: ""; } .fa-arrow-down-up-lock::before { content: ""; } .fa-lines-leaning::before { content: ""; } .fa-ruler-combined::before { content: ""; } .fa-copyright::before { content: ""; } .fa-equals::before { content: "="; } .fa-blender::before { content: ""; } .fa-teeth::before { content: ""; } .fa-ils::before, .fa-shekel-sign::before, .fa-shekel::before, .fa-sheqel-sign::before, .fa-sheqel::before { content: ""; } .fa-map::before { content: ""; } .fa-rocket::before { content: ""; } .fa-photo-film::before, .fa-photo-video::before { content: ""; } .fa-folder-minus::before { content: ""; } .fa-store::before { content: ""; } .fa-arrow-trend-up::before { content: ""; } .fa-plug-circle-minus::before { content: ""; } .fa-sign-hanging::before, .fa-sign::before { content: ""; } .fa-bezier-curve::before { content: ""; } .fa-bell-slash::before { content: ""; } .fa-tablet-android::before, .fa-tablet::before { content: ""; } .fa-school-flag::before { content: ""; } .fa-fill::before { content: ""; } .fa-angle-up::before { content: ""; } .fa-drumstick-bite::before { content: ""; } .fa-holly-berry::before { content: ""; } .fa-chevron-left::before { content: ""; } .fa-bacteria::before { content: ""; } .fa-hand-lizard::before { content: ""; } .fa-notdef::before { content: ""; } .fa-disease::before { content: ""; } .fa-briefcase-medical::before { content: ""; } .fa-genderless::before { content: ""; } .fa-chevron-right::before { content: ""; } .fa-retweet::before { content: ""; } .fa-car-alt::before, .fa-car-rear::before { content: ""; } .fa-pump-soap::before { content: ""; } .fa-video-slash::before { content: ""; } .fa-battery-2::before, .fa-battery-quarter::before { content: ""; } .fa-radio::before { content: ""; } .fa-baby-carriage::before, .fa-carriage-baby::before { content: ""; } .fa-traffic-light::before { content: ""; } .fa-thermometer::before { content: ""; } .fa-vr-cardboard::before { content: ""; } .fa-hand-middle-finger::before { content: ""; } .fa-percent::before, .fa-percentage::before { content: "%"; } .fa-truck-moving::before { content: ""; } .fa-glass-water-droplet::before { content: ""; } .fa-display::before { content: ""; } .fa-face-smile::before, .fa-smile::before { content: ""; } .fa-thumb-tack::before, .fa-thumbtack::before { content: ""; } .fa-trophy::before { content: ""; } .fa-person-praying::before, .fa-pray::before { content: ""; } .fa-hammer::before { content: ""; } .fa-hand-peace::before { content: ""; } .fa-rotate::before, .fa-sync-alt::before { content: ""; } .fa-spinner::before { content: ""; } .fa-robot::before { content: ""; } .fa-peace::before { content: ""; } .fa-cogs::before, .fa-gears::before { content: ""; } .fa-warehouse::before { content: ""; } .fa-arrow-up-right-dots::before { content: ""; } .fa-splotch::before { content: ""; } .fa-face-grin-hearts::before, .fa-grin-hearts::before { content: ""; } .fa-dice-four::before { content: ""; } .fa-sim-card::before { content: ""; } .fa-transgender-alt::before, .fa-transgender::before { content: ""; } .fa-mercury::before { content: ""; } .fa-arrow-turn-down::before, .fa-level-down::before { content: ""; } .fa-person-falling-burst::before { content: ""; } .fa-award::before { content: ""; } .fa-ticket-alt::before, .fa-ticket-simple::before { content: ""; } .fa-building::before { content: ""; } .fa-angle-double-left::before, .fa-angles-left::before { content: ""; } .fa-qrcode::before { content: ""; } .fa-clock-rotate-left::before, .fa-history::before { content: ""; } .fa-face-grin-beam-sweat::before, .fa-grin-beam-sweat::before { content: ""; } .fa-arrow-right-from-file::before, .fa-file-export::before { content: ""; } .fa-shield-blank::before, .fa-shield::before { content: ""; } .fa-arrow-up-short-wide::before, .fa-sort-amount-up-alt::before { content: ""; } .fa-house-medical::before { content: ""; } .fa-golf-ball-tee::before, .fa-golf-ball::before { content: ""; } .fa-chevron-circle-left::before, .fa-circle-chevron-left::before { content: ""; } .fa-house-chimney-window::before { content: ""; } .fa-pen-nib::before { content: ""; } .fa-tent-arrow-turn-left::before { content: ""; } .fa-tents::before { content: ""; } .fa-magic::before, .fa-wand-magic::before { content: ""; } .fa-dog::before { content: ""; } .fa-carrot::before { content: ""; } .fa-moon::before { content: ""; } .fa-wine-glass-alt::before, .fa-wine-glass-empty::before { content: ""; } .fa-cheese::before { content: ""; } .fa-yin-yang::before { content: ""; } .fa-music::before { content: ""; } .fa-code-commit::before { content: ""; } .fa-temperature-low::before { content: ""; } .fa-biking::before, .fa-person-biking::before { content: ""; } .fa-broom::before { content: ""; } .fa-shield-heart::before { content: ""; } .fa-gopuram::before { content: ""; } .fa-earth-oceania::before, .fa-globe-oceania::before { content: ""; } .fa-square-xmark::before, .fa-times-square::before, .fa-xmark-square::before { content: ""; } .fa-hashtag::before { content: "#"; } .fa-expand-alt::before, .fa-up-right-and-down-left-from-center::before { content: ""; } .fa-oil-can::before { content: ""; } .fa-t::before { content: "T"; } .fa-hippo::before { content: ""; } .fa-chart-column::before { content: ""; } .fa-infinity::before { content: ""; } .fa-vial-circle-check::before { content: ""; } .fa-person-arrow-down-to-line::before { content: ""; } .fa-voicemail::before { content: ""; } .fa-fan::before { content: ""; } .fa-person-walking-luggage::before { content: ""; } .fa-arrows-alt-v::before, .fa-up-down::before { content: ""; } .fa-cloud-moon-rain::before { content: ""; } .fa-calendar::before { content: ""; } .fa-trailer::before { content: ""; } .fa-bahai::before, .fa-haykal::before { content: ""; } .fa-sd-card::before { content: ""; } .fa-dragon::before { content: ""; } .fa-shoe-prints::before { content: ""; } .fa-circle-plus::before, .fa-plus-circle::before { content: ""; } .fa-face-grin-tongue-wink::before, .fa-grin-tongue-wink::before { content: ""; } .fa-hand-holding::before { content: ""; } .fa-plug-circle-exclamation::before { content: ""; } .fa-chain-broken::before, .fa-chain-slash::before, .fa-link-slash::before, .fa-unlink::before { content: ""; } .fa-clone::before { content: ""; } .fa-person-walking-arrow-loop-left::before { content: ""; } .fa-arrow-up-z-a::before, .fa-sort-alpha-up-alt::before { content: ""; } .fa-fire-alt::before, .fa-fire-flame-curved::before { content: ""; } .fa-tornado::before { content: ""; } .fa-file-circle-plus::before { content: ""; } .fa-book-quran::before, .fa-quran::before { content: ""; } .fa-anchor::before { content: ""; } .fa-border-all::before { content: ""; } .fa-angry::before, .fa-face-angry::before { content: ""; } .fa-cookie-bite::before { content: ""; } .fa-arrow-trend-down::before { content: ""; } .fa-feed::before, .fa-rss::before { content: ""; } .fa-draw-polygon::before { content: ""; } .fa-balance-scale::before, .fa-scale-balanced::before { content: ""; } .fa-gauge-simple-high::before, .fa-tachometer-fast::before, .fa-tachometer::before { content: ""; } .fa-shower::before { content: ""; } .fa-desktop-alt::before, .fa-desktop::before { content: ""; } .fa-m::before { content: "M"; } .fa-table-list::before, .fa-th-list::before { content: ""; } .fa-comment-sms::before, .fa-sms::before { content: ""; } .fa-book::before { content: ""; } .fa-user-plus::before { content: ""; } .fa-check::before { content: ""; } .fa-battery-4::before, .fa-battery-three-quarters::before { content: ""; } .fa-house-circle-check::before { content: ""; } .fa-angle-left::before { content: ""; } .fa-diagram-successor::before { content: ""; } .fa-truck-arrow-right::before { content: ""; } .fa-arrows-split-up-and-left::before { content: ""; } .fa-fist-raised::before, .fa-hand-fist::before { content: ""; } .fa-cloud-moon::before { content: ""; } .fa-briefcase::before { content: ""; } .fa-person-falling::before { content: ""; } .fa-image-portrait::before, .fa-portrait::before { content: ""; } .fa-user-tag::before { content: ""; } .fa-rug::before { content: ""; } .fa-earth-europe::before, .fa-globe-europe::before { content: ""; } .fa-cart-flatbed-suitcase::before, .fa-luggage-cart::before { content: ""; } .fa-rectangle-times::before, .fa-rectangle-xmark::before, .fa-times-rectangle::before, .fa-window-close::before { content: ""; } .fa-baht-sign::before { content: ""; } .fa-book-open::before { content: ""; } .fa-book-journal-whills::before, .fa-journal-whills::before { content: ""; } .fa-handcuffs::before { content: ""; } .fa-exclamation-triangle::before, .fa-triangle-exclamation::before, .fa-warning::before { content: ""; } .fa-database::before { content: ""; } .fa-mail-forward::before, .fa-share::before { content: ""; } .fa-bottle-droplet::before { content: ""; } .fa-mask-face::before { content: ""; } .fa-hill-rockslide::before { content: ""; } .fa-exchange-alt::before, .fa-right-left::before { content: ""; } .fa-paper-plane::before { content: ""; } .fa-road-circle-exclamation::before { content: ""; } .fa-dungeon::before { content: ""; } .fa-align-right::before { content: ""; } .fa-money-bill-1-wave::before, .fa-money-bill-wave-alt::before { content: ""; } .fa-life-ring::before { content: ""; } .fa-hands::before, .fa-sign-language::before, .fa-signing::before { content: ""; } .fa-calendar-day::before { content: ""; } .fa-ladder-water::before, .fa-swimming-pool::before, .fa-water-ladder::before { content: ""; } .fa-arrows-up-down::before, .fa-arrows-v::before { content: ""; } .fa-face-grimace::before, .fa-grimace::before { content: ""; } .fa-wheelchair-alt::before, .fa-wheelchair-move::before { content: ""; } .fa-level-down-alt::before, .fa-turn-down::before { content: ""; } .fa-person-walking-arrow-right::before { content: ""; } .fa-envelope-square::before, .fa-square-envelope::before { content: ""; } .fa-dice::before { content: ""; } .fa-bowling-ball::before { content: ""; } .fa-brain::before { content: ""; } .fa-band-aid::before, .fa-bandage::before { content: ""; } .fa-calendar-minus::before { content: ""; } .fa-circle-xmark::before, .fa-times-circle::before, .fa-xmark-circle::before { content: ""; } .fa-gifts::before { content: ""; } .fa-hotel::before { content: ""; } .fa-earth-asia::before, .fa-globe-asia::before { content: ""; } .fa-id-card-alt::before, .fa-id-card-clip::before { content: ""; } .fa-magnifying-glass-plus::before, .fa-search-plus::before { content: ""; } .fa-thumbs-up::before { content: ""; } .fa-user-clock::before { content: ""; } .fa-allergies::before, .fa-hand-dots::before { content: ""; } .fa-file-invoice::before { content: ""; } .fa-window-minimize::before { content: ""; } .fa-coffee::before, .fa-mug-saucer::before { content: ""; } .fa-brush::before { content: ""; } .fa-mask::before { content: ""; } .fa-magnifying-glass-minus::before, .fa-search-minus::before { content: ""; } .fa-ruler-vertical::before { content: ""; } .fa-user-alt::before, .fa-user-large::before { content: ""; } .fa-train-tram::before { content: ""; } .fa-user-nurse::before { content: ""; } .fa-syringe::before { content: ""; } .fa-cloud-sun::before { content: ""; } .fa-stopwatch-20::before { content: ""; } .fa-square-full::before { content: ""; } .fa-magnet::before { content: ""; } .fa-jar::before { content: ""; } .fa-note-sticky::before, .fa-sticky-note::before { content: ""; } .fa-bug-slash::before { content: ""; } .fa-arrow-up-from-water-pump::before { content: ""; } .fa-bone::before { content: ""; } .fa-user-injured::before { content: ""; } .fa-face-sad-tear::before, .fa-sad-tear::before { content: ""; } .fa-plane::before { content: ""; } .fa-tent-arrows-down::before { content: ""; } .fa-exclamation::before { content: "!"; } .fa-arrows-spin::before { content: ""; } .fa-print::before { content: ""; } .fa-try::before, .fa-turkish-lira-sign::before, .fa-turkish-lira::before { content: ""; } .fa-dollar-sign::before, .fa-dollar::before, .fa-usd::before { content: "$"; } .fa-x::before { content: "X"; } .fa-magnifying-glass-dollar::before, .fa-search-dollar::before { content: ""; } .fa-users-cog::before, .fa-users-gear::before { content: ""; } .fa-person-military-pointing::before { content: ""; } .fa-bank::before, .fa-building-columns::before, .fa-institution::before, .fa-museum::before, .fa-university::before { content: ""; } .fa-umbrella::before { content: ""; } .fa-trowel::before { content: ""; } .fa-d::before { content: "D"; } .fa-stapler::before { content: ""; } .fa-masks-theater::before, .fa-theater-masks::before { content: ""; } .fa-kip-sign::before { content: ""; } .fa-hand-point-left::before { content: ""; } .fa-handshake-alt::before, .fa-handshake-simple::before { content: ""; } .fa-fighter-jet::before, .fa-jet-fighter::before { content: ""; } .fa-share-alt-square::before, .fa-square-share-nodes::before { content: ""; } .fa-barcode::before { content: ""; } .fa-plus-minus::before { content: ""; } .fa-video-camera::before, .fa-video::before { content: ""; } .fa-graduation-cap::before, .fa-mortar-board::before { content: ""; } .fa-hand-holding-medical::before { content: ""; } .fa-person-circle-check::before { content: ""; } .fa-level-up-alt::before, .fa-turn-up::before { content: ""; } .fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; } :host, :root { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); } .fa-brands, .fab { font-weight: 400; } .fa-monero::before { content: ""; } .fa-hooli::before { content: ""; } .fa-yelp::before { content: ""; } .fa-cc-visa::before { content: ""; } .fa-lastfm::before { content: ""; } .fa-shopware::before { content: ""; } .fa-creative-commons-nc::before { content: ""; } .fa-aws::before { content: ""; } .fa-redhat::before { content: ""; } .fa-yoast::before { content: ""; } .fa-cloudflare::before { content: ""; } .fa-ups::before { content: ""; } .fa-pixiv::before { content: ""; } .fa-wpexplorer::before { content: ""; } .fa-dyalog::before { content: ""; } .fa-bity::before { content: ""; } .fa-stackpath::before { content: ""; } .fa-buysellads::before { content: ""; } .fa-first-order::before { content: ""; } .fa-modx::before { content: ""; } .fa-guilded::before { content: ""; } .fa-vnv::before { content: ""; } .fa-js-square::before, .fa-square-js::before { content: ""; } .fa-microsoft::before { content: ""; } .fa-qq::before { content: ""; } .fa-orcid::before { content: ""; } .fa-java::before { content: ""; } .fa-invision::before { content: ""; } .fa-creative-commons-pd-alt::before { content: ""; } .fa-centercode::before { content: ""; } .fa-glide-g::before { content: ""; } .fa-drupal::before { content: ""; } .fa-hire-a-helper::before { content: ""; } .fa-creative-commons-by::before { content: ""; } .fa-unity::before { content: ""; } .fa-whmcs::before { content: ""; } .fa-rocketchat::before { content: ""; } .fa-vk::before { content: ""; } .fa-untappd::before { content: ""; } .fa-mailchimp::before { content: ""; } .fa-css3-alt::before { content: ""; } .fa-reddit-square::before, .fa-square-reddit::before { content: ""; } .fa-vimeo-v::before { content: ""; } .fa-contao::before { content: ""; } .fa-square-font-awesome::before { content: ""; } .fa-deskpro::before { content: ""; } .fa-brave::before { content: ""; } .fa-sistrix::before { content: ""; } .fa-instagram-square::before, .fa-square-instagram::before { content: ""; } .fa-battle-net::before { content: ""; } .fa-the-red-yeti::before { content: ""; } .fa-hacker-news-square::before, .fa-square-hacker-news::before { content: ""; } .fa-edge::before { content: ""; } .fa-threads::before { content: ""; } .fa-napster::before { content: ""; } .fa-snapchat-square::before, .fa-square-snapchat::before { content: ""; } .fa-google-plus-g::before { content: ""; } .fa-artstation::before { content: ""; } .fa-markdown::before { content: ""; } .fa-sourcetree::before { content: ""; } .fa-google-plus::before { content: ""; } .fa-diaspora::before { content: ""; } .fa-foursquare::before { content: ""; } .fa-stack-overflow::before { content: ""; } .fa-github-alt::before { content: ""; } .fa-phoenix-squadron::before { content: ""; } .fa-pagelines::before { content: ""; } .fa-algolia::before { content: ""; } .fa-red-river::before { content: ""; } .fa-creative-commons-sa::before { content: ""; } .fa-safari::before { content: ""; } .fa-google::before { content: ""; } .fa-font-awesome-alt::before, .fa-square-font-awesome-stroke::before { content: ""; } .fa-atlassian::before { content: ""; } .fa-linkedin-in::before { content: ""; } .fa-digital-ocean::before { content: ""; } .fa-nimblr::before { content: ""; } .fa-chromecast::before { content: ""; } .fa-evernote::before { content: ""; } .fa-hacker-news::before { content: ""; } .fa-creative-commons-sampling::before { content: ""; } .fa-adversal::before { content: ""; } .fa-creative-commons::before { content: ""; } .fa-watchman-monitoring::before { content: ""; } .fa-fonticons::before { content: ""; } .fa-weixin::before { content: ""; } .fa-shirtsinbulk::before { content: ""; } .fa-codepen::before { content: ""; } .fa-git-alt::before { content: ""; } .fa-lyft::before { content: ""; } .fa-rev::before { content: ""; } .fa-windows::before { content: ""; } .fa-wizards-of-the-coast::before { content: ""; } .fa-square-viadeo::before, .fa-viadeo-square::before { content: ""; } .fa-meetup::before { content: ""; } .fa-centos::before { content: ""; } .fa-adn::before { content: ""; } .fa-cloudsmith::before { content: ""; } .fa-opensuse::before { content: ""; } .fa-pied-piper-alt::before { content: ""; } .fa-dribbble-square::before, .fa-square-dribbble::before { content: ""; } .fa-codiepie::before { content: ""; } .fa-node::before { content: ""; } .fa-mix::before { content: ""; } .fa-steam::before { content: ""; } .fa-cc-apple-pay::before { content: ""; } .fa-scribd::before { content: ""; } .fa-debian::before { content: ""; } .fa-openid::before { content: ""; } .fa-instalod::before { content: ""; } .fa-expeditedssl::before { content: ""; } .fa-sellcast::before { content: ""; } .fa-square-twitter::before, .fa-twitter-square::before { content: ""; } .fa-r-project::before { content: ""; } .fa-delicious::before { content: ""; } .fa-freebsd::before { content: ""; } .fa-vuejs::before { content: ""; } .fa-accusoft::before { content: ""; } .fa-ioxhost::before { content: ""; } .fa-fonticons-fi::before { content: ""; } .fa-app-store::before { content: ""; } .fa-cc-mastercard::before { content: ""; } .fa-itunes-note::before { content: ""; } .fa-golang::before { content: ""; } .fa-kickstarter::before { content: ""; } .fa-grav::before { content: ""; } .fa-weibo::before { content: ""; } .fa-uncharted::before { content: ""; } .fa-firstdraft::before { content: ""; } .fa-square-youtube::before, .fa-youtube-square::before { content: ""; } .fa-wikipedia-w::before { content: ""; } .fa-rendact::before, .fa-wpressr::before { content: ""; } .fa-angellist::before { content: ""; } .fa-galactic-republic::before { content: ""; } .fa-nfc-directional::before { content: ""; } .fa-skype::before { content: ""; } .fa-joget::before { content: ""; } .fa-fedora::before { content: ""; } .fa-stripe-s::before { content: ""; } .fa-meta::before { content: ""; } .fa-laravel::before { content: ""; } .fa-hotjar::before { content: ""; } .fa-bluetooth-b::before { content: ""; } .fa-square-letterboxd::before { content: ""; } .fa-sticker-mule::before { content: ""; } .fa-creative-commons-zero::before { content: ""; } .fa-hips::before { content: ""; } .fa-behance::before { content: ""; } .fa-reddit::before { content: ""; } .fa-discord::before { content: ""; } .fa-chrome::before { content: ""; } .fa-app-store-ios::before { content: ""; } .fa-cc-discover::before { content: ""; } .fa-wpbeginner::before { content: ""; } .fa-confluence::before { content: ""; } .fa-mdb::before { content: ""; } .fa-dochub::before { content: ""; } .fa-accessible-icon::before { content: ""; } .fa-ebay::before { content: ""; } .fa-amazon::before { content: ""; } .fa-unsplash::before { content: ""; } .fa-yarn::before { content: ""; } .fa-square-steam::before, .fa-steam-square::before { content: ""; } .fa-500px::before { content: ""; } .fa-square-vimeo::before, .fa-vimeo-square::before { content: ""; } .fa-asymmetrik::before { content: ""; } .fa-font-awesome-flag::before, .fa-font-awesome-logo-full::before, .fa-font-awesome::before { content: ""; } .fa-gratipay::before { content: ""; } .fa-apple::before { content: ""; } .fa-hive::before { content: ""; } .fa-gitkraken::before { content: ""; } .fa-keybase::before { content: ""; } .fa-apple-pay::before { content: ""; } .fa-padlet::before { content: ""; } .fa-amazon-pay::before { content: ""; } .fa-github-square::before, .fa-square-github::before { content: ""; } .fa-stumbleupon::before { content: ""; } .fa-fedex::before { content: ""; } .fa-phoenix-framework::before { content: ""; } .fa-shopify::before { content: ""; } .fa-neos::before { content: ""; } .fa-square-threads::before { content: ""; } .fa-hackerrank::before { content: ""; } .fa-researchgate::before { content: ""; } .fa-swift::before { content: ""; } .fa-angular::before { content: ""; } .fa-speakap::before { content: ""; } .fa-angrycreative::before { content: ""; } .fa-y-combinator::before { content: ""; } .fa-empire::before { content: ""; } .fa-envira::before { content: ""; } .fa-google-scholar::before { content: ""; } .fa-gitlab-square::before, .fa-square-gitlab::before { content: ""; } .fa-studiovinari::before { content: ""; } .fa-pied-piper::before { content: ""; } .fa-wordpress::before { content: ""; } .fa-product-hunt::before { content: ""; } .fa-firefox::before { content: ""; } .fa-linode::before { content: ""; } .fa-goodreads::before { content: ""; } .fa-odnoklassniki-square::before, .fa-square-odnoklassniki::before { content: ""; } .fa-jsfiddle::before { content: ""; } .fa-sith::before { content: ""; } .fa-themeisle::before { content: ""; } .fa-page4::before { content: ""; } .fa-hashnode::before { content: ""; } .fa-react::before { content: ""; } .fa-cc-paypal::before { content: ""; } .fa-squarespace::before { content: ""; } .fa-cc-stripe::before { content: ""; } .fa-creative-commons-share::before { content: ""; } .fa-bitcoin::before { content: ""; } .fa-keycdn::before { content: ""; } .fa-opera::before { content: ""; } .fa-itch-io::before { content: ""; } .fa-umbraco::before { content: ""; } .fa-galactic-senate::before { content: ""; } .fa-ubuntu::before { content: ""; } .fa-draft2digital::before { content: ""; } .fa-stripe::before { content: ""; } .fa-houzz::before { content: ""; } .fa-gg::before { content: ""; } .fa-dhl::before { content: ""; } .fa-pinterest-square::before, .fa-square-pinterest::before { content: ""; } .fa-xing::before { content: ""; } .fa-blackberry::before { content: ""; } .fa-creative-commons-pd::before { content: ""; } .fa-playstation::before { content: ""; } .fa-quinscape::before { content: ""; } .fa-less::before { content: ""; } .fa-blogger-b::before { content: ""; } .fa-opencart::before { content: ""; } .fa-vine::before { content: ""; } .fa-paypal::before { content: ""; } .fa-gitlab::before { content: ""; } .fa-typo3::before { content: ""; } .fa-reddit-alien::before { content: ""; } .fa-yahoo::before { content: ""; } .fa-dailymotion::before { content: ""; } .fa-affiliatetheme::before { content: ""; } .fa-pied-piper-pp::before { content: ""; } .fa-bootstrap::before { content: ""; } .fa-odnoklassniki::before { content: ""; } .fa-nfc-symbol::before { content: ""; } .fa-mintbit::before { content: ""; } .fa-ethereum::before { content: ""; } .fa-speaker-deck::before { content: ""; } .fa-creative-commons-nc-eu::before { content: ""; } .fa-patreon::before { content: ""; } .fa-avianex::before { content: ""; } .fa-ello::before { content: ""; } .fa-gofore::before { content: ""; } .fa-bimobject::before { content: ""; } .fa-brave-reverse::before { content: ""; } .fa-facebook-f::before { content: ""; } .fa-google-plus-square::before, .fa-square-google-plus::before { content: ""; } .fa-mandalorian::before { content: ""; } .fa-first-order-alt::before { content: ""; } .fa-osi::before { content: ""; } .fa-google-wallet::before { content: ""; } .fa-d-and-d-beyond::before { content: ""; } .fa-periscope::before { content: ""; } .fa-fulcrum::before { content: ""; } .fa-cloudscale::before { content: ""; } .fa-forumbee::before { content: ""; } .fa-mizuni::before { content: ""; } .fa-schlix::before { content: ""; } .fa-square-xing::before, .fa-xing-square::before { content: ""; } .fa-bandcamp::before { content: ""; } .fa-wpforms::before { content: ""; } .fa-cloudversify::before { content: ""; } .fa-usps::before { content: ""; } .fa-megaport::before { content: ""; } .fa-magento::before { content: ""; } .fa-spotify::before { content: ""; } .fa-optin-monster::before { content: ""; } .fa-fly::before { content: ""; } .fa-aviato::before { content: ""; } .fa-itunes::before { content: ""; } .fa-cuttlefish::before { content: ""; } .fa-blogger::before { content: ""; } .fa-flickr::before { content: ""; } .fa-viber::before { content: ""; } .fa-soundcloud::before { content: ""; } .fa-digg::before { content: ""; } .fa-tencent-weibo::before { content: ""; } .fa-letterboxd::before { content: ""; } .fa-symfony::before { content: ""; } .fa-maxcdn::before { content: ""; } .fa-etsy::before { content: ""; } .fa-facebook-messenger::before { content: ""; } .fa-audible::before { content: ""; } .fa-think-peaks::before { content: ""; } .fa-bilibili::before { content: ""; } .fa-erlang::before { content: ""; } .fa-x-twitter::before { content: ""; } .fa-cotton-bureau::before { content: ""; } .fa-dashcube::before { content: ""; } .fa-42-group::before, .fa-innosoft::before { content: ""; } .fa-stack-exchange::before { content: ""; } .fa-elementor::before { content: ""; } .fa-pied-piper-square::before, .fa-square-pied-piper::before { content: ""; } .fa-creative-commons-nd::before { content: ""; } .fa-palfed::before { content: ""; } .fa-superpowers::before { content: ""; } .fa-resolving::before { content: ""; } .fa-xbox::before { content: ""; } .fa-searchengin::before { content: ""; } .fa-tiktok::before { content: ""; } .fa-facebook-square::before, .fa-square-facebook::before { content: ""; } .fa-renren::before { content: ""; } .fa-linux::before { content: ""; } .fa-glide::before { content: ""; } .fa-linkedin::before { content: ""; } .fa-hubspot::before { content: ""; } .fa-deploydog::before { content: ""; } .fa-twitch::before { content: ""; } .fa-ravelry::before { content: ""; } .fa-mixer::before { content: ""; } .fa-lastfm-square::before, .fa-square-lastfm::before { content: ""; } .fa-vimeo::before { content: ""; } .fa-mendeley::before { content: ""; } .fa-uniregistry::before { content: ""; } .fa-figma::before { content: ""; } .fa-creative-commons-remix::before { content: ""; } .fa-cc-amazon-pay::before { content: ""; } .fa-dropbox::before { content: ""; } .fa-instagram::before { content: ""; } .fa-cmplid::before { content: ""; } .fa-upwork::before { content: ""; } .fa-facebook::before { content: ""; } .fa-gripfire::before { content: ""; } .fa-jedi-order::before { content: ""; } .fa-uikit::before { content: ""; } .fa-fort-awesome-alt::before { content: ""; } .fa-phabricator::before { content: ""; } .fa-ussunnah::before { content: ""; } .fa-earlybirds::before { content: ""; } .fa-trade-federation::before { content: ""; } .fa-autoprefixer::before { content: ""; } .fa-whatsapp::before { content: ""; } .fa-slideshare::before { content: ""; } .fa-google-play::before { content: ""; } .fa-viadeo::before { content: ""; } .fa-line::before { content: ""; } .fa-google-drive::before { content: ""; } .fa-servicestack::before { content: ""; } .fa-simplybuilt::before { content: ""; } .fa-bitbucket::before { content: ""; } .fa-imdb::before { content: ""; } .fa-deezer::before { content: ""; } .fa-raspberry-pi::before { content: ""; } .fa-jira::before { content: ""; } .fa-docker::before { content: ""; } .fa-screenpal::before { content: ""; } .fa-bluetooth::before { content: ""; } .fa-gitter::before { content: ""; } .fa-d-and-d::before { content: ""; } .fa-microblog::before { content: ""; } .fa-cc-diners-club::before { content: ""; } .fa-gg-circle::before { content: ""; } .fa-pied-piper-hat::before { content: ""; } .fa-kickstarter-k::before { content: ""; } .fa-yandex::before { content: ""; } .fa-readme::before { content: ""; } .fa-html5::before { content: ""; } .fa-sellsy::before { content: ""; } .fa-sass::before { content: ""; } .fa-wirsindhandwerk::before, .fa-wsh::before { content: ""; } .fa-buromobelexperte::before { content: ""; } .fa-salesforce::before { content: ""; } .fa-octopus-deploy::before { content: ""; } .fa-medapps::before { content: ""; } .fa-ns8::before { content: ""; } .fa-pinterest-p::before { content: ""; } .fa-apper::before { content: ""; } .fa-fort-awesome::before { content: ""; } .fa-waze::before { content: ""; } .fa-cc-jcb::before { content: ""; } .fa-snapchat-ghost::before, .fa-snapchat::before { content: ""; } .fa-fantasy-flight-games::before { content: ""; } .fa-rust::before { content: ""; } .fa-wix::before { content: ""; } .fa-behance-square::before, .fa-square-behance::before { content: ""; } .fa-supple::before { content: ""; } .fa-rebel::before { content: ""; } .fa-css3::before { content: ""; } .fa-staylinked::before { content: ""; } .fa-kaggle::before { content: ""; } .fa-space-awesome::before { content: ""; } .fa-deviantart::before { content: ""; } .fa-cpanel::before { content: ""; } .fa-goodreads-g::before { content: ""; } .fa-git-square::before, .fa-square-git::before { content: ""; } .fa-square-tumblr::before, .fa-tumblr-square::before { content: ""; } .fa-trello::before { content: ""; } .fa-creative-commons-nc-jp::before { content: ""; } .fa-get-pocket::before { content: ""; } .fa-perbyte::before { content: ""; } .fa-grunt::before { content: ""; } .fa-weebly::before { content: ""; } .fa-connectdevelop::before { content: ""; } .fa-leanpub::before { content: ""; } .fa-black-tie::before { content: ""; } .fa-themeco::before { content: ""; } .fa-python::before { content: ""; } .fa-android::before { content: ""; } .fa-bots::before { content: ""; } .fa-free-code-camp::before { content: ""; } .fa-hornbill::before { content: ""; } .fa-js::before { content: ""; } .fa-ideal::before { content: ""; } .fa-git::before { content: ""; } .fa-dev::before { content: ""; } .fa-sketch::before { content: ""; } .fa-yandex-international::before { content: ""; } .fa-cc-amex::before { content: ""; } .fa-uber::before { content: ""; } .fa-github::before { content: ""; } .fa-php::before { content: ""; } .fa-alipay::before { content: ""; } .fa-youtube::before { content: ""; } .fa-skyatlas::before { content: ""; } .fa-firefox-browser::before { content: ""; } .fa-replyd::before { content: ""; } .fa-suse::before { content: ""; } .fa-jenkins::before { content: ""; } .fa-twitter::before { content: ""; } .fa-rockrms::before { content: ""; } .fa-pinterest::before { content: ""; } .fa-buffer::before { content: ""; } .fa-npm::before { content: ""; } .fa-yammer::before { content: ""; } .fa-btc::before { content: ""; } .fa-dribbble::before { content: ""; } .fa-stumbleupon-circle::before { content: ""; } .fa-internet-explorer::before { content: ""; } .fa-stubber::before { content: ""; } .fa-telegram-plane::before, .fa-telegram::before { content: ""; } .fa-old-republic::before { content: ""; } .fa-odysee::before { content: ""; } .fa-square-whatsapp::before, .fa-whatsapp-square::before { content: ""; } .fa-node-js::before { content: ""; } .fa-edge-legacy::before { content: ""; } .fa-slack-hash::before, .fa-slack::before { content: ""; } .fa-medrt::before { content: ""; } .fa-usb::before { content: ""; } .fa-tumblr::before { content: ""; } .fa-vaadin::before { content: ""; } .fa-quora::before { content: ""; } .fa-square-x-twitter::before { content: ""; } .fa-reacteurope::before { content: ""; } .fa-medium-m::before, .fa-medium::before { content: ""; } .fa-amilia::before { content: ""; } .fa-mixcloud::before { content: ""; } .fa-flipboard::before { content: ""; } .fa-viacoin::before { content: ""; } .fa-critical-role::before { content: ""; } .fa-sitrox::before { content: ""; } .fa-discourse::before { content: ""; } .fa-joomla::before { content: ""; } .fa-mastodon::before { content: ""; } .fa-airbnb::before { content: ""; } .fa-wolf-pack-battalion::before { content: ""; } .fa-buy-n-large::before { content: ""; } .fa-gulp::before { content: ""; } .fa-creative-commons-sampling-plus::before { content: ""; } .fa-strava::before { content: ""; } .fa-ember::before { content: ""; } .fa-canadian-maple-leaf::before { content: ""; } .fa-teamspeak::before { content: ""; } .fa-pushed::before { content: ""; } .fa-wordpress-simple::before { content: ""; } .fa-nutritionix::before { content: ""; } .fa-wodu::before { content: ""; } .fa-google-pay::before { content: ""; } .fa-intercom::before { content: ""; } .fa-zhihu::before { content: ""; } .fa-korvue::before { content: ""; } .fa-pix::before { content: ""; } .fa-steam-symbol::before { content: ""; } :host, :root { --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); } .fa-regular, .far { font-weight: 400; } :host, :root { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); } .fa-solid, .fas { font-weight: 900; } @font-face { font-family: "Font Awesome 5 Brands"; font-display: block; font-weight: 400; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 900; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: "Font Awesome 5 Free"; font-display: block; font-weight: 400; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); } @font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC; } @font-face { font-family: FontAwesome; font-display: block; src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype"); unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A; } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css @charset "utf-8"; :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { animation-duration: var(--animate-duration); animation-fill-mode: both; } .animate__animated.animate__infinite { animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { animation-iteration-count: calc(var(--animate-repeat)*2); } .animate__animated.animate__repeat-3 { animation-iteration-count: calc(var(--animate-repeat)*3); } .animate__animated.animate__delay-1s { animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { animation-delay: calc(var(--animate-delay)*2); } .animate__animated.animate__delay-3s { animation-delay: calc(var(--animate-delay)*3); } .animate__animated.animate__delay-4s { animation-delay: calc(var(--animate-delay)*4); } .animate__animated.animate__delay-5s { animation-delay: calc(var(--animate-delay)*5); } .animate__animated.animate__faster { animation-duration: calc(var(--animate-duration)/2); } .animate__animated.animate__fast { animation-duration: calc(var(--animate-duration)*0.8); } .animate__animated.animate__slow { animation-duration: calc(var(--animate-duration)*2); } .animate__animated.animate__slower { animation-duration: calc(var(--animate-duration)*3); } @media (prefers-reduced-motion: reduce), print { .animate__animated { animation-duration: 1ms !important; transition-duration: 1ms !important; animation-iteration-count: 1 !important; } .animate__animated[class*="Out"] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px) scaleY(0.95); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -30px, 0px) scaleY(1.1); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0px, -15px, 0px) scaleY(1.05); } 80% { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0px) scaleY(0.95); } 90% { transform: translate3d(0px, -4px, 0px) scaleY(1.02); } } .animate__bounce { animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .animate__flash { animation-name: flash; } @-webkit-keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } @keyframes pulse { 0% { transform: scaleX(1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } 100% { transform: scaleX(1); } } .animate__pulse { animation-name: pulse; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } @keyframes rubberBand { 0% { transform: scaleX(1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scaleX(1); } } .animate__rubberBand { animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } @keyframes shakeX { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0px, 0px); } } .animate__shakeX { animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } @keyframes shakeY { 0%, 100% { transform: translateZ(0px); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(0px, -10px, 0px); } 20%, 40%, 60%, 80% { transform: translate3d(0px, 10px, 0px); } } .animate__shakeY { animation-name: shakeY; } @-webkit-keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } @keyframes headShake { 0% { transform: translateX(0px); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0px); } } .animate__headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @-webkit-keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .animate__swing { transform-origin: center top; animation-name: swing; } @-webkit-keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } @keyframes tada { 0% { transform: scaleX(1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } 100% { transform: scaleX(1); } } .animate__tada { animation-name: tada; } @-webkit-keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } @keyframes wobble { 0% { transform: translateZ(0px); } 15% { transform: translate3d(-25%, 0px, 0px) rotate(-5deg); } 30% { transform: translate3d(20%, 0px, 0px) rotate(3deg); } 45% { transform: translate3d(-15%, 0px, 0px) rotate(-3deg); } 60% { transform: translate3d(10%, 0px, 0px) rotate(2deg); } 75% { transform: translate3d(-5%, 0px, 0px) rotate(-1deg); } 100% { transform: translateZ(0px); } } .animate__wobble { animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } @keyframes jello { 0%, 11.1%, 100% { transform: translateZ(0px); } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.195312deg) skewY(-0.195312deg); } } .animate__jello { animation-name: jello; transform-origin: center center; } @-webkit-keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } @keyframes heartBeat { 0% { transform: scale(1); } 14% { transform: scale(1.3); } 28% { transform: scale(1); } 42% { transform: scale(1.3); } 70% { transform: scale(1); } } .animate__heartBeat { animation-name: heartBeat; animation-duration: calc(var(--animate-duration)*1.3); animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { transform: translateY(-1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInDown { animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInLeft { animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } 80% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInRight { animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { transform: translateY(1200px) scale(0.7); opacity: 0.7; } 80% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .animate__backInUp { animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } } @keyframes backOutDown { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(700px) scale(0.7); opacity: 0.7; } } .animate__backOutDown { animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutLeft { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(-2000px) scale(0.7); opacity: 0.7; } } .animate__backOutLeft { animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } @keyframes backOutRight { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateX(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateX(2000px) scale(0.7); opacity: 0.7; } } .animate__backOutRight { animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } @keyframes backOutUp { 0% { transform: scale(1); opacity: 1; } 20% { transform: translateY(0px) scale(0.7); opacity: 0.7; } 100% { transform: translateY(-700px) scale(0.7); opacity: 0.7; } } .animate__backOutUp { animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; transform: scaleX(1); } } .animate__bounceIn { animation-duration: calc(var(--animate-duration)*0.75); animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, -3000px, 0px) scaleY(3); } 60% { opacity: 1; transform: translate3d(0px, 25px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, -10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, 5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } .animate__bounceInDown { animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(-10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } .animate__bounceInLeft { animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(3000px, 0px, 0px) scaleX(3); } 60% { opacity: 1; transform: translate3d(-25px, 0px, 0px) scaleX(1); } 75% { transform: translate3d(10px, 0px, 0px) scaleX(0.98); } 90% { transform: translate3d(-5px, 0px, 0px) scaleX(0.995); } 100% { transform: translateZ(0px); } } .animate__bounceInRight { animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0px, 3000px, 0px) scaleY(5); } 60% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 75% { transform: translate3d(0px, 10px, 0px) scaleY(0.95); } 90% { transform: translate3d(0px, -5px, 0px) scaleY(0.985); } 100% { transform: translateZ(0px); } } .animate__bounceInUp { animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .animate__bounceOut { animation-duration: calc(var(--animate-duration)*0.75); animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } @keyframes bounceOutDown { 20% { transform: translate3d(0px, 10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, -20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px) scaleY(3); } } .animate__bounceOutDown { animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px) scaleX(2); } } .animate__bounceOutLeft { animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0px, 0px) scaleX(0.9); } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px) scaleX(2); } } .animate__bounceOutRight { animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } @keyframes bounceOutUp { 20% { transform: translate3d(0px, -10px, 0px) scaleY(0.985); } 40%, 45% { opacity: 1; transform: translate3d(0px, 20px, 0px) scaleY(0.9); } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px) scaleY(3); } } .animate__bounceOutUp { animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .animate__fadeIn { animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInDown { animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInDownBig { animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInLeft { animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInLeftBig { animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translate3d(100%, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInRightBig { animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translate3d(0px, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInUp { animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInUpBig { animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopLeft { 0% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInTopLeft { animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInTopRight { 0% { opacity: 0; transform: translate3d(100%, -100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInTopRight { animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInBottomLeft { animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes fadeInBottomRight { 0% { opacity: 0; transform: translate3d(100%, 100%, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__fadeInBottomRight { animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .animate__fadeOut { animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 100%, 0px); } } .animate__fadeOutDown { animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, 2000px, 0px); } } .animate__fadeOutDownBig { animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-100%, 0px, 0px); } } .animate__fadeOutLeft { animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(-2000px, 0px, 0px); } } .animate__fadeOutLeftBig { animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px); } } .animate__fadeOutRight { animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(2000px, 0px, 0px); } } .animate__fadeOutRightBig { animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -100%, 0px); } } .animate__fadeOutUp { animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(0px, -2000px, 0px); } } .animate__fadeOutUpBig { animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, -100%, 0px); } } .animate__fadeOutTopLeft { animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } @keyframes fadeOutTopRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, -100%, 0px); } } .animate__fadeOutTopRight { animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(100%, 100%, 0px); } } .animate__fadeOutBottomRight { animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(-100%, 100%, 0px); } } .animate__fadeOutBottomLeft { animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(-1turn); animation-timing-function: ease-out; } 40% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0px) rotateY(0deg); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scaleX(1) translateZ(0px) rotateY(0deg); animation-timing-function: ease-in; } } .animate__animated.animate__flip { backface-visibility: visible; animation-name: flip; } @-webkit-keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateX(-5deg); } 100% { transform: perspective(400px); } } .animate__flipInX { animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { transform: perspective(400px) rotateY(-5deg); } 100% { transform: perspective(400px); } } .animate__flipInY { animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateX(-20deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .animate__flipOutX { animation-duration: calc(var(--animate-duration)*0.75); animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px); } 30% { transform: perspective(400px) rotateY(-15deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .animate__flipOutY { animation-duration: calc(var(--animate-duration)*0.75); animation-name: flipOutY; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInRight { 0% { transform: translate3d(100%, 0px, 0px) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); } 100% { transform: translateZ(0px); } } .animate__lightSpeedInRight { animation-name: lightSpeedInRight; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0px, 0px) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } @keyframes lightSpeedInLeft { 0% { transform: translate3d(-100%, 0px, 0px) skewX(30deg); opacity: 0; } 60% { transform: skewX(-20deg); opacity: 1; } 80% { transform: skewX(5deg); } 100% { transform: translateZ(0px); } } .animate__lightSpeedInLeft { animation-name: lightSpeedInLeft; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } 100% { transform: translate3d(100%, 0px, 0px) skewX(30deg); opacity: 0; } } .animate__lightSpeedOutRight { animation-name: lightSpeedOutRight; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { transform: translate3d(-100%, 0px, 0px) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } 100% { transform: translate3d(-100%, 0px, 0px) skewX(-30deg); opacity: 0; } } .animate__lightSpeedOutLeft { animation-name: lightSpeedOutLeft; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes rotateIn { 0% { transform: rotate(-200deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } .animate__rotateIn { animation-name: rotateIn; transform-origin: center center; } @-webkit-keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform: rotate(-45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } .animate__rotateInDownLeft { animation-name: rotateInDownLeft; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform: rotate(45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } .animate__rotateInDownRight { animation-name: rotateInDownRight; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform: rotate(45deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } .animate__rotateInUpLeft { animation-name: rotateInUpLeft; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform: rotate(-90deg); opacity: 0; } 100% { transform: translateZ(0px); opacity: 1; } } .animate__rotateInUpRight { animation-name: rotateInUpRight; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } 100% { transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } 100% { transform: rotate(200deg); opacity: 0; } } .animate__rotateOut { animation-name: rotateOut; transform-origin: center center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } 100% { transform: rotate(45deg); opacity: 0; } } .animate__rotateOutDownLeft { animation-name: rotateOutDownLeft; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } 100% { transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutDownRight { animation-name: rotateOutDownRight; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } 100% { transform: rotate(-45deg); opacity: 0; } } .animate__rotateOutUpLeft { animation-name: rotateOutUpLeft; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } 100% { transform: rotate(90deg); opacity: 0; } } .animate__rotateOutUpRight { animation-name: rotateOutUpRight; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } @keyframes hinge { 0% { animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate(60deg); animation-timing-function: ease-in-out; opacity: 1; } 100% { transform: translate3d(0px, 700px, 0px); opacity: 0; } } .animate__hinge { animation-duration: calc(var(--animate-duration)*2); animation-name: hinge; transform-origin: left top; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } 100% { opacity: 1; transform: scale(1); } } .animate__jackInTheBox { animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes rollIn { 0% { opacity: 0; transform: translate3d(-100%, 0px, 0px) rotate(-120deg); } 100% { opacity: 1; transform: translateZ(0px); } } .animate__rollIn { animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; transform: translate3d(100%, 0px, 0px) rotate(120deg); } } .animate__rollOut { animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .animate__zoomIn { animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInDown { animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInLeft { animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInRight { animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 1000px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomInUp { animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .animate__zoomOut { animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, -60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, 2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutDown { animation-name: zoomOutDown; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0px, 0px); } } .animate__zoomOutLeft { animation-name: zoomOutLeft; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0px, 0px); } 100% { opacity: 0; transform: scale(0.1) translate3d(2000px, 0px, 0px); } } .animate__zoomOutRight { animation-name: zoomOutRight; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0px, 60px, 0px); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0px, -2000px, 0px); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .animate__zoomOutUp { animation-name: zoomOutUp; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInDown { 0% { transform: translate3d(0px, -100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .animate__slideInDown { animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .animate__slideInLeft { animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0px, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .animate__slideInRight { animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } @keyframes slideInUp { 0% { transform: translate3d(0px, 100%, 0px); visibility: visible; } 100% { transform: translateZ(0px); } } .animate__slideInUp { animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } } @keyframes slideOutDown { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, 100%, 0px); } } .animate__slideOutDown { animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } } @keyframes slideOutLeft { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(-100%, 0px, 0px); } } .animate__slideOutLeft { animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } } @keyframes slideOutRight { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(100%, 0px, 0px); } } .animate__slideOutRight { animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } } @keyframes slideOutUp { 0% { transform: translateZ(0px); } 100% { visibility: hidden; transform: translate3d(0px, -100%, 0px); } } .animate__slideOutUp { animation-name: slideOutUp; } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css @charset "utf-8"; :root, [data-bs-theme="light"] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13,110,253; --bs-secondary-rgb: 108,117,125; --bs-success-rgb: 25,135,84; --bs-info-rgb: 13,202,240; --bs-warning-rgb: 255,193,7; --bs-danger-rgb: 220,53,69; --bs-light-rgb: 248,249,250; --bs-dark-rgb: 33,37,41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255,255,255; --bs-black-rgb: 0,0,0; --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33,37,41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255,255,255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0,0,0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33,37,41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233,236,239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33,37,41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248,249,250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13,110,253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10,88,202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme="dark"] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222,226,230; --bs-body-bg: #212529; --bs-body-bg-rgb: 33,37,41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255,255,255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222,226,230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52,58,64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222,226,230; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43,48,53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110,168,254; --bs-link-hover-color-rgb: 139,185,254; --bs-code-color: #e685b5; --bs-highlight-color: #dee2e6; --bs-highlight-bg: #664d03; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0px; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0px; color: inherit; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top: var(--bs-border-width) solid; opacity: 0.25; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } p { margin-top: 0px; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0px; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0px; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0px; } blockquote { margin: 0px 0px 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: 0.875em; } .mark, mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0px; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); overflow-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0px; font-size: 1em; } figure { margin: 0px 0px 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0px; } label { display: inline-block; } button { border-radius: 0px; } button:focus:not(:focus-visible) { outline: 0px; } button, input, optgroup, select, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { overflow-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not([type="week"]):not([type="time"])::-webkit-calendar-picker-indicator { display: none !important; } [type="button"], [type="reset"], [type="submit"], button { appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { cursor: pointer; } textarea { resize: vertical; } fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; } legend { float: left; width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0px; } ::-webkit-inner-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0px; } ::-webkit-file-upload-button { font: inherit; appearance: button; } ::file-selector-button { font: inherit; appearance: button; } output { display: inline-block; } iframe { border: 0px; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0px; list-style: none; } .list-inline { padding-left: 0px; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0px; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: rgb(108, 117, 125); } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-.5 * var(--bs-gutter-x)); margin-left: calc(-.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333%; } .col-2 { flex: 0 0 auto; width: 16.6667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333%; } .col-5 { flex: 0 0 auto; width: 41.6667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333%; } .col-8 { flex: 0 0 auto; width: 66.6667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333%; } .col-11 { flex: 0 0 auto; width: 91.6667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.6667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333%; } .offset-5 { margin-left: 41.6667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333%; } .offset-8 { margin-left: 66.6667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333%; } .offset-11 { margin-left: 91.6667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0px; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.6667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333%; } .offset-sm-5 { margin-left: 41.6667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333%; } .offset-sm-8 { margin-left: 66.6667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333%; } .offset-sm-11 { margin-left: 91.6667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333%; } .col-md-2 { flex: 0 0 auto; width: 16.6667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333%; } .col-md-5 { flex: 0 0 auto; width: 41.6667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333%; } .col-md-8 { flex: 0 0 auto; width: 66.6667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333%; } .col-md-11 { flex: 0 0 auto; width: 91.6667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0px; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.6667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333%; } .offset-md-5 { margin-left: 41.6667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333%; } .offset-md-8 { margin-left: 66.6667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333%; } .offset-md-11 { margin-left: 91.6667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0px; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.6667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333%; } .offset-lg-5 { margin-left: 41.6667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333%; } .offset-lg-8 { margin-left: 66.6667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333%; } .offset-lg-11 { margin-left: 91.6667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0px; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.6667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333%; } .offset-xl-5 { margin-left: 41.6667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333%; } .offset-xl-8 { margin-left: 66.6667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333%; } .offset-xl-11 { margin-left: 91.6667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0px; } .offset-xxl-1 { margin-left: 8.33333%; } .offset-xxl-2 { margin-left: 16.6667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333%; } .offset-xxl-5 { margin-left: 41.6667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333%; } .offset-xxl-8 { margin-left: 66.6667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333%; } .offset-xxl-11 { margin-left: 91.6667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem; color: var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0px; } .table-borderless > :not(:first-child) { border-top-width: 0px; } .table-striped > tbody > tr:nth-of-type(2n+1) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(.375rem + var(--bs-border-width)); padding-bottom: calc(.375rem + var(--bs-border-width)); margin-bottom: 0px; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + var(--bs-border-width)); padding-bottom: calc(.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(.25rem + var(--bs-border-width)); padding-bottom: calc(.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type="file"] { overflow: hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0px; } .form-control::-webkit-datetime-edit { display: block; padding: 0px; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; 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; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0px; border-inline-end-width: var(--bs-border-width); border-radius: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { transition: none; } .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0px; margin-bottom: 0px; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0px; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0px; padding-left: 0px; } .form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-webkit-color-swatch { border-radius: var(--bs-border-radius); border: 0px !important; } .form-control-color.form-control-sm { height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme="dark"] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0px; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0px; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); print-color-adjust: exact; } .form-check-input[type="checkbox"] { border-radius: 0.25em; } .form-check-input[type="radio"] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: rgb(134, 183, 254); outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; } .form-check-input:checked { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); } .form-check-input:checked[type="checkbox"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type="radio"] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type="checkbox"]:indeterminate { background-color: rgb(13, 110, 253); border-color: rgb(13, 110, 253); --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: 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"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0px; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0px; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme="dark"] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0px; appearance: none; background-color: transparent; } .form-range:focus { outline: 0px; } .form-range:focus::-webkit-slider-thumb { box-shadow: rgb(255, 255, 255) 0px 0px 0px 1px, rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: rgb(13, 110, 253); border: 0px; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: rgb(182, 212, 254); } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } @media (prefers-reduced-motion: reduce) { } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0px; left: 0px; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0px 0px; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb),.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: rgb(108, 117, 125); } .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); 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='%23198754' d='M2.3 6.73.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: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); } .form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(1.5em + 3.75rem); } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb),.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: rgb(255, 255, 255); background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); 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 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: right calc(0.375em + 0.1875rem) top calc(0.375em + 0.1875rem); } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, right 2.25rem center; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); } .form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(1.5em + 3.75rem); } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb),.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0px; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49,132,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130,138,145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60,153,110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11,172,204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217,164,6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225,83,97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211,212,213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66,70,73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13,110,253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108,117,125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25,135,84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13,202,240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255,193,7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220,53,69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248,249,250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33,37,41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49,132,253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0px; overflow: hidden; transition: height 0.35s; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0px; height: auto; transition: width 0.35s; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0.3em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropdown-toggle:empty::after { margin-left: 0px; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0px; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0px; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0px; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0px; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0px; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0px; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0px; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0px; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0px; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0px 0.3em 0.3em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0px; } .dropend .dropdown-menu[data-bs-popper] { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-width: 0.3em 0px 0.3em 0.3em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; } .dropend .dropdown-toggle:empty::after { margin-left: 0px; } .dropend .dropdown-toggle::after { vertical-align: 0px; } .dropstart .dropdown-menu[data-bs-popper] { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .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; } .dropstart .dropdown-toggle:empty::after { margin-left: 0px; } .dropstart .dropdown-toggle::before { vertical-align: 0px; } .dropdown-divider { height: 0px; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0px; border-radius: var(--bs-dropdown-item-border-radius,0); } .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0px; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0px; } .dropstart .dropdown-toggle-split::before { margin-right: 0px; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0px 0px; border: 0px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0px; box-shadow: rgba(13, 110, 253, 0.25) 0px 0px 0px 0.25rem; } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0px; border-top-right-radius: 0px; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0px; padding-left: 0px; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0px; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0px; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height,75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; transition: none; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0px !important; transform: none !important; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme="dark"] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme="dark"] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0px; height: var(--bs-card-height); color: var(--bs-body-color); overflow-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0px; margin-left: 0px; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0px; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0px; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0px; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0px; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0px; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0px; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); border-bottom: 0px; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; inset: 0px; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; } .card-group > .card + .card { margin-left: 0px; border-left: 0px; } .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0px; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0px; } .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0px; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0px; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-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,border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0px; border-radius: 0px; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0px; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0px; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0px; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0px; border-left: 0px; border-radius: 0px; } .accordion-flush > .accordion-item:first-child { border-top: 0px; } .accordion-flush > .accordion-item:last-child { border-bottom: 0px; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0px; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0px; } [data-bs-theme="dark"] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0px; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0px; box-shadow: var(--bs-pagination-focus-box-shadow); } .active > .page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .disabled > .page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: auto ease 0s 1 normal none running none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section 0; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section 1; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0px; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal > .list-group-item.active { margin-top: 0px; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0px; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0px; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0px; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0px; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0px; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0px; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0px; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0px; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close.disabled, .btn-close:disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme="dark"] .btn-close { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); overflow-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0px; left: 0px; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow: hidden auto; outline: 0px; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0px; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0px; left: 0px; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5); margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0px; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * .5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0px; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0px; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0px; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0px; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0px; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0px; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0px; border-radius: 0px; } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0px; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); overflow-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-top-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0; border-right-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); overflow-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0px; } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0px; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0px; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0px; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0px; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0px; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0px; color: rgb(255, 255, 255); text-align: center; background: 0px 0px; border: 0px; opacity: 0.5; transition: opacity 0.15s; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; } .carousel-control-prev { left: 0px; } .carousel-control-next { right: 0px; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50% center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 2; display: flex; justify-content: center; padding: 0px; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-width: 10px 0px; border-right-style: initial; border-left-style: initial; border-right-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; opacity: 0.5; transition: opacity 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: rgb(255, 255, 255); text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(1); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); } .carousel-dark .carousel-caption { color: rgb(0, 0, 0); } [data-bs-theme="dark"] .carousel .carousel-control-next-icon, [data-bs-theme="dark"] .carousel .carousel-control-prev-icon, [data-bs-theme="dark"].carousel .carousel-control-next-icon, [data-bs-theme="dark"].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(1); } [data-bs-theme="dark"] .carousel .carousel-indicators [data-bs-target], [data-bs-theme="dark"].carousel .carousel-indicators [data-bs-target] { background-color: rgb(0, 0, 0); } [data-bs-theme="dark"] .carousel .carousel-caption, [data-bs-theme="dark"].carousel .carousel-caption { color: rgb(0, 0, 0); } .spinner-border, .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { 100% { transform: rotate(360deg); } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0px; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0px; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0px; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0px; left: 0px; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0px; right: 0px; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0px; right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0px; left: 0px; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5); margin: calc(-.5 * var(--bs-offcanvas-padding-y)) calc(-.5 * var(--bs-offcanvas-padding-x)) calc(-.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0px; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: 2s ease-in-out 0s infinite normal none running placeholder-glow; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, rgb(0, 0, 0) 55%, rgba(0, 0, 0, 0.8) 75%, rgb(0, 0, 0) 95%); mask-size: 200% 100%; animation: 2s linear 0s infinite normal none running placeholder-wave; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-secondary { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-success { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-info { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-warning { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-danger { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-light { color: rgb(0, 0, 0) !important; background-color: RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1)) !important; } .text-bg-dark { color: rgb(255, 255, 255) !important; background-color: RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-primary:focus, .link-primary:hover { color: RGBA(10,88,202,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(10,88,202,var(--bs-link-underline-opacity,1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-secondary:focus, .link-secondary:hover { color: RGBA(86,94,100,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(86,94,100,var(--bs-link-underline-opacity,1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-success:focus, .link-success:hover { color: RGBA(20,108,67,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(20,108,67,var(--bs-link-underline-opacity,1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-info:focus, .link-info:hover { color: RGBA(61,213,243,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(61,213,243,var(--bs-link-underline-opacity,1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-warning:focus, .link-warning:hover { color: RGBA(255,205,57,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(255,205,57,var(--bs-link-underline-opacity,1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-danger:focus, .link-danger:hover { color: RGBA(176,42,55,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(176,42,55,var(--bs-link-underline-opacity,1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-light:focus, .link-light:hover { color: RGBA(249,250,251,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(249,250,251,var(--bs-link-underline-opacity,1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-dark:focus, .link-dark:hover { color: RGBA(26,30,33,var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(26,30,33,var(--bs-link-underline-opacity,1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75)) !important; } .focus-ring:focus { outline: 0px; box-shadow: var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: transform 0.2s ease-in-out; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform,translate3d(.25em,0,0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; } .fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; } .sticky-top { position: sticky; top: 0px; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0px; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0px; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0px; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0px; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0px; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0px; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0px; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0px; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0px; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0px; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0px; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0px !important; margin: -1px !important; overflow: hidden !important; clip: rect(0px, 0px, 0px, 0px) !important; white-space: nowrap !important; border: 0px !important; } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; inset: 0px; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .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; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !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; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .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; } .top-0 { top: 0px !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0px !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0px !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0px !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0px !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0px !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0px !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0px !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0px !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb),var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb),var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb),var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb),var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb),var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb),var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb),var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb),var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb),var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .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; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !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; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !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-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; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-evenly { justify-content: space-evenly !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; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0px !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0px !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0px !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0px !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0px !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0px !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0px !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0px !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { overflow-wrap: break-word !important; word-break: break-word !important; } .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb),var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb),var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb),var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb),var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb),var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb),var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb),var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb),var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb),var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb),var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb),var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb),var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb),var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0px !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !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; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .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-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; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-sm-evenly { justify-content: space-evenly !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; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0px !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0px !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0px !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0px !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0px !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0px !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0px !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0px !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0px !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0px !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0px !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0px !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0px !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !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; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .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-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; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-md-evenly { justify-content: space-evenly !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; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0px !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0px !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0px !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0px !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0px !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0px !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0px !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0px !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0px !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0px !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0px !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0px !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0px !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !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; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .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-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; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-lg-evenly { justify-content: space-evenly !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; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0px !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0px !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0px !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0px !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0px !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0px !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0px !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0px !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0px !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0px !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0px !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0px !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0px !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !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; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .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-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; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-xl-evenly { justify-content: space-evenly !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; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0px !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0px !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0px !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0px !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0px !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0px !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0px !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0px !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0px !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0px !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0px !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0px !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0px !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0px !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0px !important; margin-left: 0px !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0px !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0px !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0px !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0px !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0px !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0px !important; padding-left: 0px !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0px !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0px !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0px !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0px !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0px !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0px !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0px !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: https://cdn.jsdelivr.net/npm/froala-editor@4.0.14/css/froala_editor.pkgd.min.css @charset "utf-8"; .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-element, .fr-element:focus { outline: transparent solid 0px; } .fr-view.fr-element-scroll-visible { overflow-x: visible !important; } .fr-box.fr-basic { border-radius: 10px; background-clip: padding-box; } .fr-box.fr-basic .fr-element { font-family: sans-serif; color: rgb(65, 65, 65); font-size: 14px; line-height: 1.6; padding: 20px; box-sizing: border-box; overflow-x: auto; min-height: 60px; text-align: left; } .fr-box.fr-basic.fr-rtl .fr-element { text-align: right; } .fr-element { background: transparent; position: relative; z-index: 2; user-select: auto; } .fr-element a { user-select: auto; } .fr-element.fr-disabled { user-select: none; } .fr-element [contenteditable="true"] { outline: transparent solid 0px; } .fr-box a.fr-floating-btn { box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; border-radius: 100%; height: 40px; width: 40px; background: rgb(255, 255, 255); color: rgb(51, 51, 51); transition: background 0.2s, color 0.2s, transform 0.2s; outline: none; left: 0px; top: 0px; line-height: 40px; transform: scale(0); text-align: center; display: block; box-sizing: border-box; border: none; } .fr-box a.fr-floating-btn svg { transition: transform 0.2s; fill: rgb(51, 51, 51); } .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg { font-size: 14px; line-height: 40px; } .fr-box a.fr-floating-btn.fr-btn + .fr-btn { margin-left: 10px; } .fr-box a.fr-floating-btn:hover { background: rgb(235, 235, 235); cursor: pointer; } .fr-box a.fr-floating-btn:hover svg { fill: rgb(51, 51, 51); } .fr-box .fr-visible a.fr-floating-btn { transform: scale(1); } iframe.fr-iframe { width: 100%; border: none; position: relative; display: block; z-index: 2; box-sizing: border-box; } .fr-wrapper { position: relative; z-index: 1; } .fr-wrapper::after { clear: both; display: block; content: ""; height: 0px; } .fr-wrapper .fr-placeholder { position: absolute; font-size: 14px; color: rgb(170, 170, 170); font-family: sans-serif; z-index: 1; display: none; top: 0px; left: 0px; right: 0px; overflow: hidden; } .fr-wrapper.show-placeholder .fr-placeholder { display: block; white-space: nowrap; text-overflow: ellipsis; } .fr-wrapper ::selection { background: rgba(181, 214, 253, 0.8); color: rgb(0, 0, 0); } .fr-box.fr-basic .fr-wrapper { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(239, 239, 239); border-image: initial; top: 0px; left: 0px; } .fr-box.fr-basic.fr-top .fr-wrapper { border-top: 0px; } .fr-box.fr-basic.fr-bottom .fr-wrapper { border-bottom: 0px; border-radius: 10px 10px 0px 0px; background-clip: padding-box; } @media (min-width: 992px) { .fr-box.fr-document { min-width: 21cm; } .fr-box.fr-document .fr-wrapper { text-align: left; padding: 30px; min-width: 21cm; background: rgb(239, 239, 239); } .fr-box.fr-document .fr-wrapper .fr-element { text-align: left; background: rgb(255, 255, 255); width: 21cm; margin: auto; padding: 1cm 2cm; overflow: visible; z-index: auto; min-height: 26cm !important; } .fr-box.fr-document .fr-wrapper .fr-element hr { margin-left: -2cm; margin-right: -2cm; background: rgb(239, 239, 239); height: 1cm; outline: none; border: none; } .fr-box.fr-document .fr-wrapper .fr-element img { z-index: 1; } } .fr-tooltip { position: absolute; top: 0px; padding: 0px 8px; border-radius: 2px; background: rgb(34, 34, 34); color: rgb(255, 255, 255); font-size: 11px; line-height: 22px; font-family: Arial, Helvetica, sans-serif; transition: opacity 0.2s; opacity: 0; left: -3000px; user-select: none; z-index: 2147483647; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; } .fr-tooltip.fr-visible { opacity: 1; } .fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap { float: left; white-space: nowrap; position: relative; } .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden { display: none; } .fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn { background: padding-box transparent; color: rgb(51, 51, 51); outline: none; border: 0px; line-height: 1; cursor: pointer; text-align: left; margin: 4px 2px; padding: 0px; transition: 0.5s; border-radius: 4px; z-index: 2; position: relative; box-sizing: border-box; text-decoration: none; user-select: none; float: left; height: 40px; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options { border-radius: 0px 4px 4px 0px; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover { border-radius: 4px 0px 0px 4px; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text { width: auto; } .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg { display: block; text-align: center; float: none; margin: 8px 7px; width: 24px; } .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg { height: 24px; } .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path { transition: 0.5s; fill: rgb(51, 51, 51); } .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span { font-size: 14px; display: block; line-height: 17px; min-width: 30px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 17px; font-weight: bold; padding: 0px 4px; } .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img { margin: 8px 7px; width: 24px; } .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup { background: rgb(214, 214, 214); } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span { font-weight: normal; } .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg { margin-left: 3px; margin-right: 11px; } .fr-toolbar .fr-command.fr-btn.fr-dropdown::after, .fr-popup .fr-command.fr-btn.fr-dropdown::after, .fr-modal .fr-command.fr-btn.fr-dropdown::after { position: absolute; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgb(51, 51, 51); right: 2px; top: 18px; transition: 0.3s; content: ""; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active { fill: rgb(51, 51, 51); background: rgb(214, 214, 214); transition: 0.5s; } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover { background: rgb(235, 235, 235); fill: rgb(51, 51, 51); } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after { border-top-color: rgb(51, 51, 51); } .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active::after { border-top: 0px; border-bottom: 4px solid rgb(34, 34, 34); } .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled { color: rgb(189, 189, 189); cursor: default; opacity: 0.3; } .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after { border-top-color: rgb(189, 189, 189); } .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden { display: none; } .fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn { margin: 0px; width: 46px; height: 40px; border-radius: 0px; background-clip: padding-box; } .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab { background: rgb(255, 255, 255); } .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span { height: 27px; } .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg { margin: 8px 11px; width: 24px; height: 24px; } .fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path, .fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path { fill: rgb(0, 152, 247); } .fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active { color: rgb(189, 189, 189); opacity: 0.3; } .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after { border-top-color: rgb(189, 189, 189); } .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left { float: right; } .fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right { float: left; } .fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap { float: right; } .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options { border-radius: 4px 0px 0px 4px; background-clip: padding-box; } .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover { border-radius: 0px 4px 4px 0px; background-clip: padding-box; } .fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) { display: inline-flex; float: none; } .fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded { outline: 0px; color: rgb(51, 51, 51); } .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) { background: rgb(235, 235, 235); } .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after { border-top-color: rgb(51, 51, 51); } .fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active { color: rgb(51, 51, 51); background: rgb(214, 214, 214); } .fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded { background: rgb(235, 235, 235); } .fr-desktop .fr-command.fr-active:active { background: rgb(214, 214, 214); } .fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected { background: transparent; } .fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected { background: transparent; } .fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink { background: rgb(214, 214, 214); } .fr-command.fr-btn.fr-options { width: 16px; margin-left: -5px; } .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus { border-left: 1px solid rgb(250, 250, 250); transition: border-left, background-color 0.5s; } .fr-command.fr-btn + .fr-dropdown-menu { background: padding-box rgb(255, 255, 255); display: inline-block; position: absolute; right: auto; bottom: auto; height: auto; z-index: 4; border-radius: 4px; overflow: hidden; zoom: 1; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper { transition: none; height: auto; max-height: 275px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper { padding: 0px; margin-right: auto; margin-bottom: auto; margin-left: auto; display: inline-block; text-align: left; position: relative; box-sizing: border-box; transition: height 0.3s; float: left; height: 0px; margin-top: 0px !important; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content { position: relative; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list { list-style-type: none; margin: 0px; padding: 8px 0px; min-width: 72px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li { padding: 0px; margin: 0px; font-size: 15px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a { padding: 0px 20px; line-height: 200%; display: flex; cursor: pointer; white-space: nowrap; color: inherit; text-decoration: none; border-radius: 0px; background-clip: padding-box; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg { width: 24px; height: 24px; margin: 3px 4px; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path { fill: rgb(51, 51, 51); } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active { background: rgb(214, 214, 214); } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled { color: rgb(189, 189, 189); cursor: default; } .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut { margin-left: 20px; font-weight: bold; opacity: 0.75; } .fr-command.fr-btn.fr-active + .fr-dropdown-menu { display: inline-block; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px; } .fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu { border-radius: 2px 2px 0px 0px; background-clip: padding-box; } .fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper { text-align: right !important; } body.fr-prevent-scroll { overflow: hidden; } body.fr-prevent-scroll.fr-mobile { position: fixed; } .fr-modal { color: rgb(34, 34, 34); font-family: Arial, Helvetica, sans-serif; position: fixed; overflow: auto scroll; inset: 0px; width: 100%; z-index: 2147483640; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; text-align: center; line-height: 1.2; } .fr-modal.fr-middle .fr-modal-wrapper { margin: 0px auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; } .fr-modal .fr-modal-wrapper { border-radius: 10px; margin: 20px auto; display: inline-block; background: rgb(255, 255, 255); min-width: 300px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; border: 0px; overflow: hidden; width: 90%; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .fr-modal .fr-modal-wrapper { margin: 30px auto; width: 70%; } } @media (min-width: 992px) { .fr-modal .fr-modal-wrapper { margin: 50px auto; width: 960px; } } .fr-modal .fr-modal-wrapper .fr-modal-head { background: rgb(255, 255, 255); overflow: hidden; position: absolute; width: 100%; min-height: 42px; z-index: 3; border-bottom: 1px solid rgb(239, 239, 239); transition: 0.2s; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line { height: 56px; padding: 0px 10px; } .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close { margin: 10px; position: absolute; top: 0px; right: 0px; } .fr-modal .fr-modal-wrapper .fr-modal-head h4 { font-size: 20px; padding: 19px 10px; margin: 0px; font-weight: 400; line-height: 18px; display: inline-block; float: left; } .fr-modal .fr-modal-wrapper div.fr-modal-body { height: 100%; min-height: 150px; overflow-y: auto; padding-bottom: 20px; } .fr-modal .fr-modal-wrapper div.fr-modal-body:focus { outline: 0px; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command { height: 36px; line-height: 1; color: rgb(0, 152, 247); padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none padding-box; font-size: 16px; outline: none; transition: background 0.2s; border-radius: 2px; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button { margin-left: 24px; } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus { background: rgb(235, 235, 235); color: rgb(0, 152, 247); } .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active { background: rgb(214, 214, 214); color: rgb(0, 152, 247); } .fr-desktop .fr-modal-wrapper .fr-modal-head i:hover { background: rgb(235, 235, 235); } .fr-overlay { position: fixed; inset: 0px; background: rgb(0, 0, 0); opacity: 0.5; z-index: 2147483639; } ol.decimal_type { counter-reset: item 0; } ol.decimal_type > li { display: block; } ol.decimal_type > li::before { content: counters(item, ".") ". "; counter-increment: item 1; } .fr-popup { position: absolute; display: none; color: rgb(34, 34, 34); background: padding-box rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; user-select: none; margin-top: 10px; z-index: 2147483635; text-align: left; border-radius: 6px; text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; line-height: 1.2; } .fr-popup .fr-icon { text-align: center; vertical-align: middle; font-size: 20px; line-height: 1; cursor: pointer; font-weight: 400; box-sizing: content-box; padding: 6px; } .fr-popup .fr-icon-container { padding: 20px; max-height: 200px; overflow: auto; box-sizing: border-box; } @supports not (-ms-high-contrast: none) { .fr-popup .fr-icon-container { grid-template-columns: repeat(auto-fill, minmax(36px, 36px)); display: grid; } } @media (min-width: 768px) { .fr-popup .fr-icon-container { min-width: 276px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .fr-popup .fr-icon-container { display: inline-flex; } } @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) { .fr-popup .fr-icon-container { width: 236px; } } .fr-popup .fr-input-focus { background: whitesmoke; } .fr-popup.fr-above { margin-top: -10px; border-top: 0px; } .fr-popup.fr-active { display: block; } .fr-popup.fr-hidden { display: none !important; } .fr-popup.fr-empty { display: none !important; } .fr-popup .fr-hs { display: block !important; } .fr-popup .fr-hs.fr-hidden { display: none !important; } .fr-popup .fr-input-line { position: relative; padding: 15px 0px; } .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea { width: 100%; margin-bottom: 1px; border-radius: 2px; border: 1px solid rgb(153, 153, 153); color: rgb(34, 34, 34); font-size: 14px; background: rgb(255, 255, 255); position: relative; z-index: 2; padding: 4px 12px; box-sizing: border-box; transition: border 0.5s, padding 0.5s; } .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover { border: 1px solid rgb(81, 81, 81); } .fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line input[type="number"]:focus, .fr-popup .fr-input-line textarea:focus { border: 2px solid rgb(0, 152, 247); padding: 3px 11px; } .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] { height: 46px; } .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label { position: absolute; top: 29px; left: 12px; font-size: 14px; color: grey; transition: 0.5s; z-index: 3; display: block; background: rgb(255, 255, 255); padding: 0px; cursor: text; } .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label { color: gray; width: auto; left: 4px; padding: 0px 4px; font-size: 11px; top: 9px; } .fr-popup input, .fr-popup textarea { user-select: text; border-radius: 0px; background-clip: padding-box; outline: none; } .fr-popup textarea { resize: none; } .fr-popup .fr-buttons { white-space: nowrap; line-height: 0; } .fr-popup .fr-buttons .fr-btn { margin-left: 4px; margin-right: 4px; display: inline-block; float: none; } .fr-popup .fr-buttons .fr-btn i { float: left; } .fr-popup .fr-buttons .fr-separator { display: inline-block; float: none; } .fr-popup .fr-buttons.fr-tabs { border-radius: 6px 6px 0px 0px; background-clip: padding-box; background-color: rgb(245, 245, 245); overflow: hidden; } @media (max-width: 768px) { .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll { overflow: scroll hidden; width: 276px; } } .fr-popup .fr-buttons:not(.fr-tabs) { padding: 5px; } .fr-popup .fr-layer { border-radius: 6px; background-clip: padding-box; width: 195px; box-sizing: border-box; margin: 20px; display: none; } @media (min-width: 768px) { .fr-popup .fr-layer { width: 260px; } } .fr-popup .fr-layer.fr-active { display: inline-block; } .fr-popup .fr-action-buttons { z-index: 7; height: 36px; text-align: right; } .fr-popup .fr-action-buttons button.fr-command { height: 36px; line-height: 1; color: rgb(0, 152, 247); padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none padding-box; font-size: 16px; outline: none; transition: background 0.2s; border-radius: 2px; } .fr-popup .fr-action-buttons button.fr-command + button { margin-left: 24px; } .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus { background: rgb(235, 235, 235); color: rgb(0, 152, 247); } .fr-popup .fr-action-buttons button.fr-command:active { background: rgb(214, 214, 214); color: rgb(0, 152, 247); } .fr-popup .fr-checkbox { position: relative; display: inline-block; width: 18px; height: 18px; padding: 10px; border-radius: 100%; line-height: 1; box-sizing: content-box; vertical-align: middle; } .fr-popup .fr-checkbox svg { margin-left: 2px; margin-top: 2px; display: none; width: 10px; height: 10px; } .fr-popup .fr-checkbox span { border-radius: 2px; background-clip: padding-box; width: 18px; height: 18px; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; transition: background 0.2s, border-color 0.2s; } .fr-popup .fr-checkbox input { position: absolute; z-index: 2; opacity: 0; border: 0px none; cursor: pointer; height: 18px; margin: 0px; padding: 0px; width: 18px; top: 7px; left: 7px; } .fr-popup .fr-checkbox input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); } .fr-popup .fr-checkbox input:not(:checked):active + span { background-color: rgb(245, 245, 245); } .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span { border-color: rgb(81, 81, 81); } .fr-popup .fr-checkbox input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); } .fr-popup .fr-checkbox input:checked + span svg { display: block; } .fr-popup .fr-checkbox input:checked:active + span { background-color: rgb(236, 245, 255); } .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span { opacity: 0.8; } .fr-popup .fr-checkbox-line { font-size: 14px; line-height: 1.4px; margin-top: 10px; } .fr-popup .fr-checkbox-line label { cursor: pointer; margin: 0px 5px; vertical-align: middle; } .fr-popup.fr-rtl { direction: rtl; text-align: right; } .fr-popup.fr-rtl .fr-action-buttons { text-align: left; } .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label { left: auto; right: 0px; } .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs { float: right; } .fr-text-edit-layer { width: 250px; box-sizing: border-box; display: block !important; } .fr-toolbar { color: rgb(34, 34, 34); background: padding-box rgb(255, 255, 255); position: relative; font-family: Arial, Helvetica, sans-serif; box-sizing: border-box; user-select: none; border-radius: 2px; text-align: left; border: 1px solid rgb(204, 204, 204); text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; line-height: 1.2; padding-bottom: 0px; transition: padding-bottom 0.5s; } .fr-toolbar::after { clear: both; display: block; content: ""; height: 0px; } .fr-toolbar::after { height: 0px; } .fr-toolbar .fr-newline { clear: both; display: block; content: ""; margin-left: 9px; margin-right: 9px; background: rgb(239, 239, 239); height: 1px; transition: height 0.5s; } .fr-toolbar.fr-toolbar-open .fr-newline { height: 0px; } .fr-toolbar .fr-float-right { float: right; } .fr-toolbar .fr-float-left { float: left; } .fr-toolbar .fr-more-toolbar { float: left; border-radius: 0px; background-clip: padding-box; background-color: rgb(245, 245, 245); transition: height 0.5s; height: 0px; overflow: hidden; box-sizing: border-box; width: 100%; } .fr-toolbar .fr-more-toolbar.fr-expanded { height: 48px; } .fr-toolbar .fr-more-toolbar.fr-overflow-visible { overflow: visible; } .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn { margin-left: 4px; margin-right: 4px; } .fr-toolbar .fr-btn-grp { display: inline-block; margin: 0px 17px 0px 12px; } @media (max-width: 768px) { .fr-toolbar .fr-btn-grp { margin: 0px 7px 0px 6px; } } .fr-toolbar .fr-command.fr-btn.fr-open { margin-top: 10px; margin-bottom: -1px; border-radius: 4px 4px 0px 0px; background-clip: padding-box; } .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) { background: rgb(245, 245, 245); } .fr-toolbar.fr-rtl { text-align: right; } .fr-toolbar.fr-inline { display: none; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px; border: 0px; white-space: nowrap; position: absolute; margin-top: 5px; z-index: 2147483630; } .fr-toolbar.fr-inline.fr-above { margin-top: -10px; border-top: 0px; } .fr-toolbar.fr-inline .fr-newline { height: 0px; } .fr-toolbar.fr-inline .fr-more-toolbar { position: absolute !important; } .fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded { position: relative !important; } .fr-toolbar.fr-top { top: 0px; border-bottom: 0px; border-radius: 10px 10px 0px 0px; background-clip: padding-box; } .fr-toolbar.fr-bottom { bottom: 0px; border-top: 0px; padding-bottom: 0px; border-radius: 0px 0px 10px 10px; background-clip: padding-box; } .fr-toolbar.fr-bottom .fr-newline { padding-top: 0px; transition: padding-top 0.5s; } .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline { padding-top: 48px; background: rgb(255, 255, 255); } .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open { margin-top: -1px; margin-bottom: 10px; border-radius: 0px 0px 4px 4px; background-clip: padding-box; } .fr-toolbar.fr-sticky-on { border-radius: 0px; background-clip: padding-box; } .fr-separator { background: rgb(235, 235, 235); display: block; vertical-align: top; float: left; } .fr-separator + .fr-separator { display: none; } .fr-separator.fr-vs { height: 32px; width: 1px; margin: 8px 4px; } .fr-separator.fr-hs { clear: both; width: calc(100% - 8px); margin: 0px 4px; height: 1px; } .fr-separator.fr-hidden { display: none !important; } .fr-rtl .fr-separator { float: right; } .fr-toolbar.fr-inline .fr-separator.fr-hs { float: none; } .fr-toolbar.fr-inline .fr-separator.fr-vs { float: none; display: inline-block; } .fr-second-toolbar { border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; border-top-style: initial; border-top-color: initial; background: padding-box rgb(255, 255, 255); line-height: 1.4; border-radius: 0px 0px 10px 10px; } .fr-second-toolbar::after { clear: both; display: block; content: ""; height: 0px; } .fr-second-toolbar:empty { min-height: calc(10px); position: relative; margin-top: calc(-1px); z-index: 2; } #fr-logo { float: left; outline: none; } #fr-logo > span { display: inline-block; float: left; font-family: sans-serif; padding: 11px 5px 10px 15px; font-size: 12px; font-weight: 500; color: rgb(177, 178, 183); transition: color 0.3s; } #fr-logo > svg { height: 20px; width: 47px; margin: 7px 0px; cursor: pointer; } #fr-logo > svg * { transition: fill 0.3s; } #fr-logo:hover > span, #fr-logo:focus > span { color: rgb(0, 152, 247); } #fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo { fill: rgb(0, 152, 247); } .fr-visibility-helper { display: none; margin-left: 0px !important; } @media (min-width: 768px) { .fr-visibility-helper { margin-left: 1px !important; } } @media (min-width: 992px) { .fr-visibility-helper { margin-left: 2px !important; } } @media (min-width: 1200px) { .fr-visibility-helper { margin-left: 3px !important; } } .fr-opacity-0 { opacity: 0; } .fr-box { position: relative; } .fr-sticky { position: sticky; } .fr-sticky-off { position: relative; } .fr-sticky-on { position: fixed; z-index: 10; } .fr-sticky-on.fr-sticky-ios { position: absolute; left: 0px; right: 0px; width: auto !important; } .fr-sticky-dummy { display: none; } .fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy { display: block; } span.fr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) { background-color: rgb(243, 238, 195); opacity: 0.5; } .fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr { border-color: rgb(243, 238, 195); } .fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr { border-color: rgb(220, 53, 69); } .fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe { opacity: 0.5; background-color: rgb(220, 53, 69); } .fr-view .fr-tracking-deleted { background-color: rgb(220, 53, 69); text-decoration: line-through; pointer-events: none; user-select: none; opacity: 1; } .fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe { padding: 10px !important; } .fr-tracking-deleted img, .fr-highlight-change img { border: 2px solid rgb(243, 238, 195); } .fr-highlight-change #isPasted :not(table):not(tbody):not(tr):not(td) { opacity: 0.5; background-color: rgb(243, 238, 195); } .fr-highlight-change #isPasted > table td { opacity: 0.5; border-color: rgb(243, 238, 195); } .fr-track-hide { display: none; } .fr-track-hide-mobile { width: 0px; height: 0px; overflow: hidden; position: absolute; } .fr-ios-mobile-disable-select { user-select: none; } .fr-bottom-extended { flex-wrap: wrap; display: flex; box-sizing: border-box; } .position-relative { position: relative !important; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-box .fr-counter { padding: 10px; float: right; color: rgb(153, 153, 153); content: attr(data-chars); font-size: 14px; font-family: sans-serif; z-index: 1; border-radius: 2px 0px 0px; background-clip: padding-box; } .fr-box.fr-rtl .fr-counter { left: 0px; right: auto; border-left: none; border-radius: 0px 2px 0px 0px; background-clip: padding-box; } .fr-box.fr-code-view .fr-counter { display: none; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } textarea.fr-code { display: none; width: 100%; resize: none; box-sizing: border-box; border: none; padding: 10px; margin: 0px; font-family: "Courier New", monospace; font-size: 14px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); outline: none; } .fr-box.fr-rtl textarea.fr-code { direction: rtl; } .fr-box .CodeMirror { display: none; } .fr-box.fr-code-view textarea.fr-code { display: block; } .fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe { display: none; } .fr-box.fr-code-view .CodeMirror { display: block; } .fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch { display: block; } .fr-box.fr-inline .fr-command.fr-btn.html-switch { position: absolute; top: 0px; right: 0px; display: none; background: padding-box rgb(255, 255, 255); color: rgb(51, 51, 51); outline: 0px; border: 0px; line-height: 1; cursor: pointer; text-align: left; padding: 8px 7px; transition: background 0.2s; border-radius: 0px; z-index: 2; box-sizing: border-box; text-decoration: none; user-select: none; } .fr-box.fr-inline .fr-command.fr-btn.html-switch i { font-size: 24px; width: 24px; text-align: center; } .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover { background: rgb(235, 235, 235); } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-popup .fr-layer.fr-color-hex-layer { margin: 0px; padding: 0px 20px 20px; float: left; } .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line { float: left; width: calc(100% - 50px); padding: 15px 0px 0px; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons { float: right; width: 38px; height: 40px; padding: 17px 0px 0px; margin: 0px; } .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command { border-radius: 2px; background-clip: padding-box; font-size: 13px; height: 40px; width: 38px; } .fr-popup .fr-separator + .fr-colors-tabs { margin-left: 2px; margin-right: 2px; } .fr-popup .fr-color-set { line-height: 0; display: none; } .fr-popup .fr-color-set.fr-selected-set { display: block; padding: 20px 20px 0px; } .fr-popup .fr-color-set > span { display: inline-block; width: 32px; height: 32px; position: relative; z-index: 1; } .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg { text-align: center; line-height: 32px; height: 24px; width: 24px; margin: 4px; font-size: 13px; position: absolute; bottom: 0px; cursor: default; left: 0px; } .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path { fill: rgb(34, 34, 34); } .fr-popup .fr-color-set > span .fr-selected-color { color: rgb(255, 255, 255); font-family: FontAwesome; font-size: 13px; font-weight: 400; line-height: 32px; position: absolute; inset: 0px; text-align: center; cursor: default; } .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus { outline: rgb(34, 34, 34) solid 1px; z-index: 2; } .fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after { transform: translate3d(100%, 0px, 0px); } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-drag-helper { background: rgb(0, 152, 247); height: 2px; margin-top: -1px; opacity: 0.2; position: absolute; z-index: 2147483640; display: none; } .fr-drag-helper.fr-visible { display: block; } .fr-dragging { opacity: 0.4; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-popup .fr-emoticon { width: 24px; height: 24px; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; } .fr-popup .fr-emoticon img { height: 24px; width: 24px; } .fr-popup .fr-command.fr-btn.fr-tabs-unicode { padding: 0px 0px 0px 14px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .fr-popup .fr-icon-container.fr-emoticon-container { width: 368px; } } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-popup .fr-file-upload-layer { border: 2px dashed rgb(189, 189, 189); padding: 25px 0px; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; box-sizing: border-box; text-align: center; } .fr-popup .fr-file-upload-layer:hover { background: rgb(235, 235, 235); } .fr-popup .fr-file-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); } .fr-popup .fr-file-upload-layer .fr-form { opacity: 0; position: absolute; inset: 0px; z-index: 2147483640; overflow: hidden; margin: 0px !important; padding: 0px !important; width: 100% !important; } .fr-popup .fr-file-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 500%; height: 100%; margin: 0px; font-size: 400px; } .fr-popup .fr-file-progress-bar-layer { box-sizing: border-box; } .fr-popup .fr-file-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0px; font-weight: normal; } .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: rgb(0, 152, 247); transition: width 0.2s; } .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span { position: absolute; top: 0px; animation: 2s linear 0s infinite normal none running loading; width: 30% !important; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } @keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } @-webkit-keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } @keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-element img { cursor: pointer; padding: 0px 1px; } .fr-height-auto { height: auto !important; } .fr-file-loader { border-width: 4px; border-style: solid; border-color: rgb(83, 119, 122) rgb(243, 243, 243) rgb(243, 243, 243); border-image: initial; border-radius: 50%; animation: 2s linear 0s infinite normal none running spin; width: 20px; height: 20px; align-items: center; display: block !important; } .fr-trim-button { margin-top: 5px; height: 36px; line-height: 1; color: rgb(0, 152, 247); padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none rgb(239, 245, 250); font-size: 16px; border-radius: 5px; outline: none; } .fr-trim-button:hover { background: rgb(235, 235, 235); } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fr-image-resizer { position: absolute; border: 1px solid rgb(0, 152, 247); display: none; user-select: none; box-sizing: content-box; } .fr-image-resizer.fr-active { display: block; } .fr-image-resizer .fr-handler { display: block; position: absolute; background: padding-box rgb(0, 152, 247); border: 1px solid rgb(255, 255, 255); border-radius: 2px; z-index: 4; box-sizing: border-box; } .fr-image-resizer .fr-handler.fr-hnw { cursor: nw-resize; } .fr-image-resizer .fr-handler.fr-hne { cursor: ne-resize; } .fr-image-resizer .fr-handler.fr-hsw { cursor: sw-resize; } .fr-image-resizer .fr-handler.fr-hse { cursor: se-resize; } .fr-image-resizer .fr-handler { width: 12px; height: 12px; } .fr-image-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .fr-image-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .fr-image-resizer .fr-handler { width: 10px; height: 10px; } .fr-image-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .fr-image-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .fr-image-overlay { position: fixed; inset: 0px; z-index: 2147483640; display: none; } .fr-by-url-padding { padding: 11.5px 0px; } .fr-popup .fr-upload-progress-layer { border-radius: 0px; box-sizing: border-box; padding-left: 20px; padding-top: 15px; max-height: 100%; overflow: hidden auto; overscroll-behavior: contain; margin: auto !important; width: 100% !important; } .fr-popup .fr-files-by-url-layer { width: calc(100% - 40px) !important; } .fr-popup .fr-files-embed-layer { width: calc(100% - 40px) !important; } .fr-popup .fr-files-upload-layer { border: 2px dashed rgb(189, 189, 189); margin: 20px; position: relative; font-size: 10px; letter-spacing: 1px; line-height: 140%; text-align: center; width: calc(100% - 40px) !important; } .fr-popup .fr-files-upload-layer:hover { background: rgb(235, 235, 235); } .fr-popup .fr-files-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); } .fr-popup .fr-files-upload-layer .fr-form { opacity: 0; position: absolute; inset: 0px; z-index: 2147483640; overflow: hidden; margin: 0px !important; padding: 0px !important; width: 100% !important; } .fr-popup .fr-files-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 500%; height: 100%; margin: 0px; font-size: 400px; } .fr-popup .fr-files-progress-bar-layer { width: calc(100% - 40px); } .fr-popup .fr-files-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0px; font-weight: normal; } .fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-files-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-files-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: rgb(0, 152, 247); transition: width 0.2s; } .fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span { position: absolute; top: 0px; animation: 2s linear 0s infinite normal none running loading; width: 30% !important; } .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } .fr-image-size-layer .fr-image-group .fr-input-line { width: calc(50% - 5px); display: inline-block; } .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { margin-left: 10px; } .fr-progress-bar-style { width: calc(100% - 40px); } .fr-progress-bar { position: relative; background-color: rgb(76, 175, 80); height: 8px; margin-bottom: 8px; margin-left: 20px; margin-right: 20px; width: 100%; } .fr-uploading { opacity: 0.4; } @-webkit-keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } @keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } .fr-pull-left { float: left; } .fr-pull-right { float: right; } .fr-icons { padding: 10px 20px 0px; display: inline; } .fr-transform-135 { transform: rotate(135deg); } .fr-icons i { margin: 4px; padding: 2px; cursor: pointer; color: rgb(153, 149, 136); font-size: 20px; } .fr-blue-decorator { background: rgb(74, 127, 186); color: white; display: grid; padding: 5px; } .fr-upload-progress { padding: 1px; } .fr-upload-section { position: relative; width: 100%; } @media screen and (max-width: 399px) { .fr-upload-section { margin-left: 7px; margin-right: 7px; } .fr-files-upload-layer { padding-top: 7px; padding-bottom: 7px; } } @media screen and (min-width: 400px) and (max-width: 469px) { .fr-upload-section { margin-left: 7px; margin-right: 7px; } .fr-files-upload-layer { padding-top: 7px; padding-bottom: 7px; } } @media screen and (min-width: 470px) and (max-width: 680px) { .fr-upload-section { margin-left: 7px; margin-right: 7px; } .fr-files-upload-layer { padding-top: 7px; padding-bottom: 7px; } } @media screen and (min-width: 681px) { .fr-upload-section { margin-left: 35px; margin-right: 35px; } .fr-files-upload-layer { padding-top: 20px; padding-bottom: 20px; } } .half-circle { width: 60px; height: 25px; background-color: white; border-top-left-radius: 110px; border-top-right-radius: 110px; transform: rotate(180deg); border-bottom: 0px; position: relative; z-index: 1; left: 50%; margin-top: -1px; margin-left: -25px; } .decorated { overflow: hidden; text-align: center; } .decorated > span { position: relative; display: inline-block; } .decorated > span::before, .decorated > span::after { content: ""; position: absolute; top: 50%; border-bottom: 2px solid rgb(255, 255, 255); width: 100%; margin: 0px 20px; } .decorated > span::before { right: 100%; } .decorated > span::after { left: 100%; } .fr-align-right { float: right; } .checkbox-container { display: inline-block; position: relative; padding-left: 20px; margin-bottom: 12px; cursor: pointer; font-size: 13px; user-select: none; } .fr-files-checkbox-line { display: flex; align-items: center; font-size: 10px; } .fr-files-checkbox-line label { cursor: pointer; vertical-align: middle; } .fr-insert-checkbox input { height: 13px !important; width: 13px !important; } .fr-autoplay-checkbox input { height: 13px !important; width: 13px !important; } button[data-cmd="insertFiles"] { padding-left: 2px !important; padding-top: 2.7px !important; } button[data-cmd="autoplay"] svg { position: relative !important; top: 3.2px !important; } button[data-cmd="insertAll"] { padding-left: 4px !important; } button[data-cmd="insertAll"] svg { position: relative !important; top: 3.2px !important; } .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0px; width: 0px; } .checkmark { position: absolute; top: 0px; left: 0px; height: 15px; width: 15px; background-color: rgb(238, 238, 238); } .fr-file-list-item { display: flex; justify-content: space-between; align-items: center; padding-top: 7px; flex-wrap: wrap; position: relative; top: -20px; border-bottom: 1px solid rgb(221, 221, 221); padding-bottom: 7px; } .fr-file-item-left { display: flex; flex-wrap: wrap; } .fr-file-item-icon { display: flex; align-items: center; padding-left: 7px; } .fr-file-item-description { display: flex; flex-flow: column wrap; justify-content: center; max-width: 400px; margin-left: 5px; } .fr-cloud-icon { height: 30px; width: 32px; background-color: white; border-radius: 50%; display: flex; justify-content: center; position: relative; margin: -18px auto 0px; } .fr-files-checkbox { position: relative; display: inline-block; width: 13px; height: 13px; padding-right: 5px; border-radius: 100%; line-height: 1; box-sizing: content-box; vertical-align: middle; } .fr-files-checkbox svg { margin-left: 0px; margin-top: 0px; display: none; width: 10px; height: 10px; } .fr-files-checkbox span { border-radius: 2px; background-clip: padding-box; width: 15px; height: 15px; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; transition: background 0.2s, border-color 0.2s; } .fr-files-checkbox input { position: absolute; z-index: 2; opacity: 0; border: 0px none; cursor: pointer; height: 18px; margin: 0px; padding: 0px; width: 18px; } .fr-files-checkbox input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); } .fr-files-checkbox input:not(:checked):active + span { background-color: rgb(245, 245, 245); } .fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span { border-color: rgb(81, 81, 81); } .fr-files-checkbox input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); } .fr-files-checkbox input:checked + span svg { display: block; } .fr-files-checkbox input:checked:active + span { background-color: rgb(236, 245, 255); } .fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span { opacity: 0.8; } .fr-checkbox-disabled { opacity: 0.4; position: relative; display: inline-block; padding-right: 5px; border-radius: 100%; line-height: 1; box-sizing: content-box; vertical-align: middle; width: 13px !important; height: 13px !important; } .fr-checkbox-disabled svg { margin-left: 2px; margin-top: 2px; display: none; width: 10px; height: 10px; } .fr-checkbox-disabled span { border-radius: 2px; background-clip: padding-box; width: 15px; height: 15px; display: inline-block; position: relative; z-index: 1; box-sizing: border-box; transition: background 0.2s, border-color 0.2s; } .fr-checkbox-disabled input { position: absolute; z-index: 2; opacity: 0; border: 0px none; cursor: default; margin: 0px; padding: 0px; top: 7px; left: 7px; height: 13px !important; width: 13px !important; } .fr-checkbox-disabled input:not(:checked) + span { border: 2px solid rgb(153, 153, 153); } .fr-checkbox-disabled input:not(:checked):active + span { background-color: rgb(245, 245, 245); } .fr-checkbox-disabled input:checked + span { background: rgb(0, 152, 247); border: 2px solid rgb(0, 152, 247); } .fr-checkbox-disabled input:checked + span svg { display: block; } .fr-checkbox-disabled input:checked:active + span { background-color: rgb(236, 245, 255); } .fr-file-view { position: absolute; max-width: 60%; right: 10%; z-index: 2147483642; } .file-item-thumbnail-hover { transition: transform 0.2s; } .file-item-thumbnail-hover:hover { transform: scale(1.3); } .fr-file-name { padding-top: 5px; font-size: 12px; font-weight: bold; } .fr-margin-16 { margin-bottom: 16px; } .fr-none { display: none; } .fr-display-block { display: block; } .fr-files-manager-tooltip { position: relative; } .padding-top-15 { padding-top: 15px !important; padding-bottom: 0px !important; } .fr-files-manager-tooltip .tooltiptext { visibility: hidden; width: max-content; max-width: 250px; word-break: break-word; overflow-wrap: break-word; background-color: black; color: rgb(255, 255, 255); text-align: left; padding: 4px; border-radius: 2px; font-weight: 100; font-size: 10px; position: absolute; top: 80%; left: 50%; z-index: 2147483647; } .fr-files-manager-tooltip:hover .tooltiptext { visibility: visible; } .fr-file-details { display: flex; flex-wrap: wrap; font-size: 10px; } .fr-file-date { word-break: break-word; overflow-wrap: break-word; max-width: 110px; color: rgb(68, 68, 68); padding-top: 2px; padding-bottom: 2px; } .fr-file-size { color: rgb(68, 68, 68); padding-top: 2px; padding-bottom: 2px; } .dot { width: 20px; height: 20px; background-image: radial-gradient(circle, grey 1px, transparent 2px); background-size: 100% 33.33%; margin-left: 2px; margin-right: 2px; } .fr-file-action-icons { margin-right: 5px; color: rgb(153, 153, 153); margin-left: 5px !important; height: 25px !important; padding: 5px !important; } @media screen and (max-width: 700px) { .fr-files-manager-tooltip .tooltiptext { max-width: 250px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; top: 90%; left: 0%; font-size: 8px; } } @media screen and (max-width: 500px) { .fr-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; top: 90%; left: 0%; } .fr-file-item-description { width: 130px; } .fr-file-item-right { width: 100%; } .progress-circle { font-size: 6px; } } @media screen and (max-width: 320px) { .fr-files-manager-tooltip .tooltiptext { max-width: 100px; visibility: hidden; word-break: break-word; overflow-wrap: break-word; top: 90%; left: -50%; font-size: 8px; } .dot { width: 20px; margin-left: 0px; margin-right: 3px; } .fr-file-item-description { width: 80px; } .fr-file-details { display: flex; flex-wrap: wrap; font-size: 9px; } .fr-file-name { font-size: 10px; } .fr-file-action-icons { padding: 0px !important; } } @media screen and (min-width: 501px) { .progress-circle { font-size: 9px; } } .fr-file-view-modal { display: block; position: fixed; z-index: 2147483641; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.7); } .fr-file-view-modal-content { display: inline-block; text-align: center; } .fr-file-view-image { position: absolute; inset: 0px; margin: auto; max-width: 80%; max-height: 70%; } .fr-file-view-close { position: absolute; top: 15px; right: 35px; color: rgb(241, 241, 241); font-size: 40px; font-weight: bold; transition: 0.3s; } .fr-file-view-close:hover, .fr-file-view-close:focus { color: rgb(187, 187, 187); text-decoration: none; cursor: pointer; } .fr-file-error { color: red; font-weight: 200; font-size: 12px; padding-bottom: 5px; } .fr-file-error-h5 { margin: 0px; } .fr-file-item-right { display: flex; align-items: center; justify-content: flex-end; margin-right: 20px; } .fr-file-item-action-buttons { display: flex; align-items: center; justify-content: space-around; } .fr-file-item-autoplay-checkbox { align-items: center; margin: 0px 5px 0px 0px; padding: 0px; } .fr-autoplay-checkbox-label { margin: 0px; cursor: default !important; } .checkbox-container:hover input ~ .checkmark { background-color: rgb(204, 204, 204); } .checkbox-container input:checked ~ .checkmark { background-color: rgb(33, 150, 243); } .checkmark::after { content: ""; position: absolute; display: none; } .checkbox-container input:checked ~ .checkmark::after { display: block; } .checkbox-container .checkmark::after { left: 5px; top: 2px; width: 3px; height: 7px; border-style: solid; border-color: white; border-image: initial; border-width: 0px 3px 3px 0px; transform: rotate(45deg); } .file-item-details .file-name { font-weight: bold; display: inline; } .file-item-details .file-description { font-weight: 300; font-size: 11px; display: inline; } .fr-width-10 { width: 10%; display: inline-block; } .fr-width-20 { width: 20%; display: inline-block; } .fr-width-30 { width: 30%; display: inline-block; } .fr-width-40 { width: 40%; display: inline-block; } .fr-width-50 { width: 50%; display: inline-block; } .fr-width-60 { width: 60%; display: inline-block; } .fr-width-100 { width: 100%; display: inline-block; } .fr-width-80 { width: 80%; display: inline-block; } .fr-width-90 { width: 90%; display: inline-block; } .fr-width-85 { width: 85%; display: inline-block; } .fr-width-5 { width: 5%; display: inline-block; } .fr-width-7 { width: 7%; display: inline-block; } .fr-img-icon { color: rgb(170, 170, 170); font-size: 16px; padding: 0px 4px; } .fr-position-content { position: relative; top: 10px; } .file-error { color: red; } #myprogressBar { width: 10%; height: 5px; background-color: rgb(76, 175, 80); position: relative; top: -30px; } .fr-files-manager { z-index: 2147483641 !important; } .progress-circle { margin: 0px 0px 0px 10px; position: relative; padding: 0px; width: 5em; height: 5.1em; background-color: rgb(242, 233, 225); border-radius: 50%; line-height: 5em; } .progress-circle::after { border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 4.3em; height: 4.3em; background-color: white; content: " "; } .progress-circle span { position: absolute; line-height: 5em; width: 5em; text-align: center; display: block; color: rgb(83, 119, 122); z-index: 2; } .progress-circle.over50 .left-half-clipper { clip: rect(auto, auto, auto, auto); } .progress-circle.over50 .first50-bar { position: absolute; clip: rect(0px, 5em, 5em, 2.5em); background-color: rgb(83, 119, 122); border-radius: 50%; width: 5em; height: 5em; } .progress-circle:not(.over50) .first50-bar { display: none; } .progress-circle.p0 .value-bar { display: none; } .progress-circle.p1 .value-bar { transform: rotate(4deg); } .progress-circle.p2 .value-bar { transform: rotate(7deg); } .progress-circle.p3 .value-bar { transform: rotate(11deg); } .progress-circle.p4 .value-bar { transform: rotate(14deg); } .progress-circle.p5 .value-bar { transform: rotate(18deg); } .progress-circle.p6 .value-bar { transform: rotate(22deg); } .progress-circle.p7 .value-bar { transform: rotate(25deg); } .progress-circle.p8 .value-bar { transform: rotate(29deg); } .progress-circle.p9 .value-bar { transform: rotate(32deg); } .progress-circle.p10 .value-bar { transform: rotate(36deg); } .progress-circle.p11 .value-bar { transform: rotate(40deg); } .progress-circle.p12 .value-bar { transform: rotate(43deg); } .progress-circle.p13 .value-bar { transform: rotate(47deg); } .progress-circle.p14 .value-bar { transform: rotate(50deg); } .progress-circle.p15 .value-bar { transform: rotate(54deg); } .progress-circle.p16 .value-bar { transform: rotate(58deg); } .progress-circle.p17 .value-bar { transform: rotate(61deg); } .progress-circle.p18 .value-bar { transform: rotate(65deg); } .progress-circle.p19 .value-bar { transform: rotate(68deg); } .progress-circle.p20 .value-bar { transform: rotate(72deg); } .progress-circle.p21 .value-bar { transform: rotate(76deg); } .progress-circle.p22 .value-bar { transform: rotate(79deg); } .progress-circle.p23 .value-bar { transform: rotate(83deg); } .progress-circle.p24 .value-bar { transform: rotate(86deg); } .progress-circle.p25 .value-bar { transform: rotate(90deg); } .progress-circle.p26 .value-bar { transform: rotate(94deg); } .progress-circle.p27 .value-bar { transform: rotate(97deg); } .progress-circle.p28 .value-bar { transform: rotate(101deg); } .progress-circle.p29 .value-bar { transform: rotate(104deg); } .progress-circle.p30 .value-bar { transform: rotate(108deg); } .progress-circle.p31 .value-bar { transform: rotate(112deg); } .progress-circle.p32 .value-bar { transform: rotate(115deg); } .progress-circle.p33 .value-bar { transform: rotate(119deg); } .progress-circle.p34 .value-bar { transform: rotate(122deg); } .progress-circle.p35 .value-bar { transform: rotate(126deg); } .progress-circle.p36 .value-bar { transform: rotate(130deg); } .progress-circle.p37 .value-bar { transform: rotate(133deg); } .progress-circle.p38 .value-bar { transform: rotate(137deg); } .progress-circle.p39 .value-bar { transform: rotate(140deg); } .progress-circle.p40 .value-bar { transform: rotate(144deg); } .progress-circle.p41 .value-bar { transform: rotate(148deg); } .progress-circle.p42 .value-bar { transform: rotate(151deg); } .progress-circle.p43 .value-bar { transform: rotate(155deg); } .progress-circle.p44 .value-bar { transform: rotate(158deg); } .progress-circle.p45 .value-bar { transform: rotate(162deg); } .progress-circle.p46 .value-bar { transform: rotate(166deg); } .progress-circle.p47 .value-bar { transform: rotate(169deg); } .progress-circle.p48 .value-bar { transform: rotate(173deg); } .progress-circle.p49 .value-bar { transform: rotate(176deg); } .progress-circle.p50 .value-bar { transform: rotate(180deg); } .progress-circle.p51 .value-bar { transform: rotate(184deg); } .progress-circle.p52 .value-bar { transform: rotate(187deg); } .progress-circle.p53 .value-bar { transform: rotate(191deg); } .progress-circle.p54 .value-bar { transform: rotate(194deg); } .progress-circle.p55 .value-bar { transform: rotate(198deg); } .progress-circle.p56 .value-bar { transform: rotate(202deg); } .progress-circle.p57 .value-bar { transform: rotate(205deg); } .progress-circle.p58 .value-bar { transform: rotate(209deg); } .progress-circle.p59 .value-bar { transform: rotate(212deg); } .progress-circle.p60 .value-bar { transform: rotate(216deg); } .progress-circle.p61 .value-bar { transform: rotate(220deg); } .progress-circle.p62 .value-bar { transform: rotate(223deg); } .progress-circle.p63 .value-bar { transform: rotate(227deg); } .progress-circle.p64 .value-bar { transform: rotate(230deg); } .progress-circle.p65 .value-bar { transform: rotate(234deg); } .progress-circle.p66 .value-bar { transform: rotate(238deg); } .progress-circle.p67 .value-bar { transform: rotate(241deg); } .progress-circle.p68 .value-bar { transform: rotate(245deg); } .progress-circle.p69 .value-bar { transform: rotate(248deg); } .progress-circle.p70 .value-bar { transform: rotate(252deg); } .progress-circle.p71 .value-bar { transform: rotate(256deg); } .progress-circle.p72 .value-bar { transform: rotate(259deg); } .progress-circle.p73 .value-bar { transform: rotate(263deg); } .progress-circle.p74 .value-bar { transform: rotate(266deg); } .progress-circle.p75 .value-bar { transform: rotate(270deg); } .progress-circle.p76 .value-bar { transform: rotate(274deg); } .progress-circle.p77 .value-bar { transform: rotate(277deg); } .progress-circle.p78 .value-bar { transform: rotate(281deg); } .progress-circle.p79 .value-bar { transform: rotate(284deg); } .progress-circle.p80 .value-bar { transform: rotate(288deg); } .progress-circle.p81 .value-bar { transform: rotate(292deg); } .progress-circle.p82 .value-bar { transform: rotate(295deg); } .progress-circle.p83 .value-bar { transform: rotate(299deg); } .progress-circle.p84 .value-bar { transform: rotate(302deg); } .progress-circle.p85 .value-bar { transform: rotate(306deg); } .progress-circle.p86 .value-bar { transform: rotate(310deg); } .progress-circle.p87 .value-bar { transform: rotate(313deg); } .progress-circle.p88 .value-bar { transform: rotate(317deg); } .progress-circle.p89 .value-bar { transform: rotate(320deg); } .progress-circle.p90 .value-bar { transform: rotate(324deg); } .progress-circle.p91 .value-bar { transform: rotate(328deg); } .progress-circle.p92 .value-bar { transform: rotate(331deg); } .progress-circle.p93 .value-bar { transform: rotate(335deg); } .progress-circle.p94 .value-bar { transform: rotate(338deg); } .progress-circle.p95 .value-bar { transform: rotate(342deg); } .progress-circle.p96 .value-bar { transform: rotate(346deg); } .progress-circle.p97 .value-bar { transform: rotate(349deg); } .progress-circle.p98 .value-bar { transform: rotate(353deg); } .progress-circle.p99 .value-bar { transform: rotate(356deg); } .progress-circle.p100 .value-bar { transform: rotate(360deg); } .left-half-clipper { border-radius: 50%; width: 5em; height: 5em; position: absolute; clip: rect(0px, 5em, 5em, 2.5em); } .value-bar { position: absolute; clip: rect(0px, 2.5em, 5em, 0px); width: 5em; height: 5em; border-radius: 50%; border: 0.45em solid rgb(83, 119, 122); box-sizing: border-box; } .align-autoplay { align-items: flex-end; margin-right: 7px; } .fr-hovered-over-file { background-color: rgb(240, 240, 240); } .thumbnail-padding { padding-right: 4px; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } body.fr-fullscreen { overflow: hidden; height: 100%; width: 100%; position: fixed; } .fr-box.fr-fullscreen { position: fixed; inset: 0px; margin: 0px !important; z-index: 2147483630 !important; width: auto !important; } .fr-box.fr-fullscreen .fr-wrapper { background-color: rgb(255, 255, 255); } .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper { border-radius: 0px; background-clip: padding-box; } .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper { border-radius: 0px; background-clip: padding-box; } .fr-box.fr-fullscreen .fr-toolbar { border-radius: 0px; background-clip: padding-box; } .fr-box.fr-fullscreen .fr-toolbar.fr-top { top: 0px !important; } .fr-box.fr-fullscreen .fr-toolbar.fr-bottom { bottom: 0px !important; } .fr-box.fr-fullscreen .fr-second-toolbar { margin-top: 0px; border-radius: 0px; background-clip: padding-box; } .fr-fullscreen-wrapper { z-index: 2147483640 !important; width: 100% !important; margin: 0px !important; padding: 0px !important; overflow: visible !important; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal { text-align: left; padding: 20px 20px 10px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table { border-collapse: collapse; font-size: 14px; line-height: 1.5; width: 100%; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table { margin-top: 20px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr { border: 0px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th { text-align: left; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td { padding: 6px 0px 4px; } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr { border-bottom: 1px solid rgb(235, 235, 235); } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child { width: 60%; color: rgb(100, 100, 100); } .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) { letter-spacing: 0.5px; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-element img { cursor: pointer; padding: 0px 1px; } .fr-image-resizer { position: absolute; border: 1px solid rgb(0, 152, 247); display: none; user-select: none; box-sizing: content-box; } .fr-image-resizer.fr-active { display: block; } .fr-image-resizer .fr-handler { display: block; position: absolute; background: padding-box rgb(0, 152, 247); border: 1px solid rgb(255, 255, 255); border-radius: 2px; z-index: 4; box-sizing: border-box; } .fr-image-resizer .fr-handler.fr-hnw { cursor: nw-resize; } .fr-image-resizer .fr-handler.fr-hne { cursor: ne-resize; } .fr-image-resizer .fr-handler.fr-hsw { cursor: sw-resize; } .fr-image-resizer .fr-handler.fr-hse { cursor: se-resize; } .fr-image-resizer .fr-handler { width: 12px; height: 12px; } .fr-image-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .fr-image-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .fr-image-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .fr-image-resizer .fr-handler { width: 10px; height: 10px; } .fr-image-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .fr-image-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .fr-image-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .fr-image-overlay { position: fixed; inset: 0px; z-index: 2147483640; display: none; } .fr-popup .fr-image-upload-layer { border: 2px dashed rgb(189, 189, 189); padding: 25px 0px; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center; } .fr-popup .fr-image-upload-layer:hover { background: rgb(235, 235, 235); } .fr-popup .fr-image-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); } .fr-popup .fr-image-upload-layer .fr-form { opacity: 0; position: absolute; inset: 0px; z-index: 2147483640; overflow: hidden; margin: 0px !important; padding: 0px !important; width: 100% !important; } .fr-popup .fr-image-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 500%; height: 100%; margin: 0px; font-size: 400px; } .fr-popup .fr-image-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0px; font-weight: normal; } .fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: rgb(0, 152, 247); transition: width 0.2s; } .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span { position: absolute; top: 0px; animation: 2s linear 0s infinite normal none running loading; width: 30% !important; } .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } .fr-image-size-layer .fr-image-group .fr-input-line { width: calc(50% - 5px); display: inline-block; } .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line { margin-left: 10px; } .fr-uploading { opacity: 0.4; } @-webkit-keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } @keyframes loading { 0% { left: -25%; } 100% { left: 100%; } } img.fr-draggable { user-select: none; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-modal .fr-modal-head .fr-modal-head-line::after { clear: both; display: block; content: ""; height: 0px; } .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more { margin-top: 10px; } .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available { opacity: 0; width: 0px; padding: 12px 0px; } .fr-modal .fr-modal-head .fr-modal-tags { padding: 0px 20px; display: none; text-align: left; } .fr-modal .fr-modal-head .fr-modal-tags a { display: inline-block; opacity: 0; padding: 6px 12px; margin: 8px 0px 8px 8px; text-decoration: none; border-radius: 32px; background-clip: padding-box; transition: opacity 0.2s, background 0.2s; cursor: pointer; background-color: rgb(245, 245, 245); } .fr-modal .fr-modal-head .fr-modal-tags a:focus { outline: none; background-color: rgb(235, 235, 235); } .fr-modal .fr-modal-head .fr-modal-tags a:hover { background-color: rgb(235, 235, 235); } .fr-modal .fr-modal-head .fr-modal-tags a:active { background-color: rgb(214, 214, 214); } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag { background-color: rgb(236, 245, 255); color: rgb(0, 152, 247); } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus { outline: none; background-color: rgb(235, 235, 235); } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover { background-color: rgb(235, 235, 235); } .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active { background-color: rgb(214, 214, 214); } .fr-show-tags .fr-modal-more svg path { fill: rgb(0, 152, 247); } div.fr-modal-body { transition: background 0.2s; } div.fr-modal-body .fr-preloader { display: block; margin: 50px auto; } div.fr-modal-body div.fr-image-list { text-align: center; margin: 0px 20px; padding: 0px; } div.fr-modal-body div.fr-image-list .fr-list-column { float: left; width: calc(50% - 10px); } @media (min-width: 768px) and (max-width: 1199px) { div.fr-modal-body div.fr-image-list .fr-list-column { width: calc(33.3333% - 13.3333px); } } @media (min-width: 1200px) { div.fr-modal-body div.fr-image-list .fr-list-column { width: calc(25% - 15px); } } div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column { margin-left: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container { position: relative; width: 100%; display: block; border-radius: 2px; background-clip: padding-box; overflow: hidden; } div.fr-modal-body div.fr-image-list div.fr-image-container:first-child { margin-top: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container + div { margin-top: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after { position: absolute; opacity: 0.5; transition: opacity 0.2s; background: rgb(0, 0, 0); content: ""; inset: 0px; z-index: 2; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before { content: attr(data-deleting); color: rgb(255, 255, 255); inset: 0px; margin: auto; position: absolute; z-index: 3; font-size: 15px; height: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty { height: 95px; background: rgb(204, 204, 204); z-index: 1; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after { position: absolute; margin: auto; inset: 0px; content: attr(data-loading); display: inline-block; height: 20px; } div.fr-modal-body div.fr-image-list div.fr-image-container img { width: 100%; vertical-align: middle; position: relative; z-index: 2; opacity: 1; transition: opacity 0.2s, filter 0.2s; transform: translateZ(0px); } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img { opacity: 0.75; } div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img { display: inline-block; } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { display: none; top: 50%; border-radius: 100%; background-clip: padding-box; transition: background 0.2s, color 0.2s; box-sizing: border-box; position: absolute; cursor: pointer; margin: 0px; line-height: 40px; text-decoration: none; z-index: 3; } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img { background: rgb(184, 49, 47); fill: rgb(255, 255, 255); padding: 8px; left: 50%; transform: translateY(-50%) translateX(25%); } div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img { background: rgb(255, 255, 255); fill: rgb(0, 152, 247); padding: 8px; left: 50%; transform: translateY(-50%) translateX(-125%); } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img { opacity: 0.75; } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img { display: inline-block; width: 40px; height: 40px; } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover { background: rgb(191, 70, 68); color: rgb(255, 255, 255); } .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover { background: rgb(235, 235, 235); } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-line-breaker { cursor: text; border-top: 1px solid rgb(0, 152, 247); position: fixed; z-index: 2; display: none; } .fr-line-breaker.fr-visible { display: block; } .fr-line-breaker a.fr-floating-btn { position: absolute; left: calc(50% - 20px); top: -20px; } .fr-line-breaker a.fr-floating-btn svg { margin: 8px; height: 24px; width: 24px; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-wrapper-markdown { display: flex; } .fr-markdown-view { width: calc(52% - 1px); box-sizing: inherit; } .fr-markdown-editor { width: calc(48% - 1px); box-sizing: inherit; background-color: rgb(238, 238, 238); } .fr-markdown-editor > p { margin: 0px; } .fr-markdown-view > p { margin-top: 0px; } .gutter-horizontal { display: flex; z-index: 9; background-color: rgb(218, 218, 218); cursor: col-resize; width: 2px; } .e-resize-handler { z-index: 9; width: 1px; display: flex; justify-content: center; align-items: center; align-self: center; position: relative; font-size: 10px; color: rgb(197, 197, 197); } .fr-markdown-view > dl { margin-top: 0px; margin-bottom: 1rem; } .fr-markdown-view > dt { font-weight: 700; } .fr-markdown-view > dd { margin-bottom: 0.5rem; margin-left: 0px; } .fr-markdown-view > pre { white-space: pre-wrap; overflow-wrap: break-word; background-color: rgb(248, 248, 248); border: 1px solid rgb(223, 223, 223); margin-top: 1.5em; margin-bottom: 1.5em; padding: 0.125rem 0.3125rem 0.0625rem; } .fr-markdown-view > code { background-color: rgb(248, 248, 248); border-color: rgb(223, 223, 223); border-style: solid; border-width: 1px; color: rgb(51, 51, 51); font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; } .fr-markdown-view > pre code { background-color: transparent; border: 0px; padding: 0px; } .fr-markdown-view > sup { top: -0.5em; } .footnote-a { color: rgb(0, 123, 255); text-decoration: none; background-color: transparent; } .fr-markdown-view > hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); } .blockquote { margin: 0px 0px 1rem; border-left: 5px solid rgb(238, 238, 238); padding: 10px 20px; font-size: 1.25rem; } .fr-markdown-view > table { width: 100%; max-width: 100%; margin-bottom: 20px; background-color: transparent; border-spacing: 0px; border-collapse: collapse; } .fr-markdown-view > table > tbody > tr > td, .fr-markdown-view > table > tbody > tr > th, .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th { padding: 8px; line-height: 1.42857; vertical-align: top; border: 1px solid rgb(221, 221, 221); } .fr-markdown-view > table > thead > tr > td, .fr-markdown-view > table > thead > tr > th { border-bottom-width: 2px; } .fr-markdown-view > table > tbody > tr:nth-of-type(2n+1) { background-color: rgb(249, 249, 249); } .fr-markdown-view > a { color: rgb(51, 122, 183); text-decoration: none; } .fr-markdown-view > h1 { font-size: 2em !important; } .fr-markdown-view > h2 { font-size: 1.5em !important; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-quick-insert { position: absolute; z-index: 2147483639; white-space: nowrap; padding-right: 10px; box-sizing: content-box; } .fr-quick-insert a.fr-floating-btn svg { margin: 8px; width: 24px; height: 24px; } .fr-quick-insert.fr-on a.fr-floating-btn svg { transform: rotate(135deg); } .fr-quick-insert.fr-hidden { display: none; } .fr-qi-helper { position: absolute; z-index: 3; padding-left: 20px; white-space: nowrap; } .fr-qi-helper a.fr-btn.fr-floating-btn { text-align: center; padding: 6px 10px 10px; display: inline-block; color: rgb(34, 34, 34); background: rgb(255, 255, 255); opacity: 0; transform: scale(0); } .fr-qi-helper a.fr-btn.fr-floating-btn svg { fill: rgb(34, 34, 34); } .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 { opacity: 1; transform: scale(1); } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-popup .fr-buttons.fr-tabs .fr-special-character-category { padding: 10px 15px; } .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span { font-weight: normal; font-size: 16px; } .fr-popup .fr-special-character { width: 24px; height: 24px; } @media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) { .fr-popup .fr-icon-container.fr-sc-container { width: 368px; } } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell { border: 1px double rgb(0, 152, 247); } .fr-element table td, .fr-element table th { user-select: text; } .fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th { user-select: none; } .fr-table-resizer { cursor: col-resize; position: absolute; z-index: 3; display: none; } .fr-table-resizer.fr-moving { z-index: 2; } .fr-table-resizer div { opacity: 0; border-right: 1px solid rgb(0, 152, 247); } .fr-no-selection { user-select: none; } .fr-popup .fr-table-size { margin: 20px; } .fr-popup .fr-table-size .fr-table-size-info { text-align: center; font-size: 14px; } .fr-popup .fr-table-size .fr-select-table-size { line-height: 0; padding: 5px; white-space: nowrap; } .fr-popup .fr-table-size .fr-select-table-size > span { display: inline-block; padding: 0px 4px 4px 0px; background: transparent; } .fr-popup .fr-table-size .fr-select-table-size > span > span { display: inline-block; width: 18px; height: 18px; border: 1px solid rgb(221, 221, 221); } .fr-popup .fr-table-size .fr-select-table-size > span.hover { background: transparent; } .fr-popup .fr-table-size .fr-select-table-size > span.hover > span { background: rgba(0, 152, 247, 0.3); border: 1px solid rgb(0, 152, 247); } .fr-popup .fr-table-size .fr-select-table-size .new-line::after { clear: both; display: block; content: ""; height: 0px; } .fr-popup.fr-above .fr-table-size .fr-select-table-size > span { display: inline-block !important; } .fr-popup .fr-table-colors { display: block; padding: 20px 20px 0px; } .fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span { width: 12px; height: 12px; } .fr-insert-helper { position: absolute; z-index: 9999; white-space: nowrap; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } #fr-form-container { margin: auto; position: relative; top: 10%; width: 60%; border-radius: 5px; z-index: 9002; overflow: auto; background-color: rgb(254, 254, 254); } .fr-trim-video-name { font-family: Arial, Helvetica, sans-serif; padding-top: 15px; } .fr-file-loader { border-width: 4px; border-style: solid; border-color: rgb(83, 119, 122) rgb(243, 243, 243) rgb(243, 243, 243); border-image: initial; border-radius: 50%; animation: 2s linear 0s infinite normal none running spin; width: 20px; height: 20px; align-items: center; display: block !important; } .fr-trim-button { margin-top: 5px; height: 36px; line-height: 1; color: rgb(0, 152, 247); padding: 10px; cursor: pointer; text-decoration: none; border: none; background: none rgb(239, 245, 250); font-size: 16px; border-radius: 5px; outline: none; } .fr-trim-button:hover { background: rgb(235, 235, 235); } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fr-slidecontainer { width: 100%; } .fr-slider { appearance: none; width: 100%; height: 15px; background: rgb(211, 211, 211); } .fr-video-trim-buttons { text-align: right; padding-bottom: 5px; padding-right: 15px; margin-top: 10px; } .fr-slider::-webkit-slider-thumb { appearance: none; width: 15px; height: 15px; border-radius: 50%; cursor: pointer; } .fr-range-value-start { position: absolute; } .fr-range-value-start > span { width: 60px; height: 24px; line-height: 24px; text-align: center; background: rgb(3, 169, 244); color: rgb(255, 255, 255); font-size: 12px; display: block; position: absolute; left: 50%; transform: translate(-85%, 0px); border-radius: 6px; } .fr-range-value-start > span::before { content: ""; position: absolute; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 86%; margin-left: -5px; margin-top: -1px; } .fr-range-value-end { position: absolute; } .fr-range-value-end > span { width: 60px; height: 24px; line-height: 24px; text-align: center; background: rgb(3, 169, 244); color: rgb(255, 255, 255); font-size: 12px; display: block; position: absolute; left: 14%; transform: translate(-8%, 0px); border-radius: 6px; } .fr-range-value-end > span::before { content: ""; position: absolute; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 14%; margin-left: -5px; margin-top: -1px; } #startTimeValue { top: -153% !important; } #startTimeValue span::before { border-top: 10px solid rgb(3, 169, 244); top: 100%; } #endTimeValue { top: -153% !important; } #endTimeValue span::before { border-top: 10px solid rgb(3, 169, 244); top: 100%; } .fr-range-slider { position: relative; width: 80%; height: 15px; } .fr-range-slider > input { pointer-events: none; position: absolute; left: 0px; top: 10px; width: 100%; outline: none; height: 6px; border-radius: 10px; } .fr-range-slider > input::-webkit-slider-thumb { pointer-events: all; position: relative; z-index: 1; appearance: none; width: 15px; height: 15px; background: rgb(52, 152, 219); cursor: pointer; border-radius: 7px; margin-top: -3.6px; } @media screen and (max-width: 430px) { .range-value span { width: 40px; font-size: 10px; } #fr-form-container { top: 20%; } } #fr-video-edit { width: 80%; text-align: center; height: 50%; margin-bottom: 20px; padding-top: 8px; padding-bottom: 8px; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-element .fr-video { user-select: none; } .fr-element .fr-video::after { position: absolute; content: ""; z-index: 1; inset: 0px; cursor: pointer; display: block; background: transparent; } .fr-element .fr-video.fr-active > * { z-index: 2; position: relative; } .fr-element .fr-video > * { box-sizing: content-box; max-width: 100%; border: none; } .fr-box .fr-video-resizer { position: absolute; border: 1px solid rgb(0, 152, 247); display: none; user-select: none; } .fr-box .fr-video-resizer.fr-active { display: block; } .fr-box .fr-video-resizer .fr-handler { display: block; position: absolute; background: rgb(0, 152, 247); border: 1px solid rgb(255, 255, 255); z-index: 4; box-sizing: border-box; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { cursor: nw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hne { cursor: ne-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { cursor: sw-resize; } .fr-box .fr-video-resizer .fr-handler.fr-hse { cursor: se-resize; } .fr-box .fr-video-resizer .fr-handler { width: 12px; height: 12px; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -6px; top: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hne { right: -6px; top: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -6px; bottom: -6px; } .fr-box .fr-video-resizer .fr-handler.fr-hse { right: -6px; bottom: -6px; } @media (min-width: 1200px) { .fr-box .fr-video-resizer .fr-handler { width: 10px; height: 10px; } .fr-box .fr-video-resizer .fr-handler.fr-hnw { left: -5px; top: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hne { right: -5px; top: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hsw { left: -5px; bottom: -5px; } .fr-box .fr-video-resizer .fr-handler.fr-hse { right: -5px; bottom: -5px; } } .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line { width: calc(50% - 5px); display: inline-block; } .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line { margin-left: 10px; } .fr-popup .fr-video-upload-layer { border: 2px dashed rgb(189, 189, 189); padding: 25px 0px; margin: 20px; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 140%; text-align: center; } .fr-popup .fr-video-upload-layer:hover { background: rgb(235, 235, 235); } .fr-popup .fr-video-upload-layer.fr-drop { background: rgb(235, 235, 235); border-color: rgb(0, 152, 247); } .fr-popup .fr-video-upload-layer .fr-form { opacity: 0; position: absolute; inset: 0px; z-index: 2147483640; overflow: hidden; margin: 0px !important; padding: 0px !important; width: 100% !important; } .fr-popup .fr-video-upload-layer .fr-form input { cursor: pointer; position: absolute; right: 0px; top: 0px; bottom: 0px; width: 500%; height: 100%; margin: 0px; font-size: 400px; } .fr-popup .fr-video-progress-bar-layer > h3 { font-size: 16px; margin: 10px 0px; font-weight: normal; } .fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons { display: none; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader { background: rgb(179, 224, 253); height: 10px; width: 100%; margin-top: 20px; overflow: hidden; position: relative; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader span { display: block; height: 100%; width: 0%; background: rgb(0, 152, 247); transition: width 0.2s; } .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span { position: absolute; top: 0px; animation: 2s linear 0s infinite normal none running loading; width: 30% !important; } .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader { display: none; } .fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons { display: block; } .fr-video-overlay { position: fixed; inset: 0px; z-index: 2147483640; display: none; } .fr-autoplay-margin { margin-top: 0px !important; } .fr-clearfix::after { clear: both; display: block; content: ""; height: 0px; } .fr-hide-by-clipping { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); border: 0px; } .fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img { border-radius: 10px; background-clip: padding-box; } .fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img { box-shadow: rgb(204, 204, 204) 10px 10px 5px 0px; } .fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img { border: 5px solid rgb(204, 204, 204); } .fr-view img.fr-bordered { box-sizing: content-box; } .fr-view .fr-img-caption.fr-bordered img { box-sizing: border-box; } .fr-view { overflow-wrap: break-word; } .fr-view span[style~="color:"] a { color: inherit; } .fr-view strong { font-weight: 700; } .fr-view table[border="0"] td:not([class]), .fr-view table[border="0"] th:not([class]), .fr-view table[border="0"] td[class=""], .fr-view table[border="0"] th[class=""] { border-width: 0px; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td { min-width: 5px; } .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th { border-style: dashed; } .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) { background: whitesmoke; } .fr-view table td, .fr-view table th { border: 1px solid rgb(221, 221, 221); } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted { border: 1px double red; } .fr-view table td.fr-thick, .fr-view table th.fr-thick { border-width: 2px; } .fr-view table th { background: rgb(236, 236, 236); } .fr-view table tfoot td { background: rgb(236, 236, 236); } .fr-view hr { clear: both; user-select: none; break-after: page; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "📎"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; overflow-wrap: break-word; overflow: visible; } .fr-view[dir="rtl"] blockquote { border-left: none; border-right: 2px solid rgb(94, 53, 177); margin-right: 0px; padding-right: 5px; padding-left: 0px; } .fr-view[dir="rtl"] blockquote blockquote { border-color: rgb(0, 188, 212); } .fr-view[dir="rtl"] blockquote blockquote blockquote { border-color: rgb(67, 160, 71); } .fr-view blockquote { border-left: 2px solid rgb(94, 53, 177); margin-left: 0px; padding-left: 5px; color: rgb(94, 53, 177); } .fr-view blockquote blockquote { border-color: rgb(0, 188, 212); color: rgb(0, 188, 212); } .fr-view blockquote blockquote blockquote { border-color: rgb(67, 160, 71); color: rgb(67, 160, 71); } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; background-repeat: no-repeat !important; } .fr-view .fr-text-gray { color: rgb(170, 170, 170) !important; } .fr-view .fr-text-bordered { border-top: 1px solid rgb(34, 34, 34); border-bottom: 1px solid rgb(34, 34, 34); padding: 10px 0px; } .fr-view .fr-text-spaced { letter-spacing: 1px; } .fr-view .fr-text-uppercase { text-transform: uppercase; } .fr-view .fr-class-highlighted { background-color: rgb(255, 255, 0); } .fr-view .fr-class-code { border-color: rgb(204, 204, 204); border-radius: 2px; background: rgb(245, 245, 245); padding: 10px; font-family: "Courier New", Courier, monospace; } .fr-view .fr-class-transparency { opacity: 0.5; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0px; text-align: left; } .fr-view img.fr-dib.fr-fir { margin-right: 0px; text-align: right; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption { position: relative; max-width: 100%; } .fr-view span.fr-img-caption.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view span.fr-img-caption.fr-dib.fr-fil { margin-left: 0px; text-align: left; } .fr-view span.fr-img-caption.fr-dib.fr-fir { margin-right: 0px; text-align: right; } .fr-view span.fr-img-caption.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } .fr-view span.fr-img-caption.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } .fr-view span.fr-img-caption.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video.fr-rv { padding-bottom: 56.25%; padding-top: 30px; height: 0px; overflow: hidden; } .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed { top: 0px; left: 0px; width: 100%; height: 100%; position: absolute !important; } .fr-view .fr-video > * { box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view a.fr-strong { font-weight: 700; } .fr-view a.fr-green { color: green; } .fr-view .fr-img-caption { text-align: center; } .fr-view .fr-img-caption .fr-img-wrap { padding: 0px; margin: auto; text-align: center; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap a { display: block; } .fr-view .fr-img-caption .fr-img-wrap img { display: block; margin: auto; width: 100%; } .fr-view .fr-img-caption .fr-img-wrap > span { margin: auto; display: block; padding: 5px 5px 10px; font-size: 14px; font-weight: initial; box-sizing: border-box; opacity: 0.9; width: 100%; text-align: center; } .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded { border-radius: 10px; background-clip: padding-box; } .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large { font-size: 24px; } a.fr-view.fr-strong { font-weight: 700; } a.fr-view.fr-green { color: green; } img.fr-view { position: relative; max-width: 100%; } img.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } img.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; } img.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; } img.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } img.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } img.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view { position: relative; max-width: 100%; } span.fr-img-caption.fr-view.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } span.fr-img-caption.fr-view.fr-dib.fr-fil { margin-left: 0px; text-align: left; } span.fr-img-caption.fr-view.fr-dib.fr-fir { margin-right: 0px; text-align: right; } span.fr-img-caption.fr-view.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(100% - 10px); } span.fr-img-caption.fr-view.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0px; max-width: calc(100% - 5px); } span.fr-img-caption.fr-view.fr-dii.fr-fir { float: right; margin: 5px 0px 5px 5px; max-width: calc(100% - 5px); } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-014a887d-f28e-45f6-9583-1db300b2a4e4@mhtml.blink @charset "utf-8"; .float { position: fixed; width: 60px; height: 60px; bottom: 90px; right: 60px; color: rgb(255, 255, 255); border-radius: 50%; text-align: center; box-shadow: rgb(153, 153, 153) 2px 2px 3px; z-index: 999999; font-size: 30px; } h3 { font-weight: 800 !important; } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-6453f772-0936-4d1e-87b5-32c7c3f998ff@mhtml.blink @charset "utf-8"; .social-buttons { border: 1px solid rgb(204, 204, 204); margin: 10px; padding: 10px 43px; color: white; border-radius: 10px; background: rgb(24, 119, 242); } ------MultipartBoundary--TU9kbQd368uFFfNTiqFfFra3hFmp54sOMEdBjNmR3h---- Content-Type: text/css Content-Transfer-Encoding: binary Content-Location: cid:css-842ce24e-a6a0-4b7b-ab27-00e4e6753153@mhtml.blink @charset "utf-8"; .treeview .list-group-item { cursor: pointer; } .treeview span.indent { margin-left: 10px; margin-right: 10px; } .treeview span.icon { width: 12px; margin-right: 5px; } .treeview .node-disabled { color: silver; cursor: not-allowed; } .node- { color: rgb(66, 139, 202); background-color: rgba(66, 139, 202, 0); border: none; } .node-:not(.node-disabled):hover { background-color: rgb(245, 245, 245); }