/*! * 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: #f8cf27; --color-secondary: #453e36; --color-light: #fff; --color-dark: #453e36; --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: #f6f3ea;font-family: 'Nunito', 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; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; color: inherit;line-height: 1.8; 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: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #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"]{background: none;border: none; border:1px solid #ddd; border-radius:5px; height:40px; padding:0 10px; width:100%; color:#999;font-family:inherit;line-height: 100%;background:#fff;} 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{border-color: #333;} 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-primary); display:inline-block;vertical-align: top;padding:0 30px;border: 0 none;position: relative; cursor: pointer;border: none; height:40px; line-height:40px;color: #000;border-radius:5px;font-weight: 600; font-size: 1.1rem;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="button"],.form input[type="reset"]{background:var(--color-secondary); display:inline-block;vertical-align: top;padding:0 30px;border: 0 none;position: relative; cursor: pointer;border: none; height:40px; line-height:40px;color: #fff;border-radius:5px;font-weight: 600; font-size: 1.1rem;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;} .field-set{display: inline-block;width: 100%;margin-bottom: 25px;} .field_label{font-size: 1.1rem; color: #666;} .form--horizontal .field-set {display: table;table-layout: fixed;width:90%;} .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;} .list-inline li {display: inline-block;padding: 0 10px 10px 0;} .list-inline label {background: #fff;min-height: 40px;border: 1px solid #eaeaea;border-radius: 5px;display: inline-block;margin: 0 2px 0 0;padding: 8px 15px 8px 10px;line-height: 1.4;} .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);} 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-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--color-dark);font-family: 'Noto Serif', serif; } h1, .h1 { font-size:2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.4rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014 \00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code, 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: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } }*/ @media (min-width: 1200px) { .container--fixed { max-width: 1270px; } } @media (max-width: 1399px) { .container--fixed { max-width: 1240px; } } .container--fluid { width: 100%; padding: 0; } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-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:20px; 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;} .-line{width: 100%;display: inline-block;background: rgba(0,0,0,0.1);margin: 20px 0;height: 2px;} /* button ---------------------- */ .btn{background: #333; display:inline-block;vertical-align: top;padding:0 20px;border: 0 none;position: relative; cursor: pointer;border:none; height:40px; line-height:40px;color: #fff;border-radius:5px;font-weight: 600; font-size: 0.9rem; -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--block{display: block; width: 100%; text-align: center;} .btn.btn--small{height:30px; line-height:30px;font-size: 0.85em; padding:0 10px;} .btn.btn--large{height:60px; line-height:60px; padding:0 40px;font-size: 1.1em;} .btn.btn--xsmall{height:28px; line-height:28px;font-size: 0.83em; padding:0 10px;} .btn.btn--primary{ background:var(--color-primary); border-color:var(--color-primary);color: #000;} .btn.btn--secondary{ background:var(--color-secondary); color: var(--color-light); border-color:var(--color-secondary);} .btn.btn--bordered { background:transparent; color: var(--color-dark);border:1px solid var(--color-secondary);line-height: 38px;} .btn.btn--gray {background:transparent; color: var(--color-dark);border:1px solid #ddd;} .btn.btn--third {background:#d9d2be; color: var(--color-dark);} .btn--wide.btn{min-width:150px;text-align: center;font-size: 1.1rem;} .btn--social-fb {background-color: #3a5795; border-color: #3a5795;} .btn--social-gp {background-color: #df4a32; border-color: #df4a32;} .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; } /* radio and checkbox */ .checkbox, .radio {margin: 0; line-height: 1.6; display: inline-block; position: relative; vertical-align:top; padding: 0 0 0 25px;} .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);} .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 #ccc;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: #000;} .checkbox .input-helper:before { top: 2px; width: 17px; height: 17px; } .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 #000; border-left: 2px solid #000; border-bottom-left-radius: 2px; left: 3px; top: 6px; } .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:0; width: 18px; height: 18px; border-radius: 50%; } .radio .input-helper:after { width: 8px; height: 8px; background: #000; border-radius: 50%; top:5px; left: 5px; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .message-display{text-align: center;padding:70px 50px;} .message-display h5{margin: 0 0 20px 0;line-height: 1.6;} .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 20px;} .message-display__icon svg{opacity: 0.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;} .table th{text-align: left;padding:16px 10px;border-bottom: 2px solid #eee;} .table td{text-align: left;padding:16px 10px;border-bottom: 1px solid #eee;} /************************ media queries******************************/ @media(min-width:1200px){ /*.btn.btn--bordered:hover {border-color:var(--color-primary);}  */ .btn:hover{background:var(--color-secondary); border-color: var(--color-secondary); color: var(--color-light);} .header__action .btn.btn--ad:hover{background:var(--color-light);border-color: var(--color-light);color: var(--color-dark); } .form input[type="submit"]:hover{background-color:var(--color-secondary); color: #fff;} #adsPostBlock #imageFrm .field_cover,#frm_fat_id_frmTestimonialMedia .field_cover { margin-bottom: 0px; } } @media(max-width:1023px){ .form--horizontal .field-set{width:100%;} } @media(max-width:767px){ h1, .h1 {font-size: 2rem;} h2, .h2 {font-size: 1.5rem;} h3, .h3 {font-size: 1.4rem;} h4, .h4 {font-size: 1.3rem;} h5, .h5 {font-size: 1.2rem;} h6, .h6 {font-size: 1rem;} .message-display{padding: 10px;} .table tr{display: inline-block;width: 100%;padding: 15px 0;border-bottom: 1px solid #ddd;} .table tr td{display: inline-block;width: 100%;padding:10px 0;border-bottom: none;} .table tr td .td__caption{width:30%;float: left;} .table tr td .td__data{width:70%;float: left;} } @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"]{width: 100%;display: block;margin: 0 0 5px 0;} } #adsPostBlock #imageFrm .field_cover,#frm_fat_id_frmTestimonialMedia .field_cover { margin-bottom: 17px; } div#image-listing { clear: both; float: left; width: 100%; } @media all and (max-width: 767px) { /* screen size until 767px */ .popup__body a.btn.btn--primary.btn--sm { padding: 0px 10px 0px 12px; } #testimonialForm .media-group > ul > li { width: 38%; }	 #mbsmessage, .system_message,.alert.alert--positioned { left:0px !important; }	 #viewFeaturedAdPlan .table th {padding: 16px 2px; } #viewFeaturedAdPlan .table tr td { padding: 5px 0; } #ordersListing .table th {padding: 16px 4px;} #viewFeaturedAdPlan.table--listing th:first-child, #viewFeaturedAdPlan .table td:first-child { padding-left: 0px; } #editUserProfile #frmUser input[type="reset"] {	width: 100%;	} } /**************** 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;} .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;} .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: -14px;} .slick-arrow.slick-prev:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);margin-left: -6px;} .slick-arrow.slick-next{right: -14px;} .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:20px;height: 6px; border-radius: 5px;background: #f5f1e5; border: none; font-size: 0;} .slick-dots li.slick-active button{background:var(--color-primary);} /**************** header ********************/ body.is-home{background: #fff;} .header{background: var(--color-secondary);padding:16px 0;position: fixed;left: 0;right: 0;top: 0;z-index: 10; -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;} .header__logo{float: left;margin: 0;width: 135px;height:60px;position: relative;} .header__logo img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .header__actions {float: right;padding: 0 0 0 20px;} .header__search {display: block; overflow: hidden;} .header__search input[type="text"]{border-radius: 5px 0 0 5px;} .header__search input, .header__search select{border: none;} .header__search select{border-radius:0; border-left: 1px solid #ddd;} .header__search [class*="col-"]{padding: 0;} .header__search .row{margin: 0;} .header__search input[type="submit"]{width:100%;background: #f8cf27 url(images/icon-search.svg) no-repeat center center;border: none; border-radius: 0 5px 5px 0;font-size: 0;height:40px;cursor: pointer;padding: 0;} .header__action{display: inline-block;vertical-align: middle;color: #fff;margin: 0 0 0 5px;position: relative;} .header__link{color: inherit;height: 40px;line-height: 40px;padding: 0 20px;border: 1px solid transparent;display: inline-block;border-radius: 5px;} .header__link:hover{border-color: #fff;} .header__action-user .svg-icon{width:20px;height: 20px;overflow: hidden;display: inline-block;vertical-align: middle;position: relative;top: -2px;} .header__action-user .svg-icon svg{position: absolute;left: 0;top: 0; bottom: 0;right: 0;margin: auto;fill:#fff;} .location-group{position: relative;padding: 0 0 0 20px;} .header__action-location .svg-icon{position: absolute;left: 0;top:12px;} .header__action-location input{background: none;border: none;color: #fff;padding-left: 0;width: auto;max-width: 130px;} .header__action-location ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff;opacity: 1; } .header__action-location :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff;opacity: 1; } .header__action-location ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff;opacity: 1; } .header__action .btn--ad:before{content: "+";font-size: 1.3rem;font-weight: 700;line-height: 1;} .header__action-user .btn.btn--bordered{color: var(--color-light);border: none;} .dropdown > a{padding-right: 35px;} .dropdown > a:after{position: absolute;right:15px;top: 16px; content: "";border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid rgba(255,255,255,0.2);} /* drop down for desktop */ .dropdown__target{min-width: 230px; z-index: 10; right:0; top: 160%; position: absolute; padding:0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;visibility: hidden;} .dropdown__target .round-box{overflow: hidden;padding: 0; box-shadow: 0 20px 20px 4px rgba(0,0,0,0.08);border: none;position: relative;top: -7px;border-radius: 5px;} .dropdown__target .round-box .nav--vertical li a{font-size: 0.9rem;padding:15px 10px;} .dropdown__target .round-box .nav--vertical li:first-child{border-top: none;} .dropdown__target .round-box .nav--vertical li:last-child{border-bottom: none;} .dropdown.is-active .dropdown__target{visibility: visible;top: 100%; opacity: 1; filter: alpha(opacity=100); } @media (min-width:1200px) { .dropdown.is-active .dropdown__target,.dropdown:hover .dropdown__target {visibility: visible;top: 100%; opacity: 1; filter: alpha(opacity=100); } .dropdown:hover > a{background: #fff; color: var(--color-dark)!important;} .dropdown:hover > a:after{border-top: 6px solid rgba(0,0,0,0.2);} .dropdown:hover > a svg{ fill: var(--color-dark)!important;} } /**************** page css ********************/ .body{padding: 92px 0 0;} .banner{overflow: hidden;} .caraousel__item{padding:4px 2px;opacity: 0.3;} .caraousel.caraousel--single .slick-current.slick-active .caraousel__item{opacity:1;} /* section */ .section{padding:60px 0;position: relative;} .section .section__head{padding: 0 0 30px;} .section.section--caraousel{background: #f9f7f0;padding-bottom: 40px;} .section.section--caraousel .item{margin: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;} .row--steps.row [class*="col-"]:last-child .media .media__icon:after{display: none;} .media .media__icon:after{width: 80px;height: 2px;background: #eee;content: "";right: -110%;position: absolute;top: 50%;} /* .bordered-box__media img{opacity: 0.6;} */ .bordered-box{width:20%;float: left;text-align: center;border-style: solid;border-color: #e6e6e6;border-width: 0 0 1px;border-right-width: 1px;border-bottom-width: 1px;} .bordered-box__item{padding: 30px;width: 100%;display: block;position: relative;height: 180px;} .bordered-box.bordered-box--large{width: 40%;} .bordered-box.bordered-box--large .bordered-box__item{height: 362px;} .bordered-box__item:before{background: #fff;content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: 0.3s all;border-radius: 10px;} .bordered-box__media{ width: 100px;height: 80px;position: relative;display: block;margin:0 auto 10px;} .bordered-box__media img{position: absolute;left: 0;right: 0; top: 0; bottom: 0;margin: auto;} .bordered-box__content{width:60%;margin: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);} .bordered-box__content h1{margin-bottom: 20px;font-size: 2rem;} .bordered-box__caption{position: relative;display: block;} .bordered-box:nth-last-child(-n+3):nth-child(4n+2), .bordered-box:nth-last-child(-n+3):nth-child(4n+3):nth-last-child(-n+2), .bordered-box:nth-last-child(-n+4):nth-child(4n+1) {border-bottom-width: 0;} .bordered-box .bordered-box__item:nth-child(2n) {border-top: 1px solid #e6e6e6;} .bordered-box:nth-child(3){float: right;border-right: none;border-bottom: none;} .bordered-box:last-child{border-bottom: none;} /* item */ .reviewEditRating { position: absolute; right: 45px; width: 130px; transform: translate(0,-50%); } .item--hovered{-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;} .item{padding: 20px;position: relative;width: 100%;border-radius: 10px;box-shadow: 0 0 10px 4px rgba(0,0,0,0.05); background: #fff;margin: 20px 0 0;} .item__head{position: relative; width: 100%;} .item__media{position: relative; width: 100%; border-radius: 10px; overflow: hidden;background: #eee; margin: 0 0;} .item__media img{position: absolute;left: 0;right: 0;top: 0; bottom: 0; margin: auto;} .item__media:before{padding: 0 0 74% 0; content: "";display: block;} .item__tag{position: absolute;left: 50%; background: var(--color-primary);color: var(--color-dark);font-size: 0.9rem;padding: 8px 25px 5px; border-radius:5px 5px 0 0;bottom: -1px;transform: translate(-50%,0);font-size: 0.85rem; text-transform: uppercase; padding: 5px 20px;} .item__body{text-align: center;padding: 20px 0 0;} .item__title{font-size: 1.2rem;font-weight: 600;color: var(--color-dark);display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 0 0 5px 0;font-family: inherit;} .item__subtitle{font-size: 0.95rem;color: var(--color-grey);} .item__price{font-size: 1.4rem;color: var(--color-primary);font-weight:700;} .item__action{width:40px;height:40px;position: absolute;display: inline-block;float: right;border-radius: 100%;right: 20px;top:20px;} .item__action.is-active{background: var(--color-primary)!important;} .item__action .svg-icon{width:20px;height:19px;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;overflow: hidden;} .item__action .svg-icon svg{width:100%;height:100%;} .item__info{width:100%;display: inline-block;margin: 20px 0; border-top: 1px solid #ebebeb;padding: 20px 0 0;} .item__info ul{display: flex;flex-wrap:wrap; width: 100%;} .item__info li{padding-right: 15px;vertical-align:middle;flex-grow:1;} .item__info li.item__info-first{width: 40%;} .item__info li:last-child{width:100%;padding-right: 0;/*text-align: right;*/} .item__info li.item__info-first h6{font-weight: 600;} .item__info h6{font-family: inherit;margin: 5px 0 5px 0;font-size: 0.9rem;} .item__info small{text-transform: uppercase;color: #888;} .item__info .avtar{float: left;margin: 0 15px 0 0;} .item__ratings.item__ratings--small{font-family: Arial;} .item__ratings .item__ratings-star{display: inline-block;overflow: hidden;vertical-align:middle;margin: 0 3px 0 0;} .item__ratings .item__ratings-star svg{fill:var(--color-primary);} .item__desc p{margin: 0;display: inline;color: #777;} .item__desc p + a{text-decoration: underline;font-size: 0.9rem;} .item.item--reviews{padding:30px;box-shadow: none;margin: 0 0 30px 0;} .item.item--reviews h5{font-family: inherit; font-weight: 600;margin: 5px 0 5px;} .item.item--reviews h6{font-family: inherit; font-weight: 400;margin: 10px 0 5px;font-size: 1.1rem;} .item.item--reviews h6 span{color: #888;font-size: 0.9rem;} .item.item--reviews .desc p{color: #888;} .item__info small{font-size: 0.88rem;display: block;margin-bottom: 4px;} .item__info.item__info-full{border-bottom: 1px solid #ebebeb;padding-bottom:10px;margin-top:10px;} .item__info.item__info-full li{width:25%;} .item__info.item__info-full + .btns-group .btn{margin-right:6px;} .item.item--horizontal.item--small.item--edit .item__body{padding-right: 300px;} .item.item--horizontal.item--small.item--edit .item__actions{position: absolute;right:15px;top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);} .item.item--horizontal.item--small.item--edit .item__actions .btn{margin: 10px 0;} .item--horizontal.item .item__tag{bottom: auto;left: 10px; top: 10px;z-index: 1;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);border-radius: 0;padding:5px 20px;font-weight:700;} .item--horizontal.item.item--featured{border-color: var(--color-primary);} @media(min-width:767px){ .item.item--horizontal{width: 100%;display: table;margin: 0 0 30px;box-shadow: none;border: 2px solid #ece8d9;} .item.item--horizontal .item__head{display: table-cell; vertical-align: top; width: 35%;} .item.item--horizontal .item__body{display: table-cell; vertical-align: top; width: 65%; text-align: left; padding:10px 0 10px 30px;} .item.item--horizontal .item__media{margin: 0;} .item.item--horizontal .item__title{max-width:90%;margin: 0 0 12px 0;overflow: visible;text-overflow: inherit;white-space: normal;line-height: 1.6;} } .item.item--horizontal .item__media{border-radius: 6px;} .item__title.item__title-large{font-size: 1.6rem;display: inline-block;white-space: normal;overflow: visible;text-overflow: inherit;line-height: 35px;vertical-align: top;margin: 5px 0 0;} .item__price.item__price-large{font-size: 2rem;line-height: 1;} .item__action.item__action-static{position: relative;right: auto;top: 2px;display: inline-block;float: none;margin: 0 0 0 10px;} .item__info-inline.item__info{border: none; margin:20px 0 10px;padding: 0;} .item__info-inline.item__info ul li{padding: 0 0 0 40px;} .item__info-inline.item__info ul li:first-child{padding-left: 0;} .item__info-inline.item__info ul li a{text-decoration: underline;} .item__info-inline.item__info ul{display:block;table-layout: auto;} .item__info-inline.item__info small,.item__info-inline.item__info h6{display: inline-block;vertical-align:top;font-size: 100%;text-transform: none;line-height: 1;margin-top: 0;} .item__head-details.item__head{min-height: 125px;} .avtar{border-radius: 100%;display: block;position: relative;width: 160px;height: 160px;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: 40px;height:40px;} .avtar.avtar--small{width: 60px;height:60px;} .avtar.avtar--normal{width: 105px;height:105px;padding: 5px;border: 6px solid #fff;} .avtar:after {pointer-events: none;content: attr(data-text);font-size: 2em;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;} .avtar.avtar--xsmall:after{font-size: 1em;} .avtar-cover{position: relative;display: inline-block;} .avtar.avtar--centered{margin: auto;display: block;} .group--social-onehalf .-social-login{width: 49%;} .-social-login{position: relative;display: inline-block;vertical-align: middle;} .-social-login .-fb-login{position: absolute;z-index: 1;left: 50%;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .-social-login .btn{width: 100%!important;    background: linear-gradient(#4c69ba, #3b55a0);} .-social-login .btn--social-goole{width: 100%!important;    background: #DF4A32;} .-social-login .btn:hover{  background: linear-gradient(#4c69ba, #3b55a0)!important;} .-social-login .btn--social-goole:hover{  background: #DF4A32!important;} /* .-social-login .fb_iframe_widget{width: 100%;} .-social-login .fb_iframe_widget > span{width: 100%!important;display: block;} .-social-login .fb_iframe_widget > span iframe{width: 100%!important;display: block;} */ .loginpopup .section {padding:30px 0px 30px 0px;} .loginpopup {border-radius: 5px;} .tick{width: 24px;height: 24px;background: #2dbd0b;position: relative;display: inline-block;border-radius: 100%;} .tick:before{ -webkit-transform:rotate(80deg); -ms-transform: rotate(80deg); -o-transform: rotate(80deg); transform: rotate(-45deg); width: 11px; height: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; border-bottom-left-radius: 2px; left:6px; top: 8px;position: absolute;content: "";} .tick.tick--sticky{position: absolute;left:10px; bottom: 0;z-index: 1;} .caraousel--onethird{margin: 0 -15px;} .caraousel--onethird .item-cover{padding: 15px 15px 40px;} .caraousel--onethird .slick-arrow{top: calc(50% - 80px);} .caraousel--onethird .slick-arrow.slick-next{right: 8px;} .caraousel--onethird .slick-arrow.slick-prev{left: 8px;} .media{margin: 30px 0 0;position: relative;} .media .media__svg{width:60px;height: 60px;overflow: hidden;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .media .media__icon{width: 130px;height: 130px;border: 2px solid #453e36; border-radius: 100%;position:relative;display: block; margin:0 auto 30px;} .media .media__content h5{font-family: inherit;font-weight: 600;} .media .media__content p{color: #888;} .advert{border-radius: 10px;overflow: hidden;width: 100%;display: block;position: relative;} .advert img{display: block;margin: auto;} .ads-container .advert{margin-bottom: 30px;} .advert__caption{position: absolute;left: 50%;top: 50%;color: #fff;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);/*background: rgba(255,255,255,0.6);padding: 20px 50px;*/} .advert__caption h1{color: inherit;font-size: 4rem;font-weight: 700;text-shadow: 0 0 10px rgba(0,0,0,0.5);} /* footer */ .footer{background: var(--color-secondary); border-top: 5px solid var(--color-primary);padding: 90px 0 100px;} .social-links li{display: inline-block;vertical-align: top;margin: 0 10px 10px 0;} .social-links li a{width: 40px;height: 40px;display: block; border-radius: 100%;background: rgba(255,255,255,0.2);position: relative;} .social-links li a img{position: absolute;left: 0;top: 0; bottom: 0;right: 0;margin: auto;} .links--vertical li{margin:20px 0 0;} .links--vertical li a{color: #fff; display: block;} .footer h6{font-size: 1.1rem; font-family:inherit;color: rgba(255,255,255,0.5);text-transform: uppercase;font-weight: 700;margin: 0 0 30px 0;} .footer p{color:rgba(255,255,255,0.5);} .-hide-desktop{display: none!important;} .-link-close{position: absolute;top: 0; right: 0;display: inline-block;width:45px; height: 45px;} .-link-close:before, .-link-close:after{position: absolute;top: 12px;left: 22px;right: auto;width:2px; height:18px;background-color: #333;  content: "";transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .-link-close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .-link-close.-link-close--white:before,.-link-close.-link-close--white:after{background-color: #fff;} .gototop {width: 50px;height: 50px; display: none;-webkit-animation: hide 350ms ease-out forwards 1;animation: hide 350ms ease-out forwards 1; padding:5px;border: 0;text-align: center;background-color:var(--color-primary);color: #fff;position: fixed;bottom: 16px;right: 16px;box-shadow: 0 2px 10px rgba(248, 207, 39,.6);-webkit-transition: background-color 100ms ease-in-out;transition: background-color 100ms ease-in-out;z-index: 1;} .gototop:before{width: 12px;height: 12px;top: 50%;left: 50%;margin:-6px 0 0 -6px;position: absolute;content: "";border-left: 3px solid #000; border-bottom: 3px solid #000;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); } } .breadcrumb{margin: 6px 0 0;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: #333;position: relative;} .breadcrumb li a:after{content: "/";pointer-events: none;position: absolute;right:-11px;top:2px;} .breadcrumb li a:hover{text-decoration: underline;} .switch{height: 40px;width: 40px; border: 1px solid transparent;display: inline-block;margin: 0 10px 0 0;position: relative;border-radius: 5px;} .switch.is-active{border-color: #ddd} .switch .svg-icon{overflow: hidden;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;width: 16px;height: 16px;} .section--sort .btn.btn--gray{color: #666;font-weight: normal;} .sort-actions{float: right;} .sort-actions li{display: inline-block;vertical-align: top;} .box.box--white{background: #fff;border-radius: 10px;min-height: 500px;border: 1px solid #ece8d9;} .block{padding:30px;width: 100%;border-bottom: 1px solid #ece8d9;position: relative;display: inline-block;} .block:last-child{border-bottom:none;} .block__head{margin: 0 0 30px 0;} /* paginations */ .pagination.pagination--center{display: table; margin:20px auto 0;text-align: center;} .pagination li{display: inline-block; vertical-align: top; padding: 0 2px; margin:2px ;} .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 #e8e2cd; border-radius:5px;font-weight:600; position: relative; overflow: hidden; background: #fff;} .pagination li.is-active a,.pagination li.selected a{background: #000; border-color: #000;color: #fff;} .pagination li.is-disabled{opacity: 0.7;} .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-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;} .listing--vertical li{font-size: 0.9rem;margin:15px 0 0;} .listing--vertical li:first-child{margin:0;} .listing--vertical li > label{line-height: 1.6;} .block__scroller {overflow: auto; width: 100% !important; max-height: 280px; padding: 0; position: relative; } .block__scroller-track {width:8px;  right: -10px !important; position: relative; } .block__scroller-handle {width:5px;border-radius: 30px;background:rgba(0,0,0,0.1); -webkit-transition: width 250ms; transition: width 250ms;} /* 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:#f8cf27;} .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:15px -6px 0;} .slide__fields:after {clear: both;content: "";display: block;    height: 0;} .slide__fields li {float: left;padding: 0 6px;width: 50%;} .overlay{position: fixed;left: 0;top: 0; bottom: 0;right: 0;background: rgba(0,0,0,0.8);display: none;z-index: 10;} .dir-actions{display: inline-block;} .dir-actions li{float: left;} .dir-actions li a{border: 1px solid #ddd; height: 40px; line-height:38px;padding: 0 20px;display: block;position: relative;} .dir-actions li:last-child a{border-radius: 0 5px 5px 0;/* border-left: none; */} .dir-actions li:first-child a{border-radius: 5px 0 0 5px;} .dir-actions li.dir-actions__prev a{padding-left: 30px;} .dir-actions li.dir-actions__prev a:before{position: absolute;left: 18px;top: 16px; content: "";border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 4px solid #000;} .dir-actions li.dir-actions__next a{padding-right: 32px;} .dir-actions li.dir-actions__next a:before{position: absolute;right: 18px;top: 16px; content: "";border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left: 4px solid #000;} .dir-actions li a:hover{background: rgba(0,0,0,0.05);} .box--media{padding:15px;} .box--media .item__media{margin: 0;border-radius: 5px;} .gallery__thumbs{padding: 0 40px;} .gallery__thumbs .slick-arrow{background: none; box-shadow: none;} .gallery__thumbs .slick-arrow.slick-next{right: -54px;} .gallery__thumbs .slick-arrow.slick-prev{left: -54px;} .gallery__thumbs .slick-slide > div{padding:0 5px;} .gallery__thumbs .item__media{border: 2px solid transparent;} .gallery__thumbs .slick-slide.slick-current .item__media{border-color: var(--color-primary);} .gallery__media{margin: 0 0 15px 0;} .gallery__media .slick-arrow{opacity: 0;} .gallery__media .slick-arrow.slick-next{right: 20px;} .gallery__media .slick-arrow.slick-prev{left: 20px;} .gallery .item__media::before{padding-bottom: 67%;} .box.box--info{min-height: 680px;} .box.box--info .btn.btn--wide{margin-bottom: 15px;} .box.box--info h6{font-family: inherit;font-weight: 600;font-size: 1.1rem;} .box.box--info .avtar{display: block;margin:-60px auto 0;/*box-shadow: 0 0 10px 5px rgba(0,0,0,0.08);*/} .box.box--info .avtar-cover{margin:0 0 20px;} .box.box--info .box__body{padding:15px;} .location-map{width: 100%;height: 250px;background: #eee;} .location-map iframe{width: 100%;height:100%;border: none;} .box__contact p{margin: 0 0 4px 0;} .box.box--info .form input[type="submit"]{display: block;width: 100%;} .box.box--info .form .field-set{margin-bottom: 12px;} .box.box--info .form textarea{height: 80px;} .box.box--info .form .field_label:empty{display: none;} .box.box--info .box__body p{line-height: 1.4;} .box__tabs ul{display: table;table-layout: fixed;border-bottom: 2px solid var(--color-secondary);padding:15px 15px 0;width: 100%;} .box__tabs ul li{display: table-cell;vertical-align: top;} .box__tabs ul li a{display:block;height: 45px; line-height: 45px;padding: 0 10px;text-align: center;border:1px solid var(--color-secondary);border-radius:6px 6px 0 0;border-bottom: none;} .box__tabs ul li:last-child a{border-left: none;} .box__tabs ul li.is-active a{background: var(--color-secondary); color:var(--color-light);} .item__info-display.item__info{margin: 0; border: none;padding: 0;} .item__info-display.item__info ul{display: block;table-layout: auto;} .item__info-display.item__info ul li{display:inline-block;width: 20%;padding: 0 20px 20px 0;margin: 0 -4px 0 0;vertical-align: top;} .item__info-display.item__info small{font-size: 0.9rem;} .repeated-block{margin: 30px 0 0;} .repeated-block h5{margin: 0 0 20px;font-weight: 600; font-family: inherit;} .item.item--horizontal.item--small .item__info{margin:15px 0 0;padding: 15px 0 0;} .btn--loadmore.btn{background: rgba(0,0,0,0.05);color: #000;} .btn--loadmore.btn:hover{background: rgba(0,0,0,0.8);color: #fff;} .section-intro__head{max-width: 1030px;margin: auto;} .section--intro{padding: 40px 0 0;} .section--intro .col__head-left{float: left;} .section--intro .col__head-left h1{font-family: inherit;font-size: 1.6rem;font-weight: 600;} .section--intro .col__head-left p{margin: 0;} .section--intro .col__head-right{float: right;} .section--intro .col__head-right .social-links li a{background:var(--color-secondary);} .section--intro .col-left{padding:0;} .section--intro .col-right{padding-left:40px;} .section--intro .tick.tick--sticky{left: 30px;} .advert-group .advert{margin-top: 30px;} .advert-group .advert:first-child{margin-top: 0;} .advert-group--right.advert-group .advert{margin-top: 30px;} .tabs--tabled{width: 100%;margin: 30px 0 0;} .tabs--tabled ul{width: 100%;display: table;table-layout: fixed;} .tabs--tabled ul li{display: table-cell;vertical-align: top;} .tabs--tabled ul li.is-active a{background: #f6f3ea;font-weight: 600;} .tabs--tabled ul li a{display: block;padding: 20px 30px;border: 1px solid #f0ece1;border-bottom: none; border-radius:10px 10px 0 0;text-align: center;} .col-group .col__head{padding: 0 0 30px;} .col-group .col__head h5{margin: 0;} .form__field-small{width: 200px;} .col-group .col__head .form__field-small{float: right;} .section--caraousel-inner.section--caraousel{background: #fff;padding:50px 0 20px 0;} .wrap-counter{width: 100%;display: inline-block;} .wrap-counter .txt--larger{float: left; color:var(--color-primary); font-weight: 700; font-size: 4rem;margin: 0 15px 0 0;line-height: 1;} .wrap-counter h6{padding:5px 0 0;font-size: 1.2rem;} .item__avtar-info{display: inline-block;width: 100%;margin:10px 0 0;} .item__avtar-info .avtar{display: inline-block;vertical-align: middle;margin: 0 15px 0 0;} .item__avtar-info .avtar + h6{display: inline-block;vertical-align: middle;margin: 0 0 0 0;} .container--cms ul,.container--cms ol{margin:30px 0;font-size: 1.1rem;} .container--cms ul li{position: relative; padding: 0 0 10px 20px; color:inherit;} .container--cms ul li:before{ position: absolute; left: 0; top:6px; content: "";width: 6px; height: 6px; background: #666; border-radius: 100%;} .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;} .block-round{padding: 15px;background: #fff;width: 100%;border-radius: 10px;height: 300px;margin: 0 0 20px;} .block-round iframe{width: 100%;height: 100%;} .section--inner.section{padding:30px 0;position: relative;background: #fff;} .section--inner.section:before{position: absolute;left: 0;right: 0;bottom: 0;content: "";background: #f6f3ea;height:30%;} .section--inner.section .breadcrumb{margin-bottom: 20px;} .brand-box{position: relative;width: 100%;border: 1px solid transparent;border-radius: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; } .brand-box:before{padding: 0 0 60% 0;content: "";display: block;} .brand-box img{position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;max-width: 70%;} .brand-box-space{padding: 10px;} .caraousel--six .slick-dots{margin: auto;display: table;} .caraousel--six .slick-arrow{top: 40%;} .round-box{background: #fff; border-radius: 10px;padding:40px;width: 100%;margin: 30px 0 0;border: 1px solid #ece8d9;} .round-box:first-child{margin-top: 0;} .round-box .form input[type="submit"]{min-width: 150px;} .round-box p{color: #888;} .list--checks li{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAABaElEQVQ4ja3Uz0uTARwG8M/eFlbvjDLJBmGXZAf1b/DaaXZVDELokGgg/QEtC+mQp46WF1mnDnkXugYRCv5CCM/rMBFyMKPeddhG794Zm9JzfL7P94Hvz1R1IyeBDB5hHKPowyG2sIZlHMcTUgmTSSzhVtI5hhKe4n2TCGLBZyh2MNCIFxv6FpNJFDokJ1HAFPVyMviGgTOaQBl3Azzs1qBWa6NuYCpAvhuDr7tp868zjn6kkqF8gOEke/KzVfhlJ+3l21CpHPh+GCTlIwH648zewQXThV6b+2nweeuixXeh8ErN4mxF7s7vtpLS6s3JNpnBbCTbH3mxHMqPnfj4qcf1q5GFxxW3B6LTKi0H2I4z4eWahZmKocFfPqz3uNkXefXknwawk6pu5Gbx5rS+rKxdMnGv6lpv+1himPtve3KsfgvnwTyOmvMqOt/ar9J6gM/Vb6HUIbmEBw092l8Bf//JfYzo4p/8AX8cZaCYuaYKAAAAAElFTkSuQmCC'); background-repeat: no-repeat;background-position: 0 3px;padding: 0 0 0 30px;margin:15px 0 0; font-size: 1.1rem; line-height: 1.6; color: #888;min-height:28px;} .list--checks.list--checks-inline li{display: inline-block;vertical-align: top;margin:10px 20px 0 0;font-size: 1rem;padding-left: 25px;} .group--social {display: inline-block;margin: 0;width: 100%;} .group--social-onehalf .btn {float: left;font-weight: 600;width: 49%;color: #fff;text-align: center;font-size: 1.1rem;} .group--social-onehalf .btn:last-child {float: right;} .map-container{position: relative;overflow: hidden;height: 300px;background: #fff;} .map-container iframe{width: 100%;height: 100%;border: none;} .icons-container{width: 100%;display: inline-block;} .icons-container .icon-box{width: 100%;display: inline-block;padding: 20px;border-radius:10px;min-height: 240px;text-align: center;background: #fff;border: 1px solid #f3efe0;} .icons-container .icon-box h4{margin: 0 0 10px 0;} .icons-container .icon-box p{margin: 0;} .icons-container .icon-box p a{color: inherit;text-decoration: underline;} .icons-container .icon{overflow:hidden;width: 70px;height: 70px; margin: -50px auto 20px; border:1px solid #f3efe0; border-radius: 100%;position: relative;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;} .icons-container .icon img,.icons-container .icon svg{width: 30px;height: 30px; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .icons-container .links--horizontal li{float: none;display: inline-block;vertical-align: top;} .icons-container .icon-box .social-links{margin-top: 20px;} .contact-group .social-links li a{background:var(--color-secondary);} .contact-group{width: 100%;display: inline-block;margin:20px 0;position: relative;padding-left:80px;} .contact-group p{margin: 0;color: #888;} .contact-group h3{font-family: inherit;font-size: 1.5rem;line-height: 1.4;} .contact-group .icon{overflow:hidden;width:50px;height: 50px; position: absolute;left: 0;top:0; border:1px solid #f3efe0; border-radius: 100%;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;border: 1px solid #ece8d9;} .contact-group .icon svg{display: block; width:22px;height: 22px; position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;max-height: 100%;max-width: 100%;} .section--contact{padding-top:30px;} .section--contact .col__last{padding-left:100px;} .accordian-group{margin: 0 0 40px 0;} .accordian{background: #fff;border-radius: 10px;border: 1px solid #f3efe0;margin:20px 0 20px 0;text-align: left; -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__title{cursor: pointer;position: relative;font-size: 1.2rem;font-weight: 600;padding:30px 30px 30px 80px;} .accordian__title:before{width: 30px;height: 30px;position: absolute;left:30px;top:25px; content: "?";background: var(--color-secondary);border-radius: 100%;color: #fff; line-height: 34px;text-align: center;} .accordian__title:after{position: absolute;left:46px;top:44px; content: "";border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:14px solid var(--color-secondary);transform: rotate(35deg);-webkit-transform: rotate(35deg);-ms-transform: rotate(35deg);} .accordian__body{padding:0 20px 20px 80px;position: relative;} .accordian__body:before{left:45px;top:8px; bottom:40px;width:3px;background:var(--color-primary); content: "";position: absolute;} .accordian__body p{color: #888;} .accordian.is-active{box-shadow: 0 10px 15px 5px rgba(0,0,0,0.03);} .accordian.is-active .accordian__title:before{background: var(--color-primary);color: #000;} .accordian.is-active .accordian__title:after{border-left:14px solid var(--color-primary);} /* blog page */ .search__blog{width: 100%; padding:20px; margin:30px 0 0;background: #fff;border-radius: 10px;border: 1px solid #ece8d9;} .search__blog h5{color: #333;font-weight: 500;} .post{padding:20px;color: #1a1a1a;background:#fff; color: #000;margin: 0 0 30px 0; border-radius: 10px;border: 1px solid #ece8d9; -webkit-transition:all 250ms ease 0s; -o-transition: all 250ms ease 0s; transition: all 1s ease 0s;} .post .avtar:after{font-size: 0.9em;} .post__details .post:hover{box-shadow: none;} .post__title{font-size: 1.5em; line-height: 1.2; color: inherit; padding: 0 0 5px 0;display: block;font-weight:600;} .post__title a{color: inherit;} .post__date{text-transform: uppercase; font-size: 0.9em; font-weight: 300; color: #666666; margin: 0 0 20px 0;display: block;} .post__img{width: 100%; display: block; margin: 0 0 20px 0;border-radius: 3px;overflow: hidden;} .post__img img{max-width: 100%; max-height: 100%; display: block;} .post__by{ margin: 0 0 20px 0;display: inline-block; width: 100%;} .post__by li{float: left; margin: 0 20px 0 0;line-height: 35px;position: relative;} .post__by li:after{content: "|";position: absolute; right: -12px; top: 1px;} .post__by li:last-child:after{display: none;} .post__by li a{color: #333;} .post__by .avtar{vertical-align: middle; margin-right: 10px;display: inline-block; background: #eee;text-align: center;width:35px;line-height: 35px; height: 35px;font-size: 1.2em;} .post__by .name{font-size: inherit; display: inline-block;vertical-align: top;} .post__footer .themebtn{margin: 0 10px 0 0;} .txt__caps{text-transform: uppercase; display: inline-block;vertical-align: middle;} .post__description{margin: 0 0 25px 0;} .post__footer{font-size: 1.1em;width: 100%; display: inline-block;} .post__details .post__by{display: inline-block; text-transform: uppercase;vertical-align: middle;} .post__details .reviewsdescription{margin:10px 0 15px 0;} .post__details .post__by{margin: 0 0 10px 0;} .post__details .cover__grey{margin:30px 0 10px 0;} .cover__grey h4{display: inline-block;} .post__details .listrepeated .grid_2{ padding: 5px 0 0;} .post__details .sectiontop__row h4{display: inline-block;} body.page--blog .box--bordered{margin-bottom: 20px;} .links__vertical{margin: 10px 0;} .links__vertical li{padding:10px 20px 10px; font-size:0.9em;border-bottom: 1px solid #e6e6e6;color: #000;} .links__vertical li:last-child{border-bottom: none;} .links__vertical li a{ color:inherit;display: block;line-height: 1.6;font-size: 1.1rem;} .links__vertical li a strong{font-weight: 600;} .links__vertical li.is--active > a{ color: #000;font-weight: 500;} .links__vertical li ul{ margin:5px 0 0 10px;} .links__vertical li ul li{font-size: 0.9em;} .links__vertical small{padding: 5px 0 0; display: block; font-size: 0.85em;text-transform: uppercase;} .grids__half li .btn{display:block;text-align: center;} .grids__half li.second{display:none;} .post__comments .cols-list{padding: 20px 0;} .post__comments .cols-list:last-child{border-bottom: none;} .post__comments .post__head {width: 100%; display: inline-block;padding: 15px;background: #fafafa;} .post__comments .post__head h5{display: inline-block;padding: 0;} .post__comments .post__head .link--underline{margin: 5px 0 0;} .link--underline{text-decoration: underline;color:  var(--second-color);} .slider--single .slick-arrow.slick-prev {top: 50%; left:15px; box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1); } .slider--single .slick-arrow.slick-next {top: 50%; right:15px; box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1); } .form-cover.box{padding: 0;} .white-box{background: #fff;margin: 0;border-radius: 10px;padding:20px;border: 1px solid #ece8d9;} .white-box .links__vertical li{padding-left: 0;padding-right: 0;} .white-box .links__vertical li a small{opacity: 0.6;} .white-box__head{padding: 0 0 5px 0;margin: 0 0 5px 0; border-bottom: 1px solid #e6e6e6;} .white-box__head h5{color: #333;} .filters-blog .white-box{margin: 30px 0 0;} .nav--toggled{width: 100%;} .nav--toggled > ul > li{position: relative;border-bottom: 1px solid rgba(0,0,0,0.06);display: block;} .nav--toggled > ul > li:last-child{border-bottom:none;} .nav--toggled > ul > li .link--toggle{position: absolute; right:-5px; top:0;height:36px; width:40px;cursor: pointer;} .nav--toggled > ul > li > a{position: relative; padding: 10px 40px 10px 0; color: #333; display: block;} .nav--toggled > ul > li > ul{/*background: #fafafa;*/margin: 0; padding:0 0 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:6px 40px 6px 10px;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:15px; top:15px;content: "";border-top: 4px solid transparent;border-bottom:4px solid transparent;border-left: 5px solid #999; -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;} .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;} .form--blog-search{position: relative;} .form--blog-search input[type="submit"]{width:45px;height: 40px;background:url(images/icon_search.svg) no-repeat center center;font-size: 0;position: absolute;right: 0;top: 0;margin: 0;padding: 0;} .form--blog-search input[type="text"]{padding-right: 50px;} .form--blog-search input[type="submit"]:hover{background:url(images/icon_search.svg) no-repeat center center;} .section--pagebar{padding: 30px 0;} .social--share li{display: inline-block;vertical-align: top;margin: 0 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.06);} .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;} .quote__desc{background: url(images/quote_left.png) no-repeat 0 top, url(images/quote_right.png) no-repeat right bottom;padding: 30px 40px 10px 0; font-family:'Noto Serif', serif; font-style: italic;color: #888;} .quote__desc p{ font-size: 1.2rem;} .quote__info h5{margin: 0 0 5px 0;} .quote__info p{text-transform: uppercase;font-size: 0.88rem; color: #888;} .section--listing [class*="col-"].-float-left{clear:left;} .section--listing [class*="col-"].-float-right{clear:right;} /* [ added on 25 jan 2019 */ .caraousel__item{opacity: 1;position: relative;} .banner.banner--main{position: relative;} @media(min-width:1200px){ .banner.banner--main:before{position: absolute;left: 0;top: 0; bottom: 0; content: "";background: rgba(255,255,255,0.8);width: 50%;z-index: 1;pointer-events: none;margin: 0 0 0 -622px;} .banner.banner--main:after{position: absolute;right: 0;top: 0; bottom: 0; content: "";background: rgba(255,255,255,0.8);width: 50%;pointer-events: none;margin: 0 -622px 0 0;} } @media(max-width:1399px){ .banner.banner--main:before{margin: 0 0 0 -607px;} .banner.banner--main:after{margin: 0 -607px 0 0;}  } /* ] */ /****************************************** media queries *****************************************************/ @media(min-width:1200px){ #header.nav-up{top: -100px;} /*#header.nav-down{padding:10px 0;} #header.nav-down .header__logo{width: 100px;height: 44px;} */ .caraousel--single,.caraousel--single .slick-list{overflow: visible !important;} .bordered-box__item:hover{z-index: 1;} .bordered-box__item:hover:before{box-shadow: 0 0 21px 0 rgba(0,0,0,.1); -webkit-transform: scale(1.10,1.10); -ms-transform: scale(1.10,1.10); transform: scale(1.10,1.10);} .item--hovered:hover,.post:hover{box-shadow: 0 20px 20px 4px rgba(0,0,0,0.08);} .links--vertical li a:hover{text-decoration: underline;} .social-links li a:hover{background:var(--color-primary); } .bordered-box__item:hover .bordered-box__media img{opacity:1;} .header__action-user .btn.btn--bordered:hover{background-color:var(--color-light);border-color: var(--color-light);color: var(--color-dark);} .header__action-user .btn.btn--bordered:hover .svg-icon svg{fill:#333;} .pagination li a:hover{background: #000; border-color: #000;color: #fff;} .pagination li.is-prev a:hover:before{border-right: 5px solid #fff; } .pagination li.is-next a:hover:before{border-left: 5px solid #fff; } .item__ratings.item__ratings--small{font-size: 0.9rem;line-height: 1.4;} .item__desc p{font-size: 0.9rem;margin: 0;display: inline;} .section--listing-grid .result-list__col{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} .section--listing-grid .result-list__col .item.item--horizontal{display: block;table-layout: auto;} .section--listing-grid .result-list__col .item.item--horizontal .item__head{display: block;width: 100%;} .section--listing-grid .result-list__col .item.item--horizontal .item__body{display: block;width: 100%;padding: 20px 0 0;} .section--listing-grid .result-list__col .item.item--horizontal .item__body .item__title{font-size: 1.1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100%;} .section--listing-grid .result-list__col .item.item--horizontal .item__body .item__desc{display: none;} .section--listing-grid .result-list__col .item.item--horizontal .item__body .item__action{background: rgba(255,255,255,0.9);right: 30px;top: 30px;} .section--listing-grid .result-list__col .item.item--horizontal .item__info li.item__info-first{width:100%;display: block;min-height: 60px;} .section--listing-grid .result-list__col .item.item--horizontal .item__info li{display:inline-block;;width:50%;} .header__search input[type="submit"]:hover{background: #f8cf27 url(images/icon-search.svg) no-repeat center center;} .gallery__media:hover .slick-arrow{opacity:1;} .gallery__media:hover .slick-arrow.slick-disabled{opacity:0;} .item.item--horizontal.item--small{padding: 15px;} .item.item--horizontal.item--small .item__head{width:180px;} .item.item--horizontal.item--small .item__body{width:calc(100% - 180px);padding:5px 0 0 20px;} .item.item--horizontal.item--small .item__title{margin:0 0 5px;} .brand-box:hover{border-color: #e5e5e5;box-shadow: 0 5px 10px 4px rgba(0,0,0,0.08);} .round-box-small.round-box .field-set{margin-bottom:25px;} .icons-container .icon-box:hover .icon{border-color: var(--color-primary);} .footer h6{pointer-events: none;} } @media (min-width: 767px) { .item.item--horizontal.item--small.item--testimonials .item__head{width:110px;} .item.item--horizontal.item--small.item--testimonials .item__body{width:calc(100% - 110px);padding:10px 0 0 30px;} .repeated-block h5{pointer-events: none;} } @media (max-width: 1399px) { .section{padding:40px 0;position: relative;} .section--advert{padding: 20px 0;} .section--sort{padding:15px 0;} .box.box--info{min-height: 670px;} .section--intro{padding: 30px 0 0 0;} .section--intro .col-left{padding-left: 15px;} .round-box{padding: 30px;} .section--pagebar{padding: 20px 0;} } @media(max-width:1200px){ html{font-size: 13px;} .header{position: relative;} .body,.caraousel__item{padding: 0;} .slick-arrow{width: 40px;height: 40px;margin-top: -15px;} .slick-arrow:before{width: 10px;height: 10px;margin-top: -5px;margin-left: -5px;} .slick-arrow.slick-prev{left: 10px;} .slick-arrow.slick-next:before{margin-left: -8px;} .slick-arrow.slick-next{right: 10px;} .banner .container{padding: 0;} .header__actions{float: none;position: absolute;right:15px;top: -50px;} .bordered-box__content{width: 100%;} .caraousel__item{opacity: 1;} .media .media__icon:after{display: none;} .bordered-box__media{width: 80px;} .bordered-box__item{padding: 30px 10px;} .grids {margin: 0 -10px 0 -10px;width: auto;} .grids__item {float: left;position: relative;width: 33.3333%;padding: 15px;} .box--filters{background: #fff;bottom: 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;width: 350px;opacity: 0; visibility: hidden;z-index: 11; padding: 0;} html.show-filters .box--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 .overlay--filters{display: block;} html.show-filters {position: fixed;left: 0;right: 0;top: 0; bottom: 0;overflow: hidden;} .box.box--white.box--filters{border-radius: 0;} .block{padding: 20px;} .listing--vertical li,.btn, input,select, textarea,.header__search input[type="text"]{font-size: 1rem;} .btn--filter{text-align: left!important;padding: 0 40px 0 15px;} .btn--filter .svg-icon{width:12px;height:22px;overflow: hidden;position: absolute;right: 15px;top:7px; opacity: 0.4;} .btn--filter .svg-icon svg{width:100%;height:100%;} .-hide-responsive{display: none!important;} .-show-responsive{display: inline-block!important;} .sort-actions li{padding-left: 10px;} .breadcrumb li{font-size: 1rem;} .header__search{margin-top: 15px;} .box__tabs ul li a{padding: 0 5px;font-size: 0.9rem;} .box__tabs ul{padding: 0;} .gallery__thumbs .slick-arrow{margin-top: -22px;} .box.box--white{min-height: 1%;} .item.item--horizontal.item--small .item__body{padding: 0 0 0 20px;} .item.item--reviews{padding: 20px;} .ads-container .advert{margin-bottom: 0;} .ads-container .advert img{width: 100%;} .header__search input[type="text"]{line-height: 40px;} .round-box{padding: 20px;} .section--contact .col__last{padding-left: 15px;} .header__action .dropdown__target{display: none;} .item.item--horizontal.item--small{padding: 15px;} .item.item--horizontal.item--small .item__head {width:25%;} .item.item--horizontal.item--small .item__body{width:75%;} .item.item--horizontal.item--small.item--edit .item__head{width: 20%;} .item.item--horizontal.item--small.item--edit .item__body{width:70%;} .item.item--horizontal.item--small.item--edit .item__body{padding-right: 120px;} .location-map{height: 200px;} } @media(max-width:1023px){ .item.item--horizontal .item__head{width: 25%;} .item.item--horizontal .item__body{width:75%;padding-top: 0;} .box--media .item__media{background: none;} .box.box--white.box--info{margin-top: 20px;} .box__tabs ul li a{font-size: 1rem;} .col-group .col__head h4{font-size: 1.1rem;} .section--intro .col__head-left{float: none;} .section--intro .col__head-right{float: none;display: inline-block;margin-top: 20px;} .section-intro__head .item__info .btn{padding: 0 10px;} .round-box{margin: 0 0 30px 0;} .grids__half{margin: 0 -5px;} .grids__half ul{display:table;table-layout: fixed;width: 100%;} .grids__half li {display:table-cell;vertical-align: top;padding: 0 5px;} .grids__half li.second{display:table-cell;} .grids__half li .btn{ display: block;width: 100%; height:40px;line-height:38px;padding: 0 10px;display: block;} .filters-blog{background: #fff;bottom: 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;width: 350px;opacity: 0; visibility: hidden;z-index: 111;padding: 0;} html.is-filter-blog .filters-blog{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);visibility: visible;} html.is-filter-blog .overlay--blog{display: block;} html.is-filter-blog{overflow: hidden;position: fixed; left: 0; right: 0; top: 0; bottom: 0;} .search__blog{margin-bottom:20px;} .post{padding: 15px;} .advert-group--right.advert-group .advert{margin-bottom: 20px;} } @media(max-width:767px){ .advert{border-radius: 5px;} .-show-mobile{display: block!important;} .-hide-mobile{display: none!important;} .section{padding: 30px 0;} .header__logo{width: 100px;height: 44px;} .header__actions{float: none;position: absolute;right:17px;top: -45px;} .header__search{overflow: visible;margin: 10px 0 0;} .btn--mobile.btn{font-size: 0;} .header__action-location{position: fixed;left: 0;top: 0; bottom: 0;right: 0;z-index: 10;background: var(--color-secondary);padding: 20px;display: none;} .location-group{border: 1px solid rgba(255,255,255,0.2);padding-left: 35px;margin: 60px 0 0;} .header__action-location .-link-close:before,.header__action-location .-link-close:after{background: #fff;} .header__action-location input{width: 100%;max-width: 100%;} .header__action-location .icon{left: 10px;} .header__action-location input:focus{border-color:rgba(255,255,255,0.5);} .btn--mobile.btn,.btn--mobile{border-radius: 5px; width: 40px;height: 40px;position: relative;display: inline-block;background: rgba(255,255,255,0.2);border: none; padding: 5px;} .btn--mobile.btn .svg-icon,.btn--mobile .svg-icon{position: absolute;left: 0;top: 0; right: 0;bottom: 0;margin: auto;display: block;width: 20px;height: 20px;} .btn--mobile.btn .svg-icon svg,.btn--mobile .svg-icon svg{width: 100%;height: 100%;} .header__action .btn--ad:before {display: none;} .bordered-box{width:100%;border-right: none;border-bottom: 1px solid #ddd;} .bordered-box.bordered-box--large{width: 100%;} .bordered-box__media{width:50px;height: 50px;} .bordered-box__media img{max-width: 80%;max-height:80%;} .bordered-box:nth-child(3){float: left;} .bordered-box__item{width: 50%;padding: 20px;float: left;height: 130px;} .bordered-box__item {border-left-width: 0;border-right-width: 0;} .bordered-box .bordered-box__item:nth-child(2n){border-top: none;border-left: 1px solid #ddd;} .bordered-box:nth-last-child(-n+3):nth-child(4n+2), .bordered-box:nth-last-child(-n+3):nth-child(4n+3):nth-last-child(-n+2), .bordered-box:nth-last-child(-n+4):nth-child(4n+1){border-bottom: 1px solid #ddd;} .bordered-box.bordered-box--large .bordered-box__item{width: 100%;height: auto;padding:20px 0;} .bordered-box__content{position: static;transform: translate(0);width: 100%;} .section .section__head{padding-bottom: 10px;} .media .media__icon{width: 100px;height: 100px;} .media .media__svg{width: 40px;height: 40px;} .media .media__svg svg{width:100%;height:100%;} .bordered-box__content h2 br{display: none;} .caraousel--onethird .item-cover{padding: 15px;} .advert{margin-bottom: 10px;} .caraousel--onethird .slick-arrow{top: calc(50% - 50px);} .item{padding: 15px;} .caraousel.caraousel--single{position: relative;} .caraousel.caraousel--single .slick-dots{position:absolute;right:10px; left: 10px;text-align: center; bottom:20px;} html.location-show{position:fixed;left: 0;top: 0;bottom: 0;right: 0;overflow: hidden;} html.location-show .header__action-location{display: block;} .header__action-location .svg-icon{left: 10px;} .footer{text-align: center;padding: 30px 0;text-align: center;} .footer__logo{display:block;margin: auto;width: 100px;} .footer .toggle__trigger{width: 100%; display: inline-block; position: relative; text-align: left; position: relative; margin: 5px 0 0 0; cursor: pointer; font-size: 1.1em; text-transform: uppercase; padding:15px 10px 15px 15px!important; color: #fff;background: rgba(255,255,255,0.2);border-radius: 10px;} .footer .toggle__trigger:before {position: absolute; right: 15px; top: 14px; 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 {top: 19px; transform: rotate(135deg); -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg);} .toggle__target { display: none; padding: 10px 0; } .section--advert{padding: 20px 0;} .section--advert .advert{margin: 0;} .sort-actions ul li.-hide-responsive{display:none!important;} .section--sort{padding: 15px 0;} .item__media{margin: 0;} .item__action{background: rgba(255,255,255,0.9);left: 20px;} .item__info{text-align:left;margin-top: 10px;} .item.item--horizontal{width: 100%;display: table;table-layout: fixed;margin: 0 0 30px;box-shadow: none;border: 1px solid #f3efe0;} .item.item--horizontal .item__head,.item.item--horizontal.item--small .item__head{display: table-cell; vertical-align: top; width:40%;} .item.item--horizontal .item__body,.item.item--horizontal.item--small .item__body{display: table-cell; vertical-align: top; width:60%; text-align: left; padding:10px 0 0 20px;} .item.item--horizontal .item__media{margin: 0;} .item.item--horizontal .item__title{max-width:90%;margin: 0 0 12px 0;} .item--horizontal.item .item__tag{right: 10px;left: auto;} .item__head-details.item__head .item__title.item__title-large{font-size: 1.4rem;line-height: 28px;float: left;} .item.item--horizontal.item--small.item--testimonials{display: block;table-layout: auto;} .item.item--horizontal.item--small.item--testimonials .item__head{display: block;float: left;width: 110px;margin-right: 10px;} .item.item--horizontal.item--small.item--testimonials .item__body{display: block;padding: 5px 0 0 0;width: auto;} .item.item--horizontal.item--small.item--edit .item__head{width: 25%;} .item.item--horizontal.item--small.item--edit .item__body{width:75%;padding-right:160px;} .item__info li.item__info-first{width: 100%;display: inline-block;margin: 0 0 15px 0;} .item__info ul{display:block;table-layout: auto;} .item__info li{display: inline-block;padding-right: 20px;} .item__ratings.item__ratings--small{font-size: 1rem;} .item__info small{font-size: 0.8rem;} .item__info h6{font-size: 1rem;margin: 2px 0 0;} .grids__item .advert{margin: auto;} .grids__item .advert img{width: 100%;} .item__info-inline.item__info h6{margin: 0;} .item__info-inline.item__info ul li{width: 50%;padding: 10px;margin: 0 -2px;} .item__info-inline.item__info ul li:first-child{padding-left: 10px;} .item__head-details.item__head .item__price.item__price-large{float: right;margin:8px 0 0 0;} .item__head-details.item__head .item__action.item__action-static{float: left;left: auto;margin: 0 0 10px 0;clear: left;} .section--sort h1{font-size: 1.4rem;} .box.box--white{min-height: 1%;} .gallery__thumbs .slick-arrow{margin-top: -22px;} .item__info-display.item__info ul li{width: 33.3%;} .item__info-display.item__info h6{font-size:1.1rem;} .item__info-display.item__info small{font-size:0.98rem;} .repeated-block h5{font-size: 1.4rem;} .item.item--horizontal.item--small{padding: 15px;} .advert-group .advert{width:120px;display: inline-block;vertical-align: top;} .section-intro__head .avtar-cover{display: table;margin:0 auto 20px;} .section--intro .col-right{padding-left:15px;padding-top: 20px;} .section--intro .col__head-right{float: none;margin: 20px auto 0;text-align: center;display: table;} .section--intro .col__head-left{float: none;text-align: center;} .section-intro__head .item__info li{width: 50%;margin: 0 -2px;padding: 20px 10px 0 0;} .section-intro__head .item__info li .btn.-float-right{float: none!important;} .tabs--tabled ul{display: block;table-layout: auto;overflow: auto;white-space: nowrap;} .tabs--tabled ul li{display: inline-block;vertical-align: top;white-space: normal;} .tabs--tabled ul li a{padding: 15px 20px;} .section--intro{padding: 20px 0 0;} .pagination li{margin: 4px 1px;} .pagination li a{width: 35px;} .pagination li.is-prev a:before{margin-left: -2px;} .pagination li.is-next a:before{margin-right: -2px;} .row--custom.row{display: block;} .row--custom.row .col-custom{display: inline-block;width: 50%;margin: 0 -2px;} .advert{width: auto;display: table;margin: auto;} .advert-group {text-align: center;} .advert-group .advert{display: inline-block;vertical-align: top;margin: 10px;} .advert-group .advert:first-child,.advert-group .advert:last-child{margin: 10px;} .advert-group.advert-group--right{padding-top:20px;} .section--ads .advert{margin-bottom: 20px;} .col-group{margin-bottom:20px;} .result-list__col:last-child .item{margin-bottom: 0;} .caraousel .item{margin-top: 0;} .round-box{padding: 15px;} .contact-group h3{font-size: 1.2rem;line-height: 1.4;} .contact-group{padding-left: 70px;} .section--pagebar{padding:10px 0;} .post{padding: 15px;} .post__title{font-size: 1.2em;} .post__by{margin: 0;} .post__by li:first-child{display: block;width: 100%;} .post__by li{font-size: 0.9em;} .post__footer .social--share{margin: 15px 0 0;float: none!important;clear: left;} .post__by li:first-child:after{display: none;} .post__date{font-size: 0.85em;margin-bottom: 10px;} .post__img{margin-bottom: 10px;} .group--social{margin-bottom: 0;} .reviews-list [class*="col-"]{width: 100%;} .description__footer{padding: 0 10px;} .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: 15px;} .form--comments h4{margin-bottom: 10px;} .white-box{padding: 15px;margin: 0;} .nav--toggled > ul > li ul li a,footer h4.toggle--trigger,.form-subscribe p{font-size: 1em;} .search__blog{padding: 15px;} .quote__desc p{font-size: 1rem;} .quote__desc{background:url(images/quote_right.png) no-repeat right bottom;padding: 0 0 20px 0;} .quote{padding: 0 0 0 120px;} .bordered-box__content h1{font-size: 1.5rem;} .btn--loadmore.btn{margin-top: 15px;} .container-mobile{display: none;} .repeated-block .container-title{font-size: 1.2rem; background: #fff;padding: 15px;border-radius:5px;position: relative;cursor: pointer;} .container-title:after{position: absolute;right: 20px;top:8px; content: "+"; font-size:1.8rem;} .container-title.is-active:after{top:8px; content: "-"; } .list--checks li{background-position: 0 1px;} ul.tabs_nav{overflow-x: scroll; white-space: nowrap;display: block !important;} ul.tabs_nav li a{padding:0 8px;} } @media(max-width:600px){ .sort-actions{float: none;margin:15px -10px 0;} .sort-actions ul, .dir-actions ul{display: table;table-layout: fixed;width: 100%;} .sort-actions ul li{display: table-cell!important;vertical-align: top;padding: 0 10px;float: none;} .dir-actions{margin: 15px 0 0;} .dir-actions ul li{display: table-cell!important;vertical-align: top;padding: 0 0;float: none;} .dir-actions ul li a{text-align: center;} .box__tabs ul li a{padding: 0 6px;} } @media(max-width:500px){ .item.item--horizontal,.item.item--horizontal.item--small{width: 100%;display: block;table-layout:auto;} .item.item--horizontal .item__head,.item.item--horizontal.item--small .item__head{display:block; width: 100%;} .item.item--horizontal .item__body,.item.item--horizontal.item--small .item__body{display:block; width: 100%; text-align: left;padding:10px 0 0 0;} .item.item--horizontal.item--small.item--edit .item__head{width: 100%;} .item.item--horizontal.item--small.item--edit .item__body{width:100%;} .grids {margin: 0 ;width: auto;} .grids__item {float: left;position: relative;width: 100%;padding: 15px;} .grids__item .advert img{width:auto;} .item__media img{width: 100%;} .box--filters{width: 280px;} .item__info-inline.item__info h6{display: block;} .item__info-display.item__info ul li{width:50%;} .item.item--horizontal.item--small .item__body{padding:15px 0 0 0;} .col-group .col__head .form__field-small{float: none;margin: 10px 0 0;} .col-group .col__head{text-align: center;} .accordian__title{padding: 20px 20px 20px 60px;} .accordian__title:before{left: 15px;top: 15px;} .accordian__title:after{left: 33px;top: 34px;} .accordian__body:before{left: 30px;} .accordian__body{padding-left: 60px;} .filters-blog{width: 280px;} .item.item--horizontal.item--small.item--edit .item__body{padding-right: 0;} .item.item--horizontal.item--small.item--edit .item__actions{right: auto;width: 100%;position: relative;top: auto;transform: translate(0,0);-webkit-transform: translate(0,0);-ms-transform: translate(0,0);margin: 15px 0 0;} .item.item--horizontal.item--small .item__head {width:100%;} .item.item--horizontal.item--small .item__body{width:100%;} } @media(max-width:400px){ .form.form--search .col-first,.form.form--search .col-second{max-width: 45%;flex: 0 0 45%;} .form.form--search .col-last{max-width: 10%;flex: 0 0 10%;} .post__footer .social--share{float: none!important;margin-top: 15px;} .item.item--horizontal.item--small.item--testimonials{display: block;text-align: center;} .item.item--horizontal.item--small.item--testimonials .item__head{display: block;float: none;width: 100%;margin-right: 0;} .item.item--horizontal.item--small.item--testimonials .item__head .avtar{display: block;margin: auto;} .item.item--horizontal.item--small.item--testimonials .item__body{display: block;padding: 5px 0 0 0;width:  100%;text-align: center;} .quote{padding: 0;} .quote__desc{background:url(images/quote_right.png) no-repeat center bottom;padding: 0 0 30px 0;margin-bottom: 20px;} } /*Registration page*/ .confirmation-page{text-align: center;padding-bottom: 40px;} .confirmation-page img{width: 200px;padding-bottom: 40px;display: block;margin: auto;} ul.errorlist.erlist_user_agreed + .-link-underline{position: absolute;bottom: 50px;left: 125px;} .availables { text-transform: none; display: block; font-size: 14px; vertical-align: middle; margin: 10px 0 0 0; padding: 0 0 0 25px; color: #5bb72e; position: relative; } .availables:before { background: url(images/ticked.png) no-repeat 4px 4px #72c945; border-radius: 100%; width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ""; } .not-availables { text-transform: none; /* display: inline-block; */ font-size: 14px; vertical-align: middle; margin: 10px 0 0 0; color: #f74242; padding: 0 0 0 25px; position: relative; display: block; } .not-availables:before { background: url(images/ticked.png) no-repeat 4px -36px #f74242; border-radius: 100%; width: 20px; height: 20px; position: absolute; left: 0; top: 0; content: ""; } /*Registration page*/ .tabs--offset { margin: 0 -15px 40px; width: auto; padding: 0 0 0 20px; } .tabs--small { margin: 0 0 20px 0; position: relative; } .tabs { color: #000; border-bottom: 2px solid #DCDCDC; } .tabs--small li { height: 40px; line-height: 40px; font-size: 1em; background: #fff; } .tabs li { color: inherit; font-size: 1.2em; height: 60px; line-height: 60px; padding: 0; display: block; position: relative; transition: none; -webkit-transition: none; -ms-transition: none; } .tabs li { float: left; } .tabs li a { color: inherit; opacity: 0.3; padding: 10px 30px; } a, a:visited { line-height: normal; text-decoration: none; outline: 0; -webkit-transition: all ease .3s; -moz-transition: all ease .3s; -o-transition: all ease .3s; transition: all ease .3s; } .tabs a:before { background: #DC0028; bottom: -2px; content: ""; height: 2px; left: 0; position: absolute; right: 100%; transition-duration: 0.3s; transition-property: right; transition-timing-function: ease-out; } .tabs .ui-tabs-active a, .tabs a:hover, .tabs a.is-active { opacity: 1; color: #DC0028; } .tabs li a { color: inherit; opacity: 0.3; padding: 10px 30px; } ul.tabs_nav { display: table; table-layout: fixed; border-bottom: 2px solid var(--color-secondary); /*padding: 15px 15px 0;*/ margin-bottom: 20px; width: 100%; } ul.tabs_nav li { display: table-cell; vertical-align: top; } ul.tabs_nav li a { display: block; height: 45px; line-height: 45px; /* padding: 0 10px; */ text-align: center; border: 1px solid var(--color-secondary); border-radius: 6px 6px 0 0; border-bottom: none; } ul.tabs_nav li a.active { background: var(--color-secondary); color: var(--color-light); } .media__frame small { position: absolute; bottom: 7px; left: 7px; } .blogFile-Js + small.text--small { display: none; } input.button-space { margin-right: 12px; } .userProfileDetail { margin:30px 0px; } /*Popup CSS*/ .show-pop { bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .pop-model-box { display: table; margin: 0 auto; height: 100%; } .pop-model-overlay { background-color: rgba(0, 0, 0, .55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; display: none; } html.show-pop .pop-model .pop-model-overlay { display: block; } .pop-model { bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; z-index: 999; overflow: auto; visibility: hidden; transition: none; -webkit-transition: none } html.show-pop .pop-model { opacity: 1; visibility: visible; } .model-box-content { border-radius: 5px; max-width: 900px; width: 600px; min-width: 600px; padding: 30px 0; position: relative; display: table-cell; vertical-align: middle; transform: scale(0.5); -webkit-transform: scale(0.5); transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; width: 100%; } .model-box-mid { padding: 0; position: relative; background-color: #fff; } .pop-up-data { padding: 20px; } .pop-banner { border-bottom: solid 7px var(--first-color); } .pop-banner2 { height: 135px; border-bottom: solid 3px var(--first-color); } .pop-banner2 h2 { color: #000; padding: 50px 0; } .model-box-mid h2 { font-size: 1.2em; text-align: center; padding: 15px 0; } html.show-pop .pop-model .model-box-content { transform: scale(1); -webkit-transform: scale(1); } .close-btn { float: right; font-size: 0; height: 35px; position: absolute; right: 0; top: 0; width: 35px; /*background-color: #fff;*/ border-radius: 50%; z-index: 9; } .close-btn::after, .close-btn::before { background-color: #000000; border-radius: 40px; content: ""; height: 2px; position: absolute; left: 8px; top: 16px; width: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .close-btn::before { transform: rotate(45deg); -webkit-transform: rotate(45deg); } .close-btn.close-btn-white::after, .close-btn.close-btn-white::before { background: #fff; } @media screen and (max-width: 1025px) { .pop-model-table { display: block; } .pop-model-box{display:block;} .model-box-content { display: block; margin: 0 auto; } } @media screen and (max-width: 1023px) { .model-box-content { max-width:700px; } } @media screen and (max-width: 767px) { .model-box-content { min-width: 100%; padding: 10px; padding-top: 0; transform: scale(1); -webkit-transform: scale(1); } .close-btn { right: 20px; top: 20px; } .pop-model-box { display: block; } .pop-model { position: absolute; } } /*pop-model css end here*/ .tableRequestSpamColor { background-color:#ffff002e; } .tableSpamColor  { background-color:#ff00001f; } .dropdown-menu { background: #fff; box-shadow: 0 20px 20px 4px rgba(0,0,0,0.08); z-index: 1; position: absolute;display: none;border-radius: 5px; } .dropdown-menu li { border-bottom: solid 1px #CCCCCC; } .dropdown-menu li:last-child { border-bottom:none; } .dropdown-menu li a { padding: 10px; line-height: 1.5; display: block; } .dropdown-menu li a:hover{background: #fbfaf7;} .form_horizontal h3{ background: #f3f6f8; color: #333; font-size: 1.1em; margin: 0 0 20px; padding: 12px 15px; border-radius: 5px; } a.submit_btn{ height: 55px; line-height: 55px; padding: 0 50px; font-size: 1.2rem; background: var(--color-primary); display: inline-block; vertical-align: top; border: 0 none; position: relative; cursor: pointer; border: none; color: #000; border-radius: 5px; 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; } .erlist_user_agreed{position:absolute !important;} a.btn.btn--red.btn--ad.btn--block{ background: red; font-size: 24px; font-weight: bold;} .message-reply #frm_fat_id_frmMsg label.field_label { display: none; } .payment-form{ max-width: 680px; margin: auto; } .payment-form .logo-payment { background: var(--color-secondary); padding: 16px; text-align: center; margin-bottom: 26px; } .logo-payment img { display: inline; } .erlist_advertiser_agreed{position: absolute !important;top: 25px;} .checkbox-term { margin: 0; line-height: 1.6; display: inline-block; position: relative; vertical-align: top; } .ratinglist{ margin-top: 2px; float: right; margin-left: 5px; } a.js-reset-radio { background: var(--color-primary); padding: 3px 10px; vertical-align: -webkit-baseline-middle; float: right; } .activeplans{list-style: disc; margin: 0 25px; } .expiredadcolor{color:red;} #frm_fat_id_frmContactAdvertiser .g-recaptcha { max-width: 300px; overflow: hidden; border-right: 1px solid #c1c1c1; border-bottom-right-radius: 5px; border-top-right-radius: 5px; } /***********popupLoginform****************/ .popupLoginform { background-color:#F8CF27; } .popupLoginform p, .popupLoginform .field_label,.popupLoginform a { color:#000; }  .popupLoginform .form input[type="submit"] { background-color:#000; color:#fff; } .popupLoginform .-gap { height:0px; } .popupLoginSocial .group--social-onehalf .btn { width: 52%; } .popup__body span.gap { height: 16px; display: block; clear: both; } .col-md-12.forgotPwd.-align-right { text-align: right !important; } .rememberme label { clear: both; float: left; } #frm_fat_id_frmRegister .col-3 { flex: 100%; max-width: 100%; } #frm_fat_id_frmRegister .checkbox{ padding: 0 0 0 0px;margin-right: 25px; } #adsPostBlock .checkbox-term{ width: 100%; } a.submit_btn.isredirectUrl { color: currentColor; pointer-events: none; cursor: default; opacity: 0.5; text-decoration: none; } #bpCat ul.dropdown-menu.box--scroller { max-height: 150px; overflow-y: scroll; min-height: 12px; /*   display: block !important; */ } .box--filters ul.sub-category { margin: 0 0 0 25px; } /* Language Switcher Header */ .short-links img.icon--img { float: left; margin-right: 10px; } .short-links a.dropdown__trigger.dropdown__trigger-js { color: #ffff; font-size: 0.9em; line-height: 38px; color: #fff; } .short-links a.dropdown__trigger.dropdown__trigger-mobile-js { color: #ffff; font-size: 0.9em; line-height: 38px; color: #fff; } .short-links i.icn-language { width: 20px; overflow: hidden; display: inline-block; vertical-align: middle; position: relative; } .header__action.short-links.dropdown .dropdown__trigger{    padding: 10px; padding-right: 25px;    border-radius: 5px;} .header__action.short-links.dropdown .dropdown__trigger:hover { background-color: #fff; color: #000; } .header__action.short-links.dropdown > a:after{right: 5px;} .header__action.short-links.dropdown .dropdown__trigger:hover > a span{color: #000;} .header__action.short-links .dropdown__target{min-width:160px} .skipButton {margin-left: 20px;    height: 55px; line-height: 55px; padding: 0 50px; font-size: 1.2rem;} .header__action-location ul.dropdown-menu.box--scroller, #frmSearch ul.dropdown-menu.box--scroller { float: left; overflow-y: auto; max-height: 200px; } .item__info.other-info >ul { display: flex; } .item__info.other-info >ul li{flex-grow:unset} .item__info.other-info >ul li:last-child{width:auto} @media screen and (max-width: 1024px) { .header__action.short-links.is-active .dropdown__target{display:block;} } @media screen and (max-width: 500px) { .skipButton{ width: 100%;display: block;margin: 0 0 5px 0;float: left;} }/** 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: 101; 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:-7px; 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 { 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; } .close, .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); } .close:before, .system_message .closeMsg:before { width: 3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top: 2px; content: ""; background: #fff; } .close:after, .system_message .closeMsg:after { width: 15px; height: 3px; left: 2px; top: 50%; margin: -2px 0 0 0; position: absolute; content: ""; background: #fff; } .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; } } #facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /*animation by pawan*/ /*@-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } #facebox { -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; }*/ @-webkit-keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; visibility: hidden; /*-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);*/ -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } to { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } } #facebox { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } #facebox .popup { position: relative; /*  border:3px solid rgba(0,0,0,0); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4);*/ } #facebox .content { display: table; width: 100%; padding: 15px; padding-top: 40px; background: #fff; } #facebox .content.faceboxWidth { width: 850px; min-width: 350px; min-height: 150px; } #facebox .content.fbminwidth { min-width: 350px; min-height: 150px; } #facebox .content.productQuickView { display: block; padding: 20px 0 0 0; width: 900px; } #facebox .content.productQuickView .product-detail { max-height: 430px; overflow-y: auto; overflow-x: hidden; } #facebox .content.loginpopup { padding: 0; } #facebox .content>p:first-child { margin-top: 0; } #facebox .content>p:last-child { margin-bottom: 0; } #facebox .close { position: absolute; top: 5px; right: 5px; padding: 0px; width: 30px; height: 30px; } #facebox .close:before { width: 1px; height: 30px; left: 50%; margin: 0 0 0 -1px; position: absolute; top: 0; content: ""; background: #000; } #facebox .close:after { width: 30px; height: 1px; left: 0px; top: 50%; margin: -0px 0 0 0; position: absolute; content: ""; background: #000; } /* #facebox .close:hover{animation: spin180 0.4s;-webkit-animation: spin180 0.4s;} @keyframes spin180 { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-moz-keyframes spin180 { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);} } @-webkit-keyframes spin180 { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } @-o-keyframes spin180 { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(360deg);} } @-ms-keyframes spin180 { from {-ms-transform: rotate(0deg);} to {-ms-transform: rotate(360deg);} }*/ #facebox .close img { opacity: 0.3; } #facebox .close:hover img { opacity: 1.0; } #facebox .loading { text-align: center; } #facebox .image { text-align: center; } #facebox img { border: 0; margin: 0; } #facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; } .facebox_hide { z-index: -100; } .facebox_overlayBG { opacity: 0.7; background-color: #000; z-index: 99; } @media only screen and (max-width: 1025px) { #facebox { left: 0 !important; right: 0 !important; } #facebox .content { display: block; padding: 10px; } #facebox .content.faceboxWidth { width: auto; } } @media only screen and (max-width: 767px) { #facebox .content { padding-top: 30px; } #facebox .content.fbminwidth { min-width: inherit; } } /******* EXAMPLE A *******/ .rating-a .br-widget { height: 52px; } .rating-a .br-widget a { display: block; width: 15px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: #e3e3e3; margin: 1px; text-align: center; } .rating-a .br-widget a.br-active, .rating-a .br-widget a.br-selected { background-color: #59a6d6; } .rating-a .br-widget .br-current-rating { font-size: 20px; line-height: 2; float: left; padding: 0 20px 0 20px; color: #646464; } /******* EXAMPLE B *******/ .rating-b .br-widget { height: 25px; } .rating-b .br-widget a { display: block; width: 70px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-b .br-widget a.br-active, .rating-b .br-widget a.br-selected { background-color: #59a6d6; } .rating-b .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } .rating-b .br-readonly a.br-active, .rating-b .br-readonly a.br-selected { background-color: #cbcbcb; } /******* EXAMPLE C *******/ .rating-c .br-widget { height: 52px; } .rating-c .br-widget a { display: block; width: 35px; height: 35px; float: left; background-color: #e3e3e3; margin: 2px; text-decoration: none; font-size: 16px; font-weight: 400; line-height: 2.2; text-align: center; color: #b6b6b6; } .rating-c .br-widget a.br-active, .rating-c .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE D *******/ .rating-d .br-widget { height: 52px; } .rating-d .br-widget a { display: block; width: 40px; padding: 5px 0 5px 0; height: 30px; float: left; background-color: white; border-bottom: 2px solid #e3e3e3; color: #646464; margin: 1px; text-decoration: none; line-height: 2.1; text-align: center; } .rating-d .br-widget a span { color: white; } .rating-d .br-widget a.br-active, .rating-d .br-widget a.br-selected { border-bottom: 2px solid #646464; } .rating-d .br-widget a:hover span, .rating-d .br-widget a.br-current span { color: #646464; } /******* EXAMPLE E *******/ .rating-e .br-widget a { padding: 5px; color: #646464; text-decoration: none; font-size: 11px; font-weight: 400; line-height: 3; text-align: center; } .rating-e .br-widget a.br-active { background-color: #e3e3e3; color: #646464; } .rating-e .br-widget a.br-selected { background-color: #59a6d6; color: white; } /******* EXAMPLE F *******/ .rating-f .br-widget { height: 24px; } .rating-f .br-widget a { background: url('images/star.png'); width: 24px; height: 24px; display: block; float: left; } .rating-f .br-widget a:hover, .rating-f .br-widget a.br-active, .rating-f .br-widget a.br-selected { background-position: 0 24px; } /******* EXAMPLE G *******/ .rating-g .br-widget { height: 25px; } .rating-g .br-widget a { display: block; width: 50px; height: 16px; float: left; background-color: #e3e3e3; margin: 1px; } .rating-g .br-widget a.br-active, .rating-g .br-widget a.br-selected { background-color: #59a6d6; } .rating-g .br-widget .br-current-rating { line-height: 1.1; float: left; padding: 0 20px 0 20px; color: #646464; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio : 1.5), (min-resolution: 192dpi) { .rating-f .br-widget a { /* background: url('images/star@2x.png'); background-size: 24px 48px; */ } }.row__col-left{padding-right: 30px;} .row__col-right{padding-top: 30px;padding-bottom: 50px;} .row__col-right h1{margin: 0 0 30px;} .section--dashboard{padding: 0;} .side-panel{background: #fff;border-left: 1px solid #ece8d9;border-right: 1px solid #ece8d9;height: 100%;} .side-panel__head{padding:40px;text-align: center;} .side-panel__head h5{margin: 0;font-family: inherit;font-weight: 600;} .side-panel__head p{color: #888;} .side-panel__head .tick.tick--sticky{left: 30px;} .nav--vertical li{border-bottom: 1px solid rgba(0,0,0,0.06);} .nav--vertical li:first-child{border-top: 1px solid rgba(0,0,0,0.06);} .nav--vertical li a{display: block;padding: 15px 30px 15px 20px;font-size: 1.1rem;position: relative;} .nav--vertical li.is-active a{background:#fbfaf7;font-weight: 600;} .nav--vertical li a .nav__count{color: #999;position: absolute;right: 15px;top: 18px;font-size: 0.9rem;font-family: Arial;} .stats__box{background: #fff; border-radius: 10px;text-align: center;padding:20px 10px 30px;border: 1px solid #ece8d9;border-bottom: 2px solid #ece8d9;min-height:180px;position: relative;margin: 0 0 40px; -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;} .stats__box:before{position: absolute;right: 10px;top: 10px;content: "";border-bottom: 12px solid transparent;border-right:12px solid #e8e4d8;} .stats__link{display: block;position: absolute;left: 0;top: 0;right: 0; bottom: 0;} .stats__icon{width: 70px;height: 70px;margin:10px auto 10px;display: block;position: relative;overflow: hidden;} .stats__icon svg{fill:#d9d2be;position: absolute;left: 0;right: 0;top: 0; bottom: 0;margin: auto;} .stats__box p{margin: 0;text-transform: uppercase;color: #999;font-size: 0.9rem;} .stats__box h3{font-family: inherit;font-weight: 600;font-size: 2rem;margin: 0;} .content-box{margin: 0 0 40px 0;} .content-box__head{padding: 0 0 10px 0;} .content-box__head h4{display: inline-block;/*font-family: inherit;font-weight: 600;*/margin: 0;} .box-white{background: #fff; border-radius: 10px;padding:30px;width: 100%;border: 1px solid #ece8d9;} .box-white.box-white--xpadding{padding:50px;} .table-horizontal{font-size: 1.1rem;} .table-horizontal table{border-spacing:0;border-collapse: separate;} .table-horizontal th{font-weight: 600;width: 25%;padding-bottom:30px;text-align: left;} .table-horizontal td{color: #999;padding-bottom:30px;} .table-horizontal tr:last-child td,.table-horizontal tr:last-child th{padding-bottom:0;} .controls{border-radius:5px;position: relative;display: inline-block; background: #fff;vertical-align: top;border: 1px solid #ece8d9; -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;} .controls:first-child{margin-right: 20px;} .controls li{display: inline-block;vertical-align: top;border-right: 1px solid #eee;} .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: 15px 16px;display: block;min-height: 50px;} .controls li a img{width: 20px;display: block;margin: auto;} .section__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: auto;position: relative;overflow:hidden;} .controls li a .svg-icon svg{width:100%;height:100%;opacity: 0.5;} .controls li.is-disabled a{opacity: 0.4;cursor: default;pointer-events: none;text-decoration: none;color: black;} .table--listing{width: 100%; border-spacing: 0 20px;border-radius: 5px;color: #888;border-collapse: separate;} .table--listing th{position: relative;z-index: 1; font-weight:600;text-align: left; color: #333; padding:50px 20px 20px 0;text-transform: uppercase;background: #fff;} .table--listing th:first-child,.table td:first-child{border-radius: 5px 0 0 5px;padding-left: 20px;} .table--listing th:last-child{border-radius:0 5px 5px 0;} .table--listing td{color: inherit; padding:20px 20px 20px 0;position: relative;z-index: 1;background: #fff;} .table--listing tr{box-shadow:0 0 0 1px #ece8d9;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{border-radius:5px 0 0 5px;padding-left: 20px;} .table--listing td:last-child{border-radius: 0 5px 5px 0;} .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;} .message-row{ width:100%; display:inline-block; padding:15px 0 0; margin:0 0 0;/* border-top:1px solid #d6d9db;*/} .message-row .grid_1{float: left !important; width:10%; text-align:center;padding:20px 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:90%; float:right;padding: 0 0 0 15px;} .message-row .secionreviews{display: inline-block; padding:20px;background:#e7f5ff; border-radius:5px; position:relative;color: #333; } .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 #e7f5ff; position:absolute; left:-10px; top:14px; content:"";} /*.reviewList .secionreviews:after{border-bottom:14px solid transparent;border-top:14px solid transparent;border-right:14px solid #fff; position:absolute; left:-12px; top:14px; content:"";}*/ .message-row .datetext{text-transform:uppercase; font-size:13px; color:#8a8a8a;padding: 0 0 5px 5px;display: block;} /* .message-row:nth-child(even) .grid_1{float: right !important;} .message-row:nth-child(even) .grid_2{float: left;padding: 0 15px 0 0;} .message-row:nth-child(even) .datetext{float: right;} .message-row:nth-child(even) .secionreviews{float: right;clear: right; background:rgba(0,0,0,0.04);border: none; } .message-row:nth-child(even) .secionreviews:before{left: auto; right: -20px;border-left:10px solid rgba(0,0,0,0.04);border-right:10px solid transparent;} .message-row:nth-child(even) .secionreviews:after{display: none;} */ .message-row.loginMsgUsr .grid_1{float: right !important;} .message-row.loginMsgUsr .grid_2{float: left;padding: 0 15px 0 0;} .message-row.loginMsgUsr .datetext{float: right;} .message-row.loginMsgUsr .secionreviews{float: right;clear: right; background:rgba(0,0,0,0.04);border: none; } .message-row.loginMsgUsr .secionreviews:before{left: auto; right: -20px;border-left:10px solid rgba(0,0,0,0.04);border-right:10px solid transparent;} .message-row.loginMsgUsr .secionreviews:after{display: none;} .message-container .scroll__handle {opacity: 1;visibility: visible;} .message-container .block__scroller {max-height:520px;} .message-reply{background: rgba(0,0,0,0.04);margin: 30px -30px -30px;padding:20px;border-top: 1px solid #ece8d9;} .preview.preview--profile{text-align: center;} .preview.preview--profile .avtar{display: block;margin:20px auto 20px;} .row.row--height .box-white{height: 100%;} .mode.mode--edit .form--horizontal .field-set{width: 70%;} .media-group > ul {margin: 0 0 0 -20px;} .media-group > ul > li{/*width: 33.3%;*/float: left;padding: 0 0 20px 20px;position: relative;} .media-group > ul > li .media__info-tag{position: absolute;left: 0;right: 0;text-align: center;top: -50px;} .media-group .media__frame{overflow: hidden; width: 100%;border: 1px dashed #ddd;border-radius: 8px; /*padding: 0 0 74% 0;*/ position: relative;} .media-group .media__field{position: absolute;left: 0;right: 0; bottom: 0;top: 0;margin: auto;width: 100%;height: 100%;cursor: pointer;background: rgba(0,0,0,0.03);border: 5px solid #fff;border-radius: 8px;} /*.media-group .media__field:after{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%; border-radius: 100%;background: #666; border-radius: 100%;content: "+";margin: -15px 0 0 -15px;text-align: center;color: #fff;line-height: 28px;font-weight: 700; font-size: 1.4rem;pointer-events: none;}*/ .media-group .media__field-photo:after{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%; content: "";margin: -15px 0 0 -15px;pointer-events: none;background:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBQ8KDSiKV9xuAAADAElEQVRo3u3ZXYhUdRjH8c+sm4NLpSG9glhsQhj0hhsrpFEQVBdlEUISJIkEQhlI9CJSEb1ceBFBVLD0ShexQVERBIVZeyNohkZgakioGyKyJu3GuLtPF3PaZmZ3Zs7MTnO05ndxYH7n/J/n+3/Of56Z8z901NH/XTm9bpLLKHsYyjnisgwLcDQnsN9oBsl7LCmWIfRnMvt+IboySV2iDkAHoANwFgDkXW9hVgA32+GU7x13wMZ/q1rVW/GLJoVIjuE7C1qauV+I6gD3CuEzffKu9KyC8F77AOY6JrxT4qwSwi3tAugTCuaXeV8KL7QaoNrCWoa9TpZ5Q4nfUlUDGEVPhdeDsZRxV3lSPt2lM9+CpcKEy0ucnJ3C06lirhXC186reVXNNdBlr7DNvCnnKaHg6hTp7zKefHF3urBZAJY5LfxsvRvd5xMhPJMi/QpjwnarjQn7LG4WgDVGkpkU29Frzqmb/hojwg/mY6UR4XDVqtUFYJE37THuVx+l6gBXGBYOuiT5fJ3fhBOWNwtQVHeK1HCxA8Kw3hKv1y/CH+6YDUClHnfIhmnu+XYLI66t8C+1RyhY0xqAOV5P1sRjZX7eN8KYlTOMWWBImPTo7AF6fCqEfRUIc3wsjLu7yrh5PhfC87MDuMgOYdIm3QbLEAaE8FCNsd3eF8IbJb23QYAlDgp/Wp0E/AfhJSE8UWd8zitCGDS3GYDljgsnrCiZUxGheFO2pqrhZiF8lfTXBgDuMSocclVFWQeTBflu6h2Gh00IDzQG8IgJYddUe5mOsCllerjTQLIjkQogZ6sQvnDujOcrl2MjSgGQ96EQBmp0w+YR6gJc4FshbKkTqFmEOgCL/SQUPJgiVHMINQFuMCz87raUwf5GuL81ALc7JRyZ9sNSH+HVVgCsc1r40aKGCkpOX9o/orUAnhPCthY/hqUE6PK2ED6Y6tdtBrhVCC+3aeu2X4jyBrPLW7a3+BG0jsoBTlrXzuScFVs0/3WAzLfrz4AXFhm/sslw8h11dIboL3SUfOf+qPyUAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA1LTE1VDEwOjEzOjQwKzAyOjAwmbqh5AAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wNS0xNVQxMDoxMzo0MCswMjowMOjnGVgAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC'); background-size:28px 28px;background-position: center center;background-repeat: no-repeat;opacity: 0.5;} .media-group .media__field-video:after{width: 30px;height: 30px;position: absolute;left: 50%;top: 50%; content: "";margin: -15px 0 0 -15px;pointer-events: none;background:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiBQ8KEB66gSXrAAACG0lEQVRo3u2ZPUgcQRiGnz3/glgdImKRRCRFFAJeIQoiFwRFLa0SktgEFCwU02sr+HOXIoWtijYWKRLlrlIQFAMKwWihYgxERMQqyhnxxmI4hFn34HbXnQPnvWLZb2f3fb7vdr+ZuwUjo8cuixqasTS5C1Yt/lKlsQDHFgLY41I58AqLA/75ZFNGDYKfSrSUF7IMgkbbKSkEUd/yjCJI2aKNCETINxOXMgAGwABoBygEIMKTBwcL2RpbrdwIx080RwtnRZ1dZAX+I5RTSnyvAFwp+xbFmQqYuSBXVbHAEAX6AHrpZoIfRHQByFu0ng3GKdUBALDFBgV8Yps2PQB/aGKQC6pJMEN58ACQ5jN1LAHv2OV98AAAR3TyllPKmSZBde4XkJ0wTKUHiHkSTNJDG9uMEOPGYZzqEZYbN3PBKIKvSqyVfQSCsXvGZ5kLtHdC+RV0sanEf+c0HYWZpAe4ZISYw5grniuRCN8zAOeceEjiDXEqgCR9HGYZp3qcg/en4BmLzFHBGR9oz2rvIC8AIQb4RQcwy0tm3F2k0LX9U9ZoAA7pI+k+C/cA9cANcYZtv6wDAJCLqy0+2p6egACmaOEbccee9+AAx7z2bi2VJ51wJYBleYltXWzdARQHkuy9SUmAfnaUeJIin+2vbUu3Wr5kADZZVw6mfc8/zbISSUEe3IQGwAAYAO0A2v+uz4MXFppf2WhM3sgoT3QLATSu9/iaWN0AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDUtMTVUMTA6MTY6MzArMDI6MDB1VmO5AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTA1LTE1VDEwOjE2OjMwKzAyOjAwBAvbBQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII='); background-size:28px 28px;background-position: center center;background-repeat: no-repeat;opacity: 0.5;} .media-group .media__frame input[type="file"]{position: absolute;left: 0;right: 0; bottom: 0;top: 0;margin: auto;width: 100%;height: 100%;opacity: 0;cursor: pointer;} .media-group .media__frame .item__media{position: absolute;left:5px;right:5px; bottom:5px;top: 5px; margin: auto;width: auto;border-radius: 4px;} .media-group .media__frame .-link-close{background: var(--color-primary);width: 24px;height: 24px;right: 10px;top: 10px;border-radius: 3px;} .media-group .media__frame .-link-close:before,.media-group .media__frame .-link-close:after{top: 6px;left: 12px;height: 12px;} .plans-container{margin: 0 0 40px;} .plan-box{border: 1px solid #ddd;position: relative;padding:40px 30px; border: 1px solid #e9e9e9;border-radius: 5px;text-align: center;width: 100%;display: block;margin: 10px 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;} .plan-box h6{text-transform: uppercase;font-family: inherit;} .plan-box .radio{position: absolute;left: 20px;top: 20px;} .plan-box .plan-box__circle{width: 110px;height: 110px;line-height:110px;position: relative;display: block; border-radius: 100%; padding: 0 10px;background: #f6f3ea;font-size: 3rem;font-weight: 600;margin:20px auto 10px;} .plan-box .plan-box__circle + span{font-size: 0.9rem; text-transform: uppercase;display: block;} .plan-box .plan-box__price{display: inline-block;vertical-align: middle;font-size:1.4rem;font-weight: 700;} .plan-box .plan-box__price-old{display: inline-block;vertical-align: middle;font-size:1.4rem;font-weight: normal;text-decoration: line-through;color: #999;margin: 0 10px 0 0;} .plan-box__features{padding:10px 0 30px;} .plan-box__features li{display: block;padding:10px 0;border-bottom: 1px dashed rgba(0,0,0,0.1);} .plan-box__features li:first-child{border-top: 1px dashed rgba(0,0,0,0.1);} .plan-box.is-active{box-shadow: 0 20px 20px 4px rgba(0,0,0,0.08);} .plan-box__tag{position: absolute;left: 50%;top: 0;padding: 5px; color: #000;background: var(--color-primary);font-size: 0.7rem; text-transform: uppercase;font-family: Arial;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .plan-box--rec.plan-box{border-color: var(--color-primary);} .tabs--inline{width: 100%;margin: 30px 0 20px;border-bottom: 1px solid #f0ece1;} .tabs--inline ul li{display: table-cell;vertical-align: top;} .tabs--inline ul li.is-active a{background: #fff;} .tabs--inline ul li a{display: block;padding: 20px 30px;border: 1px solid #f0ece1;border-bottom: none; border-radius:10px 10px 0 0;text-align: center;background: #f6f3ea;position: relative;} .tabs--inline ul li.is-active a:after{position: absolute;left: 0;right: 0; bottom:-1px;content: "";height: 2px; background: #fff;} .tabs--offset{margin:30px -50px 20px;width: auto;padding: 0 50px;} .form--post-ad input[type="submit"]{height: 55px;line-height:55px;padding: 0 50px;font-size: 1.2rem;} .-link-info{display: inline-block;vertical-align: middle;margin: 0 0 0 10px;} .-link-info .svg-icon{width: 20px;height: 20px;position: relative;overflow: hidden;display: inline-block;} /****************************************** media queries *****************************************************/ @media(min-width:1200px){ .nav--vertical li a:hover{background:#fbfaf7;} .stats__box:hover,.plan-box:hover{box-shadow: 0 20px 20px 4px rgba(0,0,0,0.08);} .table--listing tr:hover {box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.1);margin: -5px;} .side-panel{min-height: 800px;} } @media(max-width:1200px){ .row__col-left{padding-right: 15px;} .side-panel{background: #fff;bottom: 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;width: 350px;opacity: 0; visibility: hidden;z-index: 11; padding: 0;} html.show-panel .side-panel{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);visibility: visible;} html.show-panel .overlay--panel{display: block;} html.show-panel {position: fixed;left: 0;right: 0;top: 0; bottom: 0;overflow: hidden;} .stats__box{margin-bottom: 20px;padding:20px 10px;text-align: left;min-height: 100px;} .stats__icon{float: left;margin: 0 20px 0 10px;width: 50px;height: 50px;} .stats__icon svg{width: 100%;height: 100%;} .stats__box p{margin-top: 5px;} } @media(max-width:1023px){ .table--listing .listing__desc{max-width: 500px;} .box-white.box-white--xpadding{padding: 30px;} .tabs--offset{margin: 30px -30px 20px;padding: 0 30px;} .plan-box{padding: 40px 20px;} } @media(max-width:767px){ .box-white.box-white--xpadding{padding:20px;} .row__col-right h1{margin-bottom: 15px;text-align: center;} .side-panel{width: 280px;} .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;} .section__controls{background: #fff;padding: 15px;border: 1px solid #ece8d9;border-radius: 5px;} .controls li a, .controls li > span{padding: 10px;min-height: 42px;} .controls:first-child{margin-right: 10px;} .box-white{padding: 20px;} .message-row{padding: 25px 0 0;} .message-row .grid_2{width: calc(100% - 50px);} .message-row .grid_1{width:50px;} .message-row .grid_1 .avtar{width:40px;height: 40px;} .message-row .secionreviews{padding: 10px;} .tabs--offset{margin: 30px -20px 20px;padding: 0 20px;} .media-group > ul > li{width: 50%;} .plan-box .plan-box__price{font-size: 1.2rem;} .plan-box .plan-box__price-old{font-size: 1.2rem;} .row__col-right{padding-bottom: 20px;} .content-box:last-child{margin-bottom: 0;} .box-white .row:last-child .field-set{margin-bottom: 0;} } @media(max-width:600px){ .section__controls [class*="col-"]{width: 50%;} .mode.mode--edit .form--horizontal .field-set{width:100%;} .row.row--height .box-white{margin-bottom: 20px;height: auto;} } @media(max-width:500px){ .table-horizontal th{display: block;width: 100%;padding: 0 0 5px 0;text-align: left;} .table-horizontal td{display: block;width: 100%;} .controls {margin-bottom: 20px;} .section__controls [class*="col-"]:last-child .controls{margin-bottom: 0;} .section__controls, .-align-right{text-align: center!important;} .section__controls [class*="col-"]{width:100%;} } @media(max-width:400px){ .message-row .grid_2{width: 100%;padding: 20px 0 0;text-align: center;} .message-row .grid_1{width: 100%;padding: 0;} .message-row .grid_1 .avtar{width:40px;height: 40px;} .message-row .secionreviews{padding: 10px;} .message-row:nth-child(2n) .grid_2,.message-row:nth-child(2n) .datetext,.message-row:nth-child(2n) .grid_1{float: none;} .message-row:nth-child(2n) .grid_2{padding:20px 0 0;} .message-row .secionreviews::before{display: none;} .message-reply{margin: 0 -20px -20px;padding: 10px 20px;} } span.nav__count.msg-count { background: #DC0028; border-radius: 50%; color: #fff !important; display: inline-block; font-size: 0.7em; font-weight: 600; height: 23px; line-height: 1.9; text-align: center; vertical-align: middle; width: 25px; } /** system message **/ #mbsmessage, .system_message,.alert.alert--positioned{ left: 40%;width: auto;box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07);z-index: 1000;transform: translate(-50%,0);} .alert.alert--positioned{display: none;box-shadow: 0;} .div_error{text-align:left;padding:20px 40px 20px 60px;position:relative; color: #fff; font-size: 0; line-height: normal; background-size:30px; } .div_error li{font-weight: 300;font-size: 14px; color:inherit; position: relative; padding:0 0 5px 0; list-style:none;} .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;} .div_info li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit; list-style:none;} .div_info li a{font-weight: normal;text-decoration: none; color: #fff; cursor: default;} .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; } .div_msg li{font-weight: 300; font-size: 1em; position: relative;padding:0 0 5px 0;color: inherit;list-style:none; } .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;} .div_error ul,.div_msg ul,.div_info ul{color:#fff;} /* validation error messages */ .error{border-color: rgba(242,84,84,0.1)!important;background: rgba(242,84,84,0.1)!important;} .errorlist{margin: 0; list-style: none; padding:0 5px; position: relative;} .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; margin:auto;padding:20px 40px 20px 60px;margin-bottom: 18px;border: 1px solid transparent;min-width:300px;max-width:max-content;} .alert.alert--positioned-bottom {left: 20px; bottom:25px;} .alert.alert--positioned-top { position: fixed; left: 50%; bottom: 50px; width: auto; margin: 0; box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.07); z-index: 1000; transform: translate(-50%,0); } .alert.alert--positioned-center {bottom: 20px;transform: translate(-50%,0);-webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);} .alert p{color: inherit!important;} .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;} .alert .close, .system_message .close{ z-index: 1; width:20px; height: 20px; position:absolute; right: 10px; top: 10px; text-align: center; line-height: 18px;cursor: pointer; -ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);} .alert .close:before, .system_message .close:before{width:3px; height: 15px; left: 50%; margin: 0 0 0 -2px; position: absolute; top:2px; content: ""; background: #fff;} .alert .close:after,.system_message .close: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--success,.alert_success { background-size:30px;padding:20px 40px 20px 60px!important;} .alert--info,.alert_info {background: url(images/icon--info.svg) no-repeat 15px 14px #02b4d1; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--warning,.alert_warning {background: url(images/icon--warning.svg) no-repeat 15px 14px #f3c532; background-size:30px;padding:20px 40px 20px 60px!important;} .alert--process,.alert_process{background:rgba(0,0,0,0.9);padding:20px 40px 20px 60px!important;} .alert_inverse{background: url(images/icon--info.svg) no-repeat 15px 20px rgba(51, 51, 51, 0.9); background-size:30px;color: #fff;padding:20px 40px 20px 60px!important;} .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); } } .alert--small.alert--info{background: url(images/icon--info-colored.svg) no-repeat 0 2px; background-size:14px; color: #02b4d1; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--danger{background: url(images/icon--attention-colored.svg) no-repeat 0 2px; background-size:14px; color: #f35f5f; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--warning{background: url(images/icon--warning-colored.svg) no-repeat 0 2px; background-size:14px; color: #f3c532; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert--small.alert--success{background: url(images/icon--success-colored.svg) no-repeat 0 2px; background-size:14px; color: #00b6ad; padding: 0 0 0 20px;display: block;font-size:85%;margin: 0 0 5px 0;} .alert_position{ position: fixed;opacity: 0; max-width: 500px;z-index:-1;} .alert_position.animated{opacity: 1;z-index: 9999;} .top_left{ top: 75px; left: 20px;} .top_right{ top: 75px; right: 20px;} .top_center{ top: 75px; left: 50%; margin: 0 0 0 -250px;} .bottom_left{ bottom:10px; left: 20px;} .bottom_right{ bottom: 10px; right: 20px;} .bottom_center{ bottom: 10px; left: 50%; margin: 0 0 0 -250px;} @media(max-width:767px){ #mbsmessage, .system_message{ left: 10px; right: 10px; width: auto;} } /*********Time Picker*************/ .ui-timepicker-wrapper { overflow-y: auto; max-height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10001; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } /***************** Start jquery.datetimepicker.css ******************/ .xdsoft_datetimepicker { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); background: #FFFFFF; border-bottom: 1px solid #BBBBBB; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; color: #333333; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; padding-left: 0; padding-top: 2px; position: absolute; z-index: 999999; -moz-box-sizing: border-box; box-sizing: border-box; display: none; } .xdsoft_datetimepicker iframe { position: absolute; left: 0; top: 0; width: 75px; height: 210px; background: transparent; border: none; } /*For IE8 or lower*/ .xdsoft_datetimepicker button { border: none !important; } .xdsoft_noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .xdsoft_noselect::selection { background: transparent; } .xdsoft_noselect::-moz-selection { background: transparent; } .xdsoft_datetimepicker.xdsoft_inline { display: inline-block; position: static; box-shadow: none; } .xdsoft_datetimepicker * { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; } .xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker { display: none; } .xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active { display: block; } .xdsoft_datetimepicker .xdsoft_datepicker { width: 224px; float: left; margin-left: 8px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker { width: 256px; } .xdsoft_datetimepicker .xdsoft_timepicker { width: 58px; float: left; text-align: center; margin-left: 8px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker { margin-top: 8px; margin-bottom: 3px } .xdsoft_datetimepicker .xdsoft_mounthpicker { position: relative; text-align: center; } .xdsoft_datetimepicker .xdsoft_label i, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC); } .xdsoft_datetimepicker .xdsoft_label i { opacity: 0.5; background-position: -92px -19px; display: inline-block; width: 9px; height: 20px; vertical-align: middle; } .xdsoft_datetimepicker .xdsoft_prev { float: left; background-position: -20px 0; } .xdsoft_datetimepicker .xdsoft_today_button { float: left; background-position: -70px 0; margin-left: 5px; } .xdsoft_datetimepicker .xdsoft_next { float: right; background-position: 0 0; } .xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button { background-color: transparent; background-repeat: no-repeat; border: 0 none currentColor; cursor: pointer; display: block; height: 30px; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; outline: medium none currentColor; overflow: hidden; padding: 0; position: relative; text-indent: 100%; white-space: nowrap; width: 20px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next { float: none; background-position: -40px -15px; height: 15px; width: 30px; display: block; margin-left: 14px; margin-top: 7px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev { background-position: -40px 0; margin-bottom: 7px; margin-top: 0; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 151px; overflow: hidden; border-bottom: 1px solid #DDDDDD; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div { background: #F5F5F5; border-top: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: center; border-collapse: collapse; cursor: pointer; border-bottom-width: 0; height: 25px; line-height: 25px; } .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div > div:first-child { border-top-width: 0; } .xdsoft_datetimepicker .xdsoft_today_button:hover, .xdsoft_datetimepicker .xdsoft_next:hover, .xdsoft_datetimepicker .xdsoft_prev:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } .xdsoft_datetimepicker .xdsoft_label { display: inline; position: relative; z-index: 9999; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; float: left; width: 182px; text-align: center; cursor: pointer; } .xdsoft_datetimepicker .xdsoft_label:hover>span { text-decoration: underline; } .xdsoft_datetimepicker .xdsoft_label:hover i { opacity: 1.0; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select { border: 1px solid #ccc; position: absolute; right: 0; top: 30px; z-index: 101; display: none; background: #fff; max-height: 160px; overflow-y: hidden; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect { right: -7px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect { right: 2px; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #fff; background: #ff8000; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option { padding: 2px 10px 2px 5px; text-decoration: none !important; } .xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #33AAFF; box-shadow: #178FE5 0 1px 3px 0 inset; color: #fff; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_month { width: 75px; text-align: center; } .xdsoft_datetimepicker .xdsoft_calendar { clear: both; } .xdsoft_datetimepicker .xdsoft_year { width: 75px; margin-left: 0; } .xdsoft_datetimepicker .xdsoft_calendar table { border-collapse: collapse; width: 100%; } .xdsoft_datetimepicker .xdsoft_calendar td > div { padding-right: 5px; } .xdsoft_datetimepicker .xdsoft_calendar th { height: 25px; } .xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th { width: 14.2857142%; background: #F5F5F5; border: 1px solid #DDDDDD; color: #666666; font-size: 12px; text-align: right; vertical-align: middle; padding: 0; border-collapse: collapse; cursor: pointer; height: 25px; } .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th { width: 12.5%; } .xdsoft_datetimepicker .xdsoft_calendar th { background: #F1F1F1; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today { color: #fff!important; font-weight:700;background:#000!important;box-shadow:none!important; opacity:1!important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #fff; box-shadow: #fff 0 1px 3px 0 inset; color: #000; font-weight: 700; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box >div >div.xdsoft_disabled { opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled { opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; } .xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #fff !important; background: #373737 !important; box-shadow: none !important; } .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover { color: inherit !important; background: inherit !important; box-shadow: inherit !important; } .xdsoft_datetimepicker .xdsoft_calendar th { font-weight: 700; text-align: center; color: #999; cursor: default; } .xdsoft_datetimepicker .xdsoft_copyright { color: #ccc !important; font-size: 10px; clear: both; float: none; margin-left: 8px; } .xdsoft_datetimepicker .xdsoft_copyright a { color: #eee !important; } .xdsoft_datetimepicker .xdsoft_copyright a:hover { color: #aaa !important; } .xdsoft_time_box { position: relative; border: 1px solid #ccc; } .xdsoft_scrollbar >.xdsoft_scroller { background: #ccc !important; height: 20px; border-radius: 3px; } .xdsoft_scrollbar { position: absolute; width: 7px; right: 0; top: 0; bottom: 0; cursor: pointer; } .xdsoft_scroller_box { position: relative; } .xdsoft_datetimepicker.xdsoft_dark { box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506); background: #000000; border-bottom: 1px solid #444444; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; color: #cccccc; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box { border-bottom: 1px solid #222222; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div { background: #0a0a0a; border-top: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label { background-color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select { border: 1px solid #333; background: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover { color: #000; background: #007fff; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==); } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0a0a0a; border: 1px solid #222222; color: #999999; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { background: #0e0e0e; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today { color: #cc5500; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current { background: #cc5500; box-shadow: #b03e00 0 1px 3px 0 inset; color: #000; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover, .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box >div >div:hover { color: #000 !important; background: #007fff !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th { color: #666; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright { color: #333 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a { color: #111 !important; } .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover { color: #555 !important; } .xdsoft_dark .xdsoft_time_box { border: 1px solid #333; } .xdsoft_dark .xdsoft_scrollbar >.xdsoft_scroller { background: #333 !important; } /***************** End jquery.datetimepicker.css ******************/ /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } .ui-button { padding: .4em 1em; display: inline-block; position: relative; line-height: normal; margin-right: .1em; cursor: pointer; vertical-align: middle; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* Support: IE <= 11 */ overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } /* to make room for the icon, a width needs to be set here */ .ui-button-icon-only { width: 2em; 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: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 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: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .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; } .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 { position: relative; text-align: left; } .ui-slider .ui-slider-handle { 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 { 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 { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; 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: #007fff; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("images/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("images/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("images/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("images/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("images/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("images/ui-icons_777777_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; }