@charset "UTF-8"; /*** LTR ***/ @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900&display=swap"); /*** LTR ***/ /*** RTL ***/ :root { --direction-ltr-direction: ltr; --direction-rtl-direction: rtl; --direction-left: left; --direction-right: right; --direction-start: start; --direction-end: end; --direction-transform: 1; --breakpoints-sm: 576px; --breakpoints-md: 767px; --breakpoints-lg: 991px; --breakpoints-xl: 1199px; --breakpoints-xxl: 1299px; --breakpoints-xxxl: 1399px; --breakpoints-xxxxl: 1499px; --padding-px: 1px; --padding-0: 0; --padding-1: 0.25rem; --padding-2: 0.5rem; --padding-3: 0.75rem; --padding-4: 1rem; --padding-5: 1.25rem; --padding-6: 1.5rem; --padding-8: 2rem; --padding-10: 2.5rem; --padding-12: 3rem; --padding-14: 3.4rem; --padding-16: 4rem; --padding-18: 4.5rem; --padding-20: 5rem; --padding-24: 6rem; --padding-26: 7rem; --padding-32: 8rem; --padding-40: 10rem; --padding-48: 12rem; --padding-56: 14rem; --padding-64: 16rem; --margin-px: 1px; --margin-0: 0; --margin-1: 0.25rem; --margin-2: 0.5rem; --margin-3: 0.75rem; --margin-4: 1rem; --margin-5: 1.25rem; --margin-6: 1.5rem; --margin-8: 2rem; --margin-10: 2.5rem; --margin-12: 3rem; --margin-14: 3.4rem; --margin-16: 4rem; --margin-18: 4.5rem; --margin-20: 5rem; --margin-24: 6rem; --margin-26: 7rem; --margin-32: 8rem; --margin-40: 10rem; --margin-48: 12rem; --margin-56: 14rem; --margin-64: 16rem; --radius-0: 8px; --radius-1: 8px; --radius-2: 8px; --radius-3: 16px; --radius-4: 32px; --radius-5: 128px; --radius-curve: 4px; --radius-round: 100px; --font-family-base: Open Sans; --font-weight-regular: 400; --font-weight-medium: 600; --font-weight-bold: 700; --font-size-h1: calc(24px + 0.4vw); --font-size-h2: calc(24px + 0.8vw); --font-size-h3: calc(18px + 0.4vw); --font-size-h4: calc(18px + 0.2vw); --font-size-h5: calc(16px + 0.13vw); --font-size-h6: calc(13px + 0.1vw); --font-size-p: 18px; --font-size-medium: 15px; --font-size-small: 13px; --font-size-xs: 0.7rem; --font-size-sm: 0.95rem; --font-size-md: 1rem; --font-size-lg: 1.25rem; --font-size-xl: 1.5rem; --font-size-xxl: 1.75rem; --font-size-xxxl: 2rem; --color-primary: #0037B4; --color-primary-inverse: #fff; --color-secondary: #FF5200; --color-secondary-inverse: #fff; --color-third: #ff9600; --color-third-inverse: #fff; --color-red: #ff0000; --color-red-inverse: #fff; --color-green: #5CE49B; --color-green-inverse: #fff; --color-yellow: #ffab22; --color-yellow-inverse: #fff; --color-danger: #c9252d; --color-danger-inverse: #fff; --color-success: #12805c; --color-success-inverse: #fff; --color-warning: #ffab22; --color-warning-inverse: #fff; --color-info: #0d66d0; --color-info-inverse: #fff; --color-black: #111; --color-white: #ffffff; --color-gray-000: #000; --color-gray-1000: gray; --color-gray-900: #8c8c8c; --color-gray-800: #999999; --color-gray-700: #a6a6a6; --color-gray-600: #b3b3b3; --color-gray-500: #bfbfbf; --color-gray-400: #cccccc; --color-gray-300: #d9d9d9; --color-gray-200: #e6e6e6; --color-gray-100: #f2f2f2; --color-dark-blue: #152352; --color-dark-blue-inverse: #fff; --color-dark: #000; --color-gray-dark: #333; --color-green-80: #7de9af; --color-green-60: #9defc3; --color-green-40: #bef4d7; --boxShadow-l-r: 0px 0px 5px rgba(0, 0, 0, 0.1); --boxShadow-vertical: 5px 15px 20px 0px rgba(0, 0, 0, 0.1); --boxShadow-all:  0 0 6px rgba(0, 0, 0, 0.08); --boxShadow-none: none; --boxShadow-bottom: 0 20px 30px 0 rgba(0, 0, 0, 0.15); } *, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; word-wrap: break-word; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; font-size: 14px; font-family: var(--font-family-base); color: var(--color-black); } body { margin: 0; background: #fff; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; padding: 0; } ol { list-style: decimal inside; } ol li { padding: var(--padding-1) 0; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: 600; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: inherit; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0; } img { vertical-align: middle; border-style: none; max-width: 100%; } svg:not(:root) { overflow: hidden; } table { width: 100%; border-collapse: collapse; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0; } button { border-radius: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: 0; font-family: inherit; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } button, input { overflow: visible; } button, select { text-transform: none; } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none; } input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1.5rem; margin-bottom: 1.5rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } .small, small { font-size: 85%; font-weight: 400; } .mark, mark { padding: .2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: .5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } ul { list-style: none; margin: 0; padding: 0; } @media (max-width: 767px) { html { font-size: 13px; } .h1, h1 { font-size: 1.8rem; } .h2, h2 { font-size: 1.6rem; } .h3, h3 { font-size: 1.5rem; } .h4, h4 { font-size: 1.4rem; } .h5, h5 { font-size: 1.3rem; } .h6, h6 { font-size: 1.2rem; } .cms-container ol, .cms-container ul, p { line-height: 1.7; font-size: 1rem; } } * { scrollbar-width: thin; } *::-webkit-scrollbar { width: 8px; } *::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0.06); border-radius: 0; } *::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 0; } .box--checkout { border-radius: 0; color: var(--color-dark); position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 90vh; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } @media (min-width: 576px) { .box--checkout { max-height: 85vh; overflow: hidden; } } @media (min-width: 576px) { .box--checkout { min-width: 1060px; max-width: 1060px; height: 100vh; overflow: auto; } } @media (max-width: 991px) { .box--checkout { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } } @media (max-width: 1199px) { .box--checkout { min-width: 1%; max-width: 100%; overflow: hidden; max-height: 85vh; } } @media (max-width: 767px) { .box--checkout { max-height: calc(100vh - 2rem); } } .box--checkout .box__head { -webkit-box-shadow: none; box-shadow: none; text-align: center; padding: var(--padding-6) var(--padding-6) var(--padding-8) !important; border-bottom: 1px solid var(--color-gray-300); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; position: sticky; top: 0; z-index: 3; box-shadow: none !important; } @media (max-width: 767px) { .box--checkout .box__head { padding: var(--padding-6); } } .box--checkout .box__head h4 { font-size: var(--font-size-h4); margin: 0 auto !important; font-weight: normal; } @media (max-width: 576px) { .box--checkout .box__head h4 { font-size: 1.1rem; font-weight: var(--font-weight-bold); } } @media (max-width: 576px) { .box--checkout .box__head .btn { padding: 0; width: 42px; height: 42px; } } .box--checkout .box__head .btn--back { border: none; position: absolute; top: auto; padding: 0; } @media (max-width: 576px) { .box--checkout .box__head .btn--back { font-size: 0; } } .box--checkout .box__head .btn--back .icon--back { margin-right: var(--margin-2); } @media (max-width: 576px) { .box--checkout .box__head .btn--back .icon--back { margin-right: 0; } } .box--checkout .box__head .btn.btn--close { padding: 0; width: 40px; } .box--checkout .box__body { position: relative; padding: var(--padding-6); height: 100%; overflow-y: auto; padding-top: 0; overflow-x: hidden; } .box--checkout .box__body .calendar-view { padding: 0 !important; } @media (max-width: 1199px) { .box--checkout .box__body { height: calc(100% - 150px); overflow-y: auto; overflow-x: hidden; } } @media (max-width: 767px) { .box--checkout .box__body { min-height: 75vh; max-height: 75vh; padding-bottom: 12rem; } } .box--checkout .box-foot { margin-top: auto; padding: var(--padding-6); border-top: 1px solid var(--color-gray-300); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; background-color: #fff; position: sticky; } .box--checkout .box-foot .btn { width: 120px; height: 40px; } @media (max-width: 576px) { .box--checkout .box-foot { width: 100%; } } @media (max-width: 767px) { .box--checkout .box-foot { margin-top: auto; position: fixed; bottom: 0; z-index: 1; width: 100%; } } .getPaymentSummary .box__body { height: 100%; } .btn.btn--close { border: none !important; } .step-nav { position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .step-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .step-nav ul .step-nav_item { width: 20px; height: 20px; line-height: 18px; border-radius: 50%; background-color: var(--color-gray-100); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: var(--margin-12); } .step-nav ul .step-nav_item:first-child { margin-left: 0; } .step-nav ul .step-nav_item a { color: var(--color-gray-800); font-size: 11px; } .step-nav ul .is-process { background: var(--color-white); border: 1px solid var(--color-secondary); } .step-nav ul .is-process a { color: var(--color-secondary); } .step-nav ul .is-completed { background-color: var(--color-green); position: relative; } .step-nav ul .is-completed a { font-size: 0; } .step-nav ul .is-completed .step-icon::before { width: 10px; height: 6px; position: absolute; top: 47%; left: 40%; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); content: ""; -webkit-transform: rotate(-45deg) translate(0, -78%); -ms-transform: rotate(-45deg) translate(0, -78%); transform: rotate(-45deg) translate(0, -78%); } .selection--checkout { margin: 0 auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .selection--checkout .selection-tabs__label { padding: var(--padding-3); margin-bottom: 0; } @media (max-width: 767px) { .selection--checkout .selection-tabs__label { padding: var(--padding-2); width: 100%; } } .selection--checkout .selection-tabs__label .selection-tabs__title { padding: var(--padding-8) var(--padding-12); display: inline-block; width: 100%; font-size: var(--font-size-medium); cursor: pointer; } @media (max-width: 767px) { .selection--checkout .selection-tabs__label .selection-tabs__title { padding: var(--padding-6) var(--padding-4); } .selection--checkout .selection-tabs__label .selection-tabs__title span { font-size: var(--font-size-sm); } } .selection--checkout .selection-tabs__label .selection-tabs__title b { display: block; } .selection--checkout .selection-tabs__label .selection-tabs__title svg { vertical-align: middle; margin-right: var(--margin-4); fill: var(--color-gray-200); } @media (max-width: 576px) { .selection--checkout .selection-tabs__label .selection-tabs__title svg { margin-right: var(--margin-2); } } @media (min-width: 767px) { .selection--onehalf { max-width: 605px; min-width: 605px; } } .selection--onehalf .selection-tabs__label { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } @media (max-width: 576px) { .selection--onehalf .selection-tabs__label { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .selection--onethird { max-width: 765px; min-width: 765px; } @media (max-width: 767px) { .selection--onethird { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; min-width: 100%; } } .selection--lesson .selection-tabs__title { text-align: center; } .selection--lesson .selection-tabs__title .per-lesson { color: var(--color-gray-600); } .teacher-profile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .teacher-profile .teacher__media { margin-right: var(--margin-4); } .box-foot .teacher__media .avtar { width: 40px; height: 40px; border-radius: 0; } @media (max-width: 767px) { .box-foot .teacher__media .avtar { width: 30px; height: 30px; } } .box-foot__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .box-foot__left .teacher-profile { margin-right: var(--margin-6); } .step-breadcrumb { color: var(--color-dark); } .step-breadcrumb ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .step-breadcrumb ul li a { padding: var(--padding-3); padding-left: var(--padding-4); position: relative; margin-right: var(--margin-6); } .step-breadcrumb ul li a::before { content: ""; position: absolute; width: 6px; height: 6px; background-color: var(--color-primary); border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 576px) { .step-breadcrumb { position: absolute; bottom: 80px; left: 0; right: 0; height: 40px; padding: 0 var(--padding-6); display: -webkit-box; display: -ms-flexbox; display: flex; background: var(--color-gray-100); } } .total-price { text-align: center; } .total-price input[type="text"] { border-radius: 0; width: calc(100% - 108px); height: 50px; text-align: center; font-size: 16px; color: var(--color-black); border: none; border-left: 1px solid var(--color-gray-300); border-right: 1px solid var(--color-gray-300); } .total-price input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .total-price .btn--count { width: 50px; height: 50px; padding: 0; font-size: 26px; vertical-align: bottom; font-weight: var(--font-weight-medium); color: var(--color-black); background-color: transparent; } .total-price p { margin-top: var(--margin-4); color: var(--color-dark); font-size: var(--font-size-h5); margin-bottom: 0; } .total-price p strong { font-weight: 700; } .checkout-title { text-align: center; margin: var(--margin-10) auto var(--margin-12); } @media (min-width: 576px) { .checkout-title { max-width: 70%; } } .checkout-title p { color: var(--color-gray); margin-bottom: 0; line-height: 24px; } .selection--payment { display: block; overflow: unset; color: var(--color-dark); } @media (min-width: 1199px) { .selection--payment { padding: var(--padding-8); } } @media (max-width: 1199px) { .selection--payment { padding: var(--padding-6); } } .selection--payment .selection-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .selection--payment .selection-title p { text-transform: uppercase; color: inherit; } .selection--payment .selection-title .btn--link { padding: 0 0 var(--padding-1) 0; height: unset; line-height: unset; } .selection--payment .selection-tabs__label { width: 100%; padding: 0; margin-bottom: var(--padding-2); } .selection--payment .selection-tabs__label .selection-tabs__title { padding: var(--padding-5); font-size: var(--font-size-h6); font-weight: 600; display: inline-block; } .payment-type { color: var(--color-dark); display: inline-block; } .payment-type p { line-height: 18px; color: inherit; margin-bottom: 0; } .payment-type .is-selected { display: none; } .payment-type .total__payment { display: none; margin-top: var(--margin-6); } .payment-type .total__payment .btn { text-transform: uppercase; } @media (min-width: 991px) { .payment-type .total__payment .btn { width: 200px; } } .payment-type .total__payment p { margin-bottom: var(--margin-5); } .apply-coupon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: var(--padding-4); border: 2px dotted var(--color-gray-300); height: 60px; margin-bottom: var(--margin-6); } .apply-coupon input[type="text"] { border: none; color: var(--color-dark); } .apply-coupon input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 767px) and (max-width: 991px) { .apply-coupon input[type="text"] { padding-left: 0; } } .apply-coupon .icon--price-tag { width: 39px; height: 39px; fill: var(--color-gray-400); -webkit-transform: rotate(-84deg); -ms-transform: rotate(-84deg); transform: rotate(-84deg); } @media (min-width: 767px) and (max-width: 991px) { .apply-coupon .icon--price-tag { display: none; } } .payment-summary { margin-bottom: var(--margin-6); } .payment-summary .payment__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--padding-3) var(--padding-6); border: 1px solid var(--color-gray-200); } .payment-summary .payment__row div:first-child { width: 151px; } .payment-summary .payment__row div p { font-size: 12px; margin-bottom: 0; line-height: 20px; } .payment-summary .payment__row:first-child { border-bottom: none; } .payment-note { text-align: center; font-size: 13px; margin-top: var(--margin-4); line-height: 24px; } .selection--lesson .selection-tabs__label { pointer-events: none; } .selection-disabled { opacity: 0.7; cursor: no-drop !important; } .balance-payment { margin-top: var(--margin-6); color: var(--color-dark); display: none; } .balance-payment ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-2); } .balance-payment ul li:last-child { margin-bottom: 0; } .balance-payment ul li p { font-weight: normal; color: inherit; margin-bottom: 0; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; white-space: nowrap; } .balance-payment ul li .space { border-bottom: 1px dotted var(--color-gray-400); height: 19px; width: 100%; margin: 0 var(--margin-3); } .balance-payment ul li b { text-align: right; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .balance-payment { display: block; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .payment-type .is-selected { display: block; } .selection--wallet .selection-tabs__input:checked + .selection-tabs__title .payment-type p { display: none; } .selection-tabs__input:checked + .selection-tabs__title svg { fill: var(--color-secondary); } .section--checkout { max-width: 1000px; margin: 0 auto; } .is-checkout { background: #F6F6F6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100vh; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .is-checkout .header { position: static; } .is-checkout .header .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--padding-10) 0; } @media (max-width: 767px) { .is-checkout .header .header__logo { padding: var(--padding-5) 0; } .is-checkout .header .header__logo a { width: 120px; } } .is-checkout .box__body .step-nav { position: absolute; top: -15px; } .is-checkout .footer { margin-top: auto; } .is-checkout .footer .copyright { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .is-checkout .footer { padding-bottom: 0; } } .box--checkout .box__head { position: relative; } .box--checkout .box__head .btn--back { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .coupon-box { border: 1px solid var(--color-gray-100); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); background: var(--color-white); position: absolute; z-index: 1; top: 118px; left: 15px; width: auto; right: 15px; display: none; } .coupon-box .coupon-box__head { padding: var(--padding-4) var(--padding-5); border-bottom: 1px solid var(--color-gray-200); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coupon-box .coupon-box__head .btn--close { padding: 0; } .coupon-box .coupon-box__head p { text-transform: uppercase; margin-bottom: 0; color: var(--color-dark); } .coupon-box .coupon-box__body { max-height: 280px; overflow: auto; } .coupon-list { padding: var(--padding-4) var(--padding-5); border-bottom: 1px solid var(--color-gray-200); } .coupon-list:last-child { border-bottom: none; } .coupon-list .coupon-list__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .coupon-list .coupon-list__head .badge { font-weight: var(--font-weight-medium); } .coupon-list .coupon-list__content p { margin-bottom: 0; } .coupon-list .coupon-list__content p:first-child { color: var(--color-dark); } .coupon-applied { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: 1px dashed currentColor; padding: 0 var(--padding-5); position: relative; color: var(--color-secondary); margin-bottom: var(--padding-10); } .coupon-applied::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .coupon-applied .coupon-code { margin-right: var(--padding-2); } .coupon-applied .coupon-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coupon-applied .coupon-type p { margin-bottom: 0; line-height: 1; color: var(--color-dark); } .btn.btn--coupon { background: transparent; color: var(--color-dark); font-weight: 600; padding: 0 !important; height: 40px !important; text-transform: uppercase; } #facebox .calendar-view .fc-header-toolbar { padding: 0 0; border: none; margin-bottom: 0; } .drop-action { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } @media (min-width: 576px) { .drop-action { position: relative; } } @media (max-width: 576px) { .drop-action { position: relative; display: block; width: 100%; margin-top: var(--margin-4); } } .drop-action__label { padding: 0 var(--padding-1); font-weight: var(--font-weight-medium); } .drop-action__trigger { position: relative; padding: var(--padding-3) var(--padding-6); padding-right: var(--padding-16); border: 1px solid var(--color-gray-200); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-1); color: var(--color-secondary); } .drop-action__trigger:before { position: absolute; right: 1.6rem; top: 50%; width: 8px; height: 8px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } @media (max-width: 576px) { .drop-action__trigger { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; font-weight: var(--font-weight-medium); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .drop-action__trigger .svg-icon { width: 20px; height: 20px; fill: currentColor; } } .drop-action__trigger.is-active:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 11; } .drop-action__target { position: absolute; top: 100%; right: 0; z-index: 12; } @media (min-width: 576px) { .drop-action__target:before { position: absolute; right: 1rem; top: -8px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } @media (max-width: 576px) { .drop-action__target { top: auto; bottom: 0; right: 0; left: 0; position: fixed; } .drop-action__target .filter-dropdown { border-radius: 6px 6px 0 0; } } .drop-action__target-box { background-color: #fff; -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); position: relative; border-radius: 10px; padding: var(--padding-6); } @media (min-width: 576px) { .drop-action__target-box { min-width: 400px; } } .numbers-list { counter-reset: num-counter; max-height: 360px; overflow-y: auto; overflow-x: hidden; } .numbers-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 40px; color: var(--color-gray-600); } .numbers-list__item:before { counter-increment: num-counter; content: counter(num-counter) ". "; margin-right: 0.6rem; } .numbers-list__item.is-selected { color: var(--color-black); } .numbers-list .is-delete { width: 40px; height: 40px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: auto; cursor: pointer; } .numbers-list .is-delete:before { position: absolute; inset: 0; text-align: center; line-height: 40px; content: "+"; font-size: 26px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .is-checkout #facebox { top: auto !important; -webkit-transform: translate(-50%, 0) !important; -ms-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; bottom: 0 !important; } .option-select__label { width: 100%; position: relative; overflow: auto; margin-top: var(--margin-2); } .option-select__label:first-child { margin-top: 0; } .option-select__label:last-child { margin-bottom: 0; } .option-select__input { position: absolute; opacity: 0; } .option-select__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-1); padding: var(--padding-4) var(--padding-4); border: 1px solid var(--color-gray-200); color: var(--color-gray-900); } .option-select__title svg { margin-right: var(--margin-2); fill: var(--color-gray-300); width: 20px; height: 20px; } .option-select__title .label-small { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .option-select__input:checked + .option-select__title { color: var(--color-primary); border-color: var(--color-primary); position: relative; } .option-select__input:checked + .option-select__title:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .option-select__input:checked + .option-select__title svg { fill: var(--color-primary) !important; } .option-select__scroll { max-height: 174px; overflow: auto; padding-right: var(--padding-4); } @media (max-width: 576px) { .option-select__scroll { max-height: 190px; } } @media (max-width: 576px) { .option-select { margin-bottom: var(--margin-6); } } .select-element { position: relative; margin-bottom: var(--margin-6); } .select-element__trigger { position: relative; border: 1px solid var(--color-gray-300); padding: var(--padding-6); min-height: 60px; display: block; background-color: #fff; } .select-element__trigger:before { position: absolute; right: 2rem; top: 50%; width: 8px; height: 8px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } .select-element__target { position: absolute; left: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; padding: var(--padding-4); z-index: 2; width: 100%; } .qty-option { width: 100%; margin-bottom: var(--margin-4); border: 1px solid var(--color-gray-300); border-radius: 60px; } .table-scrolled { width: 100%; border: 1px solid var(--color-gray-200); max-height: 148px; overflow: auto; } .select-dropdown { position: relative; margin-bottom: var(--margin-12); } .select-dropdown__trigger { border: 1px solid var(--color-gray-200); position: relative; padding: var(--padding-8); padding-right: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weight-medium); } .select-dropdown__trigger:before { position: absolute; right: 2rem; top: 2.6rem; width: 8px; height: 8px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: none; } .select-dropdown__trigger-label { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; padding: var(--padding-1) var(--padding-3); position: absolute; left: var(--margin-16); } .select-dropdown__trigger-media { width: 24px; -ms-flex-item-align: start; align-self: flex-start; } .select-dropdown__trigger.is-active .select-dropdown__trigger-label { top: -10px; background-color: var(--color-white); font-size: 13px; } .select-dropdown__trigger.is-selected .select-dropdown__trigger-label { top: -10px; background-color: var(--color-white); font-size: 13px; color: var(--color-black); } .select-dropdown__trigger.is-selected { color: var(--color-primary); } .select-dropdown__trigger.is-selected:before { width: 12px; height: 7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .select-dropdown__trigger:not(:only-child) { cursor: pointer; } .select-dropdown__trigger-value { display: block; max-width: 180px; } .select-dropdown__target { position: absolute; left: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); z-index: 2; width: 100%; border: 1px solid var(--color-gray-200); border-top: none; } .select-option__label { width: 100%; position: relative; } .select-option__input { position: absolute; opacity: 0; } .select-option__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--padding-4) var(--padding-8); border-bottom: 1px solid var(--color-gray-200); color: var(--color-gray-900); } .select-option__title svg { margin-right: var(--margin-6); fill: var(--color-gray-300); width: 22px; height: 22px; } .select-option__title .label-small { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .select-option__input:checked + .select-option__title { color: var(--color-primary); position: relative; } .select-option__input:checked + .select-option__title:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .select-option__input:checked + .select-option__title svg { fill: var(--color-primary) !important; } @media (max-width: 576px) { .select-option { margin-bottom: var(--margin-6); } } .select-option__scroll { max-height: 200px; overflow: auto; } @media (max-width: 576px) { .select-option__scroll { max-height: 190px; } } .selector-switch { position: relative; } .selector-switch__control { padding: var(--padding-4); border: 1px solid var(--color-gray-300); border-radius: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .selector-switch__media { width: 24px; margin-right: var(--margin-4); } .selector-switch__action { margin-left: auto; } .selector-switch__label { font-weight: var(--font-weight-medium); } .selector-switch__info { position: relative; margin-top: var(--margin-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 13px; } .selector-switch__info-media { position: relative; } .selector-switch__info .tooltip { min-width: 200px; font-size: 12px; padding: var(--padding-4); -webkit-transition: none; -o-transition: none; transition: none; } .offers-box { border: 1px dashed var(--color-third); padding: var(--padding-4) var(--padding-5); max-width: 360px; margin: 1rem auto 0; position: relative; } .offers-box:before { background-color: var(--color-third); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; opacity: 0.1; pointer-events: none; z-index: 0; } .offers-box__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 0.95rem; min-height: 26px; } .offers-box__item-media { position: relative; top: 1px; } .offers-box__item-media .icon { fill: var(--color-third); } .offers-box__scroller { max-height: 100px; overflow: auto; margin: 1rem 0 0; } .offers-box__link { color: var(--color-third); font-weight: var(--font-weight-medium); text-decoration: underline; -webkit-text-decoration-style: dashed; text-decoration-style: dashed; text-underline-offset: 4px; } .custom-select-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .custom-select-search .errorlist { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .main-dashboard .page__footer { display: none; } .teacherscheduledlessons.view .page__footer { display: none; } .learnerscheduledlessons.view .page__footer { display: none; } .messages .page__footer { display: none; } .montly-lesson-calendar .fc-header-toolbar { padding: var(--padding-6) var(--padding-6) 0; margin: 0 !important; } .montly-lesson-calendar .fc-view-harness .fc-scrollgrid { border: 1px solid var(--color-gray-200); } .scheduled-lesson-popup .fc-header-toolbar { margin-top: 0; } .fc-scroller-harness .fc-col-header-cell { border: 1px solid var(--color-gray-200); } .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; } @media (max-width: 576px) { .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner { font-size: 9px; } } .fc-scroller-harness .fc-col-header-cell .fc-scrollgrid-sync-inner a { text-transform: uppercase; font-weight: 600; } .fc-scroller-harness .fc-scrollgrid-sync-table .fc-daygrid-day { border: 1px solid var(--color-gray-200); } .fc-scroller-harness .fc-scrollgrid-sync-table .fc-daygrid-day .fc-daygrid-event { background: var(--color-gray-100); padding: var(--padding-2) var(--padding-3); height: 35px; border-left: 2px solid var(--color-primary); border-radius: 0; margin-left: var(--margin-2); margin-right: var(--margin-2); margin-bottom: var(--margin-1) !important; } .dashboard-calendar .fc-daygrid-event { background: no-repeat !important; padding: 0 !important; border-left: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dashboard-calendar .fc-daygrid-event .fc-event-time { display: none; } .dashboard-calendar .fc-daygrid-event .fc-event-title { display: none; } .dashboard-calendar .fc-daygrid-day-bottom { display: none; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk h2 { font-size: var(--font-size-md); } .dashboard-calendar .fc-day a { font-size: var(--font-size-sm); } .dashboard-calendar .fc-daygrid-day-events { min-height: 1% !important; } .dashboard-calendar .fc-daygrid-day-events .fc-daygrid-event { height: 0 !important; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0 !important; } .fc-daygrid-day-frame .fc-daygrid-day-top { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fc-button-group .fc-button { background: transparent; border-radius: 0; margin: var(--margin-1); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); border: 1px solid var(--color-gray-200); width: 2.70rem; height: 2.70rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; } .fc-button-group .fc-button:focus { -webkit-box-shadow: none; box-shadow: none; } .fc-button-group .fc-button:hover { background-color: transparent; border-color: var(--color-gray-200); } .fc-event-main-frame .closeon { height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); } .fc-timegrid-event .fc-event-time { text-align: center; white-space: normal !important; } .scheduled-lesson-popup .box { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ececec; -webkit-box-shadow: none; box-shadow: none; } .scheduled-lesson-popup .fc .fc-timegrid-slot { height: 1.9em; } .calendar-view.scheduled-lesson-popup .cal-status { margin-bottom: 0; } .scheduled-lesson-popup .box h4 { margin-bottom: 10px; } .learnerscheduledlessons .booking-view { text-align: left; } .learnerscheduledlessons .booking-view .inline-list { margin-bottom: 10px; } .scheduled-lesson-popup .box textarea { height: 100px; } .fc-event.booked-slot { background: var(--color-red); border-color: var(--color-red); } .cal-status .booked-box { background: var(--color-red); } .cal-status .available-box { background: var(--color-green); } .fc-event.slot_unavailable { background: var(--color-gray-500); border-color: transparent; background-image: -o-linear-gradient(45deg, #dddddd 14.29%, #ffffff 14.29%, #ffffff 50%, #dddddd 50%, #dddddd 64.29%, #ffffff 64.29%, #ffffff 100%); background-image: linear-gradient(45deg, #dddddd 14.29%, #ffffff 14.29%, #ffffff 50%, #dddddd 50%, #dddddd 64.29%, #ffffff 64.29%, #ffffff 100%); background-size: 9.90px 9.90px; } .fc-event.slot_unavailable .fc-event-time { display: none; } .slot_unavailable .fc-event-time { color: #111; } .availability-setting-calendar .slot_available { background: #0ab359; border-color: #0ab359; } .availability-setting-calendar .slot_available .fc-event-time { color: var(--color-white); } @media (max-width: 767px) { .scheduled-lesson-popup h4 { margin-bottom: 16px; } } .fc-timegrid-col-events { margin: 0 !important; } .calendar-view { position: relative; border-radius: var(--radius-1); } @media (max-width: 767px) { .calendar-view { height: 100%; } .calendar-view #calendar-container { height: calc(100% - 145px); } .calendar-view #calendar-container > div { height: 100%; } } @media (min-width: 767px) { .calendar-view .calendar-view__head { padding: var(--margin-4) 0; } } .calendar-view .calendar-view__head [class*="col-sm-7"] { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 767px) { .calendar-view .calendar-view__head [class*="col-sm-7"] { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .calendar-view .calendar-view__head h4 { color: var(--color-dark); font-weight: var(--font-weight-bold); margin-bottom: 0 !important; } @media (min-width: 1299px) { .calendar-view .calendar-view__head h4 { font-size: var(--font-size-h5); } } @media (min-width: 991px) and (max-width: 1199px) { .calendar-view .calendar-view__head h4 { font-size: var(--font-size-h6); } } @media (max-width: 767px) { .calendar-view .calendar-view__head { padding: var(--padding-5) var(--padding-1); text-align: center; } .calendar-view .calendar-view__head h4 { margin-bottom: var(--margin-4); } .calendar-view .calendar-view__head [class*="col-sm-7"] { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .calendar-view .calendar-view__head .cal-status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: var(--margin-4); } @media (max-width: 1199px) { .calendar-view .calendar-view__head .cal-status { margin-right: var(--margin-4); } } .calendar-view .calendar-view__head .cal-status:last-child { margin-right: var(--margin-0); } .calendar-view .calendar-view__head .cal-status p { margin-bottom: 0; font-size: 11px; text-transform: uppercase; color: var(--color-dark); } .calendar-view .calendar-view__head .cal-status .box-hint { width: 12px; height: 12px; border-radius: 50%; border: none; margin-right: var(--margin-2); } .calendar-view .calendar-view__head .cal-status .disabled-box { background: var(--color-gray-200); } @media (max-width: 767px) { .calendar-view .fc-header-toolbar { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin-right: auto; } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk:first-child { margin: auto; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h2 { font-size: 13px; color: var(--color-gray-900); } @media (min-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk h2 { margin-right: var(--margin-5); } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: var(--color-gray-900); } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11px; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk h6 .timer { color: var(--color-gray-900); margin: var(--margin-1); } @media (max-width: 767px) { .calendar-view .fc-header-toolbar .fc-toolbar-chunk { width: 100%; text-align: center; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { display: inline-table; border: transparent; width: 100%; padding: 0 var(--padding-6); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button { -webkit-box-shadow: none; box-shadow: none; border: 1px solid var(--color-gray-200); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:first-child { float: left; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button:last-child { float: right; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { position: absolute; opacity: 1; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); margin-left: 0; } } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group { border-radius: var(--radius-0); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary { color: var(--color-dark); background-color: var(--color-white); height: auto; padding: var(--padding-2); width: 50px; height: 40px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary:focus { -webkit-box-shadow: none; box-shadow: none; } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-button-primary:active { background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .calendar-view .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { background-color: var(--color-white); padding: 0; height: 40px; border: none; border-radius: 0; color: var(--color-dark); text-transform: uppercase; font-weight: 600; opacity: 1; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today { color: var(--color-primary); position: relative; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today a { font-weight: bold; } .calendar-view .fc-timegrid .fc-col-header .fc-day-today::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.1; } .calendar-view .fc-timegrid .fc-timegrid-body .fc-day-today { position: relative; color: var(--color-primary); background: transparent; } .calendar-view .fc-timegrid .fc-timegrid-body .fc-day-today::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.06; } .weekly-calendar .fc-event-main .fc-event-time { display: block; } .dashboard-calendar .fc-header-toolbar { margin-top: 0 !important; border: none; padding: 0 var(--padding-5); } @media (max-width: 767px) { .dashboard-calendar .fc-header-toolbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk { width: auto; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk:first-child { display: none; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-today-button { padding: 0 var(--padding-5) !important; } .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-prev-button, .dashboard-calendar .fc-header-toolbar .fc-toolbar-chunk .fc-next-button { width: 42px !important; } .tooltipevent { -webkit-box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); background: #fff; padding: 35px 20px 20px; border: 1px solid #e2e2e4; line-height: 1.6; min-width: 280px; text-align: left; z-index: 999 !important; } .tooltipevent { border-top: 3px solid var(--color-primary); border-radius: 6px; } .fc .fc-bg-event { background: #1DCE70 !important; opacity: 0.3 !important; } .fc .fc-timegrid-slot { height: 10px !important; } .fc .fc-timegrid-slot-label-cushion { font-size: 12px; } .fc-timegrid-event { border-radius: 0; } .fc .fc-toolbar { -ms-flex-wrap: wrap; flex-wrap: wrap; } .calendar-loader { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); height: 100%; z-index: 9; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fc .fc-timegrid-now-indicator-arrow { border-color: var(--color-primary); } .booking__head { text-align: left; } @media (max-width: 767px) { .fc .fc-timegrid-slot-label-cushion { font-size: 10px; } } .fc-event-time:after { display: none; } @media (min-width: 991px) { .error__media { text-align: center; } } .error__media img { margin: 0 auto; } @media (max-width: 767px) { .error__media img { margin-bottom: var(--margin-8); max-width: 150px; } } .error__content h3 { color: var(--color-dark); font-weight: var(--font-weight-bold); font-size: var(--font-size-xxxl); margin-bottom: var(--margin-4); } .error__content p { font-size: var(--font-size-h5); color: var(--color-dark); margin-bottom: var(--margin-14); } .error__content .list-group { margin-bottom: var(--margin-14); } .list-group--line .list-group--item { position: relative; padding-left: var(--padding-10); font-size: var(--font-size-medium); } .list-group--line .list-group--item::before { content: ''; width: 16px; height: 2px; background-color: var(--color-primary); display: block; position: absolute; top: 20px; left: 0; } .list-group--item { line-height: 40px; } .theme-preview { background-color: #eee; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .theme-preview .btn { margin: 0.3rem; } .reviews-section { width: 100%; position: relative; } .reviews-stats { width: 100%; position: relative; } .reviews-total { max-width: 110px; text-align: center; } .reviews-media { position: relative; width: 100%; height: 100%; } .reviews-media svg { width: 100%; height: 100%; fill: #FFAB22; } .reviews-media .reviews-count { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 100%; font-size: var(--font-size-h4); color: var(--color-white); font-weight: var(--font-weight-bold); line-height: 1; } .reviews-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-progress__value { min-width: 60px; text-align: center; padding: 0 var(--padding-2); } .reviews-progress__value:first-child { text-align: right; } .reviews-progress__value:last-child { text-align: left; } .reviews-progress__content { width: calc(100% - 120px); } .reviews-counter__item { margin-top: var(--margin-2); } .reviews-sorting { margin: var(--margin-10) 0; text-align: center; } @media (min-width: 576px) { .reviews-sorting { background-color: var(--color-gray-100); padding: var(--padding-2) var(--padding-6); } } @media (max-width: 576px) { .reviews-sorting p { margin-bottom: var(--margin-2) !important; } } @media (min-width: 576px) { .reviews-sort select { background-color: transparent; border: none; font-weight: var(--font-weight-medium); } .reviews-sort select:focus { -webkit-box-shadow: none; box-shadow: none; } } .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--margin-10); border-bottom: 1px solid var(--color-gray-200); } .review__media { width: 80px; } @media (max-width: 576px) { .review__media { width: 70px; } } .review__content { width: calc(100% - 80px); } @media (max-width: 576px) { .review__content { width: calc(100% - 70px); } } .review__author { font-size: var(--font-size-h6); font-weight: var(--font-weight-bold); margin-bottom: var(--margin-2); display: block; } .review__date { color: var(--color-black); font-size: var(--font-size-small); line-height: 1; padding-left: var(--margin-3); margin-left: var(--margin-3); position: relative; top: 1px; } .review__date:before { position: absolute; left: 0; top: 0; bottom: 0; content: ""; width: 1px; background-color: currentColor; } .review__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review__message { margin-top: var(--margin-4); } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating__media { width: 15px; height: 19px; fill: var(--color-yellow); margin-right: var(--margin-2); } .rating__value { margin-right: 6px; font-weight: bold; } @media (max-width: 576px) { .reviews-submission { border-top: 1px solid var(--color-gray-200); margin-top: var(--margin-6); } } .review__title { margin-bottom: 0; } .section--certificate { padding: var(--padding-14) 0 !important; } .sidebox__head { padding-bottom: var(--padding-4); } @media (min-width: 991px) { .layout-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .layout-flex__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .layout-flex__small { width: 360px; padding-left: var(--padding-14); } } @media (max-width: 991px) { .layout-flex__small { padding-top: var(--padding-10); margin-top: var(--margin-10); border-top: 1px solid var(--color-gray-200); } } .course-tile { max-width: 360px; } .course-tile__body { padding-top: var(--padding-4); } .course-tile__item { font-size: var(--font-size-small); color: #666; } .course-tile__price { font-size: var(--font-size-medium); } .course-tile__price .price-standard { font-weight: var(--font-weight-medium); } .course-tile__price .price-old { text-decoration: line-through; opacity: 0.6; } .btn-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .btn-actions > * { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; } @media (max-width: 576px) { .btn-actions .share__trigger { font-size: 100%; } } .tagit { -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid var(--color-gray-300) !important; padding: 1px 5px; overflow: auto; margin-left: inherit; margin-right: inherit; } .tagit.ui-widget-content { border: 1px solid var(--color-gray-300) !important; } .tagit .tagit-choice { -webkit-box-shadow: none !important; box-shadow: none !important; } .tagit .tagit-close { width: 36px; height: 36px; position: absolute; right: 0; top: 0; text-align: center; color: var(--color-black); cursor: pointer; } .tagit .tagit-close:after { content: "+"; font-size: 1.6rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 36px; } input.tagit-hidden-field { display: none; } ul.tagit li.tagit-choice-editable { padding: var(--padding-3); padding-right: var(--padding-14); background-color: var(--color-gray-200); } ul.tagit li.tagit-choice { position: relative; line-height: inherit; } ul.tagit li { display: block; float: left; margin: 2px 5px 2px 0; } ul.tagit input[type="text"] { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; width: inherit; background-color: inherit; outline: none; } ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; } .select2-dropdown { border: none !important; border-radius: var(--radius-0) !important; -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); min-width: 258px; } .select2-selection__arrow { display: none; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: var(--color-primary) !important; } .select2-results__options > li.select2-results__message { padding: var(--padding-6); padding-top: 0; } .select2-results__options > li > ul > li { padding-left: var(--padding-8) !important; } @media (min-width: 576px) { .select2-container--default .select2-selection--single { border: none !important; } .select2-container .select2-selection--single .select2-selection__rendered { max-width: 220px; } } @media (max-width: 576px) { .select2-container--default .select2-selection--single { border-color: var(--color-gray-300) !important; min-height: 40px; height: auto !important; } } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0 !important; position: relative; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: inherit !important; } .select2-search--dropdown { padding: var(--padding-4) !important; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: var(--color-gray-200) !important; padding-left: var(--padding-4) !important; } @media (min-width: 576px) { .filter-panel .select2-container { padding-left: var(--padding-4) !important; } } @media (max-width: 576px) { .filter-panel .select2-container { padding: 0 var(--padding-4) !important; } .filter-panel .select2-container + .filter-item__search-action { right: 1.5rem !important; } } .courses.courses-index .filters-layout__item-first .filter-item__trigger { padding-left: 0; padding-right: 0; } .courses.courses-index .filters-layout__item-first .filter-item__label { padding-left: var(--padding-4); } .courses.courses-index .filters-layout__item-first .filter-item__search-action { right: 0.5rem; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .align-center { text-align: center !important; } .-align-left { text-align: left !important; } .-align-right { text-align: right !important; } .-align-center { text-align: center !important; } .-align-justify { text-align: justify !important; } .-align-auto { margin: auto !important; } .align--center { text-align: center !important; } .bg-primary { color: #ffffff; background-color: var(--color-primary) !important; } .bg-primary-inverse { color: #000000; background-color: var(--color-primary-inverse) !important; } .bg-secondary { color: #ffffff; background-color: var(--color-secondary) !important; } .bg-secondary-inverse { color: #000000; background-color: var(--color-secondary-inverse) !important; } .bg-third { color: #000000; background-color: var(--color-third) !important; } .bg-third-inverse { color: #000000; background-color: var(--color-third-inverse) !important; } .bg-red { color: #ffffff; background-color: var(--color-red) !important; } .bg-red-inverse { color: #000000; background-color: var(--color-red-inverse) !important; } .bg-green { color: #000000; background-color: var(--color-green) !important; } .bg-green-inverse { color: #000000; background-color: var(--color-green-inverse) !important; } .bg-yellow { color: #000000; background-color: var(--color-yellow) !important; } .bg-yellow-inverse { color: #000000; background-color: var(--color-yellow-inverse) !important; } .bg-danger { color: #ffffff; background-color: var(--color-danger) !important; } .bg-danger-inverse { color: #000000; background-color: var(--color-danger-inverse) !important; } .bg-success { color: #ffffff; background-color: var(--color-success) !important; } .bg-success-inverse { color: #000000; background-color: var(--color-success-inverse) !important; } .bg-warning { color: #000000; background-color: var(--color-warning) !important; } .bg-warning-inverse { color: #000000; background-color: var(--color-warning-inverse) !important; } .bg-info { color: #ffffff; background-color: var(--color-info) !important; } .bg-info-inverse { color: #000000; background-color: var(--color-info-inverse) !important; } .bg-black { color: #ffffff; background-color: var(--color-black) !important; } .bg-white { color: #000000; background-color: var(--color-white) !important; } .bg-gray-000 { color: #ffffff; background-color: var(--color-gray-000) !important; } .bg-gray-1000 { color: #ffffff; background-color: var(--color-gray-1000) !important; } .bg-gray-900 { color: #ffffff; background-color: var(--color-gray-900) !important; } .bg-gray-800 { color: #000000; background-color: var(--color-gray-800) !important; } .bg-gray-700 { color: #000000; background-color: var(--color-gray-700) !important; } .bg-gray-600 { color: #000000; background-color: var(--color-gray-600) !important; } .bg-gray-500 { color: #000000; background-color: var(--color-gray-500) !important; } .bg-gray-400 { color: #000000; background-color: var(--color-gray-400) !important; } .bg-gray-300 { color: #000000; background-color: var(--color-gray-300) !important; } .bg-gray-200 { color: #000000; background-color: var(--color-gray-200) !important; } .bg-gray-100 { color: #000000; background-color: var(--color-gray-100) !important; } .bg-dark-blue { color: #ffffff; background-color: var(--color-dark-blue) !important; } .bg-dark-blue-inverse { color: #000000; background-color: var(--color-dark-blue-inverse) !important; } .bg-dark { color: #ffffff; background-color: var(--color-dark) !important; } .bg-gray-dark { color: #ffffff; background-color: var(--color-gray-dark) !important; } .bg-green-80 { color: #000000; background-color: var(--color-green-80) !important; } .bg-green-60 { color: #000000; background-color: var(--color-green-60) !important; } .bg-green-40 { color: #000000; background-color: var(--color-green-40) !important; } .border, .-border { border: 1px solid var(--color-gray-200); } .border-top, .-border-top { border-top: 1px solid var(--color-gray-200); } .border-right, .-border-right { border-right: 1px solid var(--color-gray-200); } .border-bottom, .-border-bottom { border-bottom: 1px solid var(--color-gray-200); } .border-left, .-border-left { border-left: 1px solid var(--color-gray-200); } .noborder--right { border-right: none !important; } .noborder--left { border-left: none !important; } .heading-1, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6 { line-height: 1.2; margin: 0; } .heading-1 { font-size: var(--font-size-h1); } .heading-2 { font-size: var(--font-size-h2); } .heading-3 { font-size: var(--font-size-h3); } .heading-4 { font-size: var(--font-size-h4); } .heading-5 { font-size: var(--font-size-h5); } .heading-6 { font-size: var(--font-size-h6); } .-float-left { float: left !important; } .-float-right { float: right !important; } .-link-underline { text-decoration: underline; } .-transition { -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .no-float { float: unset; } .sr-only { display: none; } .uppercase { text-transform: uppercase; } @media (min-width: 767px) { .min-height-500 { min-height: 41rem; } .max-width-80 { max-width: 80%; } .max-width-70 { max-width: 70%; } } .-gap { height: 30px; display: block; clear: both; } .-gap-10 { height: 10px; display: block; clear: both; } .-clearfix:after { clear: both; display: block; content: ""; } .-link-underline, .underline { text-decoration: underline; } img { max-width: 100%; display: block; } .-color-light { color: #999; } .mandatory { color: red; } .-text-small, .small { font-size: .85rem; } .-text-italic { font-style: italic; } .-text-bold, .bold-700 { font-weight: 700; } .bold-600 { font-weight: 600; } .-line { width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.1); margin: 20px 0; height: 2px; } .-display-inline, .display-inline { display: inline-block !important; vertical-align: middle !important; } .-display-block { display: block !important; } .-hide-desktop { display: none !important; } .-skin { background: #fff; border-radius: 3px; -webkit-box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 0 5px 4px rgba(0, 0, 0, 0.05); } .-padding-40 { padding: 40px; } .-padding-20 { padding: 20px; } .-padding-30 { padding: 30px; } .-color-secondary { color: var(--color-secondary); } .-color-primary { color: var(--color-primary); } .-color-danger { color: #fd4444; } .-transition { -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-hover { -webkit-box-shadow: none !important; box-shadow: none !important; cursor: default !important; } .-no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; } .-style-bold { font-weight: 500; } .-clear-right { float: right !important; clear: right !important; } .-clear-left { float: left !important; clear: left !important; } .-border { border: 1px solid #e5e5e5; } .-margin-tb-10 { margin: 10px 0 !important; } .-margin-tb-15 { margin: 15px 0 !important; } .-margin-b-15 { margin-bottom: 15px; } .-margin-b-30 { margin-bottom: 30px; } .-style-italic { font-style: italic; } ::-webkit-input-placeholder { color: #cacaca; } :-moz-placeholder { color: #666; } ::-moz-placeholder { color: #666; } :-ms-input-placeholder { color: #666; } .message-display { text-align: center; padding: var(--padding-10); background-color: var(--color-white); min-height: 25rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-white); border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); } @media (min-width: 576px) { .message-display { min-height: 30rem; } } .message-display--small { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 576px) { .message-display--small { min-height: 1%; } } .message-display--small h1 { font-size: calc(1rem + 0.8vw); margin-bottom: 0.6rem; } .message-display--small .message-display__icon { margin-bottom: 2rem; width: 6rem; height: 6rem; } .message-display h5 { line-height: 1.6; margin-bottom: var(--margin-3); } .message-display h2 { text-transform: uppercase; color: var(--color-secondary); font-size: 4rem; font-weight: 800; } .message-display__media { display: table; margin: 0 auto 30px; max-width: 500px; } .message-display__icon { width: 8rem; height: 8rem; position: relative; display: block; overflow: hidden; margin: 0 auto; } .message-display__icon svg { fill: #1a1a1a; } .message-display__icon .-color-fill { fill: var(--color-secondary); } .message-display.message-display--404 .message-display-content h5 { font-size: 2.5rem; color: var(--color-primary); line-height: 1; } @media (min-width: 767px) { .message-display.message-display--404 .message-display__media { width: 280px; margin: 0; float: left; } .message-display.message-display--404 .message-display-content { text-align: left; width: calc(100% - 280px); float: left; padding-top: 158px; margin-left: -30px; } .message-display.message-display--404 .message-display-content h2 { font-size: 3.2rem; line-height: 1; } } .-link-close { text-align: center; position: absolute; top: 0; right: 5px; display: inline-block; width: 45px; height: 45px; } .-link-close:before { content: "+"; font-size: 2.5rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 42px; } .gototop { width: 50px; height: 50px; display: none; -webkit-animation: hide 350ms ease-out forwards 1; animation: hide 350ms ease-out forwards 1; padding: 5px; border: 0; text-align: center; background-color: var(--color-primary); color: var(--color-primary-inverse); position: fixed; bottom: 16px; right: 16px; border-radius: var(--radius-2); -webkit-transition: background-color .1s ease-in-out; -o-transition: background-color .1s ease-in-out; transition: background-color .1s ease-in-out; z-index: 10; } @media (max-width: 576px) { .gototop { display: none !important; } } .gototop:before { width: 12px; height: 12px; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; position: absolute; content: ""; border-left: 3px solid var(--color-primary-inverse); border-bottom: 3px solid var(--color-primary-inverse); transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .gototop.isvisible { display: block; -webkit-animation: show 1s ease-out forwards 1; animation: show 1s ease-out forwards 1; } @-webkit-keyframes hide { 0% { opacity: 1; -webkit-transform: translateY(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); } 100% { opacity: 0; -webkit-transform: translateY(100px); } } @keyframes hide { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } } @-webkit-keyframes show { 0% { -webkit-transform: rotate(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); } 100% { opacity: 1; -webkit-transform: rotate(0); } } @keyframes show { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 100% { opacity: 1; -webkit-transform: rotate(0); transform: rotate(0); } } @media (max-width: 1200px) { .-show-responsive { display: inline-block !important; } } @media (max-width: 767px) { .message-display { padding: 10px; } .message-display.message-display--404 .message-display__media { width: 200px; } .message-display h2 { font-size: 3rem; } .-show-mobile { display: inline-block !important; } .-hide-mobile { display: none !important; } .-padding-30, .-padding-40 { padding: 20px; } } .arrow-link { position: relative; font-weight: 600; padding-right: 20px; display: inline-block; } .arrow-link:after { content: ""; position: absolute; right: 5px; top: 5px; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transition: .3s ease-in-out all; -o-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } .arrow-link:hover:after { right: 0; } .arrow-link:hover { color: var(--color-primary); } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } .-no-padding { padding: 0 !important; } .-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; } .link-color { color: var(--color-primary); } .readMore { float: right; } .messageCheckbox { text-align: right; margin-top: 15px; } .text-right { text-align: right; } .issueReportLink { margin-top: 20px; } .issueReportLink a { color: #fff; font-size: 1.2rem; } .isuueOptions { max-height: 300px; overflow-y: auto; } .issueDetailPopup { overflow-y: auto; } .box-hint { width: 15px; height: 15px; border: 1px solid #dcdcdc; display: inline-block; margin-right: 10px; margin-left: 10px; line-height: 1; } .note { position: relative; padding: var(--padding-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .note .icon { min-width: 14px; height: 14px; margin-right: var(--margin-2); margin-top: var(--margin-2); } .note::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.05; background-color: currentColor; pointer-events: none; } .note p { color: inherit; margin-bottom: 0; } .note--secondary { color: var(--color-secondary); } .note--primary { color: var(--color-primary); } .note--blank { background: transparent; } .note--blank::before { content: none; } .note--vertical-border { padding: var(--padding-6) 0; } .panel--calendar { border-bottom: transparent; } .booked-box { background: var(--color-secondary); } .-gap-negative { margin-top: -30px; } .border-dotted { border-bottom: 1px dotted; } .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } @media (max-width: 1200px) { html.show-nav-js .overlay--nav { display: block; } } @media (max-width: 1199px) { .-hide-responsive { display: none !important; } } @media (max-width: 1023px) { .-clear-right, .-clear-left { clear: none !important; float: none !important; } } .direction-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .close { width: 3rem; height: 3rem; position: relative; color: inherit; font-size: var(--font-size-xxxl); line-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; cursor: pointer; } .close:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: "+"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; } .close--small { width: 24px; height: 24px; line-height: 20px; font-size: var(--font-size-xl); } .bg-secondary { color: var(--color-secondary-inverse) !important; } .snakeline-hover { text-decoration: none; background-image: -o-linear-gradient(currentColor, currentColor); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } @media (min-width: 1199px) { .snakeline-hover:hover { background-size: 100% 1px; color: var(--color-primary); } } .-no-hover { -webkit-box-shadow: var(--shadow-none) !important; box-shadow: var(--shadow-none) !important; cursor: default !important; } .-no-border { border: none !important; } .-no-border-bottom { border-bottom: none !important; } .-no-border-top { border-top: none !important; } .-no-border-right { border-right: none !important; } .-no-border-left { border-left: none !important; } .-no-margin { margin: 0 !important; } .-no-margin-top { margin-top: 0 !important; } .-no-margin-left { margin-left: 0 !important; } .-no-margin-right { margin-right: 0 !important; } .-no-margin-bottom { margin-bottom: 0 !important; } .-no-padding { padding: 0 !important; } .-no-padding-top { padding-top: 0 !important; } .-no-padding-left { padding-left: 0 !important; } .-no-padding-right { padding-right: 0 !important; } .-no-padding-bottom { padding-bottom: 0 !important; } .-no-background-color { background-color: transparent !important; } .-no-background-image { background-image: none !important; } .nomargin { margin: 0 !important; } .nomargin--bottom { margin-bottom: 0 !important; } .nomargin--top { margin-top: 0 !important; } .nomargin--left { margin-left: 0 !important; } .nomargin--right { margin-right: 0 !important; } .nopadding { padding: 0 !important; } .nopadding--bottom { padding-bottom: 0 !important; } .nopadding--top { padding-top: 0 !important; } .nopadding--left { padding-left: 0 !important; } .nopadding--right { padding-right: 0 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-right-0 { border-right: 0 !important; } .scrollbar { overflow: auto; width: 100% !important; max-height: 200px; padding: 0 !important; position: relative; } .scrollbar-track { width: 10px; right: 0px !important; position: relative; } .scrollbar-handle { width: 4px; background: rgba(0, 0, 0, 0.1); margin-left: 3px; border-radius: var(--radius-1); -webkit-transition: width 250ms; -o-transition: width 250ms; transition: width 250ms; } @media (max-width: 1199px) { .horiz-scroller { position: relative; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; } .horiz-scroller > * { white-space: normal; } } @media (max-width: 767px) { .mini-horiz-scroller { position: relative; display: inline-block; overflow-y: hidden; overflow-x: scroll; white-space: nowrap; } .mini-horiz-scroller [class*="col-"] { display: inline-block; vertical-align: top; width: 50%; } .mini-horiz-scroller > * { white-space: normal; } } .p-px { padding: 1px; } .pt-px { padding-top: 1px; } .pb-px { padding-bottom: 1px; } .pl-px { padding-left: 1px; } .pr-px { padding-right: 1px; } .px-px { padding-left: 1px; padding-right: 1px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pb-0 { padding-bottom: 0; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } .px-0 { padding-left: 0; padding-right: 0; } .py-0 { padding-top: 0; padding-bottom: 0; } .p-1 { padding: 0.25rem; } .pt-1 { padding-top: 0.25rem; } .pb-1 { padding-bottom: 0.25rem; } .pl-1 { padding-left: 0.25rem; } .pr-1 { padding-right: 0.25rem; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .p-2 { padding: 0.5rem; } .pt-2 { padding-top: 0.5rem; } .pb-2 { padding-bottom: 0.5rem; } .pl-2 { padding-left: 0.5rem; } .pr-2 { padding-right: 0.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .p-3 { padding: 0.75rem; } .pt-3 { padding-top: 0.75rem; } .pb-3 { padding-bottom: 0.75rem; } .pl-3 { padding-left: 0.75rem; } .pr-3 { padding-right: 0.75rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .p-4 { padding: 1rem; } .pt-4 { padding-top: 1rem; } .pb-4 { padding-bottom: 1rem; } .pl-4 { padding-left: 1rem; } .pr-4 { padding-right: 1rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .p-5 { padding: 1.25rem; } .pt-5 { padding-top: 1.25rem; } .pb-5 { padding-bottom: 1.25rem; } .pl-5 { padding-left: 1.25rem; } .pr-5 { padding-right: 1.25rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .p-6 { padding: 1.5rem; } .pt-6 { padding-top: 1.5rem; } .pb-6 { padding-bottom: 1.5rem; } .pl-6 { padding-left: 1.5rem; } .pr-6 { padding-right: 1.5rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .p-8 { padding: 2rem; } .pt-8 { padding-top: 2rem; } .pb-8 { padding-bottom: 2rem; } .pl-8 { padding-left: 2rem; } .pr-8 { padding-right: 2rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .p-10 { padding: 2.5rem; } .pt-10 { padding-top: 2.5rem; } .pb-10 { padding-bottom: 2.5rem; } .pl-10 { padding-left: 2.5rem; } .pr-10 { padding-right: 2.5rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .p-12 { padding: 3rem; } .pt-12 { padding-top: 3rem; } .pb-12 { padding-bottom: 3rem; } .pl-12 { padding-left: 3rem; } .pr-12 { padding-right: 3rem; } .px-12 { padding-left: 3rem; padding-right: 3rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .p-14 { padding: 3.4rem; } .pt-14 { padding-top: 3.4rem; } .pb-14 { padding-bottom: 3.4rem; } .pl-14 { padding-left: 3.4rem; } .pr-14 { padding-right: 3.4rem; } .px-14 { padding-left: 3.4rem; padding-right: 3.4rem; } .py-14 { padding-top: 3.4rem; padding-bottom: 3.4rem; } .p-16 { padding: 4rem; } .pt-16 { padding-top: 4rem; } .pb-16 { padding-bottom: 4rem; } .pl-16 { padding-left: 4rem; } .pr-16 { padding-right: 4rem; } .px-16 { padding-left: 4rem; padding-right: 4rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .p-18 { padding: 4.5rem; } .pt-18 { padding-top: 4.5rem; } .pb-18 { padding-bottom: 4.5rem; } .pl-18 { padding-left: 4.5rem; } .pr-18 { padding-right: 4.5rem; } .px-18 { padding-left: 4.5rem; padding-right: 4.5rem; } .py-18 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .p-20 { padding: 5rem; } .pt-20 { padding-top: 5rem; } .pb-20 { padding-bottom: 5rem; } .pl-20 { padding-left: 5rem; } .pr-20 { padding-right: 5rem; } .px-20 { padding-left: 5rem; padding-right: 5rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .p-24 { padding: 6rem; } .pt-24 { padding-top: 6rem; } .pb-24 { padding-bottom: 6rem; } .pl-24 { padding-left: 6rem; } .pr-24 { padding-right: 6rem; } .px-24 { padding-left: 6rem; padding-right: 6rem; } .py-24 { padding-top: 6rem; padding-bottom: 6rem; } .p-26 { padding: 7rem; } .pt-26 { padding-top: 7rem; } .pb-26 { padding-bottom: 7rem; } .pl-26 { padding-left: 7rem; } .pr-26 { padding-right: 7rem; } .px-26 { padding-left: 7rem; padding-right: 7rem; } .py-26 { padding-top: 7rem; padding-bottom: 7rem; } .p-32 { padding: 8rem; } .pt-32 { padding-top: 8rem; } .pb-32 { padding-bottom: 8rem; } .pl-32 { padding-left: 8rem; } .pr-32 { padding-right: 8rem; } .px-32 { padding-left: 8rem; padding-right: 8rem; } .py-32 { padding-top: 8rem; padding-bottom: 8rem; } .p-40 { padding: 10rem; } .pt-40 { padding-top: 10rem; } .pb-40 { padding-bottom: 10rem; } .pl-40 { padding-left: 10rem; } .pr-40 { padding-right: 10rem; } .px-40 { padding-left: 10rem; padding-right: 10rem; } .py-40 { padding-top: 10rem; padding-bottom: 10rem; } .p-48 { padding: 12rem; } .pt-48 { padding-top: 12rem; } .pb-48 { padding-bottom: 12rem; } .pl-48 { padding-left: 12rem; } .pr-48 { padding-right: 12rem; } .px-48 { padding-left: 12rem; padding-right: 12rem; } .py-48 { padding-top: 12rem; padding-bottom: 12rem; } .p-56 { padding: 14rem; } .pt-56 { padding-top: 14rem; } .pb-56 { padding-bottom: 14rem; } .pl-56 { padding-left: 14rem; } .pr-56 { padding-right: 14rem; } .px-56 { padding-left: 14rem; padding-right: 14rem; } .py-56 { padding-top: 14rem; padding-bottom: 14rem; } .p-64 { padding: 16rem; } .pt-64 { padding-top: 16rem; } .pb-64 { padding-bottom: 16rem; } .pl-64 { padding-left: 16rem; } .pr-64 { padding-right: 16rem; } .px-64 { padding-left: 16rem; padding-right: 16rem; } .py-64 { padding-top: 16rem; padding-bottom: 16rem; } .m-px { margin: 1px; } .mt-px { margin-top: 1px; } .mb-px { margin-bottom: 1px; } .ml-px { margin-left: 1px; } .mr-px { margin-right: 1px; } .mx-px { margin-left: 1px; margin-right: 1px; } .my-px { margin-top: 1px; margin-bottom: 1px; } .m-0 { margin: 0; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0; } .ml-0 { margin-left: 0; } .mr-0 { margin-right: 0; } .mx-0 { margin-left: 0; margin-right: 0; } .my-0 { margin-top: 0; margin-bottom: 0; } .m-1 { margin: 0.25rem; } .mt-1 { margin-top: 0.25rem; } .mb-1 { margin-bottom: 0.25rem; } .ml-1 { margin-left: 0.25rem; } .mr-1 { margin-right: 0.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .m-2 { margin: 0.5rem; } .mt-2 { margin-top: 0.5rem; } .mb-2 { margin-bottom: 0.5rem; } .ml-2 { margin-left: 0.5rem; } .mr-2 { margin-right: 0.5rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .m-3 { margin: 0.75rem; } .mt-3 { margin-top: 0.75rem; } .mb-3 { margin-bottom: 0.75rem; } .ml-3 { margin-left: 0.75rem; } .mr-3 { margin-right: 0.75rem; } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .m-4 { margin: 1rem; } .mt-4 { margin-top: 1rem; } .mb-4 { margin-bottom: 1rem; } .ml-4 { margin-left: 1rem; } .mr-4 { margin-right: 1rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .m-5 { margin: 1.25rem; } .mt-5 { margin-top: 1.25rem; } .mb-5 { margin-bottom: 1.25rem; } .ml-5 { margin-left: 1.25rem; } .mr-5 { margin-right: 1.25rem; } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem; } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .m-6 { margin: 1.5rem; } .mt-6 { margin-top: 1.5rem; } .mb-6 { margin-bottom: 1.5rem; } .ml-6 { margin-left: 1.5rem; } .mr-6 { margin-right: 1.5rem; } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .m-8 { margin: 2rem; } .mt-8 { margin-top: 2rem; } .mb-8 { margin-bottom: 2rem; } .ml-8 { margin-left: 2rem; } .mr-8 { margin-right: 2rem; } .mx-8 { margin-left: 2rem; margin-right: 2rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .m-10 { margin: 2.5rem; } .mt-10 { margin-top: 2.5rem; } .mb-10 { margin-bottom: 2.5rem; } .ml-10 { margin-left: 2.5rem; } .mr-10 { margin-right: 2.5rem; } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .m-12 { margin: 3rem; } .mt-12 { margin-top: 3rem; } .mb-12 { margin-bottom: 3rem; } .ml-12 { margin-left: 3rem; } .mr-12 { margin-right: 3rem; } .mx-12 { margin-left: 3rem; margin-right: 3rem; } .my-12 { margin-top: 3rem; margin-bottom: 3rem; } .m-14 { margin: 3.4rem; } .mt-14 { margin-top: 3.4rem; } .mb-14 { margin-bottom: 3.4rem; } .ml-14 { margin-left: 3.4rem; } .mr-14 { margin-right: 3.4rem; } .mx-14 { margin-left: 3.4rem; margin-right: 3.4rem; } .my-14 { margin-top: 3.4rem; margin-bottom: 3.4rem; } .m-16 { margin: 4rem; } .mt-16 { margin-top: 4rem; } .mb-16 { margin-bottom: 4rem; } .ml-16 { margin-left: 4rem; } .mr-16 { margin-right: 4rem; } .mx-16 { margin-left: 4rem; margin-right: 4rem; } .my-16 { margin-top: 4rem; margin-bottom: 4rem; } .m-18 { margin: 4.5rem; } .mt-18 { margin-top: 4.5rem; } .mb-18 { margin-bottom: 4.5rem; } .ml-18 { margin-left: 4.5rem; } .mr-18 { margin-right: 4.5rem; } .mx-18 { margin-left: 4.5rem; margin-right: 4.5rem; } .my-18 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .m-20 { margin: 5rem; } .mt-20 { margin-top: 5rem; } .mb-20 { margin-bottom: 5rem; } .ml-20 { margin-left: 5rem; } .mr-20 { margin-right: 5rem; } .mx-20 { margin-left: 5rem; margin-right: 5rem; } .my-20 { margin-top: 5rem; margin-bottom: 5rem; } .m-24 { margin: 6rem; } .mt-24 { margin-top: 6rem; } .mb-24 { margin-bottom: 6rem; } .ml-24 { margin-left: 6rem; } .mr-24 { margin-right: 6rem; } .mx-24 { margin-left: 6rem; margin-right: 6rem; } .my-24 { margin-top: 6rem; margin-bottom: 6rem; } .m-26 { margin: 7rem; } .mt-26 { margin-top: 7rem; } .mb-26 { margin-bottom: 7rem; } .ml-26 { margin-left: 7rem; } .mr-26 { margin-right: 7rem; } .mx-26 { margin-left: 7rem; margin-right: 7rem; } .my-26 { margin-top: 7rem; margin-bottom: 7rem; } .m-32 { margin: 8rem; } .mt-32 { margin-top: 8rem; } .mb-32 { margin-bottom: 8rem; } .ml-32 { margin-left: 8rem; } .mr-32 { margin-right: 8rem; } .mx-32 { margin-left: 8rem; margin-right: 8rem; } .my-32 { margin-top: 8rem; margin-bottom: 8rem; } .m-40 { margin: 10rem; } .mt-40 { margin-top: 10rem; } .mb-40 { margin-bottom: 10rem; } .ml-40 { margin-left: 10rem; } .mr-40 { margin-right: 10rem; } .mx-40 { margin-left: 10rem; margin-right: 10rem; } .my-40 { margin-top: 10rem; margin-bottom: 10rem; } .m-48 { margin: 12rem; } .mt-48 { margin-top: 12rem; } .mb-48 { margin-bottom: 12rem; } .ml-48 { margin-left: 12rem; } .mr-48 { margin-right: 12rem; } .mx-48 { margin-left: 12rem; margin-right: 12rem; } .my-48 { margin-top: 12rem; margin-bottom: 12rem; } .m-56 { margin: 14rem; } .mt-56 { margin-top: 14rem; } .mb-56 { margin-bottom: 14rem; } .ml-56 { margin-left: 14rem; } .mr-56 { margin-right: 14rem; } .mx-56 { margin-left: 14rem; margin-right: 14rem; } .my-56 { margin-top: 14rem; margin-bottom: 14rem; } .m-64 { margin: 16rem; } .mt-64 { margin-top: 16rem; } .mb-64 { margin-bottom: 16rem; } .ml-64 { margin-left: 16rem; } .mr-64 { margin-right: 16rem; } .mx-64 { margin-left: 16rem; margin-right: 16rem; } .my-64 { margin-top: 16rem; margin-bottom: 16rem; } .padding-0 { padding: var(--padding-0) !important; } .padding-1 { padding: var(--padding-1) !important; } .padding-2 { padding: var(--padding-2) !important; } .padding-3 { padding: var(--padding-3) !important; } .padding-4 { padding: var(--padding-4) !important; } .padding-5 { padding: var(--padding-5) !important; } .padding-6 { padding: var(--padding-6) !important; } .padding-8 { padding: var(--padding-8) !important; } .padding-10 { padding: var(--padding-10) !important; } .padding-12 { padding: var(--padding-12) !important; } .padding-14 { padding: var(--padding-14) !important; } .padding-16 { padding: var(--padding-16) !important; } .padding-top-0 { padding-top: var(--padding-0) !important; } .padding-top-1 { padding-top: var(--padding-1) !important; } .padding-top-2 { padding-top: var(--padding-2) !important; } .padding-top-3 { padding-top: var(--padding-3) !important; } .padding-top-4 { padding-top: var(--padding-4) !important; } .padding-top-5 { padding-top: var(--padding-5) !important; } .padding-left-0 { padding-left: var(--padding-0) !important; } .padding-left-1 { padding-left: var(--padding-1) !important; } .padding-left-2 { padding-left: var(--padding-2) !important; } .padding-left-3 { padding-left: var(--padding-3) !important; } .padding-left-4 { padding-left: var(--padding-4) !important; } .padding-left-5 { padding-left: var(--padding-5) !important; } .padding-left-6 { padding-left: var(--padding-6) !important; } .padding-left-8 { padding-left: var(--padding-8) !important; } .padding-left-10 { padding-left: var(--padding-10) !important; } .padding-left-12 { padding-left: var(--padding-12) !important; } .padding-left-14 { padding-left: var(--padding-14) !important; } .padding-left-16 { padding-left: var(--padding-16) !important; } .padding-right-0 { padding-right: var(--padding-0) !important; } .padding-right-1 { padding-right: var(--padding-1) !important; } .padding-right-2 { padding-right: var(--padding-2) !important; } .padding-right-3 { padding-right: var(--padding-3) !important; } .padding-right-4 { padding-right: var(--padding-4) !important; } .padding-right-5 { padding-right: var(--padding-5) !important; } .padding-right-6 { padding-right: var(--padding-6) !important; } .padding-right-8 { padding-right: var(--padding-8) !important; } .padding-right-10 { padding-right: var(--padding-10) !important; } .padding-right-12 { padding-right: var(--padding-12) !important; } .padding-right-14 { padding-right: var(--padding-14) !important; } .padding-right-16 { padding-right: var(--padding-16) !important; } .padding-bottom-0 { padding-bottom: var(--padding-0) !important; } .padding-bottom-1 { padding-bottom: var(--padding-1) !important; } .padding-bottom-2 { padding-bottom: var(--padding-2) !important; } .padding-bottom-3 { padding-bottom: var(--padding-3) !important; } .padding-bottom-4 { padding-bottom: var(--padding-4) !important; } .padding-bottom-5 { padding-bottom: var(--padding-5) !important; } .padding-bottom-6 { padding-bottom: var(--padding-6) !important; } .padding-bottom-8 { padding-bottom: var(--padding-8) !important; } .padding-bottom-10 { padding-bottom: var(--padding-10) !important; } .padding-bottom-12 { padding-bottom: var(--padding-12) !important; } .padding-bottom-14 { padding-bottom: var(--padding-14) !important; } .padding-bottom-16 { padding-bottom: var(--padding-16) !important; } .padding-bottom-18 { padding-bottom: var(--padding-18) !important; } .padding-bottom-20 { padding-bottom: var(--padding-20) !important; } .margin-auto { margin: auto !important; } .margin-0 { margin: var(--margin-0) !important; } .margin-1 { margin: var(--margin-1) !important; } .margin-2 { margin: var(--margin-2) !important; } .margin-3 { margin: var(--margin-3) !important; } .margin-4 { margin: var(--margin-4) !important; } .margin-5 { margin: var(--margin-5) !important; } .margin-left-0 { margin-left: 0 !important; } .margin-top-auto { margin-top: auto !important; } .margin-left-auto { margin-left: auto !important; } .margin-right-auto { margin-right: auto !important; } .margin-left-1 { margin-left: var(--margin-1) !important; } .margin-left-2 { margin-left: var(--margin-2) !important; } .margin-left-3 { margin-left: var(--margin-3) !important; } .margin-left-4 { margin-left: var(--margin-4) !important; } .margin-left-5 { margin-left: var(--margin-5) !important; } .margin-right-0 { margin-right: 0 !important; } .margin-right-1 { margin-right: var(--margin-1) !important; } .margin-right-2 { margin-right: var(--margin-2) !important; } .margin-right-3 { margin-right: var(--margin-3) !important; } .margin-right-4 { margin-right: var(--margin-4) !important; } .margin-right-5 { margin-right: var(--margin-5) !important; } .margin-top-0 { margin-top: 0 !important; } .margin-top-1 { margin-top: var(--margin-1) !important; } .margin-top-2 { margin-top: var(--margin-2) !important; } .margin-top-3 { margin-top: var(--margin-3) !important; } .margin-top-4 { margin-top: var(--margin-4) !important; } .margin-top-5 { margin-top: var(--margin-5) !important; } .margin-top-6 { margin-top: var(--margin-6) !important; } .margin-top-8 { margin-top: var(--margin-8) !important; } .margin-top-10 { margin-top: var(--margin-10) !important; } .margin-top-12 { margin-top: var(--margin-12) !important; } .margin-top-14 { margin-top: var(--margin-14) !important; } .margin-top-16 { margin-top: var(--margin-16) !important; } .margin-bottom-0 { margin-bottom: 0 !important; } .margin-bottom-1 { margin-bottom: var(--margin-1) !important; } .margin-bottom-2 { margin-bottom: var(--margin-2) !important; } .margin-bottom-3 { margin-bottom: var(--margin-3) !important; } .margin-bottom-4 { margin-bottom: var(--margin-4) !important; } .margin-bottom-5 { margin-bottom: var(--margin-5) !important; } .margin-bottom-6 { margin-bottom: var(--margin-6) !important; } .margin-bottom-8 { margin-bottom: var(--margin-8) !important; } .margin-bottom-10 { margin-bottom: var(--margin-10) !important; } .margin-bottom-12 { margin-bottom: var(--margin-12) !important; } .margin-bottom-14 { margin-bottom: var(--margin-14) !important; } .margin-bottom-16 { margin-bottom: var(--margin-16) !important; } .margin-bottom-18 { margin-bottom: var(--margin-18) !important; } .margin-bottom-20 { margin-bottom: var(--margin-20) !important; } .spinner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .spinner__animation { background-color: #FFF; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 3em; height: 3em; border-radius: 100vw; border: 4px solid rgba(0, 0, 0, 0.2); border-top-color: currentColor; -webkit-animation: spinner-animation .8s linear infinite; animation: spinner-animation .8s linear infinite; } .spinner--fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 20; } .spinner--fill:before { position: absolute; width: 100%; height: 100%; background-color: var(--color-white); opacity: 0.9; content: ""; } .spinner--success .spinner__animation { border-color: currentColor; background-color: currentColor; -webkit-animation: spinner-grow .55s linear; animation: spinner-grow .55s linear; } .spinner--success .spinner__animation:before { width: 0.8em; height: 1.5em; border-right: 4px solid #fff; border-bottom: 4px solid #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); content: ""; } @-webkit-keyframes spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes spinner-animation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @-webkit-keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { -webkit-transform: scale(0); transform: scale(0); } 50% { opacity: 1; } } .color-primary { color: var(--color-primary) !important; } .color-primary-inverse { color: var(--color-primary-inverse) !important; } .color-secondary { color: var(--color-secondary) !important; } .color-secondary-inverse { color: var(--color-secondary-inverse) !important; } .color-third { color: var(--color-third) !important; } .color-third-inverse { color: var(--color-third-inverse) !important; } .color-red { color: var(--color-red) !important; } .color-red-inverse { color: var(--color-red-inverse) !important; } .color-green { color: var(--color-green) !important; } .color-green-inverse { color: var(--color-green-inverse) !important; } .color-yellow { color: var(--color-yellow) !important; } .color-yellow-inverse { color: var(--color-yellow-inverse) !important; } .color-danger { color: var(--color-danger) !important; } .color-danger-inverse { color: var(--color-danger-inverse) !important; } .color-success { color: var(--color-success) !important; } .color-success-inverse { color: var(--color-success-inverse) !important; } .color-warning { color: var(--color-warning) !important; } .color-warning-inverse { color: var(--color-warning-inverse) !important; } .color-info { color: var(--color-info) !important; } .color-info-inverse { color: var(--color-info-inverse) !important; } .color-black { color: var(--color-black) !important; } .color-white { color: var(--color-white) !important; } .color-gray-000 { color: var(--color-gray-000) !important; } .color-gray-1000 { color: var(--color-gray-1000) !important; } .color-gray-900 { color: var(--color-gray-900) !important; } .color-gray-800 { color: var(--color-gray-800) !important; } .color-gray-700 { color: var(--color-gray-700) !important; } .color-gray-600 { color: var(--color-gray-600) !important; } .color-gray-500 { color: var(--color-gray-500) !important; } .color-gray-400 { color: var(--color-gray-400) !important; } .color-gray-300 { color: var(--color-gray-300) !important; } .color-gray-200 { color: var(--color-gray-200) !important; } .color-gray-100 { color: var(--color-gray-100) !important; } .color-dark-blue { color: var(--color-dark-blue) !important; } .color-dark-blue-inverse { color: var(--color-dark-blue-inverse) !important; } .color-dark { color: var(--color-dark) !important; } .color-gray-dark { color: var(--color-gray-dark) !important; } .color-green-80 { color: var(--color-green-80) !important; } .color-green-60 { color: var(--color-green-60) !important; } .color-green-40 { color: var(--color-green-40) !important; } .ratio { position: relative; width: 100%; overflow: hidden; background-color: #eee; } .ratio:before { display: block; content: ""; } .ratio--1by1:before { padding-bottom: 100%; } .ratio--4by3:before { padding-bottom: 75%; } .ratio--3by4:before { padding-bottom: 133.33333%; } .ratio--16by9:before { padding-bottom: 56.25%; } .ratio--9by16:before { padding-bottom: 177.77778%; } .ratio--2by1:before { padding-bottom: 50%; } .ratio--1by2:before { padding-bottom: 200%; } .ratio--3by1:before { padding-bottom: 33.33333%; } .ratio--1by3:before { padding-bottom: 300%; } .ratio--4by1:before { padding-bottom: 25%; } .ratio--1by4:before { padding-bottom: 400%; } .ratio > *, .ratio img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .accordian-group { margin: 0 0 40px 0; } .accordian { border: 1px solid #ceced0; border-bottom: none; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .accordian:last-child { border-bottom: 1px solid #ceced0; margin: 0; } .accordian__title { cursor: pointer; position: relative; font-size: 1.3rem; font-weight: 600; padding: 30px 80px 30px 30px; } .accordian__title:before { width: 30px; height: 30px; position: absolute; right: 30px; top: 20px; content: "+"; color: #000; line-height: 34px; text-align: center; font-size: 2rem; } .accordian__body { padding: 0 20px 20px 30px; position: relative; } .accordian__body p { color: #888; } .accordian.is-active { -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); background: #fff; border-color: #e0dfe2; } .accordian.is-active .accordian__title { padding-bottom: 10px; } .accordian.is-active .accordian__title:before { content: "-"; font-size: 2.5rem; } @media (max-width: 767px) { .accordian__title { padding: 20px; padding-right: 50px; line-height: 1.6; } .accordian__body { padding: 0 20px 20px 20px; } .accordian__title:before { right: 10px; top: 16px; } } .animated { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translate3d(-100%); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } .avtar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: var(--radius-2); width: 3.428rem; height: 3.428rem; font-size: var(--font-size-md); font-weight: 700; text-transform: uppercase; overflow: hidden; background: var(--color-primary); margin: 0; } .avtar:before { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); pointer-events: none; content: attr(data-title); color: var(--color-primary-inverse); } .avtar img { position: relative; width: 100%; height: 100%; } .avtar--xsmall { width: 32px; height: 32px; font-size: var(--font-size-small); } .avtar--small { width: 36px; height: 36px; font-size: var(--font-size-small); } .avtar--large { width: 100px; height: 100px; } .avtar--xlarge { width: 14rem; height: 14rem; font-size: var(--font-size-xl); } .avtar--round { border-radius: var(--radius-round); } .IssueBlockquote { border-left: 3px solid; border-color: var(--color-primary); padding-left: 15px; margin-bottom: 30px; } .IssueBlockquote h6 { margin-bottom: 15px; } .IssueBlockquote ul { list-style: disc; list-style-position: inside; } .IssueBlockquote ul li { padding: 3px; } .block__head { position: relative; padding: 15px 20px; border-bottom: 1px solid var(--color-gray-300); } .block__body { position: relative; padding: 20px; border-bottom: 1px solid var(--color-gray-300); } .block__head h6 { margin: 0; font-size: 1.1rem; font-weight: 500; } .block__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .block__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .block__head-trigger.is-active:after { content: "-"; } .construction-message-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; margin: 0 0 30px 0; } .construction-message { margin: 0 auto; text-align: center; } .svg-maintenance { width: calc(50% + 0.3vw); height: auto; margin: 30px 0; } .svg-maintenance .-color-secondary { stroke: var(--color-secondary); } .svg-maintenance .-color-primary { stroke: var(--color-primary); } .box { width: 100%; position: relative; background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-1); } .box .box__head { padding: 20px; border-radius: var(--radius-1) var(--radius-1) 0 0; padding: var(--padding-5) var(--padding-5); border-bottom: 1px solid var(--color-gray-200); position: relative; } .box .box__head .-link-underline { line-height: 1.4; display: inline-block; } .box .box__head p, .box .box__head h4 { margin: 0; } .box .box__head h1 { font-size: 1.75rem; } .box--narrow { padding: 15px 30px 30px; min-width: 460px; max-width: 460px; } @media (min-width: 1199px) { .box--narrow { display: block; overflow: auto; max-height: 85vh; } } .box--narrow h2 { margin-bottom: 15px; } .box--narrow .box__logo { width: 140px; margin: auto; } .box--narrow .form input[type="submit"], .box--narrow .form input[type="button"] { width: 100%; text-align: center; } .box--narrow .form .field_label { margin-bottom: 0.4rem; width: 100%; } .box--narrow p { margin-bottom: 0.4rem; } .set-remember .caption-wraper { display: none; } .box-list .box__price h6 { font-size: 1.1rem; font-weight: 700; } .box-list__head { margin-bottom: 10px; } .box-list__head h3 { font-size: 1.4rem; margin-right: 5px; } .box-list__head .ratings { margin-left: 30px; } .box__description { margin: 10px 0 20px; min-height: 60px; } .box__description p { line-height: 1.4; font-size: 1.05rem; color: #666; line-height: 1.8; } .box__slip { display: none; height: 100%; width: 55%; position: absolute; right: 0; top: 0; bottom: 0; background: #fff; padding: 20px; /*display: none;*/ } .box__slip-data .btn { margin: 20px 0 0 0; margin-left: 90px; } .box-list.is-selected .box__content { opacity: 0.4; pointer-events: none; } .box__tabs { margin-right: 20px; } .box__tabs li { display: inline-block; position: relative; vertical-align: top; margin-right: 20px; } .box__tabs li a { color: #999999; position: relative; } .box__tabs li a:after { position: absolute; left: 5px; right: 5px; bottom: -5px; content: ""; height: 2px; background: #333; display: none; } .box__tabs li.is-active a { color: #000; } .box__tabs li.is-active a:after { display: block; } .box__calender li .time { min-width: 80px; display: inline-block; min-height: 15px; } .box__calender li .span { display: inline-block; padding: 5px; width: 10%; vertical-align: top; font-size: 0.85rem; } .box__calender li .point { background: #ddd; min-height: 12px; width: 100%; display: block; } .box__calender li .point.is-available { background: var(--color-primary); } @media (min-width: 1199px) { .box__slip-data { min-width: 300px; white-space: nowrap; } } @media (max-width: 576px) { .box-list .box__description { display: none; } .box-list .box-list__body a.btn { display: inline-block; padding: 0 var(--padding-2); width: 47%; text-align: center; } .box-list .box-list__body .txt-inline { margin-bottom: var(--margin-3); } .box-list .box-list__head [class*="col-"]:first-child { text-align: center; } .box-list__head .ratings { margin-left: var(--margin-0); width: 100%; padding: var(--padding-3) 0; margin: var(--margin-3) 0; border: 1px solid #ddd; border-right: 0; border-left: 0; } .box-list .box__price { margin-bottom: var(--margin-3); } .box-list__head .btn--fav { font-size: 0; } .box-list .box-list__head .btn .svg-icon { margin-right: 0; } .box-list .box-list__head .btn--fav { font-size: 0; padding: 0 var(--padding-1); border-radius: var(--radius-round); } .box-list .box-list__head [class*="col-"]:last-child { position: absolute; top: -205px; right: 0; } .box-list .avtar { width: 10rem; height: 10rem; border-radius: var(--radius-round); } .box-list .grid-group .grid { padding-bottom: 3px; } .box-list .-gap { height: 14px; } .box-list__head { margin-bottom: 0; } } @media (max-width: 1199px) { .box-list .grid-group .grid { padding-left: var(--padding-0); padding-bottom: var(--padding-1); } } .fieldset-box { border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: var(--padding-6); padding-top: 0; padding-bottom: var(--padding-2); margin-bottom: var(--margin-5); } .fieldset-box legend { display: inline-block; width: auto; padding: var(--padding-2); font-size: 1.2rem; font-weight: var(--font-weight-medium); margin-bottom: 0; color: var(--color-secondary); } .fieldset-box .table-pricing { border-collapse: separate; border-spacing: 0 10px; } .fieldset-box .table-pricing td { padding: 0 var(--padding-2); } .plan-listing-facebox .table { border-spacing: 0; } .plan-listing-facebox .table th { border-radius: 0 !important; } .plan-listing-facebox .table-scroll { margin: 0; } .badge { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: var(--margin-1) 0; padding: var(--padding-2) var(--padding-3); overflow: hidden; position: relative; line-height: 100%; font-weight: 500; text-align: center; font-size: 85%; border-width: 1px; border-style: solid; border-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .badge > svg:first-child:not(:last-child), .badge > img:first-child:not(:last-child) { margin-right: var(--margin-2); } .badge > svg:last-child:not(:first-child), .badge > img:last-child:not(:first-child) { margin-left: var(--margin-2); } .badge[data-count]:after { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 1.5em; height: 1.5em; border-radius: 1.5em; padding-left: var(--padding-5); padding-right: var(--padding-5); margin-left: var(--margin-2); content: attr(data-count); font-size: var(--font-size-p); line-height: 1.5em; background-color: var(--colors-gray-900); color: var(--colors-white); pointer-events: none; } .badge:not(:first-child) { margin-right: var(--margin-1); } .badge:before { background-color: currentColor; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; pointer-events: none; opacity: 0.15; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 576px) { .badge:hover:before { opacity: 0.14; } } .badge--curve { border-radius: 0.4rem; } .badge--round { border-radius: 100px; } .badge--equal { padding: 0; min-width: 1.7em; min-height: 1.7em; line-height: 1.7em; } .badge--xsmall { font-size: 10px; font-weight: normal; padding: 1px 5px 2px; min-height: 12px; } .badge--small { font-size: 75%; font-weight: normal; padding: var(--padding-1) var(--padding-3); min-height: 18px; } .badge--large { font-weight: normal; padding: var(--padding-2) var(--padding-4); min-height: 24px; } .badge--block { display: block; margin-bottom: var(--margin-2); } .badge--removable { padding-right: 30px; position: relative; cursor: pointer; } .badge--removable:after { content: "+"; font-size: var(--font-size-lg); position: absolute; -webkit-transform: rotate(45deg) translate(0, -50%); -ms-transform: rotate(45deg) translate(0, -50%); transform: rotate(45deg) translate(0, -50%); right: 15px; top: 45%; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .badge--bordered { border: 1px solid currentColor; } .breadcrumbs { padding: 0 0 var(--padding-5); font-size: var(--font-size-small); } @media (max-width: 991px) { .breadcrumbs { padding-bottom: 0; } } .breadcrumbs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 991px) { .breadcrumbs ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; font-size: 12px; } } .breadcrumbs ul li { margin-right: var(--margin-3); padding-right: var(--padding-3); } @media (max-width: 991px) { .breadcrumbs ul li { margin-bottom: var(--margin-3); } } .breadcrumbs ul li a { color: var(--color-gray-700); position: relative; } .breadcrumbs ul li a::after { content: "/"; pointer-events: none; position: absolute; right: -12px; top: 2px; } .btn { background: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 var(--padding-6); position: relative; cursor: pointer; border: none; height: 2.8rem; line-height: 2.8rem; font-weight: 500; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; white-space: nowrap; border: none; border-radius: var(--radius-1); color: var(--color-white); } .btn--more { background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-0); margin-bottom: var(--margin-10); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid transparent; text-align: center; padding: var(--padding-2); height: auto; color: var(--color-black); font-weight: var(--font-weight-bold); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn--more:after { width: 8px; height: 8px; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); pointer-events: none; margin-left: var(--margin-3); margin-top: -4px; } .btn--processing:before { content: ""; border-radius: var(--radius-round); pointer-events: none; width: 18px; height: 18px; border: 2px solid; border-left-color: transparent; -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; z-index: 1; margin-right: var(--margin-3); } .btn--equal { padding: 0 !important; width: 2.86rem; height: 2.86rem; line-height: 100%; min-width: 2.86rem; min-height: 1px; } .btn--equal svg { vertical-align: text-top; margin: 0 !important; } .btn.btn--transparent { background: transparent !important; } .btn.btn--small { height: 32px; line-height: 32px; font-size: .95rem; padding: 0 var(--padding-4); } .btn.btn--large { height: 50px; line-height: 50px; padding: 0 var(--padding-14); font-size: 1.2rem; } .btn.btn--xlarge { height: 60px; line-height: 60px; padding: 0 50px; font-size: 1.2rem; } .btn.btn--xsmall { height: 28px; line-height: 28px; font-size: .83em; padding: 0 10px; } .btn.btn--block { width: 100%; text-align: center; padding: 0 10px; } .btn.btn--addition { padding: 0; position: relative; } .btn.btn--addition:before { content: "+"; width: 15px; height: 15px; line-height: 12px; margin-right: var(--margin-1); text-align: center; border: 1px solid currentColor; border-radius: var(--radius-round); } .btn.btn--primary { background-color: var(--color-primary); color: var(--color-primary-inverse); } .btn.btn--third { background-color: var(--color-third); color: var(--color-third-inverse); } .btn.btn--secondary { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn.btn--danger { background-color: var(--color-red); } .btn.btn--gray { background: #e9e8eb; color: #000; } .btn.btn--primary-bordered { background: #fff; border: 1px solid var(--color-primary); color: var(--color-primary); } .btn.btn--secondary-bordered { background: #fff; border: 1px solid var(--color-secondary); color: var(--color-secondary); } .btn.btn--bordered { background: transparent; border: 1px solid currentColor; } .btn.btn--bordered.color-primary:hover { color: var(--color-secondary) !important; } .btn.btn--bordered.color-secondary:hover { color: var(--color-primary) !important; } .btn.btn--light { background: #fff; color: var(--color-black); } .btn.btn-round { border-radius: 100px; } .btn.btn--bordered-inverse { background: 0 0; border: 1px solid rgba(255, 255, 255, 0.8); color: #fff; } .btn.btn--shadow { border-color: var(--color-gray-200); color: var(--color-black); -webkit-box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); background-color: var(--color-white); } .btn .svg-icon { margin-right: 5px; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; } .btn .svg-icon svg { fill: currentColor; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--wide.btn { min-width: 150px; text-align: center; } .btn--wide.btn.btn--small { min-width: 92px; } .btn.btn--arrow { padding-right: 50px; padding-left: 30px; } .btn.btn--arrow:after { position: absolute; top: 50%; right: 35px; content: ""; width: 6px; height: 6px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin: -4px 0 0; } .btn--social-fb { background-color: #3a5795; border-color: #3a5795; height: 43px; line-height: 41px; margin-top: 2px; margin-right: 5px; } .btn--social-gp { background-color: #fff; border: 1px solid #e5e5e5; color: inherit; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); height: 50px; line-height: 50px; } .svg-icon { overflow: hidden; } .btn--social-fb .svg-icon, .btn--social-gp .svg-icon { width: 24px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 5px; position: relative; } .btn--social-fb .svg-icon svg, .btn--social-gp .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--fileupload { overflow: hidden; position: relative; cursor: pointer; } .btn--fileupload input { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer; height: auto !important; } .btn.btn--disabled { cursor: not-allowed; opacity: .5; pointer-events: none; } .btn--filters { display: none; } @media (min-width: 1199px) { .btn.btn--primary:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn.btn--secondary:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-primary-inverse); } .form input[type=submit]:hover { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } .btn:active { -webkit-box-shadow: none; box-shadow: none; top: 2px; } .btn.btn--bordered-inverse:hover { background: #fff; border-color: #fff; } .btn.btn--primary-bordered:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-white); } .btn.btn--primary-bordered:hover svg, .btn.btn--secondary-bordered:hover svg { fill: var(--color-white); } .btn.btn--secondary-bordered:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-white); } .-hover-shadow:hover { -webkit-box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); } } @media (max-width: 1199px) { .btn--filters { display: inline-block; } } @media (max-width: 767px) { .btn.btn--large { padding: 0 20px; } } .btn--live { background: rgba(0, 0, 0, 0.08); color: var(--color-red); padding-left: var(--padding-12); position: relative; pointer-events: none; font-weight: bold; } .btn--live span { margin-right: var(--margin-3); } @media (min-width: 991px) and (max-width: 1299px) { .btn--live span { display: none; } } .btn--live::before { content: ""; position: absolute; height: 10px; width: 10px; background: rgba(255, 0, 0, 0.6); border-radius: 50%; left: 17px; -webkit-animation: live 2s ease-in-out infinite; animation: live 2s ease-in-out infinite; z-index: -1; } .btn--live::after { content: ""; display: inline-block; background-color: var(--color-red); width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; z-index: 1; position: absolute; left: 14px; } @-webkit-keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background: rgba(255, 0, 0, 0); } } @keyframes live { 0% { -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform: scale(3.5, 3.5); transform: scale(3.5, 3.5); background: rgba(255, 0, 0, 0); } } @media (max-width: 576px) { .rotator-actions .btn { margin: 5px 0 0; width: 100%; display: block; } } @media (max-width: 576px) { .btn--block-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } } .editor-content, .cms-container { line-height: 2; color: var(--color-black); word-break: break-word; } .editor-content p, .cms-container p { margin-bottom: var(--margin-10); line-height: inherit; color: inherit; } .cms-container ol, .editor-content ol, .cms-container ul, .editor-content ul { margin: 20px 0 40px; line-height: inherit; } .cms-container ul li, .editor-content ul li { position: relative; padding-left: var(--padding-6); margin-bottom: var(--margin-2); color: inherit; } .cms-container ul li:before, .editor-content ul li:before { position: absolute; left: 0; top: 14px; content: ""; width: 8px; height: 2px; background: var(--color-primary); } .cms-container ol, .editor-content ol { list-style: decimal; } .cms-container ol li, .editor-content ol li { position: relative; padding: 0; margin-left: var(--margin-6); margin-bottom: var(--margin-2); } .cms-container ol li a, .editor-content ol li a { color: inherit; } .container--cms ul, .container--cms ol { margin: 30px 0; font-size: 1.1rem; } .container--cms ul li { position: relative; padding: 0 0 10px 30px; color: inherit; } .container--cms ul li:before { position: absolute; left: 8px; top: 4px; content: ""; width: 3px; height: 12px; background: #B7B7B7; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .container--cms ul li:after { position: absolute; left: 2px; top: 8px; content: ""; width: 3px; height: 6px; background: #B7B7B7; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } .container--cms ol { list-style: decimal; } .container--cms ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .container--cms ol li a { color: inherit; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 1000; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--color-secondary); cursor: pointer; display: inline-block; font-weight: bold; height: 25px; line-height: 25px; margin-left: 10px; padding: 0 10px; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: var(--color-gray-600); } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--color-gray-600); opacity: 1; } input::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-gray-600); opacity: 1; } input:-ms-input-placeholder { /* Most modern browsers support this now. */ color: var(--color-gray-600); opacity: 1; } input::placeholder { /* Most modern browsers support this now. */ color: var(--color-gray-600); opacity: 1; } input[type=email], input[type=file], input[type=number], input[type=password], input[type=phone], input[type=search], input[type=text], select, textarea, .switch-group { border: none; border: 1px solid var(--color-gray-300); height: 2.8rem; padding: 0 var(--padding-4); width: 100%; color: var(--color-black); font-family: inherit; line-height: 2.8rem; background-color: #fff; border-radius: var(--radius-1); } input[type=email]:focus, input[type=file]:focus, input[type=number]:focus, input[type=password]:focus, input[type=phone]:focus, input[type=search]:focus, input[type=text]:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.08); } select { padding-right: 30px; background-color: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAYAAAB8ZH1oAAAAI0lEQVQImWOYMmXKf2IwAwMDAwNRimCAKEW4FGNVhK4YXRwAe5JR6xMYuYgAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: calc(100% - 15px) center; line-height: 2.8rem; } html[dir="rtl"] select, body[dir="rtl"] select { background-position: 15px center; } input[type=password], input[type=text], select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .div-login-form .form input[type="submit"] { width: 100%; } .form input[type="submit"] { position: relative; background: var(--color-primary); display: inline-block; vertical-align: top; padding: 0 var(--padding-8); border: none; position: relative; cursor: pointer; height: 2.8rem; line-height: 2.8rem; color: var(--color-primary-inverse); font-weight: 600; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; margin-right: var(--margin-3); border-radius: var(--radius-1); } .form input[type="button"] { position: relative; background: transparent; border: 1px solid var(--color-primary); display: inline-block; vertical-align: top; padding: 0 var(--padding-8); position: relative; cursor: pointer; height: 2.8rem; line-height: 2.6rem; color: var(--color-primary); font-weight: 600; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-radius: var(--radius-1); } .form input[type="reset"] { position: relative; background: transparent; border: 1px solid var(--color-primary); display: inline-block; vertical-align: top; padding: 0 var(--padding-8); position: relative; cursor: pointer; height: 2.8rem; line-height: 2.6rem; color: var(--color-primary); font-weight: 600; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; border-radius: var(--radius-1); } .form--rtl { direction: rtl; } .form--rtl input[type="submit"] { margin-left: 10px; margin-right: 0; } textarea { height: 150px; padding: var(--padding-4); line-height: 1.4; } @media (max-width: 767px) { textarea { height: 100px; } } input[type=file] { height: 40px; padding: 6px 10px; line-height: 20px; } .spn_must_field { color: red; } .form small { font-style: italic; opacity: 0.5; margin: 10px 0 0; display: block; } .field-set { display: inline-block; width: 100%; margin-bottom: 20px; } .field_label { font-weight: 600; font-size: 13px; min-height: 14px; margin-bottom: 0.5rem; } @media (max-width: 576px) { .field_label { margin-bottom: 0; } .caption-wraper { margin-bottom: 0.5rem; } } @media (min-width: 576px) { .form--horizontal .field-set { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; } .form--horizontal .caption-wraper { padding: 12px 0 0; width: 100%; max-width: 40%; } .form--horizontal .field_label { margin-bottom: 0; } .form--horizontal .field-wraper { width: 100%; } } .layout--rtl { direction: rtl !important; text-align: right; } .form--small input, .form--small select { height: 40px; -webkit-box-shadow: none; box-shadow: none; font-size: .98rem; } .form--small select { padding-left: 5px; } .form .form-heading, .form h5 { margin: 0 0 25px; color: var(--color-secondary); font-size: 1.3rem; } .checkbox, .radio { margin: 0; display: inline-block; position: relative; vertical-align: top; padding-left: 30px; color: #888; min-width: 20px; min-height: 20px; } .checkbox .input-helper, .radio .input-helper { position: absolute; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; width: 20px; height: 20px; left: 0; top: 0px; border-radius: var(--radius-1); -webkit-box-shadow: inset 0 0 0 1px var(--color-gray-300); box-shadow: inset 0 0 0 1px var(--color-gray-300); -webkit-transition: background 250ms ease, -webkit-box-shadow 250ms ease; transition: background 250ms ease, -webkit-box-shadow 250ms ease; -o-transition: background 250ms ease, box-shadow 250ms ease; transition: background 250ms ease, box-shadow 250ms ease; transition: background 250ms ease, box-shadow 250ms ease, -webkit-box-shadow 250ms ease; } .checkbox input:checked + .input-helper, .radio input:checked + .input-helper { -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-secondary); } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; } .checkbox.disabled, select:disabled, .radio.disabled { cursor: not-allowed; } .inline.checkbox, .inline.radio { padding-right: 20px; } .checkbox .input-helper:after, .checkbox .input-helper:before, .radio .input-helper:after, .radio .input-helper:before { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; -o-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox.disabled, .radio.disabled { opacity: .6; } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:after { width: 10px; -webkit-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; } .checkbox input:checked + .input-helper:before { width: 4px; -webkit-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; } .checkbox .input-helper:before, .checkbox .input-helper:after { content: ""; position: absolute; left: 8px; bottom: 5px; width: 0; height: 2px; background: var(--color-secondary); border-radius: 3px; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: width 200ms ease; -o-transition: width 200ms ease; transition: width 200ms ease; } .checkbox .input-helper:after { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-transition-delay: 0ms; -o-transition-delay: 0ms; transition-delay: 0ms; border-radius: 0 3px 3px 0; } .checkbox .input-helper:before { -webkit-transform: rotate(42deg); -ms-transform: rotate(42deg); transform: rotate(42deg); left: 5px; bottom: 9.1px; -webkit-transition-delay: 180ms; -o-transition-delay: 180ms; transition-delay: 180ms; border-radius: 3px 0 0 3px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: 1px; width: 18px; height: 18px; border-radius: 50%; } .radio .input-helper:after { width: 8px; height: 8px; background: var(--color-secondary); border-radius: 50%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } textarea[disabled] { cursor: not-allowed; background-color: rgba(0, 0, 0, 0.03); -webkit-text-fill-color: #333; /* Override iOS / Android font color change */ -webkit-opacity: 1; /* Override iOS opacity change affecting text & background color */ color: #333; /* Override IE font color change */ } @media (max-width: 1599px) { .form input[type=reset], .page-filters .form input[type=button], .page-filters .form input[type=submit] { padding: 0 20px; } } @media (max-width: 1199px) { .form input[type="reset"], .form input[type="submit"], .form input[type="button"] { padding: 0 var(--padding-5); } } @media (max-width: 767px) { .form input[type=button], .form input[type=reset], .form input[type=submit] { padding: 0 20px; } .form .form-heading, .form h5 { font-size: 1.5rem; } } @media (max-width: 576px) { .list-onethird li { width: 100%; } } .btn-file { position: relative; } .btn-file input[type=file] { position: relative; max-width: 120px; min-height: 41px; border: 1px solid; padding: 0; } .btn-file input[type=file]:before { content: "Upload file"; position: absolute; height: 2.8rem; line-height: 2.8rem; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; position: relative; cursor: pointer; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; white-space: nowrap; } .form__body { min-height: unset !important; } .checkbox .input-helper::before { left: 3px; bottom: 6.1px; } .checkbox .input-helper::after { left: 6px; bottom: 3px; } .field-wraper label .errorlist.erlist_tereq_terms { position: absolute; bottom: -30px; } .select2-container--default .select2-selection--single { border-radius: 0 !important; } .iti { border-radius: 0 !important; } .accept--field .errorlist.erlist_utrequest_terms { bottom: -25px; } .fld-date, #grpcls_start_datetime, .datetime { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAjUlEQVRIS2NkoDFgJGD+f6g8LnWE5BnoasF6oGsDqBRiB4DmOILMQvYBzLtUsgNiNjYLCIkhOwBbHKCIETKMUCRSbAE5wUWSD2hiATmGYtODM5JpbgGhzEfIAQMfB6M+GI0DQqmUgWAQETSBSAUYOfk8UKMBkZoJKdsAVBCIXh8Q0kSWPKWZiqClNLcAALenKBmlBxVOAAAAAElFTkSuQmCC"); background-repeat: no-repeat; background-position: calc(100% - 12px) 11px; background-size: 16px 16px; } html[dir="rtl"] .fld-date, html[dir="rtl"] #grpcls_start_datetime, html[dir="rtl"] .datetime, body[dir="rtl"] .fld-date, body[dir="rtl"] #grpcls_start_datetime, body[dir="rtl"] .datetime { background-position: 12px 11px; } .terms_wrap .field_cover label { display: inline; } .terms_wrap .errorlist.erlist_agree { margin-bottom: 1rem; } .label { color: #fff; display: inline; font-size: .85em; padding: 0 10px 0; text-align: center; color: #fff; vertical-align: baseline; white-space: nowrap; display: inline-block; min-width: 70px; height: 30px; line-height: 31px; margin: 0 5px 5px 0; } .label.label--default { color: #666; background: #e3e3e3 url(images/icon_inactive.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 11px; } .label.label--success { color: #4ca146; background: #e7fae6 url(images/icon_success.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--primary { color: #7a6fbe; background: #e9d9ff url(images/icon_active.svg) no-repeat 5px 5px; padding-left: 26px; background-size: 16px; } .label.label--info { color: #009cff; background: #e6f2fa url(images/icon_info.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--danger { color: #cf1b21; background: #fae6e7 url(images/icon_danger.svg) no-repeat 6px 8px; padding-left: 26px; background-size: 14px; } .label.label--warning { color: #e79500; background: #faf4e6 url(images/icon_warning.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .label.label--process { color: #666; background: #e3e3e3 url(images/icon_process.svg) no-repeat 6px 7px; padding-left: 26px; background-size: 14px; } .list-inline li { display: inline-block; padding: 0 10px 10px 0; } .list-inline label { background: #fff; height: 2.8rem; display: inline-block; margin: 0 2px 0 0; padding: var(--padding-2) var(--padding-4); line-height: 1.4; border: 1px solid var(--color-gray-300); border-radius: var(--radius-1); cursor: pointer; } .list-inline label .checkbox, .list-inline label .radio { vertical-align: top; position: relative; top: 1px; } .list-inline label:active, .list-inline label:focus { background: rgba(0, 0, 0, 0.02); } .list-inline .is-active label { color: var(--color-secondary); font-weight: 600; } .list-inline label .checkbox .input-helper:before { top: -2px; } .list-inline.list-inline--onehalf { margin: 0 0 0 -20px; } @media (min-width: 576px) { .list-inline.list-inline--onehalf, .list-inline.list-inline--onethird ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .list-inline.list-inline--onethird li:first-child { width: 20%; } .list-inline.list-inline--onethird li { width: 80%; padding: 0 0 10px 20px; } .list-inline.list-inline--onehalf li { padding: 0 0 10px 20px; width: 50%; margin-right: -4px; } .list-inline.list-inline--onehalf li label { display: block; } .list-onethird li { display: inline-block; vertical-align: top; padding: 10px 20px 10px 0; margin: 0 -4px 0 0; width: 33.3%; } .field_cover label, .list-onethird li label { margin: 0; line-height: 1.6; } .list-onethird.list-onethird--bg { background: rgba(0, 0, 0, 0.02); padding: 20px; border-radius: 2px; } .listing--vertical li { font-size: 0.9rem; margin: 15px 0 0; } .listing--vertical li:first-child { margin: 0; } .floated-list { text-align: center; } .floated-list li { display: inline-block; vertical-align: top; padding: 10px; } .floated-list li a:hover { text-decoration: underline; } .selection-list { width: 100%; display: inline-block; margin: 0 0 20px; } .selection-list ul { margin: 0 -5px; } .selection-list ul li { width: 50%; display: inline-block; vertical-align: top; margin: 0 -2px; padding: 5px; } .selection-list ul li .selection { display: inline-block; width: 100%; border: 1px solid #e5e5e5; padding: 15px 15px 15px 40px; font-weight: 700; position: relative; } .selection-list ul li .selection small { line-height: 1.4; float: none !important; display: block; margin: 5px 0 0; text-transform: uppercase; } .selection-list ul li .selection .radio { vertical-align: top; position: absolute; left: 10px; top: 12px; } .selection-list ul li.is-active .selection { background: #f3f2f5; border-color: #f3f2f5; } .list-repeated { width: 100%; margin: 20px 0 0; display: inline-block; } .list-repeated .avtar { float: left; margin: 0 0 0; width: 40px; height: 40px; } .list-repeated .list-repeated__content { width: calc(100% - 40px); padding-left: 20px; float: left; } .list-repeated p { line-height: 1.2; margin: 0 0 5px; font-size: 1rem; } @media (max-width: 991px) { .list-onethird li { width: 50%; } } @media (max-width: 576px) { .list-onethird li { width: 100%; } .list-onethird.list-onethird--bg { max-height: 350px; overflow: auto; } } @media (max-width: 1199px) { .vertical-links li a { padding: 15px 20px; } } .bullet-list { margin: 1.2rem 0 1.4rem; } .bullet-list li { margin: 0.8rem 0; font-weight: 300; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; line-height: 1.6; font-size: 15px; } @media (min-width: 1199px) { .bullet-list li { font-size: 14px; } } .bullet-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0.7; position: relative; } .bullet-list li:hover { opacity: 1; } .bullet-list li .icon { min-width: 17px; max-width: 17px; height: 16px; margin-right: var(--margin-3); opacity: 0.7; vertical-align: sub; } .bullet-list li span { line-height: 24px; } .loader { border: 10px solid rgba(0, 0, 0, 0.1); border-radius: 50%; border-top: 10px solid var(--color-secondary); width: 120px; height: 120px; -webkit-animation: spin 1 linear infinite; animation: spin 1s linear infinite; margin: 0 auto 30px; position: relative; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .loader { width: 90px; height: 90px; } .loading-wrapper { background: rgba(0, 0, 0, 0.65); width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 1000; bottom: 0; left: 0; right: 0; } .loading-wrapper .loading { width: 100px; height: 80px; position: fixed; top: 50%; left: 50%; margin-top: -40px; margin-left: -50px; } .loading-wrapper .loading .inner { -webkit-animation: rotate 0.8s linear infinite; animation: rotate 0.8s linear infinite; margin-top: 20px; border-radius: 50%; width: 50px; height: 50px; position: absolute; } .loading-wrapper .loading .rotate-one { left: 50%; margin-left: -25px; border-top: 2px solid #fff; } .loading-wrapper .loading .rotate-two { top: -10px; left: 30px; border-left: 2px solid #fff; } .loading-wrapper .loading .rotate-three { top: -10px; right: 30px; border-right: 2px solid #fff; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotateZ(0deg); transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg); } } .media-group .media { position: relative; width: 100%; border-radius: 3px; overflow: hidden; } .media-group .media img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 100%; } .media-group .media:before { position: relative; padding-bottom: 77%; content: ""; display: block; } .media-group .media.media--small { width: 70%; right: -20%; top: 45%; position: absolute; } .section--content .row:nth-child(even) .media-group .media.media--small { right: auto; left: -20%; } .pagination { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; padding: 0; } .pagination > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination a, .pagination button { position: relative; display: inline-block; line-height: 2.6rem; height: 3rem; width: 3rem; text-decoration: none; text-align: center; background-color: #fff; cursor: pointer; color: currentColor; font-size: var(--font-size-md); border: 1px solid var(--color-gray-200); margin: var(--margin-1); border-radius: var(--radius-1); } .pagination a:hover, .pagination button:hover { background-color: var(--color-gray-100); } .pagination a.is-active, .pagination button.is-active { color: var(--color-white); background: var(--color-primary); border-width: 0; } .pagination a.is-disabled, .pagination button.is-disabled { cursor: not-allowed; opacity: 0.5; } .pagination a.is-disabled:hover, .pagination button.is-disabled:hover { background-color: transparent; } .pagination a.is-prev:before, .pagination button.is-prev:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin-top: -5px; margin-left: -5px; } .pagination a.is-next:before, .pagination button.is-next:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin-top: -5px; margin-left: -3px; } .pagination a.is-backward:before, .pagination button.is-backward:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin-top: -5px; margin-left: -1px; } .pagination a.is-backward:after, .pagination button.is-backward:after { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin-top: -5px; margin-left: -6px; } .pagination a.is-forward:before, .pagination button.is-forward:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin-top: -5px; margin-right: -1px; } .pagination a.is-forward:after, .pagination button.is-forward:after { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin-top: -5px; margin-left: -6px; } .pagination--centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pagination--left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .pagination--curve a, .pagination--curve button { border-radius: var(--radius-curve); } .pagination--round a, .pagination--round button { border-radius: 1000px; } .paging-controls { padding: 1rem 0; } @media (min-width: 576px) { .paging-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } @media (max-width: 576px) { .paging-controls { text-align: center; } .paging-controls p { margin-bottom: 10px !important; } } .form--processing { position: relative; pointer-events: none; } .form--processing:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: rgba(255, 255, 255, 0.85); z-index: 2; pointer-events: none; } .form--processing:before { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; z-index: 3; border-top: 3px solid rgba(0, 0, 0, 0.2); content: ""; border-radius: var(--radius-round); border-right: 3px solid rgba(0, 0, 0, 0.2); border-bottom: 3px solid rgba(0, 0, 0, 0.2); border-left: 3px solid #000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .progress { width: 100%; height: 1rem; background-color: var(--color-gray-400); min-width: 120px; overflow: hidden; } .progress__bar { -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; background-color: currentColor; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; font-size: 11px; padding-right: var(--padding-2); } .progress--round { border-radius: var(--radius-round); } .progress--curve { border-radius: var(--radius-curve); } .progress--small { height: 0.7rem; } .progress--xsmall { height: 0.5rem; } .progress + .progress { margin-top: 15px; } .progress-bar { display: -webkit-box; display: -ms-flexbox; display: flex; } .progress-bar .progress__step { width: 100%; height: 10px; border-right: 1px solid #fff; } .progress-bar .progress__step:last-child { border-right: none; } .progress-bar .is-active { background: var(--color-green); } .range .ui-slider-horizontal { background: #eee; height: 6px; position: relative; border-radius: 30px; margin-bottom: 10px; } .range .ui-slider .ui-slider-range { top: 0; bottom: 2px; height: 6px; position: absolute; z-index: 1; background: var(--color-secondary); } .range .ui-slider-horizontal .ui-slider-handle { border-radius: 100%; margin-left: -0.6em; top: -0.6rem; background: #fff; color: #555555; cursor: move; font-weight: normal; border: 1px solid #ddd; cursor: move; height: 1.8em; position: absolute; width: 1.8rem; z-index: 2; -webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); } .slide__fields { margin: 20px -6px 0; padding-bottom: 10px; } .slide__fields:after { clear: both; content: ""; display: block; height: 0; } .slide__fields li { float: left; padding: 0 6px; width: 50%; position: relative; } .slide__fields li input { padding-left: 40px; } .slide__fields li .rsText { position: absolute; left: 17px; top: 0; bottom: 0; line-height: 50px; color: #999; font-size: 0.90rem; } .ratings__star img { display: inline-block; vertical-align: top; } .ratings .ratings__count { margin-left: 10px; } .ratings h6 { margin: 10px 0 0; } /*+========================SECTION============================*/ .section { padding: calc(4rem + 1vw) 0; position: relative; } @media (max-width: 767px) { .section { padding: var(--padding-12) 0; } } .section-title { text-align: center; color: var(--color-dark); margin-bottom: 55px; } .section-title h2 { color: inherit; font-size: 2rem; font-weight: 700; } @media (max-width: 1200px) { .section-title { margin-bottom: 30px; } } @media (max-width: 992px) { .section-title h2 { font-size: 1.8rem; } } @media (max-width: 767px) { .slick-arrow { width: 45px; height: 45px; } .section.section_course_card { padding: 30px 5px; } } /*cookies end*/ /* section */ .section .section__head { padding: 0 0 30px; } .section .section__head h2 { line-height: 1; } .section.section--caraousel { background: #f9f7f0; padding-bottom: 0; } .section.section--caraousel:before { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background: #fff; height: 40%; } .section--white { background: #fff; } .section--advert { padding: 20px 0; } .section--sort { padding: 20px 0; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; } .section--sort h1 { font-size: 1.6rem; margin: 0; } .section--content { padding: 0; } .section--content .row { padding: 90px 0; } .section--content .row:first-child { padding-bottom: 0; } .section--content .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 0 40px; } .section--content [class*="col-"] { min-height: 450px; } .section--content h2 { font-weight: normal; margin-bottom: 30px; color: var(--color-primary); } .section--content .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--content .row:nth-child(even) h2 { color: var(--color-secondary); } .section--gray .media, .section--hiw .media, .section--slider .media { position: relative; background: #fff; } .section--gray .media:before, .section--hiw .media:before, .section--slider .media:before { position: relative; display: block; content: ""; /*padding-bottom: 62.5%;*/ padding-bottom: 80%; } .section--gray .media img, .section--hiw .media img, .section--slider .media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; padding: 0 6px; } .section--hiw:before { background: #f3f2f5; right: 0; width: 50%; top: 150px; bottom: 90px; position: absolute; content: ""; } .section--hiw .media { margin: 60px 0 0; position: relative; } .section--hiw .col__content:before { background: #f3f2f5; left: -12%; width: 50%; top: 0; bottom: 0; position: absolute; content: ""; z-index: 0; } .section--slider { padding-bottom: 120px; } .section--slider .media { z-index: 1; } .section--slider .slick-dots { left: 0; right: 0; text-align: center; bottom: -80px; position: absolute; } .section--slider:before { background: url(images/patterns.svg) repeat; background-size: 44px 44px; opacity: 0.05; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 40%; } .section--slider .quote__col-right { padding-right: 100px; } .section--slider .caraousel--single { z-index: 1; } .section--slider .quote__content h5 { line-height: 1.6; } .section--slider .container--fixed:before { background: #f3f2f5; position: absolute; right: 20px; bottom: -30px; top: -30px; content: ""; width: 50%; } .section--slider .container--fixed:after { background: #f3f2f5; position: absolute; right: 50%; bottom: -30px; top: -30px; content: ""; width: 15%; } .section--grey { background: #f3f2f5; } .section--centered .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 40px 20px 0; margin: 0 auto 20px; } .section--centered .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--lower { padding: 40px 0; } .section--icons .icon-col { margin: 50px 0 0 0; padding-right: 40px; } .section--icons .icon-col .icon + h4 { margin: 10px 0; } .section--icons .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 0 20px 0; margin-right: 40px; float: left; } .section--icons h2 { font-weight: normal; } .section--icons .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .section--page { padding: 40px 0; } .section--offset { color: #333; } .section--offset .icon { width: 150px; height: 150px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; -webkit-box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: -160px auto 20px; background: #fff; } .section--offset .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } @media (max-width: 1599px) { .section--content .row { padding: 50px 0; } .section--page { padding: 30px 0; } .section--content { padding: 0; } .section--hiw:before { top: 115px; bottom: 50px; } .section--hiw .media { margin-top: 40px; } .is-landing .section--gray [class*="col-"]:last-child { padding-right: 150px; } .is-landing .section--gray [class*="col-"].col__content { padding-right: 15px; /*pading changes done here*/ /*Took default column padding*/ /*To overwrite property of padding-right for home page tabs section, mentioned in above*/ } .section--search, .section--listing { padding: 20px 0; } .section--hiw .col__content:before { top: 7px; } .section--slider { padding-bottom: 100px; } .section--lower { padding: 20px 0; } .section--content .icon { margin-bottom: 20px; } .section--content h2 { margin-bottom: 10px; } .avtars-list li .avtar { width: 50px; height: 50px; } .section--offset .icon { margin-top: -120px; } .section--nav { padding: 0; } .blog-row { padding: 50px 0; } .blog-row h2 { font-size: 2.2rem; } .section--upper { margin: -80px 0 0; } } @media (max-width: 767px) { .section.section--content .media-group { max-width: 70%; } .section--content .icon { margin-bottom: 20px; } .section--content [class*="col-"] { min-height: 250px; } .section--content .row:nth-child(2n) .media-group .media.media--small { left: auto; right: 20px; } .section--content .row { padding: 50px 0; } .section--content .icon { width: 80px; height: 80px; } .section--content .icon img { width: 50%; } .section--search { padding: 20px 0; } .section--icons .icon-col { margin-top: 20px; text-align: center; } .section--icons .icon { float: none; margin: auto; } .section .section__head { padding-bottom: 10px; } .selection-list ul li { width: 100%; } .section--lower { padding: 10px 0; } } /*+========================SLIDER============================*/ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0 !important; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; margin: auto; } .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-arrow { position: absolute; top: 50%; background: transparent; width: 56px; height: 56px; border-radius: 100%; font-size: 0; -webkit-box-shadow: none; box-shadow: none; margin: -28px 0 0 0; z-index: 1; border: none; cursor: pointer; } .slick-arrow:before { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 0; content: ""; border-bottom: 2px solid #333; } .slick-arrow.slick-prev, .slick-arrow.prev-slide { left: 0; } .slick-arrow.slick-prev:before, .slick-arrow.prev-slide:before { border-right: 2px solid #333; margin-right: -18px; } .slick-arrow.slick-prev:before, .slick-arrow.prev-slide:before { transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } body[dir="rtl"] .slick-arrow.slick-prev:before, body[dir="rtl"] .slick-arrow.prev-slide:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); } .slick-arrow.slick-next, .slick-arrow.next-slide { right: 0; } .slick-arrow.slick-next:before, .slick-arrow.next-slide:before { border-right: 2px solid #333; margin-left: -18px; } .slick-arrow.slick-next:before, .slick-arrow.next-slide:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); } body[dir="rtl"] .slick-arrow.slick-next:before, body[dir="rtl"] .slick-arrow.next-slide:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .slick-arrow.slick-disabled { opacity: 0.3; cursor: default; } .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%; } .slick-dots button { width: 10px; background: rgba(255, 255, 255, 0.4); border-radius: 30px; } .slick-dots { text-align: center; } .slick-dots li { display: inline-block; vertical-align: top; margin-right: 5px; } @media (max-width: 576px) { .slick-dots li { margin-right: 5px; margin-bottom: 1rem; } } .slick-dots li button { width: 30px; height: 6px; border: none; font-size: 0; background: rgba(0, 0, 0, 0.2); } @media (max-width: 576px) { .slick-dots li button { width: 10px; } } .slick-dots li.slick-active button { background: var(--color-primary); } @media (min-width: 1199px) { .slider-onethird .slick-arrow { background-color: transparent; color: var(--color-black); top: 50%; -webkit-box-shadow: none; box-shadow: none; } .slider-onethird .slick-arrow:before { border-color: currentColor; } .slider-onethird .slick-next { right: -4%; } .slider-onethird .slick-prev { left: -4%; } } @media (max-width: 1299px) { .slider-onethird .slick-arrow { top: calc(50% - 120px); background-color: var(--color-white); border-radius: 0; } .slider-onethird .slick-arrow:before { width: 16px; height: 16px; margin-top: -8px; } .slider-onethird .slick-next { right: 1%; } .slider-onethird .slick-prev { left: 1%; } } .social-button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: var(--padding-1) var(--padding-2); background-color: var(--color-white); border-radius: 3px; color: var(--color-black); font-weight: var(--font-weight-medium); border: 1px solid var(--color-gray-400); } .social-button__label { padding: 0 var(--padding-2); width: 100%; text-align: center; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; } .social-button__media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 36px; height: 36px; } .social-button__media svg { width: 30px; height: 30px; } .social-button--block { width: 100%; } .social-button--google { color: var(--color-black); } .social-button--ap { color: var(--color-black); } .social-button--fb { color: var(--color-black); } .social-button--google-white { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-black); } @media (max-width: 767px) { .social-button--google-white { border-color: var(--color-gray-200); } } .social-button--google-white:hover { background-color: #4285F4; border-color: #4285F4; color: var(--color-white); } .social-button--fb-white { background-color: var(--color-white); border-color: var(--color-white); color: var(--color-black); } @media (max-width: 767px) { .social-button--fb-white { border-color: var(--color-gray-200); } } .social-button--fb-white:hover { background-color: #28589c; border-color: #28589c; color: var(--color-white); } .social-button--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 50px; line-height: 50px; padding: 0 var(--padding-8); } .social-button--center > * { padding: 0; } .social-button--center .social-button__media { width: 40px; margin-right: var(--margin-2); } .social-button--center .social-button__label { width: auto; } .social-button:focus { -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); outline: none; } .social-button:active { -webkit-box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0.3rem rgba(0, 0, 0, 0.1); outline: none; background-color: #eeeeee; } @media (min-width: 1199px) { .social-button:hover { -webkit-box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 3px 1px rgba(0, 0, 0, 0.1); border-color: var(--color-gray-800); } } .social-actions .social-button { margin-bottom: var(--margin-3); } .group--social a span, .group--social a { font-size: 13px; color: #fff; } .group.group--social .-gap { height: 15px; font-weight: 500; } .group.group--social p { margin: 10px 0; } .group.group--social .btn { /* margin: 0 0; */ float: left; width: 48%; } .group.group--social .btn.btn--social-gp { float: right; } .group.group--social .btn .svg-icon { position: absolute; left: 15px; top: 8px; } .group--social a { margin-right: 5px; } .group--social a:last-child { margin-right: 0; } .group--social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .social--share li { display: inline-block; vertical-align: top; margin-right: 3px; } .social--share li a, .social--share li span { width: 35px; height: 35px; border-radius: 100%; display: block; padding: 5px; overflow: hidden; position: relative; background: rgba(0, 0, 0, 0.05); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .social--share li a img, .social--share li span img { width: 16px; display: block; margin: 0 auto 0; opacity: 0.6; pointer-events: none; } .social--share li a:hover { background: rgba(0, 0, 0, 0.05); } .social--share li .stButton { position: absolute; opacity: 0; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; } .google-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #4285f4; color: #ffff; font-size: 14px; font-weight: 600; height: 46px; max-width: 191px; margin: auto; padding-right: 10px; } .google-btn span { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-left: 5px; } .group.group--social a .google-btn img { width: auto; } .group.group--social a { display: inline-block; } .group.group--social .btn--social-fb.btn { width: 184px; display: inline-block; height: 46px; vertical-align: top; margin-top: 0; margin-right: 15px; float: none; } @media screen and (max-width: 1199px) { .group.group--social .btn--social-fb.btn { margin-right: 5px; } .group.group--social .btn--social-fb.btn, .group.group--social a { display: block; } .group.group--social .btn--social-fb.btn { margin-bottom: 10px; } } @media (max-width: 767px) { .social-links { margin: 0; } } .group.group--social a { width: 50%; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 8px; border-radius: 2px; font-weight: bold; } .group--social a svg { height: 18px; width: 18px; margin-right: 24px; } .group.group--social .google-login { background: #4285F4; padding: 0 2px; } .group--social .facebook-login { background-color: #28589c; color: #fff; } .group--social .facebook-login svg { fill: #fff; height: 25px; width: 25px; margin-right: 24px; } .group--social a.google-login svg { height: 36px; width: 36px; margin-right: 15px; padding: 9px 9px; background: #fff; border-radius: 2px; } @media (max-width: 576px) { .group--social { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .group.group--social a { margin-bottom: 10px; width: 100%; } .group--social a { margin-right: var(--margin-0); } .box--narrow { min-width: auto; } } #signinFrmPopUp .field_label:empty, #frm_fat_id_signupFrm .field_label:empty { display: none; } .share { position: relative; } .share__trigger { padding: var(--padding-3) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: var(--font-weight-medium); } @media (min-width: 1199px) { .share__trigger { pointer-events: none; cursor: pointer; } } @media (max-width: 1199px) { .share__trigger.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.8); z-index: 100; } } @media (max-width: 576px) { .share__trigger { font-size: 0; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } } @media (min-width: 1199px) { .share__target { position: absolute; right: 0; top: 140%; background-color: var(--color-white); min-width: 240px; -webkit-box-shadow: var(--boxShadow-bottom); box-shadow: var(--boxShadow-bottom); border: 1px solid var(--color-gray-200); padding: var(--padding-6); opacity: 0; visibility: hidden; z-index: 1; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .share__target:before { position: absolute; right: 1rem; top: -12px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid var(--color-gray-200); pointer-events: none; z-index: 1; } .share__target:after { position: absolute; right: 1rem; top: -10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } @media (max-width: 1199px) { .share__target { left: 50%; top: 50%; position: fixed; max-width: 350px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; background-color: var(--color-white); z-index: 101; padding: var(--padding-6); opacity: 0; visibility: hidden; } .share__target:after { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; content: "+"; font-size: 2rem; color: var(--color-white); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; line-height: 40px; pointer-events: none; } } .share__target.is-visible { opacity: 1; visibility: visible; } .share__target:after { position: absolute; right: 1rem; top: -10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } @media (max-width: 1199px) { .share { left: 50%; top: 50%; position: fixed; max-width: 350px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; background-color: var(--color-white); z-index: 101; padding: var(--padding-6); opacity: 0; visibility: hidden; } .share:after { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; content: "+"; font-size: 2rem; color: var(--color-white); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; line-height: 40px; pointer-events: none; } } .share.is-visible { opacity: 1; visibility: visible; } @media (min-width: 1199px) { .share:hover .share__target { opacity: 1; visibility: visible; top: 100%; } } #signinFrmPopUp .field_label:empty, #frm_fat_id_signupFrm .field_label:empty { display: none; } .table th, .table td { padding: var(--padding-4) var(--padding-6); vertical-align: top; text-align: left; line-height: 1.4; } .table th { font-weight: 600; background-color: #e1e3e7; } .table td { color: var(--color-black); } @media (min-width: 1199px) { .table--styled { border-spacing: 0 var(--padding-4); border-collapse: separate; } } @media (min-width: 576px) { .table--styled tr { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .table--styled td { background-color: var(--color-white); -webkit-box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.1); vertical-align: middle; } .table--styled td:first-child { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); } .table--styled td:last-child { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); } .table--styled th { position: sticky; top: 0; z-index: 1; } .table--styled th:first-child { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); } .table--styled th:last-child { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); } .table--styled > tbody > tr:hover:not(.title-row) { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .table--styled .table--responsive tr.row-trigger.title-row th { z-index: 0; } .table--small th, .table--small td { padding-top: var(--padding-0); padding-bottom: var(--padding-0); } .table--hover tbody tr:hover th, .table--hover tbody tr:hover td { background-color: var(--color-gray-100); } .table--bordered { border-top: 1px solid var(--color-gray-200); } .table--bordered tbody tr th, .table--bordered tbody tr td { border-bottom: 1px solid var(--color-gray-200); } .table--striped tbody tr:nth-child(odd) th, .table--striped tbody tr:nth-child(odd) td { background-color: var(--color-gray-100); } .table--striped tbody th:first-child, .table--striped tbody td:first-child { padding-left: var(--padding-3); } .table--condensed th, .table--condensed td { padding: var(--padding-2); } .table--sticky thead tr:first-child { -webkit-box-shadow: 0 1px 0 0 var(--color-gray-200); box-shadow: 0 1px 0 0 var(--color-gray-200); } .table--sticky th { position: sticky; top: 0; background-color: var(--colors-white); z-index: 1; } .table .action-group .btn { margin: 3px; } .table--aligned-middle td { vertical-align: middle; } .table--aligned-top td { vertical-align: top !important; } .tabled { width: 100%; display: table; border-top: 1px solid #e5e5e5; } .tabled .tabled__cell { display: table-cell; vertical-align: top; padding: 25px 15px; border-right: 1px solid #e5e5e5; line-height: 1.4; } .tabled .tabled__cell:last-child { border-right: none; } .tabled .tabled__cell h3 { line-height: 1; } .table.table--responsive .flex-cell__label { display: none; } @media (max-width: 767px) { .table.table--responsive tr { display: inline-block; width: 100%; border-bottom: 1px solid var(--color-gray-200); padding: var(--padding-4); } .table.table--responsive tr.title-row { display: none; } .table.table--responsive tr > td { display: block; border: none; padding: 5px 0; font-size: 13px; line-height: 1.6; } .table.table--responsive .flex-cell { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .table.table--responsive .flex-cell > div { width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .table.table--responsive .flex-cell__label { max-width: 40%; font-weight: var(--font-weight-medium); display: block; padding-right: var(--padding-4); } } @media (max-width: 1199px) { .table.table--responsive td { border-bottom: 1px solid var(--color-gray-200); } .table.table--responsive .flex-cell__content > div { max-width: 100% !important; min-width: 100px; white-space: normal; } .table.table--responsive .flex-cell__content > .profile-meta { min-width: 200px; } } @media (max-width: 767px) { .table.table--responsive td { border-bottom: none; } .table.table--responsive .flex-cell__content > .profile-meta { min-width: 1%; } } @media (min-width: 1199px) { .table-cols td:first-child { width: 25%; } .table-listing tr:hover { -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); margin: -5px; } } @media (min-width: 1199px) { .table--cols.table td:first-child { padding-left: 15px; width: 25%; } } @media (max-width: 1199px) { .table-scroll { overflow: auto; white-space: nowrap; background-color: var(--color-white); border-radius: var(--radius-1); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); margin-top: var(--margin-6); } } @media (max-width: 767px) { .table-scroll { overflow: visible; white-space: normal; } } @media (max-width: 1199px) { .table tr td .td__caption { display: none !important; } .table tr.-hide-mobile { display: table-row !important; } .table tr:last-child { border-bottom: none; } } @media (max-width: 1199px) { .table tr td .td__caption { width: 100%; padding-bottom: 3px; } .table tr td .td__data { width: 100%; padding-top: 5px; } } .tabs { position: relative; } .tabs--line { border-bottom: 1px solid var(--color-gray-300); } .tabs--line ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; overflow: auto; } .tabs--line ul li:not(:last-child) { margin-right: var(--margin-10); } .tabs--line ul li a { display: block; padding: var(--padding-5) 0; opacity: 0.7; position: relative; } .tabs--line ul li a:after { position: absolute; left: 0; right: 0; bottom: 0; content: ""; background-color: currentColor; height: 3px; display: none; } .tabs--line ul li.is-active a { color: var(--color-primary); font-weight: 600; opacity: 1; } .tabs--line ul li.is-active a:after { display: block; } .tabs-gray { overflow: auto; max-height: 400px; } .tabs-gray ul { width: 100%; border: 1px solid #e9e8eb; } .tabs-gray ul li { border-bottom: 1px solid #e9e8eb; } .tabs-gray ul li:last-child { border-bottom: none; } .tabs-gray li a { display: block; font-size: 1rem; padding: 20px 20px; position: relative; } .tabs-gray ul li.is-active a { background: #e9e8eb; font-weight: 700; color: var(--color-secondary); } .tabs-gray li a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100px; } .tab-swticher { width: 100%; display: inline-block; margin: 0 0 25px; } .tab-swticher .btn { width: 50%; float: left; background: #fff; color: #333; text-align: center; padding: 0 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-swticher .btn.is-active { background: var(--color-secondary); color: #fff; font-weight: 600; } .tab-swticher .btn:last-child { border-radius: 0 2px 2px 0; } .tab-swticher .btn:first-child { border-radius: 2px 0 0 2px; } .tab-swticher-small.tab-swticher { margin: 0; } .tab-swticher-small.tab-swticher .btn { width: auto; min-width: 80px; height: 35px; line-height: 35px; padding: 0 20px; font-size: 1.05rem; } .tab-swticher-small.tab-swticher .btn { border: 1px solid var(--color-secondary); } .tabs-inline { border-bottom: 1px solid #e9e8eb; background: #fff; } .tabs-inline li { display: inline-block; position: relative; vertical-align: top; margin: 0 10px 0 15px; } .tabs-inline li a { display: block; padding: 20px 0; font-size: 1.1rem; border-bottom: 2px solid transparent; color: #999; } .tabs-inline li.is-active a { background: #fff; font-weight: 700; border-bottom-color: var(--color-secondary); color: #000; } .tabs-offset { margin: -20px -20px 25px; } .tabs-small { border-bottom: 1px solid #e9e8eb; padding: 0 20px; } .tabs-small li { display: inline-block; vertical-align: top; font-size: 1.05rem; } .tabs-small li a { display: block; padding: 15px 20px; border: 1px solid transparent; border-top: none; border-bottom: none; position: relative; } .tabs-small li.is-active a:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .tabs-small li.is-active a { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .tab-horizontal ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #eee; text-align: center; } .tab-horizontal ul li { display: inline-block; vertical-align: top; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tab-horizontal ul li a { display: block; padding: 20px; font-size: 1.3rem; } .tab-horizontal ul li.is-active a { background: #fff; color: var(--color-secondary); font-weight: 700; } @media (max-width: 1199px) { .tabs-vertical ul li .tab-info h3 { font-size: 1.3rem; } .tabs-vertical ul li .counter:before { font-size: 44px; } } @media (max-width: 991px) { .tabs-vertical { margin-bottom: 25px; } .tabs-vertical ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tabs-vertical ul li { text-align: center; display: block; padding: 15px; } } @media (max-width: 767px) { .tabs-gray ul { display: block; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; margin: 0 0 20px; } .tabs-gray ul li { display: inline-block; vertical-align: top; white-space: normal; margin: 0 -4px 0 0; } .tabs-gray ul li a img { position: relative; top: 16px; } } /*========================TOGGLE NAV============================*/ .toggle--nav { width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; padding: 3px 1px; display: none; } .toggle--nav span { width: 100%; height: 3px; background: #333; display: block; margin: 12px 0 0; position: relative; } .toggle--nav span:before { width: 100%; height: 3px; background: #333; content: ""; position: absolute; top: -8px; left: 0; } .toggle--nav span:after { width: 100%; height: 3px; background: #333; content: ""; position: absolute; bottom: -8px; left: 0; } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } /* toggle */ .toggle-dropdown { position: relative; display: inline-block; } .toggle-dropdown .toggle-dropdown__link { padding-right: 15px; color: #6a6a6a; font-size: 1.1em; } .toggle-dropdown .toggle-dropdown__link .-txt--bold { font-weight: 500; color: #333; } .toggle-dropdown .toggle-dropdown__link:after { border-right: 1px solid #000; border-top: 1px solid #000; content: ""; height: 7px; pointer-events: none; position: absolute; right: 0; top: 6px; width: 7px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .toggle-dropdown__target { min-width: 260px; z-index: 9; left: 50%; top: 100%; background: #fff; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; margin-left: -140px; padding: 20px; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; } .toggle-dropdown.is-active .toggle-dropdown__target { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } .tooltip { position: absolute; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 300px; padding: var(--padding-1) var(--padding-2); font-size: 10px; font-weight: normal; letter-spacing: 0.05em; background-color: currentColor; color: var(--color-white); -webkit-box-shadow: var(--boxShadow-5); box-shadow: var(--boxShadow-5); border-radius: var(--radius-2); } .tooltip:before { position: absolute; display: block; width: 0.7em; height: 0.7em; background-color: inherit; content: ""; } .tooltip--curve { border-radius: var(--radius-curve); } .tooltip--round { border-radius: var(--radius-round); } .tooltip--top { left: 50%; top: 0; -webkit-transform: translateX(-50%) translateY(-90%); -ms-transform: translateX(-50%) translateY(-90%); transform: translateX(-50%) translateY(-90%); text-align: center; } .tooltip--top:before { bottom: 0; left: 50%; -webkit-transform: translateY(50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(50%) translateX(-50%) rotate(45deg); transform: translateY(50%) translateX(-50%) rotate(45deg); } .tooltip--bottom { left: 50%; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); text-align: center; } .tooltip--bottom:before { top: 0; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(45deg); transform: translateY(-50%) translateX(-50%) rotate(45deg); } .tooltip--left { right: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .tooltip--left:before { right: -3px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .tooltip--right { left: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: left; } .tooltip--right:before { left: -3px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .is-hover .tooltip { opacity: 0; visibility: hidden; } .is-hover:hover .tooltip { opacity: 1; visibility: visible; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .reviews-section { width: 100%; position: relative; } .reviews-stats { width: 100%; position: relative; } .reviews-total { max-width: 110px; text-align: center; } .reviews-media { position: relative; width: 100%; height: 100%; } .reviews-media svg { width: 100%; height: 100%; fill: #FFAB22; } .reviews-media .reviews-count { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; width: 100%; font-size: var(--font-size-h4); color: var(--color-white); font-weight: var(--font-weight-bold); line-height: 1; } .reviews-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-progress__value { min-width: 60px; text-align: center; padding: 0 var(--padding-2); } .reviews-progress__value:first-child { text-align: right; } .reviews-progress__value:last-child { text-align: left; } .reviews-progress__content { width: calc(100% - 120px); } .reviews-counter__item { margin-top: var(--margin-2); } .reviews-sorting { margin: var(--margin-10) 0; text-align: center; } @media (min-width: 576px) { .reviews-sorting { background-color: var(--color-gray-100); padding: var(--padding-2) var(--padding-6); } } @media (max-width: 576px) { .reviews-sorting p { margin-bottom: var(--margin-2) !important; } } @media (min-width: 576px) { .reviews-sort select { background-color: transparent; border: none; font-weight: var(--font-weight-medium); } .reviews-sort select:focus { -webkit-box-shadow: none; box-shadow: none; } } .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: var(--margin-10); border-bottom: 1px solid var(--color-gray-200); } .review__media { width: 80px; } @media (max-width: 576px) { .review__media { width: 70px; } } .review__content { width: calc(100% - 80px); } @media (max-width: 576px) { .review__content { width: calc(100% - 70px); } } .review__author { font-size: var(--font-size-h6); font-weight: var(--font-weight-bold); margin-bottom: var(--margin-2); display: block; } .review__date { color: var(--color-black); font-size: var(--font-size-small); line-height: 1; padding-left: var(--margin-3); margin-left: var(--margin-3); position: relative; top: 1px; } .review__date:before { position: absolute; left: 0; top: 0; bottom: 0; content: ""; width: 1px; background-color: currentColor; } .review__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .review__message { margin-top: var(--margin-4); } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rating__media { width: 15px; height: 19px; fill: var(--color-yellow); margin-right: var(--margin-2); } .rating__value { margin-right: 6px; font-weight: bold; } @media (max-width: 576px) { .reviews-submission { border-top: 1px solid var(--color-gray-200); margin-top: var(--margin-6); } } .review__title { margin-bottom: 0; } .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; width: 24px; height: 24px; fill: currentColor; } @media (max-width: 767px) { .icon { width: 22px; height: 22px; } } .icon--30 { width: 30px; height: 30px; } .icon--40 { width: 2.86rem; height: 2.86rem; } .icon--large { width: 3.4rem; height: 3.4rem; } .icon--xlarge { width: 4rem; height: 4rem; } .icon--xsmall { width: 14px; height: 14px; } .icon--small { width: 16px; height: 16px; } .icon--18 { width: 18px; height: 18px; } .switch { line-height: 1; /* ============================================================ SWITCH 1 - ROUND ============================================================ */ } .switch__label { position: absolute; margin-left: -9999px; visibility: hidden; } .switch__label + .switch__handle { position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .switch__label + .switch__handle { display: inline-block; vertical-align: middle; width: 60px; height: 26px; border-radius: 60px; } .switch__label + .switch__handle:before, .switch__label + .switch__handle:after { display: block; position: absolute; top: 0; bottom: 0; content: ""; } .switch__label + .switch__handle:before { right: 0; left: 0; background-color: #d8d8d9; border-radius: 60px; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; } .switch__label + .switch__handle:after { width: 20px; background-color: #fff; border-radius: 100%; -webkit-transition: margin 0.4s; -o-transition: margin 0.4s; transition: margin 0.4s; top: 3px; bottom: 3px; left: 3px; margin-left: 0; } .switch.is-active .switch__label + .switch__handle:before, .switch .switch__label:checked + .switch__handle:before { background-color: inherit; } .switch.is-active .switch__label + .switch__handle:after, .switch .switch__label:checked + .switch__handle:after { margin-left: 34px; } .switch.is-disabled .switch__label + .switch__handle { cursor: not-allowed; pointer-events: none; } .switch.is-disabled { opacity: 0.5; cursor: not-allowed; } .switch--small .switch__label + .switch__handle { width: 40px; height: 22px; } .switch--small .switch__label + .switch__handle:after { width: 16px; margin-left: 0; } .switch--small.is-active .switch__label + .switch__handle:after, .switch--small .switch__label:checked + .switch__handle:after { margin-left: 18px; } .switch-group { cursor: pointer; padding: var(--padding-5); } .switch-group__label.is-disabled { background-color: rgba(0, 0, 0, 0.02); cursor: not-allowed; } .tab-switch { position: relative; background-color: rgba(0, 0, 0, 0.06); border-radius: var(--radius-1); padding: 4px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tab-switch__item { padding: 0 var(--padding-5); display: block; text-transform: uppercase; font-size: var(--font-size-small); height: 32px; line-height: 32px; border-radius: var(--radius-1); } .tab-switch__item.is-active { background-color: var(--color-white); font-weight: var(--font-weight-medium); color: var(--color-primary); } .tab-switch .icon { display: none; } @media (max-width: 1199px) { .tab-switch__item { padding: 0 var(--padding-5); height: 2.6rem; line-height: 2.6rem; } } @media (max-width: 767px) { .tab-switch--icons .tab-switch__item { padding: 0; font-size: 0; width: 3.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; height: 2.5rem; line-height: 2.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tab-switch .icon { display: block; } } .alert { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-3); padding: var(--padding-2); color: var(--color-white); background-color: var(--color-transparent); font-size: var(--font-size-small); border-radius: var(--radius-1); } @media (min-width: 576px) { .alert { min-width: 400px; } } .alert__icon { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: start; align-self: flex-start; position: relative; } .alert__icon svg { fill: var(--color-white); width: 24px; height: 24px; display: block; } .alert__message { padding: var(--padding-2); -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .alert__message p { line-height: 1.3; color: inherit; margin: 0; } .alert__message p a { text-decoration: underline; font-weight: var(--font-weight-medium); } .alert__close { width: 40px; height: 40px; position: relative; cursor: pointer; -ms-flex-item-align: start; align-self: flex-start; border-radius: 60px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin-left: auto; } .alert__close:before { position: absolute; content: "+"; font-size: var(--font-size-h3); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); inset: 0; text-align: center; line-height: 40px; } @media (min-width: 1199px) { .alert__close:hover { background-color: rgba(255, 255, 255, 0.2); } } .alert--small { padding: var(--padding-1) var(--padding-2); } .alert--success { background-color: var(--color-success); } .alert--success .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRTQ0NzQxMUFFOEUxMUVDQkNDNEFCQjVBRkI3QzdGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRTQ0NzQxMkFFOEUxMUVDQkNDNEFCQjVBRkI3QzdGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZFNDQ3NDBGQUU4RTExRUNCQ0M0QUJCNUFGQjdDN0YxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZFNDQ3NDEwQUU4RTExRUNCQ0M0QUJCNUFGQjdDN0YxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FSoRngAAAYFJREFUeNq8l4tthDAMhgMTpBukE5QNjk7QjHAj0A2uE6BOUHWCqhPQDbgN6AawQRojB0UI50VSS7/ulMvlA8d2nEopxQKtRV20uJbA8V9L31o/QasB2CGu1WmNKtxm/I9zbdePbSRwb5OWjAV3+OQ57BYK/lD5bfCBO1XOegosM7qXsm3PK0wnSI9Bq2FlbdF6gC81DlwzQ+9EPsML3uw8njK6c8T8ZxhUR3m+gptCUJAg5rXgapnRvc+4jwxL6kDMfQHwU0BA3BOhgpjfME9ZhP24OvaLcq8vZmZfYO2L/ZABuoFnT6HnBDwVuhoLOIGO4P0ZKMx17Z0PngpdD406IGJNlI5YefbjruilsyCygNhvLk5UPJlSMid82FQoBDM3h8R7hJuM20VihQPWUlld5nRisZhj8RE+a2vwlZW3t62sHuTnv7c+JZu9r30doNrbPvOb8piGXp7sTJw3Ct8VJqXlNUDuWreKuLRJbAgvmHYCI9QImrtPvLwtvsX+BBgAj13XfF7ScF4AAAAASUVORK5CYII="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--info { background-color: var(--color-info); } .alert--info .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OEI3ODQwREFFOEYxMUVDOURCOUFDOEQ1MDQzREE1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5OEI3ODQwRUFFOEYxMUVDOURCOUFDOEQ1MDQzREE1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk4Qjc4NDBCQUU4RjExRUM5REI5QUM4RDUwNDNEQTU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjk4Qjc4NDBDQUU4RjExRUM5REI5QUM4RDUwNDNEQTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nQtVKgAAAUxJREFUeNrEV4FtgzAQBJQBnA3IBM0GsEG8STwCG6BOUHWCqhMEJmg2CBuEDRx/dERWVIzfgDnpBALZZ/759znVWieeKMHCUBjmeN5Z/DVsvGYjYQeFoTL80/64Y4xzbtfLkin4jpuh5AorrHwJVL7CX3p5XKaElV4P9ZiwXDC8Y3jlPEU5UXlcDI+epUUl0+K+QJn5oDfc2+WkZvwwVcjYDCs5J/Hw1NohvDlzMIW3su45oLSWJCwDVl0y8vofThTqjyQ+jruAMM/5q1/CGWLORYscV9YCWAgVnguRYR+NjS5DN9lE+LqB8JWEvzcQbocvjplnSm0z9OrPiMKk1aeWy7wxmsmcbfHwvL4ZgbWhxqxPvYX1WdPs/cCjT9rbeuEvFRxDL2HKQ+E8UUwdYUL82CAoXPOmjEObhE0qUHY5ymNggy7Y+fT/hwADAJx2xWNoDiNcAAAAAElFTkSuQmCC"); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--danger { background-color: var(--color-danger); } .alert--danger .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3QThCQ0I5NEFFOTAxMUVDQjJFNUMyQjgzRkJBQjRBRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3QThCQ0I5NUFFOTAxMUVDQjJFNUMyQjgzRkJBQjRBRSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjdBOEJDQjkyQUU5MDExRUNCMkU1QzJCODNGQkFCNEFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjdBOEJDQjkzQUU5MDExRUNCMkU1QzJCODNGQkFCNEFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+EY+8hgAAAUpJREFUeNrEV4sNgjAQpcQB6gY4gWwAG1gnsSOwAXEC4wTGCdAJcAPcQDaoPXM1SAR6fNqXvEg07YPD9+7KlFKBJVJkosk1I/z+2eBV82a1Gwj3kGtKzVLZ44Vrevfu+zElCrZRaQqqsMQ7nwOZrfBJzY9iSFiq5ZB3CYsZy9uF7ztnaCewR6EZW1oLLHPH6wRtZoNac920k5zwh8nGrA3xTg6BO3y0Qixv5FAYXmsKwiJwjx0Ibz0Ix6HjMv8Icw/CgS9hvsI+GhMXQmhkjWsqnitMEypSQlr9FYZSPzyU+gFZDWUuiQvHZrXB3uRt5TCroQNyk9VHh2UGrZo1psyKECZT2uLm89kaBJaG7Bp9ch+jz5LD3gVn9MHxNp/5STlloBcjbGZ9ohg6woyZx4wg79uXEQ5tAptJgraL0B6GYLEzNp3B/H8LMACMjTUUMjZzJQAAAABJRU5ErkJggg=="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--warning { background-color: var(--color-warning); } .alert--warning .alert__icon:before { content: ""; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMC1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxREM3MkVFM0FGMkMxMUVDQUZDOEEwNUM5NTFGNzg5RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxREM3MkVFNEFGMkMxMUVDQUZDOEEwNUM5NTFGNzg5RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjFEQzcyRUUxQUYyQzExRUNBRkM4QTA1Qzk1MUY3ODlGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjFEQzcyRUUyQUYyQzExRUNBRkM4QTA1Qzk1MUY3ODlGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ub1B7QAAAahJREFUeNpi/P//P8NAACYK9G6BYvIAyMdkYN//COBLjhnkWnwGyeIz9LI44z8mSKO1xQJA/BiLxXehckSbRWriygNiGSziSlA5ogEjCdlJDoivATE3DvkPQKwNxM+onZ1K8VgKAgJAXEFtHxsB8RmQeij/EhDvhbKdgVgPljuB2ASIz1ErH29CS0yFSHKFaHKbqJW43IDYF02MFQebAarWhdI4ZgHiNizizDjYMNAExGyUWBwBxMZklMSWQOxHrsWgFNxMQSXSji8XMBEoLBQosFgFX6GCy2JhIC6hQrVbAjWLaItBiUOIChYLQc0iymJDIE4nYOA7HGxsIBFalGJkF3RQgSOLIAM7JAvtCKjlBOJaaA7BWXI5AfHf/9QHIDOt8NXHx4k06DcQv4fi30TqOYTL4lgSfDAJWvELQNnEglj0spqHlCoNCO5D698PUDaxAGQHL3KqBqViLRIMYMPBJgRAdqTB6mMpIH0FiAVJMACUot9D2YIk5vnnQKwPyk7FJFoKKxjILWAkQUEO8vFbKpVSpIB3IB9fxtFypCV4wjhQnTaAAAMAukNkIFSWlp4AAAAASUVORK5CYII="); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 20px; height: 20px; background-size: 20px 20px; } .alert--process { background-color: #333; } .alert--process .alert__icon:before { content: ""; border-radius: 50%; pointer-events: none; width: 26px; height: 26px; display: inline-block; position: absolute; left: 50%; top: 50%; border-top: 4px solid rgba(255, 255, 255, 0.2); border-right: 4px solid rgba(255, 255, 255, 0.2); border-bottom: 4px solid rgba(255, 255, 255, 0.2); border-left: 4px solid #ffffff; -webkit-animation: load8 1s infinite linear; animation: load8 1s infinite linear; margin-top: -13px; margin-left: -13px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .alert-position { position: fixed; opacity: 0; visibility: hidden; z-index: -1; } .alert-position.animated { opacity: 1; visibility: visible; z-index: 1000; } .alert-position .alert { margin: 10px; } @media (min-width: 576px) { .alert-position { max-width: 500px; } } @media (max-width: 576px) { .alert-position { left: 0; right: 0; } } .alert-position--top-right { top: 0; } @media (min-width: 576px) { .alert-position--top-right { right: 0; } } .alert-position--top-left { top: 0; } @media (min-width: 576px) { .alert-position--top-left { left: 0; } } .alert-position--bottom-right { bottom: 0; } @media (min-width: 576px) { .alert-position--bottom-right { right: 0; } } .alert-position--bottom-left { bottom: 0; } @media (min-width: 576px) { .alert-position--bottom-left { left: 0; } } .alert-position--bottom-center { bottom: 0; margin: 0 auto; } @media (min-width: 576px) { .alert-position--bottom-center { left: 0; right: 0; } } .alert-position--top-center { top: 0; margin: 0 auto; } @media (min-width: 576px) { .alert-position--top-center { left: 0; right: 0; } } .error { border-color: #F00 !important; } .errorlist { margin: 0; list-style: none; padding: 2px 10px 4px; position: relative; background: #fdf7f6; clear: both; } .errorlist li a { color: #f44336; font-size: 11px; /*text-transform: uppercase;*/ text-decoration: none; cursor: default; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } .timer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-third); min-height: 32px; } .timer__media { margin-right: var(--margin-1); } .timer__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .timer__digit { position: relative; font-weight: 600; } .timer__digit:not(:last-child):after { content: ":"; margin: 0 0.1rem; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; } @media (min-width: 1199px) { .container { width: 98%; } } @media (min-width: 1299px) { .container--fixed { max-width: 1430px; } } .container--narrow { max-width: 1240px; } .container--fluid { width: 100%; padding: 0; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13; } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11; } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-xl-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-sm-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-md-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-lg-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-xl-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-xl-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-xl-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .justify-content-xl-start { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-xl-end { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-xl-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-xl-between { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-xl-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-xl-end { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-xl-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-xl-baseline { -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-xl-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; } .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; } .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; } } /*! * Cropper v0.11.1 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2015 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2015-08-22T04:54:51.269Z */ .cropper-container { position: relative; overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0deg !important; } .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-drag-box { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .cropper-modal { background-color: #000; filter: alpha(opacity=50); opacity: .5; } .cropper-view-box { display: block; width: 100%; height: 100%; overflow: hidden; border: 1px solid #69f; border-color: rgba(102, 153, 255, 0.75); border-radius: 0; } .cropper-dashed { position: absolute; display: block; filter: alpha(opacity=50); border: 0 dashed #eee; opacity: .5; } .cropper-dashed.dashed-h { top: 33.33333333%; left: 0; width: 100%; height: 33.33333333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333333%; width: 33.33333333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; filter: alpha(opacity=75); opacity: .75; } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: " "; background-color: #eee; } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: .1; } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #69f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #69f; filter: alpha(opacity=75); opacity: .75; } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; filter: alpha(opacity=100); opacity: 1; } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; background-color: #69f; filter: alpha(opacity=0); opacity: 0; } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; filter: alpha(opacity=75); opacity: .75; } } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-invisible { filter: alpha(opacity=0); opacity: 0; } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } .img-container > img { max-width: 100%; } #facebox { position: fixed; z-index: 999; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 991px) { #facebox { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); transform: translateY(-5%); opacity: 0; visibility: hidden; } } @media (max-width: 1199px) { #facebox { padding: 3rem 0; } } @media (max-width: 1199px) { #facebox { padding: 1rem; } } #facebox .content { position: relative; width: auto; display: block; } @media (min-width: 1199px) { #facebox .content { max-height: 85vh !important; } #facebox .content.facebox-medium { min-width: 820px; max-width: 820px; } #facebox .content.facebox-small { min-width: 500px; height: 100%; max-width: 500px; } #facebox .content.facebox-large { min-width: 1040px; max-width: 1040px; } } @media (max-width: 1199px) { #facebox .content.facebox-medium { min-width: 100%; max-width: 100%; } #facebox .content.facebox-small { min-width: 100%; height: 100%; max-width: 100%; } #facebox .content.facebox-large { min-width: 100%; max-width: 100%; } } #facebox .popup { position: relative; } @media (min-width: 576px) { #facebox .popup { margin: 1.5rem auto; } } @media (max-width: 1199px) { #facebox .popup { width: 90%; margin: 0 auto; } } @media (max-width: 576px) { #facebox .popup { width: 100%; margin: 0 auto; } } #facebox .close { width: 40px; height: 40px; position: absolute; top: -40px; right: 0; -webkit-transform: none; -ms-transform: none; transform: none; } @media (min-width: 767px) { #facebox .close::before { color: var(--color-white); } } .show-facebox #facebox { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s ease-out; transition: -webkit-transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; transition: transform .5s ease-out, -webkit-transform .5s ease-out; opacity: 1; visibility: visible; } #frmLoginPopUp .caption-wraper .field_label:empty, #frmLoginPopUp .caption-wraper:empty, #frmRegisterPopUp .caption-wraper .field_label:empty, #frmRegisterPopUp .caption-wraper:empty { display: none; } #facebox .close img { display: none; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } #facebox .scrollbar { max-height: 700px; } .facebox_hide { z-index: -100; } .facebox_overlayBG { background-color: #000; z-index: 99; opacity: 0.7; } @media (max-width: 767px) { #facebox .close { top: 0; } #facebox .close:after { color: #000; } } @media (max-width: 767px) { .show-facebox { position: fixed; width: 100%; } } #facebox .img-container { max-height: 500px; overflow: auto; } #facebox .img-description { text-align: center; padding: var(--padding-6) var(--padding-6) 0; } #facebox .img-description .rotator-info { margin-bottom: var(--margin-4); } @media (max-width: 767px) { #facebox .calendar-view .fc-header-toolbar { border: none; padding: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .cookies-popup .content-panel__head { padding: var(--padding-4); } .cookies-popup .form__actions { padding: var(--padding-4); } @media (max-width: 1199px) { .calendar-facebox { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .calendar-facebox #facebox { left: 5% !important; right: 5% !important; top: 5% !important; bottom: 5% !important; } .calendar-facebox #facebox .popup, .calendar-facebox #facebox .content, .calendar-facebox #facebox .calendar-view, .calendar-facebox #facebox #calendar-container { height: 100%; } .calendar-facebox #facebox .content { max-height: 100% !important; } .calendar-facebox #facebox #calendar-container { height: calc(100% - 65px); } .calendar-facebox #facebox #calendar-container > div { height: 100%; } .calendar-facebox .tooltipevent { left: 50% !important; top: 50% !important; -webkit-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; } } @media (max-width: 767px) { .calendar-facebox #facebox { left: 0% !important; right: 0% !important; top: 0% !important; bottom: 0% !important; } .calendar-facebox #facebox .calendar-view__head > .row { margin: 0; } } .field-set.filelink { margin-top: var(--margin-4); } .field-set.filelink .tag { margin-top: var(--margin-4); } .facebox-panel { position: relative; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border-radius: var(--radius-1); overflow: hidden; } @media (max-width: 576px) { .facebox-panel { height: 100%; } } @media (min-width: 576px) { .facebox-panel { min-width: 500px; } } @media (min-width: 576px) { .facebox-panel { max-height: 84vh; } } @media (max-width: 576px) { .facebox-panel { max-height: 84vh; } } .facebox-panel__head { padding: var(--padding-6); padding-bottom: 0; border-bottom: 1px solid var(--color-gray-300); } .facebox-panel__head h4 { padding-bottom: var(--padding-6); margin-bottom: 0 !important; } .facebox-panel__body { padding: var(--padding-6); height: 100%; overflow: auto; min-height: 200px; padding-bottom: var(--padding-26); } @media (max-width: 767px) { .facebox-panel__body { padding: var(--padding-5); padding-bottom: var(--padding-20); } } .form-action-sticky { position: fixed; width: 100%; left: 0; right: 0; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); bottom: 0; margin: 0; padding: var(--padding-4) 5px; background-color: var(--color-white); } .form-action-sticky .caption-wraper { display: none; } .form-action-sticky .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-action-sticky .field_cover input[type="submit"] { margin-right: 0 !important; margin-left: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .form-action-sticky .field_cover .btn-primary.btn-primary-bordered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .form--rtl { direction: rtl; } .form--rtl .form-action-sticky input[type="submit"] { margin-left: 0 !important; margin-right: auto !important; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .form--rtl .form-action-sticky .btn-primary.btn-primary-bordered { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .popup__head { padding: var(--padding-10); padding-bottom: 0; border-bottom: 1px solid var(--color-gray-300); } .popup__body { padding: var(--padding-10); } .calendar-wrapper .facebox-panel { max-height: inherit; } .calendar-wrapper .facebox-panel__body { padding: 0 !important; overflow: visible; height: auto; } @media (min-width: 576px) { .show-facebox { overflow: hidden; padding-right: 8px; } } .fc-icon, .fc-unselectable { -moz-user-select: none; -ms-user-select: none; } .fc .fc-button, .fc-icon { text-transform: none; text-align: center; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc .fc-button:not(:disabled), .fc a[data-navlink], .fc-event.fc-event-draggable, .fc-event[href] { cursor: pointer; } .fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .fc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 1em; } .fc .fc-button, .fc-icon { display: inline-block; font-weight: 400; } .fc, .fc *, .fc :after, .fc :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc th { text-align: center; } .fc td, .fc th { vertical-align: top; padding: 0; } .fc .fc-button, .fc .fc-button .fc-icon, .fc .fc-button-group, .fc .fc-timegrid-slot-label { vertical-align: middle; } .fc a[data-navlink]:hover { text-decoration: underline; } .fc .fc-button:hover, .fc .fc-list-event-title a, a.fc-event, a.fc-event:hover { text-decoration: none; } .fc-direction-ltr { direction: ltr; text-align: left; } .fc-direction-rtl { direction: rtl; text-align: right; } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc-liquid-hack td, .fc-liquid-hack th { position: relative; } @font-face { font-family: fcicons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype"); font-weight: 400; font-style: normal; } .fc-icon { width: 1em; height: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: fcicons !important; speak: none; font-style: normal; font-variant: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: "\e900"; } .fc-icon-chevron-right:before { content: "\e901"; } .fc-icon-chevrons-left:before { content: "\e902"; } .fc-icon-chevrons-right:before { content: "\e903"; } .fc-icon-minus-square:before { content: "\e904"; } .fc-icon-plus-square:before { content: "\e905"; } .fc-icon-x:before { content: "\e906"; } .fc .fc-button { overflow: visible; text-transform: none; margin: 0; font-family: inherit; } .fc .fc-button::-moz-focus-inner { padding: 0; border-style: none; } .fc .fc-button { -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .4em .65em; font-size: 1em; line-height: 1.5; border-radius: .25em; } .fc .fc-button:focus { outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus { -webkit-box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc .fc-button:disabled { opacity: .65; } .fc .fc-button-primary { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); } .fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); } .fc .fc-button-primary:disabled { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); } .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); } .fc .fc-button .fc-icon { font-size: 1.5em; } .fc .fc-button-group { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .fc .fc-button-group > .fc-button { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fc .fc-button-group > .fc-button.fc-button-active, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:hover { z-index: 1; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc .fc-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } .fc .fc-toolbar-title { font-size: 1.75em; margin: 0; } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: .75em; } .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { margin-right: .75em; } .fc-direction-rtl .fc-toolbar-ltr { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative; } .fc .fc-scroller-liquid { height: 100%; } .fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr; } .fc .fc-scroller-harness-liquid { height: 100%; } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { direction: rtl; } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc .fc-scrollgrid, .fc .fc-scrollgrid-section-footer > *, .fc .fc-scrollgrid-section-header > * { border-bottom-width: 0; } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { width: 100%; table-layout: fixed; } .fc .fc-scrollgrid table { border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; } .fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; } .fc .fc-scrollgrid-liquid { height: 100%; } .fc .fc-scrollgrid-section, .fc .fc-scrollgrid-section table, .fc .fc-scrollgrid-section > td { height: 1px; } .fc .fc-scrollgrid-section-liquid { height: auto; } .fc .fc-scrollgrid-section-liquid > td { height: 100%; } .fc .fc-scrollgrid-section > * { border-top-width: 0; border-left-width: 0; } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; } .fc .fc-scrollgrid-section-sticky > * { background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 2; } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { top: 0; } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { bottom: 0; } .fc .fc-scrollgrid-sticky-shim { height: 1px; margin-bottom: -1px; } .fc-sticky { position: sticky; } .fc .fc-view-harness { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; } .fc .fc-bg-event, .fc .fc-highlight, .fc .fc-non-business, .fc .fc-view-harness-active > .fc-view { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc .fc-col-header-cell-cushion { display: inline-block; padding: 2px 4px; } .fc .fc-non-business { background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); } .fc .fc-bg-event { background: var(--fc-bg-event-color, #8fdf82); opacity: .3; opacity: var(--fc-bg-event-opacity, 0.3); } .fc .fc-bg-event .fc-event-title { margin: .5em; font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); font-style: italic; } .fc .fc-highlight { background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-event .fc-event-main { position: relative; z-index: 2; } .fc-event-dragging:not(.fc-event-selected) { opacity: .75; } .fc-event-dragging.fc-event-selected { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; } .fc-event-selected .fc-event-resizer, .fc-event:hover .fc-event-resizer, .fc-h-event { display: block; } .fc-event-selected .fc-event-resizer { border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width,8px)/ 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: var(--fc-page-bg-color, #fff); } .fc-event-selected .fc-event-resizer:before { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; } .fc-event-selected { -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event-selected:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .fc-event-selected:after { content: ""; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; top: -1px; left: -1px; right: -1px; bottom: -1px; } .fc-h-event { border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8); } .fc-h-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); } .fc-h-event .fc-event-main-frame { display: -webkit-box; display: -ms-flexbox; display: flex; } .fc-h-event .fc-event-time { max-width: 100%; overflow: hidden; } .fc-h-event .fc-event-title-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; } .fc-h-event .fc-event-title { display: inline-block; vertical-align: top; left: 0; right: 0; max-width: 100%; overflow: hidden; } .fc-h-event.fc-event-selected:before { top: -10px; bottom: -10px; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; left: calc(var(--fc-event-resizer-thickness,8px)/ -2); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; right: calc(var(--fc-event-resizer-thickness,8px)/ -2); } .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; margin-top: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; left: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; right: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } :root { --fc-daygrid-event-dot-width:8px; --fc-list-event-dot-width:10px; --fc-list-event-hover-bg-color:#f5f5f5; } .fc .fc-popover { position: fixed; top: 0; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc .fc-popover-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 4px; } .fc .fc-popover-title { margin: 0 2px; } .fc .fc-popover-close { cursor: pointer; opacity: .65; font-size: 1.1em; } .fc-theme-standard .fc-popover { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: var(--fc-page-bg-color, #fff); } .fc-theme-standard .fc-popover-header { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-daygrid-day-events:after, .fc-daygrid-day-events:before, .fc-daygrid-day-frame:after, .fc-daygrid-day-frame:before, .fc-daygrid-event-harness:after, .fc-daygrid-event-harness:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-body { position: relative; z-index: 1; } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; } .fc .fc-daygrid-day-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: .3; } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc .fc-daygrid-day-events { margin-top: 1px; } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; min-height: 2em; } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; left: 0; right: 0; } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1; } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2; } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3; } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc .fc-daygrid-day-bottom { font-size: .85em; margin: 2px 3px 0; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: grey; color: var(--fc-neutral-text-color, grey); } .fc .fc-more-popover { z-index: 8; } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; } .fc-daygrid-event { position: relative; white-space: nowrap; border-radius: 3px; font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); } .fc-daygrid-block-event .fc-event-time { font-weight: 700; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } .fc-daygrid-dot-event { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 0; } .fc-daygrid-dot-event .fc-event-title { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-width: 0; overflow: hidden; font-weight: 700; } .fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { top: -10px; bottom: -10px; } .fc-daygrid-event-dot { margin: 0 4px; -webkit-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width,8px)/ 2); } .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } .fc-v-event { display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8); } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .fc-v-event .fc-event-time { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; min-height: 0; } .fc-v-event .fc-event-title { top: 0; bottom: 0; max-height: 100%; overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { left: -10px; right: -10px; } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness,8px)/ -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness,8px)/ -2); } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width,8px)/ -2); } .fc .fc-timegrid .fc-daygrid-body { z-index: 2; } .fc .fc-timegrid-axis-chunk > table, .fc .fc-timegrid-body, .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-divider { padding: 0 0 2px; } .fc .fc-timegrid-body { min-height: 100%; } .fc .fc-timegrid-axis-chunk { position: relative; } .fc .fc-timegrid-slot { height: 1.5em; border-bottom: 0; } .fc .fc-timegrid-slot:empty:before { content: '\00a0'; } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc .fc-timegrid-axis-frame-liquid { height: 100%; } .fc .fc-timegrid-axis-frame { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .fc .fc-timegrid-axis-cushion { max-width: 60px; -ms-flex-negative: 0; flex-shrink: 0; } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; position: relative; } .fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-media-screen .fc-timegrid-cols > table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc-media-screen .fc-timegrid-event-harness { position: absolute; } .fc .fc-timegrid-col-bg { z-index: 2; } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1; } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2; } .fc .fc-timegrid-col-bg .fc-highlight, .fc .fc-timegrid-col-events { z-index: 3; } .fc .fc-timegrid-bg-harness { position: absolute; left: 0; right: 0; } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror { -webkit-box-shadow: 0 0 0 1px #fff; box-shadow: 0 0 0 1px #fff; -webkit-box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff); box-shadow: 0 0 0 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event { font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); border-radius: 3px; } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); margin-bottom: 1px; } .fc-timegrid-event-condensed .fc-event-main-frame { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; overflow: hidden; } .fc-timegrid-event-condensed .fc-event-time:after { content: '\00a0-\00a0'; } .fc-timegrid-event-condensed .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, 0.85em); } .fc-media-screen .fc-timegrid-event { position: absolute; top: 0; bottom: 1px; left: 0; right: 0; } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-width: 1px 0 0; } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; border-style: solid; } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-theme-standard .fc-list { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc .fc-list-empty { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc .fc-list-table { width: 100%; border-style: hidden; } .fc .fc-list-table tr > * { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day > * { position: sticky; top: 0; background: var(--fc-page-bg-color, #fff); } .fc .fc-list-table th { padding: 0; } .fc .fc-list-day-cushion, .fc .fc-list-table td { padding: 8px 14px; } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; } .fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right; } .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0; } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0; } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; } .fc .fc-list-event:hover td { background-color: #f5f5f5; background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; } .fc .fc-list-event-dot { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; border: 5px solid #3788d8; border: calc(var(--fc-list-event-dot-width,10px)/ 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; border-radius: calc(var(--fc-list-event-dot-width,10px)/ 2); } .fc .fc-list-event-title a { color: inherit; } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } .fc-theme-bootstrap a:not([href]) { color: inherit; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014    https://github.com/IonDen // © guybowden, 2014        https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 30px; } .irs-with-grid { height: 60px; margin-top: 10px; } .irs-line { height: 6px; top: 0; background: #e1e1e1; /* background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);  W3C */ /*   border: 1px solid #CCC;*/ border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 6px; top: 0; background: var(--color-secondary); /*  background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);  W3C */ } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8)); background: -o-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%); background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: -10px; border-radius: 100%; background: #fff; color: #555555; cursor: move; font-weight: normal; border: 1px solid #ddd; cursor: move; height: 1.8em; position: absolute; width: 1.8rem; z-index: 2; -webkit-box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.06); } /* .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } */ .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 12px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #0064ca; border-radius: 3px; -moz-border-radius: 3px; } #perform_price { position: relative; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 30px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } /*! * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/) * Author: boniface pereira * Website: www.craftpip.com * Contact: hey@craftpip.com * * Copyright 2013-2017 jquery-confirm * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE) */ @-webkit-keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes jconfirm-spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body[class*="jconfirm-no-scroll-"] { overflow: hidden !important; } .jconfirm { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; font-family: inherit; overflow: hidden; } .jconfirm .jconfirm-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; } .jconfirm .jconfirm-bg.jconfirm-bg-h { opacity: 0 !important; } .jconfirm .jconfirm-scrollpane { -webkit-perspective: 500px; perspective: 500px; -webkit-perspective-origin: center; perspective-origin: center; display: table; width: 100%; height: 100%; } .jconfirm .jconfirm-row { display: table-row; width: 100%; } .jconfirm .jconfirm-cell { display: table-cell; vertical-align: middle; } .jconfirm .jconfirm-holder { max-height: 100%; padding: 50px 0; } .jconfirm .jconfirm-box-container { -webkit-transition: -webkit-transform; transition: -webkit-transform; -o-transition: transform; transition: transform; transition: transform, -webkit-transform; } .jconfirm .jconfirm-box-container.jconfirm-no-transition { -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .jconfirm .jconfirm-box { background: white; border-radius: 4px; position: relative; outline: 0; padding: 15px 15px 0; overflow: hidden; margin-left: auto; margin-right: auto; } @-webkit-keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @keyframes type-blue { 1%, 100% { border-color: #3498db; } 50% { border-color: #5faee3; } } @-webkit-keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @keyframes type-green { 1%, 100% { border-color: #2ecc71; } 50% { border-color: #54d98c; } } @-webkit-keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @keyframes type-red { 1%, 100% { border-color: #e74c3c; } 50% { border-color: #ed7669; } } @-webkit-keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @keyframes type-orange { 1%, 100% { border-color: #f1c40f; } 50% { border-color: #f4d03f; } } @-webkit-keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @keyframes type-purple { 1%, 100% { border-color: #9b59b6; } 50% { border-color: #b07cc6; } } @-webkit-keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } @keyframes type-dark { 1%, 100% { border-color: #34495e; } 50% { border-color: #46627f; } } .jconfirm .jconfirm-box.jconfirm-type-animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .jconfirm .jconfirm-box.jconfirm-type-blue { border-top: solid 7px #3498db; -webkit-animation-name: type-blue; animation-name: type-blue; } .jconfirm .jconfirm-box.jconfirm-type-green { border-top: solid 7px #2ecc71; -webkit-animation-name: type-green; animation-name: type-green; } .jconfirm .jconfirm-box.jconfirm-type-red { border-top: solid 7px #e74c3c; -webkit-animation-name: type-red; animation-name: type-red; } .jconfirm .jconfirm-box.jconfirm-type-orange { border-top: solid 7px #f1c40f; -webkit-animation-name: type-orange; animation-name: type-orange; } .jconfirm .jconfirm-box.jconfirm-type-purple { border-top: solid 7px #9b59b6; -webkit-animation-name: type-purple; animation-name: type-purple; } .jconfirm .jconfirm-box.jconfirm-type-dark { border-top: solid 7px #34495e; -webkit-animation-name: type-dark; animation-name: type-dark; } .jconfirm .jconfirm-box.loading { height: 120px; } .jconfirm .jconfirm-box.loading:before { content: ""; position: absolute; left: 0; background: white; right: 0; top: 0; bottom: 0; border-radius: 10px; z-index: 1; } .jconfirm .jconfirm-box.loading:after { opacity: 0.6; content: ""; height: 30px; width: 30px; border: solid 3px transparent; position: absolute; left: 50%; margin-left: -15px; border-radius: 50%; -webkit-animation: jconfirm-spin 1s infinite linear; animation: jconfirm-spin 1s infinite linear; border-bottom-color: dodgerblue; top: 50%; margin-top: -15px; z-index: 2; } .jconfirm .jconfirm-box div.jconfirm-closeIcon { height: 20px; width: 20px; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0.6; text-align: center; font-size: 27px !important; line-height: 14px !important; display: none; z-index: 1; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .fa { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi { font-size: 16px; } .jconfirm .jconfirm-box div.jconfirm-closeIcon:hover { opacity: 1; } .jconfirm .jconfirm-box div.jconfirm-title-c { display: block; font-size: 22px; line-height: 20px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; padding-bottom: 15px; } .jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand { cursor: move; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { font-size: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i { vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: inherit; font-family: inherit; display: inline-block; vertical-align: middle; } .jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty { display: none; } .jconfirm .jconfirm-box div.jconfirm-content-pane { margin-bottom: 15px; height: auto; -webkit-transition: height 0.4s ease-in; -o-transition: height 0.4s ease-in; transition: height 0.4s ease-in; display: inline-block; width: 100%; position: relative; overflow-x: hidden; overflow-y: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll { overflow-y: hidden; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar { width: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb { background: #666; border-radius: 3px; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img { max-width: 100%; height: auto; } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty { display: none; } .jconfirm .jconfirm-box .jconfirm-buttons { padding-bottom: 11px; } .jconfirm .jconfirm-box .jconfirm-buttons > button { margin-bottom: 4px; margin-left: 2px; margin-right: 2px; } .jconfirm .jconfirm-box .jconfirm-buttons button { display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 4px; min-height: 1em; -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; -o-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease; transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease; -webkit-tap-highlight-color: transparent; border: 0; background-image: none; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue { background-color: #3498db; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover { background-color: #2980b9; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green { background-color: #2ecc71; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover { background-color: #27ae60; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red { background-color: #e74c3c; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover { background-color: #c0392b; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange { background-color: #f1c40f; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover { background-color: #f39c12; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default { background-color: #ecf0f1; color: #000; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover { background-color: #bdc3c7; color: #000; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple { background-color: #9b59b6; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover { background-color: #8e44ad; color: #fff; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark { background-color: #34495e; color: #fff; text-shadow: none; -webkit-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover { background-color: #2c3e50; color: #fff; } .jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c { color: #e74c3c !important; } .jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c { color: #3498db !important; } .jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c { color: #2ecc71 !important; } .jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c { color: #9b59b6 !important; } .jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c { color: #f1c40f !important; } .jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c { color: #34495e !important; } .jconfirm .jconfirm-clear { clear: both; } .jconfirm.jconfirm-rtl { direction: rtl; } .jconfirm.jconfirm-rtl div.jconfirm-closeIcon { left: 5px; right: auto; } .jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg { background-color: #444; opacity: 0.2; } .jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); border-radius: 5px; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #333; } .jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #ddd; } .jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-black .jconfirm-bg, .jconfirm.jconfirm-dark .jconfirm-bg { background-color: darkslategray; opacity: 0.4; } .jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); background: #444; border-radius: 5px; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons { float: right; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button { border: 0; background-image: none; text-transform: uppercase; font-size: 14px; font-weight: bold; text-shadow: none; -webkit-transition: background 0.1s; -o-transition: background 0.1s; transition: background 0.1s; color: white; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default { -webkit-box-shadow: none; box-shadow: none; color: #fff; background: 0; } .jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover { background: #666; } .jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c, .jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow { -webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-2px, 0, 0); transform: translate3d(-2px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-8px, 0, 0); transform: translate3d(-8px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(8px, 0, 0); transform: translate3d(8px, 0, 0); } } @-webkit-keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } @keyframes glow { 0%, 100% { -webkit-box-shadow: 0 0 0 red; box-shadow: 0 0 0 red; } 50% { -webkit-box-shadow: 0 0 30px red; box-shadow: 0 0 30px red; } } .jconfirm { -webkit-perspective: 400px; perspective: 400px; } .jconfirm .jconfirm-box { opacity: 1; -webkit-transition-property: all; -o-transition-property: all; transition-property: all; } .jconfirm .jconfirm-box.jconfirm-animation-top, .jconfirm .jconfirm-box.jconfirm-animation-left, .jconfirm .jconfirm-box.jconfirm-animation-right, .jconfirm .jconfirm-box.jconfirm-animation-bottom, .jconfirm .jconfirm-box.jconfirm-animation-opacity, .jconfirm .jconfirm-box.jconfirm-animation-zoom, .jconfirm .jconfirm-box.jconfirm-animation-scale, .jconfirm .jconfirm-box.jconfirm-animation-none, .jconfirm .jconfirm-box.jconfirm-animation-rotate, .jconfirm .jconfirm-box.jconfirm-animation-rotatex, .jconfirm .jconfirm-box.jconfirm-animation-rotatey, .jconfirm .jconfirm-box.jconfirm-animation-scaley, .jconfirm .jconfirm-box.jconfirm-animation-scalex { opacity: 0; } .jconfirm .jconfirm-box.jconfirm-animation-rotate { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .jconfirm .jconfirm-box.jconfirm-animation-rotatex { -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatexr { -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotatey { -webkit-transform: rotatey(90deg); -ms-transform: rotatey(90deg); transform: rotatey(90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-rotateyr { -webkit-transform: rotatey(-90deg); -ms-transform: rotatey(-90deg); transform: rotatey(-90deg); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scaley { -webkit-transform: scaley(1.5); -ms-transform: scaley(1.5); transform: scaley(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-scalex { -webkit-transform: scalex(1.5); -ms-transform: scalex(1.5); transform: scalex(1.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .jconfirm .jconfirm-box.jconfirm-animation-top { -webkit-transform: translate(0px, -100px); -ms-transform: translate(0px, -100px); transform: translate(0px, -100px); } .jconfirm .jconfirm-box.jconfirm-animation-left { -webkit-transform: translate(-100px, 0px); -ms-transform: translate(-100px, 0px); transform: translate(-100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-right { -webkit-transform: translate(100px, 0px); -ms-transform: translate(100px, 0px); transform: translate(100px, 0px); } .jconfirm .jconfirm-box.jconfirm-animation-bottom { -webkit-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); transform: translate(0px, 100px); } .jconfirm .jconfirm-box.jconfirm-animation-zoom { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .jconfirm .jconfirm-box.jconfirm-animation-scale { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); } .jconfirm .jconfirm-box.jconfirm-animation-none { visibility: hidden; } .jconfirm.jconfirm-supervan .jconfirm-bg { background-color: rgba(54, 70, 93, 0.95); } .jconfirm.jconfirm-supervan .jconfirm-box { background-color: transparent; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark { border: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon { color: white; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c { text-align: center; color: white; font-size: 28px; font-weight: normal; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * { padding-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane { margin-bottom: 25px; } .jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content { text-align: center; color: white; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button { font-size: 16px; border-radius: 2px; background: #303f53; text-shadow: none; border: 0; color: white; padding: 10px; min-width: 100px; } .jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-material .jconfirm-bg { background-color: rgba(0, 0, 0, 0.67); } .jconfirm.jconfirm-material .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 25px 10px 25px; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; } .jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons { text-align: right; } .jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button { text-transform: uppercase; font-weight: 500; } .jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-bg { background-color: rgba(0, 0, 0, 0.21); } .jconfirm.jconfirm-bootstrap .jconfirm-box { background-color: white; -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2); border: solid 1px rgba(0, 0, 0, 0.4); padding: 15px 0 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { margin-right: 8px; margin-left: 0; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 22px; font-weight: bold; padding-left: 15px; padding-right: 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content { color: rgba(0, 0, 0, 0.87); padding: 0 15px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons { text-align: right; padding: 10px; margin: -5px 0 0; border-top: solid 1px #ddd; overflow: hidden; border-radius: 0 0 4px 4px; } .jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button { font-weight: 500; } .jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c { margin-left: 8px; margin-right: 0; } .jconfirm.jconfirm-modern .jconfirm-bg { background-color: slategray; opacity: 0.6; } .jconfirm.jconfirm-modern .jconfirm-box { background-color: white; -webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12); padding: 30px 30px 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon { color: rgba(0, 0, 0, 0.87); top: 15px; right: 15px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c { color: rgba(0, 0, 0, 0.87); font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c { -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); display: block; margin-right: 0; margin-left: 0; margin-bottom: 10px; font-size: 69px; color: #aaa; } .jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content { text-align: center; font-size: 15px; color: #777; margin-bottom: 25px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons { text-align: center; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button { font-weight: bold; text-transform: uppercase; -webkit-transition: background 0.1s; -o-transition: background 0.1s; transition: background 0.1s; padding: 10px 20px; } .jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button { margin-left: 4px; } .jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { float: left; clear: left; padding-left: 5px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 0; margin-left: 40%; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-timepicker-div .ui_tpicker_unit_hide { display: none; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; } .ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; } .ui-timepicker-rtl { direction: rtl; } .ui-timepicker-rtl dl { text-align: right; padding-right: 5px; } .ui-timepicker-rtl dl dt { float: right; clear: right; } .ui-timepicker-rtl dl dd { margin: 0 0 10px 10px; margin-right: 40%; } /* Shortened version style */ .ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, .ui-timepicker-div.ui-timepicker-oneLine dt { display: none; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; } .ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; } .ui-timepicker-div.ui-timepicker-oneLine dl dd, .ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display: inline-block; margin: 0; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content: ':'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before, .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content: '.'; display: inline-block; } .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide, .ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before { display: none; } /*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 10; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: 0.5em 0.5em 0.5em 0; padding-left: 0.7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; max-height: 220px; overflow-x: hidden; overflow-y: auto; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 0.6rem 1rem; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: 0.2em; margin: auto 0; } .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: 0.4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: 0.1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: visible; } .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited { text-decoration: none; } .ui-button-icon-only { width: 2em; -webkit-box-sizing: border-box; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-button-icon-only { text-indent: 0; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: 0.4em 1em; } button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: 0.4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } .ui-controlgroup-vertical .ui-spinner-input { width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { -webkit-box-shadow: inset 1px 1px 1px #ccc; box-shadow: inset 1px 1px 1px #ccc; border-radius: 0.12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 0.2em 0; } .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev { position: absolute; top: 3px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 48%; height: 30px; padding-left: 5px; line-height: 30px; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: 600; text-transform: uppercase; font-size: 12px; border: 1px solid #eee; } .ui-datepicker td { border: 0; padding: 0; border: 1px solid #eee; } .ui-datepicker td a, .ui-datepicker td span { display: block; padding: 0.2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0; border-top: none; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; 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: 0 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: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: 0.5em; top: 0.3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: 0.2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: 0.4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 0; white-space: nowrap; width: 90%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: 0.5em 1em; background: 0 0; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; 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 0; margin-right: 0.4em; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==); height: 100%; opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: 700; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { border: none !important; position: relative; text-align: left; } .ui-slider .ui-slider-handle { border-radius: 100%; border: none !important; background: #c4c8cc !important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { border: none !important; background: #0064ca !important; position: absolute; z-index: 1; font-size: 0.7em; display: block; border: 0; background-position: 0 0; } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; } .ui-slider-horizontal { background: #e9e9e9 !important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -0.4em; margin-left: -0.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 0.8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: 0 0; color: inherit; padding: 0.222em 0; margin: 0.2em 0; vertical-align: middle; margin-left: 0.4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: 0.5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; padding: 0.2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0.2em 0.2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin-top: 1px; margin-right: 0.2em; border-bottom-width: 0; padding: 0; 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-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: 0 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid transparent !important; background: #fff; color: #333; -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } .ui-widget-content a { color: #333; } .ui-widget-header { border: 1px solid #ddd; background: #e9e9e9; color: #333; font-weight: 700; } .ui-widget-header a { color: #333; } .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: 400; color: #454545; } .ui-visual-focus { -webkit-box-shadow: 0 0 3px 1px #5e9ed6; box-shadow: 0 0 3px 1px #5e9ed6; } .ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { background: rgba(0, 0, 0, 0.06); font-weight: 400; color: var(--color-primary); } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #fff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #fff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: 700; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); font-weight: 400; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: 0.35; filter: Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); } .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-button .ui-icon { background-image: url(images/ui-icons_777777_256x240.png); } .ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-default .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon { background-image: url(images/ui-icons_222222_256x240.png); } .ui-button:active .ui-icon, .ui-state-active .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png); } .ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon { background-image: url(images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(images/ui-icons_cc0000_256x240.png); } .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top { border-top-left-radius: var(--radius-1); } .ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr { border-top-right-radius: var(--radius-1); } .ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left { border-bottom-left-radius: var(--radius-1); } .ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right { border-bottom-right-radius: var(--radius-1); } .ui-widget-overlay { background: #aaa; opacity: 0.3; filter: Alpha(Opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0 0 5px #666; box-shadow: 0 0 5px #666; } .ui-datepicker { border: none !important; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); padding: 15px; border-radius: var(--radius-0); width: auto; min-width: 400px; z-index: 2 !important; } .ui-datepicker-header.ui-widget-header { background: 0 0; border: none; margin-bottom: 1rem; } .ui-datepicker-month, .ui-datepicker-year { margin: 0 2px !important; } .ui-datepicker td .ui-state-default { background: 0 0; border: none; text-align: center; padding: 10px; } .ui-datepicker td.ui-datepicker-current-day { background: var(--color-secondary); } .ui-datepicker td { position: relative; } .ui-datepicker td > a { position: relative; } .ui-datepicker td.ui-datepicker-today .ui-state-active { background: #fff; } .ui-datepicker td.ui-datepicker-today .ui-state-active:before { display: none; } .ui-datepicker td.ui-datepicker-today .ui-state-active > a { color: var(--color-secondary); } .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a { color: var(--color-secondary); } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today { background: 0 0; } .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before { display: none; } .ui-datepicker td.ui-datepicker-today a { color: var(--color-secondary); font-weight: 600; background: var(--color-gray-100) !important; } .ui-datepicker .ui-datepicker-buttonpane button { opacity: 1; padding: 8px 20px; font-weight: 400 !important; border: none; background: var(--color-secondary); color: #fff; -webkit-transition: 0.5s all ease; -o-transition: 0.5s all ease; transition: 0.5s all ease; } .dropdown-menu { -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); background: #fff; border-radius: 5px; padding: 0; position: absolute; top: 100%; min-width: 300px; z-index: 2; display: none; list-style: none; max-height: 200px; overflow: auto; } .dropdown-menu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu li a { display: block; padding: 10px; color: inherit; } .ui-datepicker-header .ui-datepicker-next { width: 30px; height: 30px; display: block; cursor: pointer; } .ui-datepicker-header .ui-datepicker-next .ui-icon::before { position: absolute; left: 5px; top: 3px; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #999; } .ui-datepicker-header .ui-datepicker-prev { width: 30px; height: 30px; display: block; cursor: pointer; } .ui-datepicker-header .ui-datepicker-prev .ui-icon::before { position: absolute; left: 5px; top: 3px; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #999; } .ui-datepicker td.ui-datepicker-current-day:not(.ui-datepicker-today) .ui-state-active { color: var(--color-primary-inverse); } .xdsoft_datetimepicker { background: #FFFFFF; position: absolute; z-index: 9999; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; border: none !important; -webkit-box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 35px 10px rgba(0, 0, 0, 0.1); width: 400px; padding: var(--padding-2); border-radius: var(--radius-0); } @media (min-width: 576px) { .xdsoft_datetimepicker { min-width: 400px; } } @media (max-width: 576px) { .xdsoft_datetimepicker { width: 100%; min-width: 1%; } } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; -webkit-box-shadow: none; box-shadow: none; } .xdsoft_datetimepicker * { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: calc(100% - 80px); float: left; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 80px; float: right; text-align: center; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: none; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; border: 1px solid var(--color-gray-300) !important; border-radius: var(--radius-1); background-image: none !important; background-position: -15px 0; } .xdsoft_datetimepicker .xdsoft_prev:before { position: absolute; left: 50%; top: 50%; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 7px solid #666; margin-top: -5px; margin-left: -5px; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -63px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { border: 1px solid var(--color-gray-300) !important; border-radius: var(--radius-1); background-image: none !important; float: left; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next:before { position: absolute; left: 50%; top: 50%; content: ""; pointer-events: none; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #666; margin-top: -5px; margin-left: -3px; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 34px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 34px; min-width: 34px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { position: relative; float: none; background-position: -40px -15px; height: 20px; width: 52px; display: block; background-image: none !important; margin-top: 7px; border: none !important; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 0; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev:before { position: absolute; left: 50%; top: 0; content: ""; pointer-events: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #666; margin-top: -1px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next:before { position: absolute; left: 50%; top: 0; content: ""; pointer-events: none; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #666; margin-top: 5px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 218px; overflow: hidden; border-bottom: 1px solid var(--color-gray-300); } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div { border-top: 1px solid var(--color-gray-300); color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 30px; line-height: 30px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 10px; font-size: 13px; line-height: 20px; background-color: #fff; float: left; width: 182px; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover > span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { left: 0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { left: 0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: var(--color-primary); color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { min-width: 75px; border: 1px solid var(--color-gray-300); margin: 0 5px; height: 34px; border-radius: var(--radius-1); } .xdsoft_datetimepicker .xdsoft_month > span { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; } .xdsoft_datetimepicker .xdsoft_month > span:after { position: absolute; right: 0; top: 50%; content: ""; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #999; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { min-width: 75px; border: 1px solid var(--color-gray-300); margin: 0 5px; height: 34px; border-radius: var(--radius-1); } .xdsoft_datetimepicker .xdsoft_year > span { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative; } .xdsoft_datetimepicker .xdsoft_year > span:after { position: absolute; right: 0; top: 50%; content: ""; margin-top: -2px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #999; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 35px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: transparent; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 35px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: transparent; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: var(--color-primary); } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: var(--color-primary); color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #fff !important; background: var(--color-secondary) !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover { color: inherit	!important; background: inherit !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid var(--color-gray-300); } .xdsoft_scrollbar > .xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { -webkit-box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div { background: #0a0a0a; border-top: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current { background: #cc5500; -webkit-box-shadow: #b03e00 0 1px 3px 0 inset; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller { background: #333 !important; } .xdsoft_datepicker.active, .xdsoft_timepicker.active { background-color: transparent !important; } .xdsoft_timepicker.active { padding: var(--padding-4); } .xdsoft_datepicker.active { padding: var(--padding-4); } .xdsoft_datetimepicker .xdsoft_today_button { width: 34px; min-width: 34px; height: 34px; border: 1px solid var(--color-gray-300) !important; opacity: 1 !important; display: none; } div.tagsinput { border: 1px solid #ccc; background: #fff; padding: 5px; overflow-y: auto; } div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px; text-decoration: none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom: 5px; font-family: helvetica; font-size: 13px; } div.tagsinput span.tag a { font-weight: 700; color: #82ad2b; text-decoration: none; font-size: 11px; } div.tagsinput input { width: 80px; margin: 0 5px 5px 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 5px; background: 0 0; color: #000; outline: 0; } div.tagsinput div { display: block; float: left; } .tags_clear { clear: both; width: 100%; height: 0; } .not_valid { background: #fbd8db !important; color: #90111a !important; } /******* EXAMPLE A *******/ .rating-a .br-widget { height: 52px; } .rating-a .br-widget a { display: block; width: 15px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: #e3e3e3; margin: 1px; text-align: center; } .rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected { background-color: #59a6d6; } .rating-a .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #646464; } /******* EXAMPLE B *******/ .rating-b .br-widget { height: 25px; } .rating-b .br-widget a { display: block; width: 70px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected { background-color: #59a6d6; } .rating-b .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } .rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected { background-color: #cbcbcb; } /******* EXAMPLE C *******/ .rating-c .br-widget { height: 52px; } .rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: #e3e3e3; margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: #b6b6b6; } .rating-c .br-widget a.br-active, .rating-c .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE D *******/ .rating-d .br-widget { height: 52px; } .rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: white; border-bottom: 2px solid #e3e3e3; color: #646464; margin: 1px; text-decoration: none; line-height: 2.1; text-align: center; } .rating-d .br-widget a span { color: white; } .rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected { border-bottom: 2px solid #646464; } .rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span { color: #646464; } /******* EXAMPLE E *******/ .rating-e .br-widget a { padding: 5px; color: #646464; text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center; } .rating-e .br-widget a.br-active { background-color: #e3e3e3; color: #646464; } .rating-e .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE F *******/ .rating-f .br-widget { height: 24px; } .rating-f .br-widget a { background: url("images/star.png"); width: 24px; height: 24px; display: block; float: left; } .rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected { background-position: 0 24px; } /******* EXAMPLE G *******/ .rating-g .br-widget { height: 25px; } .rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected { background-color: #59a6d6; } .rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-resolution: 192dpi) { .rating-f .br-widget a { /* background: url('images/star@2x.png'); background-size: 24px 48px; */ } } a.banner-btn-url { margin-top: 1rem; } input[name=teach_language_name].ui-autocomplete-loading { background: none; } .schedule-list .timer .span-right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .lesson-listing-timer.timer .colorDefinition { font-weight: 500; padding: 3px 10px; font-size: 17px; background: #333 !important; margin-top: 3px; display: inline-block; max-width: 115px; } .schedule-list .timer .label { font-size: 15px; margin: 0; display: inline-block; margin-right: 5px; font-weight: 600; color: var(--color-secondary); } .actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; vertical-align: top; margin: 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .actions li { display: inline-block; vertical-align: top; margin: 0 0 4px 0; margin-right: 2px; } .actions li a { display: block; border-radius: 4px; padding: 5px; width: 35px; height: 35px; line-height: 1.4; text-align: center; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #333; border-radius: 4px; } .actions li a svg path { fill: #fff; } .profile-progress { /*padding-right: 10px;*/ } .search-lesson-listing { padding-bottom: 10px; } small.transaction-fee { color: var(--color-secondary); } .btn.disabled { cursor: not-allowed; } .div_info li a { text-decoration: underline; color: var(--colors-primary); cursor: pointer; } a.view-teacher-link { margin-right: 35px; } .-link-close.-top { top: 17px; } @media screen and (max-width: 767px) { a.view-teacher-link { margin-right: 45px; } .-link-close.-top { right: 0px; } .message-head { padding-left: 30px; } } .iss_accordion { background-color: #eee; color: #444; cursor: pointer; padding: 18px; width: 100%; text-align: left; border: none; outline: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .active, .iss_accordion:hover { background-color: #ccc; } /* Style the accordion panel. Note: hidden by default */ .panel { background-color: white; display: none; overflow: hidden; } ul.list-accordion li { position: relative; } ul.list-accordion li label { position: absolute; left: 10px; top: 13px; } ul.list-accordion li .iss_accordion { padding-left: 40px; } .issues-to-resolve input { margin-right: 8px; margin-top: 2px; } /* cookie consent */ .cookie-consent .tab-menu { display: inline-block; } .cookie-consent .tabs-offset { margin: 0; } .cookie-consent .tab-menu ul { margin: 0; padding: 0; } .cookie-consent .tab-menu ul li { list-style-type: none; display: inline-block; } .cookie-consent .tab-menu ul li a { text-decoration: none; color: rgba(0, 0, 0, 0.4); background-color: #b4cbc4; padding: 7px 25px; border-radius: 4px; } .cookie-consent .tab { display: none; } .cookie-consent .tab h2 { color: rgba(0, 0, 0, 0.7); } .cookie-consent .tab p { color: rgba(0, 0, 0, 0.6); text-align: justify; } .cookie-consent .tab-active { display: block; } .cookie-consent .tabs-small a.is-active:after { height: 4px; background: #fff; position: absolute; left: 0; right: 0; bottom: -2px; content: ""; } .cookie-consent .tabs-small a.is-active { background: #fff; border-color: #e9e8eb; color: var(--color-secondary); font-weight: 600; } .cookie-consent .tabs-small li a { border-top: 1px solid transparent; } .cookie-consent.tab-container .tabs-small ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .cookie-consent.tab-container .tabs-small li { display: block; } .cookie-consent.tab-container h2 { font-size: 20px; margin-bottom: 10px; } .cookie-consent .checkbox label input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--color-secondary); } .cookie-consent .checkbox label input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .cookie-consent .tab-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .coookie-popup-head { padding: 15px; border-bottom: 1px solid var(--color-main); margin-bottom: 20px; } .coookie-popup-footer { padding: 15px; border-top: 1px solid var(--color-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .coookie-popup-body .form { padding: 10px 20px; min-height: 176px; } .coookie-popup-footer input[type="submit"] { background: var(--color-secondary); display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 40px; line-height: 41px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; margin-right: 10px; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .cookie-consent .checkbox input[type="checkbox"][disabled] { -webkit-text-fill-color: transparent; -webkit-opacity: 0; } /* end cookie consent */ .card-brand-logos { width: 300px; } .fc button.fc-time-button { display: none; } /*** LTR ***/ .tags { position: relative; } @media (min-width: 576px) { .tags__overflow { display: contents; } } @media (max-width: 576px) { .tags__overflow { display: block; overflow: auto; white-space: nowrap; } .tags__item { min-width: 60px; display: inline-block; vertical-align: top; } } .forum-header { padding: var(--padding-8) 0 0; } .forum-header h4 { font-weight: normal; } @media (min-width: 576px) { .forum-header { padding: var(--padding-8) 0 0; } } @media (max-width: 576px) { .forum-header h1 { font-size: 1.8rem; } .forum-header h4 { font-size: 1.1rem; } .forum-header hgroup { text-align: center; } } @media (max-width: 576px) { .forum-header .tags { text-align: center; } } .forum-header h1 { font-size: 2.4rem; } @media (min-width: 576px) { .forum-header h4 { font-size: 1.6rem; } } .forum-header .tabs--line ul li.is-active a { color: var(--color-black); } .forum-body { padding: var(--padding-14) 0; background-color: var(--color-gray-100); min-height: 500px; } @media (min-width: 576px) { .forum-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .forum-actions__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-right: var(--padding-10); } .forum-actions__small { min-width: 315px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .forum-actions__small .btn { font-weight: var(--font-weight-medium); } } @media (max-width: 1199px) { .forum-actions__small { min-width: 1%; } .forum-actions__small .btn { padding: 0 var(--padding-10); } } @media (max-width: 576px) { .forum-actions .btn.btn--xlarge { height: 50px; line-height: 50px; font-size: 1rem; } .forum-actions__small { padding-bottom: var(--padding-6); } } @media (min-width: 1199px) { .forum-actions__large { padding-right: var(--padding-14); } } .forum-search { position: relative; } .forum-search__action { position: absolute; top: 0; } @media (max-width: 576px) { .forum-search__action { width: 50px; height: 50px; } } @media (min-width: 576px) { .forum-search__action { width: 60px; height: 60px; } } .forum-search__action--reset { right: 3rem; } .forum-search__action--submit { right: 0; } .forum-search__action .close, .forum-search__action .btn { pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .forum-search__action--submit input { padding: 0 !important; font-size: 0; width: 100%; height: 100%; border: none; background: transparent !important; position: absolute !important; cursor: pointer; } .forum-search__action--reset input { padding: 0 !important; font-size: 0; width: 100%; height: 100%; border: none; background: transparent !important; position: absolute !important; border: none !important; cursor: pointer; } .forum-search__action .btn--equal { width: 100%; height: 100%; } .forum-search__action .btn--equal .icon.icon--small { width: 20px; height: 20px; } .forum-search__field input { padding-right: 130px; } .forum-search__field input:focus { border-color: var(--color-secondary); border-width: 2px; } @media (max-width: 576px) { .forum-search__field input { height: 50px; } } @media (min-width: 576px) { .forum-search__field input { height: 60px; } } .forum-search .form-reset { width: 60px; height: 60px; position: relative; color: inherit; font-size: var(--font-size-xxxl); line-height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent; border: none; pointer-events: none; } .forum-search .form-reset:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: "+"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); text-align: center; } .forum-search .form-reset--small { width: 28px; height: 28px; line-height: 20px; font-size: var(--font-size-xl); } .forum-stat { background-color: var(--color-white); position: relative; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: var(--radius-1); overflow: hidden; } .forum-stat__content { padding: var(--padding-6); -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } .forum-stat__content h3 { line-height: 1.6; } @media (min-width: 1199px) { .forum-stat__content h3 { max-width: 80%; } } .forum-stat__count { padding: var(--padding-6) 0; -webkit-box-flex: 0; -ms-flex: 0 0 15%; flex: 0 0 15%; } .forum-stat__media { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin-top: auto; } @media (max-width: 991px) { .forum-stat__content { -webkit-box-flex: 0; -ms-flex: 0 0 54%; flex: 0 0 54%; } .forum-stat__content .btn { width: 80%; display: block !important; margin-top: var(--margin-2); text-align: center; } .forum-stat__count { -webkit-box-flex: 0; -ms-flex: 0 0 46%; flex: 0 0 46%; position: relative; z-index: 1; } .forum-stat__media { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; position: absolute; right: 0; bottom: 0; max-width: 220px; } } @media (max-width: 576px) { .forum-stat__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .forum-stat__content h3 { font-size: 1.2rem; } .forum-stat__content .btn { width: 100%; } .forum-stat__count { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; position: relative; z-index: 1; padding: 0 var(--padding-8); } .forum-stat__media { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; position: absolute; right: 0; bottom: 0; max-width: 220px; } } @media (min-width: 991px) { .forum-stat .social-actions { display: -webkit-box; display: -ms-flexbox; display: flex; } .forum-stat .social-actions .social-button { margin: 0.5%; width: auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; min-width: 32.25%; } } @media (max-width: 1199px) { .forum-stat .social-actions .social-button { font-size: 0.9rem; } } .forum-stat .social-actions + .-gap { display: none; } .forum-counts { height: 100%; } @media (min-width: 576px) { .forum-counts { border-left: 1px solid var(--color-gray-200); padding-left: var(--padding-10); } } @media (min-width: 991px) { .flex-panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex-panel__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-right: var(--padding-10); } .flex-panel__small { min-width: 315px; max-width: 315px; } } @media (min-width: 1199px) { .flex-panel__large { padding-right: var(--padding-14); } } @media (max-width: 991px) { .flex-panel__small { padding-top: var(--padding-10); } } .article-check { width: 36px; height: 36px; position: relative; background-color: var(--color-success); border-radius: var(--radius-round); display: block; } @media (min-width: 576px) { .article-check { margin: var(--margin-6) auto; } } .article-check:before { position: absolute; left: 32%; top: 48%; content: ""; pointer-events: none; width: 9px; height: 14px; border-bottom: 3px solid var(--color-white); border-right: 3px solid var(--color-white); -webkit-transform: rotate(44deg) translate(-50%, -50%); -ms-transform: rotate(44deg) translate(-50%, -50%); transform: rotate(44deg) translate(-50%, -50%); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; pointer-events: none; } .article-check .tooltip { min-width: 80px; } .article { background-color: var(--color-white); padding: var(--padding-4); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-1); margin-top: var(--margin-6); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid transparent; position: relative; } @media (min-width: 576px) { .article { padding: var(--padding-6) var(--padding-6) var(--padding-4); display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; margin-top: var(--margin-8); } } .article__left { min-width: 50px; } .article__right { padding-left: 0; } @media (min-width: 576px) { .article__right { padding-left: var(--padding-16); } } @media (max-width: 576px) { .article__left { margin-bottom: var(--margin-4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .article .article-desc { clear: left; margin-top: 1rem; } } .article.is-completed { border-color: var(--color-success); padding-top: var(--padding-6); } @media (min-width: 1199px) { .article:hover .article-title { color: var(--color-primary); } .article:hover .article-title a { background-size: 100% 1px; color: var(--color-primary); } } @media (min-width: 576px) { .article-list .article:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .article-list:first-child .article { margin-top: 0; } .counts { position: relative; text-align: center; } .counts .tooltip { min-width: 80px; padding: var(--padding-2) var(--padding-3); white-space: nowrap; display: block; } @media (max-width: 1199px) { .counts .tooltip { display: none; } } .counts .tooltip--right { right: -1rem; } @media (max-width: 576px) { .counts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .vote { position: relative; width: 42px; height: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--color-gray-200); margin: 0 auto; text-align: center; } @media (min-width: 1199px) { .vote svg { width: 30px; height: 30px; } } @media (max-width: 576px) { .vote--up { color: var(--color-black); border: 1px solid var(--color-gray-300); border-radius: var(--radius-round); } .vote--up svg { fill: var(--color-gray-500); } } @media (max-width: 576px) { .vote--down { color: var(--color-black); border: 1px solid var(--color-gray-300); border-radius: var(--radius-round); } .vote--down svg { fill: var(--color-gray-500); } } .vote-counts { width: 100%; min-height: 40px; line-height: 40px; font-size: var(--font-size-h4); display: block; font-weight: var(--font-weight-bold); color: var(--color-gray-800); } @media (max-width: 576px) { .vote-counts { min-width: 60px; padding: 0 var(--padding-4); } } .article-content { min-height: 80px; margin-bottom: var(--margin-8); } @media (min-width: 576px) { .article-content { margin-bottom: var(--margin-8); } } .style-italic { font-style: italic; } .article-stats { width: 100%; margin-top: var(--margin-6); border-top: 1px solid var(--color-gray-200); padding-top: var(--padding-4); } @media (min-width: 576px) { .article-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 576px) { .article-stats__right { padding-top: var(--padding-4); border-top: 1px solid var(--color-gray-200); margin-top: var(--margin-4); } } .article-author { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-author__avatar { min-width: 50px; margin: 0; } @media (max-width: 576px) { .article-author__avatar { min-width: 50px; } } @media (max-width: 576px) { .article-author__content { width: calc(100% - 50px); } .article-author__content .style-italic { display: block; margin-top: 0.5rem; } } .article-actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) { .article-actions ul li { margin-left: var(--margin-3); } } @media (max-width: 576px) { .article-actions ul li { margin-right: var(--margin-2); } } .article-actions__trigger { padding: var(--padding-3) var(--padding-5); font-weight: var(--font-weight-medium); padding-left: var(--padding-2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-round); position: relative; } @media (min-width: 1199px) { .article-actions__trigger:not(span):hover { background-color: var(--color-gray-100); } } @media (min-width: 991px) { .article-side--sticky { position: sticky; top: 8rem; } } .article-widget { background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-1); margin-bottom: 1.4rem; } .article-widget__head { padding: var(--padding-5) var(--padding-8); border-bottom: 1px solid var(--color-gray-200); position: relative; overflow: hidden; background-color: rgba(0, 0, 0, 0.02); } .article-widget__body { padding: var(--padding-6) var(--padding-8); } .mini-article { position: relative; padding: var(--padding-5) var(--padding-8); } .mini-article:not(:last-child) { border-bottom: 1px solid var(--color-gray-200); } .mini-article__title { line-height: 1.6; } .mini-article__title a { font-weight: var(--font-weight-medium); } .mini-article__stats { opacity: 0.7; } @media (min-width: 1199px) { .mini-article:hover { background-color: rgba(0, 0, 0, 0.02); } } @media (min-width: 1199px) { .mini-article:hover .mini-article__title { color: var(--color-primary); } .mini-article:hover .mini-article__title a { background-size: 100% 1px; color: var(--color-primary); } } .article-authors__item { position: relative; padding: var(--padding-5) var(--padding-8); } @media (min-width: 1199px) { .article-authors__item:hover { background-color: rgba(0, 0, 0, 0.02); } } .article-authors__item:not(:last-child) { border-bottom: 1px solid var(--color-gray-200); } .article-panel { background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-1); margin-bottom: var(--margin-8); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid transparent; } @media (min-width: 576px) { .article-panel .article-stats { padding: var(--padding-3) var(--padding-8); } } @media (max-width: 576px) { .article-panel .article-stats__left { padding: 0 var(--padding-4); } .article-panel .article-stats__right { padding: var(--padding-4); } .article-panel .article-stats .share__trigger { font-size: 100%; width: auto; } } .article-panel.is-completed { border-color: var(--color-success); } .article-grid { padding: var(--padding-4); } @media (min-width: 576px) { .article-grid { padding: var(--padding-6); padding-bottom: 0; display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; } } .article-grid__left { min-width: 50px; } .article-grid__right { padding-left: 0; } @media (min-width: 576px) { .article-grid__right { padding-left: var(--padding-16); } } @media (max-width: 576px) { .article-grid__left { margin-bottom: var(--margin-4); } } @media (max-width: 576px) { .article-grid .article-title { font-size: 1.6rem; } } .article-comment { padding: var(--padding-6); display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; } @media (max-width: 576px) { .article-comment { padding: var(--padding-4); } } .article-comment__left { padding-top: var(--padding-3); } .article-comment__right { padding-left: var(--padding-8); } .comment-panel { position: relative; } .comment-panel__trigger { padding: var(--padding-4); color: var(--color-gray-800); display: block; min-height: 50px; border: 1px solid var(--color-gray-300); border-radius: var(--radius-1); line-height: 1.4; } .comment-panel__trigger.is-active { display: none; } .step-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .step-actions input[type="button"], .step-actions .btn { border-color: transparent; color: var(--color-black); } .step-actions input[type="submit"] { margin-right: 0; margin-left: 1rem; } @media (max-width: 576px) { .step-actions input[type="button"], .step-actions .btn { border: 1px solid var(--color-gray-300) !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .step-actions input[type="submit"] { border-color: currentColor; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } .article-result { margin-top: var(--margin-12); } .article-result__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--margin-6); } .article-card { padding: var(--padding-4); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border: 1px solid transparent; position: relative; } @media (min-width: 576px) { .article-card { padding: var(--padding-6); display: grid; grid-template-columns: -webkit-max-content 1fr; grid-template-columns: max-content 1fr; } } .article-card__left { min-width: 50px; } @media (max-width: 576px) { .article-card__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: var(--margin-6); } .article-card__left :first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .article-card__left :nth-child(2) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .article-card__right { padding-left: 0; } @media (min-width: 576px) { .article-card__right { padding-left: var(--padding-16); } } .article-card .article-author { padding: 0; margin: 0 0 var(--margin-6); } .article-mark { width: 36px; height: 36px; position: relative; background-color: var(--color-gray-200); border-radius: var(--radius-round); display: block; color: var(--color-white); } @media (min-width: 576px) { .article-mark { margin: 0 auto var(--margin-8); } } .article-mark:before { position: absolute; left: 32%; top: 48%; content: ""; pointer-events: none; width: 9px; height: 14px; border-bottom: 3px solid var(--color-white); border-right: 3px solid var(--color-white); -webkit-transform: rotate(44deg) translate(-50%, -50%); -ms-transform: rotate(44deg) translate(-50%, -50%); transform: rotate(44deg) translate(-50%, -50%); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; pointer-events: none; } .article-mark.is-active { background-color: var(--color-success); } .article-mark.is-active:after { text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: "+"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: var(--font-size-h3); line-height: 32px; font-weight: var(--font-weight-bold); display: none; } .article-mark.is-active:hover:before { display: none; } .article-mark.is-active:hover:after { display: block; } .article-mark .tooltip { white-space: nowrap; padding: var(--padding-2) var(--padding-3); } @media (max-width: 1199px) { .article-mark .tooltip { display: none; } } .sorting { display: -webkit-box; display: -ms-flexbox; display: flex; } .sorting { position: relative; } .sorting .select-option { margin: 0; } .sorting__label { padding: 0 var(--padding-1); font-weight: var(--font-weight-medium); } .sorting__trigger { position: relative; padding: var(--padding-3); padding-right: var(--padding-8); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sorting__trigger:before { position: absolute; right: 0.5rem; top: 46%; width: 8px; height: 8px; content: ""; border-right: 2px solid var(--color-gray-1000); border-bottom: 2px solid var(--color-gray-1000); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } .sorting__target { position: absolute; top: 100%; right: 0; padding-top: var(--padding-6); z-index: 12; } .sorting__target:before { position: absolute; right: 1rem; top: 10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } .sorting__target .filter-dropdown { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); min-width: 200px; padding: var(--padding-4); border: 1px solid var(--color-gray-100); } .reset-search { width: 50px; height: 60px; cursor: pointer; display: block; position: absolute; right: 50px; top: 0; text-align: center; line-height: 60px; font-size: 0; } .reset-search:after { pointer-events: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; content: "+"; font-size: 2.4rem; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 576px) { .reset-search { height: 50px; line-height: 50px; } } .article-directions { margin-top: var(--margin-20); } .article-directions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .article-directions__item { max-width: 300px; } @media (max-width: 576px) { .article-directions__item { width: 50%; } } .article-directions__item-next { text-align: right; } @media (max-width: 576px) { .article-directions__item-next { padding-left: var(--padding-6); } } @media (max-width: 576px) { .article-directions__item-prev { padding-right: var(--padding-6); } } .directions-action { display: block; position: relative; } .directions-action__item { font-weight: var(--font-weight-bold); color: var(--color-secondary); } .directions-action__item-prev { padding-left: var(--padding-5); position: relative; } .directions-action__item-prev:before { width: 8px; height: 8px; content: ""; pointer-events: none; position: absolute; left: 0; top: 6px; border-left: 2px solid  currentColor; border-bottom: 2px solid  currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .directions-action__item-next { padding-right: var(--padding-5); position: relative; } .directions-action__item-next:before { width: 8px; height: 8px; content: ""; pointer-events: none; position: absolute; right: 0; top: 6px; border-right: 2px solid  currentColor; border-top: 2px solid  currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .directions-action:hover { color: var(--color-primary); } @media (max-width: 576px) { .directions-action h6 { font-size: 12px; } } .more-block { position: relative; } .more-block:after { position: absolute; left: 0; right: 0; bottom: 0; height: 40px; content: ""; pointer-events: none; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .article-more { position: relative; } .article-more__content { position: relative; } .article-more__action { position: absolute; left: 0; right: 0; min-height: 50px; bottom: 0; line-height: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .article-more__action:before { position: absolute; left: 0; right: 0; bottom: 0; content: ""; pointer-events: none; height: 100px; z-index: 1; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.62)), color-stop(81%, white), color-stop(86%, white)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.62) 50%, white 81%, white 86%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.62) 50%, white 81%, white 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .article-more__action a.adjust { position: relative; z-index: 1; background-color: #fff; padding: 0.2rem 0; top: 1rem; display: inline-block; line-height: 2; background-color: var(--color-white); text-decoration: underline; text-underline-offset: 3px; display: none; } @media (min-width: 1199px) { .article-more__action a.adjust:hover { color: var(--color-primary); } } /*** LTR ***/ .header { left: 0; right: 0; position: relative; top: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; z-index: 11; } @media (min-width: 1499px) { .header .container { max-width: 1860px; width: 100%; } } .home.home-index .header { position: sticky; top: 0; } .header-primary { padding: var(--padding-3) 0; color: #111; background: var(--color-white); -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-box-shadow: 0px 3px 3px #0000000F; box-shadow: 0px 3px 3px #0000000F; } @media (min-width: 576px) { .header-primary .header-flex { min-height: 70px; } } @media (max-width: 767px) { .header-primary { padding: var(--padding-3) 0; } } .header-primary .header__logo { max-width: 220px; max-height: 80px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .header-primary .header__logo { margin: 0 auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 767px) { .header-primary .header__logo { margin-right: var(--margin-3); } } .header-primary .header__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1199px) { .header-primary .header__left .header-dropdown .is-visible { opacity: 1; visibility: visible; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .is-visible { bottom: 100%; z-index: 3; padding-top: 0; top: 60px; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown .dropdown__cover::before { content: none; } } @media (max-width: 767px) { .header-primary .header__left .header-dropdown__target { bottom: auto; top: 0; padding-top: 0; width: calc(100% - 30px); left: 15px; } } @media (max-width: 1199px) { .header__right .header-dropdown .is-visible { opacity: 1; visibility: visible; } } .header-dropdown .header-dropdown__trigger { padding: 0 0.8rem; font-weight: 600; text-transform: uppercase; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 42px; } @media (min-width: 991px) and (max-width: 1599px) { .header-dropdown .header-dropdown__trigger { font-size: 0.9rem; } } @media (min-width: 576px) { .header-dropdown .header-dropdown__trigger span { margin-left: var(--margin-2); } } @media (max-width: 1199px) { .header-dropdown .header-dropdown__trigger { padding: 0.65rem 0; } } @media (min-width: 991px) and (max-width: 1299px) { .header-dropdown .header-dropdown__trigger { padding: 0.65rem 1rem; font-size: 0.9rem; } } .header-dropdown .header-dropdown__trigger:hover { color: var(--color-primary); } .header__action { text-transform: uppercase; } .header__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .header__right .icon--arrow { display: none; } } @media (max-width: 767px) { .header__right .header-action, .header__right .header-action .header__action { display: contents; } } @media (max-width: 1199px) { .menu { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } } @media (min-width: 1199px) { .menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .menu ul .menu__item a { padding: 0 calc(0.4rem + 0.6vw); text-transform: uppercase; font-weight: 600; color: inherit; height: 42px; display: block; line-height: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu ul .menu__item a:hover { color: var(--color-primary); } @media (min-width: 991px) and (max-width: 1599px) { .menu ul .menu__item a { padding: 0 0.5rem; font-size: 0.9rem; } } .menu ul .is--active a { color: var(--color-primary); } @media (min-width: 576px) { .header__action .btn { margin-left: var(--margin-2); padding: 0 var(--padding-5); } .header__action .btn:first-child { margin-left: 0; } } .header-dropdown--arrow { margin-right: var(--margin-2); } @media (min-width: 576px) { .header-dropdown--arrow .header-dropdown__trigger .icon--globe { width: 20px; height: 20px; } } .header-dropdown__target { min-width: 200px; z-index: 2; right: 0; top: 100%; position: absolute; padding: 0; opacity: 0; visibility: hidden; width: 100%; } @media (min-width: 1199px) { .header-dropdown__target { top: 150%; padding-top: var(--padding-6); } } @media (min-width: 1199px) { .header-dropdown.header-dropdown--explore .header-dropdown__target { left: 0; right: auto; } } @media (max-width: 576px) { .header-dropdown.header-dropdown--explore span { font-size: 0; } } .menu--inline { max-height: 334px; overflow: auto; } .menu--inline ul .menu__item { padding: 0; display: block; } .menu--inline ul .menu__item a { padding: var(--padding-3) var(--padding-4); display: block; color: var(--color-dark); font-weight: 400; } .menu--inline ul .menu__item:hover a { background: var(--color-gray-100); color: var(--color-primary); } .menu--inline ul .is--active a { position: relative; color: var(--color-primary); font-weight: 600; border-left: 3px solid; } .menu--inline ul .is--active a::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .dropdown__cover { background-color: #fff; -webkit-box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.08); border-radius: var(--radius-0); padding: var(--padding-2); } .header-dropdown { position: relative; } @media (min-width: 1199px) { .header-dropdown:hover .header-dropdown__target { opacity: 1; visibility: visible; top: 100%; -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } } @media (max-width: 767px) { .header-dropdown { position: static; } } .header__left .header-dropdown .menu--inline { position: relative; } @media (max-width: 767px) { .header__left .header-dropdown .icon--menu { width: 30px; height: 30px; } } @media (max-width: 767px) { .header__left { width: 100%; } } @media (min-width: 767px) { .header-dropdown--arrow .header-dropdown__target { min-width: 20rem; } } .header-dropdown--arrow .header-dropdown__target .menu--inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li { padding: var(--padding-1) !important; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li a { display: block; padding: var(--padding-2); font-size: var(--font-size-sm); border: 1px solid var(--color-gray-200); text-align: center; color: var(--color-gray-800); } .header-dropdown--arrow .header-dropdown__target .menu--inline ul li a:hover { color: var(--color-primary); border-color: var(--color-primary); } .header-dropdown--arrow .header-dropdown__target .menu--inline ul .is-active a { color: var(--color-primary); border-color: var(--color-primary); } .header-dropdown--arrow .dropdown__cover { padding: var(--padding-6) var(--padding-8) var(--padding-10); } .header-dropdown--arrow .settings { margin-bottom: var(--margin-8); } @media (max-width: 576px) { .header-dropdown--arrow .settings__target { top: auto !important; bottom: 38px; } } .header-dropdown--arrow .settings .dropdaown__title { text-transform: uppercase; color: var(--color-gray-700); font-size: var(--font-size-sm); } .header-dropdown--arrow .settings .btn { color: var(--color-dark) !important; border-color: var(--color-gray-300); } .header-dropdown--arrow .settings .btn::before { width: 6px; height: 6px; top: 13px; } .dropdown__cover { position: relative; } .dropdown__cover::before { content: ""; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #fff; top: -9px; left: 28px; position: absolute; pointer-events: none; } .explore-wrapper { position: relative; } .explore-wrapper::before { content: ""; border-right: 9px solid transparent; border-left: 9px solid transparent; border-bottom: 9px solid #fff; top: -9px; left: 39px; position: absolute; pointer-events: none; z-index: 1; } .header-dropdown--explore .dropdown__cover { padding: var(--padding-4); } @media (min-width: 767px) { .user-icon { display: none !important; } } .toggle--nav { width: 26px; height: 26px; vertical-align: middle; margin: 0 10px 0 0; padding: 2px; display: none; } @media (max-width: 1199px) { .toggle--nav { display: inline-block; } } @media (max-width: 1199px) { .nav--primary-offset { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; z-index: 11; width: 280px; opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } } .show-nav-js .menu { visibility: visible; opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); } .header-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .header-controls { position: fixed; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; left: 0; right: 0; top: auto; background: var(--color-primary); padding: 0 var(--padding-2); } .header-controls > .header-controls__item, .header-controls .header__action .mobile-action, .header-controls .header-dropwown--profile .mobile-action { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 767px) { .header-controls .header-controls__item { display: none; } } .header-controls .header-controls__item a { padding: var(--padding-3) var(--padding-5); position: relative; } @media (min-width: 576px) { .header-controls .header-controls__item a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } } @media (min-width: 1199px) { .header-controls .header--notification { display: block; } .header-controls .header--notification svg { fill: var(--color-dark) !important; } .header-controls .header--message { display: block; } .header-controls .header--message svg { fill: var(--color-dark) !important; } .header-controls .header-dropdown--arrow { display: block; } } .header-controls .header-dropdown--arrow { margin: 0; } .header-controls .header-dropdown--arrow .dropdown__cover::before { right: 26px; left: unset; } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .is-visible { bottom: 100%; opacity: 1; visibility: visible; z-index: 3; padding-top: 0; bottom: 0px; bottom: 60px; } } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-controls .header-dropdown--arrow .dropdown__cover::before { content: none; } } @media (min-width: 767px) { .header-controls .header-dropdown--arrow { margin-right: var(--margin-2); } } @media (max-width: 767px) { .header-controls .header-dropdown__target { top: auto; bottom: 0; padding-top: 0; width: calc(100% - 30px); left: 15px; } } @media (min-width: 767px) { .header-controls .header-action { display: block; } } .head-count { position: absolute; height: 16px; background: var(--color-primary); text-align: center; font-size: 11px; color: var(--color-secondary-inverse); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 1px; right: 2px; padding: 3px 4px; border-radius: var(--radius-1); min-width: 18px; } .header-dropwown--profile { text-transform: capitalize; } .header-dropwown--profile .teacher__name { text-transform: capitalize; } @media (max-width: 767px) { .header-dropwown--profile .is-visible { bottom: 100%; opacity: 1; visibility: visible; z-index: 3; padding-top: 0; bottom: 0px; bottom: 60px; } } @media (max-width: 767px) { .header-dropwown--profile .is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 3; } } @media (max-width: 767px) { .header-dropwown--profile .dropdown__cover::before { content: none; } } .header-dropwown--profile .teacher__media svg { display: none; } @media (max-width: 767px) { .header-dropwown--profile .teacher__media svg { margin: 0; fill: var(--color-white); display: block; } } @media (max-width: 767px) { .header-dropwown--profile .teacher__media { margin-right: 0 !important; } } .header-dropwown--profile .dropdown__cover::before { right: 20px; left: unset; } .header-dropwown--profile .dropdown__cover .menu--inline ul .is--active a { border: none; } @media (min-width: 576px) { .header-controls__action .icon, .header-controls__action svg, .header-controls .header--message .icon, .header-controls .header--message svg, .header-controls__item.header--notification .icon, .header-controls__item.header--notification svg { display: block; } } @media (min-width: 576px) { .mobile-action svg { display: none; } } @media (max-width: 576px) { .header-dropwown--profile { display: contents; } .mobile-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: var(--color-primary-inverse) !important; border: none !important; white-space: normal; text-align: center; font-weight: normal !important; height: auto !important; line-height: normal !important; padding: 1rem 0 1rem !important; } .mobile-action svg { margin: 0 auto; fill: var(--color-primary-inverse); width: 22px; height: 22px; display: block; } .mobile-action .mobile-action-label { text-transform: none; font-size: 10px; margin: 5px auto 0; display: block; } .mobile-action .teacher-profile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .mobile-action .teacher-profile .teacher__media .avtar { border-radius: 100px; width: 24px; height: 24px; } } .nav--primary > ul > li { position: relative; display: inline-block; vertical-align: top; } .nav--primary > ul > li > a { display: block; padding: var(--padding-3) var(--padding-6); position: relative; } .nav--primary > ul > li > a:not(.btn):hover { color: var(--color-secondary); } .nav--primary > ul > li.user-click > a { height: auto; line-height: normal; } .nav--primary .nav__dropdown > a { padding-right: var(--padding-10); } @media (max-width: 1199px) { .nav--primary-offset > ul > li { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .nav--primary-offset > ul > li > a { padding: var(--padding-5) var(--padding-6); } } .nav__dropdown .avtar { margin-right: var(--margin-2); } .nav__dropdown-trigger:after { position: absolute; right: 1.5rem; top: 50%; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid currentColor; margin-top: -2px; } .nav__dropdown-target { min-width: 200px; z-index: 2; right: 0; top: 160%; position: absolute; padding: 0; opacity: 0; filter: alpha(opacity=0); visibility: hidden; padding: var(--padding-3); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); width: 100%; } .nav__dropdown-action { width: 3rem; height: 3rem; padding: 0 !important; border: 1px solid transparent; border-radius: var(--radius-round); } .nav__dropdown-action .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 1.3rem; height: 1.3rem; overflow: hidden; } .nav__dropdown-action .svg-icon svg { width: 100%; height: 100%; } @media (min-width: 1199px) { .nav__dropdown-action:hover { background-color: var(--color-primary); } .nav__dropdown-action:hover .svg-icon { fill: var(--color-white); } } .nav__dropdown-action .count { position: absolute; right: -0.9rem; top: -0.3rem; padding: 0.15rem; border-radius: var(--radius-round); background: var(--color-primary); font-size: 11px; color: var(--color-white); min-width: 1.5rem; text-align: center; line-height: normal; min-width: 1.9rem; border: 2px solid var(--color-white); } @media (min-width: 1199px) { .nav__dropdown--account { margin-left: var(--margin-6); } } .nav__dropdown--account > a { padding-top: 0 !important; padding-bottom: 0 !important; padding-left: 0 !important; } .nav__dropdown--notification .nav__dropdown-target { min-width: 300px; } .nav--vertical > ul > li > a { padding: var(--padding-3); display: block; } .nav--vertical > ul > li > a:hover { background-color: rgba(0, 0, 0, 0.05); color: var(--color-secondary); } @media (min-width: 991px) { .nav__dropdown-target .menu-vertical { display: none; } .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { visibility: visible; top: 100%; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { right: 0; left: auto; } } @media (max-width: 1199px) { .nav__dropdown-target { min-width: 250px; } .menu-vertical li a { padding: 16px 15px 16px 15px; padding-left: 55px; } .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0px, 0px); -ms-transform: translate3d(-100%, 0px, 0px); -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 280px; } html.show-nav-js .nav.nav--primary-offset { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-nav-js, html.show-dashboard-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid currentColor; margin-top: -8px; } .subheader .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-bottom: 0px solid #333; } .nav.nav--primary-offset > ul > li .nav__dropdown-target { min-width: 100%; position: relative; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #eee; top: auto; right: auto; } .nav__dropdown-target { opacity: 1; visibility: visible; display: none; padding: 10px; top: 45px; right: 0; left: auto; } } @media (max-width: 767px) { .nav.nav--actions > ul > li > a { width: 40px; height: 40px; position: relative; font-size: 0; padding: 0; } .nav.nav--actions > ul > li > a img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 60%; } .nav.nav--actions > ul > li { position: static; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical { width: 100%; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li { border-bottom: 1px solid #ddd; } .nav.nav--actions > ul > li .nav__dropdown-target .nav--vertical li a { font-size: 1.2rem; padding: 15px; } .nav.nav--actions > ul > li .nav__dropdown-target { left: 0; right: 0; position: fixed; top: 0; bottom: 0; z-index: 100; padding: 50px 0 20px 0; overflow-y: auto; overflow-x: hidden; } html.show-dropdown-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a img { width: 100%; } .menu-vertical li.-show-responsive { display: block !important; } } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 600; line-height: 1.4; color: inherit; } .h1, h1 { font-size: 2rem; } .h2, h2 { font-size: 1.8rem; } .h3, h3 { font-size: 1.75rem; } .h4, h4 { font-size: 1.3rem; } .h5, h5 { font-size: 1.2rem; } .h6, h6 { font-size: 1.1rem; } p { margin-top: 0; margin-bottom: 1rem; color: inherit; line-height: 1.8; color: var(--color-black); } .section-action-wrap .form-search { margin: 20px 0; } @media (min-width: 767px) { .section-action-wrap .form-search { margin: 0; } .section-action-wrap { padding-left: 30px; } } .section-action-wrap .form__element .form__input { height: 45px; line-height: 45px; border-radius: 3px; border: none; } .section-action-wrap .form-search .form__action-wrap { width: 45px; height: 45px; } .web-class-card { background: #fff; margin: 0 0 30px; position: relative; border-radius: 2px; } .web-class-card .top-card { padding: 15px; padding-bottom: 0; } .web-class-card .bottom-card { border-top: 1px solid #eee; margin-top: 20px; padding-top: 10px; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .web-class-card .bottom-card .btn { height: 35px; line-height: 35px; padding: 0 20px; font-size: 1rem; } .web-class-card .bottom-card .btn:not(.btn--disabled):hover, .web-class-detail .btn-wrap a:not(.btn--disabled):hover { background: #333; color: #fff; } .web-class-card .price-value { font-weight: 600; color: var(--color-secondary); font-size: 1.3rem; margin-top: 10px; display: block; } .web-class-card .topic-wrap { color: #fff; padding: 8px 10px; font-size: 0.9rem; margin-bottom: 20px; } .web-class-card .topic-title { display: block; font-size: 1.1rem; font-weight: 600; line-height: 1.4; color: #464646; } @media (min-width: 567px) { .web-class-card .price-value { margin-top: 0; } .web-class-card .topic-type { margin-bottom: 0; } .web-class-card .topic-title { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } } .top-card .card-listing .card-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .top-card .card-listing .card-type img { margin-right: 8px; } .top-card .card-listing li:last-child .card-type img { /*margin-left: 4px;*/ } .top-card .card-listing .card-lable { margin-right: 5px; } .top-card .card-listing li { margin: 10px 0; margin-top: 0; font-size: 0.95rem; } .card-listing .card-type .lable-txt { color: var(--color-secondary); } @media (min-width: 567px) { .web-class-card .inline-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 25px; } } .web-class-card .duration { margin: 5px 0; display: inline-block; padding: 6px 8px; } .web-class-card .highlight { background: rgba(61, 145, 232, 0.1); border-radius: 2px; } .teacher-card { display: block; } .teacher-card .avtar { width: 50px; height: 50px; } .teacher-card .avtar:after { font-size: 1.5rem; } @media (min-width: 667px) { .teacher-card { text-align: center; } .teacher-card .avtar { margin: auto; } } .teacher-card .name { font-weight: 600; margin-top: 10px; display: block; } .web-class-card .locations { margin-top: 10px; color: #5d5d5d; } .web-class-card .locations .icon { vertical-align: middle; } .web-class-card .arrow-link:after { top: 3px; } .web-class-card .arrow-link:hover { color: var(--color-secondary); } .web-class-card .class-pointers { display: none; } .web-class-card .top-slide p { color: #5d5d5d; } /*Detail Page*/ .web-class-detail .topic-title { font-size: 1.25rem; } .web-class-detail .top-card { padding-bottom: 15px; } .web-class-detail .btn-wrap { margin-top: 10px; } .web-class-detail .btn-wrap a { margin: 5px 0; } @media (max-width: 600px) { .web-class-detail .btn-wrap { text-align: left !important; } } .web-class-detail .card-listing .card-type .lable-txt { font-size: 1rem; } @media (min-width: 600px) { .web-class-detail .teacher-card .avtar { width: 100px; height: 100px; } .web-class-detail .top-card .card-listing li { width: 50%; vertical-align: top; display: inline-block; margin: 12px -2px; } } .web-class-detail .top-card .card-listing li:last-child .card-type img { margin-left: 0; } .web-class-detail .top-card .card-listing li:last-child .card-type.cart-type-price img { margin-left: 4px; } .web-class-detail-desc h4 { margin-bottom: 20px; } .twobtn-actions a { margin-right: 5px; } .twobtn-actions a:last-child { margin-right: 0; } .switch-timzone { margin-top: 10px; } @media (min-width: 1199px) { .timezone, .web-class-detail .top-card .card-listing li.timezone { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .switch-timzone { margin-left: 15px; margin-top: 0px; } } @media (max-width: 576px) { .web-class-detail .btn-wrap.twobtn-actions a:last-child { display: block; text-align: center; } } @media (max-width: 576px) { .web-class-card .bottom-card { display: block; } .web-class-card .twobtn-actions { margin-top: 10px; } .web-class-card .twobtn-actions .btn { width: 100%; display: block; margin-top: 5px; } .web-class-card .arrow-link { width: 100%; display: block; margin-top: 5px; border: 1px solid #ddd; padding: 10px; } .web-class-card .arrow-link:after { top: 50%; right: 20px; -ms-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg); -webkit-transform: translate(0, -50%) rotate(-135deg); } } .page-title { font-size: var(--font-size-h3); color: var(--color-black); } .payment.payment-charge { background-color: #f3f2f5; } .section--listing { padding-top: 0; } .section-filters { padding: 2rem 0 0; } .section-filters h1 { text-align: center; margin-bottom: var(--margin-8); } @media (min-width: 1199px) { .section-filters { position: sticky; top: 0; } } @media (min-width: 576px) { .section-filters { padding: 3rem 0 0; z-index: 2; } } @media (max-width: 576px) { .section-filters { padding: 2rem 0 0; } .section-filters h1 { margin-bottom: 0 !important; } } .section-filters .select-option { margin-bottom: 0; } .section-filters .select2-selection__arrow { display: none !important; } @media (min-width: 576px) { .filter-item { border-right: 1px solid var(--color-gray-200); position: relative; } } @media (min-width: 576px) { .filter-item__field { position: relative; top: 4px; } } .filter-item__label { font-size: var(--font-size-small); color: var(--color-gray-700); } @media (min-width: 576px) { .filter-item__label { position: relative; top: 4px; } } @media (min-width: 576px) { .filter-item__label { text-transform: uppercase; } } .filter-item__search { position: relative; } .filter-item__search input[type="text"] { padding-right: var(--padding-5); } .filter-item__search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } @media (min-width: 576px) { .filter-item__search input[type="text"] { border: none; height: 30px; padding-left: 0; padding-right: 2rem; } .filter-item__search input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: var(--color-black); font-weight: var(--font-weight-normal); } .filter-item__search input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--color-black); font-weight: var(--font-weight-normal); opacity: 1; } .filter-item__search input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */ color: var(--color-black); font-weight: var(--font-weight-normal); opacity: 1; } .filter-item__search input[type="text"]:-ms-input-placeholder { /* Most modern browsers support this now. */ color: var(--color-black); font-weight: var(--font-weight-normal); opacity: 1; } .filter-item__search input[type="text"]::placeholder { /* Most modern browsers support this now. */ color: var(--color-black); font-weight: var(--font-weight-normal); opacity: 1; } } .filter-item__search-action { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 576px) { .filter-item__search-action { right: 0.6rem; } } .filter-item__search-submit { width: 30px; height: 30px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter-item__search-submit input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .filter-item__search-reset { width: 30px; height: 30px; cursor: pointer; } .filter-item__search-reset input { padding: 0 !important; font-size: 0; width: 30px; height: 30px; background: transparent !important; position: absolute !important; border: none !important; } .filter-item__search-reset .close { width: 30px; height: 30px; line-height: 30px; } .filter-item__trigger { padding: var(--padding-4); position: relative; } .filter-item__select { position: relative; height: 30px; line-height: 30px; font-weight: var(--font-weight-normal); } .filter-item__select--arrow { padding-right: var(--padding-5); } .filter-item__select--arrow:after { position: absolute; right: 0; top: 48%; width: 8px; height: 8px; content: ""; border-right: 1px solid #999; border-bottom: 1px solid #999; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } .filter-item__target { position: absolute; } @media (min-width: 576px) { .filter-item__target { top: 100%; left: 0; right: 0; z-index: 2; padding-top: var(--padding-6); } .filter-item__target:before { position: absolute; left: 1rem; top: 10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; } } @media (max-width: 991px) { .filter-item__target { min-width: 250px; } } @media (max-width: 576px) { .filter-item__target { min-width: 1%; } } @media (max-width: 576px) { .filter-item__trigger { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: var(--padding-3) var(--padding-4); } .filter-item__trigger.is-active { background-color: var(--color-white); border-color: var(--color-gray-200); border-left-color: var(--color-primary); pointer-events: none; } .filter-item__trigger.is-active .filter-item__label { font-weight: var(--font-weight-medium); color: var(--color-primary); } .filter-item__trigger.is-active:after { position: absolute; top: 0; bottom: 0; right: -1px; content: ""; background-color: var(--color-white); width: 5px; pointer-events: none; z-index: 1; } .filter-item__target { left: 150px; top: 64px; bottom: 0; width: calc(100% - 150px); -webkit-transition: none !important; -o-transition: none !important; transition: none !important; height: auto !important; padding-bottom: 70px; overflow: auto; } } .cursor-pointer { cursor: pointer; } .filter-dropdown { position: relative; background-color: #fff; width: 100%; border-radius: var(--radius-0); } @media (min-width: 1199px) { .filter-dropdown { overflow: hidden; } } .filter-dropdown__head { padding: var(--padding-4); } @media (min-width: 1199px) { .filter-dropdown__head { border-bottom: 1px solid var(--color-gray-200); } } @media (max-width: 576px) { .filter-dropdown__head { padding-bottom: 0; } .filter-dropdown__head h5 { font-size: 14px; } .filter-dropdown__head .underline { font-size: 13px; padding-top: 10px; padding-bottom: 10px; } } @media (max-width: 576px) { .filter-dropdown__body { padding: var(--padding-4); } } .filter-dropdown__footer { padding: var(--padding-4); border-top: 1px solid var(--color-gray-200); position: relative; background-color: #fff; } @media (max-width: 576px) { .filters-layout__item { max-width: 150px; } } @media (min-width: 576px) { .filters-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); position: relative; z-index: 1; background-color: #fff; } .filters-layout__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media (min-width: 576px) { .filters-layout__item-forth .filter-item { position: static; } .filters-layout__item-forth .filter-item__target { max-width: 435px; right: 0; left: auto; } } .filters-layout__item-fifth { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; } @media (min-width: 576px) { .filters-layout__item-fifth .filter-item { position: static; border-right: none; } .filters-layout__item-fifth .filter-item__target { right: 0; } .filters-layout__item-fifth .filter-item__target:before { left: auto; right: 2rem; } } @media (min-width: 576px) { .filters-layout__item-fifth .filter-dropdown__body { max-height: 450px; overflow: auto; } } @media (max-width: 576px) { .filters-layout__item-first { position: absolute; left: 0; right: 0; top: 0; border-bottom: 1px solid var(--color-gray-200); background-color: #fff; z-index: 1; max-width: 100%; } .filters-layout__item-fifth > .filter-item { max-width: 100%; } .filters-layout__item-second > .filter-item .filters-layout__item-second > .filter-item__target { display: block !important; } } @media (max-width: 1199px) { .filters-layout__item-first { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-bottom: 1px solid var(--color-gray-200); border-right: none; } } body.is-filter-show .header { z-index: 0; -webkit-transition: none; -o-transition: none; transition: none; } @media (max-width: 576px) { body.is-filter-show { position: fixed; inset: 0; overflow: hidden; } } @media (max-width: 576px) { body.is-filter-show:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.7); content: ""; } body.is-filter-show .sorting-options { z-index: 0; } } @media (min-width: 576px) { body.filter-active:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 11; } } @media (min-width: 576px) { body.filter-active .filters-layout { z-index: 12; } body.filter-active .section-filters { z-index: 12; -webkit-transition: none; -o-transition: none; transition: none; } body.filter-active .section-filters:after { display: none; } } .select-option { position: relative; display: block; cursor: pointer; } .select-option__item { position: relative; padding: var(--padding-3) var(--padding-5); padding-right: var(--padding-10); display: block; overflow: hidden; color: var(--color-gray-600); border: 1px solid var(--color-gray-200); text-transform: capitalize; } .select-option__item:after { position: absolute; right: 1rem; top: 50%; content: ""; height: 12px; width: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; -webkit-transform: translateY(-65%) rotate(45deg); -ms-transform: translateY(-65%) rotate(45deg); transform: translateY(-65%) rotate(45deg); pointer-events: none; } @media (max-width: 576px) { .select-option__item { padding-left: 0; border: none; font-size: 13px; } } .select-option__input { position: absolute; inset: 0; opacity: 0; width: 100%; height: 100%; } .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: currentColor; font-weight: var(--font-weight-medium); } @media (min-width: 1199px) { .select-option__input:checked + .select-option__item:before { position: absolute; inset: 0; content: ""; background-color: currentColor; opacity: 0.06; pointer-events: none; } } .select-list { position: relative; } @media (min-width: 576px) { .select-list--vertical .select-option__item { border: none; border-bottom: 1px solid var(--color-gray-200); padding: var(--padding-3); padding-right: var(--padding-8); } .select-list--vertical .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: var(--color-gray-200); } .select-list--vertical .select-option__input:checked + .select-option__item:before { display: none; } .select-list--vertical li:last-child .select-option__item { border-bottom: none; } .select-list--vertical > ul > li ul { padding: var(--padding-3); border-bottom: 1px solid var(--color-gray-200); } } @media (min-width: 576px) and (min-width: 576px) { .select-list--vertical > ul > li ul .select-option__item { border: none; } } @media (max-width: 576px) { .select-list--vertical .select-option__item { padding-left: 0; } } @media (min-width: 576px) { .select-list--scroll { max-height: 240px; overflow: auto; } } @media (min-width: 576px) { .select-list--flex ul { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid var(--color-gray-200); border-radius: var(--radius-round); overflow: hidden; } .select-list--flex ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .select-list--flex .select-option__item { border: none; padding: var(--padding-3) var(--padding-4); text-align: center; } .select-list--flex .select-option__item:after { display: none; } .select-list--flex .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: var(--color-gray-200); } } @media (min-width: 576px) { .select-list--inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .select-list--inline ul li { padding: var(--padding-2); } .select-list--inline .select-option__item { text-align: center; border-radius: var(--radius-round); padding-top: var(--padding-2); padding-bottom: var(--padding-2); } } @media (min-width: 576px) { .select-list--onethird ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -0.5rem; } .select-list--onethird ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; padding: 0.5rem; } .select-list--onethird .select-option__item { padding: var(--padding-2) var(--padding-4); text-align: center; border-radius: var(--radius-round); overflow: hidden; } .select-list--onethird .select-option__item:after { display: none; } .select-list--onethird .select-option__input:checked + .select-option__item { color: var(--color-secondary); border-color: currentColor; } } @media (min-width: 576px) { .selection-group { padding: var(--padding-5); } } @media (max-width: 576px) { .selection-group { margin: 1rem 0 2rem; } .selection-group h6 { font-size: 12px; font-weight: normal; } } @media (min-width: 576px) { .search-form-cover { padding: var(--padding-4); border-bottom: 1px solid var(--color-gray-200); } } @media (max-width: 576px) { .search-form-cover { margin-bottom: 1rem; } } .filter-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 576px) { .filter-actions .btn--secondary { width: 65%; } .filter-actions .btn--gray { width: 35%; } } .more-filters-btn { color: var(--color-primary); background-color: transparent; position: relative; font-weight: var(--font-weight-medium); height: 46px; overflow: hidden; } .more-filters-btn:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.1; } .search-form { position: relative; } @media (max-width: 576px) { .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .search-form__action { position: absolute; top: 0; } .search-form__action--reset { right: 0; } .search-form__action--submit { left: 0; opacity: 0.3; } .search-form__action--submit input { padding: 0 !important; font-size: 0; width: 3rem; background: transparent !important; position: absolute !important; } .search-form__action--reset input { padding: 0 !important; font-size: 0; width: 3rem; height: 3rem; background: transparent !important; position: absolute !important; border: none !important; } .search-form__field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .search-form__field input { padding-left: var(--padding-12); } @media (min-width: 576px) { .filters-more { min-height: 360px; padding: var(--padding-4) 0; } .filters-more:before { background-color: #F9F9F9; position: absolute; left: 0; top: 0; bottom: 0; content: ""; pointer-events: none; width: 250px; } .filters-more:after { background-color: var(--color-gray-200); position: absolute; left: 249px; top: 0; bottom: 0; content: ""; pointer-events: none; width: 1px; } } @media (min-width: 576px) { .filters-more .filter-item { max-width: 250px; } .filters-more .filter-item__target { left: 250px; right: 0; width: calc(100% - 250px); top: 0; padding: 0; } .filters-more .filter-item__target:before { display: none; } } .filters-more .filter-item__label { font-weight: normal; text-transform: none; position: static; } @media (min-width: 576px) { .filters-more .filter-item__label { font-size: 14px; color: var(--color-gray-900); } } .filters-more .filter-item__trigger { position: relative; } @media (min-width: 576px) { .filters-more .filter-item__trigger { border-top: 1px solid transparent; border-bottom: 1px solid transparent; padding: var(--padding-3) var(--padding-5); padding-left: var(--padding-4); border-left: 4px solid transparent; } .filters-more .filter-item__trigger.is-active { background-color: var(--color-white); border-color: var(--color-gray-200); border-left-color: var(--color-primary); pointer-events: none; } .filters-more .filter-item__trigger.is-active .filter-item__label { font-weight: var(--font-weight-medium); color: var(--color-primary); } .filters-more .filter-item__trigger.is-active:after { position: absolute; top: 0; bottom: 0; right: 0; content: ""; background-color: var(--color-white); width: 5px; pointer-events: none; z-index: 1; } } @media (min-width: 576px) { .filters-more .filter-dropdown { padding: var(--padding-4) var(--padding-6); } } .filters-more .filter-dropdown__head { border-bottom: none; margin-bottom: var(--margin-3); } @media (min-width: 576px) { .filters-more .filter-dropdown__body { max-height: 220px; overflow: auto; } } @media (min-width: 1199px) { .is-filter-fixed .section-filters { background-color: #fff; padding: 0; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .is-filter-fixed .section-filters h1 { display: none; } .is-filter-fixed .section-filters::after { display: none; } .is-filter-fixed .filters-layout { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: none; } .is-filter-fixed .filters-layout__item-first .filter-item__trigger { padding-left: 0; } .is-filter-fixed .filters-layout__item-fifth .filter-item__trigger { padding-right: 0; } } @media (min-width: 1199px) { .page-listing__head { padding: var(--padding-14) 0 var(--padding-5); } .page-listing__head h4 { font-weight: normal; } } @media (max-width: 1199px) { .page-listing__head { padding: 2rem 0; } .page-listing__head h4 { font-size: 1.3rem; font-weight: normal; } } @media (max-width: 991px) { .page-listing__head { padding: 1rem 0 1rem; } .page-listing__head h4 { margin: 1rem 0 2rem; } } @media (max-width: 576px) { .page-listing__head { padding: 0 0 2rem; position: relative; z-index: 2; } .page-listing__head h4 { font-size: 1.2rem; text-align: center; } } .sorting-options { position: relative; } @media (max-width: 1199px) { .sorting-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .sorting-options .svg-icon { width: 16px; height: 16px; margin-right: var(--margin-1); display: block; position: relative; top: 1px; } @media (max-width: 1199px) { .sorting-options .btn.btn--filters { display: none; } } @media (max-width: 576px) { .sorting-options { background-color: var(--color-secondary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: var(--radius-round); position: fixed; left: 15px; right: 15px; bottom: 80px; z-index: 1; max-width: 400px; margin: 0 auto; } .sorting-options__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .sorting-options__item:first-child { border-right: 1px solid var(--color-gray-100); } .sorting-options__item .btn.btn--filters { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; color: var(--color-white); font-size: 13px; font-weight: var(--font-weight-medium); padding: var(--padding-4) var(--padding-3); } .sorting-options__item .svg-icon { display: block; } } .sorting-action { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 576px) { .sorting-action { position: relative; } } .sorting-action__label { padding: 0 var(--padding-1); font-weight: var(--font-weight-medium); } @media (max-width: 576px) { .sorting-action__label { display: none; } .sorting-action__label .svg-icon { display: none; } } .sorting-action__trigger { position: relative; padding: var(--padding-3); padding-right: var(--padding-8); cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .sorting-action__trigger { width: 100%; padding: var(--padding-4) var(--padding-3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-white); font-size: 12px; font-weight: var(--font-weight-medium); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sorting-action__trigger .svg-icon { width: 20px; height: 20px; fill: currentColor; } } @media (min-width: 576px) { .sorting-action__trigger:before { position: absolute; right: 0.5rem; top: 50%; width: 8px; height: 8px; content: ""; border-right: 2px solid #999; border-bottom: 2px solid #999; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); pointer-events: none; } } .sorting-action__trigger.is-active:after { position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); content: ""; z-index: 11; } .sorting-action__target { position: absolute; top: 100%; right: 0; padding-top: var(--padding-6); z-index: 12; } @media (min-width: 576px) { .sorting-action__target:before { position: absolute; right: 1rem; top: 10px; content: ""; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom: 12px solid #fff; pointer-events: none; z-index: 1; } } .sorting-action__target .filter-dropdown { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); min-width: 240px; padding: var(--padding-4); border: 1px solid var(--color-gray-100); } @media (max-width: 576px) { .sorting-action__target { top: auto; bottom: 0; right: 0; left: 0; position: fixed; } .sorting-action__target .filter-dropdown { border-radius: 6px 6px 0 0; } } body.sort-active { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } body.sort-active .header { z-index: inherit; } @media (max-width: 576px) { .more-filters { display: none; } } @media (max-width: 576px) { .more-filters-target { position: static; display: block !important; width: 100%; } } @media (max-width: 576px) { .more-filters-target { padding-bottom: 0; overflow: visible; } .more-filters-target > .filter-dropdown { background-color: transparent; position: static; } .more-filters-target > .filter-dropdown > .filter-dropdown__body { padding: 0; } .more-filters-target > .filter-dropdown > .filter-dropdown__footer { position: fixed; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 1; } } .filter-panel__footer { position: absolute; left: 0; right: 0; bottom: 0; background-color: #fff; padding: var(--padding-4); z-index: 1; border-top: 1px solid var(--color-gray-200); } .filter-panel__head { display: none; } @media (max-width: 576px) { .filter-panel { position: fixed; left: 50%; top: 50%; z-index: 1000; background-color: #fff; -webkit-transform: translate3d(0, 100%, 0px) translate(-50%, -50%); transform: translate3d(0, 100%, 0px) translate(-50%, -50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; max-width: 800px; max-height: 80px; width: 100%; opacity: 0; visibility: hidden; min-height: 84%; z-index: 10; } .filter-panel:after { pointer-events: none; position: absolute; left: 200px; top: 0; bottom: 0; background-color: #eee; content: ""; width: 1px; } .filter-panel:before { pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; background-color: #F9F9F9; content: ""; width: 200px; z-index: 0; } .filter-panel__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: var(--padding-4) var(--padding-4) 0; height: 52px; position: relative; background-color: #fff; z-index: 1; } .filter-panel__body { height: calc(100% - 52px); position: relative; padding-bottom: 60px; padding-top: 70px; overflow: auto; position: relative; } .filter-panel.is-filter-visible { -webkit-transform: translate3d(0, 0, 0) translate(-50%, -50%); transform: translate3d(0, 0, 0) translate(-50%, -50%); opacity: 1; visibility: visible; } } @media (max-width: 576px) { .filter-panel { left: 0; right: 0; top: 0; bottom: 0; min-height: 1%; max-width: 100%; max-height: 100%; -webkit-transform: translate3d(0, 100%, 0px) translate(0, 0); transform: translate3d(0, 100%, 0px) translate(0, 0); } .filter-panel:after { pointer-events: none; position: absolute; left: 150px; top: 0; bottom: 0; background-color: #eee; content: ""; width: 1px; } .filter-panel:before { pointer-events: none; position: absolute; left: 0; top: 0; bottom: 0; background-color: #F9F9F9; content: ""; width: 150px; z-index: 0; } .filter-panel.is-filter-visible { -webkit-transform: translate3d(0, 0, 0) translate(0, 0); transform: translate3d(0, 0, 0) translate(0, 0); opacity: 1; visibility: visible; } } .selected-filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .selected-filters { color: var(--color-primary); } .selected-filters__action { width: 20px; height: 20px; line-height: 18px; border-radius: var(--radius-round); text-align: center; position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; cursor: pointer; } .selected-filters__action::before { background-color: var(--color-primary); position: absolute; inset: 0; content: ""; opacity: 0.2; pointer-events: none; } .selected-filters__action::after { content: "+"; position: absolute; inset: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 20px; pointer-events: none; z-index: 1; text-align: center; } @media (min-width: 1199px) { .selected-filters__action:hover { color: var(--color-white); } .selected-filters__action:hover:before { opacity: 1; } } .selected-filters__item { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 170px; text-transform: capitalize; } @media (max-width: 991px) { .selected-filters__item { max-width: 120px; } } .filters-count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 2px 4px; border-radius: var(--radius-1); background-color: var(--color-secondary); color: var(--color-white); font-size: 10px; } .filters-count--positioned { position: absolute; right: 12px; top: 12px; padding: 3px 4px; } .sorting-options .filters-count { background-color: var(--color-primary); line-height: normal; margin-left: 6px; } .switch-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 991px) { .switch-options { margin-right: 1rem; } .switch-options:after { position: absolute; right: 0; top: 1px; height: 20px; width: 1px; background-color: #999; content: ""; pointer-events: none; } } @media (min-width: 576px) { .switch-options__item { margin-right: 2rem; } } @media (max-width: 576px) { .switch-options__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.2rem; } } .switch-action { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 576px) { .switch-action { background-color: #fff; border: 1px solid #ddd; padding: 10px; border-radius: var(--radius-round); } } .switch-action .tooltip { font-size: 12px; } .switch-action .tooltip--top { top: -10px; } .switch-action .tooltip__content { min-width: 180px; padding: 5px; line-height: 1.5; } .settings { margin-bottom: var(--margin-4); position: relative; } .settings:last-child { margin-bottom: 0; } .settings .btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 var(--padding-6); border-color: currentColor; } .settings .btn::before { content: ""; position: absolute; width: 8px; height: 8px; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; right: 18px; top: 14px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .settings .dropdaown__title { margin-bottom: var(--margin-2); } .settings .settings__target { position: absolute; width: 100%; background: #fff; z-index: 1; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); top: 100%; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; max-height: 235px; overflow: auto; border-radius: var(--radius-1); } .settings .settings__target ul li { -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; margin: 0; } .settings .settings__target ul li:hover { background-color: var(--color-gray-100); } .settings .settings__target ul li a { padding: var(--padding-3) var(--padding-3); display: block; color: var(--color-dark); width: 100%; } .settings .settings__target ul .is--active { background-color: var(--color-gray-100); color: var(--color-primary); } .settings .settings__target ul .is--active a { color: var(--color-primary); font-weight: 600; position: relative; } .settings .settings__target ul .is--active a::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .footer-wrapper { position: relative; background: var(--color-dark-blue); color: var(--color-dark-blue-inverse); } @media (max-width: 767px) { .footer { padding-bottom: 65px; } } .footer-upper { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.2); padding: var(--padding-12) 0; text-align: center; } @media (min-width: 576px) { .footer-middle { padding: var(--padding-10) 0; } } @media (max-width: 576px) { .footer-middle > .container { padding: 0; } .footer-middle > .container > .row { margin: 0; } .footer-middle > .container > .row > [class*="col-"] { padding: 0; } } .footer-middle .settings .btn { opacity: 0.6; } .footer-lower { background-color: rgba(255, 255, 255, 0.1); padding: var(--padding-5) 0; } @media (min-width: 576px) { .footer-lower { padding: var(--padding-5) 0; } } .footer-lower p { color: inherit; margin-bottom: 0; opacity: 0.7; } .footer-lower p a { color: inherit; } @media (max-width: 576px) { .footer-lower { text-align: center; } } .footer .settings__target { top: auto; bottom: 100%; } .footer__logo { max-width: 240px; } @media (max-width: 576px) { .footer__logo { margin: 1rem auto 0; } } .site-subscribe { position: relative; max-width: 600px; margin: 0 auto; } .site-subscribe p { font-style: italic; color: inherit; } .site-subscribe__form { position: relative; } .site-subscribe__form .form, .site-subscribe__form form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .site-subscribe__form .form .icon, .site-subscribe__form form .icon { position: absolute; left: 1.2rem; top: 1.3rem; } .site-subscribe__form .form .icon svg, .site-subscribe__form form .icon svg { fill: var(--color-secondary); } .site-subscribe__form .form .errorlist, .site-subscribe__form form .errorlist { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-top: var(--margin-2); } .site-subscribe__form .form .input-field, .site-subscribe__form form .input-field { padding-left: 3.2rem; height: 50px; width: 75%; border-top-right-radius: 0; border-bottom-right-radius: 0; text-align: left; } .site-subscribe__form .form .input-field:focus, .site-subscribe__form form .input-field:focus { border-color: #fff; } .site-subscribe__form .form .input-submit, .site-subscribe__form form .input-submit { width: 25%; height: 50px; margin: 0; background-color: var(--color-primary); border: 1px solid #fff; border-top-left-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 1199px) { .site-subscribe__form .form .input-submit:hover, .site-subscribe__form form .input-submit:hover { background: var(--color-secondary); color: var(--color-secondary-inverse); } } @media (max-width: 576px) { .site-subscribe__form .form .input-field { width: 68%; } .site-subscribe__form .form .input-submit { width: 32%; } } @media (min-width: 576px) { .footer-list { margin-top: var(--margin-5); } } .footer-list ul li { margin: var(--margin-2) 0; opacity: 0.6; line-height: 1.8; } @media (min-width: 1199px) { .footer-list ul li:hover { opacity: 1; } } .footer-list ul li a { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; display: block; } @media (min-width: 1199px) { .footer-list ul li a:hover { text-decoration: underline; } } .footer-list ul li a .icon { width: 18px; height: 18px; margin-right: var(--margin-2); } .footer-list__group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 65%; } .footer-list__title { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; } .social-actions ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .social-actions ul li { margin-left: var(--margin-1); } .social-actions ul li a { width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 1px solid transparent; border-radius: var(--radius-1); opacity: 0.7; } .social-actions ul li a .icon { width: 20px; height: 20px; } @media (min-width: 1199px) { .social-actions ul li a:hover { border-color: var(--color-white); opacity: 1; } } @media (max-width: 576px) { .social-actions ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: var(--margin-4); } } @media (max-width: 991px) { .footer-colum { margin-bottom: 3rem; } } @media (max-width: 576px) { .footer-colum { margin-bottom: 0; margin-top: 0 !important; } } @media (max-width: 1199px) { .footer-colum__trigger h5 { font-size: 1rem; } } @media (max-width: 576px) { .footer-colum__trigger { margin: 0; padding: var(--padding-5) var(--padding-5); border-bottom: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; position: relative; } .footer-colum__trigger h5 { font-size: 1.1rem; } .footer-colum__trigger::before { position: absolute; right: 19px; top: 19px; width: 10px; height: 10px; content: ""; border-left: 2px solid var(--color-dark-blue-inverse); border-bottom: 2px solid var(--color-dark-blue-inverse); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer-colum__trigger.is-active:before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 24px; } } @media (max-width: 576px) { .footer-colum__target { display: none; padding: var(--padding-5) var(--padding-5); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } @media (max-width: 576px) { .footer__logo { margin: 1rem auto 0; } } .slideshow .slideshow__item::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0, 0, 0, 0.1); z-index: 1; pointer-events: none; } .slideshow .slick-dots { bottom: 32px; } .slideshow .slick-dots { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slideshow .slick-dots button { width: 10px; background: rgba(255, 255, 255, 0.4); } .section-slideshow { padding: 0; max-width: 2000px; position: relative; margin: 0 auto; } .slideshow-content { position: absolute; left: 5%; top: 50%; min-width: 530px; max-width: 530px; color: #111; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; padding: var(--padding-14) var(--padding-14); text-align: center; -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px); background: rgba(255, 255, 255, 0.7); border-radius: var(--radius-2); } @media (max-width: 1199px) { .slideshow-content { padding: var(--padding-8) var(--padding-10); min-width: 450px; max-width: 450px; } } @media (max-width: 767px) { .slideshow-content { position: relative; top: auto; max-width: 100%; margin: -4px 0 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); left: auto; padding: var(--padding-6) var(--padding-6) var(--padding-10); text-align: center; min-width: 100%; color: var(--color-dark); border-bottom: 1px solid var(--color-gray-200); } } .slideshow-content h1 { font-size: 1.9rem; font-weight: var(--font-weight-bold); line-height: 2.8rem; margin-bottom: var(--margin-2); } @media (max-width: 1199px) { .slideshow-content h1 { font-size: 1.4rem; line-height: 2rem; } } @media (max-width: 767px) { .slideshow-content h1 { font-size: 20px; line-height: 1.8; font-weight: 700; } } .slideshow-content p { font-size: 14px; color: inherit; line-height: 30px; margin-bottom: var(--padding-6); } @media (max-width: 1199px) { .slideshow-content p { margin-bottom: var(--margin-6); font-size: 1.1rem; } } .slideshow-content .form__lang { margin-bottom: 0; font-size: 14px; } .slideshow__form { margin-bottom: var(--margin-6); } @media (max-width: 767px) { .slideshow__form { margin-bottom: var(--margin-4); } } .slideshow__form .slideshow-input { position: relative; margin-bottom: var(--margin-6); border-radius: var(--radius-1); } .slideshow__form .slideshow-input::after { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid; border-bottom: 2px solid; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 24px; top: 50%; pointer-events: none; } .slideshow__form .slideshow-input svg { fill: var(--color-gray-1000); } .slideshow__form .slideshow-input input[type="text"] { height: 60px; padding-left: var(--padding-16); padding-right: var(--padding-16); position: relative; border: none; } @media (max-width: 991px) { .slideshow__form .slideshow-input input[type="text"] { height: 50px; } } @media (max-width: 767px) { .slideshow__form .slideshow-input input[type="text"] { height: 50px; border: 1px solid var(--color-gray-500); } } .slideshow__form .slideshow-input .icon--search { position: absolute; z-index: 1; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 20px; opacity: 0.3; } .slideshow__form .btn { font-weight: bold; height: 60px; } @media (max-width: 991px) { .slideshow__form .btn { height: 50px; } } @media (max-width: 767px) { .slideshow__form .btn { height: 50px; font-weight: 600; font-size: 16px; } } .tags-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .tags-inline b { margin-right: var(--margin-3); color: inherit; font-size: 1.1rem; line-height: 23px; } .tags-inline ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: var(--margin-2); -ms-flex-wrap: wrap; flex-wrap: wrap; } .tags-inline ul .tags-inline__item { margin: 0; } .tags-inline ul .tags-inline__item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; padding: var(--padding-1); color: inherit; font-size: 1rem; } .tags-inline ul .tags-inline__item :hover { color: var(--color-secondary); } .section__head { padding: 0 !important; text-align: center; margin-bottom: var(--margin-5); } @media (max-width: 991px) { .section__head { margin-bottom: var(--margin-10); } } .section__head h2 { line-height: 40px !important; color: #111; font-size: var(--font-size-h1); } @media (max-width: 1199px) { .section__head h2 { font-size: 1.7rem; line-height: 2.5rem !important; } } .section__head .view-all { font-weight: 600; color: var(--color-primary); padding-bottom: 5px; border-bottom: 1px dashed; } @media (max-width: 767px) { .section--services .section__head { max-width: 80%; margin: 0 auto var(--margin-8); } } .service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: var(--color-dark); } @media (min-width: 767px) { .service { padding: var(--padding-12) var(--padding-10); } } @media (max-width: 767px) { .service { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-bottom: var(--margin-5); flex-direction: column; text-align: center; padding: var(--padding-8) var(--padding-10); border: 1px solid var(--color-gray-200); } } .service .service__media { min-width: 100px; min-height: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: var(--color-primary); border-radius: var(--radius-1); overflow: hidden; } .service .service__media::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: var(--color-black); opacity: 0.06; } @media (max-width: 991px) { .service .service__media { margin: 0 auto var(--margin-6); } } @media (min-width: 767px) { .service .service__content { margin-left: var(--margin-6); } } .service .service__content h3 { font-size: var(--font-size-h5); margin-bottom: var(--margin-4); line-height: 20px; } @media (max-width: 767px) { .service .service__content h3 { font-size: var(--font-size-medium); margin-bottom: var(--margin-3); } } .service .service__content p { margin-bottom: 0; } .bg-gray { background: #F6F6F6; } .flag-wrapper { margin-bottom: var(--margin-10); } @media (min-width: 1199px) { .flag-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1.4rem; } } @media (max-width: 1199px) { .flag-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1rem; } } @media (max-width: 991px) { .flag-wrapper { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 576px) { .flag-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } } .flag-wrapper .flag__box { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: var(--padding-4) var(--padding-4); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin: 0; max-width: 100%; margin: 0; background-color: var(--color-white); position: relative; } @media (min-width: 1199px) { .flag-wrapper .flag__box { padding: var(--padding-8) var(--padding-4); } } @media (max-width: 1199px) { .flag-wrapper .flag__box { background-color: var(--color-white); } } .flag-wrapper .flag__box .flag__media { width: 80px; height: 80px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; margin-bottom: var(--margin-6); background: #fff; } .flag-wrapper .flag__box .flag__media img { max-width: 100%; } .flag-wrapper .flag__box .flag__name { text-align: center; font-weight: 600; } .flag-wrapper .flag__box .flag__name .lesson-count { margin-top: 4px; line-height: 30px; font-size: 12px; font-weight: normal; } @media (min-width: 1199px) { .flag-wrapper .flag__box .flag__name .lesson-count { color: transparent; } } @media (max-width: 767px) { .flag-wrapper .flag__box .flag__name .lesson-count { line-height: 20px; } } .flag-wrapper .flag__box .flag__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } @media (min-width: 1199px) { .flag-wrapper .flag__box:hover { -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); border-color: var(--color-gray-400); } } .section--language, .section--step { background: var(--color-gray-100); } .more-info p { color: #111; font-size: 16px; margin-bottom: 0; } @media (max-width: 767px) { .more-info p { font-size: 1.1rem; } } .more-info p a { color: var(--color-primary); font-weight: 600; position: relative; padding-bottom: 4px; text-decoration: underline; } @media (max-width: 767px) { .more-info p a { display: block; margin-top: var(--margin-2); } } .tutor-card { margin-bottom: var(--margin-18); -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; transition: .3s all ease-in-out; } .tutor-card:hover { -webkit-box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1); } @media (min-width: 1199px) { .card__row--action { opacity: 0; visibility: hidden; position: absolute; padding-left: var(--padding-8); padding-right: var(--padding-8); bottom: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 0 var(--padding-8) var(--padding-8); color: inherit; } .card__row--action::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } } .tile { margin-bottom: var(--margin-5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; border-radius: var(--radius-1); } @media (max-width: 1199px) { .tile { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); margin-bottom: var(--margin-10); } } @media (max-width: 1199px) { .tile { -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding: var(--padding-6); border: 1px solid var(--color-gray-200); min-width: 300px; max-width: 300px; height: 100%; } } .tile .card__row--action { padding: 0; left: 0; right: 0; color: unset; } @media (min-width: 1199px) { .tile .card__row--action { padding: 0 var(--padding-5); } } .tile .card__row--action::before { content: none; } @media (max-width: 1199px) { .teacher-wrapper .row { -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .teacher-wrapper .row { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .teacher-wrapper .row::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .teacher-wrapper [class*="col-"] { padding-right: 0; max-width: inherit; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; } .teacher-wrapper [class*="col-"]:last-child { padding-right: var(--margin-5); } } @media (min-width: 1199px) { .tile:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } .tile:hover .card__row--action { opacity: 1; visibility: visible; padding-top: var(--padding-3); padding-bottom: var(--padding-3); } } .tile__head .tile__media { border-radius: var(--radius-1); overflow: hidden; } @media (max-width: 767px) { .tile__head .tile__media img { width: 100%; } } .tile__body { padding: var(--padding-5); text-align: center; color: #111; } @media (max-width: 1199px) { .tile__body { padding: 0; } } @media (min-width: 1199px) { .tile__body { padding: var(--padding-5) var(--padding-5) var(--padding-20); } } @media (max-width: 767px) { .tile__body { padding: var(--padding-5) 0 0 0; } } .tile__body .info-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 576px) { .tile__body .info-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .tile__body .tile__title h4 { margin-bottom: var(--margin-3); font-size: var(--font-size-medium); font-weight: 700; color: #111; } @media (max-width: 767px) { .tile__body .tile__title h4 { font-size: 1.1rem; } } @media (max-width: 1199px) { .tile__body .card__row--action { margin-top: var(--margin-5); } } .info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333; -ms-flex-wrap: wrap; flex-wrap: wrap; } .info-wrapper .info-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-wrapper .info-tag:last-child { margin-right: 0; } @media (max-width: 576px) { .info-wrapper .info-tag { margin-bottom: var(--margin-4); margin-right: var(--margin-2); } } @media (min-width: 576px) { .info-wrapper .info-tag { margin-right: var(--margin-5); } } .info-wrapper .info-tag .icon--location { width: 11px; height: 15px; fill: var(--color-dark); opacity: 0.7; } .info-wrapper .info-tag .icon { margin-right: var(--margin-2); } .info-wrapper .info-tag .value { margin-right: 6px; font-weight: bold; } .info-wrapper .info-tag span { opacity: 0.8; } .info-wrapper .info-tag .total-count { margin: 0 var(--margin-2); } .ratings { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ratings .icon--rating { width: 15px; height: 19px; fill: var(--color-yellow); } .ratings .value { margin-right: 6px; font-weight: bold; } .ratings span { opacity: 0.8; } .section--cta::before { content: ""; position: absolute; background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; top: 0; bottom: 0; left: 0; right: 0; } @media (max-width: 767px) { .section--cta { min-height: 400px; } } .section--cta .cta-content { max-width: 380px; color: #fff; } @media (max-width: 767px) { .section--cta .cta-content { max-width: 224px; margin: var(--margin-20) 0; } } .section--cta .cta-content h2 { font-size: var(--font-size-h1); line-height: calc(3rem + 13px); margin-bottom: var(--margin-16); } @media (max-width: 1199px) { .section--cta .cta-content h2 { line-height: calc(2.3rem + 10px); margin-bottom: var(--margin-10); } } @media (max-width: 576px) { .section--cta .cta-content h2 { font-size: 22px; margin-bottom: var(--margin-8); } } .card { padding: var(--padding-10) var(--padding-8); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 1199px) { .card { margin-bottom: var(--margin-6); padding-bottom: var(--padding-8); } } .card .card__row--action { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .card .card__row--action .btn { width: 50%; } @media (min-width: 1199px) { .card .card__row--action .btn:first-child { margin-right: 20px; } } @media (max-width: 1199px) { .card .card__row--action .btn:first-child { margin-right: 10px; } } @media (min-width: 1199px) { .card:hover .card__row--action { opacity: 1; visibility: visible; bottom: -67px; } } .card .card__head { position: relative; margin-bottom: var(--margin-20); } .card .card__head::before { content: ""; position: absolute; height: 100%; width: 4px; background: var(--color-primary); height: calc(100% - 10px); left: -27px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .card .card__head h3 { color: var(--color-primary); font-size: var(--font-size-h5); line-height: 30px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (max-width: 767px) { .card .card__head h3 { font-size: var(--font-size-lg); line-height: 26px; } } .card__row { margin-bottom: var(--margin-6); } @media (min-width: 1199px) { .card__row:nth-child(3) { margin-bottom: 0; } } .card__row span { text-transform: uppercase; font-size: var(--font-size-sm); opacity: 0.6; color: #333; } .card__row p { font-size: 14px; color: #333; font-weight: 600; margin-bottom: 0; margin-top: var(--margin-1); } .card__row .class-price { border-bottom: 1px dashed; } .card--bg { position: relative; } .card--bg::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .timer .timer__media { margin-right: var(--margin-2); } .timer .timer__media svg { width: 14px; height: 16px; vertical-align: sub; fill: var(--color-secondary); } .timer .timer__controls { font-weight: 600; } .section--quote { background: var(--color-dark-blue); color: var(--color-dark-blue-inverse); } .section--quote .slick-disabled { opacity: 0.5; } @media (min-width: 991px) { .quote-slider { max-width: 1030px; } } @media (max-width: 1199px) { .quote-slider .slider { margin: 0; } } @media (min-width: 1399px) { .quote-slider .slider .slick-next { right: -10%; } .quote-slider .slider .slick-next:before { border-color: var(--color-dark-blue-inverse); } .quote-slider .slider .slick-prev { left: -10%; } .quote-slider .slider .slick-prev:before { border-color: var(--color-dark-blue-inverse); } } @media (min-width: 1199px) and (max-width: 1399px) { .quote-slider .slider .slick-next { right: -5%; } .quote-slider .slider .slick-next:before { border-color: var(--color-dark-blue-inverse); } .quote-slider .slider .slick-prev { left: -5%; } .quote-slider .slider .slick-prev:before { border-color: var(--color-dark-blue-inverse); } } .quote-slider .slider .slider__item { padding: 0 var(--padding-4); } .quote-slider .slider .slick-prev { left: -5%; } .quote-slider .slider .slick-prev:before { border-color: var(--color-dark-blue-inverse); } .quote { padding: var(--padding-8) 0; } @media (min-width: 767px) { .quote { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { .quote { text-align: center; } } .quote .quote__media { position: relative; width: 280px; height: 280px; } .quote .quote__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; border-radius: var(--radius-2); } @media (max-width: 767px) { .quote .quote__media { width: 140px; height: 140px; margin: 0 auto var(--margin-6); position: relative; } } .quote .quote__media .quote__box { width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-primary); position: absolute; top: -18px; right: -18px; border-radius: var(--radius-2); } .quote .quote__media .quote__box svg { fill: var(--color-dark-blue-inverse); } @media (max-width: 767px) { .quote .quote__media .quote__box { width: 40px; height: 40px; } .quote .quote__media .quote__box svg { max-width: 18px; } } .quote .quote__content { position: relative; } @media (min-width: 767px) { .quote .quote__content { width: calc(100% - 280px); padding-left: var(--padding-20); } } .quote .quote__content p { font-size: var(--font-size-h4); line-height: 3rem; margin-bottom: var(--margin-20); color: inherit; } @media (max-width: 767px) { .quote .quote__content p { margin-bottom: var(--margin-14); font-size: 1.1rem; line-height: 2.3rem; } } .quote .quote__content .quote__icon { position: absolute; right: 0; bottom: 0; } .quote .quote__content .quote__icon svg { bottom: -26px; opacity: 0.07; fill: var(--color-white); } @media (max-width: 767px) { .quote .quote__content .quote__icon { bottom: 30px; } } .quote-info { padding-left: var(--padding-5); position: relative; } @media (max-width: 767px) { .quote-info { display: inline-block; } } .quote-info::before { content: ""; position: absolute; height: 25px; width: 2px; background: var(--color-dark-blue-inverse); left: 0; opacity: 0.5; top: 4px; } .quote-info h4 { margin-bottom: 10px; } .quote-info span { font-size: var(--font-size-medium); opacity: 0.6; } .step-wrapper { max-width: 960px; margin: 0 auto; } .step-wrapper .slick-dots li:not(.slick-active) button { background: var(--color-dark); opacity: 0.15; } .step .step__content { padding: var(--padding-8); } @media (max-width: 991px) { .step .step__content { padding: 0; } } @media (max-width: 767px) { .step .step__content { text-align: center; } } .step .step__content h3 { font-size: var(--font-size-h3); color: var(--color-dark); margin-bottom: var(--margin-6); line-height: 40px; } @media (max-width: 767px) { .step .step__content h3 { font-size: var(--font-size-h4); margin-bottom: var(--margin-4); line-height: 36px; } } .step .step__content p { font-size: 16px; line-height: 32px; margin-bottom: var(--margin-12); color: var(--color-gray-1000); } @media (max-width: 767px) { .step .step__content p { font-size: 15px; line-height: 28px; margin-bottom: var(--margin-8); } } .step__actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .step__actions .btn-video { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-secondary); height: 42px; margin-left: var(--margin-16); } .step__actions .btn-video svg { margin-right: 10px; } @media (max-width: 767px) { .step__actions { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .step__actions .icon-play { width: 22px; height: 22px; position: relative; border-radius: 50%; background: var(--color-secondary); margin-right: var(--margin-3); } .step__actions .icon-play:before { content: ""; position: absolute; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid var(--color-white); top: 50%; left: 50%; -webkit-transform: translate(-34%, -50%); -ms-transform: translate(-34%, -50%); transform: translate(-34%, -50%); pointer-events: none; } @media (min-width: 1199px) { .blog-wrapper .slick-next { right: -5%; } .blog-wrapper .slick-prev { left: -5%; } .blog-wrapper .slick-arrow::before { border-color: #666; } } @media (max-width: 767px) { .blog-wrapper .slick-next { right: 0px; } .blog-wrapper .slick-prev { left: 0px; } } .blog-wrapper .slick-disabled { opacity: 0.5; } .blog-wrapper .slick-dots { bottom: -7px; } .blog-wrapper .slick-dots li:not(.slick-active) button { background: var(--color-dark); opacity: 0.15; } .blog-card { position: relative; overflow: hidden; border-radius: var(--radius-1); z-index: 0; } @media (max-width: 1199px) { .blog-card { margin-bottom: var(--margin-6); } } @media (min-width: 1199px) { .blog-card:hover .blog__detail { bottom: 0 !important; } .blog-card:hover .blog__media img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .blog-card .blog__head::before { content: ""; position: absolute; pointer-events: none; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; opacity: 0.8; } @media (min-width: 767px) { .blog-card .blog__head::before { background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0.2))) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(bottom, black 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(0deg, black 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } } @media (max-width: 767px) { .blog-card .blog__head::before { background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(255, 255, 255, 0))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(255, 255, 255, 0) 100%); } } .blog-card .blog__head .blog__media img { -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } .blog-card .blog__body .blog__detail { position: absolute; color: var(--color-white); z-index: 1; padding: var(--padding-8); bottom: 0; -webkit-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; } @media (max-width: 576px) { .blog-card .blog__body .blog__detail { padding: var(--padding-6); } } @media (max-width: 991px) { .blog-card .blog__body .blog__detail { padding: var(--padding-5); } } @media (min-width: 1199px) { .blog-card .blog__body .blog__detail { bottom: -70px; } } .blog-card .blog__body .blog__detail .tags-inline__item { padding: var(--padding-1) var(--padding-3); font-size: 12px; background: var(--color-primary); color: var(--color-primary-inverse); margin-bottom: var(--margin-2); display: inline-block; } .blog-card .blog__body .blog__detail .blog__title { margin-bottom: var(--margin-5); } .blog-card .blog__body .blog__detail .blog__title h3 { font-size: var(--font-size-h4); line-height: 32px; } @media (max-width: 1199px) { .blog-card .blog__body .blog__detail .blog__title h3 { font-size: 16px; line-height: 26px; } } .blog-card .blog__body .blog__detail .blog__date { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-8); } @media (max-width: 1199px) { .blog-card .blog__body .blog__detail .blog__date { margin-bottom: 0; } } .blog-card .blog__body .blog__detail .blog__date .icon { width: 16px; height: 16px; fill: var(--color-white); margin-right: 10px; } .blog-card .blog__body .blog__detail .blog__date span { font-weight: 600; } .blog-card .blog__body .blog__detail .btn { text-transform: uppercase; font-weight: var(--font-weight-medium); } @media (min-width: 1199px) { .blog-card .blog__body .blog__detail .btn:hover { background-color: var(--color-secondary-inverse); color: var(--color-primary); } } @media (max-width: 1199px) { .blog-card .blog__action { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } } .step-tabs { margin: 0 auto var(--margin-14); } @media (min-width: 1199px) { .step-tabs { max-width: 700px; } } @media (max-width: 767px) { .step-tabs { margin-bottom: var(--margin-6); } } .step-tabs .slider-tabs__action { border: none; font-size: 1.3rem; color: var(--color-dark); opacity: 0.5; font-weight: 600; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; border-bottom: 2px solid rgba(0, 0, 0, 0.14); cursor: pointer; background-color: transparent; } @media (max-width: 1199px) { .step-tabs .slider-tabs__action { white-space: nowrap; padding: 0 2rem; } } @media (min-width: 1199px) { .step-tabs .slider-tabs__action { min-width: 140px; } } @media (max-width: 767px) { .step-tabs .slider-tabs__action { height: 42px; font-size: 14px; } } @media (min-width: 576px) { .step-tabs .slick-slide { padding: 0 1rem; } } .step-tabs .slick-current .slider-tabs__action { border-bottom: 2px solid var(--color-primary); color: var(--color-primary); opacity: 1; font-weight: bold; } .slider { position: relative; } @media (min-width: 576px) { .slider { margin: 0 -1rem; } } @media (min-width: 576px) { .slider--onehalf .slider__item { padding: 0 var(--padding-4) 0; } } .step-tabs .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .section--upcoming-class { background-color: var(--color-gray-100); } @media (min-width: 1199px) { .section--upcoming-class .slider--onethird .slick-next { right: -4%; } .section--upcoming-class .slider--onethird .slick-prev { left: -4%; } } @media (min-width: 1199px) { .section .container--narrow { width: 92%; } } .home.home-index .service { display: block; text-align: center; padding: 0; } .home.home-index .service__media:before { display: none; } .home.home-index .service__content { margin-left: 0; padding: 0 2rem 2rem; } .home.home-index .service__content h3 { font-weight: var(--font-weight-bold); } @media (min-width: 576px) { .home.home-index .section.section--services .row [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } body[dir="rtl"] .quote-slider .quote .quote__content .quote__icon, body[dir="rtl"] .quote-slider .quote .quote__media .quote__box { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } .subject-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: var(--margin-10); } @media (min-width: 1199px) { .subject-row .subject-colum { -webkit-box-flex: 0; -ms-flex: 0 0 16.6%; flex: 0 0 16.6%; max-width: 16.6%; padding: 10px; } } @media (max-width: 1199px) { .subject-row .subject-colum { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 10px; } } @media (max-width: 576px) { .subject-row .subject-colum { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 5px; } } .subject { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: var(--padding-4) var(--padding-4); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; background-color: var(--color-white); position: relative; text-align: center; height: 100%; } @media (min-width: 576px) { .subject__media { width: 80px; height: 80px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; margin-bottom: var(--margin-6); background: #fff; } } @media (max-width: 576px) { .subject__media { width: 40px; height: 40px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; margin: 0 auto; margin-bottom: var(--margin-2); } } .subject__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .subject .subject-title { display: block; font-weight: var(--font-weight-medium); } .subject .subject-count { display: block; margin-top: 8px; font-size: 12px; font-weight: normal; color: var(--color-gray-1000); } @media (min-width: 576px) { .subject .subject-count { text-align: center; } } @media (min-width: 1199px) { .subject:hover { -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); border-color: var(--color-gray-400); } } .profile-tile { border-radius: var(--radius-2); width: 100%; position: relative; background-color: #fff; border: 1px solid transparent; text-align: center; padding: var(--padding-4); margin-bottom: var(--margin-4); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (max-width: 1199px) { .profile-tile { min-width: 280px; max-width: 280px; padding: var(--padding-6); border: 1px solid var(--color-gray-200); } } .profile-tile__media { max-width: 160px; margin: 0 auto; border-radius: var(--radius-round); margin-bottom: var(--margin-6); } @media (min-width: 1199px) { .profile-tile__body { padding-bottom: var(--padding-20); } } .profile-tile__title { font-weight: var(--font-weight-medium); font-size: 1.2rem; display: block; } @media (min-width: 1199px) { .profile-tile__action { opacity: 0; visibility: hidden; position: absolute; padding-left: var(--padding-8); padding-right: var(--padding-8); bottom: 65px; left: 0; right: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 0 var(--padding-8) var(--padding-8); color: inherit; } } @media (max-width: 1199px) { .profile-tile__action { margin-top: 1rem; } } .profile-tile:hover { border-color: rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .profile-tile:hover .profile-tile__title { color: var(--color-primary); } .profile-tile:hover .profile-tile__action { opacity: 1; visibility: visible; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .section--cta { background-position: center top; background-repeat: no-repeat; background-size: cover; } @media (min-width: 1299px) { .section--cta { padding: calc(4rem + 60px) 0; } } @media (min-width: 767px) and (max-width: 1399px) { .section--cta { background-position: center 0; } } .box.box--narrow .field_label { display: block; width: 100%; } .box.box--narrow .field_label .-link-underline { font-weight: normal; } .div-login-form .field_label .-link-underline { font-weight: normal; } @media (max-width: 991px) { .box.box--narrow .-float-right { float: right !important; } } @media (min-width: 1199px) { .filter-primary .filter-colum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-primary .filter-colum--large { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } } @media (max-width: 1199px) { .filter-primary .filter-colum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-primary .filter-colum--large { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } } @media (max-width: 767px) { .filter-primary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .filter-primary .filter-row .filter-colum { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filter-primary .filter-row .filter-colum--large { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: var(--margin-6); } .filter-primary .filter-row .filter-colum--large .filter { border-bottom: none; } } @media (min-width: 767px) { .filter-primary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1199px) { .filter-colum--large .filter__trigger--outlined { padding-right: var(--padding-16); } } .filter-secondary { padding-top: var(--padding-2); } @media (min-width: 1199px) { .filter-secondary .filter-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (max-width: 1199px) { .filter-secondary .filter__target { position: relative; padding: var(--padding-6); -webkit-box-shadow: none; box-shadow: none; border: none; border-bottom: 1px solid var(--color-gray-300); } } @media (min-width: 1199px) { .filter-secondary .filter__trigger { margin-right: var(--margin-5); } } @media (min-width: 1199px) { .filter-secondary .filter__trigger-label { font-weight: normal; } } @media (min-width: 1199px) { .filter-secondary .filter-colum:first-child .filter__trigger { padding-left: 0; } } .filter-search { width: 100%; } @media (max-width: 767px) { .filter-search { border: 1px solid var(--color-gray-300); } } @media (max-width: 767px) { .filter-search input { padding-left: var(--padding-4) !important; font-weight: normal !important; } } .filter-search input { border: none; padding: 0; color: inherit; padding: 0 var(--padding-6); } .filter-search input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter-search input::-webkit-input-placeholder { color: inherit; } .filter-search input::-moz-placeholder { color: inherit; } .filter-search input:-ms-input-placeholder { color: inherit; } .filter-search input::-ms-input-placeholder { color: inherit; } .filter-search input::placeholder { color: inherit; } .filter-search .icon { width: 20px; height: 20px; opacity: 1; position: absolute; display: block !important; right: 13px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .filter { width: 100%; position: relative; } @media (max-width: 767px) { .filter { border-bottom: 1px solid var(--color-gray-300); } } .filter__trigger { position: relative; height: 44px; line-height: 44px; padding: 0 var(--padding-4); cursor: pointer; text-align: left; } @media (min-width: 767px) { .filter__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 767px) { .filter__trigger { font-weight: var(--font-weight-medium); font-size: 14px; } } .filter__trigger .icon { margin-right: var(--margin-2); opacity: 0.5; min-width: 24px; } @media (max-width: 767px) { .filter__trigger .icon { display: none; } } .filter__trigger input { border: none; padding: 0; color: inherit; cursor: pointer; } .filter__trigger input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter__trigger input::-webkit-input-placeholder { color: inherit; } .filter__trigger input::-moz-placeholder { color: inherit; } .filter__trigger input:-ms-input-placeholder { color: inherit; } .filter__trigger input::-ms-input-placeholder { color: inherit; } .filter__trigger input::placeholder { color: inherit; } @media (max-width: 767px) { .filter__trigger input { font-weight: var(--font-weight-medium); font-size: 14px; } } .filter .is-active .filter__trigger-label { color: var(--color-primary); } .filter__trigger--arrow:before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-black); border-bottom: 2px solid var(--color-black); -webkit-transform: translateY(-60%) rotate(45deg); -ms-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); right: 15px; top: 50%; opacity: 0.3; pointer-events: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (min-width: 1199px) { .filter__trigger--arrow:before { right: 0; } } @media (min-width: 767px) { .filter__trigger--outlined { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--color-white); padding-left: var(--padding-4); padding-right: var(--padding-8); outline: 1px solid #ddd; } .filter__trigger--outlined:before { right: 15px; } } @media (max-width: 1199px) { .filter__trigger--outlined { font-size: var(--font-size-sm); background-color: var(--color-white); } } @media (max-width: 767px) { .filter__trigger--outlined { font-size: 14px; } } @media (min-width: 767px) { .filter__trigger--large { height: 60px; line-height: 60px; } } .filter__target { position: relative; padding: var(--padding-4); background-color: var(--color-white); } @media (max-width: 767px) { .filter__target { border-bottom: 1px solid var(--color-gray-300); } } @media (min-width: 767px) { .filter__target { position: absolute; border: 1px solid var(--color-gray-300); z-index: 1; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); min-width: 260px; top: 100%; left: 0px; } } .filter .is-active { color: var(--color-primary); font-weight: 600; } .filter .is-active:before { border-color: currentColor; opacity: 1; -webkit-transform: translateY(-16%) rotate(-135deg); -ms-transform: translateY(-16%) rotate(-135deg); transform: translateY(-16%) rotate(-135deg); } .filter .is-active .icon { opacity: 1; } @media (max-width: 767px) { .group-class-search { padding: var(--padding-6) 0 var(--padding-4); } } .group-class-search .filter__target { position: absolute; width: 100%; } @media (max-width: 767px) { .group-class-search .filter { border: 1px solid var(--color-gray-300); } .group-class-search .filter__trigger input { padding: 0 !important; } } @media (max-width: 767px) { .group-class-search .filter-search { border: none; } } @media (max-width: 767px) { .group-class-search .filter__trigger { border-bottom: 1px solid var(--color-gray-300); } .group-class-search .filter__trigger--arrow { border-bottom: none; } } .filter-header { display: none; } @media (max-width: 767px) { .filter-header { display: inline-block; width: 100%; margin-bottom: var(--margin-4); padding: var(--padding-6); } } .filter-header h3 { text-align: left; } @media (max-width: 767px) { .filter-form { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); left: 0; right: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 999; } } @media (max-width: 767px) { .show-filters-js { position: fixed; left: 0; right: 0; bottom: 0; top: 0; } } @media (max-width: 767px) { .show-filters-js .filter-form { opacity: 1; visibility: visible; } } @media (max-width: 1199px) { .filter-secondary { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); box-shadow: 0 0 10px rgba(0, 0, 0, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; opacity: 0; visibility: hidden; z-index: 999; width: 280px; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } } @media (max-width: 767px) { .filter-secondary { position: static; -webkit-box-shadow: none; box-shadow: none; width: 100%; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); -webkit-transition: none; -o-transition: none; transition: none; } } @media (max-width: 1199px) { .filter-secondary .filter__trigger { border-bottom: 1px solid var(--color-gray-300); } } @media (max-width: 767px) { .filter-secondary .filter__trigger { border-bottom: none; } } @media (max-width: 1199px) { .show-filters-js .filter-secondary { opacity: 1; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); visibility: visible; } } .main__head { padding: var(--padding-12) 0; border-bottom: 1px solid var(--color-gray-300); } @media (max-width: 1199px) { .main__head { padding: var(--padding-6) 0; } } @media (max-width: 767px) { .main__head { padding: 0; } } .main__body { padding: var(--padding-18) 0; } @media (max-width: 767px) { .main__body { padding: var(--padding-10) 0; } } .section--gray { background-color: var(--color-gray-100); } .filter__primary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .filter__primary { border-bottom: 1px solid var(--color-gray-200); } .filter__primary .filter-form__inner { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .filter__primary .filter-form__inner:not(.filter--search) .icon { display: none; } .filter__primary .filter--search { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 var(--padding-6) var(--padding-4); } } .filter-form__inner { position: relative; } @media (max-width: 767px) { .filter-form__inner { width: 100%; } } @media (min-width: 767px) and (max-width: 1199px) { .filter-form__inner { width: 21%; } } @media (min-width: 1199px) and (max-width: 1399px) { .filter-form__inner { width: 20%; } } .filter-form__inner .filter__head { min-width: 220px; max-width: 220px; height: 60px; background-color: #fff; border: 1px solid var(--color-gray-200); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 var(--padding-5); position: relative; padding-right: var(--padding-10); border-right: transparent; cursor: pointer; } @media (max-width: 1399px) { .filter-form__inner .filter__head { min-width: unset; max-width: unset; padding: 0 var(--padding-3); padding-right: var(--padding-12); } .filter-form__inner .filter__head::before { right: 13px; } } @media (max-width: 767px) { .filter-form__inner .filter__head { min-width: 100%; border-left: none; border-bottom: none; height: 47px; padding: 0 var(--padding-6); color: var(--color-dark); } .filter-form__inner .filter__head:last-child { border-bottom: 1px solid var(--color-gray-200); } .filter-form__inner .filter__head::before { top: 18px !important; } } .filter-form__inner .filter__head::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-gray-500); border-bottom: 2px solid var(--color-gray-500); -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); right: 24px; top: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .filter-form__inner .filter__head input { border: none; padding: 0; color: inherit; margin-bottom: 2px; } .filter-form__inner .filter__head input:focus { -webkit-box-shadow: none; box-shadow: none; } .filter-form__inner .filter__head input::-webkit-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::-moz-placeholder { color: inherit; } .filter-form__inner .filter__head input:-ms-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::-ms-input-placeholder { color: inherit; } .filter-form__inner .filter__head input::placeholder { color: inherit; } .filter-form__inner .filter__head .icon { min-width: 24px; height: 24px; margin-right: var(--margin-2); fill: var(--color-dark); opacity: 0.5; } .filter-form__inner .filter__head h6 { font-weight: normal; font-size: 14px; color: inherit; } .filter-form__inner .filter__body { position: absolute; top: 100%; left: 0px; background: #fff; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); z-index: 1; border: 1px solid var(--color-gray-200); } @media (max-width: 767px) { .filter-form__inner .filter__body { width: 100%; position: static; border-left: none; border-right: none; } } @media (min-width: 767px) and (max-width: 1199px) { .filter--search { width: 37%; } .filter--search .icon { right: 6px !important; } } @media (min-width: 1199px) and (max-width: 1399px) { .filter--search { width: 40%; } } .filter--search .filter__head { position: relative; border: 1px solid var(--color-gray-200); } @media (min-width: 767px) { .filter--search .filter__head { padding-right: var(--padding-18); } } @media (max-width: 767px) { .filter--search .filter__head { padding-left: var(--padding-14); padding-right: var(--padding-8); } } @media (min-width: 1399px) { .filter--search .filter__head { max-width: 530px; min-width: 530px; width: 100%; } } @media (min-width: 767px) and (max-width: 1199px) { .filter--search .filter__head { padding-right: var(--padding-12); } } .filter--search .filter__head::before { content: none; } .filter--search .filter__head .icon { width: 20px; height: 20px; opacity: 1; position: absolute; right: 13px; } @media (max-width: 767px) { .filter--search .filter__head .icon { left: 13px; right: unset; } } .filter--search .filter__head input::-webkit-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::-moz-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input:-ms-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::-ms-input-placeholder { color: var(--color-gray-700); } .filter--search .filter__head input::placeholder { color: var(--color-gray-700); } @media (min-width: 1199px) { .filter-form .filter__secondary .filter-group { width: 100%; padding-top: var(--padding-3); } } .filter-form .filter__secondary .is-active::before { opacity: 1; } @media (min-width: 1199px) { .filter-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .listing-dropdown ul { max-height: 200px; overflow: auto; } .listing-dropdown ul li { margin-bottom: var(--margin-4); text-align: left; } .listing-dropdown ul li:last-child { margin-bottom: 0; } .filter-group__inner { cursor: pointer; } .filter-group__inner:last-child .filter__head { margin-right: 0; } @media (min-width: 1199px) { .filter-group__inner .filter__head { position: relative; text-align: left; padding-right: var(--margin-6); margin-right: var(--margin-6); } .filter-group__inner .filter__head::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: translateY(-60%) rotate(45deg); -ms-transform: translateY(-60%) rotate(45deg); transform: translateY(-60%) rotate(45deg); right: 5px; top: 50%; opacity: 0.3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } @media (min-width: 1199px) { .filter-group__inner .filter__head h6 { padding: var(--padding-3) 0; color: var(--color-dark); font-weight: normal; font-size: 14px; } } .filter-group__inner .filter__body { position: absolute; padding: var(--padding-4); background: #fff; z-index: 1; width: 235px; -webkit-box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); box-shadow: 0 5px 7px rgba(0, 0, 0, 0.08); border: 1px solid var(--color-gray-200); } @media (max-width: 1199px) { .filter-group__inner .filter__body { position: static; width: 100%; -webkit-box-shadow: none; box-shadow: none; } } .sorting__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: var(--color-dark); margin-bottom: var(--margin-10); } @media (max-width: 767px) { .sorting__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1199px) { .sorting__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 767px) { .btn--filter { width: 49%; } } @media (max-width: 767px) and (min-width: 767px) and (max-width: 1199px) { .btn--filter { margin-left: var(--margin-3); } } @media (min-width: 767px) and (max-width: 1199px) { .btn--filter { margin-left: var(--margin-3); } } @media (max-width: 1199px) { .sorting__title { max-width: 80%; } } @media (max-width: 767px) { .sorting__title { margin-bottom: var(--margin-4); } } .sorting__title h4 { font-weight: 600; font-size: var(--font-size-h4); color: #333; } @media (max-width: 767px) { .sorting__title h4 { font-size: 1.2rem; } } .sorting__title h4 b { font-weight: bold; border-bottom: 1px solid var(--color-gray-700); } @media (min-width: 767px) and (max-width: 1199px) { .listing__title { margin-bottom: var(--margin-6); } } @media (min-width: 1199px) { .sorting__box::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 15px; top: 15px; opacity: 0.2; } .sorting__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 200px; color: var(--color-dark); background: #fff; height: 42px; border: 1px solid var(--color-gray-200); position: relative; } .sorting__box b { white-space: nowrap; margin-right: var(--margin-1); } .sorting__box select { padding: 0 var(--padding-6); background-image: none; background-color: transparent; border: none; color: inherit; } .sorting__box .btn--filter { display: none; } } @media (max-width: 767px) { .sorting__box { width: 100%; } .sorting__box .btn { width: 100%; } } .box-wrapper .box { background-color: var(--color-white); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .box__primary { padding: var(--padding-8); } @media (min-width: 991px) { .box__primary { width: calc(100% - 420px); } } @media (min-width: 991px) and (max-width: 1199px) { .box__primary { width: calc(100% - 350px); } } @media (max-width: 1199px) { .box__primary { padding: var(--padding-6); } } @media (max-width: 991px) { .box__primary { padding: var(--padding-6); width: 100%; } } @media (max-width: 767px) { .box__primary { padding: var(--padding-4); } } .list__head { text-align: center; float: left; clear: left; } @media (min-width: 767px) { .list__head { max-width: 140px; } } @media (max-width: 767px) { .list__head { margin-right: var(--margin-6); } } .list__head .list__media { margin-bottom: var(--margin-5); position: relative; } .list__head .list__media .avtar { width: 140px; height: 140px; border-radius: var(--radius-2); } @media (max-width: 767px) { .list__head .list__media .avtar { margin: 0 auto; width: 80px; height: 80px; } } .list__head .list__media:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, rgba(0, 0, 0, 0.3)), color-stop(60%, rgba(255, 255, 255, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 5%, rgba(255, 255, 255, 0) 60%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 5%, rgba(255, 255, 255, 0) 60%); pointer-events: none; border-radius: var(--radius-2); } .list__head .list__price p { font-weight: bold; color: var(--color-dark); border-bottom: 1px dashed; display: inline-block; line-height: 18px; margin-bottom: 13px; } @media (max-width: 767px) { .list__head .list__price p { color: var(--color-primary); } } @media (max-width: 767px) { .list__head .list__price { text-align: left; } } @media (min-width: 767px) { .list__body { max-width: calc(100% - 180px); min-width: calc(100% - 180px); } } @media (min-width: 767px) { .list__body { float: right; clear: right; } } .list__action { float: left; clear: left; } @media (min-width: 767px) { .list__action { max-width: 140px; } } @media (max-width: 767px) { .list__action { width: 100%; } } .list__action .list__action-btn .btn { margin-bottom: var(--margin-3); } .list__action .list__action-btn .btn:last-child { margin: 0; } @media (max-width: 767px) { .list__action .list__action-btn { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .list__action .list__action-btn .btn { margin-bottom: 0; margin-right: var(--margin-4); } .list__action .list__action-btn .btn:last-child { margin-right: 0; } } .profile-detail { color: var(--color-dark); } .profile-detail .profile-detail__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: -10px; } .profile-detail .profile-detail__head .follow { margin-left: auto; } @media (max-width: 767px) { .profile-detail .profile-detail__head .offers-ui { position: static; } .profile-detail .profile-detail__head .offers-ui__label { display: none; } } .tutor-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .tutor-name { width: 100%; } } @media (max-width: 576px) { .tutor-name { width: 85%; } } .tutor-name h4 { font-weight: bold; color: inherit; font-size: var(--font-size-h5); } @media (max-width: 767px) { .tutor-name h4 { font-size: var(--font-size-lg); width: 80%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } } .tutor-name .flag { margin-left: var(--margin-4); width: 40px; } @media (max-width: 767px) { .tutor-name .flag { margin-left: auto; } } .profile-detail__body .info-wrapper { margin-bottom: var(--margin-6); -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .profile-detail__body .info-wrapper .list-count .total-count { margin-right: var(--margin-3); margin-left: var(--margin-0); } } @media (max-width: 767px) { .tutor-info { clear: left; width: 100%; display: flow-root; } } @media (max-width: 767px) { .follow { margin-left: 10px; } } .follow a { width: 36px; height: 36px; padding: 5px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .follow a .icon { width: 16px; height: 14px; opacity: 0.6; } .follow .is--active { background-color: var(--color-primary); } .follow .is--active .icon { fill: var(--color-white); opacity: 1; } .tutor-info__inner { margin-bottom: var(--margin-6); } @media (max-width: 767px) { .tutor-info__inner { margin-bottom: var(--margin-4); } } .tutor-info__inner .info__title { margin-bottom: 5px; } .tutor-info__inner .info__title h6 { font-size: 14px; font-weight: 600; color: inherit; } .tutor-info__inner .info__language { color: #333; line-height: 20px; } .info--about { margin-bottom: 0; } @media (max-width: 767px) { .info--about { display: none; } } @media (min-width: 1199px) { .about__detail { min-height: 60px; } } .about__detail p { margin-bottom: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .about__detail a { display: inline; color: var(--color-black); text-decoration: underline; } .about__detail a:hover { color: var(--color-primary); } .list__action { position: relative; } @media (min-width: 991px) { .list__action .link-detail { display: none; } } .link-detail { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; padding: var(--padding-3); color: var(--color-primary); font-weight: 600; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; -webkit-text-decoration-color: var(--color-primary); text-decoration-color: var(--color-primary); text-decoration: underline; white-space: nowrap; } @media (min-width: 1199px) { .link-detail { opacity: 0; visibility: hidden; position: absolute; bottom: -27px; left: 50%; -webkit-transform: translatex(-50%); -ms-transform: translatex(-50%); transform: translatex(-50%); } } @media (max-width: 1199px) { .link-detail { display: block; font-weight: var(--font-weight-bold); padding: var(--padding-8) var(--padding-0) var(--padding-6); text-align: center; font-size: var(--font-size-sm); } } .box-list { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 0 30px; position: relative; } @media (min-width: 1199px) { .box-list:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } .box-list:hover .link-detail { opacity: 1; visibility: visible; bottom: -42px; } } .box__secondary { border-left: 1px solid var(--color-gray-200); } @media (min-width: 991px) { .box__secondary { width: 420px; } } @media (min-width: 991px) and (max-width: 1199px) { .box__secondary { width: 350px; } } @media (max-width: 991px) { .box__secondary { border: none; width: 100%; } } @media (max-width: 991px) { .box__secondary { display: none; } } .custom-calendar tbody td { position: relative; padding: var(--padding-2) var(--padding-1); } .custom-calendar tbody td:first-child .cal-cell { background-color: transparent; border: none; width: 55px; color: var(--color-gray-800); } .custom-calendar tbody td .cal-cell { width: 33px; height: 19px; background-color: var(--color-gray-100); } @media (max-width: 767px) { .custom-calendar tbody td .cal-cell { width: 30px; } } @media (min-width: 991px) and (max-width: 1199px) { .custom-calendar tbody td .cal-cell { width: 30px; } } @media (max-width: 991px) { .custom-calendar tbody td .cal-cell { margin: 0 auto; } } .custom-calendar tbody td .tooltip { width: auto; height: 21px; border-radius: 2px; line-height: 13px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; white-space: nowrap; } .custom-calendar tbody td .cell-green-100 { background-color: var(--color-green); } .custom-calendar tbody td .cell-green-80 { background-color: var(--color-green-80); } .custom-calendar tbody td .cell-green-60 { background-color: var(--color-green-60); } .custom-calendar tbody td .cell-green-40 { background-color: var(--color-green-40); } .custom-calendar thead th { text-transform: uppercase; text-align: center; font-size: 12px; padding-bottom: var(--padding-2); } .panel-box .panel-box__head { border-bottom: 1px solid var(--color-gray-200); } .panel-box .panel-box__head ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 991px) { .panel-box .panel-box__head ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .panel-box .panel-box__head ul li .panel-action { height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 var(--padding-5); color: rgba(0, 0, 0, 0.7); } .panel-box .panel-box__head ul .is--active { position: relative; } .panel-box .panel-box__head ul .is--active .panel-action { font-weight: 600; color: var(--color-dark); } .panel-box .panel-box__head ul .is--active::before { content: ""; position: absolute; width: calc(100% - 34px); height: 2px; background: var(--color-primary); bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .panel-box .panel-box__head ul:last-child a { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .panel-box .panel-box__body { padding: var(--padding-6); position: relative; } @media (max-width: 767px) { .panel-box .panel-box__body { padding: var(--padding-6); } } @media (min-width: 991px) and (max-width: 1199px) { .panel-box .panel-box__body { padding: var(--padding-8) var(--padding-6) 0; } } .dummy-video { position: relative; } .dummy-video:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); pointer-events: none; } .dummy-video .icon-play { width: 50px; height: 33px; background-color: rgba(255, 0, 0, 0.8); border-radius: 8px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); } .dummy-video .icon-play::before { content: ""; position: absolute; border-right: 7px solid transparent; border-left: 7px solid transparent; border-top: 10px solid #fff; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: 12px; left: 20px; pointer-events: none; } .show-more { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: 10px; } .show-more .btn--show { color: var(--color-gray-dark); background-color: #fff; border: 1px solid var(--color-gray-200); font-weight: 600; height: 40px; width: 242px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-listing { min-width: 250px; } .dropdown-listing ul { max-height: 300px; overflow: auto; } .dropdown-listing ul li:hover a { background-color: var(--color-gray-100); } .dropdown-listing ul li a { display: block; padding: var(--padding-2); } .dropdown-listing ul .is--active { color: var(--color-primary); position: relative; } .dropdown-listing ul .is--active::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } @media (min-width: 767px) { .dropdown-availbility { min-width: 450px; } } .dropdown-availbility .availbility-title { color: var(--color-dark); margin-bottom: var(--margin-4); font-weight: 600; } .selection-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: auto; } .selection--days { -ms-flex-wrap: wrap; flex-wrap: wrap; } .selection--days .selection-tabs__label { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } .selection-tabs__label { position: relative; overflow: auto; margin-bottom: var(--margin-3); padding: var(--padding-1); } .selection-tabs__label:last-child .selection-tabs__title { margin-right: 0; } .selection-tabs__input { position: absolute; opacity: 0; } .selection-tabs__title { background-color: #fff; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: var(--padding-2) var(--padding-4); border: 1px solid var(--color-gray-200); font-size: var(--font-size-sm); } .selection-tabs__input:checked + .selection-tabs__title { color: var(--color-primary); border-color: var(--color-primary); position: relative; } .selection-tabs__input:checked + .selection-tabs__title:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; pointer-events: none; background-color: currentColor; opacity: 0.04; } .selection-tabs__input:checked + .selection-tabs__title svg { fill: var(--color-primary) !important; } .dropdown-price { width: 280px; padding: var(--padding-3) var(--padding-4); } @media (max-width: 767px) { .dropdown-price { margin: 0 auto; } } .video-media img { margin: 0 auto; } .filter-form__head { display: none; } @media (max-width: 767px) { .filter-form__head { padding: var(--padding-6); display: block; } } @media (max-width: 1199px) { .show-filters-js .overlay--filters { display: block; } } .btn--filters-js.is-active::after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; content: ""; background-color: rgba(0, 0, 0, 0.8); z-index: 12; } @media (max-width: 767px) { .filter-tags-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } } .filter-tags-list ul li { display: inline-block; padding: 10px 10px 10px 0; vertical-align: top; } .filter-tags-list ul li a { position: relative; background: var(--color-primary); color: var(--color-white); border-radius: 3px; padding: 0 var(--padding-3); padding-right: var(--padding-10); line-height: 30px; display: block; font-size: var(--font-size-small); white-space: nowrap; } .filter-tags-list ul li a:after { width: 20px; height: 20px; border-radius: 100%; background: #fff; content: "+"; position: absolute; right: 7px; top: 5px; line-height: 19px; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); font-size: 1.2rem; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; color: var(--color-primary); } .filter-tags-list ul .clear-filter a { background: none; color: var(--color-dark); text-decoration: underline; padding: 0; white-space: nowrap; } .filter-tags-list ul .clear-filter a::after { content: none; } .search-field { position: relative; } .search-field .input-search { padding-left: var(--padding-12); margin-bottom: var(--margin-4); border-radius: 0; } .search-field .icon--search { width: 20px; height: 20px; position: absolute; left: 12px; top: 10px; fill: var(--color-gray-600); } .filter-tags { padding: var(--padding-4) 0; border-bottom: 1px solid var(--color-gray-300); } .price-field { padding: var(--padding-4) 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .price-field .input-field { position: relative; margin-right: var(--margin-3); } .price-field .input-field:last-child { margin: 0; } .price-field .input-field span { position: absolute; left: 14px; top: 12px; color: var(--color-primary); font-weight: 600; } .price-field .input-field input[type="number"] { border-radius: 0; padding-left: var(--padding-10); } .offers-ui { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .offers-ui__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--color-third); font-weight: var(--font-weight-medium); text-decoration: underline; -webkit-text-decoration-style: dashed; text-decoration-style: dashed; text-underline-offset: 3px; cursor: pointer; padding: var(--padding-2); } @media (max-width: 1199px) { .offers-ui__trigger.is-active:after { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); content: ""; z-index: 100; } } .offers-ui__target { position: absolute; left: 0; top: 100%; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.08); z-index: 2; width: 100%; border: 1px solid var(--color-gray-200); min-width: 24rem; padding: var(--padding-6); display: none; } @media (max-width: 1199px) { .offers-ui__target { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1000; width: auto; } .offers-ui__target:before { position: absolute; right: 0; top: -50px; width: 40px; height: 40px; content: "+"; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); color: #fff; font-size: 2.4rem; text-align: center; pointer-events: none; } } .offers-ui__target-body { max-height: 190px; overflow: auto; } @media (max-width: 1199px) { .offers-ui__target-body { max-height: 450px; } } .panel-content.calender { margin-top: 0; } .avtar-elements { position: absolute; left: 0.5rem; right: 0.5rem; top: 0.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 1; } .badge-secure { position: relative; } .badge-secure .icon { fill: #ffe63f; } .status { position: relative; display: inline-block; } .status__badge { width: 14px; height: 14px; border-radius: var(--radius-round); display: block; border: 2px solid #fff; position: relative; } .status--online .status__badge { background-color: var(--color-green); } .status--online .status__badge:before { content: ""; top: -10px; left: -10px; bottom: -10px; right: -10px; background-color: var(--color-green); border-radius: 100%; animation-fill-mode: both; -webkit-animation-fill-mode: both; position: absolute; -webkit-animation: pulse2 1s ease-out; animation: pulse2 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: -1; } .status--away .status__badge { background-color: var(--color-gray-900); } @-webkit-keyframes pulse2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: .6; } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes pulse2 { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 25% { -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 1; } 50% { -webkit-transform: scale(0.6); transform: scale(0.6); opacity: .6; } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: .8; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } .no-wrap { white-space: nowrap !important; } .box-responsive { position: relative; border-radius: var(--radius-2); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); } @media (min-width: 576px) { .box-responsive .list__price { text-align: center; } } .box-responsive .list__price p { font-weight: bold; color: var(--color-dark); border-bottom: 1px dashed; display: inline-block; line-height: 18px; margin-bottom: 13px; text-align: center; } @media (max-width: 767px) { .box-responsive .list__price p { color: var(--color-primary); font-size: 1.2rem; } } @media (max-width: 576px) { .box-responsive { margin-bottom: var(--margin-6); } .box-responsive .box__primary { padding: var(--padding-5) var(--padding-5) 0; } .box-responsive .info-tag.list-count { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-right: 0 !important; margin-bottom: var(--margin-2) !important; } .box-responsive .info-wrapper { margin-bottom: 0; display: block; } .box-responsive .info-wrapper .info-tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-3); margin-right: 0; font-size: 14px; } .box-responsive .tutor-name h4 { width: auto; } .box-responsive .tutor-name .flag { margin-left: 10px; } .box-responsive .tutor-info__inner:not(.info--about) { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } .box-responsive .tutor-info__inner:not(.info--about) .info__title { margin-right: 0.6rem; } .box-responsive .profile-detail .profile-detail__head { top: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .box-responsive .profile-detail .profile-detail__head .follow { margin-top: -6px; } .box-responsive .tutor-info { width: auto; margin-bottom: 1.6rem; } .box-responsive .tutor-info .tutor-info__inner .info__language { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: block; } .box-responsive .link-detail { padding-top: var(--padding-6); } } .panel-content.video { margin-top: 0 !important; } @media (min-width: 1199px) { .filter--group .filter--search { width: calc(100% - 200px); } } @media (min-width: 767px) and (max-width: 1199px) { .filter--group .filter--search { width: calc(100% - 21%); } } @media (min-width: 1199px) and (max-width: 1399px) { .filter--group .filter--search { width: calc(100% - 20%); } } .filter--group .filter--search .filter__head { max-width: unset; min-width: unset; } .group__list .card { background-color: var(--color-white); margin-bottom: var(--margin-18); } .group__list .card:hover { -webkit-box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.1); } .group__list .card:hover .card__row--action { -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1); z-index: 1; } .group__list .card:hover .card__row--action::before { opacity: 1; } .group__list .card .card__head h3 { color: var(--color-dark); } .group-cover .sorting__head { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .group-cover .sorting__head .sorting__title b { border-bottom: none; } .group-cover .sorting__head .sorting__box { width: auto; } .group-cover .sorting__head .sorting__box select { width: 200px; } .breadcrumb-list { padding: var(--padding-8) 0; margin-bottom: var(--margin-6); } @media (max-width: 767px) { .breadcrumb-list { margin-bottom: 0; } } .breadcrumb-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumb-list ul li { margin-right: var(--margin-3); padding-right: var(--padding-3); } @media (max-width: 991px) { .breadcrumb-list ul li { margin-bottom: var(--margin-3); } } .breadcrumb-list ul li a { color: var(--color-gray-700); position: relative; } .breadcrumb-list ul li a::after { content: "/"; pointer-events: none; position: absolute; right: -12px; top: 2px; } .group-primary { color: var(--color-dark); margin-bottom: var(--margin-24); } @media (max-width: 767px) { .group-primary { margin-bottom: var(--margin-16); } } .group-primary .group-primary__head { margin-bottom: var(--margin-12); } .group-primary .group-primary__head h3 { font-weight: bold; color: inherit; font-size: var(--font-size-h3); margin-bottom: var(--margin-2); line-height: 32px; } @media (max-width: 767px) { .group-primary .group-primary__head h3 { font-size: var(--font-size-h4); line-height: 28px; } } .group-primary .group-primary__head .date { font-weight: 600; color: var(--color-primary); } .group-listing { color: var(--color-dark); margin-bottom: var(--margin-16); } .group-listing ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-6); } .group-listing ul li p { margin-bottom: 0; text-transform: uppercase; color: inherit; } .group-listing ul li .icon { margin-right: var(--margin-3); width: 18px; height: 18px; } .group-actions .btn { text-transform: uppercase; margin-right: var(--margin-14); } .group-actions .seat-left { color: var(--color-secondary); font-size: 16px; font-weight: 600; padding: var(--padding-3) 0; } @media (max-width: 767px) { .course-details { margin-bottom: var(--margin-12); } } .course-details h3 { font-size: var(--font-size-h4); color: var(--color-dark); margin-bottom: var(--margin-5); } .course-details p { margin-bottom: var(--margin-10); line-height: 28px; } @media (max-width: 767px) { .course-details p { margin-bottom: var(--margin-6); } } .course-details p:last-child { margin-bottom: 0; } .group-secondary { text-align: center; border: 1px solid var(--color-gray-300); position: sticky; top: 144px; } @media (min-width: 1299px) { .group-secondary .box__body { padding: var(--padding-12) var(--padding-26); } } @media (max-width: 1299px) { .group-secondary .box__body { padding: var(--padding-8) var(--padding-12); } } .group-secondary .box__body h3 { font-size: var(--font-size-h4); color: var(--color-dark); margin-bottom: var(--margin-10); } .box-profile .tile { margin-bottom: 0; } @media (max-width: 1199px) { .box-profile .tile { -webkit-box-shadow: none; box-shadow: none; } } .box-profile .tile:hover { -webkit-box-shadow: none; box-shadow: none; } .box-profile .tile .tile__body { padding-bottom: 0; } .box-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--color-gray-300); } .box-actions .btn { background-color: transparent; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-right: 1px solid var(--color-gray-300); height: 80px; font-size: var(--font-size-medium); text-transform: uppercase; font-weight: 600; } @media (max-width: 1199px) { .box-actions .btn { height: 50px; } } .box-actions .btn:last-child { border-right: none; } .box-actions .btn svg { fill: var(--color-primary); width: 18px; margin-right: var(--margin-2); } .box-actions .btn .icon--email_1 { width: 28px; height: 28px; } .card-class { position: relative; background-color: #fff; border-radius: var(--radius-0); width: 100%; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; height: 100%; overflow: hidden; } @media (max-width: 576px) { .card-class .profile-meta { margin-bottom: var(--margin-8); } } .card-class__media { position: relative; overflow: hidden; } .card-class__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; width: 100%; } .card-class__subtitle { font-size: var(--font-size-small); text-transform: uppercase; color: var(--color-primary); font-weight: var(--font-weight-medium); margin-bottom: var(--margin-2); display: inline-block; } .card-class__title { font-size: var(--font-size-h5); font-weight: var(--font-weight-bold); color: var(--color-black); line-height: 1.5; position: relative; margin-bottom: var(--margin-5); } @media (min-width: 576px) { .card-class__title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 4rem; } } @media (max-width: 576px) { .card-class__title { font-size: 14px; } } .card-class__title a { text-decoration: none; background-image: -o-linear-gradient(currentColor, currentColor); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 2px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } .card-class__body { padding: var(--padding-6); } .card-class__footer { padding: var(--padding-6); border-top: 1px solid var(--color-gray-300); } .card-class__footer .avtar { width: 40px; height: 40px; } .card-class__footer .ratings .icon--rating { margin-right: 5px; } @media (min-width: 576px) { .card-class__head { min-height: 180px; } } @media (min-width: 1199px) { .card-class:hover .card-class__media img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .card-class:hover .card-class__title a { background-size: 100% 2px; } .card-class:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .card-class__elements { position: absolute; left: 1.4rem; right: 1.4rem; top: 1.4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-class__elements .offers-ui { background-color: var(--color-white); border-radius: var(--radius-round); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); margin-left: 0.6rem; position: static; } .card-class__elements .offers-ui__trigger { padding: var(--padding-2) var(--padding-4); font-weight: var(--font-weight-bold); font-size: 12px; text-decoration: none; } @media (min-width: 1199px) { .card-class__elements .offers-ui__target { left: 0; right: 0; } } .card-class.is-package .card-class__title:before { background-color: var(--color-third); } .card-class.is-package .label-badge { position: absolute; top: 0; background-color: var(--color-third); font-size: var(--font-size-xs); color: var(--color-white); padding: var(--padding-1) var(--padding-4); border-radius: 0 0 var(--radius-1) var(--radius-1); } .card-class__tag { background-color: var(--color-white); border-radius: var(--radius-round); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); padding: var(--padding-2) var(--padding-4); color: var(--color-secondary); font-weight: var(--font-weight-bold); font-size: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-class .profile-meta__details > p { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 140px; } .card-share { position: relative; } .card-share__trigger { color: var(--color-gray-900); } .card-share__trigger svg { fill: currentColor; opacity: 0.4; } .card-share .toggle-dropdown__target { left: auto; right: 0; z-index: 1; } .card-element { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .card-element__item { position: relative; margin-bottom: var(--margin-2); } .card-element__item:not(:last-child) { padding-right: var(--padding-6); } .card-element__item:not(:last-child):after { position: absolute; right: 9px; top: 1px; content: ""; width: 1px; height: 14px; background-color: currentColor; } @media (max-width: 1199px) { .card-element__item { font-size: 0.9rem; } .card-element__item:not(:last-child) { padding-right: var(--padding-5); } } .card-class-cover { padding: 0 var(--padding-4) var(--padding-10); } @media (max-width: 576px) { .card-class-cover { padding-left: 0; padding-right: 0; } } .silder--group-class .card-class { border: 1px solid var(--color-gray-200); } @media (max-width: 576px) { .icon-element { font-size: 12px; } } .view-panel { position: relative; width: 100%; } @media (min-width: 991px) { .view-panel { display: grid; grid-column-gap: 80px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr 300px; } .view-panel__large { grid-column-start: 1; grid-column-end: 3; } .view-panel__large h3, .view-panel__large h4, .view-panel__large h5, .view-panel__large h6 { margin-bottom: var(--margin-6); } .view-panel__small { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } } @media (max-width: 1199px) { .view-panel { grid-column-gap: 60px; grid-template-columns: 1fr 1fr 360px; } } .view-panel__media { border-radius: var(--radius-0); } .page-title-h1 { font-weight: var(--font-weight-bold); } @media (max-width: 991px) { .page-title-h1 { font-size: 1.4rem; margin-top: var(--margin-4); } } .class-list { position: relative; width: 100%; counter-reset: my-sec-counter; } .class-list__item { position: relative; border: 1px solid var(--color-gray-200); border-radius: var(--radius-0); padding: var(--padding-6); padding-left: var(--padding-20); margin-top: var(--margin-4); } .class-list__item h5 { margin-bottom: 0.6rem; position: relative; } .class-list__item h5:before { color: var(--color-primary); position: absolute; left: -3rem; top: 0; font-size: 1.2rem; font-weight: var(--font-weight-bold); counter-increment: my-sec-counter; content: "0" counter(my-sec-counter); } .class-list__item p { margin-bottom: 0; } .view-box { position: relative; width: 100%; border: 1px solid var(--color-gray-200); min-height: 400px; } .view-box__head { padding: var(--padding-8); border-bottom: 1px solid var(--color-gray-200); } .view-box__body, .view-box__footer { padding: var(--padding-8); } .view-box__footer .offers-ui { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .view-box__footer .offers-ui__item { width: 100%; } .view-box__footer .offers-ui__trigger { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: var(--padding-4); border: 1px dashed var(--color-third); margin-bottom: var(--margin-3); width: 100%; position: relative; border-radius: var(--radius-1); overflow: hidden; } .view-box__footer .offers-ui__trigger:before { background-color: var(--color-third); position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; opacity: 0.1; pointer-events: none; z-index: 0; border-radius: var(--radius-1); } .view-list__item { padding: var(--padding-2) 0; } .view-list__item:first-child { padding-top: 0; } .view-list__item.is-hurry { color: var(--color-secondary); font-weight: var(--font-weight-medium); } @media (min-width: 767px) { .sticky-side-panel { position: sticky; top: 60px; z-index: 1; } } @media (max-width: 991px) { .sharing-view { border: 1px solid var(--color-gray-200); padding: var(--padding-4); margin-bottom: var(--margin-10); } } .sharing-view .social--share li a { cursor: pointer; background-color: transparent; border: 1px solid var(--color-gray-200); width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 767px) { .sharing-view .social--share li a:hover { border-color: var(--color-gray-800); } } .panel-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1199px) { .panel-nav { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: auto; } } .panel-nav ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .panel-nav ul li { padding: 0 1.2rem; } .panel-nav ul li a { text-transform: uppercase; color: inherit; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1; color: var(--color-gray-500); } @media (max-width: 1199px) { .panel-nav ul li a { white-space: nowrap; } } .panel-nav ul .is--active a { border-bottom: 2px solid var(--color-primary); color: var(--color-primary); font-weight: bold; } .section--faq { background: var(--color-gray-100); } .faq-cover { max-width: 920px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search-panel { position: relative; width: 100%; margin-bottom: var(--margin-12); } .search-panel .icon { z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 30px; position: absolute; width: 20px; height: 20px; fill: var(--color-gray-600); } @media (max-width: 767px) { .search-panel .icon { width: 18px; height: 18px; left: 13px; } } .search-panel input[type="text"] { border-radius: var(--radius-1); height: 80px; padding-left: var(--padding-20); padding-right: var(--padding-16); position: relative; border: 1px solid var(--color-gray-200); } @media (max-width: 767px) { .search-panel input[type="text"] { height: 60px; padding-left: var(--padding-12); padding-right: var(--padding-6); } } @media (max-width: 991px) { .search-panel { margin-bottom: var(--margin-6); } } .faq-container .faq-row { background: #fff; border: 1px solid var(--color-gray-200); position: relative; margin-bottom: var(--margin-6); counter-increment: counter-inc; border-radius: var(--radius-1); } @media (max-width: 767px) { .faq-container .faq-row { margin-bottom: var(--margin-3); } } .faq-container .faq-row .faq-title { padding: var(--padding-10); display: block; position: relative; padding-right: var(--padding-14); } @media (max-width: 767px) { .faq-container .faq-row .faq-title { padding: var(--padding-5); padding-right: var(--padding-10); } } @media (max-width: 1199px) { .faq-container .faq-row .faq-title { padding: var(--padding-6); padding-right: var(--padding-10); } } .faq-container .faq-row .faq-title h5 { color: var(--color-dark); font-size: var(--font-size-h5); position: relative; } .faq-container .faq-row .faq-title h5::before { content: counter(counter-inc) "."; font-weight: bold; margin-right: var(--margin-1); } @media (max-width: 767px) { .faq-container .faq-row .faq-title h5 { font-size: 1.1rem; line-height: 1.6rem; } } .faq-container .faq-row .faq-title::before { content: ""; position: absolute; height: 10px; width: 10px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: rotate(45deg) translateY(-50%); -ms-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); right: 30px; top: 48%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 767px) { .faq-container .faq-row .faq-title::before { height: 8px; width: 8px; right: 17px; } } @media (max-width: 1199px) { .faq-container .faq-row .faq-title::before { right: 26px; } } .faq-container .faq-row .faq-answer { display: none; padding: 0 var(--padding-10) var(--padding-10); } @media (max-width: 767px) { .faq-container .faq-row .faq-answer { padding: 0 var(--padding-5) var(--padding-5); } } @media (max-width: 1199px) { .faq-container .faq-row .faq-answer { padding: 0 var(--padding-6) var(--padding-6); } } .faq-container .faq-row .faq-answer p { margin-bottom: var(--margin-10); line-height: 30px; } @media (max-width: 767px) { .faq-container .faq-row .faq-answer p { margin-bottom: var(--margin-4); line-height: 25px; } } .faq-container .faq-row .faq-answer p:last-child { margin-bottom: 0; } .faq-container .is-active .faq-title h5 { color: var(--color-primary); } .faq-container .is-active .faq-title::before { border-color: var(--color-primary); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .contact-cta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 920px; margin: 0 auto; } @media (max-width: 576px) { .contact-cta { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .contact-cta .contact__content h3 { font-size: var(--font-size-h3); color: var(--color-dark); margin-bottom: var(--margin-2); } .contact-cta .contact__content p { font-size: var(--font-size-h5); margin-bottom: 0; } @media (max-width: 767px) { .contact-cta .contact__content p { font-size: 1.1rem; } } @media (max-width: 576px) { .contact-cta .contact__content { text-align: center; } } @media (max-width: 767px) { .contact-cta .contact__content { margin-bottom: var(--margin-6); } } .contact-cta .btn { width: 159px; } .faq.faq-index .section { padding-top: 3rem; } .faq.faq-index .section.section--faq { padding: 4rem 0; } /* [ blog css  */ .blog-row { padding: 80px 0; border-bottom: 1px solid var(--color-gray-200); } .blog-row h2 { font-size: 1.5rem; font-weight: var(--font-weight-bold); } @media (min-width: 767px) { .blog-row h2:hover { text-decoration: underline; text-underline-offset: 5px; color: var(--color-primary); } } .blog-row:nth-child(even) { direction: rtl; text-align: left; } .blog-row:nth-child(even) .blog__content { padding-left: 0; direction: ltr; } .banner .form-search { min-width: 700px; } .section--nav { padding: 0; border-bottom: 1px solid var(--color-gray-200); } .blog__subtitle { display: block; text-transform: uppercase; } .blog__subtitle .inline-icon { margin: 3px 0 0; } .blog__content { padding-left: left; } .blog__content h2 { margin: 5px 0 20px; } .blog__actions .blog__action { font-size: 1rem; margin-right: 10px; } .blog__author { display: block; margin: 0; } .blog__author .avtar { margin-right: 10px; } /* nav categories */ .nav-categories > ul { text-align: center; } .nav-categories > ul > li { display: inline-block; vertical-align: top; } .nav-categories > ul > li > a { display: block; padding: 0 15px; font-size: 1rem; font-weight: var(--font-weight-medium); border-bottom: 2px solid transparent; } @media (min-width: 1199px) { .nav-categories > ul > li > a { height: 80px; line-height: 80px; } } .nav-categories > ul > li.is-active > a { font-weight: 700; color: var(--color-primary); } @media (min-width: 1199px) { .nav-categories > ul > li.is-active > a { border-color: var(--color-primary); } } .categories-target { position: absolute; left: 0; right: 0; top: 100%; background: #fff; z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 30px; border: 1px solid var(--color-gray-200); display: none; border-radius: var(--radius-1) var(--radius-1); } .nav-categories .nav-subcategories { text-align: left; } .nav-categories .nav-subcategories li { width: 25%; float: left; padding: 10px; } .nav-categories .nav-subcategories li a:hover { text-decoration: underline; color: var(--color-secondary); } .blog .banner--main .form__element, .blog .banner--main { position: relative; } .blog .banner--main .banner__media { position: relative; } .blog .banner--main .banner__media:before { display: block; padding-bottom: 30%; content: ""; } .blog .banner--main .banner__media > img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media (min-width: 576px) { .blog .banner--main .banner__media:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; pointer-events: none; background-color: rgba(0, 0, 0, 0.7); } } .blog .banner--main .form__element .form__input { -webkit-box-shadow: none; box-shadow: none; height: 60px; padding-right: 50px; background-color: #fff; } .blog .banner--main .form-search .form__action { position: relative; } .blog .banner--main .banner__content { position: absolute; left: 50%; top: 50%; max-width: 450px; color: #fff; margin-left: 0 -600px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .blog .banner--main .banner__content h1 { margin-bottom: 20px; font-size: 3.4rem; font-weight: 600; } .blog .banner--main .banner__content p { font-size: 1.2rem; color: rgba(255, 255, 255, 0.8); } .blog .banner--main .banner__content.banner__content--centered { margin: 0; text-align: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); max-width: 800px; } .blog .banner--main .banner__content.banner__content--centered h1 { margin-bottom: 0; } .blog .banner--main .form-search .form__action-wrap { position: absolute; right: 0; top: 50%; width: 60px; height: 60px; } .blog .banner--main .form-search .form__action-wrap .svg-icon { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 21px; height: 20px; margin: auto; pointer-events: none; } .blog .banner--main .form-search .form__action-wrap .svg-icon svg { height: 100%; } .blog .banner--main .form-search .form__action-wrap input { width: 100%; height: 100%; display: block; background-color: transparent; border: none; cursor: pointer; } /* toggle */ .categories-toggle { width: 60px; height: 80px; vertical-align: middle; padding: 3px 1px !important; position: relative; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .categories-toggle span { width: 36%; height: 2px; background: #333; display: block; position: relative; } .categories-toggle span:before { width: 100%; height: 2px; background: #333; content: ""; position: absolute; top: -7px; left: 0; } .categories-toggle span:after { width: 100%; height: 2px; background: #333; content: ""; position: absolute; bottom: -7px; left: 0; } .categories-toggle.is-active span { background: transparent; } .categories-toggle.is-active span:before { -webkit-transform: rotate(45deg) translate(4px, 5px); -ms-transform: rotate(45deg) translate(4px, 5px); transform: rotate(45deg) translate(4px, 5px); } .categories-toggle.is-active span:after { -webkit-transform: rotate(-45deg) translate(5px, -6px); -ms-transform: rotate(-45deg) translate(5px, -6px); transform: rotate(-45deg) translate(5px, -6px); } .section--paging { padding: 50px 0; } .section--paging .pagination { margin-top: 0; } .box__footer .social--share li { margin-top: 0; } .nav--toggled { width: 100%; } .nav--toggled > ul > li { position: relative; border-bottom: 1px solid rgba(0, 0, 0, 0.06); display: block; font-size: 1.06rem; } .nav--toggled > ul > li:last-child { border-bottom: none; } .nav--toggled > ul > li .link--toggle { position: absolute; right: 0; top: 0; height: 46px; width: 40px; cursor: pointer; } .nav--toggled > ul > li > a { position: relative; padding: 12px 15px; padding-right: 40px; color: #333; display: block; } .nav--toggled > ul > li > ul { background: #fafafa; margin: 0; padding: 10px; } .nav--toggled > ul > li > ul ul { margin: 0; padding: 5px 10px; } .nav--toggled > ul > li ul li .link--toggle { right: -10px; } .nav--toggled > ul > li ul li { padding: 0; position: relative; display: block; } .nav--toggled > ul > li ul li a { color: #999; padding: 10px 20px; padding-right: 40px; display: block; } .nav--toggled > ul > li ul li a:hover { color: #333; } .nav--toggled > ul > li ul li.is--active a { color: #333; font-weight: 600; } .nav--toggled > ul > li.is-active > a, .nav--vertical > ul > li > a.is-active { color: #000; font-weight: 600; } .nav--toggled > ul > li .link--toggle:before { width: 6px; height: 6px; margin: 0; position: absolute; right: 20px; top: 18px; content: ""; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 5px solid #333; -webkit-transition: 0.4s all ease-in-out; pointer-events: none; -o-transition: 0.4s all ease-in-out; transition: 0.4s all ease-in-out; } .nav--toggled > ul > li .link--toggle.is-active:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); } .nav--toggled > ul > li .link--toggle.is-active:hover { background: none; } .comments-list { width: 100%; display: inline-block; border: 1px solid var(--color-gray-200); padding: 15px 20px; padding-left: 80px; position: relative; background: #fff; margin: 15px 0 0; border-radius: var(--radius-1); } .comments-list .date { float: right; color: #666; font-size: 0.9em; } .comments-list h5 { margin: 0; font-weight: 600; font-size: 1.1em; color: #333; } .comments-list h5 strong { font-weight: 600; } .comments-list .avtar { position: absolute; left: 20px; top: 15px; color: #000; } .comments-list .avtar img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .comments-list .comment__desc { margin: 10px 0; line-height: 1.6; } .comments-list .link--underlined { font-weight: normal; text-decoration: underline; color: var(--color-secondary); font-weight: 600; } .comments-list.comments-list--replied { background: rgba(0, 0, 0, 0.03); margin-left: 50px; width: auto; border-top: none; } .comments-list.comments-list--replied .avtar { background: #fff; } .form--comments { background: rgba(0, 0, 0, 0.04); margin: 20px 0 0; padding: 30px; border-radius: var(--radius-1); } .form--comments h4 { font-size: 1.4em; margin-right: 30px; margin-bottom: 2rem; color: #333; } .captchapic { display: inline-block; vertical-align: middle; } .reloadlink { display: inline-block; margin: 10px 0 0 10px; position: relative; vertical-align: middle; } .reloadlink img { width: 25px; } .width--narrow { max-width: 700px; margin: auto; } .width--narrow .form input[type="submit"] { width: 100%; display: block; } .box--cta { margin-top: 30px; } .box--cta:first-child { margin-top: 0; } .box--cta h4 { margin-bottom: 10px; } .box--cta p { line-height: 1.4; color: #666; margin-bottom: 30px; } .box--cta-blog { margin: 0 0 20px; } @media (max-width: 576px) { .box--cta-blog { padding: 0 !important; } } .box--cta-blog .btn img { position: relative; top: -2px; margin-right: 5px; } .blog-toggle { height: 60px; width: 60px; background: var(--color-black); float: right; display: none; border-radius: var(--radius-1); } .blog-toggle span { width: 60%; height: 3px; background: #fff; display: block; margin: 28px auto 0; position: relative; } .blog-toggle span:before { width: 100%; height: 3px; background: #fff; content: ""; position: absolute; top: -8px; left: 0; } .blog-toggle span:after { width: 100%; height: 3px; background: #fff; content: ""; position: absolute; bottom: -8px; left: 0; } .section--upper { padding: 60px 0; } /*  blog css ] */ /* .form .field_label:empty{display:none;} */ .img-description { display: inline-block; padding: 20px; background: #fff; width: 100%; text-align: center; } .img-description .btn { margin: 5px; } .rotator-info { display: inline-block; width: 100%; padding: 0 0 20px 0; } .rotator-actions { display: inline-block; background: #fff; width: 100%; } @media (max-width: 1199px) { /* [ blog css for resposive  */ .section--nav { padding: 0; } .nav-categories > ul > li { display: block; text-align: left; border-bottom: 1px solid #ddd; } .nav-categories > ul > li > a { padding: 16px 10px; font-size: 1rem; } .nav-categories > ul > li > a.categories-toggle { display: none !important; margin: auto; } .nav-categories > ul > li > .categories-target { display: block !important; background: transparent; position: relative; -webkit-box-shadow: none; box-shadow: none; padding: 0; left: auto; right: auto; top: auto; border: none; } .nav-categories .nav-subcategories li { float: none; width: 100%; display: inline-block; vertical-align: top; border-bottom: 1px solid #ddd; padding: 0; } .nav-categories .nav-subcategories li a { font-weight: var(--font-weight-medium); } .nav-categories .nav-subcategories li a { display: block; padding: 16px 10px; font-size: 1rem; } .nav-categories { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 340px; } html.show-categories-js .nav-categories { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search { position: relative; width: 100%; display: inline-block; } .banner .form-search form { width: calc(100% - 60px); float: right; padding-right: 20px; } .blog-row { padding: 40px 0; } .form-search.form-search--blog:after { display: block; clear: both; content: ""; } .form-search.form-search--blog .form__input { border: 1px solid var(--color-gray-300); } .banner .form-search.form-search--blog { padding: 0; background: none; min-width: 600px; border: none; } .banner .blog-toggle { display: block; } .section--upper { margin: 0; padding: 60px 0; } } @media (max-width: 991px) { .blog-row h2 { font-size: 1.5rem; } .blog__content { padding-left: 0; } .form-search.form-search--blog .blog-toggle { display: block; } .blog-filters { bottom: 0; background: #fff; padding: 0; -webkit-box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); left: 0; margin: 0; overflow: auto; position: fixed; text-align: left; top: 0; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; -ms-transition: all 300ms ease 0s; opacity: 0; visibility: hidden; z-index: 11; width: 300px; } .blog-filters .box { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: none !important; } html.show-categories-js .blog-filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-categories-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-categories-js .overlay--blog { display: block; } .form-search.form-search--blog + .-gap { display: none; } .form-search.form-search--blog { border-bottom: none; width: 100%; display: inline-block; } } @media (max-width: 767px) { .banner .form-search { min-width: 1%; } .section--nav { padding: 0; } /* [ blog css for resposive  */ .blog-row { padding: 20px 0; } .blog-row .btn.btn--large { height: 40px; line-height: 40px; font-size: 1rem; min-width: 1%; } .blog__content { padding-left: 0; } .blog-row h2 { font-size: 1.3rem; } .blog__actions .blog__action { margin-bottom: 10px; vertical-align: top !important; } .blog__actions .blog__action .inline-icon, .blog__subtitle .inline-icon { width: 20px; height: 20px; } .blog__actions + .-gap { height: 5px; } .blog__content h2 { margin-bottom: 10px; margin-top: 10px; } .blog__subtitle { font-size: 0.9rem; } .nav-categories { width: 280px; } .blog__actions { margin-top: 15px; } .comments-list .avtar { position: relative; left: auto; top: auto; float: left; margin: 0 15px 0 0; width: 40px; height: 40px; line-height: 40px; } .comments-list { padding-right: 15px; border: none; border-bottom: 1px solid #ddd; margin: 20px 0 0; } .comments-list .date { float: none; font-size: 0.85em; margin: 0 0 0; display: block; } .comments-list .comment__desc { width: 100%; display: inline-block; } .comments-list.comments-list--replied { margin: 0; padding: 10px; } .comments-list .avtar:before { font-size: 1.1em; } .form--comments { padding: 20px; } .banner .form-search.form-search--blog { min-width: 1%; } .banner__content.banner__content--centered { max-width: 100%; } } .form__element { position: relative; } .form__element input[type="text"] { -webkit-box-shadow: none; box-shadow: none; height: 60px; padding-right: 50px; background-color: var(--color-white); line-height: 60px; } .form-search .form__action-wrap { position: absolute; right: 0; top: 50%; width: 40px; height: 59px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .form-search .form__action { width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: none; border: none; cursor: pointer; } .form-search .form__action-wrap .svg-icon { position: absolute; right: 0; top: 0; bottom: 0; left: 0; width: 21px; height: 20px; margin: auto; pointer-events: none; } .box--blog .box__head .slick-arrow::before { border-color: var(--color-dark); } .box--blog .box__body .svg-icon { fill: var(--color-primary); } .box--blog .box__body h1 { font-size: 2.4rem; margin-top: 2rem; } .box--blog .box__body h2 { font-size: 1.5rem; } .banner__media img { margin: 0 auto; } @media (mIN-width: 1199px) { .blog-sidebar { position: sticky; top: 2rem; } } @media (max-width: 1199px) { .form-search--blog .form__element { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; } } @media (max-width: 991px) { .form-search--blog form { width: calc(100% - 60px); float: left; padding-right: 20px; } } .blog-sidebar .form-search--blog { margin-top: 0; } @media (max-width: 576px) { .row.row--cols [class*="col-"].-align-right { text-align: left !important; } } @media (max-width: 767px) { .blog .banner--main .banner__content { position: static; background: var(--color-white); -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; padding: var(--padding-4); color: var(--color-black); } .blog .banner--main .banner__content p { color: var(--color-black); } } .blog-cate { color: var(--color-primary); margin-bottom: 1rem; line-height: 1.6; } .slider-single { overflow: hidden; border-radius: var(--radius-1); } .slider-single .slick-arrow { background-color: var(--color-white); } .slider-single .slick-arrow:before { width: 16px; height: 16px; } .slider-single .slick-arrow.slick-next { right: 2%; } .slider-single .slick-arrow.slick-next:before { margin-left: -12px; } .slider-single .slick-arrow.slick-prev { left: 2%; } .slider-single .slick-arrow.slick-prev:before { margin-left: -4px; } body[dir="rtl"] .slider-single .slick-arrow.slick-next:before { margin-right: -4px; } body[dir="rtl"] .slider-single .slick-arrow.slick-prev:before { margin-right: -12px; } @media (max-width: 1199px) { .blog-shortdesc { display: none; } } .blog__media { border-radius: var(--radius-1); overflow: hidden; } @media (max-width: 767px) { .blog__media { margin-bottom: 1rem; } } .blog__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 767px) { .blog__media:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } .blog-post { width: 100%; position: relative; height: 100%; padding: 0 5px 5rem; } .blog-post .blog-media { border-radius: var(--radius-1); position: relative; overflow: hidden; background-color: var(--color-gray-200); border-radius: var(--radius-1); } .blog-post .blog-media img { -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .blog-post .blog-category { text-transform: uppercase; color: var(--color-primary); font-weight: var(--font-weight-medium); position: relative; margin-right: 15px; max-width: 200px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .blog-post .blog-meta { margin: var(--margin-5) 0; font-size: 13px; } .blog-post .blog-title { font-weight: var(--font-weight-bold); font-size: 1.4rem; } @media (min-width: 1199px) { .blog-post:hover .blog-media img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } } .blog-panel { background-color: var(--color-white); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); border-radius: var(--radius-1); margin-bottom: var(--margin-8); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .blog-panel:last-child { margin-bottom: 0; } .blog-panel .blog-h1 { margin: 1rem 0; } @media (min-width: 991px) { .box-scroller { max-height: 300px; overflow: auto; } } @media (max-width: 1199px) { .blog.blog-postdetail .section.section--blogs { padding-top: 2rem; } } @media (min-width: 991px) { .blog-search-results > [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1199px) { .categories-touch-trigger { display: none; } .has-categories-target { position: absolute; left: 0; top: 120%; background: #fff; z-index: 1; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 0; border: 1px solid var(--color-gray-200); border-radius: 0 0 var(--radius-1) var(--radius-1); opacity: 0; visibility: hidden; min-width: 260px; max-height: 300px; overflow: auto; } .has-categories-target .nav--toggled > ul > li > a:hover { color: var(--color-primary); } .has-categories-dropdown { position: relative; text-align: left; } .has-categories-dropdown:hover > a { color: var(--color-primary); } .has-categories-dropdown:hover .has-categories-target { top: 100%; opacity: 1; visibility: visible; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } @media (max-width: 1199px) { .categories-touch-trigger { display: block; width: 50px; height: 50px; position: relative; cursor: pointer; position: absolute; right: 0; top: 0; } .categories-touch-trigger:after { position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; content: ""; pointer-events: none; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-top: -8px; margin-left: -3px; } .categories-touch-trigger.is-active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-top: -5px; } .has-categories-target { display: none; } .has-categories-target .nav--toggled > ul > li > a { font-size: 14px; } .has-categories-dropdown { position: relative; } .has-categories-dropdown > a { padding-right: 60px; } } @media (min-width: 1199px) { body.payment { background-color: var(--color-gray-100); } } .payment-page { height: 100vh; padding: var(--padding-6); } .body { padding: 0; } .cc-payment { background: #fff; border: solid 1px #e1dfdf; margin: 0 auto; max-width: 600px; position: relative; } @media (min-width: 576px) { .cc-payment { min-height: 40rem; } } .max-scroll { border-bottom: 1px solid var(--color-gray-100); margin-bottom: 2rem; } @media (min-width: 576px) { .max-scroll { max-height: 300px; overflow: auto; } } .logo-payment { max-width: 200px; text-align: center; margin: 25px auto; } .logo-payment img, .logo-payment svg { margin: 0 auto; max-width: 100%; } .reff p { padding: 10px 30px; } .payment-from { border-top: solid 1px #e1dfdf; display: table; width: 100%; padding: 30px; } .payment-from .siteForm label { text-align: left; display: block; } .payment-from .siteForm input.type-bg { background: url(images/cc-pay.png) no-repeat right center; } .payment-from .field { margin-bottom: 15px; text-align: left; } .cvv { float: left; } .ccExpiryMonth, .ccExpiryYear { float: left; } .expiry-wrapper, .ccCvvWrapper { float: left; } .ccExpiryYear { margin-left: 20px; } .ccCvvWrapper { width: 205px; margin-left: 50px; } .payment-from .siteForm input.ccCvvBox { width: 119px; margin-right: 10px; float: left; } .total-pay { margin-bottom: 10px; color: #000; font-size: 16px; font-weight: 600; } .total-pay small { font-size: 13px; color: #333; } @media only screen and (max-width: 1199px) { .payment-page { height: auto; } .reff { margin: 0; } .reff p { text-align: center; padding: 5px 0; margin: 0; } .cc-payment { margin: 0 auto; border: none; padding-top: 30px; } .logo-payment { margin-top: 0; } } @media only screen and (max-width: 500px) { .form .btn.btn--large { width: 100%; display: block; text-align: center; } } .label-select { display: block; width: 100%; padding: 20px; padding-left: 60px; background: #e9e8eb; position: relative; margin: 0 0; } .label-select > label { display: block; width: 100%; margin: 0; } .label-select .checkbox, .label-select .radio { position: absolute; left: 25px; top: 20px; } .label-select p { margin: 0; font-size: 0.95rem; } .listing-cell { width: 100%; margin: 6px 0 0; display: inline-block; } .listing-cell ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } .listing-cell ul li { padding-right: 20px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .listing-cell ul li .boxwhite { background: #fff; border: 1px solid #ddd; padding: 10px 15px; display: block; } .listing-cell ul li .btn, .listing-cell ul li form { margin-top: 14px; } .listing-cell ul li form .btn { margin-top: 0; } .listing-cell ul li form .caption-wraper { display: none; } .listing-cell ul li form .field-set { margin-bottom: 0; } .payments-container-inactive { position: relative; } .payments-container-inactive:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); content: ""; z-index: 1; } .form .field_label { display: block; width: 100%; } @media (max-width: 767px) { .label-select { padding: 15px 15px 15px 15px; } .label-select label h6 { padding-left: 30px; } .label-select .checkbox, .label-select .radio { left: 15px; top: 12px; } .listing-cell { margin-top: 15px; } .listing-cell ul li .btn { margin-top: 8px; } } .video { position: relative; width: 100%; background: #eee; min-height: 200px; } .video:before { display: block; padding-bottom: 60%; content: ""; position: relative; } .video iframe, .video .video__enlarge .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .video .video__enlarge { position: absolute; right: 10px; bottom: 10px; width: 40px; height: 40px; background: #fff; border-radius: 3px; } .video .video__enlarge .svg-icon { width: 26px; height: 26px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; overflow: hidden; } .box__slip .video:before { padding-bottom: 45%; } .btn--fav.is-active { color: #fff; background: var(--color-secondary); } .btn--fav.is-active svg { fill: #fff; } .section--details { padding: 30px 0 60px; } .box__profile-head h3 { margin: 0; } .box__profile-head .location { position: relative; padding-left: 20px; color: #888; margin: 5px 0 0; } .box__profile-head .location .svg-icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; overflow: hidden; opacity: 0.5; } .box-highlighted { padding: 10px 20px; background: #f3f2f5; margin: 10px 0; text-align: left; } .tags-inline ul { margin: 0 -5px; } .tags-inline li { margin: 5px; display: inline-block; vertical-align: top; } .tags-inline li a { padding: 4px 6px; border: 1px solid #ddd; border-radius: 2px; display: block; font-size: 0.9rem; color: #777; } .box.box--toggle { margin: 30px 0 0; } .tick-listing li { position: relative; padding-left: 20px; margin: 5px 0 15px 0; } .tick-listing.tick-listing--onehalf li { width: 50%; margin-right: -4px; display: inline-block; vertical-align: top; } .tick-listing li:before { width: 10px; height: 6px; border-left: 2px solid #ddd; border-bottom: 2px solid #ddd; content: ""; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 0; top: 4px; } .content-repeated [class*="col-"]:last-child { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; padding-left: 0; margin-bottom: 20px; } .content-repeated [class*="col-"]:last-child p { margin: 0; } .-small-title { font-size: 1.08rem; } .content-repeated--action.content-repeated [class*="col-"]:last-child { margin-bottom: 0; } .content-repeated:last-child [class*="col-"]:last-child { border-bottom: none; margin-bottom: 0; } .content-repeated .avtar { float: left; margin-right: 15px; } .content-repeated .avtar + h6 { margin: 0; } .content-repeated .avtar + h6 + p { line-height: 1; font-size: 0.9rem; } .select-box { position: relative; } .select-box .select-box__value { position: relative; display: block; padding: 10px 15px; padding-right: 40px; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; font-size: 1.15rem; color: #999; line-height: 1; min-height: 40px; } .select-box .select-box__value:after { position: absolute; right: 15px; top: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #999; margin: -2px 0 0; } .select-box .select-box__value small, .select-box .select-box__target .listing li a small { display: block; font-size: 0.8rem; margin: 5px 0 0; } .select-box .select-box__target { border: 1px solid #dddddd; background: #fff; max-height: 350px; overflow: auto; position: absolute; right: 0; z-index: 2; min-width: 200px; width: 100%; } .select-box .select-box__target .listing li { text-align: left; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .select-box .select-box__target .listing li a { font-size: 1.05rem; font-weight: 500; display: block; padding: 10px 20px; color: #999; } .select-box .select-box__target .listing li a:hover { background: rgba(0, 0, 0, 0.03); } .select-box.select-box--small { display: inline-block; vertical-align: middle; margin-left: 20px; } .select-box.select-box--small .select-box__value { padding-right: 40px; border-color: transparent; height: 30px; line-height: 28px; font-weight: 500; min-height: 1%; } .select-box.select-box--small .select-box__value:after { top: 13px; } .select-box.select-box--small .select-box__target { min-width: 200px; } .select-box.select-box--small .select-box__target .listing li a { font-weight: 400; font-size: 1rem; } .select-box--up.select-box .select-box__target { bottom: 100%; right: auto; width: auto; left: 0; min-width: 250px; } @media (max-width: 568px) { .timer-block .select-box .buttons-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; } .timer-block .select-box .buttons-toggle .btn:first-child { width: 100%; } .timer-block .timer.timer--small { display: block; text-align: center; } .timer-block .btn.end_lesson_now { width: 100%; text-align: center; margin-top: 10px; } } .form .select-box .select-box__value { min-height: 50px; padding: 16px 20px 12px 20px; padding-right: 40px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); } .form .select-box .select-box__target .listing li { padding: 10px; } .form .select-box .select-box__target .listing li label { display: block; } .box-btn-group .btn { margin: 10px 0 0; } .box--medium { padding: 40px; min-width: 800px; } .direction { margin-left: 30px; } .direction .direction__action { width: 30px; height: 30px; border: 1px solid #e5e5e5; border-radius: 100%; display: inline-block; vertical-align: top; margin: 0 2px; position: relative; } .direction .direction__action:hover { background: rgba(0, 0, 0, 0.1); } .direction .direction__action.direction__action-prev:before { width: 8px; height: 8px; content: ""; border-left: 1px solid #333; border-bottom: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 0; margin-left: -3px; } .direction .direction__action.direction__action-next:before { width: 8px; height: 8px; content: ""; border-right: 1px solid #333; border-top: 1px solid #333; position: absolute; left: 50%; top: 50%; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin: -4px 0 0 0; margin-left: -5px; } .table-total th { font-size: 0.9rem; font-weight: normal; color: #000; padding: 15px 20px 15px 20px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; text-align: left; } .table-total th:last-child, .table-total td:last-child { text-align: right; } .table-total td { color: #666; padding: 10px 20px 6px 20px; vertical-align: top; } .table-total td h6 { font-size: 1.1rem; } .table-total tr.last td { border-top: 1px solid #ddd; } .table-total tr.last td h6 { font-size: 1.4rem; } .apply-coupon .btn.btn--gray.is-active { border-radius: 3px 3px 0 0; } .apply-coupon .btn.btn--gray.is-active:after { content: "+"; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); font-size: 1.8rem; margin: -2px 0 0 0; margin-right: 10px; } .apply-coupon__target { position: relative; background: #fff; border: 1px solid #ddd; border-radius: 0 0 3px 3px; } .apply-coupon__target [class*="col-"] { padding: 0; } .apply-coupon__target input[type="submit"] { padding: 0 20px; text-transform: uppercase; display: block; width: 100%; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .apply-coupon__target input[type="text"] { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .applied-coupon { background: #ecfff4; border: dashed 1px var(--color-primary); padding: 15px; margin: 0 0 0; text-align: center; position: relative; } @media (max-width: 1199px) { .box__slip { padding: 10px; } .video { height: 200px; } .video:before, .box__slip .video:before { padding-bottom: 0; } .video iframe { position: relative; left: auto; top: auto; bottom: auto; right: auto; } } @media (max-width: 767px) { .content-repeated [class*="col-"]:last-child { padding-left: 15px; } .content-repeated .avtar + h6 + p { margin-bottom: 25px; } .-small-title { font-size: 1.15rem; } .box__body-target { display: none; } .box.box--toggle { margin: 10px 0 0; } .box .box__head { padding: 15px; } .box__head-trigger { padding-right: 40px; cursor: pointer; position: relative; } .box__head-trigger:after { position: absolute; right: 20px; top: 15px; content: "+"; font-size: 1.6rem; line-height: 1; } .box__head-trigger.is-active:after { content: "-"; } .offset-min-12 { width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .box--medium { padding: 20px; min-width: 1%; } } @media (min-width: 1199px) { .teachers.teachers-view { overflow-x: hidden; } } .card-class-cover .card-class { border: 1px solid var(--color-gray-200); } .author-slider .slick-arrow { top: calc(50% - 160px); } .author-slider .slick-arrow.slick-next { right: 1.2rem; } .author-slider .slick-arrow.slick-next:before { border-color: #000; } .author-slider .slick-arrow.slick-next:after { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 0; content: ""; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-left: -15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .author-slider .slick-arrow.slick-prev { left: 1.2rem; } .author-slider .slick-arrow.slick-prev:before { border-color: #000; } .author-slider .slick-arrow.slick-prev:after { width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 0; content: ""; border-bottom: 2px solid #fff; border-right: 2px solid #fff; margin-left: -3px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } body[dir="rtl"] .author-slider .slick-arrow.slick-next:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: -3px; } body[dir="rtl"] .author-slider .slick-arrow.slick-prev:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -15px; } @media (max-width: 576px) { .author-slider .btn-group { margin-top: 1rem; } } .section.section--profile { padding-top: 3rem; } @media (max-width: 767px) { .section--profile .container { padding: 0; } .section--profile { padding: var(--padding-6) 0; } } @media (min-width: 767px) and (max-width: 1199px) { .section--profile { padding: 2rem 0; } } .detail-wrapper { color: var(--color-gray-dark); } @media (max-width: 767px) { .detail-wrapper { margin-bottom: var(--margin-8); padding: 0 var(--padding-5); } } .detail-wrapper .profile__media { float: left; clear: left; position: relative; } @media (max-width: 767px) { .detail-wrapper .profile__media { margin-right: var(--margin-6); margin-bottom: var(--margin-4); } .detail-wrapper .profile__media .avtar { width: 80px; height: 80px; } } @media (min-width: 1199px) { .detail-wrapper .profile__media { margin-right: var(--margin-16); } } @media (min-width: 767px) and (max-width: 1199px) { .detail-wrapper .profile__media { margin-right: var(--margin-8); } } @media (min-width: 576px) and (max-width: 767px) { .detail-wrapper .profile-detail .profile-detail__head { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .detail-wrapper .profile-detail .info-wrapper { margin-bottom: var(--margin-6); } @media (min-width: 1199px) { .detail-wrapper .profile-detail .info-wrapper span { font-size: var(--font-size-medium); } } @media (min-width: 576px) and (max-width: 767px) { .detail-wrapper .profile-detail .info-wrapper { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1199px) { .detail-wrapper .tutor-name h4 { font-size: var(--font-size-h3); } } .detail-wrapper .tutor-name .flag { margin-left: var(--margin-8); width: 40px; } .har-rate { color: inherit; margin-bottom: var(--margin-4); } @media (min-width: 1199px) { .har-rate { font-size: var(--font-size-medium); } } .tutor-lang { font-size: var(--font-size-medium); color: inherit; margin-bottom: var(--margin-4); } @media (min-width: 1199px) { .tutor-lang { font-size: var(--font-size-medium); } } .detail-actions .btn { border: 1px solid var(--color-gray-400); font-weight: 600; color: var(--color-dark) !important; } .detail-actions .is--active { background: var(--color-primary); color: var(--color-white) !important; border-color: var(--color-primary); } .detail-actions .icon { padding: 4px; margin-right: var(--margin-3); } .btn--link { border-bottom: 1px solid; display: inline-block; vertical-align: text-bottom; padding: var(--padding-2) 0; height: 42px; line-height: 43px; } .content__row { margin-bottom: var(--margin-16); color: var(--color-dark); } .content__row:last-child { margin-bottom: 0; } @media (max-width: 767px) { .content__row { margin-bottom: var(--margin-8); } } .content__row h3 { font-size: var(--font-size-h3); margin-bottom: var(--margin-5); } .content__row p { line-height: 28px; margin-bottom: 0; } .content__row h4 { margin-bottom: var(--margin-2); } @media (max-width: 767px) { .content__row h4 { font-size: 1.1rem; } } .profile-primary .panel-cover:first-child .panel-cover__body { margin-top: var(--margin-5); } .profile-primary .panel-cover:last-child { border-bottom: none; } .profile-primary .panel-cover .panel-cover__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } @media (min-width: 767px) { .profile-primary .panel-cover .panel-cover__head { pointer-events: none; } } @media (max-width: 767px) { .profile-primary .panel-cover .panel-cover__head::after { position: absolute; right: 0px; top: 1px; content: "+"; font-size: 1.6rem; line-height: 1; } } @media (max-width: 576px) { .profile-primary .panel-cover .panel-cover__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .profile-primary .panel-cover .panel-cover__head h3 { color: var(--color-dark); } @media (max-width: 767px) { .profile-primary .panel-cover .panel-cover__head h3 { font-size: 1.2rem; } } @media (min-width: 1199px) { .profile-primary .panel-cover .panel-cover__head h3 { font-size: var(--font-size-xxl); pointer-events: none; } } @media (max-width: 767px) { .profile-primary .panel-cover .is-active::after { content: "-"; } } .profile-primary:first-child { margin-top: var(--margin-6); } .profile-primary:first-child .panel-cover__body { margin-top: var(--margin-6); } .panel-head__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-3); } @media (min-width: 767px) { .panel-head__right { position: absolute; top: 14%; right: 0; } } @media (max-width: 767px) { .panel-head__right { margin-top: var(--margin-6); } } .panel-head__right .settings { width: 160px; margin-left: var(--margin-4); } .panel-head__right .settings a { color: var(--color-gray); } .panel-head__right .settings a::before { border-color: var(--color-gray); } .panel-cover { border-bottom: 2px solid var(--color-gray-100); position: relative; } @media (min-width: 767px) { .panel-cover { padding: var(--padding-18) 0; } } @media (max-width: 767px) { .panel-cover { padding: var(--padding-5); } } .panel-cover .panel-cover__body { margin-top: var(--margin-12); } @media (max-width: 767px) { .panel-cover .panel-cover__body { display: none; } } .slider--prices .card { padding: var(--padding-10) var(--padding-12); border: 1px solid var(--color-gray-300); } @media (min-width: 1199px) and (max-width: 1299px) { .slider--prices .card { padding: var(--padding-10); } } .slider--prices .card .card__head { margin-bottom: var(--margin-5); } .slider--prices .card .card__head::before { width: 3px; left: -42px; } @media (max-width: 767px) { .slider--prices .card .card__head::before { left: -37px; } } @media (min-width: 1199px) and (max-width: 1299px) { .slider--prices .card .card__head::before { left: -35px; } } .slider--prices .card .card__head h4 { font-size: var(--font-size-medium); line-height: 2.3rem; } .slider--prices .slider__item { padding: 0 var(--padding-4) 0; } .lesson-slot-info ul li { position: relative; margin-bottom: var(--margin-3); } .lesson-slot-info ul li:last-child { margin-bottom: 0; } .lesson-slot-info ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-2); height: 30px; } .lesson-slot-info ul li a .space { border-bottom: 1px solid var(--color-gray-400); height: 19px; width: 100%; margin: 0 var(--margin-3); } .lesson-slot-info ul li a .lesson { white-space: nowrap; } .calendar-head__right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendar-head__right .calendar-actions { margin-left: var(--margin-8); display: -webkit-box; display: -ms-flexbox; display: flex; } .calendar-head__right .calendar-actions .btn { border-color: var(--color-gray-300); font-weight: 600; padding: 0 var(--padding-5); } .calendar-head__right .calendar-actions .btn .icon { width: 14px; } .button-group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: var(--margin-3); } .button-group .btn:first-child { border-right: transparent; } .Schedule-date { color: var(--color-dark); } .arrow--left { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .arrow--right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .calender__media img { width: 100%; } .alert--note { background: var(--color-gray-100); color: var(--color-gray-1000); font-size: var(--font-size-md); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: var(--padding-3); line-height: 22px; } .alert--note::before { -webkit-filter: brightness(0.5); filter: brightness(0.5); left: -4px; position: relative; top: 12px; background-size: 16px; } .alert--note a { color: inherit; margin: 0 var(--margin-1); } .silder--group-class .slider__item { padding: var(--padding-2) var(--padding-3) var(--padding-16); } .silder--group-class .slider__item .card .card__head h3 { font-size: var(--font-size-h5); overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; } .silder--group-class .slick-arrow { top: -40px; border: 1px solid var(--color-gray-300); border-radius: 0; width: 50px; height: 40px; } .silder--group-class .slick-arrow:before { left: 27px; top: 21px; border-color: var(--color-dark); width: 10px; height: 10px; } .silder--group-class .slick-next { right: 12px; } .silder--group-class .slick-prev { right: 61px; left: unset; } .silder--group-class .slick-disabled { opacity: 1; } .silder--group-class .slick-disabled:before { opacity: 0.2; } .content--tick { margin-bottom: var(--margin-16); } .content--tick .content__head { margin-bottom: var(--margin-6); } .content--tick .content__head h4 { color: var(--color-dark); font-size: 1.1rem; } .content--tick ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content--tick ul li { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding-left: var(--padding-8); } @media (max-width: 1199px) { .content--tick ul li { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; } } @media (max-width: 767px) { .content--tick ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .content--tick ul li:before { width: 15px; height: 2px; border-left: unset; border-bottom: 2px solid var(--color-primary); -webkit-transform: unset; -ms-transform: unset; transform: unset; top: 7px; } .content--tick { margin-bottom: var(--margin-16); } .content--tick:last-child { margin-bottom: 0; } .resume-wrapper { position: relative; margin-bottom: var(--margin-16); color: var(--color-gray-1000); } @media (max-width: 767px) { .resume-wrapper { margin-bottom: var(--margin-8); } } .resume-wrapper .resume__primary::before { content: ""; position: absolute; height: calc(100% + 30px); width: 1px; background: var(--color-gray-300); right: 0; top: 0; } .resume-wrapper .resume__primary::after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: var(--color-gray-300); right: -5px; } .row--resume { margin-bottom: var(--margin-18); } .row--resume:last-child { margin-bottom: 0; } @media (max-width: 767px) { .row--resume { margin-bottom: var(--margin-10); } } @media (max-width: 767px) { .row--resume [class*="col-sm-4"] { margin-bottom: var(--margin-6); } } .rating-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-8); } .rating-details .rating__count { color: var(--color-secondary); } .rating-details .rating__count h1 { font-size: calc(1.3rem + 32px); } .rating-details .rating__info { color: var(--color-dark); margin-left: var(--margin-8); } .rating-details .rating__info p { margin-bottom: 0; margin-top: var(--margin-1); color: inherit; } .reviews-wrapper { color: var(--color-dark); } .reviews-wrapper .reviews-wrapper__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-gray-100); padding: var(--padding-3) var(--padding-6); margin-bottom: var(--margin-12); } @media (max-width: 576px) { .reviews-wrapper .reviews-wrapper__head { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .reviews-wrapper .reviews-wrapper__head .review__shorting { position: relative; } .reviews-wrapper .reviews-wrapper__head .review__shorting select { border: none; background-image: none; padding-left: 30px; padding-right: 30px; color: inherit; background-color: transparent; } .reviews-wrapper .reviews-wrapper__head .review__shorting select:focus { -webkit-box-shadow: none; box-shadow: none; } .reviews-wrapper .reviews-wrapper__head .review__shorting::before { content: ""; position: absolute; width: 7px; height: 7px; border-left: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); right: 9px; top: 15px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .reviews-wrapper .reviews-wrapper__head p { margin-bottom: 0; color: inherit; } .review-profile { display: -webkit-box; display: -ms-flexbox; display: flex; } .review-profile .avatar.avatar-md { width: 48px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 767px) { .review-profile { margin-bottom: var(--margin-6); } } .review-profile .user-info { margin-left: var(--margin-5); } .review-profile p { margin-top: var(--margin-2); margin-bottom: 0; } .reviews-wrapper__body .row { margin-bottom: var(--margin-18); } .reviews-wrapper__body .row:last-child { margin-bottom: 0; } @media (max-width: 767px) { .reviews-wrapper__body .row { margin-bottom: var(--margin-10); } } .reviews-wrapper__foot { padding-top: var(--padding-8); margin-top: var(--margin-8); border-top: 1px solid var(--color-gray-300); } .review-content .review-content__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-5); } @media (max-width: 767px) { .review-content .review-content__head { margin-bottom: var(--margin-3); } } .review-content .review-content__head h6 { margin-right: var(--margin-6); font-size: var(--font-size-h6); } .review-content .review-content__head h6 span { font-weight: normal; } .review-content .review-content__body p { line-height: 28px; } @media (max-width: 991px) { .profile-secondary { margin: var(--margin-6) 0; width: 100%; } } .profile-secondary .right-panel { position: sticky; top: 30px; } .book__actions .-gap { display: none; } .right-panel .-gap { height: 0; } .box--book { padding: var(--padding-10); border: 1px solid var(--color-gray-200); border-radius: var(--radius-1); } @media (max-width: 991px) { .box--book { padding: var(--padding-10); } } @media (min-width: 1399px) { .box--book { padding: var(--padding-16) var(--padding-16) var(--padding-10); } } @media (max-width: 767px) { .box--book { border: none; padding: var(--padding-4); } } .book__actions { text-align: center; } .book__actions .btn { height: 50px; font-weight: 600; margin-bottom: var(--margin-4); } .book__actions .btn--contact { border: 1px solid var(--color-gray-400); } .book__actions .btn-availbility { background-color: transparent; font-weight: normal; text-decoration: underline; } .book__actions .btn--trial { height: 40px; margin-bottom: var(--margin-1); margin-top: var(--margin-10); } .book__actions .btn--trial span { margin-right: 3px; } .book__actions p { color: var(--color-dark); margin-bottom: 0; } .select--box { width: 160px; color: var(--color-dark); background: #fff; height: 40px; border: 1px solid var(--color-gray-200); position: relative; margin-left: var(--margin-4); } .select--box::before { content: ""; position: absolute; height: 8px; width: 8px; background: transparent; border-right: 2px solid var(--color-dark); border-bottom: 2px solid var(--color-dark); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 15px; top: 15px; pointer-events: none; } .select--box select { padding: 0 var(--padding-6); background-image: none; background-color: transparent; border: none; color: inherit; } .profile-cover { scroll-behavior: smooth; } @media (min-width: 991px) { .profile-cover { display: grid; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 767px) { .profile-cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .profile-cover .profile-head { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (min-width: 991px) { .profile-cover .profile-head { grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } } @media (min-width: 1199px) { .profile-cover .profile-head { width: calc(100% - 100px); } } @media (min-width: 991px) and (max-width: 1399px) { .profile-cover .profile-head { width: calc(100% - 50px); } } .profile-cover .profile-primary { scroll-behavior: smooth; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } @media (min-width: 991px) { .profile-cover .profile-primary { scroll-behavior: smooth; grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; grid-row-end: 3; } } @media (min-width: 1199px) { .profile-cover .profile-primary { width: calc(100% - 100px); } } @media (min-width: 991px) and (max-width: 1399px) { .profile-cover .profile-primary { width: calc(100% - 30px); } } @media (max-width: 767px) { .profile-cover .profile-primary { border-top: 1px solid var(--color-gray-200); border-bottom: 1px solid var(--color-gray-200); } } .profile-cover .profile-secondary { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media (min-width: 991px) { .profile-cover .profile-secondary { grid-column-start: 4; grid-row-start: 1; grid-row-end: 3; } } @media (min-width: 1199px) { .profile-cover .profile-secondary { width: 400px; } } @media (min-width: 991px) and (max-width: 1399px) { .profile-cover .profile-secondary { width: 300px; } } @media (max-width: 1199px) { .profile-cover .profile-secondary { width: 300px; } } @media (max-width: 991px) { .profile-cover .profile-secondary { width: 100%; } } .panel-cover .slider__item { padding-bottom: 0; } .review-profile .avtar { width: 48px; } .review-profile .user-info { width: calc(100% - 48px); } @media (max-width: 576px) { .table-md-scroll { overflow: auto; } } .intro-head { text-align: center; max-width: 860px; margin: 0 auto; color: var(--color-dark); } @media (max-width: 767px) { .intro-head { margin-bottom: var(--margin-5); } } .intro-head h2 { color: inherit; font-weight: normal; font-size: var(--font-size-h1); margin-bottom: var(--margin-10); } @media (max-width: 767px) { .intro-head h2 { margin-bottom: 0; } } @media (min-width: 1199px) { .intro-head h2 { padding: 0 var(--padding-14); line-height: 4rem; } } .intro-head p { font-size: var(--font-size-h4); color: inherit; opacity: 0.7; line-height: 2.9rem; margin-bottom: 0; } @media (max-width: 767px) { .intro-head p { line-height: 2.2rem; font-size: 1.1rem; } } .about-media { border-bottom: 5px solid var(--color-secondary); } .about-media img { border-radius: var(--radius-1) var(--radius-1) 0 0; margin: 0 auto; } .small-title { color: var(--color-primary); text-transform: uppercase; font-weight: bold; margin-bottom: var(--margin-4); font-size: var(--font-size-md); } .main__title { color: var(--color-gray-dark); } @media (max-width: 1199px) { .main__title br { display: none; } } .main__title h2 { font-size: var(--font-size-h1); font-weight: normal; } @media (max-width: 767px) { .main__title h2 { line-height: 2.7rem; font-size: 1.7rem; } } @media (min-width: 1199px) { .main__title h2 { line-height: 3.6rem; } } @media (max-width: 991px) { .main__title h2 br { display: none; } } .main__title span { font-weight: bold; } .who-we__content { color: var(--color-dark); } .who-we__content p { margin-bottom: var(--margin-8); color: inherit; font-size: var(--font-size-medium); line-height: 36px; } .who-we__content p:first-child { font-weight: 600; font-size: var(--font-size-h5); } @media (max-width: 767px) { .who-we__content p { margin-bottom: var(--margin-6); font-size: 14px; } } .section--value { background-color: var(--color-dark-blue); overflow: hidden; } @media (min-width: 1299px) { .section--value { padding: var(--padding-32) 0; } } .panel-left { color: var(--color-white); } @media (max-width: 991px) { .panel-left { margin-bottom: var(--margin-16); } } .panel-left .small-title { color: inherit; opacity: 0.5; margin-bottom: var(--margin-6); } .panel-left h2 { font-weight: normal; font-size: var(--font-size-h1); } @media (max-width: 991px) { .panel-left h2 { font-size: 1.8rem; } } .slider--value { overflow: visible; padding-bottom: var(--padding-26); } @media (max-width: 1199px) { .slider--value { padding-bottom: var(--padding-10); } } .slider--value .slider__item h3 { color: var(--color-white); } @media (min-width: 576px) { .slider--value .slider__item { padding: 0 var(--padding-8) 0; } } .slider--value .slick-current .slide-box { opacity: 1; } .slider--value .slick-dots { bottom: 0; } @media (min-width: 991px) { .slider--value .slick-dots { left: 30px; position: absolute; } } .slider--value .slick-dots .slick-active button { background-color: var(--color-white); border-color: var(--color-white); } .slide-box { color: var(--color-white); opacity: 0.5; } @media (max-width: 767px) { .slide-box { padding: 0 var(--padding-3); } } .slide-box .slide-box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: var(--margin-16); } @media (max-width: 767px) { .slide-box .slide-box__head { margin-bottom: var(--margin-6); } } .slide-box .slide-box__head .slide-box__title { max-width: 303px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .slide-box .slide-box__head .slide-box__title h5 { font-size: var(--font-size-lg); line-height: 36px; } .slide-box .slide-box__body p { font-size: var(--font-size-medium); line-height: 2.6rem; margin-bottom: 0; color: inherit; opacity: 0.8; } @media (max-width: 767px) { .slide-box .slide-box__body p { font-size: 1.1rem; } } .count__box { min-width: 80px; height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--color-primary); color: var(--color-primary-inverse); margin-right: var(--margin-10); } .count__box h2 { font-size: var(--font-size-h1); font-weight: bold; } @media (max-width: 767px) { .count__box h2 { font-size: var(--font-size-h2); } } .mission { color: var(--color-dark); margin-bottom: var(--margin-20); } @media (max-width: 767px) { .mission { padding-bottom: var(--padding-8); border-bottom: 1px solid var(--color-gray-300); } } @media (max-width: 991px) { .mission { margin-bottom: var(--margin-8); } } .mission:last-child { margin-bottom: 0; } .mission .mission__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-10); } @media (max-width: 767px) { .mission .mission__head { margin-bottom: var(--margin-6); } } .mission .mission__head h4 { font-size: var(--font-size-h4); color: inherit; } .mission .mission__head .mission__media { width: 80px; height: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0px 0px 8px #0000001f; box-shadow: 0px 0px 8px #0000001f; margin-right: var(--margin-6); } .mission .mission__head .mission__media .icon { width: 36px; height: 36px; fill: var(--color-dark-blue); } .mission .mission__body p { color: inherit; font-size: var(--font-size-medium); opacity: 0.8; line-height: 36px; margin-bottom: 0; } @media (max-width: 767px) { .mission .mission__body p { font-size: 1.1rem; } } .section--mission { background: var(--color-gray-100); } .section--mission .primary-content { position: sticky; top: 140px; } .team-content { font-size: var(--font-size-h4); margin-bottom: 0; line-height: 40px; } @media (max-width: 991px) { .team-content { font-size: 1.1rem; line-height: 28px; } } .team .team__head { margin-bottom: var(--margin-26); } @media (max-width: 991px) { .team .team__head { margin-bottom: var(--margin-10); } } @media (max-width: 1199px) { .team .team__body .tile { -webkit-box-shadow: none; box-shadow: none; margin-bottom: var(--margin-6); } } .team .team__body .tile:hover { -webkit-box-shadow: none; box-shadow: none; } .team .team__body .tile .tile__body { padding: var(--padding-5) 0; } .team .team__body .tile .tile__body h6 { font-size: var(--font-size-h5); } .team .team__body .tile .tile__body p { margin-bottom: 0; } .achievement-media { width: 160px; height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; -webkit-box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.09); box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.09); border: 1px solid var(--color-gray-100); margin: 0 auto; overflow: hidden; } .achievement-media .icon { width: 50px; height: 50px; fill: var(--color-dark-blue); } @media (max-width: 991px) { .achievement-media .icon { width: 40px; height: 40px; } } @media (max-width: 991px) { .achievement-media { width: 100px; height: 100px; margin-bottom: var(--margin-6); } } .achievement-title { color: var(--color-dark); } .primary-content .small-title { font-size: var(--font-size-medium); } .primary-content .btn { margin-top: var(--margin-20); width: 153px; height: 40px; } @media (max-width: 991px) { .primary-content .btn { margin-top: var(--margin-6); } } @media (max-width: 991px) { .primary-content { margin-bottom: var(--margin-10); } } .section--achievement .box { -webkit-box-shadow: none; box-shadow: none; text-align: center; } @media (max-width: 767px) { .section--achievement .box { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: var(--margin-8); padding-bottom: var(--padding-8); border-bottom: 1px solid var(--color-gray-300); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .section--achievement .box .box__head { margin-right: var(--margin-8); } .section--achievement .box .box__head .achievement-media { margin-bottom: 0; border-radius: 0; width: 80px; height: 80px; } .section--achievement .box .box__body { text-align: left; } } .section--achievement .box .box__head { -webkit-box-shadow: none; box-shadow: none; border: none; padding: 0; } @media (min-width: 767px) { .section--achievement .box .box__head { margin: 0 auto var(--margin-10); } } .section--achievement .box .box__body p { margin-bottom: 0; } .slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: var(--margin-24); float: left; } @media (max-width: 991px) { .slider-nav { display: none; } } .slider-nav .slick-arrow { position: relative; background: rgba(255, 255, 255, 0.06); margin-right: var(--margin-6); border-radius: 50%; } .slider-nav .slick-arrow.next-slide:before { margin-left: -10px; } .slider-nav .slick-arrow.prev-slide:before { margin-left: -4px; } .slider-nav .slick-arrow::before { width: 15px; height: 15px; border-color: var(--color-white); } body[dir="rtl"] .slider-nav .slick-arrow.prev-slide:before { margin-left: -10px; } body[dir="rtl"] .slider-nav .slick-arrow.next-slide:before { margin-left: -4px; } .section--contect { background: var(--color-gray-100); } .contact-form { background-color: var(--color-white); border-radius: 0 0 var(--radius-1) var(--radius-1); } @media (max-width: 767px) { .contact-info { margin-bottom: var(--margin-10); } } .contact-info__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: var(--margin-8); padding-bottom: var(--padding-8); border-bottom: 1px dashed var(--color-gray-600); } @media (max-width: 767px) { .contact-info__row { margin-bottom: var(--margin-6); padding-bottom: var(--padding-6); } } .contact-info__row:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .contact-info__row .contact__icon { width: 42px; } .contact-info__row .contact__content { padding-left: 2rem; width: calc(100% - 42px); color: var(--color-dark); } .contact-info__row .contact__content h6 { margin-bottom: var(--margin-4); text-transform: uppercase; color: inherit; } .contact-info__row .contact__content p { font-size: var(--font-size-medium); color: inherit; margin-bottom: 0; } .contact-form .field-set { margin-bottom: calc(theme('margin.10') - 3px); } .contact-form .field-set .field-wraper .field_cover input { font-size: var(--font-size-h6); padding: 0 var(--padding-8); width: 100%; height: 60px; } @media (max-width: 1199px) { .contact-form .field-set .field-wraper .field_cover input { height: 50px; } } .contact-form .field-set .field-wraper .field_cover textarea { width: 100%; height: 115px; border-radius: 0; padding: var(--padding-5) var(--padding-8); border: 1px solid var(--color-gray-200); } @media (max-width: 1199px) { .contact-form .field-set .field-wraper .field_label { margin-bottom: var(--margin-4); } } .dummy-capcha { margin-bottom: calc(theme('margin.10') - 3px); } .teacherrequest-form { background-color: var(--color-gray-200); position: relative; } .teacherrequest-form .header { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .teacherrequest-form .header .container { max-width: 1220px; } @media (min-width: 767px) { .teacherrequest-form .header { position: absolute; } } @media (max-width: 767px) { .teacherrequest-form .header { background-color: var(--color-white); } } .teacherrequest-form .header .header-primary { -webkit-box-shadow: none; box-shadow: none; background: none; } @media (min-width: 767px) { .teacherrequest-form .header .header-primary { padding: var(--padding-10); } } @media (min-width: 991px) { .teacherrequest-form .header .header-primary { padding-left: var(--padding-16); } } @media (max-width: 767px) { .teacherrequest-form .header .header-primary .header__right .header-dropwown--profile .is-visible { padding: var(--padding-8); } } .teacherrequest-form .copyright { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .head__action a { padding: var(--padding-3); display: block; white-space: nowrap; } .head__action a svg { width: 16px; fill: var(--color-primary); margin-right: var(--margin-2); } .head__action a span { font-weight: var(--font-weight-medium); font-size: var(--font-size-sm); text-transform: uppercase; } .head__title h4 { color: var(--color-dark); font-weight: var(--font-weight-bold); font-size: var(--font-size-h4); } .page-block__cover { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: var(--margin-18); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); background: var(--color-gray-100); } @media (max-width: 767px) { .page-block__cover { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: var(--margin-10); } } .page-block__left { background: #fff; padding: var(--padding-6); } @media (min-width: 991px) { .page-block__left { min-width: 357px; padding: var(--padding-16); border-right: 1px solid var(--color-gray-400); } } @media (min-width: 767px) { .page-block__left { padding-top: var(--padding-32); } } @media (max-width: 767px) { .page-block__left { padding: var(--padding-4) var(--padding-6); } } @media (min-width: 767px) and (max-width: 991px) { .page-block__left { width: 220px; border-right: 1px solid var(--color-gray-400); } } @media (min-width: 991px) { .page-block__left .steps--vertical { margin-top: var(--margin-12); } } @media (max-width: 767px) { .page-block__left ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; overflow: auto; } } @media (max-width: 767px) { .page-block__left ul li { margin-right: var(--padding-5); } } .page-block__right { min-width: calc(100% - 357px); } @media (min-width: 767px) and (max-width: 991px) { .page-block__right { width: calc(100% - 220px); } } .page-block__right .page-block__head { padding: var(--padding-12); border-bottom: 1px solid var(--color-gray-300); } @media (max-width: 767px) { .page-block__right .page-block__head { padding: var(--padding-6); } } .steps--vertical ul li { counter-increment: counter-inc; } .steps--vertical ul li a { padding: var(--padding-6) 0; padding-left: var(--padding-14); display: block; position: relative; text-transform: uppercase; font-size: var(--font-size-sm); color: var(--color-gray-700); } .steps--vertical ul li a::before { content: counter(counter-inc); font-size: var(--font-size-sm); background-color: var(--color-gray-100); width: 24px; height: 24px; border-radius: 50%; position: absolute; left: 0; font-weight: 600; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; text-align: center; padding: 4px 0; } @media (max-width: 1199px) { .steps--vertical ul li a { padding: var(--padding-6) 0 var(--padding-6); padding-left: var(--padding-10); } } .steps--vertical ul .is-process a { font-weight: var(--font-weight-medium); color: var(--color-secondary); } .steps--vertical ul .is-process a::before { background-color: transparent; color: var(--color-secondary); border: 1px solid var(--color-secondary); } .steps--vertical ul .is-completed { position: relative; } .steps--vertical ul .is-completed a { font-weight: var(--font-weight-medium); color: var(--color-dark); } .steps--vertical ul .is-completed .step__icon { width: 24px; height: 24px; position: absolute; background-color: var(--color-green); border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .steps--vertical ul .is-completed .step__icon::before { width: 13px; height: 7px; position: absolute; top: 47%; left: 40%; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); content: ""; -webkit-transform: rotate(-45deg) translate(0, -78%); -ms-transform: rotate(-45deg) translate(0, -78%); transform: rotate(-45deg) translate(0, -78%); } .block-content { padding: var(--padding-16) 0; } @media (max-width: 1199px) { .block-content { padding: var(--padding-10) var(--padding-6); } } .block-content .block-content__head { margin-bottom: var(--margin-14); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 767px) { .block-content .block-content__head { margin-bottom: var(--margin-8); } .block-content .block-content__head div:first-child { margin-bottom: var(--margin-6); } } .block-content .block-content__head h5 { color: var(--color-dark); font-size: var(--font-size-medium); margin-bottom: var(--margin-3); } .block-content .block-content__head p { margin-bottom: 0; } .block-content .block-content__body { margin-bottom: var(--margin-12); } @media (max-width: 991px) { .block-content .block-content__body .field-set { margin-bottom: var(--margin-6); } } .block-content .block-content__body .field-set .caption-wraper .field_label { color: var(--color-dark); } .block-content .block-content__body .phone--number input:first-child { border-right: none; } .block-content .block-content__body .form .row:last-child [class*="col-md-12"] .field-set { margin-bottom: 0; } .block-content .block-content__foot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block-content .list-inline label { width: 100%; border-radius: 0; } .block-content .block-content__foot .submit-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .block-content .block-content__foot .submit-row .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; } .block-content .block-content__foot .submit-row .field_cover input { border-color: var(--color-primary); width: 100px; } @media (max-width: 991px) { .block-content .block-content__foot .submit-row .field_cover input { height: 38px; } } .checkbox input:checked + .input-helper, .radio input:checked + .input-helper { -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-secondary) !important; } .img-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: var(--margin-10); } .img-upload .img-upload__content { margin-left: var(--margin-12); } .img-upload .img-upload__content h6 { font-size: var(--font-size-sm); color: var(--color-dark); margin-bottom: var(--margin-1); } .img-upload .img-upload__content p { font-size: 0.9rem; } .img-upload .img-upload__content .btn { height: 30px; } .block-content__foot .form__actions { width: 100%; } .block-content__foot .form__actions input[type="button"] { border-radius: 0; } .block-content__foot .form__actions input[type="submit"] { border-radius: 0; } @media (min-width: 767px) { .colum-layout { display: grid; grid-gap: 20px; grid-template-columns: 49% 49%; } } @media (max-width: 767px) { .colum-layout__cell { margin-bottom: var(--margin-6); } } .colum-layout__cell { border: 1px solid var(--color-gray-200); } .colum-layout__head { padding: var(--padding-6) var(--padding-6); border-bottom: 1px solid var(--color-gray-200); background: #fff; } .colum-layout__scroll { max-height: 32.2rem; } .selection { position: relative; border-bottom: 1px solid var(--color-gray-200); } .selection__trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: var(--padding-4) var(--padding-6); min-height: 3.5rem; cursor: pointer; background: #fff; z-index: 1; } .selection__trigger-input, .selection__trigger input { position: absolute; opacity: 0; } .selection__trigger-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; color: var(--color-gray-800); } .selection__trigger-icon { position: relative; width: 16px; height: 16px; display: block; border-radius: var(--radius-round); background-color: currentColor; opacity: 0.3; } .selection__trigger-icon:before { width: 9px; height: 5px; position: absolute; top: 48%; left: 38%; border-left: 2px solid var(--color-white); border-bottom: 2px solid var(--color-white); content: ""; -webkit-transform: rotate(-45deg) translate(0, -78%); -ms-transform: rotate(-45deg) translate(0, -78%); transform: rotate(-45deg) translate(0, -78%); } .selection__trigger-label { width: 80%; } .selection__trigger-input:checked ~ .selection__trigger-action { color: var(--color-secondary); font-weight: 600; } .selection__trigger-input:checked ~ .selection__trigger-action .selection__trigger-icon { opacity: 1; } .selection.is-selected .selection__trigger-action { color: var(--color-secondary); font-weight: 600; } .selection.is-selected .selection__trigger-icon { opacity: 1; } .selection--select .selection__trigger { pointer-events: none; } .submit-row { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 576px) { .submit-row .field_cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .submit-row .field_cover input { width: auto; } } @media (max-width: 576px) { .profile-media .avtar--xlarge { width: 100%; height: 100%; } } @media (max-width: 576px) { .profile-media .buttons-group { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .profile-media .buttons-group .btn.btn--wide.btn.btn--small { width: 100%; min-width: 1%; margin: 0; } } .select__dropdown { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; border: none; min-height: 3.5rem; line-height: 20px; background: none; padding: var(--padding-4) var(--padding-6); -webkit-appearance: none; -moz-appearance: none; cursor: pointer; } .flag-icon--s { width: 1.5rem; height: 1.5rem; } .flag-icon { display: inline-block; border-radius: var(--radius-round); overflow: hidden; vertical-align: text-top; margin-right: var(--margin-2); } .common-slot-price input[type="text"] { width: 90px; height: 32px; text-align: center; color: #333; border-radius: 0; } .common-slot-price .field_label { margin-bottom: 0; margin-right: 10px; font-weight: normal; color: #999; } .field-set .input-helper { border-radius: 0; background: #fff; -webkit-box-shadow: none; box-shadow: none; border: 2px solid var(--color-gray-300); } .box--white { background: var(--color-white); } .application-no { max-width: 340px; padding: var(--padding-4) 0; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); text-transform: uppercase; font-size: 0.9rem; color: var(--color-gray-800); margin: 0 auto var(--margin-16); } .form__actions div { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .form__actions div div { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .form__actions div div input[type="submit"] { margin-bottom: 0; margin-right: var(--margin-3); } .message--resume { min-height: 27rem; margin-bottom: var(--margin-12); } .message--resume .message-display__icon { height: 12rem; width: 12rem; margin-bottom: var(--margin-6); } .message--resume p { opacity: 0.7; margin-bottom: var(--margin-8); } .message--resume h5 { color: var(--color-dark); } .message--confirmetion { background-color: transparent; padding: 0; } .form--register { color: var(--color-dark); background-color: var(--color-white); margin-bottom: var(--margin-12); } .form--register table { border-top: transparent; } .form--register table .title-row th { background-color: var(--color-white); text-transform: uppercase; font-size: 0.9rem; } .form--register table .data-group span { font-size: var(--font-size-sm); } .form--register table .data-group span:first-child { color: inherit; font-size: var(--font-size-h6); } .form--register table .attachment-file { opacity: 0.6; font-size: var(--font-size-md); } .form--register table .attachment-file .icon { width: 12px; fill: var(--color-gray-900); } .form--register table .actions-group .btn .icon { fill: inherit; width: 14px; } .accept--field { color: var(--color-gray-1000); } .accept--field label a { text-decoration: underline; } .section--registration { position: relative; } @media (min-width: 767px) { .section--registration .header { background: transparent; border: none; } } .form-register .form { margin-bottom: var(--margin-4); } .form-register .form .field-set { margin-bottom: var(--margin-5); } .form-register .form .field_cover { position: relative; } .form-register .form .field_cover .password-toggle { position: absolute; top: 0px; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 50px; } .form-register .form .field_cover .password-toggle .icon { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-register .form input { height: 50px; -webkit-box-shadow: none; box-shadow: none; font-size: var(--font-size-md); } .btn--white { height: 50px; line-height: 50px; padding: 0 var(--padding-8); background-color: var(--color-white); color: var(--color-black); } @media (max-width: 767px) { .btn--white { border-color: var(--color-gray-200); } } .section--cta .cta-content p { color: currentColor; opacity: 0.8; font-size: var(--font-size-p); } @media (min-width: 576px) { .full-view-banner img { min-height: 700px; -o-object-fit: cover; object-fit: cover; } } .service--wrapper [class*="col"] { counter-increment: counter-inc; } @media (max-width: 991px) { .service--horizontal { margin-bottom: var(--margin-8); padding-bottom: var(--padding-4); border-bottom: 1px solid var(--color-gray-200); } } .service--horizontal .service__content h3 { font-size: calc(theme('font.size.h5') - 1px); } .service--vertical { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px) { .service--vertical { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: var(--margin-8); padding-bottom: var(--padding-4); border-bottom: 1px solid var(--color-gray-200); } } .service--vertical .service__media::before { opacity: 1; } .service--vertical .service__media img { position: relative; } .service--vertical .service__content { margin-top: var(--margin-6); margin-left: 0; text-align: center; } @media (max-width: 991px) { .service--vertical .service__content { margin-top: 0; margin-left: var(--margin-6); text-align: left; } } .service--vertical .service__content h3 { font-size: calc(theme('font.size.h5') - 1px); } .service--vertical .service__content h3::before { content: "0" counter(counter-inc) "."; font-weight: bold; margin-right: var(--margin-1); color: var(--color-primary); } .media_group { position: relative; margin: 0 0 var(--margin-14) 0; } .media_group img { border-radius: var(--radius-1); } .media_group--item .ratio:before { padding-bottom: 83.333%; } .media_group--item-small { width: 50%; position: absolute; bottom: -10%; left: -10%; border: 8px solid var(--color-gray-100); border-radius: var(--radius-1); } @media (max-width: 767px) { .media_group--item-small { bottom: -5%; border: 5px solid var(--color-gray-100); left: -2%; } } .form-register .form { text-align: left; } .section-full { max-width: 2000px; margin: 0 auto; position: relative; padding: 0; } .style-italic { font-style: italic; } .mark-option { width: 36px; height: 36px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; color: var(--color-black); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: var(--radius-round); background-color: rgba(255, 255, 255, 0.8); } .mark-option.is-active { background-color: var(--color-primary); } .mark-option.is-active svg { fill: var(--color-white); } .btn--favorite { border-color: currentColor; color: var(--color-gray-900); } .btn--favorite.is-active { background-color: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-secondary-inverse); } .course-card .mark-option { position: absolute; left: 1.6rem; top: 1.6rem; } @media (max-width: 576px) { .course-card .mark-option { left: 1rem; top: 1rem; z-index: 1; } } .course-card { background-color: var(--color-white); border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); width: 100%; margin-bottom: var(--margin-10); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } .course-card__label { display: block; color: var(--color-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-small); text-transform: uppercase; max-width: 76%; } @media (max-width: 576px) { .course-card__label { font-size: var(--font-size-sm); } } .course-card__title { display: block; color: var(--color-black); font-weight: var(--font-weight-bold); margin: var(--margin-4) 0 var(--margin-1); word-wrap: break-word; } @media (max-width: 991px) { .course-card__title { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; margin-top: var(--margin-6); } .course-card__title { font-size: var(--font-size-h5); } } @media (max-width: 576px) { .course-card__title { font-size: var(--font-size-medium); margin-bottom: var(--margin-4); margin-top: var(--margin-2); overflow: visible; -o-text-overflow: unset; text-overflow: unset; white-space: normal; } } .course-card__subtitle { display: block; } @media (max-width: 576px) { .course-card__subtitle { display: none; } } @media (min-width: 1199px) { .course-card:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .course-grid { padding: var(--padding-4); } @media (min-width: 1199px) { .course-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 576px) { .course-grid { padding: 0; } } .course-grid__head { width: 260px; } @media (max-width: 1199px) { .course-grid__head { float: left; margin-right: var(--margin-6); } } @media (max-width: 576px) { .course-grid__head { float: none; margin-right: 0; width: 100%; } } @media (min-width: 1199px) { .course-grid__head { width: 400px; } } .course-grid__body { width: 100%; } @media (min-width: 1199px) { .course-grid__body { width: calc(100% - 430px); padding: var(--padding-2) 0 0; } } @media (max-width: 576px) { .course-grid__body { padding: var(--padding-4); } } .course-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) { .course-stats { margin-bottom: var(--margin-3); } } .course-stats__item { padding: var(--padding-4); } .course-stats__item:first-child { padding-left: 0; } @media (max-width: 1199px) { .course-stats { clear: left; } } @media (max-width: 576px) { .course-stats__item { padding: var(--padding-1) var(--padding-2); } .course-stats__item:first-child { padding-left: 0; } } @media (min-width: 576px) { .course-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 576px) { .course-actions { margin-top: var(--margin-4); } } .course-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .course-controls__item { padding: var(--padding-2); } @media (max-width: 576px) { .course-controls { border-top: 1px solid var(--color-gray-200); margin-top: var(--margin-4); padding-top: var(--padding-4); } } @media (max-width: 576px) { .course-controls__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .course-controls__item .btn { display: block; width: 100%; text-align: center; } } .snakeline-hover { text-decoration: none; background-image: -o-linear-gradient(currentColor, currentColor); background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-position: 0% 100%; background-repeat: no-repeat; background-size: 0% 1px; -webkit-transition: background-size .3s; -o-transition: background-size .3s; transition: background-size .3s; } @media (min-width: 1199px) { .snakeline-hover:hover { background-size: 100% 1px; color: var(--color-primary); } } .course-tag { position: absolute; right: 1rem; top: 1rem; padding: var(--padding-1) var(--padding-3); color: var(--color-secondary); font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course-tag svg { color: currentColor; } @media (max-width: 576px) { .course-tag { background-color: var(--color-white); border-radius: var(--radius-round); padding: var(--padding-1) var(--padding-3); padding-right: var(--padding-4); font-size: 12px; } .course-tag .icon { width: 22px; height: 22px; } } .course-media .course-preview__action span { width: 60px; height: 45px; } .course-media .course-preview__action span:before { border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left-width: 14px; } .section-view { padding: var(--padding-8) 0 var(--padding-20); } .page-heading { font-weight: var(--font-weight-bold); font-size: calc(1rem + 1vw); margin: var(--margin-1) 0 var(--margin-1); } @media (max-width: 576px) { .page-heading { font-size: 1.6rem; } } .page-subheading { font-weight: normal; margin-bottom: var(--margin-3); } @media (max-width: 576px) { .page-subheading { font-size: 1.06rem; line-height: 1.6; margin-bottom: var(--margin-6); } } @media (min-width: 576px) { .page-nav { position: sticky; top: 0; background-color: var(--color-white); z-index: 1; } .page-nav ul li a { padding: var(--padding-8) 0; } } @media (max-width: 991px) { .page-nav { margin-top: var(--margin-8); } } @media (max-width: 576px) { .page-nav { display: none; } } .course-counts { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course-counts__item { padding: var(--padding-1) var(--padding-4) var(--padding-1); } .course-counts__item:first-child { padding-left: 0; } @media (max-width: 1199px) { .course-counts { clear: left; } } @media (max-width: 576px) { .course-counts__item { padding: var(--padding-1) var(--padding-2); padding-left: 0; padding-right: var(--padding-6); } .course-counts__item:first-child { padding-left: 0; } } .page-view__head .course-counts { margin-top: var(--margin-10); } .course-info { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .course-info__media { width: 24px; height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: var(--margin-1); } .page-flex { position: relative; width: 100%; } @media (min-width: 991px) { .page-flex { display: grid; grid-column-gap: 60px; grid-row-gap: 40px; grid-template-columns: 1fr 1fr 340px; } .page-flex__large { grid-column-start: 1; grid-column-end: 3; } .page-flex__small { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 3; } } @media (max-width: 1199px) { .page-flex { grid-column-gap: 40px; grid-template-columns: 1fr 1fr 320px; } } @media (min-width: 991px) { .page-flex__sticky { position: sticky; top: 2rem; } } .course-preview { position: relative; width: 100%; border-radius: var(--radius-0); overflow: hidden; } .course-preview__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .course-preview__action span { width: 90px; height: 65px; background-color: rgba(255, 255, 255, 0.7); border-radius: var(--radius-2); display: block; margin: auto; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .course-preview__action span:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 12px solid transparent; border-bottom: 12px solid transparent; content: ""; border-left: 18px solid var(--color-primary); } @media (min-width: 1199px) { .course-preview__action:hover span { background-color: white; } } .panel-content { position: relative; width: 100%; } @media (min-width: 576px) { .panel-content { margin-top: var(--margin-6); } .panel-content:not(:first-child) { margin-top: var(--margin-20); } } .panel-content__head h3 { font-weight: var(--font-weight-bold); } @media (max-width: 576px) { .panel-content__head { padding: var(--padding-6) 0; position: relative; border-top: 1px solid var(--color-gray-300); border-bottom: 1px solid var(--color-gray-300); margin-top: -1px; background-color: var(--color-white); padding-right: var(--padding-10); cursor: pointer; } .panel-content__head:after { position: absolute; right: 1.4rem; top: 1.8rem; width: 10px; height: 10px; content: ""; border-left: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .panel-content__head h3 { font-size: var(--font-size-h5); } } @media (max-width: 576px) { .panel-content.is-active .panel-content__head { color: var(--color-primary); } .panel-content.is-active .panel-content__head:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); top: 2.2rem; } } @media (max-width: 576px) { .panel-content__body { display: none; } } .content-group { position: relative; width: 100%; margin-top: var(--margin-4); } .content-group:not(:first-child) { margin-top: var(--margin-8); } .content-group h5 { font-weight: var(--font-weight-bold); } .check-list { position: relative; width: 100%; } .check-list ul li { position: relative; padding-left: var(--padding-10); margin-bottom: var(--margin-2); line-height: 1.8; } @media (min-width: 1199px) { .check-list ul li { margin-bottom: var(--margin-6); } } .check-list ul li:before { position: absolute; left: 5px; top: 0.4rem; content: ""; width: 8px; height: 14px; border-bottom: 0.12rem solid var(--color-primary); border-right: 0.12rem solid var(--color-primary); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 576px) { .check-list--half ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .check-list--half ul li { -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; } } .dots-list { position: relative; width: 100%; } .dots-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .dots-list ul li { position: relative; font-weight: var(--font-weight-medium); } .dots-list ul li:not(:first-child) { padding-left: var(--padding-10); } .dots-list ul li:not(:first-child):before { position: absolute; left: 1.1rem; top: 0.4rem; content: ""; width: 6px; height: 6px; background-color: currentColor; border-radius: var(--radius-round); } .course-layout { position: relative; width: 100%; margin-top: var(--margin-8); padding-top: var(--padding-8); border-top: 1px solid var(--color-gray-300); } .course-layout:last-child { border-bottom: 1px solid var(--color-gray-300); padding-bottom: var(--padding-8); } .course-layout__left .step-caption { text-transform: uppercase; font-weight: var(--font-weight-bold); } .course-layout__left .step-counter { font-weight: var(--font-weight-bold); } @media (min-width: 576px) { .course-layout__left { min-width: 160px; } .course-layout__left .step-caption { display: block; text-transform: uppercase; opacity: 0.8; font-size: 80%; margin-bottom: var(--margin-8); margin-top: var(--margin-1); } .course-layout__left .step-counter { display: block; font-weight: var(--font-weight-bold); font-size: var(--font-size-h3); } } @media (min-width: 576px) { .course-layout__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: calc(100% - 160px); } } @media (max-width: 576px) { .course-layout__right { padding-top: var(--padding-3); width: 100%; } } @media (max-width: 576px) { .course-layout__right .course-content h5 { margin-bottom: var(--margin-3) !important; } } .course-layout__right .course-content p { margin-bottom: var(--margin-6); } .course-trigger { color: var(--color-primary); font-weight: var(--font-weight-medium); position: relative; padding: var(--padding-4); padding-right: var(--padding-6); } .course-trigger:after { position: absolute; right: 0; top: 1.24rem; content: ""; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; } .course-trigger.is-active:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 1.55rem; } .course-topic { padding: var(--padding-3) 0; margin: var(--margin-1) 0; } @media (min-width: 576px) { .course-topic { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .course-topic__action { width: 100%; } @media (min-width: 576px) { .course-topic__action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .course-topic__action .course-topic__name, .course-topic__action .course-topic__preview { text-decoration: underline; text-underline-offset: 4px; color: var(--color-primary); } .course-topic__action .course-topic__name { width: calc(100% - 30px); } @media (max-width: 576px) { .course-topic__action .course-topic__preview { margin-right: 1rem; } } @media (min-width: 576px) { .course-topic__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 75%; width: 100%; } } @media (max-width: 576px) { .course-topic__title { font-weight: var(--font-weight-medium); } } @media (min-width: 576px) { .course-topic__content { margin-left: auto; } } @media (max-width: 576px) { .course-topic__content { padding-left: 2.3rem; padding-top: 0.5rem; } } @media (min-width: 576px) { .course-topic__time { margin-left: var(--margin-10); } } .course-topic-list { border-top: 1px solid var(--color-gray-300); padding-top: var(--padding-4); margin-top: var(--margin-4); } .author-box { width: 100%; min-height: 100px; padding: var(--padding-4) 0; } @media (min-width: 576px) { .author-box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 576px) { .author-box { padding: var(--padding-6) 0; } } @media (min-width: 576px) { .author-box__media { max-width: 100px; } } @media (max-width: 576px) { .author-box__media { float: left; margin-right: var(--margin-6); } .author-box__media .avtar.avtar--large { width: 4rem; height: 4rem; } } @media (min-width: 576px) { .author-box__content { padding-left: var(--padding-8); width: calc(100% - 100px); padding-left: var(--padding-6); } } @media (max-width: 576px) { .author-box__content .rating { margin: 1rem 0; } } .author-box__head { margin-bottom: var(--margin-2); } @media (max-width: 576px) { .author-box__head { margin-top: -0.3rem; } } .author-box__head .author-name a { font-weight: var(--font-weight-bold); } @media (min-width: 576px) { .author-box__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--margin-6); } } @media (max-width: 576px) { .author-box__head .author-name { margin-bottom: var(--margin-1) !important; display: block; } .author-box__head .author-name a { font-weight: var(--font-weight-bold); } } .page-box { position: relative; width: 100%; min-height: 300px; } @media (min-width: 576px) { .page-box { border: 1px solid var(--color-gray-200); border-radius: var(--radius-1); -webkit-box-shadow: 0px 5px 10px #0000000D; box-shadow: 0px 5px 10px #0000000D; } } .page-box__head { padding: var(--padding-8) 0 0; } @media (min-width: 576px) { .page-box__head { padding: var(--padding-8) var(--padding-10) 0; } } .page-box__body { padding: var(--padding-8) 0; } @media (min-width: 576px) { .page-box__body { padding: var(--padding-8) var(--padding-10); } } .page-box__footer { padding: var(--padding-8) 0; border-top: 1px solid var(--color-gray-200); } @media (min-width: 576px) { .page-box__footer { padding: var(--padding-10); } } @media (max-width: 991px) { .page-box__footer { padding-bottom: 0; } .page-box__footer .sharing-view { padding: 0; border: none; } } @media (max-width: 991px) { .course-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .course-options ul li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 576px) { .course-options ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .course-options ul li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .course-options__item { padding: var(--padding-1) 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) { .course-options__item { padding: var(--padding-2) 0; } } .course-options__item-media { margin-right: var(--margin-5); } .course-options__item:first-child { padding-top: 0; } .course-options__item.is-hurry { color: var(--color-secondary); font-weight: var(--font-weight-medium); } .course-pricing__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: var(--margin-6); } .course-pricing__price { font-size: var(--font-size-h4); font-weight: var(--font-weight-bold); color: var(--color-primary); } .video-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; cursor: pointer; padding: var(--padding-3) var(--padding-5) var(--padding-3); } .video-item__media { width: 80px; margin-top: 0.3rem; } .video-item__content { width: calc(100% - 100px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .video-item__title { max-width: 80%; line-height: 1.7; font-size: var(--font-size-small); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .video-item__time { font-size: var(--font-size-small); } .video-item.is-active { background-color: var(--color-gray-100); } .video-item.is-active .video-item__title { font-weight: var(--font-weight-medium); } .more-videos { position: relative; width: 100%; max-height: 346px; overflow: auto; } @media (min-width: 576px) { .card-tile-cover { padding: 0 15px var(--padding-8); } } .card-tile .mark-option { position: absolute; left: 1rem; top: 1rem; z-index: 1; } @media (max-width: 576px) { .card-tile .mark-option { right: 1rem; top: 1rem; z-index: 1; } } .card-tile { background-color: var(--color-white); border-radius: var(--radius-0); -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); width: 100%; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; position: relative; } .card-tile__label { display: block; color: var(--color-primary); font-weight: var(--font-weight-medium); font-size: var(--font-size-small); text-transform: uppercase; } @media (max-width: 576px) { .card-tile__label { font-size: var(--font-size-sm); } } .card-tile__title { display: block; color: var(--color-black); font-weight: var(--font-weight-bold); margin: var(--margin-2) 0 var(--margin-4); min-height: 50px; word-wrap: break-word; } @media (max-width: 991px) { .card-tile__title { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-tile__title { font-size: var(--font-size-h5); } } @media (max-width: 576px) { .card-tile__title { font-size: var(--font-size-medium); margin-bottom: var(--margin-4); margin-top: var(--margin-2); overflow: visible; -o-text-overflow: unset; text-overflow: unset; white-space: normal; } } .card-tile__subtitle { display: block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media (max-width: 576px) { .card-tile__subtitle { display: none; } } @media (mIN-width: 1199px) { .card-tile:hover { -webkit-box-shadow: var(--boxShadow-vertical); box-shadow: var(--boxShadow-vertical); } } .card-tile__body { padding: var(--padding-6); } .card-tile__footer { padding: var(--padding-4) var(--padding-6) var(--padding-6); } .card-tile .course-tag { background-color: var(--color-white); border-radius: var(--radius-round); padding: var(--padding-1) var(--padding-3); padding-right: var(--padding-4); font-size: 12px; } .video-preview { background-color: var(--color-white); border-radius: var(--radius-1); } @media (min-width: 1199px) { .video-preview { min-width: 1100px; } } @media (min-width: 1199px) { .video-preview__large { width: calc(100% - 380px); padding: var(--padding-8); } } @media (min-width: 1199px) { .video-preview__small { width: 380px; padding: var(--padding-3) 0; border-left: 1px solid var(--color-gray-200); } } .video-preview__body { position: relative; width: 100%; } @media (min-width: 1199px) { .video-preview__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .video-preview__head { border-bottom: 1px solid var(--color-gray-200); padding: var(--padding-8); } .btn--favorite .fav-icon { fill: none; stroke: var(--color-gray-800); stroke-width: 2px; width: 18px; height: 18px; position: relative; top: 1px; display: block; margin-right: 0.5rem; } .btn--favorite.is-active .fav-icon { fill: var(--color-white); stroke: var(--color-white); } .mark-option .fav-icon { fill: none; stroke: var(--color-gray-800); stroke-width: 2px; width: 18px; height: 18px; position: relative; top: 1px; display: block; } .mark-option.is-active .fav-icon { fill: var(--color-white); stroke: var(--color-white); } @media (min-width: 1199px) { .header-primary .header__left, .header-primary .header__middle, .header-primary .header__right { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .header-primary .header__right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-primary .header__middle { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } } .menu ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .menu-label { background-color: var(--color-primary); font-size: 10px; padding: 0 5px; line-height: 16px; color: var(--color-primary-inverse); margin-left: var(--margin-1); } @media (min-width: 576px) { .header-dropdown.header-dropdown--arrow { display: none; } } .hero { padding: 0; max-width: 2000px; position: relative; margin: 0 auto 0; } @media (min-width: 576px) { .hero { min-height: 260px; background-color: var(--color-primary); } } @media (max-width: 576px) { .hero { border-bottom: 1px solid var(--color-gray-200); margin-bottom: 0; } } .hero-content hgroup { text-align: center; padding: var(--padding-10) var(--padding-10); } .hero-content hgroup p { font-size: 1.3rem; font-style: italic; color: inherit; font-weight: 500; line-height: 1.6; margin-top: 1rem; } .hero-content hgroup h1 { font-size: 2rem; font-weight: var(--font-weight-bold); } @media (max-width: 576px) { .hero-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: -56px; position: relative; z-index: 1; } .hero-content:only-child { margin-top: 0; background-color: var(--color-primary); color: var(--color-primary-inverse); padding-top: var(--padding-6); } .hero-content hgroup { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (min-width: 576px) { .hero-content { max-width: 1000px; position: absolute; bottom: -35px; left: 0; right: 0; margin: 0 auto; z-index: 2; } .hero-content hgroup { color: var(--color-white); } .hero-content hgroup p { font-size: 1.4rem; font-style: italic; color: inherit; font-weight: 500; margin: 0; } .hero-content hgroup h1 { font-size: 3.4rem; font-weight: var(--font-weight-bold); text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); } } @media (max-width: 991px) { .hero-content hgroup h1 { font-size: 2.6rem; } } @media (max-width: 991px) { .hero-content hgroup h1 { font-size: 2rem; } } .hero-slider { position: relative; } .hero-slider:before { pointer-events: none; position: absolute; left: 0; right: 0; bottom: 0; content: ""; height: 70%; z-index: 1; opacity: 0.9; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .search-layout { width: 100%; background-color: var(--color-white); border-radius: var(--radius-2); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .search-layout__large { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; } .site-search { max-width: 90%; margin: 0 auto; position: relative; width: 100%; background-color: var(--color-white); border-radius: var(--radius-2); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); color: var(--color-black); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (max-width: 576px) { .site-search { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .site-search.is-active { border-radius: var(--radius-2) var(--radius-2) 0 0; } .site-search__field { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; } @media (max-width: 576px) { .site-search__field { position: relative; z-index: 3; } } .site-search__media { width: 24px; position: absolute; top: 50%; left: 1rem; margin-top: -12px; } @media (min-width: 576px) { .site-search__media { left: 2rem; } } .site-search input[type="text"] { height: 70px; line-height: 100%; border-radius: var(--radius-2); border: none; padding-left: 4rem; font-size: 1rem; } @media (min-width: 576px) { .site-search input[type="text"] { padding-left: 5rem; font-size: 1.2rem; } } .site-search input[type="text"]:focus { -webkit-box-shadow: none; box-shadow: none; } .site-search__target { position: absolute; left: 0; right: 0; top: 100%; background-color: var(--color-white); z-index: 1; border-radius: 0 0 var(--radius-2) var(--radius-2); -webkit-box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); padding: var(--padding-4) var(--padding-1); display: none; border-top: 1px solid var(--color-gray-300); } @media (max-width: 576px) { .site-search__target { z-index: 2; } } @media (min-width: 576px) { .site-search__target { padding: var(--padding-4) var(--padding-4); } } @media (max-width: 576px) { .site-search__dropdown { position: relative; } } @media (max-width: 576px) { .site-search__field { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } .site-search__dropdown { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } } @media (max-width: 576px) { .search-dropdown { border-bottom: 1px solid var(--color-gray-200); } } @media (min-width: 576px) { .search-dropdown { min-width: 150px; position: relative; z-index: 1; border-left: 1px solid var(--color-gray-300); } } .search-dropdown__trigger { position: relative; height: 70px; line-height: 70px; padding: 0 var(--padding-6); display: block; font-weight: 600; padding-right: 3rem; min-width: 100px; z-index: 2; } @media (max-width: 576px) { .search-dropdown__trigger { height: 50px; line-height: 50px; } } .search-dropdown__trigger:after { position: absolute; right: 1.4rem; top: 50%; margin-top: -6px; content: ""; width: 8px; height: 8px; pointer-events: none; border-right: 2px solid #333; border-bottom: 2px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 576px) { .search-dropdown__trigger { padding-right: 4.5rem; } .search-dropdown__trigger:after { right: 2rem; } } .search-dropdown__target { position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .search-dropdown.is-active .search-dropdown__trigger { background-color: transparent; } @media (max-width: 576px) { .search-dropdown__trigger { display: none; } .search-dropdown__target { display: block !important; position: relative; } } .selection-listing { position: relative; background-color: var(--color-white); padding: var(--padding-6); border-radius: 0 0 var(--radius-2) var(--radius-2); -webkit-box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 30px 30px rgba(0, 0, 0, 0.1); border-top: 1px solid var(--color-gray-200); padding-top: 4rem; } @media (min-width: 576px) { .selection-listing { border-top-left-radius: 0; border-radius: var(--radius-2); -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); border: none; } } .selection-listing ul a { display: block; padding: 0.8rem  0; } @media (min-width: 576px) { .selection-listing ul a:hover { color: var(--color-primary); } } @media (max-width: 576px) { .selection-listing { padding: var(--padding-3) var(--padding-3) var(--padding-4); border-radius: var(--radius-2) var(--radius-2) 0 0; padding-right: 0; } .selection-listing ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; white-space: nowrap; } .selection-listing ul { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .selection-listing ul::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .selection-listing ul li { margin-right: var(--margin-3); } .selection-listing ul li a { display: block; padding: var(--padding-3) var(--padding-5); background-color: var(--color-gray-100); border-radius: var(--radius-2); } .selection-listing ul li a.is-active { background-color: var(--color-secondary); color: var(--color-secondary-inverse); } } .inline-tabs ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; overflow: auto; } @media (max-width: 1199px) { .inline-tabs ul { -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ } .inline-tabs ul::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } } @media (min-width: 991px) { .inline-tabs ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } @media (min-width: 1199px) { .inline-tabs ul li { margin: 0 1rem; } } .inline-tabs ul li a { font-weight: var(--font-weight-medium); padding: 1rem; border-bottom: 2px solid var(--color-gray-200); display: block; color: var(--color-gray-800); white-space: nowrap; } .inline-tabs ul li a.is-active { color: var(--color-primary); border-color: var(--color-primary); } @media (max-width: 991px) { .inline-tabs--large ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; } } @media (min-width: 576px) { .inline-tabs--large ul li a { font-size: 1.3rem; min-width: 300px; } } @media (min-width: 576px) { .colum-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1.4rem; } } @media (max-width: 576px) { .colum-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .colum-grid__item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem; min-width: 50%; } } .colum-tile { width: 100%; height: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: var(--padding-4) var(--padding-4); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 1199px) { .colum-tile { padding: var(--padding-8) var(--padding-6); } } .colum-tile p { margin-bottom: 0; opacity: 0.6; } .colum-tile__media { width: 36px; height: 36px; } @media (max-width: 1199px) { .colum-tile__content { padding-left: 1.2rem; width: calc(100% - 36px); } } @media (max-width: 991px) { .colum-tile__content { padding-left: 0; width: 100%; margin-top: var(--margin-4); } } @media (min-width: 1199px) { .colum-tile__media { width: 48px; height: 48px; } .colum-tile__content { padding-left: 1.8rem; width: calc(100% - 48px); } .colum-tile:hover { -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); border-color: var(--color-gray-400); } } @media (max-width: 1199px) { .colum-tile__content h6 { font-size: 1rem; } } @media (max-width: 991px) { .colum-tile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: var(--padding-2) var(--padding-4); text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .inline-content:not(.visible) { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; } @media (min-width: 1199px) { .inline-content .flag-wrapper { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1.4rem; } } @media (max-width: 1199px) { .inline-content .flag-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1.4rem; } } @media (max-width: 576px) { .inline-content .flag-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 1rem; } } .inline-content .flag-wrapper .flag__box { width: 100%; border: 1px solid var(--color-gray-200); border-radius: var(--radius-2); padding: var(--padding-6); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin: 0; padding: var(--padding-4); max-width: 100%; margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .inline-content .flag-wrapper .flag__box .flag__media { width: 60px; height: 60px; border-radius: 0; } .inline-content .flag-wrapper .flag__box .flag__name .lesson-count { color: inherit; opacity: 0.8; } @media (min-width: 1199px) { .inline-content .flag-wrapper .flag__box:hover { -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); border-color: var(--color-gray-400); } } .inline-content .inline-cta { margin-top: var(--margin-8); } @media (min-width: 1199px) { .inline-content .inline-cta { margin-top: var(--margin-14); } } .inline-content .slider { margin: 0; } .section--random { position: relative; min-height: 400px; } .section--random:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--color-primary); pointer-events: none; opacity: 0.05; content: ""; } .short-card { background-color: var(--color-white); border-radius: var(--radius-2); overflow: hidden; -webkit-box-shadow: var(--boxShadow-all); box-shadow: var(--boxShadow-all); min-height: 300px; width: 100%; position: relative; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; z-index: 1; } .short-card__body { padding: var(--padding-5); } .short-card__title { min-height: 45px; line-height: 1.5; } .short-card__footer { padding: var(--padding-5); } .short-card__elements { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 1rem; right: 1rem; top: 1rem; } .short-card__media { overflow: hidden; } .short-card__media img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } @media (min-width: 1199px) { .short-card:hover { -webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.1); } .short-card:hover .short-card__media img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } } @media (min-width: 576px) { .card-cover { padding: var(--padding-4); padding-bottom: var(--padding-8); } } .short-tag { padding: var(--padding-1) var(--padding-3); color: var(--color-secondary); font-size: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(255, 255, 255, 0.8); border-radius: var(--radius-round); padding: var(--padding-1) var(--padding-3); padding-right: var(--padding-4); font-weight: var(--font-weight-medium); font-size: 12px; } .short-tag svg { color: var(--color-secondary); } @media (min-width: 1199px) { .slider-oneforth { padding: 0 4rem; margin: 0; } .slider-oneforth .slick-arrow { background-color: transparent; color: var(--color-black); top: 50%; -webkit-box-shadow: none; box-shadow: none; } .slider-oneforth .slick-arrow:before { border-color: currentColor; } .slider-oneforth .slick-next { right: 0; } .slider-oneforth .slick-prev { left: 0; } } @media (max-width: 1199px) { .slider-oneforth + .inline-cta { margin-top: var(--margin-14); } } .tile { border-radius: var(--radius-2); } @media (min-width: 1199px) { .tile { background-color: #fff; border: 1px solid transparent; } } .tile .card-element { font-size: 94%; } @media (min-width: 1199px) { .tile__head { padding: var(--padding-6); } } .tile__head .tile__media { border-radius: var(--radius-round); max-width: 160px; margin: 0 auto 0; } @media (max-width: 576px) { .tile__head .tile__media { max-width: 120px; } } @media (min-width: 1199px) { .tile__body { padding-left: 0; padding-right: 0; padding-top: 0; } } .tile__body .tile__title h4 { font-size: var(--font-size-h5); } @media (min-width: 1199px) { .tile:hover { -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); border-color: rgba(0, 0, 0, 0.08); } } .card-class { overflow: hidden; border-radius: var(--radius-2); z-index: 0; } .section--quote { padding: calc(2rem + 1vw) 0; } .vcheck-list { margin: var(--margin-10) 0 var(--margin-14); } .vcheck-list ul li { position: relative; padding-left: var(--padding-10); margin: var(--margin-6) 0; font-size: 1.1rem; } .vcheck-list ul li:before { width: 20px; height: 20px; border-radius: var(--radius-round); background-color: var(--color-dark-blue); content: ""; position: absolute; left: 0; top: 0; } .vcheck-list ul li:after { width: 10px; height: 6px; content: ""; position: absolute; left: 5px; top: 5px; border-left: 2px solid var(--color-secondary-inverse); border-bottom: 2px solid var(--color-secondary-inverse); -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); } .auto-suggest { position: relative; max-height: 320px; overflow: auto; } .auto-suggest__item { padding: var(--padding-2) var(--padding-4); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .auto-suggest__item:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background-color: var(--color-primary); border-radius: var(--radius-1); pointer-events: none; display: none; opacity: 0.06; } @media (min-width: 1199px) { .auto-suggest__item:hover { color: var(--color-primary); } .auto-suggest__item:hover:before { display: block; } } .auto-suggest__media { width: 40px; } .auto-suggest__media .icon { width: 18px; height: 18px; } .auto-suggest__content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 1%; line-height: normal; } @media (min-width: 576px) { .home.home-index .section { padding: calc(2rem + 1vw) 0; } } @media (min-width: 576px) { .home.home-index .hero + .section { padding-top: calc(2rem + 1vw); } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} .select2-container .select2-selection--single{ background-color: #fff; border: 1px solid #eaeaea; border-radius: 0; height: 40px; padding: 0 10px; width: 100%; color: #666; font-family: inherit; font-size: 1em; line-height: 110%; border-radius: 5px; display:flex;align-items: center; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 40px; } .select2-container--default .select2-selection--single .select2-selection__rendered { flex: 1; }