/*! * Bootstrap v4.0.0 (https://getbootstrap.com) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --color-primary: #06d260; --color-secondary: #8337e6; --color-light: #fff; --color-dark: #333; --color-grey: #999; } *, *::before, *::after { box-sizing: border-box; outline: none; } .-clearfix:after { display: block; content: ""; clear: both; } 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; } body { margin: 0; background: #f3f2f5; font-family: 'Nunito Sans', sans-serif; } article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } p { margin-top: 0; margin-bottom: 1rem; color: inherit; line-height: 1.9; font-size: 1.1rem; } abbr[title], abbr[data-original-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; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } dfn { font-style: italic; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #000; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; max-width: 100%; } svg:not(:root) { overflow: hidden; } table { width: 100%; border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } /* button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } */ /* form ---------------------- */ input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none; font-family: inherit; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], textarea, select, input[type="number"], input[type="file"] { border: none; border: 1px solid #e5e5e5; border-radius: 2px; height: 50px; padding: 0 15px; width: 100%; color: #999; font-family: inherit; line-height: 40px; background-color: #fff; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); font-size: 1.1rem; } input[type="text"]:focus, input[type="email"]:focus, input[type="phone"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus, select:focus, input[type="number"]:focus, input[type="file"]:focus { box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.05); } 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: 40px; } input[type="text"], input[type="password"], textarea, select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form 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: 50px; line-height: 50px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; margin: 0 10px 0 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .form input[type="button"] { background: #333; display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 50px; line-height: 50px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .form input[type="reset"] { background: #333; display: inline-block; vertical-align: top; padding: 0 30px; border: 0 none; position: relative; cursor: pointer; border: none; height: 50px; line-height: 50px; color: #fff; border-radius: 3px; font-weight: 600; font-size: 1.2rem; font-weight: 600; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } textarea { height: 120px; padding: 10px; } input[type="file"] { height: auto; padding: 10px; min-height: 50px; line-height: 20px; } .spn_must_field { color: red; margin: 0 0 0 5px; } .form small { font-style: italic; font-size: 1rem; margin: 10px 0 0; display: block; color: #888; } .field-set { display: inline-block; width: 100%; margin-bottom: 20px; } .field_label { font-size: 1.15rem; color: #000; font-weight: 600; min-height: 20px; } .form--horizontal .field-set { display: table; table-layout: fixed; width: 100%; } .form--horizontal .caption-wraper { display: table-cell; vertical-align: top; padding: 10px 0 0; width: 35%; } .form--horizontal .field-wraper { display: table-cell; vertical-align: top; width: 65%; } .layout--rtl { direction: rtl !important; text-align: right; } .form--small input, .form--small select { height: 40px; box-shadow: none; font-size: 0.98rem; } .form--small select { padding-left: 5px; } .form--small input[type="submit"], .form--small input[type="reset"] { height: 40px; line-height: 40px; font-size: 1rem; } .form .form-heading, .form h5 { margin: 0 0 25px; color: var(--color-secondary); font-size: 1.3rem; } .list-inline li { display: inline-block; padding: 0 10px 10px 0; } .list-inline label { background: #fff; min-height: 50px; border: 1px solid #eaeaea; border-radius: 2px; display: inline-block; margin: 0 2px 0 0; padding: 14px 15px 12px 15px; line-height: 1.4; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); 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 label .radio .input-helper:before { top: -1px; } .list-inline label .radio .input-helper:after, .list-inline label .checkbox .input-helper:after { top: 4px; } .list-inline label .checkbox .input-helper:before { top: -2px; } .list-inline.list-inline--onehalf { margin: 0 0 0 -20px; } .list-inline.list-inline--onehalf li { padding: 0 0 10px 20px; width: 50%; margin: 0 -4px 0 0; } .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%; } .list-onethird li label, .field_cover label { margin: 0; line-height: 1.6; } .list-onethird.list-onethird--bg { background: rgba(0, 0, 0, 0.02); padding: 20px; border-radius: 2px; } 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; } 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: 2.2rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1.2rem; } .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: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, 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: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; position: relative; } @media (min-width: 1299px) { .container--fixed { max-width: 1440px; } } @media (max-width: 1599px) { .container--fixed { max-width: 1260px; } } .container--narrow { max-width: 1220px; } .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-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; 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; } } ul { list-style: none; margin: 0; padding: 0; } /* Misc ---------------------- */ .-float-left { float: left !important; } .-float-right { float: right !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; } .-gap { height: 30px; display: block; clear: both; } .-gap-10 { height: 10px; display: block; clear: both; } .-clearfix:after { clear: both; display: block; content: ""; } .-link-underline { text-decoration: underline; } img { max-width: 100%; display: block; } .-color-light { color: #999; } .mandatory { color: red; } .-text-small { font-size: 0.85rem; color: #999; } .-text-italic { font-style: italic; } .-text-bold { font-weight: 700; } .-line { width: 100%; display: inline-block; background: rgba(0, 0, 0, 0.1); margin: 20px 0; height: 2px; } .-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; 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: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.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 { box-shadow: none !important; cursor: default !important; } .-no-shadow { 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; } /* placeholders ---------------------- */ ::-webkit-input-placeholder { color: #cacaca; } :-moz-placeholder { color: #666; } ::-moz-placeholder { color: #666; } :-ms-input-placeholder { color: #666; } /* button ---------------------- */ .btn { background: #333; display: inline-block; vertical-align: top; padding: 0 30px; position: relative; cursor: pointer; border: none; height: 40px; line-height: 40px; color: #fff; border-radius: 3px; font-weight: 500; font-size: 1.1rem; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .btn.btn--small { height: 30px; line-height: 30px; font-size: 0.95rem; padding: 0 15px; } .btn.btn--large { height: 50px; line-height: 50px; padding: 0 40px; 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: 0.83em; padding: 0 10px; } .btn.btn--block { display: block; width: 100%; text-align: center; padding: 0 10px; } .btn.btn--primary { background: var(--color-primary); } .btn.btn--danger { background: #fd4444; } .btn.btn--secondary { background: var(--color-secondary); } .btn.btn--gray { background: #e9e8eb; color: #000; } .btn.btn--primary-bordered { background: #fff; border: 1px solid var(--color-primary); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); color: var(--color-primary); } .btn.btn--secondary-bordered { background: #fff; border: 1px solid var(--color-secondary); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); color: var(--color-secondary); } .btn.btn--bordered { background: #fff; color: var(--color-dark); border: 1px solid rgba(0, 0, 0, 0.1); } .btn.btn--bordered-inverse { background: transparent; border: 1px solid rgba(255, 255, 255, 0.8); color: #fff; } .btn.btn--shadow { box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.07); } .btn .svg-icon { margin: 0 5px 0 0; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; width: 22px; height: 22px; top: -2px; } .btn .svg-icon svg { fill: #333; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .btn--wide.btn { min-width: 150px; text-align: center; } .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; transform: rotate(45deg); margin: -4px 0 0; } .btn--social-fb { background-color: #3a5795; border-color: #3a5795; height: 50px; line-height: 50px; } .btn--social-gp { background-color: #fff; border: 1px solid #e5e5e5; color: inherit; 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: 24px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; 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 { pointer-events: none; opacity: 0.3; } /* radio and checkbox */ .checkbox, .radio { margin: 0; line-height: 1.8; display: inline-block; position: relative; vertical-align: top; padding: 0 0 0 30px; color: #888; } .checkbox input, .radio input { top: 0; left: 0; margin: 0 !important; z-index: 1; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio.disabled, .checkbox.disabled { cursor: not-allowed; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="text"][disabled], input[type="password"][disabled], select[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 */ } .inline.radio, .inline.checkbox { padding-right: 20px; } .checkbox .input-helper:before, .radio .input-helper:before, .checkbox .input-helper:after, .radio .input-helper:after { -webkit-transition: all; -o-transition: all; transition: all; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; position: absolute; content: ""; } .checkbox .input-helper:before, .radio .input-helper:before { left: 0; border: 1px solid #e5e5e5; background: #fff; } .checkbox.disabled, .radio.disabled { opacity: 0.6; filter: alpha(opacity=60); } .checkbox input { width: 17px; height: 17px; } .checkbox input:checked + .input-helper:after { -webkit-transform: scale(1) rotate(-50deg); -ms-transform: scale(1) rotate(-50deg); -o-transform: scale(1) rotate(-50deg); transform: scale(1) rotate(-50deg); opacity: 1; filter: alpha(opacity=100); } .checkbox input:checked + .input-helper:before, .radio input:checked + .input-helper:before { border-color: var(--color-secondary); } .checkbox .input-helper:before { top: 1px; width: 20px; border-radius: 3px; height: 20px; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); } .checkbox .input-helper:after { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(0) rotate(80deg); -ms-transform: scale(0) rotate(80deg); -o-transform: scale(0) rotate(80deg); transform: scale(0) rotate(80deg); width: 11px; height: 6px; border-bottom: 2px solid #8437e7; border-left: 2px solid #8437e7; border-bottom-left-radius: 2px; left: 4px; top: 7px; } .radio input { width: 19px; height: 19px; } .radio input:checked + .input-helper:after { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .radio .input-helper:before { top: 2px; width: 18px; height: 18px; border-radius: 50%; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); } .radio .input-helper:after { width: 8px; height: 8px; background: var(--color-secondary); border-radius: 50%; top: 7px; left: 5px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } body[dir="rtl"] .checkbox input, body[dir="rtl"] .radio input { right: 0; left: auto; } body[dir="rtl"] .checkbox .input-helper:before, body[dir="rtl"] .radio .input-helper:before { right: 0; left: auto; } body[dir="rtl"] .checkbox .input-helper:after { right: 4px; left: auto; } body[dir="rtl"] .checkbox, body[dir="rtl"] .radio { padding: 0 30px 0 0; } .message-display { text-align: center; padding: 50px; } .message-display h5 { margin: 0 0 20px 0; line-height: 1.6; } .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; } .message-display__icon { width: 130px; height: 130px; 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; } } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /* table */ .table { width: 100%; border-spacing: 0; font-size: 1.1rem; } .table th { text-align: left; padding: 15px 10px; border-bottom: 2px solid #eee; font-weight: 600; } .table td { text-align: left; padding: 15px 10px; border-bottom: 1px solid #eee; color: #666; vertical-align: middle; } .table td:first-child, .table th:first-child { padding-left: 0; } .table td:first-child.-style-bold { vertical-align: top; color: #333; } .table td:last-child, .table th:last-child { padding-right: 0; } /* close icon */ .-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; transform: rotate(45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 42px; } /* gototop */ .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-secondary); color: #fff; position: fixed; bottom: 16px; right: 16px; box-shadow: 0 2px 10px rgba(131, 55, 230, .6); -webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; z-index: 11; } .gototop:before { width: 12px; height: 12px; top: 50%; left: 50%; margin: -6px 0 0 -6px; position: absolute; content: ""; border-left: 3px solid #fff; border-bottom: 3px solid #fff; 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; transform: translateY(0); } 25% { opacity: .5; transform: rotate(-5deg) translateY(-40px); } 75% { transform: rotate(5deg); } 100% { opacity: 0; transform: translateY(100px); } } @-webkit-keyframes show { 0% { -webkit-transform: rotate(0deg); } 25% { opacity: .5; -webkit-transform: rotate(-5deg) translateY(-40px); } 75% { -webkit-transform: rotate(5deg); } 100% { opacity: 1; -webkit-transform: rotate(0deg); } } @keyframes show { 0% { transform: rotate(0deg); } 25% { opacity: .5; transform: rotate(-5deg) translateY(-40px); } 75% { transform: rotate(5deg); } 100% { opacity: 1; transform: rotate(0deg); } } /* avtar */ .avtar { border-radius: 100%; display: block; position: relative; width: 150px; height: 150px; position: relative; overflow: hidden; background: #eee; } .avtar img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1; /* border-radius: 100%; */ } .avtar.avtar--xsmall { width: 35px; height: 35px; } .avtar.avtar--small { width: 60px; height: 60px; } .avtar.avtar--normal { width: 100px; height: 100px; padding: 5px; border: 6px solid #fff; } .avtar:after { pointer-events: none; content: attr(data-text); font-size: 2rem; color: #000; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); font-weight: 700; text-transform: uppercase; } .avtar.avtar--xsmall:after { font-size: 1em; } .avtar.avtar--small:after { font-size: 1.4em; } .avtar-cover { position: relative; display: inline-block; } .avtar.avtar--centered { margin: auto; display: block; } .breadcrumb { margin: 0 0 15px; display: inline-block; } .breadcrumb.breadcrumb--centered { display: table; margin: 15px auto 0; } .breadcrumb li { float: left; color: #999; padding: 0 10px 0 0; margin: 0 10px 0 0; font-size: 0.95rem; } .breadcrumb li:last-child { margin: 0; padding: 0; } .breadcrumb li a { color: var(--color-secondary); position: relative; } .breadcrumb li a:after { content: "/"; pointer-events: none; position: absolute; right: -11px; top: 2px; } .breadcrumb li a:hover { text-decoration: underline; } /* paginations */ .pagination.pagination--center { display: table; margin: 20px auto 0; text-align: center; } .pagination li { display: inline-block; vertical-align: top; padding: 0; margin: 2px 1px; } .pagination li a { text-transform: uppercase; width: 40px; line-height: 40px; text-align: center; height: 40px; display: block; font-size: 0.9rem; color: #333; border: 1px solid #ddd; border-radius: 5px; font-weight: 600; position: relative; overflow: hidden; background: #fff; } .pagination li.is-active a { background: var(--color-secondary); border-color: var(--color-secondary); color: #fff; } .pagination li.is-disabled { opacity: 0.4; } .pagination li.is-disabled a { cursor: not-allowed; } .pagination li.is-prev a:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin: -5px 0 0 -5px; } .pagination li.is-first a:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin: -5px 0 0 -1px; } .pagination li.is-first a:after { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; margin: -5px 0 0 -6px; } .pagination li.is-next a:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin: -5px 0 0 -3px; } body[dir="rtl"] .pagination li.is-next a:before { right: 50%; left: auto; border-right: 5px solid #000; border-left: 0px; } .pagination li.is-last a:before { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin: -5px 0 0 -1px; } .pagination li.is-last a:after { position: absolute; left: 50%; top: 50%; content: ""; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #000; margin: -5px 0 0 -6px; } .progress { width: 100%; height: 10px; background: rgba(12, 216, 105, 0.07); } .progress__bar { width: 100%; height: 10px; background: #0cd866; } /* labels */ .label { color: #fff; display: inline; font-size: 0.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; } .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; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .cms-container ul, .cms-container ol { margin: 10px 0 30px; color: inherit; line-height: 1.9; font-size: 1.1rem; } .cms-container ul li { position: relative; padding: 0 0 10px 20px; color: inherit; } .cms-container ul li:before { position: absolute; left: 0; top: 10px; content: ""; width: 8px; height: 8px; background: var(--color-secondary); border-radius: 100%; } .cms-container ol { list-style: decimal; } .cms-container ol li { position: relative; padding: 0 0 15px 0; color: inherit; margin: 0 0 0 15px; } .cms-container ol li a { color: inherit; } /************************ media queries******************************/ @media(min-width:1200px) { .btn.btn--primary:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: var(--color-light); } .btn.btn--secondary:hover { background: var(--color-primary); border-color: var(--color-primary); color: var(--color-light); } .form input[type="submit"]:hover { background-color: var(--color-primary); } .btn.btn--bordered:hover { box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.05); } .btn.btn--bordered:focus, .btn.btn--bordered:active { box-shadow: none; background: rgba(0, 0, 0, 0.02); } .btn.btn--bordered-inverse:hover { background: #fff; border-color: #fff; color: var(--color-dark); } .btn.btn--primary-bordered:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: #fff; } .btn.btn--secondary-bordered:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; } .-hover-shadow:hover { box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); } .pagination li a:hover { box-shadow: 1px 10px 16px 1px rgba(0, 0, 0, 0.08); } .pagination li a { width: 50px; height: 50px; line-height: 50px; font-size: 1.2rem; } } @media(max-width:1599px) { .table { font-size: 1rem; } .page-filters .form input[type="submit"], .page-filters .form input[type="button"], .form input[type="reset"] { padding: 0 20px; } } @media(max-width:1200px) { .-show-responsive { display: inline-block !important; } } @media(max-width:1023px) { .form--horizontal .field-set { width: 100%; } .table-scroll { overflow: auto; white-space: nowrap; } } @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; } p, .cms-container ul, .cms-container ol { line-height: 1.7; font-size: 1rem; } .-padding-40, .-padding-30 { padding: 20px; } .-show-mobile { display: inline-block !important; } .-hide-mobile { display: none !important; } .btn.btn--large { padding: 0 20px; } .message-display { padding: 10px; } /* .table tr.-hide-mobile + tr {padding-top:0;} .table tr{display: inline-block;width: 100%;padding: 10px 0;border-bottom: 1px solid #ddd;} .table tr td:last-child{padding-bottom:0;} .table tr td{display: inline-block;width: 100%;padding:8px 0;border-bottom: none;} .table tr td .td__caption{width:38%;float: left;font-weight: 700;color: #000;} .table tr td .td__data{width:62%;float: left; line-height:1.5;} */ .field-set { margin-bottom: 15px; } .table { font-size: 1.1rem; } .pagination li a { width: 38px; } .form .form-heading, .form h5 { font-size: 1.5rem; } /* .table-scroll{overflow: visible;white-space:normal;}   */ .list-onethird li { width: 50%; } .message-display.message-display--404 .message-display__media { width: 200px; } .message-display h2 { font-size: 3rem; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"] { padding: 0 20px; } .table tr td .td__caption { display: none !important; } .table tr.-hide-mobile { display: table-row !important; } } @media(max-width:500px) { .form--horizontal .field-set { display: block; table-layout: auto; width: 100%; margin-bottom: 10px; } .form--horizontal .caption-wraper { display: block; width: 100%; } .form--horizontal .field-wraper { display: block; width: 100%; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"], .form input[type="button"] { width: 100%; display: block; margin: 0 0 5px 0; } .field_label:empty { display: none; } .list-onethird li { width: 100%; } } @media(max-width:400px) { .table tr td .td__caption { width: 100%; padding-bottom: 3px; } .table tr td .td__data { width: 100%; padding-top: 5px; } } /*+========================ROOT============================*/ :root { --color-primary: #3d91e8; --color-secondary: #e84c3d; --color-main: #e84c3d; --color-black: #1a1a1a; --color-light: #fff; --color-dark: #333; --color-grey: #666666; --border-color: #454545; --color-grey-light: #f1f1f1; } /*========================LABEL FOR INNER PAGES============================*/ .field_label { font-size: 1.0rem; } /*========================USER ICON============================*/ @media (min-width: 768px) { .btn .svg-icon.user-icon { display: none; } } /*========================OVERLAY============================*/ .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; } } /*========================MAIN/RANDOM============================*/ p { color: var(--color-dark); font-size: 1rem; font-family: 'Open Sans'; font-weight: 400; } .-gap-negative { margin-top: -30px; } .-singleTopBorder { border-top: 1px solid var(--border-color) } .section-teacher.-singleTopBorder { border-color: var(--color-grey-light); } .align-center { text-align: center; } /*========================CONTAINER============================*/ .is-landing .container--fixed { max-width: 1280px; } .is-landing .container--mdnarrow { max-width: 1160px; } .is-landing .container--smnarrow { max-width: 1000px; } /*========================BUTTONS==============================*/ /* .header .btn.btn--primary{background: var(--color-main);} */ .btn.btn--primary:hover { background: var(--color-black); } /*===========================GOTOTOP=============================*/ .gototop { box-shadow: 0 2px 10px rgba(232, 76, 61, .6); -moz-box-shadow: 0 2px 10px rgba(232, 76, 61, .6); -webkit-box-shadow: 0 2px 10px rgba(232, 76, 61, .6); } /*========================INPUT FIELDS============================*/ input[type="text"], input[type="email"], input[type="phone"], input[type="search"], input[type="password"], textarea, select, input[type="number"], input[type="file"] { border-radius: 4px; /* height: 50px;*/ } 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 */ } /*========================BODY/HTML============================*/ html, body { font-family: 'Montserrat', sans-serif; font-weight: 400; } hmtl { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; line-height: 1; background: #fff; } /*========================ARROWS============================*/ .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; -moz-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -moz-transition: .3s ease-in-out all; -webkit-transition: .3s ease-in-out all; -ms-transition: .3s ease-in-out all; transition: .3s ease-in-out all; } .arrow-link:hover:after { right: 0; } /*========================TOGGLE NAV============================*/ .toggle--nav { width: 30px; height: 30px; vertical-align: middle; margin: 0 10px 0 0; 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: 1200px) { .toggle--nav { display: inline-block; } } /*========================HEADER============================*/ .header { padding: 20px 0; position: fixed; left: 0; right: 0; top: 0; z-index: 10; color: var(--color-dark); background: #fff; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); } .header__logo { margin: 0 20px 0 0; width: 135px; position: relative; } .header__logo img { /* position: absolute;*/ left: 0; right: 0; top: 0; bottom: 0; margin: auto; } @media (max-width: 767px) { .header { padding: 10px 0; } } /*+========================NAVIGATION PRIMARY============================*/ .nav.nav--primary { text-align: left; } .nav.nav--primary > ul > li { display: inline-block; vertical-align: top; color: inherit; padding: 0 0 0 5px; position: relative; } .nav.nav--primary > ul > li > a { color: inherit; position: relative; height: 40px; display: block; padding: 0 20px; line-height: 38px; border-radius: 3px; font-size: 1rem; } .nav.nav--primary > ul > li > a:hover { color: var(--color-main) } .nav.nav--primary > ul > li.nav__dropdown > a { padding-right: 20px; } .nav.nav--primary > ul > li > a.btn { color: #fff; } .nav.nav--primary > ul > li.nav__dropdown > a:after { position: absolute; right: 5px; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; } /*+========================HEADER SUB NAVIGATION============================*/ .nav.nav--vertical li a, .header__actionList .menu-vertical li { font-size: 0.857rem; padding: 10px 15px; display: block; color: var(--color-dark); font-weight: 400; } .nav.nav--vertical li a:hover { color: var(--color-main); } .nav.nav--vertical li.is-active a { color: var(--color-main); font-weight: 600; } .nav.nav--vertical li:first-child { border-top: none; } .nav.nav--vertical li:last-child { border-bottom: none; } /* nav dropdown for desktop */ .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: 10px; box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.08); width: 100%; } @media (max-width: 1200px) { .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; 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); 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; } .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); } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { left: auto; right: 0; } 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 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary-offset > ul > li { display: block; border-bottom: 1px solid #eee; padding: 0; } .nav.nav--primary-offset > ul > li > a { padding: 0 15px; } .nav.nav--primary > ul > li.nav__dropdown > a:after { position: absolute; right: 5px; top: 18px; content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #333; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #333; top: 12px; } .nav.nav--primary-offset > ul > li .nav__dropdown-target { min-width: 100%; position: relative; 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; } } */ /*+========================HEADER ACTIONS============================*/ .header__right { text-align: left; } .header__actionList .btn { text-transform: uppercase; font-size: 1rem; } .header__actions { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; white-space: nowrap; margin: 0; } .header__actionList ul li { display: inline-block; vertical-align: middle; color: inherit; padding: 0 0 0 15px; position: relative; } .header__actionList ul li .nav.nav--vertical li { padding: 0; display: block; } /*+========================HEADER NAV============================*/ @media (min-width:1200px) { .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; } .header.is-fixed { background: #fff; color: #333; padding: 10px 0; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); } .header.is-fixed .header__logo-white { display: none; } .header.is-fixed .header__logo-black { display: block; } .header.is-fixed .nav.nav--primary > ul > li.nav__dropdown > a:after { border-top: 5px solid #333; } .header.is-fixed .nav.nav--primary > ul > li > a.btn { color: #fff; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--account .nav__dropdown-target { right: 0; left: auto; } } .nav__dropdown-action .count { position: absolute; right: -6px; top: -2px; padding: 1px 3px; border-radius: 2px; background: var(--color-main); font-size: 11px; color: #fff; min-width: 20px; text-align: center; line-height: normal; } .nav__dropdown-action { width: 40px; height: 40px; position: relative; display: block; border: 1px solid transparent; } .nav__dropdown-action .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 19px; height: 24px; overflow: hidden; } .nav__dropdown-action .svg-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification { margin-left: 10px; margin-right: 10px; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification .count { background: var(--color-main); } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification > a { padding-right: 0; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification > a:after { display: none; } .nav.nav--primary > ul > li.nav__dropdown.nav__dropdown--notification .nav__dropdown-target { min-width: 300px; } .list-container { position: relative; } .list-container .list-container__body { max-height: 500px; overflow: auto; } .list-container .list-container__head { position: relative; padding: 10px; color: #000; font-weight: 600; font-size: 1.2rem; text-align: center; border-bottom: 1px solid #ddd; } .list-container .list { width: 100%; border-bottom: 1px solid #ddd; position: relative; padding: 10px; margin: 0; } .list-container .list:last-child { border-bottom: none; } .list-container .list:after { display: block; clear: both; content: ""; } .list-container .list .list__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .list-container .list .list__action:hover { background: rgba(131, 55, 230, 0.05); } .list-container .list p { font-size: 0.9rem; color: #666; line-height: 1.4; margin: 0; } .list-container .list h6 { font-size: 1.1rem; padding: 0; margin: 0 0 5px; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .list-container .list__media { width: 35px; float: left; } .list-container .list__content { width: calc(100% - 35px); float: left; padding: 0 0 0 15px; } .list-container .message-display { padding: 10px 0; } .list-container .message-display .message-display__icon { width: 80px; height: 80px; } .nav.nav--primary > ul > li.nav__dropdown .avtar { margin: 0 6px 0 0; } .group.group--social { margin: 10px 0 10px; width: 100%; display: inline-block; } .group.group--social .-gap { height: 15px; } .group.group--social p { margin: 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: 12px; } /*+========================BANNER============================*/ .body { padding: 80px 0 0; } .banner { overflow: hidden; position: relative; } .banner { overflow: hidden; position: relative; } .caraousel__item img { display: block; margin: auto; width: 100%; } .banner__content { position: absolute; left: 50%; top: 50%; min-width: 545px; max-width: 545px; color: #fff; margin: 0 0 0 -600px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .banner__content h1 { margin-bottom: 20px; font-size: 2.6rem; font-weight: 600; } .banner__content p { font-family: 'Open Sans'; font-weight: 600; font-size: 1.2rem; color: #fff; } .search-form { position: relative; margin: 50px 0 30px 0; } .banner .slick-dots { position: absolute; left: 50%; bottom: 50px; margin: 0 0 0 -600px; } .banner__content .banner-link { font-size: 1.3rem; font-weight: 500; text-decoration: underline; color: #fff; } @media (max-width: 1200px) { .banner__content, .banner .slick-dots { margin: 0; left: 20px; z-index: 2; } .banner .slick-dots { bottom: 25px; } .banner__content h1 { font-size: 2.2rem; margin-bottom: 10px; } .banner__content p { font-weight: 500; font-size: 1.1rem; } .search-form { margin: 20px 0 20px 0; } .banner__content .banner-link { font-size: 1.1rem; } } @media (max-width: 767px) { .banner__content { position: relative; top: auto; min-width: 100%; max-width: 100%; margin: -4px 0 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); left: auto; background: #333; padding: 20px; text-align: center; } .banner__content h1 { font-size: 1.6rem; } .body { padding: 70px 0 0; } .nav.nav--primary > ul > li.nav__dropdown.is-active .nav__dropdown-target, .nav.nav--primary > ul > li.nav__dropdown:hover .nav__dropdown-target { top: 0; } } /*+========================SLIDER============================*/ .slick-slider { position: relative; display: block; 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); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { 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: #fff; width: 56px; height: 56px; border-radius: 100%; font-size: 0; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1); margin: -28px 0 0 0; z-index: 1; border: none; cursor: pointer; } .slick-arrow:before { width: 14px; height: 14px; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -7px; content: ""; border-left: 2px solid #333; border-bottom: 2px solid #333; } .slick-arrow.slick-prev { left: 0; } .slick-arrow.slick-prev:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); margin-left: -6px; } .slick-arrow.slick-next { right: 0; } .slick-arrow.slick-next:before { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); margin-left: -10px; } .slick-arrow.slick-disabled { opacity: 0; } .slick-dots li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; } .slick-dots li button { width: 16px; height: 16px; background: rgba(255, 255, 255, 0.5); border: 2px solid rgba(255, 255, 255, 0.5); font-size: 0; } .slick-dots li.slick-active { margin-top: -4px } .slick-dots li.slick-active button { background: rgba(255, 255, 255, 1); border-color: var(--color-main); margin-top: -15px; } /*+========================SECTION============================*/ .section { padding: 60px 0; position: relative; } .section--gray, .section--grey { background: #f1f1f1 !important /* to overwrite style.css*/ } .section--black { background: #1a1a1a; color: #fff } .section-title { text-align: center; color: var(--color-dark); margin-bottom: 55px; } .section--black .section-title { color: #fff } .section-title h2 { color: inherit; font-size: 2rem; font-weight: 500; } @media (max-width: 1200px) { .section { padding: 30px 0; } .section-title { margin-bottom: 30px; } .section.section_course_card {} } @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; } } /*+========================TABS VERTICAL============================*/ .tabs-vertical {} .tabs-vertical ul { counter-reset: number; } .tabs-vertical ul li, .container--cms .tabs-vertical ul li { position: relative; z-index: 1; padding: 25px; display: flex; } .tabs-vertical ul li:before, .tabs-vertical ul li:after { display: none; /*Clashes with the class of aplying container--cms listing arrow shown*/ } .tabs-vertical ul li .tab-wrap { display: flex; flex-wrap: wrap; flex-direction: column; } .tabs-vertical ul li .tab-click { border-radius: 4px; left: 0; top: 0; right: 0; bottom: 0; position: absolute; z-index: 0; cursor: pointer; } .tabs-vertical ul li .counter { position: relative; margin-right: 20px; z-index: 1; } .tabs-vertical ul li .counter:before { content: ""counter(number, decimal-leading-zero) " "; counter-increment: number; overflow: hidden; font-size: 54px; opacity: 0.1; font-weight: 700; } .tabs-vertical ul li .tab-info { z-index: 1; position: relative; } .tabs-vertical ul li .tab-info h3 { font-size: 1.4285rem; font-weight: 600; color: var(--color-dark); margin-bottom: 6px; } .tabs-vertical ul li .tab-info .btn { opacity: 0; visibility: hidden; display: none; position: absolute; } .tabs-vertical ul li.is-active { background: #f1f1f1 } .section--gray .tabs-vertical ul li.is-active { background: #fff; } .tabs-vertical ul li.is-active .tab-info .btn { opacity: 1; visibility: visible; display: inline-block; position: relative; } .tabs-vertical ul li.is-active .tab-info h3 { color: var(--color-main); } @media (max-width: 1200px) { .tabs-vertical ul li .tab-info h3 { font-size: 1.3rem; } .tabs-vertical ul li .counter:before { font-size: 44px; } } @media (max-width: 992px) { .tabs-vertical { margin-bottom: 25px; } .tabs-vertical ul { display: flex; justify-content: center; } .tabs-vertical ul li { text-align: center; display: block; padding: 15px; } } @media (max-width: 768px) { .tabs-vertical ul { overflow: auto; white-space: nowrap; justify-content: start; } .tabs-vertical ul li .tab-wrap { white-space: normal; width: 205px; justify-content: center; } .tabs-vertical ul li .counter { margin-right: 0; } } /*+========================FOOTER============================*/ .footer {} .footer h5 { font-weight: 400; font-size: 1.132rem; margin: 0 0 30px 0; text-transform: uppercase; } .settings-group { display: inline-block; } .links--vertical li { margin: 15px 0 0; } .links--vertical li a { color: #fff; display: block; font-size: 0.857rem; font-weight: 400; display: flex; line-height: 1.5; } .links--vertical li a img { margin-right: 10px; } /*Social Links[*/ .social-links { margin-bottom: 30px; } .social-links ul { display: flex; margin-left: -5px; } .social-links li { margin: 0 5px; } .social-links li a { width: 39px; height: 39px; display: block; border-radius: 100%; position: relative; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; } .social-links li a img { position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; } .social-links li a:hover { border-color: var(--color-main) } /*Social Links]*/ /*Language Selector[*/ .settings { margin: 10px 0 0; position: relative; } .settings:last-child { margin-top: 0; } .settings-group a img { display: inline-block; margin-right: 5px; } .settings .settings__target { position: absolute; left: 0; right: 0; /*bottom: 110%;*/ display: none; } .settings-group .btn.btn--bordered { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.2); font-size: 0.857rem; font-weight: 400; padding: 0 20px; line-height: 33px; height: 35px; text-align: left; } .settings-group .settings:last-child .btn.btn--bordered { border-top: 0; } /*Language Selector]*/ /*Footer Form[*/ .footer-head { background: var(--color-grey-light); } .footer-subscribe { max-width: 745px; margin: 0 auto; } .footer-subscribeForm { margin-top: 40px; } /*Footer Form]*/ /*Footer Inline[*/ .footer-inline { margin-top: 50px; padding-top: 50px; } .footer-inline .inline-listing, .footer-inline .fineprint-listing { display: flex; justify-content: center; flex-wrap: wrap; } .footer-inline .fineprint-listing { margin-top: 15px; } .footer-inline li { margin: 0 25px; } .footer-inline li a, .footer-inline li p { color: #fff; font-size: 0.857rem; font-weight: 400; } .footer-inline .fineprint-listing p { margin-bottom: 0; } .footer-inline.-singleTopBorder { border-color: rgba(255, 255, 255, 0.1) } .footer-inline li a:hover, .links--vertical li a:hover { color: var(--color-main) } /*Footer Inline]*/ @media (min-width: 767px) { .footer h5 { pointer-events: none; } .footer-bottom .toggle__target { display: block !important; } } @media (min-width: 1200px) { .btn.btn--bordered:focus, .btn.btn--bordered:active {} .btn.btn--secondary:hover { background: var(--color-black); border-color: var(--color-black); color: var(--color-light); } } @media (max-width: 1200px) { .footer-subscribe { max-width: 600px; } } @media (max-width: 992px) { .settings-group { display: flex; } .settings { margin: 0; } .settings-group .settings:last-child .btn.btn--bordered { border-top: 1px solid rgba(255, 255, 255, 0.2); } .toggle-group { padding: 0 0 50px 0; } .footer-inline { margin-top: 0; } .footer-subscribeForm { text-align: center; } } /*+=========================MEDIA============================*/ @media (max-width: 767px) { .-hide-mobile { display: none !important; } .header__actionList .user-click .btn { font-size: 0; padding: 0; width: 35px; line-height: 35px; height: 35px; text-align: center; } .header__actionList .user-click .btn .svg-icon { top: 0; margin: 0; } .header__actionList .user-click .user-icon svg { fill: #fff; width: 20px; } /*To add scroller[*/ .scroller--horizontal { display: inline-block; overflow: auto; white-space: nowrap; width: 100%; margin-left: auto; margin-right: auto; } .scroller--horizontal [class*="col-"] { display: inherit; } /*To add scroller]*/ .toggle-group { padding: 0; } .footer .toggle__trigger, .settings-group .settings .btn.btn--bordered { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; font-size: 1.1em; text-transform: uppercase; padding: 15px 10px 15px 15px !important; color: #fff; background: var(--color-black); height: auto; line-height: normal; font-weight: 400; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .settings-group { display: block; } .settings-group .btn.btn--bordered-inverse { background: var(--color-black); color: #fff; text-align: left; font-weight: 600; text-transform: uppercase; border-color: transparent; border-radius: 0; padding: 0 15px; } .footer .toggle__trigger:before, .settings-group .btn.btn--bordered-inverse:before { position: absolute; right: 15px; top: 18px; width: 10px; height: 10px; content: ""; border-left: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__target { display: none; padding: 10px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .settings .settings__target { position: relative; background: none; color: #fff; } .footer-bottom { padding: 0; background: none; } .footer-bottom [class*="col-"] { padding-left: 0; padding-right: 0; } .links--vertical li a { color: var(--color-dark) } .links--vertical li:first-child { margin-top: 0; } .social-links li a { background: var(--color-main); } .social-links { margin-bottom: 0; } .footer-inline { background: var(--color-grey-light); padding-top: 0; padding: 10px; } .footer-inline li a, .footer-inline li p { color: var(--color-dark) } .footer-inline li { margin: 0 15px; margin-bottom: 15px; } .footer-inline .fineprint-listing { margin-top: 0; } } @media only screen and (min-width: 400px) and (max-width: 767px) { .scroller--horizontal [class*="col-"] { width: 60%; } } .list-inline label { padding: 14px 10px 12px 10px; } .list-onethird li label, .field_cover label { display: flex; } @media (max-width: 767px) { .teach_language_row .field_label, .spoken_language_row .field_label { min-height: 20px; } } #facebox { position: absolute; top: 0; left: 0; z-index: 999; text-align: left; } #facebox .popup { position: relative; } #facebox .content { display: block; min-width: 450px; background: #fff; border-radius: 3px; } @media (min-width: 320px) { #facebox .content { overflow: auto; max-height: 80vh!important; }  } @media (min-width: 767px) { #facebox .content { max-height: 60vh!important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1024px) { #facebox .content { max-height: 50vh!important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1300px) { #facebox .content { max-height: 70vh!important; overflow-y: auto; overflow-x: hidden; } } @media (min-width: 1500px) { #facebox .content { max-height: 80vh!important; overflow-y: auto; overflow-x: hidden; } } #facebox .close { width: 35px; height: 35px; position: absolute; top: -35px; right: 0; transform: none; } #facebox .close img { display: none; } #facebox .close:after { color: #fff; content: "+"; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; font-size: 2rem; font-weight: 300; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); line-height: 1.2; text-align: center; } #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(min-width:1199px) { #facebox .content.facebox-medium { min-width: 800px; max-width: 800px; } } @media(max-width:1199px) { #facebox .scrollbar { overflow: auto; } #facebox { left: 30px !important; right: 30px !important; } } @media(max-width:1023px) { #facebox { left: 10px !important; right: 10px !important; } } @media(max-width:767px) { #facebox .content { min-width: 1%; width: 100%; } #facebox .close { top: 0; } #facebox .close:after { color: #000; } }/*! jQuery UI - v1.12.0 - 2016-07-08 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default;background: #fff; border-radius: 3px;padding:20px; box-shadow: 0 0 5px 4px rgba(0,0,0,0.05);border:none!important; } .ui-autocomplete  li.ui-state-focus{margin:0!important;background:rgba(0,0,0,0.02);color: var(--color-secondary);} .ui-autocomplete  li{font-size: 0.9rem;margin: 15px 0 0;color: #888;padding:10px 15px;} .ui-autocomplete  li:first-child{margin-top:0;} .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; box-sizing: border-box; text-indent: -9999px; white-space: nowrap; } /* no icon support for input elements */ input.ui-button.ui-button-icon-only { text-indent: 0; } /* button icon element(s) */ .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button.ui-icon-notext .ui-icon { padding: 0; width: 2.1em; height: 2.1em; text-indent: -9999px; white-space: nowrap; } input.ui-button.ui-icon-notext .ui-icon { width: auto; height: auto; text-indent: 0; white-space: normal; padding: .4em 1em; } /* workarounds */ /* Support: Firefox 5 - 40 */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc( 100% - 2.4em ); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top:6px; width: 1.8em; height: 1.8em; } /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }*/ .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } /*.ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; }*/ .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 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: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 500;text-transform: uppercase;color: #666; border: 0; } .ui-datepicker td { border: 0; padding: 0;border: 1px solid #eee; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;border-top: none; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin-top: .5em; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider {border: none!important; position: relative; text-align: left; } .ui-slider .ui-slider-handle {border-radius: 100%;border: none!important;background: #c4c8cc!important; position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range {border: none!important;background: #0064ca!important; position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal {background: #e9e9e9!important; height: 6px; } .ui-slider-horizontal .ui-slider-handle { top: -.4em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; } .ui-widget-content a { color: #333333; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #333333; font-weight: bold; } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } /* .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } */ .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { /*	border: 1px solid #003eff;*/ background: #54d1f1; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-button .ui-icon { background-image: url(admin/images/ui-icons_777777_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-state-default .ui-icon { background-image: url(admin/images/ui-icons_222222_256x240.png); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url(admin/images/ui-icons_ffffff_256x240.png); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url(admin/images/ui-icons_777620_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(admin/images/ui-icons_cc0000_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .ui-datepicker{border: none!important;box-shadow:0 0 35px 10px rgba(0, 0, 0, 0.1);padding: 15px;border-radius: 5px!important;width: auto;min-width:400px;} .ui-datepicker-header.ui-widget-header{background: none; border: none;} .ui-datepicker-month, .ui-datepicker-year{margin: 0 2px!important;} .ui-datepicker td .ui-state-default{background: none; border: none;text-align: center;padding:10px;} .ui-datepicker td.ui-datepicker-current-day{background: #54d1f1;} .ui-datepicker td.ui-datepicker-current-day:before{position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background:var(--color-primary);} .ui-datepicker td{position: relative;} .ui-datepicker td > a{position: relative;} .ui-datepicker td.ui-datepicker-today .ui-state-active{background: #fff;} .ui-datepicker td.ui-datepicker-today .ui-state-active:before{display: none;} .ui-datepicker td.ui-datepicker-today .ui-state-active > a{color: #54d1f1;} .ui-datepicker td.ui-datepicker-current-day .ui-state-active > a{color: #54d1f1;} .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today{background: none;} .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today:before{display: none;} /*.ui-datepicker td.ui-datepicker-today {background: #333;} .ui-datepicker td.ui-datepicker-today:before {position: absolute;left: -4px; top: -4px; right: -4px;bottom: -4px;content: "";background: #333;box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.1);}*/ .ui-datepicker td.ui-datepicker-today a{background: #f9f5fe !important;font-weight: 700;color: var(--color-secondary);} .ui-datepicker .ui-datepicker-buttonpane button{opacity: 1; padding: 8px 20px;font-weight: normal!important;border: none; background: var(--color-secondary); color: #ffffff;-webkit-transition:  0.5s all ease; -moz-transition:  0.5s all ease; -o-transition:  0.5s all ease; transition: 0.5s all ease;}/*  .ui-datepicker .ui-datepicker-buttonpane button:hover{box-shadow: 0 0 8px rgba(84, 209, 241, 0.40), 0 8px 16px rgba(84, 209, 241, 0.66);} */ /*.ui-datepicker-other-month{background-color: rgba(0, 0, 0, 0.05);}*/ .dropdown-menu{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;}/**************** Slider Edited ********************/ .box { background: #fff; border-radius: 2px; /*border: 1px solid #e5e5e5;*/ } .box .box__head { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08); padding: 20px; } .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; } /**************** page css ********************/ .banner__media { position: relative; } .banner__media img { display: block; margin: auto; } .banner__media:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); content: ""; pointer-events: none; } .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: 850px; } .banner__content.banner__content--centered h1 { margin-bottom: 0; } /*cookies*/ .cc-window { background-color: rgba(0, 0, 0, 0.75); bottom: 0; left: 0; opacity: 1; position: fixed; right: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; z-index: 999; } .cc-window .box-cookies { color: #dbe0df; font-size: 13px; font-weight: 400; line-height: 30px; padding: 15px; text-align: center; } .cc-window .box-cookies a { color: #fff; text-decoration: underline; } .cc-window .cc-close { background-color: var(--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; transition: all 0.3s ease-in-out 0s; } /*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; } .is-landing .section p { font-size: 1.1rem; color: #666; } .is-landing .section p a { color: inherit; } .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; 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; } .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%; } .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: 0 100px 0 0; } .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%; } /* footer */ /* overlay */ .overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); z-index: 11; display: none; } .box--narrow { padding: 30px; min-width: 450px; } .box--narrow h2 { margin-bottom: 25px; } .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; } /* listing */ .section--listing { padding: 40px 0; } .section--search { background: #fff; padding: 20px 0; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); } .section__tags { border-top: 1px solid #eee; padding: 0 0; background: #fff; position: relative; z-index: 1; } .form__element { position: relative; } .form-filters .form__element { width: 50%; float: left; } .form-filters .form__element:first-child input { border-right: none; } .form-filters .form__element:after { position: absolute; right: 24px; top: 28px; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #333; pointer-events: none; } body[dir="rtl"] .form-filters .form__element:after { left: 24px; right: auto; } .form-filters .form__element .svg-icon { width: 20px; height: 20px; position: absolute; overflow: hidden; left: 24px; top: 22px; } body[dir="rtl"] .form-filters .form__element .svg-icon { right: 24px; left: auto; } .form__element .form__input { border-radius: 0; box-shadow: none; height: 60px; padding-right: 50px; line-height: 60px; } .form-filters .form__element .form__input { padding-left: 50px; } .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 { position: absolute; right: 0; top: 0; width: 60px; height: 60px; } .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; } .form-search .form__action-wrap .svg-icon svg { height: 100%; } .form__element .form__target { display: none; position: absolute; left: 0; right: 0; top: 100%; z-index: 2; max-height: 400px; overflow: auto; } .form__element.form-target-visible .form__target { display: block; } /* @media(min-width:767px){ .form__element.form-target-visible:before{position: fixed;left: 0;right: 0; top: 0; bottom: 0;content: "";background: rgba(243,242,245,0.8);z-index: -1;} }     */ .section--listing.section-invisible { z-index: -2; } .tag-list li { display: inline-block; padding: 10px 10px 10px 0; vertical-align: top; } .tag-list li a { height: 40px; line-height: 40px; display: block; } .tag-list li a.tag__clickable { position: relative; background: #e9e8eb; border-radius: 3px; padding: 0 45px 0 20px; } .tag-list li a.tag__clickable:after { width: 20px; height: 20px; border-radius: 100%; background: #fff; content: "+"; position: absolute; right: 12px; top: 10px; line-height: 19px; text-align: center; transform: rotate(45deg); font-size: 1.2rem; transform-origin: center center; } .sort-by { margin: 0 0 30px; } .sort-by select { box-shadow: none; } .scrollbar { width: 100% !important; max-height: 350px; padding: 0; position: relative; } .scrollbar-track { width: 8px; right: -10px !important; position: relative; } .scrollbar-handle { width: 5px; border-radius: 30px; background: rgba(0, 0, 0, 0.1); -webkit-transition: width 250ms; transition: width 250ms; } .listing--vertical li { font-size: 0.9rem; margin: 15px 0 0; } .listing--vertical li:first-child { margin: 0; } .block__head { position: relative; padding: 15px 20px; border-bottom: 1px solid #e9e8eb; } .block__body { position: relative; padding: 20px; border-bottom: 1px solid #e9e8eb; } .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: "-"; } .ratings__star img { display: inline-block; vertical-align: top; } /* range slider ---------------------- */ /* .range{margin:15px 0 0;} */ .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; 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; } .box-list { margin: 0 0 30px; position: relative; } .box-list .box__price h6 { font-size: 1.1rem; font-weight: 700; } .box-list__head { margin-bottom: 10px; } .box-list__head h3 { margin: 0 5px 0 0; } .box-list__head .ratings { margin: 0 0 0 30px; } .box__description { margin: 10px 0 20px; min-height: 60px; } .box__description p { line-height: 1.4; font-size: 1.05rem; color: #888; } .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 90px; } .box-list.is-selected .box__content { opacity: 0.4; pointer-events: none; } .box__tabs { margin: 0 0 20px 0; } .box__tabs li { display: inline-block; position: relative; vertical-align: top; margin: 0 20px 0 0; } .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); } /* reviews ---------------------- */ .ratings .ratings__count { margin-left: 10px; } .ratings h6 { margin: 10px 0 0; } .txt-inline .txt-inline__tag.last { margin-left: 40px; } .txt-inline .txt-inline__tag .svg-icon { overflow: hidden; display: inline-block; vertical-align: middle; } .txt-inline .txt-inline__tag .svg-icon svg { fill: var(--color-secondary); } .tag-online { width: 18px; height: 18px; border-radius: 100%; background: #14e06e; border: 2px solid #fff; position: absolute; left: 30px; bottom: 20px; z-index: 1; } .load-more .btn { min-width: 200px; text-align: center; margin: 20px 0 10px; } /* tooltip */ .tooltip { display: inline-block; vertical-align: middle; position: relative; cursor: help; } .tooltip .tooltip__content { color: #fff; background: #333; padding: 3px 10px; max-width: 200px; position: absolute; right: 0; bottom: 0; font-size: 0.85rem; line-height: 1.4; opacity: 0; visibility: hidden; z-index: 3; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; border-radius: 3px; white-space: normal; } .tooltip .tooltip__content:before { position: absolute; right: 15px; bottom: -7px; content: ""; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #333; } .tooltip:hover .tooltip__content { opacity: 1; visibility: visible; bottom: 30px; } .tooltip.tooltip--centered .tooltip__content { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .tooltip.tooltip--centered .tooltip__content:before { right: auto; left: 50%; margin: 0 0 0 -8px; } .tooltip.tooltip--left .tooltip__content { right: auto; left: 0; } .tooltip.tooltip--left .tooltip__content:before { right: auto; left: 10px; } .tooltip.tooltip--bottom .tooltip__content { right: auto; left: 50%; margin: 0 0 0 -100px; bottom: auto; top: 0; } .tooltip.tooltip--bottom .tooltip__content:before { border-top: none; border-bottom: 8px solid #333; bottom: auto; top: -7px; } .tooltip.tooltip--bottom .tooltip__content:before { right: auto; left: 50%; margin: 0 0 0 -8px; } .tooltip.tooltip--bottom:hover .tooltip__content { opacity: 1; visibility: visible; top: 30px; bottom: auto; } .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; } .box--cta { margin-top: 30px; } .box--cta:first-child { margin-top: 0; } .box--cta h4 { margin-bottom: 10px; } .box--cta p { font-size: 1.14rem; line-height: 1.4; color: #888; margin-bottom: 30px; } /* profile */ .section--details { padding: 30px 0 60px; } .box__profile-head h3 { margin: 0; } .box__profile-head .location { position: relative; padding: 0 0 0 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; } /* 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; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); position: absolute; margin: 0 0 0 -140px; padding: 20px; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); -o-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; -moz-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); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); } .social--share li { display: inline-block; vertical-align: top; margin: 10px 3px 0 0; } .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); } .social--share li a img, .social--share li span img { width: 16px; display: block; margin: 5px 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; } .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: 0 0 0 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: ""; 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: 0 15px 0 0; } .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 40px 10px 15px; 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: 0 0 0 20px; } .select-box.select-box--small .select-box__value { padding: 0 40px 0 0; 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; } .form .select-box .select-box__value { min-height: 50px; padding: 16px 40px 12px 20px; 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: 0 0 0 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 -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 -5px; } .flex__row { display: table; border-bottom: 1px solid #ddd; width: 100%; } .flex-container { border: 1px solid #ddd; border-bottom: none; margin: 20px 0 0; position: relative; } .flex-container .flex__cell { height: 26px; display: table-cell; vertical-align: top; border-right: 1px solid #ddd; width: 12.5%; position: relative; } .flex-container .flex__cell:last-child { border-right: none; } .flex-container .flex__cell.flex__cell-head:first-child { vertical-align: bottom; } .flex-container .flex__cell.flex__cell-head { padding: 20px 10px; } .flex-container .flex__cell.flex__cell-head h3 { line-height: 1; margin: 0; } .flex-container .flex__cell:first-child { font-size: 0.85rem; padding: 6px 10px; } .flex-container .flex__cell.flex__cell-available.is-available .flex__cell-value { z-index: 3; } .flex-container .flex__cell.flex__cell-available .flex__cell-value { position: absolute; left: 4px; right: 4px; top: 4px; height: 175%; background: rgba(20, 224, 110, 0.3); border-radius: 3px; z-index: 1; cursor: pointer; } .flex-container .pop-over__overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 2; } .pop-over__content { position: relative; padding: 20px; background: #fff; border: 1px solid #e2e2e4; border-radius: 3px; width: 100%; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.03); position: absolute; left: 50%; top: 200%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); z-index: 2; width: 350px; } .flex-container .pop-over h3 { margin: 0; } .flex-container .pop-over .flag, .booking-view .flag { margin: 0 5px; } .booking-view { max-width: 300px; text-align: left; } .flex-container .pop-over .inline-list, .booking-view .inline-list, { margin: 20px 0; width: 100%; display: inline-block; } .flex-container .pop-over .inline-list__value, .booking-view .inline-list__value { margin: 5px 0; width: 100%; display: inline-block; padding: 5px 6px; } .flex-container .pop-over .inline-list__value.highlight, .booking-view .inline-list__value.highlight { background: rgba(0, 0, 0, 0.1); border-radius: 3px; } .tag-inline { display: inline-block; vertical-align: middle; } .tag-inline .tag-inline__dot { width: 10px; height: 10px; border-radius: 100%; display: inline-block; vertical-align: middle; } .tag-inline .tag-inline__caption { display: inline-block; vertical-align: middle; } .tag-inline.tag-inline--on .tag-inline__dot { background: var(--color-primary); } .tag-inline.tag-inline--on .tag-inline__caption { color: var(--color-primary); } .tag-inline.tag-inline--off .tag-inline__dot { background: #999; } .tag-inline.tag-inline--off .tag-inline__caption { color: #999; } .floated-list { text-align: center; } .floated-list li { display: inline-block; vertical-align: top; padding: 10px; } .floated-list li a:hover { text-decoration: underline; } .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; box-shadow: 3.536px 3.536px 8px 0px rgba(0, 0, 0, 0.08); margin: 0 40px 20px 0; float: left; } .section--icons h2 { font-weight: normal; } .section--icons .icon img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .accordian-group { margin: 0 0 40px 0; } .accordian { border: 1px solid #ceced0; text-align: left; border-bottom: none; -webkit-transition: 0.3s all ease-in-out; -moz-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; } .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 { 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; } .section--grey { background: #f3f2f5; } .section--centered .icon { width: 120px; height: 120px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; 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; } .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; } .is-landing .section ul li { font-size: 1.1rem; color: #666; } .team { padding: 0 40px; } .team__media { position: relative; width: 150px; height: 150px; margin: 40px auto 20px; overflow: hidden; border-radius: 100%; } .team__media:before { position: relative; padding-bottom: 100%; display: block; content: ""; } .team__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .form-container { background: #fff; padding: 60px; width: 100%; } .address-box { margin: 40px 0 0; } .address-box h6 { text-transform: uppercase; font-size: 1.1rem; font-weight: 700; color: #444; } .address-box h6 img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0; } .address-container { padding-top: 60px; } .section--page { padding: 40px 0; } .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; } .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; } .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; } .icon-payment { width: 200px; height: 100px; position: relative; border: 1px solid #e5e5e5; } .icon-payment img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 120px; } .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 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-radius: 0 3px 3px 0; } .apply-coupon__target input[type="text"] { border-radius: 3px 0 0 3px; } .applied-coupon { background: #ecfff4; border: dashed 1px var(--color-primary); padding: 15px; margin: 0 0 0; text-align: center; position: relative; } .nav-vertical li { margin: 0 0 20px 0; } .nav-vertical li a { display: block; padding: 0 20px 0 20px; position: relative; background: #fff; border-radius: 3px; font-size: 1.2rem; font-weight: 600; position: relative; height: 70px; line-height: 70px; } .nav-vertical li a img { display: inline-block; vertical-align: middle; position: absolute; left: 20px; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); } .box--faqs .box__top h4 { display: inline-block; } .box--faqs .-padding-30 { padding-bottom: 15px; } .box--faqs .box__body.-padding-30 { padding-top: 0; } .vertical-links li { border-bottom: 1px solid #ddd; } .vertical-links li:last-child { border-bottom: none; } .vertical-links li a { display: block; padding: 15px 30px; font-size: 1.1rem; color: var(--color-secondary); line-height: 1.4; } .vertical-links li a:hover { background: rgba(0, 0, 0, 0.02); } .faq__action { margin: 0 15px 0 0; } .faq__action img { display: inline-block; vertical-align: top; } .avtars-list { display: inline-block; width: 100%; margin: 20px 0; } .avtars-list li { display: inline-block; vertical-align: top; margin: 0 -12px; } .avtars-list li .avtar { border: 4px solid #fff; z-index: 1; } .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; } .avtars-list.avtars-list--sticky { position: absolute; left: 0; top: 10px; margin: 0; } .avtars-list.avtars-list--sticky .avtar.avtar--small { width: 35px; height: 35px; } .avtars-list.avtars-list--sticky li { margin: 0 -10px; } .nav.nav--primary > ul > li.nav__dropdown .avtar { margin: 0 6px 0 0; } .col-list-group { margin: 0 0 30px; width: 100%; display: inline-block; } .col-list { position: relative; width: 100%; min-height: 100px; background: #fff; margin: 10px 0 30px; } .col-list:last-child { margin-bottom: 0; } .col-list [class*="col-"] { padding: 15px; } .col-list [class*="col-"]:first-child { border-right: 1px solid #ddd; } .col-list .avtar { float: left; margin-right: 15px; } .col-list .avtar + h6 { margin: 15px 0 0; } .col-list p { line-height: 1.4; color: #666; } .schedule-list li { display: inline-block; width: 100%; line-height: 1.4; } .schedule-list li:first-child { padding-bottom: 10px; } .schedule-list li .span-left { width: 100px; float: left; padding: 0 0 0; color: #999; } .schedule-list li .span-right { width: calc(100% - 100px); float: left; padding: 0 0 0 15px; } .schedule-list li .span-right h4 { font-size: 1.3rem; } .res-desc p { font-size: 0.98rem; line-height: 1.4; margin: 10px 0 0; } .res-desc p a { color: var(--color-secondary); } .custom-colum__left { width: 260px; float: left; } .custom-colum__middle { width: calc(100% - 520px); float: left; padding: 0 30px; } .custom-colum__right { width: 260px; float: right; } .menu-vertical { background: #fff; border-radius: 2px; min-height: 300px; } .header__actionList .menu-vertical li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 0; } .menu-vertical li:last-child { border-bottom: none; } .menu-vertical li a { display: block; padding: 22px 15px 22px 55px; font-size: 1.0rem; font-weight: 400; position: relative; } .menu-vertical li.is-active a { background: rgba(131, 55, 230, 0.03); } .menu-vertical li a .menu-icon { position: absolute; left: 15px; top: 50%; width: 26px; height: 26px; margin: -15px 0 0; } .menu-vertical li a .menu-icon svg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .menu-vertical li a .menu-icon .-color-fill { fill: var(--color-main); } .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; } .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); } .page-head { margin: 0 0 1px; background: #fff; padding: 20px; border-radius: 2px; } .page-head h1 { font-size: 1.75rem; font-weight: normal; line-height: 40px; } .page-filters { padding: 20px 20px 5px; background: #fff; border-bottom: 1px solid #f3f2f5; margin: 0 0 30px; } .page-filters input[type="submit"] { height: 40px; line-height: 40px; font-size: 1rem; background: var(--color-primary); margin: 0 10px 5px 0; margin-right: 10px; padding: 0 25px; } .page-filters input[type="reset"], .form--small input, .form--small select { height: 40px; line-height: 40px; font-size: 1rem; } .page-panel__left { width: 220px; float: left; } .page-panel__right { width: calc(100% - 220px); float: right; padding: 0 0 0 30px; } .page-panel__inner-l { float: left; width: calc(100% - 220px); padding: 0 30px 0 0; } .page-panel__inner-r { float: right; width: 220px; } .buttons-toggle { position: relative; display: table; } .buttons-toggle .btn { padding: 0 20px; position: relative; float: left; color: #fff; } .buttons-toggle .btn:hover { background: var(--color-secondary); } .buttons-toggle .btn.btn--dropdown { padding: 0; width: 40px; } .buttons-toggle .btn.btn--dropdown:after { position: absolute; right: 15px; top: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; margin: -2px 0 0; } .buttons-toggle .btn.btn--dropdown.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #fff; } .buttons-toggle .btn:first-child { border-radius: 3px 0 0 3px; } .buttons-toggle .btn:last-child { border-radius: 0 3px 3px 0; margin-left: 1px; } .buttons-toggle .btn:only-child { border-radius: 3px; } .col-list [class*="col-"].col-positioned { text-align: right; } .col-list [class*="col-"].col-positioned .select-box { display: inline-block; } .circle-count { width: 160px; height: 160px; border-radius: 100%; text-align: center; line-height: 160px; font-size: 3rem; font-weight: 700; margin: 10px auto 10px; background: #f5edff; color: var(--color-secondary); position: relative; } .circle-count.circle-count--danger { background: #fff3f3; color: #ff2b2b; } .circle-count.circle-count--success { background: #ecfff4; color: #0cd866; } .h1-heading { font-size: 2.4rem; font-weight: normal; margin: 0 0 15px; } .page__panel-narrow { margin: 30px auto; } .section--listing .-float-left { clear: left; } .box__data { padding: 40px 50px; } .box__listing li { font-size: 1.1rem; display: inline-block; border-bottom: 2px solid rgba(0, 0, 0, 0.05); width: 100%; padding: 15px 0; line-height: 1.6; } .box__listing li .box__caption { display: table-cell; vertical-align: top; width: 100px; font-weight: 700; } .box__listing li .box__value { display: table-cell; vertical-align: top; width: calc(100% - 100px); } .profile-info { display: flex; min-width: 220px; } .profile-info .profile-info__right { padding: 0 0 0 20px; } .profile-info .profile-info__right h6 { line-height: 1; color: #000; font-size: 1.1rem; } .profile-info .profile-info__right p { line-height: 1; margin: 5px 0 0; font-size: 0.95rem; } .inline-icon { width: 20px; height: 20px; position: relative; display: inline-block; vertical-align: top; } .inline-icon .svg-icon { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 100%; overflow: hidden; } .inline-icon .-color-fill, .inline-icon.-color-fill svg { fill: var(--color-secondary); } .grids-wrap { width: 100%; } .grids-wrap .wrap { height: 100%; padding: 30px 30px 10px; width: 100%; } .grids-wrap .wrap--yellow { background: #f9f8f0; } .grids-wrap .wrap--yellow .icon__wallet { float: left; width: 60px; margin: 0 20px 0 0; } .grids-wrap .wrap--yellow h2 { font-weight: 800; padding: 0; } .grids-wrap .wrap--yellow p { margin: 0; line-height: 1.6; } .grids-wrap .wrap--gray { background: rgba(131, 55, 230, 0.03); } /* notification page */ .controls { position: relative; display: inline-block; background: #fff; vertical-align: top; border: 1px solid #e9e8eb; } .controls:first-child { margin-right: 20px; } .controls li { display: inline-block; vertical-align: top; border-right: 1px solid #e9e8eb; } .controls li:last-child { border-right: none; } .controls li .checkbox { margin: 0 0 0 5px; vertical-align: top; } .controls li a, .controls li > span { padding: 12px 15px; display: block; min-height: 46px; } .controls li a img { width: 20px; display: block; margin: auto; } .page-controls .-txt-normal { padding: 15px 20px; display: inline-block; color: #999; min-height: 50px; } .controls li a .svg-icon { width: 18px; height: 18px; display: block; margin: 1px auto; position: relative; overflow: hidden; } .controls li a .svg-icon svg { width: 100%; height: 100%; fill: var(--color-secondary); } .controls li.is-disabled a { opacity: 0.4; cursor: default; } .table-listing { width: 100%; border-spacing: 0 20px; font-size: 1.1rem; color: #333; border-collapse: separate; } .table-listing td { color: inherit; padding: 20px 20px 20px 0; position: relative; z-index: 1; background: #fff; } .table-listing tr { border-radius: 5px; position: relative; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .table-listing tr:nth-child(odd) td { background-color: #fff; } .table-listing td.td--check .checkbox { vertical-align: top; } .table-listing td:first-child { padding-left: 20px; } .table-listing td .avtar { display: inline-block; vertical-align: middle; } .table-listing tr.is-read td { color: #a7a7a7; } .table-listing tr.is-read td strong { font-weight: normal; } .table-listing .listing__desc { line-height: 1.4; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .table-listing .listing__desc > a { display: block; color: inherit; } .table-listing .avtar__name { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; } .preview.preview--profile { text-align: center; background: rgba(0, 0, 0, 0.03); padding: 30px; } .preview.preview--profile .avtar { display: block; margin: 20px auto 0; } .preview.preview--profile .btn { display: block; margin: 0 auto 10px; max-width: 180px; } .tabs-inline { border-bottom: 1px solid #e9e8eb; background: #fff; } .tabs-inline li { display: inline-block; position: relative; vertical-align: top; margin: 0 10px 0 20px; } .tabs-inline li a { display: block; padding: 20px 0; font-size: 1.08rem; border-bottom: 2px solid transparent; } .tabs-inline li.is-active a { background: #fff; font-weight: 600; border-bottom-color: var(--color-secondary); } .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; } .section-head { border-bottom: 1px solid #e9e8eb; margin: 0 -20px 20px; padding: 0 20px 20px; } .data-group h6 { line-height: 1; color: #000; font-size: 1.1rem; margin: 0 0 8px; word-wrap: anywhere; } .data-group p { line-height: 1; margin: 5px 0 0; font-size: 0.95rem; } .page-heading { color: var(--color-secondary); } .inline-action { font-size: 0; text-align: center; line-height: 46px; display: inline-block; vertical-align: top; position: relative; width: 50px; height: 50px; background: var(--color-primary); font-weight: 700; border-radius: 2px; border: 1px solid var(--color-primary); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.07); color: #fff; border-radius: 3px; } .inline-action.inline-action--add:before { font-size: 1.8rem; content: "+"; } .inline-action.inline-action--minus { background: #333; border-color: #333; } .inline-action.inline-action--minus:before { font-size: 1.8rem; content: "-"; } .row .inline-action.inline-action--minus { margin-bottom: 15px; font-size: 1rem; display: block; width: 100%; } .row .inline-action.inline-action--minus:before { display: none; } .inline-action.inline-action--add { margin-bottom: 20px; } .field_label { margin-bottom: 15px; } @media(max-width:767px) { .inline-action.inline-action--add:before, .inline-action.inline-action--minus:before { display: none; } .inline-action.inline-action--minus, .inline-action.inline-action--add { font-size: 1.1rem; } #teacherPreferencesFrm.form .field_label.-display-block { min-height: 17px; } } @media(max-width:500px) { #teacherPreferencesFrm.form .field_label.-display-block { min-height: 1%; margin: 0; } } .attachment-file { position: relative; padding: 0 0 0 30px; color: inherit; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 24px; display: inline-block; } .attachment-file .inline-icon { position: absolute; left: 0; top: 2px; } .row--head { border-bottom: 1px solid #f3f2f5; border-top: 1px solid #f3f2f5; margin: 10px 0 5px; padding: 20px 0; } .row--head [class*="col-"] { padding: 0; } .row--addons .inline-action { width: 100%; /* margin-top: 3px; */ } .box--minheight { min-height: 500px; } .-pattern, .section--page, .section--details, .section--listing, .blog-row { position: relative; } .-pattern:before, .section--page:before, .section--details:before, .section--listing:before, .blog-row:nth-child(even):before { /* background: url(images/patterns.svg) repeat; background-size: 24px 24px; opacity: 0.06;*/ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .box.box--narrow .field_label { display: block; width: 100%; } .box.box--narrow .field_label .-link-underline { font-weight: normal; } /* .box.box--narrow .field_label:empty{display: none;} */ .section--offset { color: #333; } .section--offset .icon { width: 150px; height: 150px; border-radius: 100%; position: relative; border: 1px solid #eaeaea; 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; } /* [ blog css  */ .blog-row { padding: 80px 0; border-bottom: 1px solid #eee; } .blog-row h2 { font-size: 2.4rem; } .blog-row:nth-child(even) { direction: rtl; text-align: left; } .blog-row:nth-child(even) .blog__content { padding-left: 0; direction: ltr; } .section--blogs { padding: 0; } .banner .form-search { min-width: 700px; } .banner .form__element .form__input { border: none; } .section--nav { background: #e9e8eb; padding: 0; } .blog__subtitle { display: block; text-transform: uppercase; } .blog__subtitle .inline-icon { margin: 3px 0 0; } .blog__content { padding: 0 0 0 20px; } .blog__content h2 { margin: 5px 0 30px; } .blog__actions .blog__action { font-size: 1.15em; color: #666; margin: 0 10px 0 0; } .blog__media { position: relative; display: block; overflow: hidden; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .blog__media:before { display: block; padding-bottom: 66%; content: ""; } .blog__media img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .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: 30px 20px; font-size: 1.1rem; } .nav-categories > ul > li.is-active > a { font-weight: 700; color: var(--color-secondary); } .categories-target { position: absolute; left: 0; right: 0; top: 100%; background: #fff; z-index: 1; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1); padding: 30px; display: none; } .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); } /* toggle */ .categories-toggle { width: 30px; height: 30px; vertical-align: middle; margin: 26px 0 0 0; padding: 3px 1px !important; position: relative; } .categories-toggle span { width: 80%; height: 3px; background: #333; display: block; margin: 8px 0 0; position: relative; } .categories-toggle span:before { width: 100%; height: 3px; background: #333; content: ""; position: absolute; top: -7px; left: 0; } .categories-toggle span:after { width: 100%; height: 3px; 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: 14px 40px 14px 20px; 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 40px 10px 20px; 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; -moz-transition: 0.4s all ease-in-out; -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 #efefef; padding: 20px 20px 20px 100px; position: relative; margin: 0 0 0 0; background: #fff; margin: 15px 0 0; } .comments-list .date { float: right; text-transform: uppercase; color: #999; 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; } .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: 0 0 0 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; } .form--comments h4 { font-size: 1.4em; margin: 0 0 30px 0; 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-blog { margin: 0 0 30px; } .box--cta-blog .btn img { position: relative; top: -2px; margin-right: 5px; } .blog-toggle { height: 60px; width: 60px; background: var(--color-secondary); float: left; display: none; } .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 { margin: -120px 0 0; padding: 60px 0; } /*  blog css ] */ .grid-group { margin: 0 0 0 -10px; } .grid-group .grid { display: inline-block; padding: 0 0 20px 10px; vertical-align: top; } .grid-group .grid span { background: #f9f5ff; padding: 10px; display: block; border-radius: 2px; } .txt-inline strong { font-weight: 600; } .txt-inline .txt-inline__tag { margin-bottom: 6px; display: inline-block; vertical-align: top; } .label-select { display: block; width: 100%; padding: 20px 20px 20px 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: flex; width: 100%; flex-wrap: wrap; } .listing-cell ul li { padding: 0 20px 0 0; 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; } .errorlist.erlist_agree { position: absolute !important; } .form .field_label { display: block; width: 100%; } /* .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%; } .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: -25px 0 0 -25px; z-index: 3; border-top: 3px solid rgba(0, 0, 0, 0.2); content: ""; border-radius: 100%; 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); } } .col-list--full.col-list { padding: 10px; } .col-list--full.col-list h6 { margin-bottom: 10px; } .screen-chat { position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; background: #fff; } .screen-chat .screen-chat__listing { position: absolute; right: 0; top: 0px; bottom: 0; width: 450px; z-index: 1; background: #fff; padding: 0; border: 15px solid #eee; overflow: auto; } .chat-container { position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .chat-container:before { position: relative; display: block; padding-bottom: 100%; content: ""; } .chat-container .cometChatBox { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #facebox .content h4 { margin-bottom: 20px; } body.is-screen-on { position: fixed; left: 0; top: 0; right: 0; bottom: 0; } body.is-screen-on .header { z-index: 11; padding: 10px; } body.is-screen-on .header .container { max-width: 100%; } .timer .colorDefinition { border-color: transparent; background: var(--color-secondary) !important; } .timer .size_lg { font-size: 24px; padding: 0 10px; } @media(min-width:768px) { .timer .size_lg { font-size: 50px; } } .timer.timer--small .colorDefinition { background: #000 !important; } .timer.timer--small .size_lg { font-size: 30px; padding: 0 10px; height: 50px; display: block; } div.filelink span.tag, div.tagsinput span.tag { display: inline-block !important; vertical-align: top; background: #f5edff !important; color: var(--color-secondary) !important; padding: 5px 5px 5px 10px !important; border-radius: 3px !important; font-size: 0.9rem !important; border: 1px dashed var(--color-secondary) !important; } div.filelink span.tag span a, div.tagsinput span.tag span a { color: var(--color-secondary); } div.filelink span.tag > a, div.tagsinput span.tag > a { width: 24px; height: 24px; display: inline-block; margin: 0 0 0 10px; color: #fff !important; background: var(--color-secondary); text-align: center; line-height: 24px; border-radius: 3px; } div.tagsinput div { line-height: 1.6; } .form-search.form-search--single input { border-left-color: transparent; border-right-color: transparent; height: 60px; } .box__listing.box__listing--small li { padding: 6px 0 10px; } .btn.btn--action { width: 35px; height: 35px; padding: 2px; position: relative; } .btn.btn--action:hover { background: var(--color-primary); } .btn.btn--action .svg-icon { width: 16px; height: 16px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } .screen { position: fixed; left: 0; top: 91px; bottom: 0; right: 0; z-index: 10; background: #fff; } .screen .screen__left { position: absolute; left: 20px; top: 20px; bottom: 20px; right: 520px; background: #eee; background-repeat: no-repeat; background-size: cover; background-position: center top; } .screen .screen__left:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; content: ""; background: rgba(0, 0, 0, 0.6); } .screen .screen__right { position: absolute; right: 0; top: 0px; bottom: 0; width: 500px; z-index: 1; background: #fff; padding: 0; border: 15px solid #eee; overflow: auto; } .screen__center-content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .tab-horizontal ul { display: flex; flex-wrap: wrap; background: #eee; text-align: center; } .tab-horizontal ul li { display: inline-block; vertical-align: top; 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; } .screen-chat .btn--sticky { position: absolute; right: 160px; top: 20px; z-index: 10; } .col-list.col-list--full [class*="col-"] { padding: 0 15px; } .-no-padding { padding: 0 !important; } .-no-padding-tb { padding-top: 0 !important; padding-bottom: 0 !important; } /* [ added on 18 march 2019 */ .window { background: #fff; position: relative; display: flex; flex-wrap: nowrap; } .window__left { width: 400px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; } .window__left .scrollbar { padding-right: 0 !important; max-height: 629px; min-height: 629px; } .window__left .scrollbar-track { right: 5px !important; } .window__right { width: calc(100% - 400px); position: relative; } .-style-uppercase { text-transform: uppercase; } .msg-list { width: 100%; display: flex; flex-wrap: nowrap; position: relative; padding: 15px; border-bottom: 1px solid #ddd; } .msg-list.is-active { background: rgba(0, 0, 0, 0.02); } .msg-list .msg-count { position: absolute; right: 20px; top: 15px; background: var(--color-primary); border-radius: 3px; color: #fff; font-size: 0.9rem; padding: 3px 6px; } .msg-list.is-read { color: #999; } .msg-list.is-read h6 { font-weight: normal; } .msg-list__action { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .msg-list p { margin-bottom: 5px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .msg-list small { font-size: 95%; } .msg-list__left { width: 50px; } .window .avtar { width: 50px; height: 50px; } .msg-list__right { width: calc(100% - 50px); padding-left: 15px; } .message-details { position: absolute; width: 100%; background: #fff; left: 0; right: 0; top: 0; bottom: 0; /*display: none*/ ; z-index: 9; } .message-container { padding: 20px 30px 30px; position: relative; } .message-container .scrollbar { /*max-height: 350px; min-height: 350px;*/ max-height: 320px; min-height: 320px; } .message-head { padding: 15px 30px 15px; border-bottom: 1px solid #ddd; min-height: 80px; position: relative; } .message-head h6, .message-head p { line-height: 1; } .message-head .msg-list { padding: 0; border-bottom: none; } .message-row { width: 100%; display: inline-block; padding: 4px 0 0; margin: 0 0 0; /* border-top:1px solid #d6d9db;*/ } .message-row .grid_1 { float: left; width: 50px; text-align: center; padding: 0 0; } .message-row .grid_1 .avtar { display: block; margin: 0 auto 10px; } .message-row .grid_1 .postedname { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; } .message-row .grid_1 .postedname a { font-size: 15px; color: #0295fd; } .message-row .grid_1 .postedname span { font-size: 13px; color: #999; display: block; } .message-row .grid_2 { width: calc(100% - 50px); float: right; padding: 0 0 0 15px; } .message-row .secionreviews { display: inline-block; padding: 15px; background: #f5f3dc; border-radius: 5px; position: relative; color: #333; margin: 0 0 10px; } .message-row .secionreviews p { color: #333 !important; margin: 0; font-size: 1rem; } .message-row .secionreviews:before { border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid #f5f3dc; position: absolute; left: -10px; top: 14px; content: ""; } .message-row .datetext { text-transform: uppercase; font-size: 13px; color: #8a8a8a; padding: 0 0 5px 5px; display: block; } .message-row.my-message .grid_1 { float: right; } .message-row.my-message .grid_2 { float: left; padding: 0 15px 0 0; } .message-row.my-message .datetext { float: right; clear: right; } .message-row.my-message .secionreviews { float: right; clear: right; background: rgba(0, 0, 0, 0.04); border: none; } .message-row.my-message .secionreviews:before { left: auto; right: -20px; border-left: 10px solid rgba(0, 0, 0, 0.04); border-right: 10px solid transparent; } .message-row.my-message .secionreviews:after { display: none; } .message-reply { padding: 10px 30px 0; border-top: 1px solid #ddd; } .message-reply textarea { height: 70px; } .message-reply .caption-wraper .field_label:empty { display: none; } .window__search { position: relative; padding: 20px 15px; border-bottom: 1px solid #ddd; min-height: 80px; } .window__search-field { border: 1px solid #ddd; height: 40px; width: 100%; position: relative; display: block; line-height: 36px; padding: 0 20px; color: #666; font-size: 1.1rem; } .message-display--positioned.message-display { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } .message-display--positioned.message-display .message-display__icon { opacity: 0.2; width: 100px; height: 100px; margin-bottom: 20px; } .window__search-form { position: absolute; left: 0; right: 0; top: 0; background: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); z-index: 10; padding: 50px 20px 20px; display: none; } .window__search-form .form .field_label:empty { display: none; } .window__search-form .-link-close { z-index: 1; } @media(max-width:1023px) { .window { display: block; } .window__left { width: 100%; } .window__right { width: 100%; position: static; } .message-display--positioned.message-display { display: none; } .message-details { position: fixed; z-index: 20; overflow-y: auto; overflow-x: hidden; } html.show-message-details { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .message-container { padding: 15px; } .message-reply { padding: 10px 15px 0; } .message-head { position: absolute; left: 0; right: 0; top: 0; background: #fff; z-index: 10; } .message-reply { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; z-index: 10; } .message-reply .row:last-child .field-set { margin-bottom: 0; } .window__left .scrollbar { min-height: 1%; } .message-body { display: flex; flex-direction: column; justify-content: space-between; height: calc(100% - 170px); width: 100%; padding: 80px 0 0; overflow: auto; } .message-container .scrollbar { max-height: 650px; } } @media(max-width:767px) { .message-head { padding: 15px; } .message-head [class*="col-"]:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .message-head [class*="col-"]:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .message-reply textarea { height: 60px; } .message-container .scrollbar { max-height: 400px; } } /* ] */ /* [ added on 22 march 2019 */ .calendar-view { background: #fff; padding: 20px; } .calendar-view p{text-align:right} .calendar-view .fc-state-default { background: #fff; } .calendar-view .fc-state-disabled.fc-today-button.fc-button { cursor: default; } .calendar-view .fc button { height: 35px; } .calendar-view .fc-toolbar .fc-left h2 { font-size: 1.3rem; line-height: 35px; } .calendar-view .fc-unthemed th { padding: 30px 0 10px; /* border-color:#eee; */ } .calendar-view .fc-unthemed th.fc-axis.fc-widget-header { width: 46px !important; } .calendar-view .fc-unthemed td { /* border-color:#eee;  */ text-align: center; } .calendar-view .fc-unthemed .fc-today { background: #f9f5fe !important; font-weight: 700; color: var(--color-secondary); } .calendar-view .fc-unthemed .fc-today.fc-day-top { border-color: transparent !important; } .calendar-view .fc-unthemed .fc-today.fc-day { border-color: #eee !important; } .calendar-view .fc-unthemed .fc-row.fc-rigid .fc-content-skeleton { top: 10px; } .calendar-view .fc-unthemed .fc-more-cell { position: relative; } .calendar-view .fc-unthemed .fc-more-cell .fc-more { /* position:absolute;top:-70px;left:0;right:0; */ font-size: 0.9rem; font-weight: 700; color: var(--color-secondary); text-transform: uppercase; display: block; margin: 10px 0 0; } .calendar-view .fc-unthemed .fc-day-top .fc-day-number { float: none !important; } .calendar-view .fc-unthemed .fc-popover { padding: 15px; border-radius: 3px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.04); } .calendar-view .fc-unthemed .fc-popover .fc-header { padding: 0; background: #fff; margin-bottom: 10px; } /* .calendar-view .fc-more-popover .fc-event-container{padding:0;display: flex; flex-wrap: wrap;} */ .calendar-view .fc-event-container .fc-day-grid-event { background: var(--color-secondary); border: none; color: #fff; padding: 5px; text-align: left; } .calendar-view .fc-more-popover .fc-event-container { padding: 0; } .calendar-view .fc-more-popover .fc-event-container .fc-day-grid-event { background: var(--color-secondary); border: none; margin: 5px 0 0; } .calendar-view .fc-event-container .fc-day-grid-event .fc-content { color: #fff !important; } .calendar-view .fc-event-container .fc-day-grid-event .fc-content .avtar { float: left; margin-right: 10px; } .calendar-view .fc-day-grid-event .fc-time { font-weight: normal; text-transform: uppercase; padding: 0 0 0 10px; display: block; } .calendar-view .fc-day-grid-event .fc-title { font-weight: 600; display: block; font-size: 1rem; } .giftcard-cart.stickyCartMinimized.gift-cart-purchase { padding: 15px 11px; } .card-image { position: relative; font-size: 0.875em; font-weight: 600; border-radius: 3px; height: 340px; width: 100%; color: #fff; text-align: center; padding: 40px; background: var(--color-secondary); } .card-image:after { position: absolute; left: 15px; right: 15px; top: 15px; bottom: 15px; content: ""; border: 3px dashed #fff; pointer-events: none; } .card-image .gift-amount-large { font-size: 5rem; font-weight: 700; } .card-image .plan-text { text-transform: uppercase; font-size: 1.2rem; } .card-image .brand-logo { width: 150px; bottom: 20px; position: absolute; margin: 0 auto; left: 0; right: 0; text-align: center; padding: 10px; } .card-image .brand-logo img { display: inline-block; } .gift-block label { color: inherit; } .gift-block { position: relative; background: #fff; color: #fff; padding: 30px; } .gift-block:before { background: url(images/patterns.svg) repeat; background-size: auto; background-size: 24px 24px; opacity: 0.1; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .gift-block .form input[type="submit"] { background: var(--color-primary); } .tooltipevent .btn { color: #fff !important; margin: 10px 0 0; } .tooltipevent { 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: center; } .calendar-view #d_calendar td.fc-day.fc-past, .calendar-view #w_calendar td.fc-day.fc-past { background: #fff; } .calendar-view #d_calendar .past_current_day, .calendar-view #w_calendar .past_current_day { background: #f9f5fe !important; } .calendar-view .slot_available { background: rgba(20, 224, 110, 0.3) !important; border: 2px solid transparent !important; font-size: 0.9rem; opacity: 1 !important; } .coupon-offers li { border: 1px dashed rgba(0, 0, 0, 0.3); padding: 10px; margin: 10px 0 0; } .coupon-offers li p { margin: 0; } .coupon-offers li .coupon-code { font-weight: 700; } .apply-coupon__target .heading3 { font-weight: 600; font-size: 1.3rem; } /* ] */ .errorlist.erlist_terms { position: absolute; top: 80%; } .fc-time-grid-event { padding: 5px; color: #fff !important; } .fc-time-grid-event.slot_available { padding: 5px; color: #000 !important; } .fld-date { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI3OC40MTkgMjc4LjQxOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjc4LjQxOSAyNzguNDE5IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KICA8Zz4KICAgIDxnPgogICAgICA8cGF0aCBkPSJtMjM0LjkxNiwyNi4xMDJoLTM0LjgwMnYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDFzLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTg3LjAwNXYtOC43MDFjMC01LjIyLTMuNDgtOC43MDEtOC43MDEtOC43MDEtNS4yMiwwLTguNzAxLDMuNDgtOC43MDEsOC43MDF2OC43MDFoLTM0LjgwMmMtMjQuMzYyLDAtNDMuNTAzLDE5LjE0MS00My41MDMsNDMuNTAzdjE1Ni42MTFjMCwyNC4zNjIgMTkuMTQxLDQzLjUwMyA0My41MDMsNDMuNTAzaDE5MS40MTNjMjQuMzYyLDAgNDMuNTAzLTE5LjE0MSA0My41MDMtNDMuNTAzdi0xNTYuNjExYzAtMjQuMzYyLTE5LjE0MS00My41MDMtNDMuNTAzLTQzLjUwM3ptLTIxNy41MTUsNDMuNTAzYy0xLjA2NTgxZS0xNC0xMy45MjEgMTIuMTgxLTI2LjEwMiAyNi4xMDItMjYuMTAyaDM0LjgwMnY4LjcwMWMwLDUuMjIgMy40OCw4LjcwMSA4LjcwMSw4LjcwMSA1LjIyLDAgOC43MDEtMy40OCA4LjcwMS04LjcwMXYtOC43MDFoODcuMDA2djguNzAxYzAsNS4yMiAzLjQ4LDguNzAxIDguNzAxLDguNzAxczguNzAxLTMuNDggOC43MDEtOC43MDF2LTguNzAxaDM0LjgwMmMxMy45MjEsMCAyNi4xMDIsMTIuMTgxIDI2LjEwMiwyNi4xMDJ2MjYuMTAyaC0yNDMuNjE4di0yNi4xMDJ6bTI0My42MTcsMTU2LjYxMWMwLDEzLjkyMS0xMi4xODEsMjYuMTAyLTI2LjEwMiwyNi4xMDJoLTE5MS40MTNjLTEzLjkyMSwwLTI2LjEwMi0xMi4xODEtMjYuMTAyLTI2LjEwMnYtMTEzLjEwOGgyNDMuNjE3djExMy4xMDh6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im02MC45MDQsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi04LjcwMSA1LjIyLTEyLjE4MXMtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCwzLjQ4IDEuNzQsOC43MDEgNS4yMiwxMi4xODFzNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTYwLjkwNCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItOC43MDEgNS4yMi0xMi4xODEtMS43NC04LjcwMS01LjIyLTEyLjE4MWMtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDYuOTYtNS4yMiwxMi4xODEgMCw1LjIyMSAxLjc0LDguNzAxIDUuMjIsMTIuMTgxczYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICAgIDxwYXRoIGQ9Im0xMTMuMTA4LDIyNi4yMTZjNS4yMiwwIDguNzAxLTEuNzQgMTIuMTgxLTUuMjIgMy40OC0zLjQ4IDUuMjItOC43MDEgNS4yMi0xMi4xODFzLTEuNzQtOC43MDEtNS4yMi0xMi4xODFjLTYuOTYtNi45Ni0xNy40MDEtNi45Ni0yNC4zNjIsMC0zLjQ4LDMuNDgtNS4yMiw4LjcwMS01LjIyLDEyLjE4MXMxLjc0LDguNzAxIDUuMjIsMTIuMTgxYzMuNDgsMy40OCA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTEzLjEwOCwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MWMzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTE2NS4zMTEsMjI2LjIxNmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMiAzLjQ4LTMuNDggNS4yMi02Ljk2IDUuMjItMTIuMTgxIDAtNS4yMjEtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMTY1LjMxMSwxNzQuMDEyYzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyczUuMjItNi45NiA1LjIyLTEyLjE4MWMwLTMuNDgtMS43NC04LjcwMS01LjIyLTEyLjE4MS02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsOC43MDEtNS4yMiwxMi4xODFzMS43NCw4LjcwMSA1LjIyLDEyLjE4MSA2Ljk2MSw1LjIyIDEyLjE4MSw1LjIyeiIgZmlsbD0iIzAwMDAwMCIvPgogICAgICA8cGF0aCBkPSJtMjE3LjUxNSwyMjYuMjE2YzUuMjIsMCA4LjcwMS0xLjc0IDEyLjE4MS01LjIyIDMuNDgtMy40OCA1LjIyLTguNzAxIDUuMjItMTIuMTgxcy0xLjc0LTguNzAxLTUuMjItMTIuMTgxYy02Ljk2LTYuOTYtMTcuNDAxLTYuOTYtMjQuMzYyLDAtMy40OCwzLjQ4LTUuMjIsNi45Ni01LjIyLDEyLjE4MSAwLDMuNDggMS43NCw4LjcwMSA1LjIyLDEyLjE4MSAzLjQ4LDMuNDggNi45NjEsNS4yMiAxMi4xODEsNS4yMnoiIGZpbGw9IiMwMDAwMDAiLz4KICAgICAgPHBhdGggZD0ibTIxNy41MTUsMTc0LjAxMmM1LjIyLDAgOC43MDEtMS43NCAxMi4xODEtNS4yMnM1LjIyLTYuOTYgNS4yMi0xMi4xODFjMC0zLjQ4LTEuNzQtOC43MDEtNS4yMi0xMi4xODEtNi45Ni02Ljk2LTE3LjQwMS02Ljk2LTI0LjM2MiwwLTMuNDgsMy40OC01LjIyLDguNzAxLTUuMjIsMTIuMTgxczEuNzQsOC43MDEgNS4yMiwxMi4xODFjMy40OCwzLjQ4IDYuOTYxLDUuMjIgMTIuMTgxLDUuMjJ6IiBmaWxsPSIjMDAwMDAwIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: calc(100% - 12px) 11px; background-size: 16px 16px; } .table--cols.table { border: 1px solid #eee; } .table--cols.table td { vertical-align: top; } .screen__center-content .btn { margin: 5px; } .box.box--faqs { margin-bottom: 30px; } .box.box--faqs:last-child { margin-bottom: 0; } .table .td__data .btn { margin: 5px 5px 5px 0; } .tab-data-container.tab-data-container-preview > .-padding-20 { background: #fff; } .tab-data-container.tab-data-container-preview .col-list-group:first-child { margin-top: 20px; } .box-bordered { border: 1px solid #eee; padding: 20px; position: relative; } .box-bordered:before { background: url(images/patterns.svg) repeat; background-size: auto; background-size: 24px 24px; opacity: 0.06; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; } .iframe-box { position: relative; width: 100%; } .iframe-box:before { position: relative; padding-bottom: 75%; content: ""; display: block; } .iframe-box iframe { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .fc-unthemed .fc-popover .fc-header .fc-close { margin-top: 0 !important; width: 40px; height: 40px; line-height: 40px; position: absolute; right: 0; top: 0; } .listing--selection li label .errorlist { order: 3; margin-left: 10px; } /****************************************** media queries *****************************************************/ @media(min-width:1199px) { .table-cols td:first-child { width: 25%; } /*.nav ul > li > a:hover,.nav ul > li:hover > a{background: #fff; color: #333;z-index: 3;border-color: #333;}*/ .nav ul > li.nav__dropdown:hover > a { background: none; border-color: transparent; } .nav ul > li.nav__dropdown > a:hover:after, .nav ul > li.nav__dropdown:hover > a:after { border-top: 5px solid #333; } .nav.nav--vertical li a:hover { background: rgba(0, 0, 0, 0.05); border-radius: 3px; } /*.header.is-fixed .nav.nav--primary > ul > li > a:hover{border-color: #333;}*/ .header.is-fixed .nav.nav--primary > ul > li.nav__dropdown > a:hover { border-color: transparent; } .box__slip-data { min-width: 300px; white-space: nowrap; } #left__fixed.stick { position: fixed; width: 376px; } .menu-vertical li a:hover { background: rgba(131, 55, 230, 0.03); } .nav__dropdown-target .menu-vertical { display: none; } .table-listing tr:hover { box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1); margin: -5px; } .inline-action:hover { box-shadow: 1px 6px 6px 1px rgba(0, 0, 0, 0.05); } .blog-row:hover .blog__media { box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 40px 0px; transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } .blog__content h2 a:hover { color: var(--color-secondary); } .col-list--full.col-list [class*="col-"]:nth-child(2) { border-right: 1px solid #ddd; } .screen-chat .btn--sticky:hover { background: #fff; border-color: #fff; color: #000; } /* html.show-facebox{overflow:hidden;} */ } @media(min-width:767px) { .table--cols.table td:first-child { padding-left: 15px; width: 25%; } } @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, .section--blogs { padding: 0; } .blog-row { padding: 50px 0; } .blog-row h2 { font-size: 2.2rem; } .section--upper { margin: -80px 0 0; } } @media(min-width:1199px) and (max-width:1599px) { /* .page-panel__left,.page-panel__inner-r{width: 220px;} .page-panel__right,.page-panel__inner-l{width: calc(100% - 220px)} */ .menu-vertical li a { padding: 18px 15px 18px 55px; } .tabled .tabled__cell { padding: 15px; } .box--earning .row { display: block; } .box--earning .row > [class*="col-"] { display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } /* .page-panel__inner-l .col-list .col-positioned {position: absolute;right: 10px;top: 10px;} .page-panel__inner-l .col-list [class*="col-"].col-positioned {text-align: right;} .page-panel__inner-l .schedule-list li {width: 50%;margin: 0 -2px;vertical-align: top;} .page-panel__inner-l .col-list [class*="col-lg-"]{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .page-panel__inner-l .col-list > .d-lg-flex{display: block!important;}  */ .screen__center-content { width: 95%; } } @media(max-width:1199px) { .page-panel__left .menu-vertical { display: none; } .nav__dropdown-target { min-width: 250px; } .menu-vertical li a { padding: 16px 15px 16px 55px; } .toggle--nav { display: inline-block; } .banner__content, .banner .slick-dots { margin: 0; left: 20px; z-index: 2; } .header { background: #fff; color: #333; padding: 10px 0; box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.07); } .is-landing .header { color: #333; } .nav.nav--primary > ul > li > a.btn { color: #fff; } .header .header__logo-white { display: none; } .header .header__logo-black { display: block; } .header .nav.nav--primary > ul > li.nav__dropdown > a:after { border-top: 5px solid #333; } .header__logo { width: 100px; height: 50px; margin: 0; } .nav.nav--primary-offset { bottom: 0; background: #fff; padding: 0; 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); 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 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-nav-js .overlay--nav { display: block; } .nav.nav--primary-offset > ul > li { display: block; border-bottom: 1px solid #eee; padding: 0; } .nav.nav--primary-offset > ul > li > a { padding: 0 15px; } .nav.nav--primary > ul > li.nav__dropdown > a.is-active:after { border-top: 5px solid transparent; border-bottom: 5px solid #333; top: 12px; } .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; 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; } .banner__content h1 { margin-bottom: 0; font-size: 2rem; } body.is-landing .body, .body { padding-top: 80px; } .media-group .media.media--small { right: 0; } .section--content .row:nth-child(2n) .media-group .media.media--small { left: 0; } .banner .slick-dots { bottom: 20px; } .section--content h2 br, .section--gray h2 br { display: none; } .section--content h2, .section--gray h2 { margin-bottom: 10px; } .tabs-vertical li a { padding-left: 60px; } .section--hiw:before { bottom: 20px; } .section--hiw .col__content:before { bottom: -30px; } .section--slider { padding-bottom: 100px; } .section--slider .quote__col-right { padding: 0 30px 0 30px; } .section--slider .slick-dots { position: relative; bottom: auto; } .tag-list li a { height: 30px; line-height: 30px; } .tag-list li a.tag__clickable:after { top: 5px; right: 5px; } .form-filters .form__element .svg-icon { left: 15px; } .form-filters .form__element:after { right: 14px; } .form-filters .form__element .form__input { padding-left: 40px; padding-right: 30px; } .section--listing, .section { padding: 30px 0; } .section--search { padding: 20px 0; } .filters { bottom: 0; background: #fff; padding: 0; 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); 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-filters-js .filters { opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); visibility: visible; } html.show-filters-js { position: fixed; left: 0; right: 0; top: 0; bottom: 0; } html.show-filters-js .overlay--filters { display: block; } .form__element .form__target { min-width: 500px; } .tabled-box { margin: 0 -10px; } .tabled-box ul { width: 100%; display: table; table-layout: fixed; } .tabled-box ul li { display: table-cell !important; vertical-align: top; padding: 0 10px; } .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; } .-padding-30 { padding: 20px; } .banner__content.banner__content--centered { transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); text-align: center; max-width: 80%; right: 20px; margin: auto; } .section--hiw .col__content:before { bottom: -10px; top: 20px; } .-hide-responsive { display: none !important; } .vertical-links li a { padding: 15px 20px; } .box--faqs .box__footer .d-sm-block { display: inline-block !important; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 10px; } .nav.nav--primary > ul > li.nav__dropdown > a:after { right: 5px; } .nav.nav--primary.nav--primary-offset > ul > li.nav__dropdown > a:after { right: 15px; } .custom-colum__left { width: 100%; float: none; } .tab-swticher { max-width: 300px; margin: 0; display: table; } .page-head { border-top: 2px solid var(--color-secondary); } .custom-colum__middle { width: calc(100% - 260px); padding: 0 30px 0 0; } .page-panel__left { width: 100%; float: none; } .page-panel__right { width: 100%; float: none; padding: 0 0 0 0; } .page-panel__inner-l { float: left; width: calc(100% - 260px); padding: 0 30px 0 0; } .page-panel__inner-r { float: right; width: 260px; } .page-panel__inner-l .schedule-list li { width: 50%; margin: 0 -2px; vertical-align: top; } .page-panel__inner-l .col-list .col-positioned { position: absolute; right: 10px; top: 10px; } .page-panel__inner-l .col-list [class*="col-lg-"] { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-panel__inner-l .col-list > .d-lg-flex { display: block !important; } .banner__content.banner__content--centered { top: 50%; } /* [ blog css for resposive  */ .section--nav { padding: 0; } .nav-categories > ul > li { display: block; text-align: left; } .nav-categories > ul > li > a { padding: 10px; font-size: 1rem; } .nav-categories > ul > li > a.categories-toggle { display: none; margin: auto; } .nav-categories > ul > li > .categories-target { display: block !important; background: transparent; position: relative; box-shadow: none; padding: 0; left: auto; right: auto; top: auto; } .nav-categories .nav-subcategories li { float: none; width: 100%; display: inline-block; vertical-align: top; } .nav-categories { bottom: 0; background: #fff; padding: 0; 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); 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: 350px; } 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-left: 20px; } .blog-row h2 { font-size: 2rem; } .section--blogs { padding: 0; } .blog-row { padding: 40px 0; } .form-search.form-search--blog { padding: 15px; background: #fff; border: 1px solid #e5e5e5; display: block; } .form-search.form-search--blog:after { display: block; clear: both; content: ""; } .form-search.form-search--blog .form__input { border: 1px solid #e5e5e5; } .form-search.form-search--blog .form__input { border-top: 1px solid #e5e5e5 !important; } .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; } /* blog css ]  */ .section--offset .icon { margin-top: 0; } .screen, body.is-screen-on { top: auto; position: relative; bottom: auto; left: auto; right: auto; } .screen .screen__left { position: relative; height: 740px; right: auto; left: auto; top: auto; bottom: auto; } .screen .screen__right { position: relative; width: 100%; top: auto; bottom: auto; left: auto; right: auto; border: none; padding: 0 0; margin: 20px 0 0; } .screen .screen__right .page-head { border-top: none; } .form-search.form-search--single form { width: 100%; padding: 0; } .screen { padding: 0 15px 15px; background: none; } .tabs-inline li { margin: 0 15px; } .offset-min-12 { margin-left: 33.333333%; } .box.box--preview .offset-min-12 { margin-left: 0; } .form input[type="submit"], .form input[type="button"], .form input[type="reset"] { padding: 0 20px; } .box--cta .btn.btn--block { width: auto; display: inline-block; padding: 0 30px; } .fc-view-container { overflow: auto; } .fc-view-container .fc-view { width: 1000px; } .fc-view-container .fc-view .fc-body .fc-row { min-height: 10em; } } @media(max-width:1023px) { .-clear-right, .-clear-left { clear: none !important; float: none !important; } .section--content [class*="col-"] { min-height: 400px; } .section--hiw:before, .section--hiw .col__content:before, .section--slider .container--fixed:before, .section--slider .container--fixed:after { display: none; } .section--hiw .col__content { padding: 15px; background: #f3f2f5; margin-top: 20px; } .section--hiw .media { margin: 0; } .section--slider { background: #f3f2f5; } .section--slider .quote__col-right { padding: 30px 15px 0; } .section.section--hiw { padding-bottom: 0; } .section--slider { padding-bottom: 50px; } .box__slip { width: 70%; } .section.section--details .box.box--toggle:last-child { margin-bottom: 30px; } .-float-left, .-float-right { float: none !important; } .page-panel__inner-l { float: none; width: 100%; padding: 0 0 0; } .page-panel__inner-r { float: none; width: 100%; } .box__count { float: right !important; } .table-listing .listing__desc { max-width: 500px; } .schedule-list li { width: 50%; margin: 0 -2px; vertical-align: top; } .col-list .col-positioned { position: absolute; right: 10px; top: 10px; } .preview.preview--profile { margin-bottom: 20px; } .tabs-inline ul, .tabs-small ul { overflow-x: auto; overflow-y: hidden; white-space: nowrap; } .blog-row h2 { font-size: 1.5rem; } .blog__content { padding-left: 0; } /* [ blog css for resposive  */ .form-search.form-search--blog .blog-toggle { display: block; } .form-search form { width: calc(100% - 60px); float: right; padding-left: 20px; } .blog-filters { bottom: 0; background: #fff; padding: 0; 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); 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: 350px; } 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; } /*  blog css for resposive ] */ .gift-block { padding: 20px; } .box.box--preview .offset-min-12 { margin-left: 33.333333%; } body.is-message-view-active { position: fixed; left: 0; top: 0; bottom: 0; right: 0; } .box.box--narrow .-float-right { float: right !important; } .message-reply textarea { height: 50px; } } @media(max-width:767px) { .section--content .row { padding: 50px 0; } .section--footer { padding: 0; } .section--footer .container, .section--footer .container [class*="col-"] { padding: 0; } .section--footer .container .row { margin: 0; } .footer .toggle__trigger { width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 1px 0 0 0; cursor: pointer; font-size: 1.1em; text-transform: uppercase; padding: 15px 10px 15px 15px !important; color: #fff; background: var(--color-black); } .footer .toggle__trigger:before, .settings-group .btn.btn--bordered-inverse:before { position: absolute; right: 15px; top: 18px; width: 10px; height: 10px; content: ""; border-left: 2px solid rgba(255, 255, 255, 1); border-bottom: 2px solid rgba(255, 255, 255, 1); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .footer .toggle__trigger.is-active:before, .settings-group .btn.btn--bordered-inverse.is-active:before { top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); } .footer .toggle__target { display: none; padding: 10px 15px 10px 15px; } .nav.nav--actions > ul > li { margin: 0 0 0 4px; padding: 0; } .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--primary > ul > li.nav__dropdown.nav__dropdown--notification { margin-left: 5px; margin-right: 5px; } .nav.nav--primary > ul > li.nav__dropdown > a { padding-right: 0; } .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; } .list-container { padding-bottom: 10px; } .settings { margin: 1px 0 0 0; } .settings-group { margin: 0 0; } .settings-group .btn.btn--bordered-inverse { background: var(--color-secondary); color: #fff; text-align: left; font-weight: 600; text-transform: uppercase; border-color: transparent; border-radius: 0; padding: 0 15px; } /*.show-setting-js .settings-group{position: fixed;left: 0;right: 0;top: 0; bottom: 0;z-index: 100;background: #fff;padding: 50px;display: block;} .settings-group .btn.btn--bordered-inverse{color: #333; border-color: #333;} .settings{margin: 0 0 10px 0;} .settings .settings__target{bottom: auto;position: relative;left: auto;right:auto;border: 1px solid #333;margin: 10px 0;text-align: center;}*/ .banner__content { position: relative; top: auto; max-width: 100%; margin: -4px 0 0; transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); left: auto; background: #333; padding: 20px; text-align: center; } .search-form input[type="submit"] { position: relative; right: auto; top: auto; margin: 10px 0; height: 40px; line-height: 40px; width: 100%; } .search-form input[type="text"] { text-align: center; height: 40px; } .banner:after { display: none; } .search-form { /*  max-width: 300px; margin: auto;*/ } .section.section--content .media-group { max-width: 70%; } .section--content .icon { margin-bottom: 20px; } .section--content [class*="col-"] { min-height: 250px; } .media-group .media.media--small { right: 20px; width: 50%; } .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%; } .gototop { background: var(--color-primary); box-shadow: 0 2px 10px rgba(232, 76, 61, .6); -moz-box-shadow: 0 2px 10px rgba(232, 76, 61, .6); -webkit-box-shadow: 0 2px 10px rgba(232, 76, 61, .6); } .box--narrow { min-width: 1%; } .box--narrow { padding: 20px; } .form__element .form__target { min-width: 1%; } .box-list__head { display: block !important; } .box-list__head .btn--fav { margin: 10px 0; } .box__description { min-height: 1%; } .section--search { padding: 20px 0; } .box__slip { width: 100%; text-align: left; z-index: 1; } .form-search .form__element .form__input { border-top: none; } .form-filters .form__element:first-child input { border-bottom: none; } .form-filters .form__element { width: 100%; float: none; } .form-filters .form__element:first-child input { border-right: 1px solid #e5e5e5; } .form-filters .form__element:after { right: 26px; } .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%; } .flex-container { width: 600px; } #facebox .box--medium .box__body { overflow-x: auto; } .floated-list li:first-child { display: block; } .banner__content.banner__content--centered { transform: translate(0, 0); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); right: auto; } .section--icons .icon-col { margin-top: 20px; text-align: center; } .section--icons .icon { float: none; margin: auto; } .accordian__title { padding: 20px 50px 20px 20px; line-height: 1.6; } .accordian__body { padding: 0 20px 20px 20px; } .accordian__title:before { right: 10px; top: 16px; } .section--footer { padding-bottom: 0; } .team:first-child .team__media { margin-top: 0; } .form-container { padding: 20px; } .address-container { padding-top: 30px; text-align: center; } .address-box:nth-child(2) { margin-top: 30px; } .section .section__head { padding-bottom: 10px; } .selection-list ul li { width: 100%; } .tabs-gray ul { display: block; overflow: auto; 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; } .box--faqs .box__footer { text-align: center; padding: 25px; } .box--faqs .box__footer [class*="col-"] { background: rgba(0, 0, 0, 0.04); padding: 15px; } .box--faqs .box__footer [class*="col-"]:last-child { padding-top: 20px; } .nav.nav--actions > ul > li.nav__dropdown.nav__dropdown--account > a img { width: 100%; } .-padding-30 { padding: 15px; } .calendar-scroll { overflow: auto; } .calendar-scroll .calendar { width: 650px; } .col-list .col-positioned { position: relative; right: auto; top: auto; padding-top: 0; } .col-list .avtar + h6 { font-size: 1.4rem; } .list-container .list p { font-size: 1rem; } .section--page { padding: 20px 0; } .tab-swticher { max-width: 300px; margin: auto; display: table; } . .custom-colum__left { width: 100%; float: none; } .custom-colum__middle { padding: 0; width: 100%; float: none; } .page-head { padding: 15px; border-radius: 0 0 2px 2px; } .-padding-20 { padding: 15px; } .custom-colum__right { float: none; width: 100%; } .page-head h1 { font-size: 1.5rem; } .page-filters { padding: 15px 15px 0; margin-bottom: 20px; } .tab-swticher-small.tab-swticher .btn { padding: 0 15px; min-width: 1%; } .select-box .select-box__value { line-height: 1.4; } .select-box .select-box__value:after { margin-top: -3px; } .col-list [class*="col-"].col-positioned { text-align: left; } .col-list [class*="col-"].col-positioned .select-box { padding-left: 115px; } .nav.nav--primary-offset > ul > li > a { font-size: 1.2rem; height: 45px; line-height: 45px; } .select-box.select-box--small .select-box__value:after { top: 16px; } .direction { margin: 0 0 0 5px; } .select-box.select-box--small .select-box__value { padding-right: 30px; } .select-box.select-box--small { margin-left: 5px; } .calender-actions .select-box.select-box--small { float: right; } .page-panel__inner-r { padding-top: 20px; } .menu-vertical li.-show-responsive { display: block !important; } .box__data { padding: 0; } .row--actions { margin: 0 -5px; } .row--actions .btn { padding: 0 5px; margin-top: 10px; } .row--actions [class*="col-"] { padding: 5px; } .h1-heading { font-size: 2rem; } .grids-wrap .wrap { padding: 15px; height: auto; margin-bottom: 20px; } .grids-wrap .wrap h4 { font-size: 1.2rem; } .table-listing .listing__desc { max-width: 100%; overflow: visible; white-space: normal; text-overflow: inherit; line-height: 1.6; } .table-listing tr { display: inline-block; width: 100%; background: #fff; margin: 0 0 10px 0; } .table-listing td { display: inline-block; width: 100%; padding: 15px; } .table-listing td.td--check { width: auto; padding-right: 0; padding-bottom: 0; } .table-listing td.td--avtar { width: auto; padding-bottom: 0; } .controls li a, .controls li > span { padding: 12px; } .list-container__footer { padding: 10px; } .page-panel__inner-l .col-list .col-positioned { position: relative; right: auto; top: auto; } .page-panel__inner-l .schedule-list li { width: 100%; margin: 0; } .load-more .btn { margin-top: 0; } .page-heading { font-size: 1.4rem; } .section-head { padding-bottom: 15px; } .row--addons { padding-bottom: 20px; } .row--addons [class*="col-"] { width: 50%; } .row--addons [class*="col-"]:last-child { width: 100%; } .data-group p { font-size: 1rem; } .box--minheight { min-height: 1%; } .inline-icon { width: 16px; height: 16px; } .attachment-file { padding-left: 25px; } .section--offset .icon { margin-top: 20px; } .banner .form-search { min-width: 1%; } .section--nav { padding: 0; } .section--blogs { 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: 0 0 15px 0; 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%; } /*  blog css for resposive ]  */ .box-list__head .btn--fav { font-size: 1rem; } .grid-group .grid span { padding: 6px 10px; } .grid-group .grid { padding-bottom: 10px; } .grid-group { margin-bottom: 10px; } .box-list__body .grid-group .grid span strong { word-break: break-all; } .banner__content.banner__content--centered { max-width: 100%; } .label-select { padding: 15px 15px 15px 15px; } .label-select label h6 { padding: 0 0 0 30px; } .label-select .checkbox, .label-select .radio { left: 15px; top: 12px; } .listing-cell { margin-top: 15px; } .listing-cell ul li .btn { margin-top: 8px; } .screen .screen__left { height: 400px; } .card-image { height: 260px; margin-bottom: 20px; } .card-image .gift-amount-large { font-size: 4rem; } .table--cols.table td { padding: 0 0 5px; } .table--cols.table tr { padding: 15px; } #frm_fat_id_frmBlogContribution.form .field_label:empty { display: none; } .col-list [class*="col-"]:first-child { border-right: 0; } .box-bordered .form.form--small { margin: 5px 0 10px; } .section--lower { padding: 10px 0; } .social-links { margin: 0; } .table tr:last-child { border-bottom: none; } .field_label { min-height: 1%; } .tab-swticher .btn:last-child { border-radius: 0 2px 0 0; } .tab-swticher .btn:first-child { border-radius: 2px 0 0 0; } .schedule-list li { padding-bottom: 8px; } .schedule-list li:last-child { padding-bottom: 0; } .window__search { border-top: 2px solid var(--color-secondary); } .screen__center-content { width: 95%; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 0; } .schedule-list li:nth-child(2) { /* padding-left: 60px;*/ } .section--content { padding: 0; } } @media(max-width:600px) { .box-list, .box__profile-head { text-align: center; } .box__profile-head .avtar { margin-bottom: 20px; } .box__profile-head .location { display: table; margin: 10px auto 0; } .txt-inline .txt-inline__tag.last { margin: 5px 0 0; display: block; } .box-list__head { margin: 15px 0; } .tick-listing.tick-listing--onehalf li { width: 100%; margin-right: 0; } .sort-form [class*="col-"] { margin-bottom: 15px; } .offset-min-12 { margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .box__calender li .time { min-width: 50px; } .box--faqs .box__footer .d-sm-block { display: block !important; margin-bottom: 10px; } .schedule-list li { width: 100%; } .page-controls, .page-controls .-align-right { text-align: left !important; } .page-controls .-txt-normal { padding-left: 0; } .controls { margin-bottom: 20px; } .controls:first-child { margin-right: 10px; } .row--addons [class*="col-"] { width: 100%; } .row--addons [class*="col-"] .field_label { min-height: 1%; } .row--addons [class*="col-"] .inline-action { width: 100%; } .blog__content { padding-top: 20px; } .grid-group { margin: 0 0 15px; } /*New added in Language page*/ .inline-action.inline-action--minus, .inline-action.inline-action--add { width: 100%; } /* [ blog css for resposive  */ .row.row--cols [class*="col-"].-align-right { text-align: left !important; } .box__footer .social--share { margin-top: 20px; } /* blog css for resposive ]  */ .listing-cell ul li { padding: 10px 0 0; width: 100%; } .timer { display: inline-block; margin: 15px 0 15px; } .screen-chat .btn--sticky { position: relative; right: auto; top: 0; display: table; border-color: var(--color-secondary); color: var(--color-secondary); margin: 10px auto 0; } .box.box--preview .offset-min-12 { margin-left: 0; } } @media(max-width:400px) { .box-list .box-list__body .btn.btn--bordered { min-width: 200px; margin: 0 5px; display: block; } /*.select-box.select-box--small{margin: 15px 0 0;} .direction{float: right;}*/ .-block-on-mobile { display: block; text-align: center; } .direction { margin: 10px 0 5px; } .calender-actions .select-box.select-box--small { margin-top: 10px; } /*.row--actions [class*="col-"]{padding-top:10px; -ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}*/ /* [ blog css for resposive  */ .blog-filters { width: 280px; } /* blog css for resposive ]  */ .tab-swticher-small.tab-swticher { margin-left: 10px; } } @media(max-width:500px) { .row--actions.row { width: 100%; display: block; } .row--actions.row [class*="col-"] { width: 100%; display: block; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .row--actions .btn { width: 100%; display: block; } .tab-swticher { max-width: 100%; margin: auto; display: flex; } .tab-swticher .btn { float: none; } .box--cta .btn.btn--block { width: 100%; display: block; padding: 0 10px; } .box--faqs .box__footer [class*="col-"]:last-child .btn { margin-top: 10px; } .schedule-list li:nth-child(2) { padding-left: 0; } } .jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content { overflow: hidden !important; } .construction-message-wrapper { display: flex; align-items: center; justify-content: center; height: 100%; margin: 0 0 30px 0; } .construction-message { margin: 0 auto; text-align: center; } .svg-maintenance { width: calc(40.5% + 0.3vw); height: auto; margin: 30px 0; } .svg-maintenance .-color-secondary { stroke: var(--color-secondary); } .svg-maintenance .-color-primary { stroke: var(--color-primary); } /*==============================OVERWRITE CSS FROM OTHERS========================*/ .checkbox .input-helper:after { border-bottom-color: var(--color-main); border-left-color: var(--color-main); } .box-language .col:first-child { margin-bottom: 10px; } /*===========================Increasing languages======================*/ .box-language .language, .border-box .language, .my_teacher_langauges .language { display: inline-block; position: relative; margin: 0; width: 100%; } .box-language .language span, .border-box .language span, .my_teacher_langauges .language span { float: left; line-height: 24px; margin: 0px 3px; position: relative; font-size: 0.9rem; } .my_teacher_langauges .language span:first-child { margin-left: 0; } .my_teacher_langauges .language ul li span.plus { margin-left: 5px; } .box-language .language span.main-language:after { content: ","; position: absolute; } .box-language .language span.main-language:last-child:after { content: ""; } .box-language .language ul, .border-box .language ul, .my_teacher_langauges .language ul { margin-left: 0px; } .box-language .language .more_listing ul:after, .border-box .language .more_listing ul:after, .my_teacher_langauges .language .more_listing ul:after { content: ""; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid var(--color-secondary); content: " "; position: absolute; top: -7px; right: 11px; } .box-language .language ul li, .border-box .language ul li, .my_teacher_langauges .language ul li { position: relative; } .box-language .language .plus, .my_teacher_langauges .language .plus { background: var(--color-secondary); border-radius: 3px; padding: 0px 9px; font-weight: 600; color: #fff; font-size: 16px; float: left; cursor: pointer; height: 24px; position: relative; line-height: 24px; } .border-box .language .plus { background: var(--color-secondary); border-radius: 3px; padding: 1px 9px; font-weight: 600; color: #fff; font-size: 16px; float: left; cursor: pointer; height: 32px; position: relative; line-height: 32px; } .box-language .language .more_listing, .border-box .language .more_listing, .my_teacher_langauges .language .more_listing { display: none; width: 150px; position: absolute; left: 0px; padding-top: 35px; } .box-language .language ul li:hover .more_listing, .border-box .language ul li:hover .more_listing, .my_teacher_langauges .language ul li:hover .more_listing { display: block; } .box-language .language .more_listing ul, .border-box .language .more_listing ul, .my_teacher_langauges .language .more_listing ul { background: var(--color-secondary); margin-top: 20px; z-index: 555; border-radius: 2px; margin: 0px; position: relative; padding: 6px; } .box-language .language .more_listing li a, .border-box .language .more_listing li a, .my_teacher_langauges .language .more_listing li a { color: #fff; display: block; padding: 5px 7px; } .border-box .language span { background: var(--color-grey-light); padding: 3px 6px; font-size: 0.857rem; color: var(--color-dark); margin: 0 5px; } .border-box .box-body .tags .language li { background: transparent; padding: 0px; color: var(--color-dark); margin: 0px; } .border-box .language .more_listing { padding-top: 45px; } .my_teacher_lang_heading { display: inline; } .language .more_listing ul li a { word-break: break-all; } /*==========================New CSS for button with new class=================*/ .btn--status-correct { background: #14892c; } .btn--status-top { background: #f79232; } .myTeacherTable .profile-info__right { width: 100%; } .field_resp_block a { margin-left: 5px; } .field_cover label.field_resp_block { display: block; } /*************/ .footer .settings .settings__target { z-index: 99; } .btn_faq { margin-top: 10px; } .user_url_string { margin-top: 10px; margin-bottom: 0; } .moreTextHide, .lessTexthide { display: none; } .link-color { color: var(--color-primary); } .readMore { float: right; } .links--vertical.footer_contact_details li { font-size: 0.857rem !important; color: #fff !important; } .messageCheckbox { text-align: right; margin-top: 15px; } .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; } .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; } .links--vertical.footer_contact_details li { font-size: 0.857rem !important; color: #fff !important; display: flex; line-height: 1.5; } .links--vertical.footer_contact_details li img { margin-right: 10px; } @media (max-width: 767px) { .links--vertical.footer_contact_details li { color: var(--color-dark)!important; } } #loaderCalendar { position: absolute; width: 100%; background: rgba(255, 255, 255, 0.5); z-index: 4; height: 100%; } #loaderCalendar .loader { margin-top: 30%; } .box-hint { width: 15px; height: 15px; border: 1px solid #dcdcdc; display: inline-block; margin-right: 10px; margin-left: 10px; line-height: 1; } .available-box { background: rgba(20, 224, 110, 0.3); } .booked-box { background: var(--color-secondary); } html.show-facebox body { overflow-y: hidden; } .calendar-view .fc-toolbar .fc-left h6 { color: #519cea; } .calendar-view .fc-toolbar .fc-right h2 { font-size: 1.3rem; line-height: 35px; } /** system message **/ #mbsmessage, .system_message { position: fixed; width: auto; margin: 0 auto; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 99999; text-align: center; } #mbsmessage .content, .system_message .content { margin: 0 auto; text-align: center; position: relative; display: inline-block; vertical-align: top; } #mbsmessage .content:before, .system_message .content:before { background-size: 30px !important; content: ""; left: -40px; position: absolute; top:-10px; z-index: 2; width: 30px; height: 30px; display: block; } #mbsmessage.alert--danger .content:before, .system_message.alert--danger .content:before { background: url(images/icon--attention.svg) no-repeat; } #mbsmessage.alert--success .content:before, .system_message.alert--success .content:before { background: url(images/icon--success.svg) no-repeat; } #mbsmessage.alert--info .content:before, .system_message.alert--info .content:before { background: url(images/icon--info.svg) no-repeat no-repeat; } #mbsmessage.alert--warning .content:before, .system_message.alert--warning .content:before { background: url(images/icon--warning.svg) no-repeat no-repeat; } .alert--success { background: #00b6ad; } .alert--info { background: #02b4d1; } .alert--warning { background: #f3c532; } .alert--process { background: #333; } .alert--danger { background-color: #f35f5f; } .div_error { text-align: left; padding: 20px 60px 20px 60px; position: relative; color: #fff; /*font-size: 0;*/ line-height: normal; background: url(images/icon--attention.svg) no-repeat 15px 15px #f35f5f; background-size: 30px; } .alert .div_error,.alert .div_info { padding: 0px; } #mbsmessage .content .div_error, #mbsmessage .content .div_info { padding: 0px; } .alert .div_error { background: none; } .div_error li { color: inherit; position: relative; padding: 0 0 5px 0; } .div_error li a { color: #fff; text-decoration: underline; } .div_info { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--info.svg) no-repeat 15px 15px #02b4d1; background-size: 30px; } .alert .div_info { background: none; } .div_info li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_info li a { font-weight: normal; text-decoration: none; color: #fff; cursor: default; } .alert .div_msg { background: none; } .div_msg { font-weight: normal; padding: 20px 40px 20px 60px; position: relative; color: #fff; background: url(images/icon--success.svg) no-repeat 15px 15px #00b6ad; background-size: 30px; } #mbsmessage .div_msg, .system_message .div_msg { padding: 0; } .div_msg li { font-weight: 300; font-size: 1em; position: relative; padding: 0 0 5px 0; color: inherit; } .div_msg li a { font-weight: normal; font-size: 13px; text-decoration: none; color: #fff; cursor: default; } .div_info li:last-child, .div_error li:last-child, .div_msg li:last-child { padding-bottom: 0; } /* validation error messages */ .error { border-color: #F00!important; } .errorlist { margin: 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; } .errorlist li:last-child { padding-bottom: 0; } .errorlist li { font-size: 12px; position: relative; } /* alerts */ .alert { font-size: 1em; color: #fff; width: 100%; /*position: relative;*/ padding: 20px 20px; border: 1px solid transparent; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } .alert a { color: #fff; text-decoration: underline; } .alert--positioned-top { right: 20px; top: 25px; left: auto!important; bottom: auto!important; } .alert--positioned-bottom { left: 20px; bottom: 25px; } .alert--positioned-right-top { right: 20px; top: 25px; left: auto!important; bottom: auto!important; } .alert--positioned-right-bottom { right: 20px; bottom: 25px; left: auto!important; bottom: auto!important; } .alert--positioned-bottom-center { left: 0!important; right: 0!important; bottom: 25px; } .alert--positioned-top-center { left: 0!important; right: 0!important; top: 0; } .alert--positioned-center-center { left: 50%!important; top: 50% !important; bottom: auto !important; transform: translateX(-50%) !important; } .alert--positioned-top-full { left: 0!important; right: 0!important; top: 0; } .alert p { color: inherit; } .alert h5 { font-size: 18px; font-weight: 500; padding: 0; color: inherit; } .alert .close, .system_message .close { opacity: 0.3; } .alert .close:hover, .system_message .close:hover { opacity: 1; } .system_message .closeMsg { z-index: 1; width: 20px; height: 20px; position: absolute; right: 10px; top: 10px; text-align: center; line-height: 18px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .alert h4, .alert p { margin: 0; color: inherit; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert--process:before { content: ""; border-radius: 50%; width: 32px; height: 32px; display: inline-block; position: absolute; left: 15px; top: 14px; border-top: 3px solid rgba(255, 255, 255, 0.2); border-right: 3px solid rgba(255, 255, 255, 0.2); border-bottom: 3px solid rgba(255, 255, 255, 0.2); border-left: 3px solid #ffffff; -webkit-transform: translateZ(0); -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); } } @media(max-width:767px) { #mbsmessage, .system_message { left: 10px; right: 10px; width: auto; } #mbsmessage .content, .system_message .content { min-width: inherit; } }