Орла
Области
Компаний
Пользователи
Галерея
Фиксированные новости
Орла
Отзывы о фирмах
Тарифы
Пользователи
Области
Банкоматы
Торговые точки
Доска объявлений
Курсы валют
Скидки
организации Орла
организации области
товары
сайты
сайты Орел
Данные
Разделы
Поиск
Поиск запросы
Статистика
Показы каталога организаций
Статистика клиенты
Пользователи
Сайты
Управление сайтом
Анкета
Аптеки
Афиша
Афиша новая
Баннеры
Бизнес >
Викторина
Голосование
Гость на сайте
Истории
Календарь событий
Каталоги >
Конкурс красоты
Конкурс аудио
Консультации
Меню
Новое на сайте
Новости >
Организации >
Программа ТВ
Публикации
Разделы сайта
Рассылка
Рестораны
Секрет фирмы >
Сервисы >
Ссылки
Тесты
Файловый менеджер
Форум
Фотогалерея
Обратная связь
Недвижимость
Новый год
Тексты
Пользователи
Юридический рейтинг
Отзывы на товары
Бан пользователей
Жалобы
Новые тесты
Коронавирус
Файловый менеджер
Имя файла
prod.css
Содержимое
/* Z-INDEX */ .formError { z-index: 990; } .formError .formErrorContent { z-index: 991; } .formError .formErrorArrow { z-index: 996; } .ui-dialog .formError { z-index: 5000; } .ui-dialog .formError .formErrorContent { z-index: 5001; } .ui-dialog .formError .formErrorArrow { z-index: 5006; } .inputContainer { position: relative; float: left; } .formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; } .formError.inline { position: relative; top: 0; left: 0; display: inline-block; } .ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; } .formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; } .formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; } .greenPopup .formErrorContent { background: #33be40; } .blackPopup .formErrorContent { background: #393939; color: #FFF; } .formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; } body[dir='rtl'] .formError .formErrorArrow, body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; } .formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; } .formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; } .formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; } .greenPopup .formErrorArrow div { background: #33be40; } .blackPopup .formErrorArrow div { background: #393939; color: #FFF; } .formError .formErrorArrow .line10 { width: 15px; border: none; } .formError .formErrorArrow .line9 { width: 13px; border: none; } .formError .formErrorArrow .line8 { width: 11px; } .formError .formErrorArrow .line7 { width: 9px; } .formError .formErrorArrow .line6 { width: 7px; } .formError .formErrorArrow .line5 { width: 5px; } .formError .formErrorArrow .line4 { width: 3px; } .formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; } .formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; } .formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; } /*! UIkit 2.27.2 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ /* ======================================================================== Component: Base ========================================================================== */ /* * 1. Normalize default `font-family` and set `font-size` to support `rem` units * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * 3. Style */ html { /* 1 */ font: normal 14px / 20px "Helvetica Neue", Helvetica, Arial, sans-serif; /* 2 */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 3 */ background: #fff; color: #444; } /* * Removes default margin. */ body { margin: 0; } /* Links ========================================================================== */ /* * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /* * Improve readability of focused elements when they are also in an active/hover state. */ a:active, a:hover { outline: 0; } /* * Style */ a, .uk-link { color: #07D; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #059; text-decoration: underline; } /* Text-level semantics ========================================================================== */ /* * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /* * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /* * 1. Address odd `em`-unit font size rendering in all browsers. * 2. Consolas has a better baseline in running text compared to `Courier` */ :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { /* 1 */ font-size: 12px; /* 2 */ font-family: Consolas, monospace, serif; /* 3 */ white-space: nowrap; } /* * Emphasize */ /* * Insert */ ins { background: #ffa; color: #444; text-decoration: none; } /* * Mark * Note: Addresses styling not present in IE 8/9. */ mark { background: #ffa; color: #444; } /* * Quote */ q { font-style: italic; } /* * Addresses inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /* * Remove the gap between embedded content and the bottom of their containers. */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* * Responsiveness * 1. Sets a maximum width relative to the parent and auto scales the height * 2. Corrects `max-width` behavior if padding and border are used */ audio, canvas, img, svg, video { /* 1 */ max-width: 100%; height: auto; /* 2 */ box-sizing: border-box; } /* * Preserve original dimensions */ .uk-img-preserve, .uk-img-preserve audio, .uk-img-preserve canvas, .uk-img-preserve img, .uk-img-preserve svg, .uk-img-preserve video { max-width: none; } /* * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /* * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Block elements ========================================================================== */ /* * Reset margin */ blockquote, figure { margin: 0; } /* * Margins */ p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 15px 0; } * + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 15px; } /* Headings ========================================================================== */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px 0; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; color: #444; text-transform: none; } /* * Margins */ * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 25px; } /* * Sizes */ h1, .uk-h1 { font-size: 36px; line-height: 42px; } h2, .uk-h2 { font-size: 24px; line-height: 30px; } h3, .uk-h3 { font-size: 18px; line-height: 24px; } h4, .uk-h4 { font-size: 16px; line-height: 22px; } h5, .uk-h5 { font-size: 14px; line-height: 20px; } h6, .uk-h6 { font-size: 12px; line-height: 18px; } /* Lists ========================================================================== */ ul, ol { padding-left: 30px; } /* * Reset margin for nested lists */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } /* Description lists ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } /* Horizontal rules ========================================================================== */ /* * 1. Address differences between Firefox and other browsers. * 2. Style */ hr { /* 1 */ box-sizing: content-box; height: 0; /* 2 */ margin: 15px 0; border: 0; border-top: 1px solid #ddd; } /* Address ========================================================================== */ address { font-style: normal; } /* Blockquotes ========================================================================== */ blockquote { padding-left: 15px; border-left: 5px solid #ddd; font-size: 16px; line-height: 22px; font-style: italic; } /* Preformatted text ========================================================================== */ /* * 1. Contain overflow in all browsers. */ pre { padding: 10px; background: #f5f5f5; font: 12px / 18px Consolas, monospace, serif; color: #444; -moz-tab-size: 4; tab-size: 4; /* 1 */ overflow: auto; } /* Selection pseudo-element ========================================================================== */ ::-moz-selection { background: #39f; color: #fff; text-shadow: none; } ::selection { background: #39f; color: #fff; text-shadow: none; } /* HTML5 elements ========================================================================== */ /* * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } /* * Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /* * Prevent displaying `audio` without controls in Chrome, Safari and Opera */ audio:not([controls]) { display: none; } /* * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Iframe ========================================================================== */ iframe { border: 0; } /* Fix viewport for IE10 snap mode ========================================================================== */ @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } /* ======================================================================== Component: Grid ========================================================================== */ /* * 1. Makes grid more robust so that it can be used with other block elements like lists */ .uk-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin: 0; padding: 0; list-style: none; } /* * DEPRECATED * Micro clearfix * Can't use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit */ .uk-grid:before, .uk-grid:after { content: ""; display: block; overflow: hidden; } .uk-grid:after { clear: both; } /* * Grid cell * 1. Space is allocated solely based on content dimensions * 2. Makes grid more robust so that it can be used with other block elements * 3. DEPRECATED Using `float` to support IE9 */ .uk-grid > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ margin: 0; /* 3 */ float: left; } /* * Remove margin from the last-child */ .uk-grid > * > :last-child { margin-bottom: 0; } /* Grid gutter ========================================================================== */ /* * Default gutter */ /* Horizontal */ .uk-grid { margin-left: -25px; } .uk-grid > * { padding-left: 25px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 25px; } /* Large screen and bigger */ @media (min-width: 1220px) { /* Horizontal */ .uk-grid { margin-left: -35px; } .uk-grid > * { padding-left: 35px; } /* Vertical */ .uk-grid + .uk-grid, .uk-grid-margin, .uk-grid > * > .uk-panel + .uk-panel { margin-top: 35px; } } /* * Collapse gutter */ /* Horizontal */ .uk-grid-collapse { margin-left: 0; } .uk-grid-collapse > * { padding-left: 0; } /* Vertical */ .uk-grid-collapse + .uk-grid-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; } /* * Small gutter */ /* Horizontal */ .uk-grid-small { margin-left: -10px; } .uk-grid-small > * { padding-left: 10px; } /* Vertical */ .uk-grid-small + .uk-grid-small, .uk-grid-small > .uk-grid-margin, .uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; } /* * Medium gutter */ /* Horizontal */ .uk-grid-medium { margin-left: -25px; } .uk-grid-medium > * { padding-left: 25px; } /* Vertical */ .uk-grid-medium + .uk-grid-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: 25px; } /* * Large gutter */ /* Large screen and bigger */ @media (min-width: 960px) { /* Horizontal */ .uk-grid-large { margin-left: -35px; } .uk-grid-large > * { padding-left: 35px; } /* Vertical */ .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 35px; } } /* Extra Large screens */ @media (min-width: 1220px) { /* Horizontal */ .uk-grid-large { margin-left: -50px; } .uk-grid-large > * { padding-left: 50px; } /* Vertical */ .uk-grid-large + .uk-grid-large, .uk-grid-large-margin, .uk-grid-large > * > .uk-panel + .uk-panel { margin-top: 50px; } } /* Modifier: `uk-grid-divider` ========================================================================== */ /* * Horizontal divider * Only works with the default gutter. Does not work with gutter collapse, small or large. * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row. */ .uk-grid-divider:not(:empty) { margin-left: -25px; margin-right: -25px; } .uk-grid-divider > * { padding-left: 25px; padding-right: 25px; } .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: 1px solid #ddd; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 1px solid #ddd; } } /* Large screen and bigger */ @media (min-width: 1220px) { /* * Large gutter */ .uk-grid-divider:not(:empty) { margin-left: -35px; margin-right: -35px; } .uk-grid-divider > * { padding-left: 35px; padding-right: 35px; } .uk-grid-divider:empty { margin-top: 35px; margin-bottom: 35px; } } /* * Vertical divider */ .uk-grid-divider:empty { margin-top: 25px; margin-bottom: 25px; border-top: 1px solid #ddd; } /* Match panels in grids ========================================================================== */ /* * 1. Behave like a block element */ .uk-grid-match > * { display: -ms-flexbox; display: -webkit-flex; display: flex; /* 1 */ -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-grid-match > * > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; box-sizing: border-box; width: 100%; } /* Even grid cell widths ========================================================================== */ [class*='uk-grid-width'] > * { box-sizing: border-box; width: 100%; } .uk-grid-width-1-2 > * { width: 50%; } .uk-grid-width-1-3 > * { width: 33.333%; } .uk-grid-width-1-4 > * { width: 25%; } .uk-grid-width-1-5 > * { width: 20%; } .uk-grid-width-1-6 > * { width: 16.666%; } .uk-grid-width-1-10 > * { width: 10%; } .uk-grid-width-auto > * { width: auto; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-grid-width-small-1-1 > * { width: 100%; } .uk-grid-width-small-1-2 > * { width: 50%; } .uk-grid-width-small-1-3 > * { width: 33.333%; } .uk-grid-width-small-1-4 > * { width: 25%; } .uk-grid-width-small-1-5 > * { width: 20%; } .uk-grid-width-small-1-6 > * { width: 16.666%; } .uk-grid-width-small-1-10 > * { width: 10%; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-grid-width-medium-1-1 > * { width: 100%; } .uk-grid-width-medium-1-2 > * { width: 50%; } .uk-grid-width-medium-1-3 > * { width: 33.333%; } .uk-grid-width-medium-1-4 > * { width: 25%; } .uk-grid-width-medium-1-5 > * { width: 20%; } .uk-grid-width-medium-1-6 > * { width: 16.666%; } .uk-grid-width-medium-1-10 > * { width: 10%; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-grid-width-large-1-1 > * { width: 100%; } .uk-grid-width-large-1-2 > * { width: 50%; } .uk-grid-width-large-1-3 > * { width: 33.333%; } .uk-grid-width-large-1-4 > * { width: 25%; } .uk-grid-width-large-1-5 > * { width: 20%; } .uk-grid-width-large-1-6 > * { width: 16.666%; } .uk-grid-width-large-1-10 > * { width: 10%; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-grid-width-xlarge-1-1 > * { width: 100%; } .uk-grid-width-xlarge-1-2 > * { width: 50%; } .uk-grid-width-xlarge-1-3 > * { width: 33.333%; } .uk-grid-width-xlarge-1-4 > * { width: 25%; } .uk-grid-width-xlarge-1-5 > * { width: 20%; } .uk-grid-width-xlarge-1-6 > * { width: 16.666%; } .uk-grid-width-xlarge-1-10 > * { width: 10%; } } /* Sub-objects: `uk-width-*` ========================================================================== */ [class*='uk-width'] { box-sizing: border-box; width: 100%; } /* * Widths */ /* Whole */ .uk-width-1-1 { width: 100%; } /* Halves */ .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; } /* Thirds */ .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } /* Quarters */ .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } /* Fifths */ .uk-width-1-5, .uk-width-2-10 { width: 20%; } .uk-width-2-5, .uk-width-4-10 { width: 40%; } .uk-width-3-5, .uk-width-6-10 { width: 60%; } .uk-width-4-5, .uk-width-8-10 { width: 80%; } /* Sixths */ .uk-width-1-6 { width: 16.666%; } .uk-width-5-6 { width: 83.333%; } /* Tenths */ .uk-width-1-10 { width: 10%; } .uk-width-3-10 { width: 30%; } .uk-width-7-10 { width: 70%; } .uk-width-9-10 { width: 90%; } /* Phone landscape and bigger */ @media (min-width: 480px) { /* Whole */ .uk-width-small-1-1 { width: 100%; } /* Halves */ .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; } /* Thirds */ .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; } /* Quarters */ .uk-width-small-1-4 { width: 25%; } .uk-width-small-3-4 { width: 75%; } /* Fifths */ .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; } /* Sixths */ .uk-width-small-1-6 { width: 16.666%; } .uk-width-small-5-6 { width: 83.333%; } /* Tenths */ .uk-width-small-1-10 { width: 10%; } .uk-width-small-3-10 { width: 30%; } .uk-width-small-7-10 { width: 70%; } .uk-width-small-9-10 { width: 90%; } } /* Tablet and bigger */ @media (min-width: 768px) { /* Whole */ .uk-width-medium-1-1 { width: 100%; } /* Halves */ .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; } /* Thirds */ .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; } /* Quarters */ .uk-width-medium-1-4 { width: 25%; } .uk-width-medium-3-4 { width: 75%; } /* Fifths */ .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; } /* Sixths */ .uk-width-medium-1-6 { width: 16.666%; } .uk-width-medium-5-6 { width: 83.333%; } /* Tenths */ .uk-width-medium-1-10 { width: 10%; } .uk-width-medium-3-10 { width: 30%; } .uk-width-medium-7-10 { width: 70%; } .uk-width-medium-9-10 { width: 90%; } } /* Desktop and bigger */ @media (min-width: 960px) { /* Whole */ .uk-width-large-1-1 { width: 100%; } /* Halves */ .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } /* Thirds */ .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } /* Quarters */ .uk-width-large-1-4 { width: 25%; } .uk-width-large-3-4 { width: 75%; } /* Fifths */ .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } /* Sixths */ .uk-width-large-1-6 { width: 16.666%; } .uk-width-large-5-6 { width: 83.333%; } /* Tenths */ .uk-width-large-1-10 { width: 10%; } .uk-width-large-3-10 { width: 30%; } .uk-width-large-7-10 { width: 70%; } .uk-width-large-9-10 { width: 90%; } } /* Large screen and bigger */ @media (min-width: 1220px) { /* Whole */ .uk-width-xlarge-1-1 { width: 100%; } /* Halves */ .uk-width-xlarge-1-2, .uk-width-xlarge-2-4, .uk-width-xlarge-3-6, .uk-width-xlarge-5-10 { width: 50%; } /* Thirds */ .uk-width-xlarge-1-3, .uk-width-xlarge-2-6 { width: 33.333%; } .uk-width-xlarge-2-3, .uk-width-xlarge-4-6 { width: 66.666%; } /* Quarters */ .uk-width-xlarge-1-4 { width: 25%; } .uk-width-xlarge-3-4 { width: 75%; } /* Fifths */ .uk-width-xlarge-1-5, .uk-width-xlarge-2-10 { width: 20%; } .uk-width-xlarge-2-5, .uk-width-xlarge-4-10 { width: 40%; } .uk-width-xlarge-3-5, .uk-width-xlarge-6-10 { width: 60%; } .uk-width-xlarge-4-5, .uk-width-xlarge-8-10 { width: 80%; } /* Sixths */ .uk-width-xlarge-1-6 { width: 16.666%; } .uk-width-xlarge-5-6 { width: 83.333%; } /* Tenths */ .uk-width-xlarge-1-10 { width: 10%; } .uk-width-xlarge-3-10 { width: 30%; } .uk-width-xlarge-7-10 { width: 70%; } .uk-width-xlarge-9-10 { width: 90%; } } /* Sub-object: `uk-push-*` and `uk-pull-*` ========================================================================== */ /* * Source ordering * Works only with `uk-width-medium-*` */ /* Tablet and bigger */ @media (min-width: 768px) { [class*='uk-push-'], [class*='uk-pull-'] { position: relative; } /* * Push */ /* Halves */ .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; } /* Thirds */ .uk-push-1-3, .uk-push-2-6 { left: 33.333%; } .uk-push-2-3, .uk-push-4-6 { left: 66.666%; } /* Quarters */ .uk-push-1-4 { left: 25%; } .uk-push-3-4 { left: 75%; } /* Fifths */ .uk-push-1-5, .uk-push-2-10 { left: 20%; } .uk-push-2-5, .uk-push-4-10 { left: 40%; } .uk-push-3-5, .uk-push-6-10 { left: 60%; } .uk-push-4-5, .uk-push-8-10 { left: 80%; } /* Sixths */ .uk-push-1-6 { left: 16.666%; } .uk-push-5-6 { left: 83.333%; } /* Tenths */ .uk-push-1-10 { left: 10%; } .uk-push-3-10 { left: 30%; } .uk-push-7-10 { left: 70%; } .uk-push-9-10 { left: 90%; } /* * Pull */ /* Halves */ .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; } /* Thirds */ .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; } /* Quarters */ .uk-pull-1-4 { left: -25%; } .uk-pull-3-4 { left: -75%; } /* Fifths */ .uk-pull-1-5, .uk-pull-2-10 { left: -20%; } .uk-pull-2-5, .uk-pull-4-10 { left: -40%; } .uk-pull-3-5, .uk-pull-6-10 { left: -60%; } .uk-pull-4-5, .uk-pull-8-10 { left: -80%; } /* Sixths */ .uk-pull-1-6 { left: -16.666%; } .uk-pull-5-6 { left: -83.333%; } /* Tenths */ .uk-pull-1-10 { left: -10%; } .uk-pull-3-10 { left: -30%; } .uk-pull-7-10 { left: -70%; } .uk-pull-9-10 { left: -90%; } } /* ======================================================================== Component: Panel ========================================================================== */ /* * 1. Needed for `a` elements * 2. Create position context for badges */ .uk-panel { /* 1 */ display: block; /* 2 */ position: relative; } /* * Allow panels to be anchors */ .uk-panel, .uk-panel:hover { text-decoration: none; } /* * Micro clearfix to make panels more robust */ .uk-panel:before, .uk-panel:after { content: ""; display: table; } .uk-panel:after { clear: both; } /* * Remove margin from the last-child if not `uk-widget-title` */ .uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; } /* Sub-object: `uk-panel-title` ========================================================================== */ .uk-panel-title { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: none; color: #444; } /* Sub-object: `uk-panel-badge` ========================================================================== */ .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1; } /* Sub-object: `uk-panel-teaser` ========================================================================== */ .uk-panel-teaser { margin-bottom: 15px; } /* Sub-object: `uk-panel-body` ========================================================================== */ .uk-panel-body { padding: 15px; } /* Modifier: `uk-panel-box` ========================================================================== */ .uk-panel-box { padding: 15px; background: #f5f5f5; color: #444; } .uk-panel-box-hover:hover { color: #444; } .uk-panel-box .uk-panel-title { color: #444; } .uk-panel-box .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-box > .uk-panel-teaser { margin-top: -15px; margin-left: -15px; margin-right: -15px; } /* * Nav in panel */ .uk-panel-box > .uk-nav-side { margin: 0 -15px; } /* * Sub-modifier: `uk-panel-box-primary` */ .uk-panel-box-primary { background-color: #ebf7fd; color: #2d7091; } .uk-panel-box-primary-hover:hover { color: #2d7091; } .uk-panel-box-primary .uk-panel-title { color: #2d7091; } /* * Sub-modifier: `uk-panel-box-secondary` */ .uk-panel-box-secondary { background-color: #eee; color: #444; } .uk-panel-box-secondary-hover:hover { color: #444; } .uk-panel-box-secondary .uk-panel-title { color: #444; } /* Modifier: `uk-panel-hover` ========================================================================== */ .uk-panel-hover { padding: 15px; color: #444; } .uk-panel-hover:hover { background: #f5f5f5; color: #444; } .uk-panel-hover .uk-panel-badge { top: 10px; right: 10px; } .uk-panel-hover > .uk-panel-teaser { margin-top: -15px; margin-left: -15px; margin-right: -15px; } /* Modifier: `uk-panel-header` ========================================================================== */ .uk-panel-header .uk-panel-title { padding-bottom: 10px; border-bottom: 1px solid #ddd; color: #444; } /* Modifier: `uk-panel-space` ========================================================================== */ .uk-panel-space { padding: 30px; } .uk-panel-space .uk-panel-badge { top: 30px; right: 30px; } /* Modifier: `uk-panel-divider` ========================================================================== */ .uk-panel + .uk-panel-divider { margin-top: 50px !important; } .uk-panel + .uk-panel-divider:before { content: ""; display: block; position: absolute; top: -25px; left: 0; right: 0; border-top: 1px solid #ddd; } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-panel + .uk-panel-divider { margin-top: 70px !important; } .uk-panel + .uk-panel-divider:before { top: -35px; } } /* ======================================================================== Component: Block ========================================================================== */ .uk-block { position: relative; box-sizing: border-box; padding-top: 20px; padding-bottom: 20px; } /* Phone landscape and bigger */ @media (min-width: 768px) { .uk-block { padding: 10px; } } /* * Micro clearfix to make blocks more robust */ .uk-block:before, .uk-block:after { content: ""; display: table; } .uk-block:after { clear: both; } /* * Remove margin from the last-child */ .uk-block > :last-child { margin-bottom: 0; } /* Padding Modifier ========================================================================== */ /* * Large padding */ .uk-block-large { padding-top: 20px; padding-bottom: 20px; } /* Tablets and bigger */ @media (min-width: 768px) { .uk-block-large { padding-top: 50px; padding-bottom: 50px; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-block-large { padding-top: 100px; padding-bottom: 100px; } } /* Color Modifier ========================================================================== */ /* * Default */ .uk-block-default { background: #fff; } /* * Muted */ .uk-block-muted { background: #f9f9f9; } /* * Primary */ .uk-block-primary { background: #fb8000; } /* * Secondary */ .uk-block-secondary { background: #222; } /* * Adjust padding between equal colored blocks */ .uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary { padding-top: 0; } /* ======================================================================== Component: Article ========================================================================== */ /* * Micro clearfix to make articles more robust */ .uk-article:before, .uk-article:after { content: ""; display: table; } .uk-article:after { clear: both; } /* * Remove margin from the last-child */ .uk-article > :last-child { margin-bottom: 0; } /* * Vertical gutter for articles */ .uk-article + .uk-article { margin-top: 25px; } /* Sub-object `uk-article-title` ========================================================================== */ .uk-article-title { font-size: 36px; line-height: 42px; font-weight: normal; text-transform: none; } .uk-article-title a { color: inherit; text-decoration: none; } /* Sub-object `uk-article-meta` ========================================================================== */ .uk-article-meta { font-size: 12px; line-height: 18px; color: #999; } /* Sub-object `uk-article-lead` ========================================================================== */ .uk-article-lead { color: #444; font-size: 18px; line-height: 24px; font-weight: normal; } /* Sub-object `uk-article-divider` ========================================================================== */ .uk-article-divider { margin-bottom: 25px; border-color: #ddd; } * + .uk-article-divider { margin-top: 25px; } /* ======================================================================== Component: Comment ========================================================================== */ /* Sub-object `uk-comment-header` ========================================================================== */ .uk-comment-header { margin-bottom: 15px; } /* * Micro clearfix */ .uk-comment-header:before, .uk-comment-header:after { content: ""; display: table; } .uk-comment-header:after { clear: both; } /* Sub-object `uk-comment-avatar` ========================================================================== */ .uk-comment-avatar { margin-right: 15px; float: left; } /* Sub-object `uk-comment-title` ========================================================================== */ .uk-comment-title { margin: 5px 0 0 0; font-size: 16px; line-height: 22px; } /* Sub-object `uk-comment-meta` ========================================================================== */ .uk-comment-meta { margin: 2px 0 0 0; font-size: 11px; line-height: 16px; color: #999; } /* Sub-object `uk-comment-body` ========================================================================== */ /* * Remove margin from the last-child */ .uk-comment-body > :last-child { margin-bottom: 0; } /* Sub-object `uk-comment-list` ========================================================================== */ .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list .uk-comment + ul { margin: 15px 0 0 0; list-style: none; } .uk-comment-list > li:nth-child(n+2), .uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: 15px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-comment-list .uk-comment + ul { padding-left: 100px; } } /* Modifier `uk-comment-primary` ========================================================================== */ /* ======================================================================== Component: Cover ========================================================================== */ /* * Background image always covers and centers its element */ .uk-cover-background { background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } /* * Emulates image cover, works with video and image elements * 1. Parent container which clips resized object * 2. Resizes the object to always covers its container * 3. Reset the responsive image CSS * 4. Center object */ /* 1 */ .uk-cover { overflow: hidden; } .uk-cover-object { /* 2 */ width: auto; height: auto; min-width: 100%; min-height: 100%; /* 3 */ max-width: none; /* 4 */ position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* * To center iframes use `data-uk-cover` JavaScript */ [data-uk-cover] { position: relative; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* ======================================================================== Component: Nav ========================================================================== */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * Items */ .uk-nav li > a { display: block; text-decoration: none; } .uk-nav > li > a { padding: 0px 15px; } /* * Nested items */ .uk-nav ul { padding-left: 15px; } .uk-nav ul a { padding: 2px 0; } /* * Item subtitle */ .uk-nav li > a > div { font-size: 12px; line-height: 18px; } /* Sub-object: `uk-nav-header` ========================================================================== */ .uk-nav-header { padding: 5px 15px; text-transform: uppercase; font-weight: bold; font-size: 12px; } .uk-nav-header:not(:first-child) { margin-top: 15px; } /* Sub-object: `uk-nav-divider` ========================================================================== */ .uk-nav-divider { margin: 9px 15px; } /* Sub-object: `uk-nav-sub` ========================================================================== */ /* * `ul` needed for higher specificity to override padding */ ul.uk-nav-sub { padding: 5px 0 5px 15px; } /* Modifier: `uk-nav-parent-icon` ========================================================================== */ .uk-nav-parent-icon > .uk-parent > a:after { content: "\f104"; width: 20px; margin-right: -10px; float: right; font-family: FontAwesome; text-align: center; } .uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: "\f107"; } /* Modifier `uk-nav-side` ========================================================================== */ /* * Items */ .uk-nav-side > li > a { color: #444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0.05); color: #444; /* 2 */ outline: none; } /* Active */ .uk-nav-side > li.uk-active > a { background: #00a8e6; color: #fff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-side .uk-nav-header { color: #444; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-side .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-side ul a { color: #07D; } .uk-nav-side ul a:hover { color: #059; } /* Modifier `uk-nav-dropdown` ========================================================================== */ /* * Items */ .uk-nav-dropdown > li > a { color: #444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus { background: #00a8e6; color: #fff; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-dropdown .uk-nav-header { color: #999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-dropdown ul a { color: #07D; } .uk-nav-dropdown ul a:hover { color: #059; } /* Modifier `uk-nav-navbar` ========================================================================== */ /* * Items */ .uk-nav-navbar > li > a { color: #444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: #00a8e6; color: #fff; /* 2 */ outline: none; } /* * Sub-object: `uk-nav-header` */ .uk-nav-navbar .uk-nav-header { color: #999; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-navbar .uk-nav-divider { border-top: 1px solid #ddd; } /* * Nested items */ .uk-nav-navbar ul a { color: #07D; } .uk-nav-navbar ul a:hover { color: #059; } /* Modifier `uk-nav-offcanvas` ========================================================================== */ /* * Items */ .uk-nav-offcanvas > li > a { color: #ccc; padding: 10px 15px; } /* * Hover * No hover on touch devices because it behaves buggy in fixed offcanvas * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #404040; color: #fff; /* 2 */ outline: none; } /* * Active * `html .uk-nav` needed for higher specificity to override hover */ html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #1a1a1a; color: #fff; } /* * Sub-object: `uk-nav-header` */ .uk-nav-offcanvas .uk-nav-header { color: #777; } /* * Sub-object: `uk-nav-divider` */ .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #1a1a1a; } /* * Nested items * No hover on touch devices because it behaves buggy in fixed offcanvas */ .uk-nav-offcanvas ul a { color: #ccc; } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #fff; } /* ======================================================================== Component: Navbar ========================================================================== */ .uk-navbar { background: transparent; color: #444; } /* * Micro clearfix */ .uk-navbar:before, .uk-navbar:after { content: ""; display: table; } .uk-navbar:after { clear: both; } /* Sub-object: `uk-navbar-nav` ========================================================================== */ .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; } /* * 1. Create position context for dropdowns */ .uk-navbar-nav > li { float: left; /* 1 */ position: relative; } /* * 1. Dimensions * 2. Style */ .uk-navbar-nav > li > a { display: block; box-sizing: border-box; text-decoration: none; /* 1 */ height: 40px; padding: 0 15px; line-height: 40px; /* 2 */ color: #444; font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; } /* Appear not as link */ .uk-navbar-nav > li > a[href='#'] { cursor: text; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a { background-color: #f5f5f5; color: #444; /* 3 */ outline: none; } /* OnClick */ .uk-navbar-nav > li > a:active { background-color: #ddd; color: #444; } /* Active */ .uk-navbar-nav > li.uk-active > a { background-color: #f5f5f5; color: #444; } /* Sub-objects: `uk-navbar-nav-subtitle` ========================================================================== */ .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 28px; } .uk-navbar-nav-subtitle > div { margin-top: -6px; font-size: 10px; line-height: 12px; } /* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` ========================================================================== */ /* * Imitate navbar items */ .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { box-sizing: border-box; display: block; height: 40px; padding: 0 15px; float: left; } /* * Helper to center all child elements vertically */ .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* Sub-objects: `uk-navbar-content` ========================================================================== */ /* * Better sibling spacing */ .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; } /* * Link colors */ .uk-navbar-content > a:not([class]) { color: #07D; } .uk-navbar-content > a:not([class]):hover { color: #059; } /* Sub-objects: `uk-navbar-brand` ========================================================================== */ .uk-navbar-brand { font-size: 18px; color: #444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-brand:hover, .uk-navbar-brand:focus { color: #444; text-decoration: none; /* 2 */ outline: none; } /* Sub-object: `uk-navbar-toggle` ========================================================================== */ .uk-navbar-toggle { font-size: 18px; color: #444; text-decoration: none; } /* * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #444; text-decoration: none; /* 2 */ outline: none; } /* * 1. Center icon vertically */ .uk-navbar-toggle:after { content: "\f0c9"; font-family: FontAwesome; /* 1 */ vertical-align: middle; } .uk-navbar-toggle-alt:after { content: "\f002"; } /* Sub-object: `uk-navbar-center` ========================================================================== */ /* * The element with this class needs to be last child in the navbar * 1. This hack is needed because other float elements shift centered text */ .uk-navbar-center { float: none; text-align: center; /* 1 */ max-width: 50%; margin-left: auto; margin-right: auto; } /* Sub-object: `uk-navbar-flip` ========================================================================== */ .uk-navbar-flip { float: right; } /* ======================================================================== Component: Subnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-subnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied * 3. Create position context for dropdowns */ .uk-subnav > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; /* 3 */ position: relative; } /* * DEPRECATED IE9 Support */ .uk-subnav:before, .uk-subnav:after { content: ""; display: block; overflow: hidden; } .uk-subnav:after { clear: both; } .uk-subnav > * { float: left; } /* Items ========================================================================== */ .uk-subnav > * > * { display: inline-block; color: #444; } /* * Hover * 1. Apply hover style also to focus state */ .uk-subnav > * > :hover, .uk-subnav > * > :focus { color: #07D; text-decoration: none; } /* * Active */ .uk-subnav > .uk-active > * { color: #07D; } /* Modifier: 'subnav-line' ========================================================================== */ .uk-subnav-line > :before { content: ""; display: inline-block; height: 10px; vertical-align: middle; } .uk-subnav-line > :nth-child(n+2):before { margin-right: 10px; border-left: 1px solid #ddd; } /* Modifier: 'subnav-pill' ========================================================================== */ .uk-subnav-pill > * > * { padding: 3px 9px; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-subnav-pill > * > :hover, .uk-subnav-pill > * > :focus { background: #eee; color: #444; text-decoration: none; /* 2 */ outline: none; } /* * Active * `li` needed for higher specificity to override hover */ .uk-subnav-pill > .uk-active > * { background: #00a8e6; color: #fff; } /* Disabled state ========================================================================== */ .uk-subnav > .uk-disabled > * { background: none; color: #999; text-decoration: none; cursor: text; } /* ======================================================================== Component: Breadcrumb ========================================================================== */ /* * 1. Remove default list style * 2. Remove whitespace between child elements when using `inline-block` */ .uk-breadcrumb { /* 1 */ padding: 0; list-style: none; /* 2 */ font-size: 0.001px; } .uk-breadcrumb li a, .uk-breadcrumb li a.uk-active, .uk-breadcrumb li span{ font-size: 14px; } /* Items ========================================================================== */ /* * Reset whitespace hack */ .uk-breadcrumb > li { font-size: 1rem; vertical-align: top; } .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; } .uk-breadcrumb > li:nth-child(n+2):before { content: "/"; display: inline-block; margin: 0 0px 0px 5px; /*margin: 0 8px;*/ color: #999; } /* * Disabled */ .uk-breadcrumb > li:not(.uk-active) > span { color: #999; } /* ======================================================================== Component: Pagination ========================================================================== */ /* * 1. Remove default list style * 2. Center pagination by default * 3. Remove whitespace between child elements when using `inline-block` */ .uk-pagination { /* 1 */ padding: 0; list-style: none; /* 2 */ text-align: center; /* 3 */ font-size: 0.001px; } /* * Micro clearfix * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used */ .uk-pagination:before, .uk-pagination:after { content: ""; display: table; } .uk-pagination:after { clear: both; } .uk-pagination > li.active, .uk-pagination > li.uk-active { background: orange; border: 1px solid orange; } .uk-pagination > li.active a, .uk-pagination > li.uk-active a { color: #fff; } /* Items ========================================================================== */ /* * 1. Reset whitespace hack * 2. Remove the gap at the bottom of it container */ .uk-pagination > li { display: inline-block; /* 1 */ font-size: 1rem; /* 2 */ vertical-align: top; border: 1px solid #ddd; border-radius: 3px; padding: 0.375rem; } .uk-pagination > li:nth-child(n+2) { margin-left: 5px; } /* * 1. Makes pagination more robust against different box-sizing use * 2. Reset text-align to center if alignment modifier is used */ .uk-pagination > li > a, .uk-pagination > li > span { display: inline-block; min-width: 16px; padding: 3px 5px; line-height: 20px; text-decoration: none; /* 1 */ box-sizing: content-box; /* 2 */ text-align: center; } /* * Links */ .uk-pagination > li > a { background: #eee; color: #444; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #f5f5f5; color: #444; /* 2 */ outline: none; } /* OnClick */ .uk-pagination > li > a:active { background-color: #ddd; color: #444; } /* * Active */ .uk-pagination > .uk-active > span { /*background: #00a8e6;*/ color: #fff; } .uk-pagination > .uk-active { background: #f5f5f5; } /* * Disabled */ .uk-pagination > .uk-disabled > span { background-color: #f5f5f5; color: #999; } /* Previous and next navigation ========================================================================== */ .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } /* Alignment modifiers ========================================================================== */ .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } /* ======================================================================== Component: Tab ========================================================================== */ .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ddd; } /* * Micro clearfix on the deepest container */ .uk-tab:before, .uk-tab:after { content: ""; display: table; } .uk-tab:after { clear: both; } /* * Items * 1. Create position context for dropdowns */ .uk-tab > li { margin-bottom: -1px; float: left; /* 1 */ position: relative; } .uk-tab > li > a { display: block; padding: 8px 12px 8px 12px; border: 1px solid transparent; border-bottom-width: 0; color: #07D; text-decoration: none; } .uk-tab > li:nth-child(n+2) > a { margin-left: 5px; } /* * Hover * 1. Apply hover style also to focus state * 2. Also apply if dropdown is opened * 3. Remove default focus style */ .uk-tab > li > a:hover, .uk-tab > li > a:focus, .uk-tab > li.uk-open > a { border-color: #f5f5f5; background: #f5f5f5; color: #fb8100; /* 2 */ outline: none; } .uk-tab > li:not(.uk-active) > a:hover, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li.uk-open:not(.uk-active) > a { margin-bottom: 1px; padding-bottom: 7px; } /* Active */ .uk-tab > li.uk-active > a { border-color: #ddd; border-bottom-color: transparent; background: #fff; color: #444; } /* Disabled */ .uk-tab > li.uk-disabled > a { color: #999; cursor: text; } .uk-tab > li.uk-disabled > a:hover, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled.uk-active > a { background: none; border-color: transparent; } /* Modifier: 'tab-flip' ========================================================================== */ .uk-tab-flip > li { float: right; } .uk-tab-flip > li:nth-child(n+2) > a { margin-left: 0; margin-right: 5px; } /* Modifier: 'tab-responsive' ========================================================================== */ .uk-tab > li.uk-tab-responsive > a { margin-left: 0; margin-right: 0; } /* * Icon */ .uk-tab-responsive > a:before { content: "\f0c9\00a0"; font-family: FontAwesome; } /* Modifier: 'tab-center' ========================================================================== */ .uk-tab-center { border-bottom: 1px solid #ddd; } .uk-tab-center-bottom { border-bottom: none; border-top: 1px solid #ddd; } .uk-tab-center:before, .uk-tab-center:after { content: ""; display: table; } .uk-tab-center:after { clear: both; } /* * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs */ .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right; } .uk-tab-center .uk-tab > li { position: relative; right: -50%; } .uk-tab-center .uk-tab > li > a { text-align: center; } /* Modifier: 'tab-bottom' ========================================================================== */ .uk-tab-bottom { border-top: 1px solid #ddd; border-bottom: none; } .uk-tab-bottom > li { margin-top: -1px; margin-bottom: 0; } .uk-tab-bottom > li > a { padding-top: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-top-width: 0; } .uk-tab-bottom > li:not(.uk-active) > a:hover, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li.uk-open:not(.uk-active) > a { margin-bottom: 0; margin-top: 1px; padding-bottom: 8px; padding-top: 7px; } .uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: #ddd; } /* Modifier: 'tab-grid' ========================================================================== */ /* * 1. Create position context to prevent hidden border because of negative `z-index` */ .uk-tab-grid { margin-left: -5px; border-bottom: none; /* 1 */ position: relative; z-index: 0; } .uk-tab-grid:before { display: block; position: absolute; left: 5px; right: 0; bottom: -1px; border-top: 1px solid #ddd; /* 1 */ z-index: -1; } .uk-tab-grid > li:first-child > a { margin-left: 5px; } .uk-tab-grid > li > a { text-align: center; } /* * If `uk-tab-bottom` */ .uk-tab-grid.uk-tab-bottom { border-top: none; } .uk-tab-grid.uk-tab-bottom:before { top: -1px; bottom: auto; } /* Modifier: 'tab-left', 'tab-right' ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-tab-left, .uk-tab-right { border-bottom: none; } .uk-tab-left > li, .uk-tab-right > li { margin-bottom: 0; float: none; } .uk-tab-left > li > a, .uk-tab-right > li > a { padding-top: 8px; padding-bottom: 8px; } .uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a { margin-left: 0; margin-top: 5px; } .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: #ddd; } /* * Modifier: 'tab-left' */ .uk-tab-left { border-right: 1px solid #ddd; } .uk-tab-left > li { margin-right: -1px; } .uk-tab-left > li > a { border-bottom-width: 1px; border-right-width: 0; } .uk-tab-left > li:not(.uk-active) > a:hover, .uk-tab-left > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-right: 1px; padding-bottom: 8px; padding-right: 11px; } .uk-tab-left > li.uk-active > a { border-right-color: transparent; } /* * Modifier: 'tab-right' */ .uk-tab-right { border-left: 1px solid #ddd; } .uk-tab-right > li { margin-left: -1px; } .uk-tab-right > li > a { border-bottom-width: 1px; border-left-width: 0; } .uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-left: 1px; padding-bottom: 8px; padding-left: 11px; } .uk-tab-right > li.uk-active > a { border-left-color: transparent; } } /* ======================================================================== Component: Thumbnav ========================================================================== */ /* * 1. Gutter * 2. Remove default list style */ .uk-thumbnav { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; /* 1 */ margin-left: -10px; margin-top: -10px; /* 2 */ padding: 0; list-style: none; } /* * 1. Space is allocated solely based on content dimensions * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied */ .uk-thumbnav > * { /* 1 */ -ms-flex: none; -webkit-flex: none; flex: none; /* 2 */ padding-left: 10px; margin-top: 10px; } /* * DEPRECATED IE9 Support */ .uk-thumbnav:before, .uk-thumbnav:after { content: ""; display: block; overflow: hidden; } .uk-thumbnav:after { clear: both; } .uk-thumbnav > * { float: left; } /* Items ========================================================================== */ .uk-thumbnav > * > * { display: block; background: #fff; } .uk-thumbnav > * > * > img { opacity: 0.7; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } /* * Hover */ .uk-thumbnav > * > :hover > img, .uk-thumbnav > * > :focus > img { opacity: 1; } /* * Active */ .uk-thumbnav > .uk-active > * > img { opacity: 1; } /* ======================================================================== Component: List ========================================================================== */ .uk-list { padding: 0; list-style: none; } /* * Micro clearfix to make list more robust */ .uk-list > li:before, .uk-list > li:after { content: ""; display: table; } .uk-list > li:after { clear: both; } /* * Remove margin from the last-child */ .uk-list > li > :last-child { margin-bottom: 0; } /* * Nested lists */ .uk-list ul { margin: 0; padding-left: 20px; list-style: none; } /* Modifier: `uk-list-line` ========================================================================== */ .uk-list-line > li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; } /* Modifier: `uk-list-striped` ========================================================================== */ .uk-list-striped > li { padding: 5px 5px; } .uk-list-striped > li:nth-of-type(odd) { background: #f5f5f5; } /* Modifier: `uk-list-space` ========================================================================== */ .uk-list-space > li:nth-child(n+2) { margin-top: 10px; } /* ======================================================================== Component: Description list ========================================================================== */ /* Modifier: `uk-description-list-horizontal` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-description-list-horizontal { overflow: hidden; } .uk-description-list-horizontal > dt { width: 160px; float: left; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-description-list-horizontal > dd { margin-left: 180px; } } /* Modifier: `uk-description-list-line` ========================================================================== */ .uk-description-list-line > dt { font-weight: normal; } .uk-description-list-line > dt:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #ddd; } .uk-description-list-line > dd { color: #999; } /* ======================================================================== Component: Table ========================================================================== */ /* * 1. Remove most spacing between table cells. * 2. Block element behavior * 3. Style */ .uk-table { /* 1 */ border-collapse: collapse; border-spacing: 0; /* 2 */ width: 100%; /* 3 */ margin-bottom: 15px; } /* * Add margin if adjacent element */ * + .uk-table { margin-top: 15px; } .uk-table th, .uk-table td { padding: 8px 8px; } /* * Set alignment */ .uk-table th { text-align: left; } .uk-table td { vertical-align: top; } .uk-table thead th { vertical-align: bottom; } /* * Caption and footer */ .uk-table caption, .uk-table tfoot { font-size: 12px; font-style: italic; } .uk-table caption { text-align: left; color: #999; } /* * Active State */ .uk-table tbody tr.uk-active { background: #EEE; } /* Sub-modifier: `uk-table-middle` ========================================================================== */ .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } /* Modifier: `uk-table-striped` ========================================================================== */ .uk-table-striped tbody tr:nth-of-type(odd) { background: #f5f5f5; } /* Modifier: `uk-table-condensed` ========================================================================== */ .uk-table-condensed td { padding: 4px 8px; } /* Modifier: `uk-table-hover` ========================================================================== */ .uk-table-hover tbody tr:hover { background: #EEE; } /* ======================================================================== Component: Form ========================================================================== */ /* * 1. Define consistent box sizing. * Default is `content-box` with following exceptions set to `border-box` * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]` * `input[type="search"]` in Chrome, Safari and Opera * `input[type="color"]` in Firefox * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. * 3. Remove `border-radius` in iOS. * 4. Correct `font` properties and `color` not being inherited. */ .uk-form input, .uk-form select, .uk-form textarea { /* 1 */ box-sizing: border-box; /* 2 */ margin: 0; /* 3 */ border-radius: 0; /* 4 */ font: inherit; color: inherit; } /* * Address inconsistent `text-transform` inheritance which is only inherit in Firefox */ .uk-form select { text-transform: none; } /* * 1. Correct `font` properties not being inherited. * 2. Don't inherit the `font-weight` and use `bold` instead. * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ .uk-form optgroup { /* 1 */ font: inherit; /* 2 */ font-weight: bold; } /* * Removes inner padding and border in Firefox 4+. */ .uk-form input::-moz-focus-inner { border: 0; padding: 0; } /* * Removes excess padding in IE 8/9/10. */ .uk-form input[type="checkbox"], .uk-form input[type="radio"] { padding: 0; } /* * Improves consistency of cursor style for clickable elements */ .uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; } /* * Remove default style in iOS. */ .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"] { -webkit-appearance: none; } /* * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X. */ .uk-form input[type="search"]::-webkit-search-cancel-button, .uk-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ .uk-form input[type="number"]::-webkit-inner-spin-button, .uk-form input[type="number"]::-webkit-outer-spin-button { height: auto; } /* * Define consistent border, margin, and padding. */ .uk-form fieldset { border: none; margin: 0; padding: 0; } /* * 1. Remove default vertical scrollbar in IE 8/9/10/11. * 2. Improve readability and alignment in all browsers. */ .uk-form textarea { /* 1 */ overflow: auto; /* 2 */ vertical-align: top; } /* * Removes placeholder transparency in Firefox. */ .uk-form ::-moz-placeholder { opacity: 1; } /* * Removes `box-shadow` for invalid controls in Firefox. */ .uk-form :invalid { box-shadow: none; } /* * Vertical alignment */ .uk-form input:not([type="radio"]):not([type="checkbox"]), .uk-form select { vertical-align: middle; } /* Style ========================================================================== */ /* * Remove margin from the last-child */ .uk-form > :last-child { margin-bottom: 0; } /* * Controls * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` * 1. Must be `height` because `min-height` is not working in OSX * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports * 3. Vertical `padding` needed for `select` elements in Firefox * 4. Style */ .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { /* 1 */ height: 36px; /* 2 */ max-width: 100%; /* 3 */ padding: 4px 6px; /* 4 */ border: 1px solid #ddd; background: #fff; color: #444; -webkit-transition: all 0.2s linear; -webkit-transition-property: border, background, color, box-shadow, padding; transition: all 0.2s linear; transition-property: border, background, color, box-shadow, padding; border-radius: 4px; } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: rgba(0,0,0, 0.3); outline: 0; /*background: #f5fbfe;*/ color: #444; } .uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled { border-color: #ddd; background-color: #f5f5f5; color: #999; } /* * Placeholder */ .uk-form :-ms-input-placeholder { color: #999 !important; } .uk-form ::-moz-placeholder { color: #999; } .uk-form ::-webkit-input-placeholder { color: #999; } .uk-form :disabled:-ms-input-placeholder { color: #999 !important; } .uk-form :disabled::-moz-placeholder { color: #999; } .uk-form :disabled::-webkit-input-placeholder { color: #999; } /* * Legend * 1. Behave like block element * 2. Correct `color` not being inherited in IE 8/9/10/11. * 3. Remove padding * 4. `margin-bottom` is not working in Safari and Opera. * Using `padding` and :after instead to create the border * 5. Style */ .uk-form legend { /* 1 */ width: 100%; /* 2 */ border: 0; /* 3 */ padding: 0; /* 4 */ padding-bottom: 15px; /* 5 */ font-size: 18px; line-height: 30px; } /* * 1. Fixes IE9 */ .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #ddd; /* 1 */ width: 100%; } /* Size modifiers * Higher specificity needed to override defaults ========================================================================== */ select.uk-form-small, textarea.uk-form-small, input[type].uk-form-small, input:not([type]).uk-form-small { height: 25px; padding: 3px 3px; font-size: 12px; } select.uk-form-large, textarea.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large { height: 40px; padding: 8px 6px; font-size: 16px; } /* Reset height * Must be after size modifiers ========================================================================== */ .uk-form textarea, .uk-form select[multiple], .uk-form select[size] { height: auto; } /* Validation states * Using !important to keep the selector simple ========================================================================== */ /* * Error state */ .uk-form-danger { border-color: #dc8d99 !important; background: #fff7f8 !important; color: #d85030 !important; } /* * Success state */ .uk-form-success { border-color: #8ec73b !important; background: #fafff2 !important; color: #659f13 !important; } /* Style modifiers * Using !important to keep the selector simple ========================================================================== */ /* * Blank form */ .uk-form-blank { border-color: transparent !important; border-style: dashed !important; background: none !important; } .uk-form-blank:focus { border-color: #ddd !important; } /* Size sub-modifiers ========================================================================== */ /* * Fixed widths * Different widths for mini sized `input` and `select` elements */ input.uk-form-width-mini { width: 40px; } select.uk-form-width-mini { width: 65px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } /* Sub-objects: `uk-form-row` * Groups labels and controls in rows ========================================================================== */ /* * Micro clearfix * Needed for `uk-form-horizontal` modifier */ .uk-form-row:before, .uk-form-row:after { content: ""; display: table; } .uk-form-row:after { clear: both; } /* * Vertical gutter */ .uk-form-row + .uk-form-row { margin-top: 15px; } /* Help text * Sub-object: `uk-form-help-inline`, `uk-form-help-block` ========================================================================== */ .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px; } .uk-form-help-block { margin: 5px 0 0 0; } /* Controls content * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` ========================================================================== */ /* * Remove margins */ .uk-form-controls > :first-child { margin-top: 0; } .uk-form-controls > :last-child { margin-bottom: 0; } /* * Group controls and text into blocks with a small spacing between blocks */ .uk-form-controls-condensed { margin: 5px 0; } /* Modifier: `uk-form-stacked` * Requires sub-object: `uk-form-label` ========================================================================== */ .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } /* Modifier: `uk-form-horizontal` * Requires sub-objects: `uk-form-label`, `uk-form-controls` ========================================================================== */ /* Tablet portrait and smaller */ @media (max-width: 959px) { /* Behave like `uk-form-stacked` */ .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } /* Better vertical alignment if controls are checkboxes and radio buttons with text */ .uk-form-horizontal .uk-form-controls-text { padding-top: 5px; } } /* Sub-object: `uk-form-icon` ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Prevent `inline-block` consequences */ .uk-form-icon { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; } /* * 1. Make form element clickable through icon */ .uk-form-icon > [class*='uk-icon-'] { position: absolute; top: 50%; width: 30px; margin-top: -7px; font-size: 14px; color: #999; text-align: center; /* 1 */ pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: 30px !important; } /* * Sub-modifier: `uk-form-icon-flip` */ .uk-form-icon-flip > [class*='uk-icon-'] { right: 0; } .uk-form-icon-flip > input { padding-right: 30px !important; } /* ======================================================================== Component: Button ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-button::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Style * 8. `line-height` is used to create a height * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working. * 10. Reset button group whitespace hack * 11. Required for `a`. */ .uk-button { height: 36px; /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: #444; /* 6 */ text-transform: none; /* 7 */ display: inline-block; box-sizing: border-box; padding: 0 12px; background: #eee; vertical-align: middle; /* 8 */ line-height: 30px; /* 9 */ min-height: 30px; /* 10 */ font-size: 1rem; /* 11 */ text-decoration: none; text-align: center; } .uk-button:not(:disabled) { cursor: pointer; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-button:hover, .uk-button:focus { background-color: #f5f5f5; color: #444; /* 2 */ outline: none; /* 3 */ text-decoration: none; } /* Active */ .uk-button:active, .uk-button.uk-active { background-color: #ddd; color: #444; } /* Color modifiers ========================================================================== */ /* * Modifier: `uk-button-primary` */ .uk-button-primary { background-color: #00a8e6; color: #fff; } /* Hover */ .uk-button-primary:hover, .uk-button-primary:focus { background-color: #35b3ee; color: #fff; } /* Active */ .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #0091ca; color: #fff; } /* * Modifier: `uk-button-success` */ .uk-button-success { background-color: #8cc14c; color: #fff; } /* Hover */ .uk-button-success:hover, .uk-button-success:focus { background-color: #8ec73b; color: #fff; } /* Active */ .uk-button-success:active, .uk-button-success.uk-active { background-color: #72ae41; color: #fff; } /* * Modifier: `uk-button-danger` */ .uk-button-danger { background-color: #da314b; color: #fff; } /* Hover */ .uk-button-danger:hover, .uk-button-danger:focus { background-color: #e4354f; color: #fff; } /* Active */ .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #c91032; color: #fff; } /* Disabled state * Overrides also the color modifiers ========================================================================== */ /* Equal for all button types */ .uk-button:disabled { background-color: #f5f5f5; color: #999; } /* Modifier: `uk-button-link` ========================================================================== */ /* Reset */ .uk-button-link, .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled { border-color: transparent; background: none; } /* Color */ .uk-button-link { color: #07D; } .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active { color: #059; text-decoration: underline; } .uk-button-link:disabled { color: #999; } /* Focus */ .uk-button-link:focus { outline: 1px dotted; } /* Size modifiers ========================================================================== */ .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 20px; font-size: 11px; } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 25px; font-size: 12px; } .uk-button-large { min-height: 40px; padding: 0 15px; line-height: 40px; font-size: 16px; } /* Sub-object `uk-button-group` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns * 3. Remove whitespace between child elements when using `inline-block` * 4. Prevent buttons from wrapping * 5. Remove whitespace between child elements when using `inline-block` */ .uk-button-group { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; /* 3 */ font-size: 0.001px; /* 4 */ white-space: nowrap; } .uk-button-group > * { display: inline-block; } /* 5 */ .uk-button-group .uk-button { vertical-align: top; } /* Sub-object: `uk-button-dropdown` ========================================================================== */ /* * 1. Behave like buttons * 2. Create position context for dropdowns */ .uk-button-dropdown { /* 1 */ display: inline-block; vertical-align: middle; /* 2 */ position: relative; } /* ======================================================================== Component: Icon ========================================================================== */ @font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.woff2") format('woff2'), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* * 1. Allow margin * 2. Prevent inherit font style * 4. Correct line-height * 5. Better font rendering * 6. Remove `text-decoration` for anchors */ [class*='uk-icon-'] { font-family: FontAwesome; /* 1 */ display: inline-block; /* 2 */ font-weight: normal; font-style: normal; /* 4 */ line-height: 1; /* 5 */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 6 */ [class*='uk-icon-'], [class*='uk-icon-']:hover, [class*='uk-icon-']:focus { text-decoration: none; } /* Size modifiers ========================================================================== */ .uk-icon-small { font-size: 150%; vertical-align: -10%; } .uk-icon-medium { font-size: 200%; vertical-align: -16%; } .uk-icon-large { font-size: 250%; vertical-align: -22%; } /* Modifier: `uk-icon-justify` ========================================================================== */ .uk-icon-justify { width: 1em; text-align: center; } /* Modifier: `uk-icon-spin` ========================================================================== */ .uk-icon-spin { display: inline-block; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* Modifier: `uk-icon-hover` ========================================================================== */ .uk-icon-hover { color: #999; } /* * Hover */ .uk-icon-hover:hover { color: #444; } /* Modifier: `uk-icon-button` ========================================================================== */ .uk-icon-button { box-sizing: border-box; display: inline-block; width: 35px; height: 35px; border-radius: 100%; background: #eee; line-height: 35px; color: #444; font-size: 18px; text-align: center; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style */ .uk-icon-button:hover, .uk-icon-button:focus { background-color: #f5f5f5; color: #444; /* 2 */ outline: none; } /* Active */ .uk-icon-button:active { background-color: #ddd; color: #444; } /* Icon mapping ========================================================================== */ .uk-icon-glass:before { content: "\f000"; } .uk-icon-music:before { content: "\f001"; } .uk-icon-search:before { content: "\f002"; } .uk-icon-envelope-o:before { content: "\f003"; } .uk-icon-heart:before { content: "\f004"; } .uk-icon-star:before { content: "\f005"; } .uk-icon-star-o:before { content: "\f006"; } .uk-icon-user:before { content: "\f007"; } .uk-icon-film:before { content: "\f008"; } .uk-icon-th-large:before { content: "\f009"; } .uk-icon-th:before { content: "\f00a"; } .uk-icon-th-list:before { content: "\f00b"; } .uk-icon-check:before { content: "\f00c"; } .uk-icon-remove:before, .uk-icon-close:before, .uk-icon-times:before { content: "\f00d"; } .uk-icon-search-plus:before { content: "\f00e"; } .uk-icon-search-minus:before { content: "\f010"; } .uk-icon-power-off:before { content: "\f011"; } .uk-icon-signal:before { content: "\f012"; } .uk-icon-gear:before, .uk-icon-cog:before { content: "\f013"; } .uk-icon-trash-o:before { content: "\f014"; } .uk-icon-home:before { content: "\f015"; } .uk-icon-file-o:before { content: "\f016"; } .uk-icon-clock-o:before { content: "\f017"; } .uk-icon-road:before { content: "\f018"; } .uk-icon-download:before { content: "\f019"; } .uk-icon-arrow-circle-o-down:before { content: "\f01a"; } .uk-icon-arrow-circle-o-up:before { content: "\f01b"; } .uk-icon-inbox:before { content: "\f01c"; } .uk-icon-play-circle-o:before { content: "\f01d"; } .uk-icon-rotate-right:before, .uk-icon-repeat:before { content: "\f01e"; } .uk-icon-refresh:before { content: "\f021"; } .uk-icon-list-alt:before { content: "\f022"; } .uk-icon-lock:before { content: "\f023"; } .uk-icon-flag:before { content: "\f024"; } .uk-icon-headphones:before { content: "\f025"; } .uk-icon-volume-off:before { content: "\f026"; } .uk-icon-volume-down:before { content: "\f027"; } .uk-icon-volume-up:before { content: "\f028"; } .uk-icon-qrcode:before { content: "\f029"; } .uk-icon-barcode:before { content: "\f02a"; } .uk-icon-tag:before { content: "\f02b"; } .uk-icon-tags:before { content: "\f02c"; } .uk-icon-book:before { content: "\f02d"; } .uk-icon-bookmark:before { content: "\f02e"; } .uk-icon-print:before { content: "\f02f"; } .uk-icon-camera:before { content: "\f030"; } .uk-icon-font:before { content: "\f031"; } .uk-icon-bold:before { content: "\f032"; } .uk-icon-italic:before { content: "\f033"; } .uk-icon-text-height:before { content: "\f034"; } .uk-icon-text-width:before { content: "\f035"; } .uk-icon-align-left:before { content: "\f036"; } .uk-icon-align-center:before { content: "\f037"; } .uk-icon-align-right:before { content: "\f038"; } .uk-icon-align-justify:before { content: "\f039"; } .uk-icon-list:before { content: "\f03a"; } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b"; } .uk-icon-indent:before { content: "\f03c"; } .uk-icon-video-camera:before { content: "\f03d"; } .uk-icon-photo:before, .uk-icon-image:before, .uk-icon-picture-o:before { content: "\f03e"; } .uk-icon-pencil:before { content: "\f040"; } .uk-icon-map-marker:before { content: "\f041"; } .uk-icon-adjust:before { content: "\f042"; } .uk-icon-tint:before { content: "\f043"; } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044"; } .uk-icon-share-square-o:before { content: "\f045"; } .uk-icon-check-square-o:before { content: "\f046"; } .uk-icon-arrows:before { content: "\f047"; } .uk-icon-step-backward:before { content: "\f048"; } .uk-icon-fast-backward:before { content: "\f049"; } .uk-icon-backward:before { content: "\f04a"; } .uk-icon-play:before { content: "\f04b"; } .uk-icon-pause:before { content: "\f04c"; } .uk-icon-stop:before { content: "\f04d"; } .uk-icon-forward:before { content: "\f04e"; } .uk-icon-fast-forward:before { content: "\f050"; } .uk-icon-step-forward:before { content: "\f051"; } .uk-icon-eject:before { content: "\f052"; } .uk-icon-chevron-left:before { content: "\f053"; } .uk-icon-chevron-right:before { content: "\f054"; } .uk-icon-plus-circle:before { content: "\f055"; } .uk-icon-minus-circle:before { content: "\f056"; } .uk-icon-times-circle:before { content: "\f057"; } .uk-icon-check-circle:before { content: "\f058"; } .uk-icon-question-circle:before { content: "\f059"; } .uk-icon-info-circle:before { content: "\f05a"; } .uk-icon-crosshairs:before { content: "\f05b"; } .uk-icon-times-circle-o:before { content: "\f05c"; } .uk-icon-check-circle-o:before { content: "\f05d"; } .uk-icon-ban:before { content: "\f05e"; } .uk-icon-arrow-left:before { content: "\f060"; } .uk-icon-arrow-right:before { content: "\f061"; } .uk-icon-arrow-up:before { content: "\f062"; } .uk-icon-arrow-down:before { content: "\f063"; } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064"; } .uk-icon-expand:before { content: "\f065"; } .uk-icon-compress:before { content: "\f066"; } .uk-icon-plus:before { content: "\f067"; } .uk-icon-minus:before { content: "\f068"; } .uk-icon-asterisk:before { content: "\f069"; } .uk-icon-exclamation-circle:before { content: "\f06a"; } .uk-icon-gift:before { content: "\f06b"; } .uk-icon-leaf:before { content: "\f06c"; } .uk-icon-fire:before { content: "\f06d"; } .uk-icon-eye:before { content: "\f06e"; } .uk-icon-eye-slash:before { content: "\f070"; } .uk-icon-warning:before, .uk-icon-exclamation-triangle:before { content: "\f071"; } .uk-icon-plane:before { content: "\f072"; } .uk-icon-calendar:before { content: "\f073"; } .uk-icon-random:before { content: "\f074"; } .uk-icon-comment:before { content: "\f075"; } .uk-icon-magnet:before { content: "\f076"; } .uk-icon-chevron-up:before { content: "\f077"; } .uk-icon-chevron-down:before { content: "\f078"; } .uk-icon-retweet:before { content: "\f079"; } .uk-icon-shopping-cart:before { content: "\f07a"; } .uk-icon-folder:before { content: "\f07b"; } .uk-icon-folder-open:before { content: "\f07c"; } .uk-icon-arrows-v:before { content: "\f07d"; } .uk-icon-arrows-h:before { content: "\f07e"; } .uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before { content: "\f080"; } .uk-icon-twitter-square:before { content: "\f081"; } .uk-icon-facebook-square:before { content: "\f082"; } .uk-icon-camera-retro:before { content: "\f083"; } .uk-icon-key:before { content: "\f084"; } .uk-icon-gears:before, .uk-icon-cogs:before { content: "\f085"; } .uk-icon-comments:before { content: "\f086"; } .uk-icon-thumbs-o-up:before { content: "\f087"; } .uk-icon-thumbs-o-down:before { content: "\f088"; } .uk-icon-star-half:before { content: "\f089"; } .uk-icon-heart-o:before { content: "\f08a"; } .uk-icon-sign-out:before { content: "\f08b"; } .uk-icon-linkedin-square:before { content: "\f08c"; } .uk-icon-thumb-tack:before { content: "\f08d"; } .uk-icon-external-link:before { content: "\f08e"; } .uk-icon-sign-in:before { content: "\f090"; } .uk-icon-trophy:before { content: "\f091"; } .uk-icon-github-square:before { content: "\f092"; } .uk-icon-upload:before { content: "\f093"; } .uk-icon-lemon-o:before { content: "\f094"; } .uk-icon-phone:before { content: "\f095"; } .uk-icon-square-o:before { content: "\f096"; } .uk-icon-bookmark-o:before { content: "\f097"; } .uk-icon-phone-square:before { content: "\f098"; } .uk-icon-twitter:before { content: "\f099"; } .uk-icon-facebook-f:before, .uk-icon-facebook:before { content: "\f09a"; } .uk-icon-github:before { content: "\f09b"; } .uk-icon-unlock:before { content: "\f09c"; } .uk-icon-credit-card:before { content: "\f09d"; } .uk-icon-rss:before { content: "\f09e"; } .uk-icon-hdd-o:before { content: "\f0a0"; } .uk-icon-bullhorn:before { content: "\f0a1"; } .uk-icon-bell:before { content: "\f0f3"; } .uk-icon-certificate:before { content: "\f0a3"; } .uk-icon-hand-o-right:before { content: "\f0a4"; } .uk-icon-hand-o-left:before { content: "\f0a5"; } .uk-icon-hand-o-up:before { content: "\f0a6"; } .uk-icon-hand-o-down:before { content: "\f0a7"; } .uk-icon-arrow-circle-left:before { content: "\f0a8"; } .uk-icon-arrow-circle-right:before { content: "\f0a9"; } .uk-icon-arrow-circle-up:before { content: "\f0aa"; } .uk-icon-arrow-circle-down:before { content: "\f0ab"; } .uk-icon-globe:before { content: "\f0ac"; } .uk-icon-wrench:before { content: "\f0ad"; } .uk-icon-tasks:before { content: "\f0ae"; } .uk-icon-filter:before { content: "\f0b0"; } .uk-icon-briefcase:before { content: "\f0b1"; } .uk-icon-arrows-alt:before { content: "\f0b2"; } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0"; } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1"; } .uk-icon-cloud:before { content: "\f0c2"; } .uk-icon-flask:before { content: "\f0c3"; } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4"; } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5"; } .uk-icon-paperclip:before { content: "\f0c6"; } .uk-icon-save:before, .uk-icon-floppy-o:before { content: "\f0c7"; } .uk-icon-square:before { content: "\f0c8"; } .uk-icon-navicon:before, .uk-icon-reorder:before, .uk-icon-bars:before { content: "\f0c9"; } .uk-icon-list-ul:before { content: "\f0ca"; } .uk-icon-list-ol:before { content: "\f0cb"; } .uk-icon-strikethrough:before { content: "\f0cc"; } .uk-icon-underline:before { content: "\f0cd"; } .uk-icon-table:before { content: "\f0ce"; } .uk-icon-magic:before { content: "\f0d0"; } .uk-icon-truck:before { content: "\f0d1"; } .uk-icon-pinterest:before { content: "\f0d2"; } .uk-icon-pinterest-square:before { content: "\f0d3"; } .uk-icon-google-plus-square:before { content: "\f0d4"; } .uk-icon-google-plus:before { content: "\f0d5"; } .uk-icon-money:before { content: "\f0d6"; } .uk-icon-caret-down:before { content: "\f0d7"; } .uk-icon-caret-up:before { content: "\f0d8"; } .uk-icon-caret-left:before { content: "\f0d9"; } .uk-icon-caret-right:before { content: "\f0da"; } .uk-icon-columns:before { content: "\f0db"; } .uk-icon-unsorted:before, .uk-icon-sort:before { content: "\f0dc"; } .uk-icon-sort-down:before, .uk-icon-sort-desc:before { content: "\f0dd"; } .uk-icon-sort-up:before, .uk-icon-sort-asc:before { content: "\f0de"; } .uk-icon-envelope:before { content: "\f0e0"; } .uk-icon-linkedin:before { content: "\f0e1"; } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2"; } .uk-icon-legal:before, .uk-icon-gavel:before { content: "\f0e3"; } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4"; } .uk-icon-comment-o:before { content: "\f0e5"; } .uk-icon-comments-o:before { content: "\f0e6"; } .uk-icon-flash:before, .uk-icon-bolt:before { content: "\f0e7"; } .uk-icon-sitemap:before { content: "\f0e8"; } .uk-icon-umbrella:before { content: "\f0e9"; } .uk-icon-paste:before, .uk-icon-clipboard:before { content: "\f0ea"; } .uk-icon-lightbulb-o:before { content: "\f0eb"; } .uk-icon-exchange:before { content: "\f0ec"; } .uk-icon-cloud-download:before { content: "\f0ed"; } .uk-icon-cloud-upload:before { content: "\f0ee"; } .uk-icon-user-md:before { content: "\f0f0"; } .uk-icon-stethoscope:before { content: "\f0f1"; } .uk-icon-suitcase:before { content: "\f0f2"; } .uk-icon-bell-o:before { content: "\f0a2"; } .uk-icon-coffee:before { content: "\f0f4"; } .uk-icon-cutlery:before { content: "\f0f5"; } .uk-icon-file-text-o:before { content: "\f0f6"; } .uk-icon-building-o:before { content: "\f0f7"; } .uk-icon-hospital-o:before { content: "\f0f8"; } .uk-icon-ambulance:before { content: "\f0f9"; } .uk-icon-medkit:before { content: "\f0fa"; } .uk-icon-fighter-jet:before { content: "\f0fb"; } .uk-icon-beer:before { content: "\f0fc"; } .uk-icon-h-square:before { content: "\f0fd"; } .uk-icon-plus-square:before { content: "\f0fe"; } .uk-icon-angle-double-left:before { content: "\f100"; } .uk-icon-angle-double-right:before { content: "\f101"; } .uk-icon-angle-double-up:before { content: "\f102"; } .uk-icon-angle-double-down:before { content: "\f103"; } .uk-icon-angle-left:before { content: "\f104"; } .uk-icon-angle-right:before { content: "\f105"; } .uk-icon-angle-up:before { content: "\f106"; } .uk-icon-angle-down:before { content: "\f107"; } .uk-icon-desktop:before { content: "\f108"; } .uk-icon-laptop:before { content: "\f109"; } .uk-icon-tablet:before { content: "\f10a"; } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b"; } .uk-icon-circle-o:before { content: "\f10c"; } .uk-icon-quote-left:before { content: "\f10d"; } .uk-icon-quote-right:before { content: "\f10e"; } .uk-icon-spinner:before { content: "\f110"; } .uk-icon-circle:before { content: "\f111"; } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112"; } .uk-icon-github-alt:before { content: "\f113"; } .uk-icon-folder-o:before { content: "\f114"; } .uk-icon-folder-open-o:before { content: "\f115"; } .uk-icon-smile-o:before { content: "\f118"; } .uk-icon-frown-o:before { content: "\f119"; } .uk-icon-meh-o:before { content: "\f11a"; } .uk-icon-gamepad:before { content: "\f11b"; } .uk-icon-keyboard-o:before { content: "\f11c"; } .uk-icon-flag-o:before { content: "\f11d"; } .uk-icon-flag-checkered:before { content: "\f11e"; } .uk-icon-terminal:before { content: "\f120"; } .uk-icon-code:before { content: "\f121"; } .uk-icon-mail-reply-all:before, .uk-icon-reply-all:before { content: "\f122"; } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123"; } .uk-icon-location-arrow:before { content: "\f124"; } .uk-icon-crop:before { content: "\f125"; } .uk-icon-code-fork:before { content: "\f126"; } .uk-icon-unlink:before, .uk-icon-chain-broken:before { content: "\f127"; } .uk-icon-question:before { content: "\f128"; } .uk-icon-info:before { content: "\f129"; } .uk-icon-exclamation:before { content: "\f12a"; } .uk-icon-superscript:before { content: "\f12b"; } .uk-icon-subscript:before { content: "\f12c"; } .uk-icon-eraser:before { content: "\f12d"; } .uk-icon-puzzle-piece:before { content: "\f12e"; } .uk-icon-microphone:before { content: "\f130"; } .uk-icon-microphone-slash:before { content: "\f131"; } .uk-icon-shield:before { content: "\f132"; } .uk-icon-calendar-o:before { content: "\f133"; } .uk-icon-fire-extinguisher:before { content: "\f134"; } .uk-icon-rocket:before { content: "\f135"; } .uk-icon-maxcdn:before { content: "\f136"; } .uk-icon-chevron-circle-left:before { content: "\f137"; } .uk-icon-chevron-circle-right:before { content: "\f138"; } .uk-icon-chevron-circle-up:before { content: "\f139"; } .uk-icon-chevron-circle-down:before { content: "\f13a"; } .uk-icon-html5:before { content: "\f13b"; } .uk-icon-css3:before { content: "\f13c"; } .uk-icon-anchor:before { content: "\f13d"; } .uk-icon-unlock-alt:before { content: "\f13e"; } .uk-icon-bullseye:before { content: "\f140"; } .uk-icon-ellipsis-h:before { content: "\f141"; } .uk-icon-ellipsis-v:before { content: "\f142"; } .uk-icon-rss-square:before { content: "\f143"; } .uk-icon-play-circle:before { content: "\f144"; } .uk-icon-ticket:before { content: "\f145"; } .uk-icon-minus-square:before { content: "\f146"; } .uk-icon-minus-square-o:before { content: "\f147"; } .uk-icon-level-up:before { content: "\f148"; } .uk-icon-level-down:before { content: "\f149"; } .uk-icon-check-square:before { content: "\f14a"; } .uk-icon-pencil-square:before { content: "\f14b"; } .uk-icon-external-link-square:before { content: "\f14c"; } .uk-icon-share-square:before { content: "\f14d"; } .uk-icon-compass:before { content: "\f14e"; } .uk-icon-toggle-down:before, .uk-icon-caret-square-o-down:before { content: "\f150"; } .uk-icon-toggle-up:before, .uk-icon-caret-square-o-up:before { content: "\f151"; } .uk-icon-toggle-right:before, .uk-icon-caret-square-o-right:before { content: "\f152"; } .uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; } .uk-icon-gbp:before { content: "\f154"; } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155"; } .uk-icon-rupee:before, .uk-icon-inr:before { content: "\f156"; } .uk-icon-cny:before, .uk-icon-rmb:before, .uk-icon-yen:before, .uk-icon-jpy:before { content: "\f157"; } .uk-icon-ruble:before, .uk-icon-rouble:before, .uk-icon-rub:before { content: "\f158"; } .uk-icon-won:before, .uk-icon-krw:before { content: "\f159"; } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a"; } .uk-icon-file:before { content: "\f15b"; } .uk-icon-file-text:before { content: "\f15c"; } .uk-icon-sort-alpha-asc:before { content: "\f15d"; } .uk-icon-sort-alpha-desc:before { content: "\f15e"; } .uk-icon-sort-amount-asc:before { content: "\f160"; } .uk-icon-sort-amount-desc:before { content: "\f161"; } .uk-icon-sort-numeric-asc:before { content: "\f162"; } .uk-icon-sort-numeric-desc:before { content: "\f163"; } .uk-icon-thumbs-up:before { content: "\f164"; } .uk-icon-thumbs-down:before { content: "\f165"; } .uk-icon-youtube-square:before { content: "\f166"; } .uk-icon-youtube:before { content: "\f167"; } .uk-icon-xing:before { content: "\f168"; } .uk-icon-xing-square:before { content: "\f169"; } .uk-icon-youtube-play:before { content: "\f16a"; } .uk-icon-dropbox:before { content: "\f16b"; } .uk-icon-stack-overflow:before { content: "\f16c"; } .uk-icon-instagram:before { content: "\f16d"; } .uk-icon-flickr:before { content: "\f16e"; } .uk-icon-adn:before { content: "\f170"; } .uk-icon-bitbucket:before { content: "\f171"; } .uk-icon-bitbucket-square:before { content: "\f172"; } .uk-icon-tumblr:before { content: "\f173"; } .uk-icon-tumblr-square:before { content: "\f174"; } .uk-icon-long-arrow-down:before { content: "\f175"; } .uk-icon-long-arrow-up:before { content: "\f176"; } .uk-icon-long-arrow-left:before { content: "\f177"; } .uk-icon-long-arrow-right:before { content: "\f178"; } .uk-icon-apple:before { content: "\f179"; } .uk-icon-windows:before { content: "\f17a"; } .uk-icon-android:before { content: "\f17b"; } .uk-icon-linux:before { content: "\f17c"; } .uk-icon-dribbble:before { content: "\f17d"; } .uk-icon-skype:before { content: "\f17e"; } .uk-icon-foursquare:before { content: "\f180"; } .uk-icon-trello:before { content: "\f181"; } .uk-icon-female:before { content: "\f182"; } .uk-icon-male:before { content: "\f183"; } .uk-icon-gittip:before, .uk-icon-gratipay:before { content: "\f184"; } .uk-icon-sun-o:before { content: "\f185"; } .uk-icon-moon-o:before { content: "\f186"; } .uk-icon-archive:before { content: "\f187"; } .uk-icon-bug:before { content: "\f188"; } .uk-icon-vk:before { content: "\f189"; } .uk-icon-weibo:before { content: "\f18a"; } .uk-icon-renren:before { content: "\f18b"; } .uk-icon-pagelines:before { content: "\f18c"; } .uk-icon-stack-exchange:before { content: "\f18d"; } .uk-icon-arrow-circle-o-right:before { content: "\f18e"; } .uk-icon-arrow-circle-o-left:before { content: "\f190"; } .uk-icon-toggle-left:before, .uk-icon-caret-square-o-left:before { content: "\f191"; } .uk-icon-dot-circle-o:before { content: "\f192"; } .uk-icon-wheelchair:before { content: "\f193"; } .uk-icon-vimeo-square:before { content: "\f194"; } .uk-icon-turkish-lira:before, .uk-icon-try:before { content: "\f195"; } .uk-icon-plus-square-o:before { content: "\f196"; } .uk-icon-space-shuttle:before { content: "\f197"; } .uk-icon-slack:before { content: "\f198"; } .uk-icon-envelope-square:before { content: "\f199"; } .uk-icon-wordpress:before { content: "\f19a"; } .uk-icon-openid:before { content: "\f19b"; } .uk-icon-institution:before, .uk-icon-bank:before, .uk-icon-university:before { content: "\f19c"; } .uk-icon-mortar-board:before, .uk-icon-graduation-cap:before { content: "\f19d"; } .uk-icon-yahoo:before { content: "\f19e"; } .uk-icon-google:before { content: "\f1a0"; } .uk-icon-reddit:before { content: "\f1a1"; } .uk-icon-reddit-square:before { content: "\f1a2"; } .uk-icon-stumbleupon-circle:before { content: "\f1a3"; } .uk-icon-stumbleupon:before { content: "\f1a4"; } .uk-icon-delicious:before { content: "\f1a5"; } .uk-icon-digg:before { content: "\f1a6"; } .uk-icon-pied-piper:before { content: "\f1a7"; } .uk-icon-pied-piper-alt:before { content: "\f1a8"; } .uk-icon-drupal:before { content: "\f1a9"; } .uk-icon-joomla:before { content: "\f1aa"; } .uk-icon-language:before { content: "\f1ab"; } .uk-icon-fax:before { content: "\f1ac"; } .uk-icon-building:before { content: "\f1ad"; } .uk-icon-child:before { content: "\f1ae"; } .uk-icon-paw:before { content: "\f1b0"; } .uk-icon-spoon:before { content: "\f1b1"; } .uk-icon-cube:before { content: "\f1b2"; } .uk-icon-cubes:before { content: "\f1b3"; } .uk-icon-behance:before { content: "\f1b4"; } .uk-icon-behance-square:before { content: "\f1b5"; } .uk-icon-steam:before { content: "\f1b6"; } .uk-icon-steam-square:before { content: "\f1b7"; } .uk-icon-recycle:before { content: "\f1b8"; } .uk-icon-automobile:before, .uk-icon-car:before { content: "\f1b9"; } .uk-icon-cab:before, .uk-icon-taxi:before { content: "\f1ba"; } .uk-icon-tree:before { content: "\f1bb"; } .uk-icon-spotify:before { content: "\f1bc"; } .uk-icon-deviantart:before { content: "\f1bd"; } .uk-icon-soundcloud:before { content: "\f1be"; } .uk-icon-database:before { content: "\f1c0"; } .uk-icon-file-pdf-o:before { content: "\f1c1"; } .uk-icon-file-word-o:before { content: "\f1c2"; } .uk-icon-file-excel-o:before { content: "\f1c3"; } .uk-icon-file-powerpoint-o:before { content: "\f1c4"; } .uk-icon-file-photo-o:before, .uk-icon-file-picture-o:before, .uk-icon-file-image-o:before { content: "\f1c5"; } .uk-icon-file-zip-o:before, .uk-icon-file-archive-o:before { content: "\f1c6"; } .uk-icon-file-sound-o:before, .uk-icon-file-audio-o:before { content: "\f1c7"; } .uk-icon-file-movie-o:before, .uk-icon-file-video-o:before { content: "\f1c8"; } .uk-icon-file-code-o:before { content: "\f1c9"; } .uk-icon-vine:before { content: "\f1ca"; } .uk-icon-codepen:before { content: "\f1cb"; } .uk-icon-jsfiddle:before { content: "\f1cc"; } .uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before { content: "\f1cd"; } .uk-icon-circle-o-notch:before { content: "\f1ce"; } .uk-icon-ra:before, .uk-icon-rebel:before { content: "\f1d0"; } .uk-icon-ge:before, .uk-icon-empire:before { content: "\f1d1"; } .uk-icon-git-square:before { content: "\f1d2"; } .uk-icon-git:before { content: "\f1d3"; } .uk-icon-hacker-news:before { content: "\f1d4"; } .uk-icon-tencent-weibo:before { content: "\f1d5"; } .uk-icon-qq:before { content: "\f1d6"; } .uk-icon-wechat:before, .uk-icon-weixin:before { content: "\f1d7"; } .uk-icon-send:before, .uk-icon-paper-plane:before { content: "\f1d8"; } .uk-icon-send-o:before, .uk-icon-paper-plane-o:before { content: "\f1d9"; } .uk-icon-history:before { content: "\f1da"; } .uk-icon-genderless:before, .uk-icon-circle-thin:before { content: "\f1db"; } .uk-icon-header:before { content: "\f1dc"; } .uk-icon-paragraph:before { content: "\f1dd"; } .uk-icon-sliders:before { content: "\f1de"; } .uk-icon-share-alt:before { content: "\f1e0"; } .uk-icon-share-alt-square:before { content: "\f1e1"; } .uk-icon-bomb:before { content: "\f1e2"; } .uk-icon-soccer-ball-o:before, .uk-icon-futbol-o:before { content: "\f1e3"; } .uk-icon-tty:before { content: "\f1e4"; } .uk-icon-binoculars:before { content: "\f1e5"; } .uk-icon-plug:before { content: "\f1e6"; } .uk-icon-slideshare:before { content: "\f1e7"; } .uk-icon-twitch:before { content: "\f1e8"; } .uk-icon-yelp:before { content: "\f1e9"; } .uk-icon-newspaper-o:before { content: "\f1ea"; } .uk-icon-wifi:before { content: "\f1eb"; } .uk-icon-calculator:before { content: "\f1ec"; } .uk-icon-paypal:before { content: "\f1ed"; } .uk-icon-google-wallet:before { content: "\f1ee"; } .uk-icon-cc-visa:before { content: "\f1f0"; } .uk-icon-cc-mastercard:before { content: "\f1f1"; } .uk-icon-cc-discover:before { content: "\f1f2"; } .uk-icon-cc-amex:before { content: "\f1f3"; } .uk-icon-cc-paypal:before { content: "\f1f4"; } .uk-icon-cc-stripe:before { content: "\f1f5"; } .uk-icon-bell-slash:before { content: "\f1f6"; } .uk-icon-bell-slash-o:before { content: "\f1f7"; } .uk-icon-trash:before { content: "\f1f8"; } .uk-icon-copyright:before { content: "\f1f9"; } .uk-icon-at:before { content: "\f1fa"; } .uk-icon-eyedropper:before { content: "\f1fb"; } .uk-icon-paint-brush:before { content: "\f1fc"; } .uk-icon-birthday-cake:before { content: "\f1fd"; } .uk-icon-area-chart:before { content: "\f1fe"; } .uk-icon-pie-chart:before { content: "\f200"; } .uk-icon-line-chart:before { content: "\f201"; } .uk-icon-lastfm:before { content: "\f202"; } .uk-icon-lastfm-square:before { content: "\f203"; } .uk-icon-toggle-off:before { content: "\f204"; } .uk-icon-toggle-on:before { content: "\f205"; } .uk-icon-bicycle:before { content: "\f206"; } .uk-icon-bus:before { content: "\f207"; } .uk-icon-ioxhost:before { content: "\f208"; } .uk-icon-angellist:before { content: "\f209"; } .uk-icon-cc:before { content: "\f20a"; } .uk-icon-shekel:before, .uk-icon-sheqel:before, .uk-icon-ils:before { content: "\f20b"; } .uk-icon-meanpath:before { content: "\f20c"; } .uk-icon-buysellads:before { content: "\f20d"; } .uk-icon-connectdevelop:before { content: "\f20e"; } .uk-icon-dashcube:before { content: "\f210"; } .uk-icon-forumbee:before { content: "\f211"; } .uk-icon-leanpub:before { content: "\f212"; } .uk-icon-sellsy:before { content: "\f213"; } .uk-icon-shirtsinbulk:before { content: "\f214"; } .uk-icon-simplybuilt:before { content: "\f215"; } .uk-icon-skyatlas:before { content: "\f216"; } .uk-icon-cart-plus:before { content: "\f217"; } .uk-icon-cart-arrow-down:before { content: "\f218"; } .uk-icon-diamond:before { content: "\f219"; } .uk-icon-ship:before { content: "\f21a"; } .uk-icon-user-secret:before { content: "\f21b"; } .uk-icon-motorcycle:before { content: "\f21c"; } .uk-icon-street-view:before { content: "\f21d"; } .uk-icon-heartbeat:before { content: "\f21e"; } .uk-icon-venus:before { content: "\f221"; } .uk-icon-mars:before { content: "\f222"; } .uk-icon-mercury:before { content: "\f223"; } .uk-icon-transgender:before { content: "\f224"; } .uk-icon-transgender-alt:before { content: "\f225"; } .uk-icon-venus-double:before { content: "\f226"; } .uk-icon-mars-double:before { content: "\f227"; } .uk-icon-venus-mars:before { content: "\f228"; } .uk-icon-mars-stroke:before { content: "\f229"; } .uk-icon-mars-stroke-v:before { content: "\f22a"; } .uk-icon-mars-stroke-h:before { content: "\f22b"; } .uk-icon-neuter:before { content: "\f22c"; } .uk-icon-facebook-official:before { content: "\f230"; } .uk-icon-pinterest-p:before { content: "\f231"; } .uk-icon-whatsapp:before { content: "\f232"; } .uk-icon-server:before { content: "\f233"; } .uk-icon-user-plus:before { content: "\f234"; } .uk-icon-user-times:before { content: "\f235"; } .uk-icon-hotel:before, .uk-icon-bed:before { content: "\f236"; } .uk-icon-viacoin:before { content: "\f237"; } .uk-icon-train:before { content: "\f238"; } .uk-icon-subway:before { content: "\f239"; } .uk-icon-medium-logo:before { content: "\f23a"; } .uk-icon-500px:before { content: "\f26e"; } .uk-icon-amazon:before { content: "\f270"; } .uk-icon-balance-scale:before { content: "\f24e"; } .uk-icon-battery-empty:before, .uk-icon-battery-0:before { content: "\f244"; } .uk-icon-battery-quarter:before, .uk-icon-battery-1:before { content: "\f243"; } .uk-icon-battery-half:before, .uk-icon-battery-2:before { content: "\f242"; } .uk-icon-battery-three-quarters:before, .uk-icon-battery-3:before { content: "\f241"; } .uk-icon-battery-full:before, .uk-icon-battery-4:before { content: "\f240"; } .uk-icon-black-tie:before { content: "\f27e"; } .uk-icon-calendar-check-o:before { content: "\f274"; } .uk-icon-calendar-minus-o:before { content: "\f272"; } .uk-icon-calendar-plus-o:before { content: "\f271"; } .uk-icon-calendar-times-o:before { content: "\f273"; } .uk-icon-cc-diners-club:before { content: "\f24c"; } .uk-icon-cc-jcb:before { content: "\f24b"; } .uk-icon-chrome:before { content: "\f268"; } .uk-icon-clone:before { content: "\f24d"; } .uk-icon-commenting:before { content: "\f27a"; } .uk-icon-commenting-o:before { content: "\f27b"; } .uk-icon-contao:before { content: "\f26d"; } .uk-icon-creative-commons:before { content: "\f25e"; } .uk-icon-expeditedssl:before { content: "\f23e"; } .uk-icon-firefox:before { content: "\f269"; } .uk-icon-fonticons:before { content: "\f280"; } .uk-icon-get-pocket:before { content: "\f265"; } .uk-icon-gg:before { content: "\f260"; } .uk-icon-gg-circle:before { content: "\f261"; } .uk-icon-hand-lizard-o:before { content: "\f258"; } .uk-icon-hand-stop-o:before, .uk-icon-hand-paper-o:before { content: "\f256"; } .uk-icon-hand-peace-o:before { content: "\f25b"; } .uk-icon-hand-pointer-o:before { content: "\f25a"; } .uk-icon-hand-grab-o:before, .uk-icon-hand-rock-o:before { content: "\f255"; } .uk-icon-hand-scissors-o:before { content: "\f257"; } .uk-icon-hand-spock-o:before { content: "\f259"; } .uk-icon-hourglass:before { content: "\f254"; } .uk-icon-hourglass-o:before { content: "\f250"; } .uk-icon-hourglass-1:before, .uk-icon-hourglass-start:before { content: "\f251"; } .uk-icon-hourglass-2:before, .uk-icon-hourglass-half:before { content: "\f252"; } .uk-icon-hourglass-3:before, .uk-icon-hourglass-end:before { content: "\f253"; } .uk-icon-houzz:before { content: "\f27c"; } .uk-icon-i-cursor:before { content: "\f246"; } .uk-icon-industry:before { content: "\f275"; } .uk-icon-internet-explorer:before { content: "\f26b"; } .uk-icon-map:before { content: "\f279"; } .uk-icon-map-o:before { content: "\f278"; } .uk-icon-map-pin:before { content: "\f276"; } .uk-icon-map-signs:before { content: "\f277"; } .uk-icon-mouse-pointer:before { content: "\f245"; } .uk-icon-object-group:before { content: "\f247"; } .uk-icon-object-ungroup:before { content: "\f248"; } .uk-icon-odnoklassniki:before { content: "\f263"; } .uk-icon-odnoklassniki-square:before { content: "\f264"; } .uk-icon-opencart:before { content: "\f23d"; } .uk-icon-opera:before { content: "\f26a"; } .uk-icon-optin-monster:before { content: "\f23c"; } .uk-icon-registered:before { content: "\f25d"; } .uk-icon-safari:before { content: "\f267"; } .uk-icon-sticky-note:before { content: "\f249"; } .uk-icon-sticky-note-o:before { content: "\f24a"; } .uk-icon-tv:before, .uk-icon-television:before { content: "\f26c"; } .uk-icon-trademark:before { content: "\f25c"; } .uk-icon-tripadvisor:before { content: "\f262"; } .uk-icon-vimeo:before { content: "\f27d"; } .uk-icon-wikipedia-w:before { content: "\f266"; } .uk-icon-yc:before, .uk-icon-y-combinator:before { content: "\f23b"; } .uk-icon-yc-square:before, .uk-icon-y-combinator-square:before { content: "\f1d4"; } .uk-icon-bluetooth:before { content: "\f293"; } .uk-icon-bluetooth-b:before { content: "\f294"; } .uk-icon-codiepie:before { content: "\f284"; } .uk-icon-credit-card-alt:before { content: "\f283"; } .uk-icon-edge:before { content: "\f282"; } .uk-icon-fort-awesome:before { content: "\f286"; } .uk-icon-hashtag:before { content: "\f292"; } .uk-icon-mixcloud:before { content: "\f289"; } .uk-icon-modx:before { content: "\f285"; } .uk-icon-pause-circle:before { content: "\f28b"; } .uk-icon-pause-circle-o:before { content: "\f28c"; } .uk-icon-percent:before { content: "\f295"; } .uk-icon-product-hunt:before { content: "\f288"; } .uk-icon-reddit-alien:before { content: "\f281"; } .uk-icon-scribd:before { content: "\f28a"; } .uk-icon-shopping-bag:before { content: "\f290"; } .uk-icon-shopping-basket:before { content: "\f291"; } .uk-icon-stop-circle:before { content: "\f28d"; } .uk-icon-stop-circle-o:before { content: "\f28e"; } .uk-icon-usb:before { content: "\f287"; } .uk-icon-american-sign-language-interpreting:before, .uk-icon-asl-interpreting:before { content: "\f2a3"; } .uk-icon-assistive-listening-systems:before { content: "\f2a2"; } .uk-icon-audio-description:before { content: "\f29e"; } .uk-icon-blind:before { content: "\f29d"; } .uk-icon-braille:before { content: "\f2a1"; } .uk-icon-deaf:before, .uk-icon-deafness:before { content: "\f2a4"; } .uk-icon-envira:before { content: "\f299"; } .uk-icon-font-awesome:before, .uk-icon-fa:before { content: "\f2b4"; } .uk-icon-first-order:before { content: "\f2b0"; } .uk-icon-gitlab:before { content: "\f296"; } .uk-icon-glide:before { content: "\f2a5"; } .uk-icon-glide-g:before { content: "\f2a6"; } .uk-icon-hard-of-hearing:before { content: "\f2a4"; } .uk-icon-low-vision:before { content: "\f2a8"; } .uk-icon-question-circle-o:before { content: "\f29c"; } .uk-icon-sign-language:before, .uk-icon-signing:before { content: "\f2a7"; } .uk-icon-snapchat:before { content: "\f2ab"; } .uk-icon-snapchat-ghost:before { content: "\f2ac"; } .uk-icon-snapchat-square:before { content: "\f2ad"; } .uk-icon-themeisle:before { content: "\f2b2"; } .uk-icon-universal-access:before { content: "\f29a"; } .uk-icon-viadeo:before { content: "\f2a9"; } .uk-icon-viadeo-square:before { content: "\f2aa"; } .uk-icon-volume-control-phone:before { content: "\f2a0"; } .uk-icon-wheelchair-alt:before { content: "\f29b"; } .uk-icon-wpbeginner:before { content: "\f297"; } .uk-icon-wpforms:before { content: "\f298"; } .uk-icon-yoast:before { content: "\f2b1"; } /* ======================================================================== Component: Close ========================================================================== */ /* * Removes inner padding and border in Firefox 4+. */ .uk-close::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Correct inability to style clickable `input` types in iOS. * 2. Remove margins in Chrome, Safari and Opera. * 3. Remove borders for `button`. * 4. Address `overflow` set to `hidden` in IE 8/9/10/11. * 5. Correct `font` properties and `color` not being inherited for `button`. * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE * 7. Remove default `button` padding and background color * 8. Style */ .uk-close { /* 1 */ -webkit-appearance: none; /* 2 */ margin: 0; /* 3 */ border: none; /* 4 */ overflow: visible; /* 5 */ font: inherit; color: inherit; /* 6 */ text-transform: none; /* 7. */ padding: 0; background: transparent; /* 8 */ display: inline-block; box-sizing: content-box; width: 20px; line-height: 20px; text-align: center; vertical-align: middle; opacity: 0.3; } /* Icon */ .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } /* * Hover * 1. Apply hover style also to focus state * 2. Remove default focus style * 3. Required for `a` elements */ .uk-close:hover, .uk-close:focus { opacity: 0.5; /* 2 */ outline: none; /* 3 */ color: inherit; text-decoration: none; cursor: pointer; } /* Modifier ========================================================================== */ .uk-close-alt { padding: 2px; border-radius: 50%; background: #eee; opacity: 1; } /* Hover */ .uk-close-alt:hover, .uk-close-alt:focus { opacity: 1; } /* Icon */ .uk-close-alt:after { opacity: 0.5; } .uk-close-alt:hover:after, .uk-close-alt:focus:after { opacity: 0.8; } /* ======================================================================== Component: Badge ========================================================================== */ .uk-badge { display: inline-block; padding: 0 5px; background: #00a8e6; font-size: 10px; font-weight: bold; line-height: 14px; color: #fff; text-align: center; vertical-align: middle; text-transform: none; } /* * Keep color when badge is a link */ a.uk-badge:hover { color: #fff; } /* Modifier: `uk-badge-notification`; ========================================================================== */ .uk-badge-notification { box-sizing: border-box; min-width: 18px; border-radius: 500px; font-size: 12px; line-height: 18px; } /* Color modifier ========================================================================== */ /* * Modifier: `uk-badge-success` */ .uk-badge-success { background-color: #8cc14c; } /* * Modifier: `uk-badge-warning` */ .uk-badge-warning { background-color: #faa732; } /* * Modifier: `uk-badge-danger` */ .uk-badge-danger { background-color: #da314b; } /* ======================================================================== Component: Alert ========================================================================== */ .uk-alert { margin-bottom: 15px; padding: 10px; background: #ebf7fd; color: #2d7091; } /* * Add margin if adjacent element */ * + .uk-alert { margin-top: 15px; } /* * Remove margin from the last-child */ .uk-alert > :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } /* Close in alert ========================================================================== */ .uk-alert > .uk-close:first-child { float: right; } /* * Remove margin from adjacent element */ .uk-alert > .uk-close:first-child + * { margin-top: 0; } /* Modifier: `uk-alert-success` ========================================================================== */ .uk-alert-success { background: #f2fae3; color: #659f13; } /* Modifier: `uk-alert-warning` ========================================================================== */ .uk-alert-warning { background: #fffceb; color: #e28327; } /* Modifier: `uk-alert-danger` ========================================================================== */ .uk-alert-danger { background: #fff1f0; color: #d85030; } /* Modifier: `uk-alert-large` ========================================================================== */ .uk-alert-large { padding: 20px; } .uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; } /* ======================================================================== Component: Thumbnail ========================================================================== */ /* * 1. Container width fits its content * 2. Responsive behavior * 3. Corrects `max-width` behavior sed * 4. Required for `figure` element * 5. Style */ .uk-thumbnail { /* 1 */ display: inline-block; /* 2 */ max-width: 100%; /* 3 */ box-sizing: border-box; /* 3 */ margin: 0; /* 4 */ padding: 4px; border: 1px solid #ddd; background: #fff; } /* * Hover state for `a` elements * 1. Apply hover style also to focus state * 2. Needed for caption * 3. Remove default focus style */ a.uk-thumbnail:hover, a.uk-thumbnail:focus { border-color: #aaaaaa; background-color: #fff; /* 2 */ text-decoration: none; /* 3 */ outline: none; } /* Caption ========================================================================== */ .uk-thumbnail-caption { padding-top: 4px; text-align: center; color: #444; } /* Sizes ========================================================================== */ .uk-thumbnail-mini { width: 150px; } .uk-thumbnail-small { width: 200px; } .uk-thumbnail-medium { width: 300px; } .uk-thumbnail-large { width: 400px; } .uk-thumbnail-expand, .uk-thumbnail-expand > img { width: 100%; } /* ======================================================================== Component: Overlay ========================================================================== */ /* * 1. Container width fits its content * 2. Create position context * 3. Set max-width for responsive images to prevent `inline-block` consequences * 4. Remove the gap between the container and its child element * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit * 7. Reset margin */ .uk-overlay { /* 1 */ display: inline-block; /* 2 */ position: relative; /* 3 */ max-width: 100%; /* 4 */ vertical-align: middle; /* 5 */ overflow: hidden; /* 6 */ -webkit-transform: translateZ(0); /* 7 */ margin: 0; } /* 6 for Safari */ .uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); } /* * Remove margin from content */ .uk-overlay > :first-child { margin-bottom: 0; } /* Sub-object `uk-overlay-panel` ========================================================================== */ /* * 1. Position cover * 2. Style */ .uk-overlay-panel { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ padding: 20px; color: #fff; } /* * Remove margin from the last-child */ .uk-overlay-panel > :last-child, .uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; } /* * Keep color for headings if the default heading color is changed */ .uk-overlay-panel h1, .uk-overlay-panel h2, .uk-overlay-panel h3, .uk-overlay-panel h4, .uk-overlay-panel h5, .uk-overlay-panel h6 { color: inherit; } .uk-overlay-panel a:not([class]) { color: inherit; text-decoration: underline; } .uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { color: inherit; } /* Sub-object `uk-overlay-hover` and `uk-overlay-active` ========================================================================== */ .uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; } .uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; } /* Modifier `uk-overlay-background` ========================================================================== */ .uk-overlay-background { background: rgba(0, 0, 0, 0.5); } /* Modifier `uk-overlay-image` ========================================================================== */ /* * Reset panel */ .uk-overlay-image { padding: 0; } /* Position modifiers ========================================================================== */ .uk-overlay-top { bottom: auto; } .uk-overlay-bottom { top: auto; } .uk-overlay-left { right: auto; } .uk-overlay-right { left: auto; } /* Sub-object `uk-overlay-icon` ========================================================================== */ .uk-overlay-icon:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff; } /* Transitions ========================================================================== */ .uk-overlay-fade, .uk-overlay-scale, .uk-overlay-spin, .uk-overlay-grayscale, .uk-overlay-blur, [class*='uk-overlay-slide'] { transition-duration: 0.3s; transition-timing-function: ease-out; transition-property: opacity, transform, filter; } .uk-overlay-active .uk-overlay-fade, .uk-overlay-active .uk-overlay-scale, .uk-overlay-active .uk-overlay-spin, .uk-overlay-active [class*='uk-overlay-slide'] { transition-duration: 0.8s; } /* * Fade */ .uk-overlay-fade { opacity: 0.7; } .uk-overlay-hover:hover .uk-overlay-fade, .uk-overlay-hover.uk-hover .uk-overlay-fade, .uk-overlay-active .uk-active > .uk-overlay-fade { opacity: 1; } /* * Scale */ .uk-overlay-scale { -webkit-transform: scale(1); transform: scale(1); } .uk-overlay-hover:hover .uk-overlay-scale, .uk-overlay-hover.uk-hover .uk-overlay-scale, .uk-overlay-active .uk-active > .uk-overlay-scale { -webkit-transform: scale(1.1); transform: scale(1.1); } /* * Spin */ .uk-overlay-spin { -webkit-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } .uk-overlay-hover:hover .uk-overlay-spin, .uk-overlay-hover.uk-hover .uk-overlay-spin, .uk-overlay-active .uk-active > .uk-overlay-spin { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } /* * Grayscale */ .uk-overlay-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .uk-overlay-hover:hover .uk-overlay-grayscale, .uk-overlay-hover.uk-hover .uk-overlay-grayscale, .uk-overlay-active .uk-active > .uk-overlay-grayscale { -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* * Slide */ [class*='uk-overlay-slide'] { opacity: 0; } /* Top */ .uk-overlay-slide-top { -webkit-transform: translateY(-100%); transform: translateY(-100%); } /* Bottom */ .uk-overlay-slide-bottom { -webkit-transform: translateY(100%); transform: translateY(100%); } /* Left */ .uk-overlay-slide-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); } /* Right */ .uk-overlay-slide-right { -webkit-transform: translateX(100%); transform: translateX(100%); } /* Hover */ .uk-overlay-hover:hover [class*='uk-overlay-slide'], .uk-overlay-hover.uk-hover [class*='uk-overlay-slide'], .uk-overlay-active .uk-active > [class*='uk-overlay-slide'] { opacity: 1; -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } /* DEPRECATED * Sub-object `uk-overlay-area` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-area { /* 1 */ position: absolute; top: 0; bottom: 0; left: 0; right: 0; /* 2 */ background: rgba(0, 0, 0, 0.3); /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; } /* * Icon */ .uk-overlay-area:empty:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #fff; } /* DEPRECATED * Sub-object `uk-overlay-area-content` ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` * Needed for Firefox */ .uk-overlay-area:not(:empty) { font-size: 0.001px; } /* * 1. Needed for vertical alignment */ .uk-overlay-area:not(:empty):before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* * 1. Set vertical alignment * 2. Reset whitespace hack * 3. Set horizontal alignment * 4. Set style */ .uk-overlay-area-content { /* 1 */ display: inline-block; box-sizing: border-box; width: 100%; vertical-align: middle; /* 2 */ font-size: 1rem; /* 3 */ text-align: center; /* 4 */ padding: 0 15px; color: #fff; } /* * Remove margin from the last-child */ .uk-overlay-area-content > :last-child { margin-bottom: 0; } /* * Links in overlay area */ .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit; } /* DEPRECATED * Sub-object `uk-overlay-caption` ========================================================================== */ /* * 1. Set position * 2. Set style * 3. Fade-in transition */ .uk-overlay-caption { /* 1 */ position: absolute; bottom: 0; left: 0; right: 0; /* 2 */ padding: 15px; background: rgba(0, 0, 0, 0.5); color: #fff; /* 3 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } /* * Hover * 1. `uk-hover` to support touch devices * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier */ .uk-overlay:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; } /* ======================================================================== Component: Column ========================================================================== */ [class*='uk-column-'] { -webkit-column-gap: 25px; -moz-column-gap: 25px; column-gap: 25px; } /* Width modifiers ========================================================================== */ .uk-column-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-column-small-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-small-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-small-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-small-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-small-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-column-medium-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-medium-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-medium-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-medium-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-medium-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-column-large-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-large-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-large-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-large-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-large-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-column-xlarge-1-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .uk-column-xlarge-1-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .uk-column-xlarge-1-4 { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .uk-column-xlarge-1-5 { -webkit-column-count: 5; -moz-column-count: 5; column-count: 5; } .uk-column-xlarge-1-6 { -webkit-column-count: 6; -moz-column-count: 6; column-count: 6; } } /* ======================================================================== Component: Animation ========================================================================== */ [class*='uk-animation-'] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Hide animated element if scrollspy is used */ @media screen { [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { opacity: 0; } } /* * Fade * Higher specificity (!important) needed because of reverse modifier */ .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } /* * Fade with scale */ .uk-animation-scale-up { -webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02; } .uk-animation-scale-down { -webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18; } /* * Fade with slide */ .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; animation-name: uk-fade-top; } .uk-animation-slide-bottom { -webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom; } .uk-animation-slide-left { -webkit-animation-name: uk-fade-left; animation-name: uk-fade-left; } .uk-animation-slide-right { -webkit-animation-name: uk-fade-right; animation-name: uk-fade-right; } /* * Scale */ .uk-animation-scale { -webkit-animation-name: uk-scale-12; animation-name: uk-scale-12; } /* * Shake */ .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; } /* Direction modifiers ========================================================================== */ .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* Duration modifiers ========================================================================== */ .uk-animation-15 { -webkit-animation-duration: 15s; animation-duration: 15s; } /* Origin modifiers ========================================================================== */ .uk-animation-top-left { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .uk-animation-top-center { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .uk-animation-top-right { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .uk-animation-middle-left { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .uk-animation-middle-right { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .uk-animation-bottom-left { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .uk-animation-bottom-center { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .uk-animation-bottom-right { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* Sub-object: `uk-animation-hover` ========================================================================== */ /* * Enable animation only on hover * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block` */ .uk-animation-hover:not(:hover), .uk-animation-hover:not(:hover) [class*='uk-animation-'], .uk-touch .uk-animation-hover:not(.uk-hover), .uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] { -webkit-animation-name: none; animation-name: none; } /* Keyframes: Fade * Used by dropdown, datepicker and slideshow component ========================================================================== */ @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* Keyframes: Fade with slide ========================================================================== */ /* * Top */ @-webkit-keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Bottom */ @-webkit-keyframes uk-fade-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } /* * Left */ @-webkit-keyframes uk-fade-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-fade-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } /* Keyframes: Fade with scale ========================================================================== */ /* * Scale by 0.2 */ @-webkit-keyframes uk-fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-02 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } /* * Scale by 1.5 * Used by slideshow component */ @-webkit-keyframes uk-fade-scale-15 { 0% { opacity: 0; -webkit-transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-15 { 0% { opacity: 0; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1); } } /* * Scale by 1.8 */ @-webkit-keyframes uk-fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-18 { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } /* Keyframes: Slide * Used by slideshow component ========================================================================== */ /* * Left */ @-webkit-keyframes uk-slide-left { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } /* * Right */ @-webkit-keyframes uk-slide-right { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } /* * Left third */ @-webkit-keyframes uk-slide-left-33 { 0% { -webkit-transform: translateX(33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left-33 { 0% { transform: translateX(33%); } 100% { transform: translateX(0); } } /* * Right third */ @-webkit-keyframes uk-slide-right-33 { 0% { -webkit-transform: translateX(-33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right-33 { 0% { transform: translateX(-33%); } 100% { transform: translateX(0); } } /* Keyframes: Scale ========================================================================== */ @-webkit-keyframes uk-scale-12 { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes uk-scale-12 { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } /* Keyframes: Rotate * Used by icon component ========================================================================== */ @-webkit-keyframes uk-rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes uk-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } /* Keyframes: Shake ========================================================================== */ @-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } /* Keyframes: Fade with slide fixed * Used by dropdown and search component ========================================================================== */ /* * Top fixed */ @-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } /* * Bottom fixed */ @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* ======================================================================== Component: Dropdown ========================================================================== */ /* * 1. Hide by default * 2. Set position * 3. Box-sizing is needed for `uk-dropdown-justify` * 4. Set width */ .uk-dropdown, .uk-dropdown-blank { /* 1 */ display: none; /* 2 */ position: absolute; z-index: 1020; /* 3 */ box-sizing: border-box; /* 4 */ width: 200px; } /* * Dropdown style * 1. Reset button group whitespace hack */ .uk-dropdown { padding: 15px; background: #f5f5f5; color: #444; /* 1 */ font-size: 1rem; vertical-align: top; } /* Focus */ .uk-dropdown:focus { outline: none; } /* * 1. Show dropdown * 2. Set animation * 3. Needed for scale animation */ .uk-open > .uk-dropdown, .uk-open > .uk-dropdown-blank { /* 1 */ display: block; /* 2 */ -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; /* 3 */ -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Alignment modifiers ========================================================================== */ /* * Modifier */ .uk-dropdown-top { margin-top: -5px; } .uk-dropdown-bottom { margin-top: 5px; } .uk-dropdown-left { margin-left: -5px; } .uk-dropdown-right { margin-left: 5px; } /* Nav in dropdown ========================================================================== */ .uk-dropdown .uk-nav { margin: 0 -15px; } /* Grid and panel in dropdown ========================================================================== */ /* * Vertical gutter */ /* * Grid * Higher specificity to override large gutter */ .uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: 15px; } /* Panels */ .uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: 15px; } /* Tablet and bigger */ @media (min-width: 768px) { /* * Horizontal gutter */ .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { margin-left: -15px; margin-right: -15px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { padding-left: 15px; padding-right: 15px; } /* * Column divider */ .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { border-left: 1px solid #ddd; } /* * Width multiplier for dropdown columns */ .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 400px; } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 600px; } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 800px; } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1000px; } } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Stack columns and take full width */ .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } /* * Vertical gutter */ .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 15px; } } /* * Stack grid columns */ .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 15px; } /* Modifier `uk-dropdown-small` ========================================================================== */ /* * Set min-width and text expands dropdown if needed */ .uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; } /* * Nav in dropdown */ .uk-dropdown-small .uk-nav { margin: 0 -5px; } /* Modifier: `uk-dropdown-navbar` ========================================================================== */ .uk-dropdown-navbar { margin-top: 0; background: #f5f5f5; color: #444; } .uk-open > .uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } /* Modifier `uk-dropdown-scrollable` ========================================================================== */ /* * Usefull for long lists */ .uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; } /* Sub-object: `uk-dropdown-overlay` ========================================================================== */ /* ======================================================================== Component: Modal ========================================================================== */ /* * This is the modal overlay and modal dialog container * 1. Hide by default * 2. Set fixed position * 3. Allow scrolling for the modal dialog * 4. Mask the background page * 5. Fade-in transition * 6. Deactivate browser history navigation in IE11 * 7. force hardware acceleration to prevent browser rendering hiccups */ .uk-modal { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ background: rgba(0, 0, 0, 0.6); /* 5 */ opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; /* 6 */ touch-action: cross-slide-y pinch-zoom double-tap-zoom; /* 7 */ -webkit-transform: translateZ(0); transform: translateZ(0); } /* * Open state */ .uk-modal.uk-open { opacity: 1; } /* * Prevents duplicated scrollbar caused by 4. */ .uk-modal-page, .uk-modal-page body { overflow: hidden; } /* Sub-object: `uk-modal-dialog` ========================================================================== */ /* * 1. Create position context for caption, spinner and close button * 2. Set box sizing * 3. Set style * 4. Slide-in transition */ .uk-modal-dialog { /* 1 */ position: relative; /* 2 */ box-sizing: border-box; margin: 50px auto; /*padding: 20px;*/ width: 375px; max-width: 100%; max-width: calc(100% - 20px); /* 3 */ background: #fff; /* 4 */ opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; border-radius: 4px; } .uk-modal-dialog.add-photo { width: 480px; } /* Phone landscape and smaller */ @media (max-width: 767px) { /* * Fit in small screen */ .uk-modal-dialog { width: auto; margin: 10px auto; } } /* * Open state */ .uk-open .uk-modal-dialog { /* 4 */ opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } /* * Remove margin from the last-child */ .uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; } /* Close in modal ========================================================================== */ .uk-modal-dialog > .uk-close:first-child { margin: 5px 5px 0 0; float: right; } /* * Remove margin from adjacent element */ .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; } /* Modifier: `uk-modal-dialog-lightbox` ========================================================================== */ .uk-modal-dialog-lightbox { margin: 15px auto; padding: 0; max-width: 95%; max-width: calc(100% - 30px); min-height: 50px; } /* * Close button */ .uk-modal-dialog-lightbox > .uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-modal-dialog-lightbox > .uk-close:first-child { top: -7px; right: -7px; } } /* Modifier: `uk-modal-dialog-blank` ========================================================================== */ .uk-modal-dialog-blank { margin: 0; padding: 0; width: 100%; max-width: 100%; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } /* * Close button */ .uk-modal-dialog-blank > .uk-close:first-child { position: absolute; top: 20px; right: 20px; z-index: 1; margin: 0; float: none; } /* Modifier: `uk-modal-dialog-large` ========================================================================== */ /* Tablet and bigger */ @media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-modal-dialog-large { width: 1130px; } } /* Sub-Object: `uk-modal-header` and `uk-modal-footer` ========================================================================== */ .uk-modal-header { /*margin-bottom: 15px;*/ text-align: center; padding: 20px; border-bottom: 1px rgba(0, 0, 0, 0.2) solid; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 20px; } .uk-modal-footer { /*margin-top: 15px;*/ background: #F1F1F1; padding: 15px; text-align: center; } .jq-register-button:hover { cursor: pointer; } /* * Remove margin from the last-child */ .uk-modal-header > :last-child, .uk-modal-footer > :last-child { margin-bottom: 0; } .uk-modal-header h3 { text-transform: uppercase; } /* Sub-Object: `uk-modal-caption` ========================================================================== */ .uk-modal-caption { position: absolute; left: 0; right: 0; bottom: -20px; margin-bottom: -10px; color: #fff; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* Sub-Object: `uk-modal-spinner` ========================================================================== */ .uk-modal-spinner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 25px; color: #ddd; } .uk-modal-spinner:after { content: "\f110"; display: block; font-family: FontAwesome; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } /* ======================================================================== Component: Off-canvas ========================================================================== */ /* * This is the offcanvas overlay and bar container * 1. Hide by default * 2. Set fixed position * 3. Deactivate browser touch actions in IE11 * 4. Mask the background page */ .uk-offcanvas { /* 1 */ display: none; /* 2 */ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; /* 3 */ touch-action: none; /* 4 */ background: rgba(0, 0, 0, 0.1); } .uk-offcanvas.uk-active { display: block; } /* Sub-object `uk-offcanvas-page` ========================================================================== */ /* * Prepares the whole HTML page to slide-out * 1. Fix the main page and disallow scrolling * 2. Side-out transition * 3. Needed for the transition to work instead of just letting it pop to the side */ .uk-offcanvas-page { /* 1 */ position: fixed; /* 2 */ -webkit-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; /* 3 */ margin-left: 0; } /* Sub-object `uk-offcanvas-bar` ========================================================================== */ /* * This is the offcanvas bar * 1. Set fixed position * 2. Size and style * 3. Allow scrolling * 4. Side-out transition * 5. Deactivate scroll chaining in IE11 */ .uk-offcanvas-bar { /* 1 */ position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; /* 2 */ width: 270px; max-width: 100%; background: #333; /* 3 */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* 4 */ -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; /* 5 */ -ms-scroll-chaining: none; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); } /* Modifier `uk-offcanvas-bar-flip` ========================================================================== */ .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } /* Offcanvase modes ========================================================================== */ .uk-offcanvas-bar[mode='none'] { -webkit-transition: none; transition: none; } .uk-offcanvas-bar[mode='reveal'] { -webkit-transform: translateX(0%); transform: translateX(0%); clip: rect(0, 0, 100vh, 0); -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out; transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out; } .uk-offcanvas-bar-flip[mode='reveal'] { clip: none; -webkit-transform: translateX(100%); transform: translateX(100%); } .uk-offcanvas-bar-flip[mode='reveal'] > * { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * { -webkit-transform: translateX(0%); transform: translateX(0%); } /* Panel in offcanvas ========================================================================== */ .uk-offcanvas .uk-panel { margin: 20px 15px; color: #777; } .uk-offcanvas .uk-panel-title { color: #ccc; } .uk-offcanvas .uk-panel a:not([class]) { color: #ccc; } .uk-offcanvas .uk-panel a:not([class]):hover { color: #fff; } /* ======================================================================== Component: Switcher ========================================================================== */ /* * 1. Deactivate browser history navigation in IE11 */ .uk-switcher { margin: 0; padding: 0; list-style: none; /* 1 */ touch-action: cross-slide-y pinch-zoom double-tap-zoom; } /* * Items */ .uk-switcher > :not(.uk-active) { display: none; } /* ======================================================================== Component: Text ========================================================================== */ /* Size modifiers ========================================================================== */ .uk-text-small { font-size: 13px; line-height: 16px; } .uk-text-large { font-size: 18px; line-height: 24px; font-weight: normal; } /* Weight modifiers ========================================================================== */ .uk-text-bold { font-weight: bold; } /* Color modifiers ========================================================================== */ .uk-text-muted { color: #999 !important; } .uk-text-primary { color: #2d7091 !important; } .uk-text-success { color: #659f13 !important; } .uk-text-warning { color: #e28327 !important; } .uk-text-danger { color: #d85030 !important; } .uk-text-contrast { color: #fff !important; } /* Alignment modifiers ========================================================================== */ .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } /* Only tablets portrait and smaller */ @media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; } .uk-text-left-medium { text-align: left !important; } } /* Phone landscape and smaller */ @media (max-width: 767px) { .uk-text-center-small { text-align: center !important; } .uk-text-left-small { text-align: left !important; } } /* Wrap modifiers ========================================================================== */ /* * Prevent text from wrapping onto multiple lines */ .uk-text-nowrap { white-space: nowrap; } /* * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis */ .uk-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* * Break strings if their length exceeds the width of their container */ .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } /* Transform modifiers ========================================================================== */ .uk-text-capitalize { text-transform: capitalize !important; } .uk-text-lowercase { text-transform: lowercase !important; } .uk-text-uppercase { text-transform: uppercase !important; } /* ======================================================================== Component: Utility ========================================================================== */ /* Container ========================================================================== */ .uk-container { box-sizing: border-box; max-width: 980px; padding: 0 25px; } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-container { max-width: 1660px; padding: 0 35px; } } /* * Micro clearfix */ .uk-container:before, .uk-container:after { content: ""; display: table; } .uk-container:after { clear: both; } /* * Center container */ .uk-container-center { margin-left: auto; margin-right: auto; } /* Clearing ========================================================================== */ /* * Micro clearfix * `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit * `table` is used again with `:after` because `clear` only works with block elements. * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari */ .uk-clearfix:before { content: ""; display: table-cell; } .uk-clearfix:after { content: ""; display: table; clear: both; } /* * Create a new block formatting context */ .uk-nbfc { overflow: hidden; } .uk-nbfc-alt { display: table-cell; width: 10000px; } /* Alignment of block elements ========================================================================== */ /* * Float blocks * 1. Prevent content overflow on small devices */ .uk-float-left { float: left; } .uk-float-right { float: right; } /* 1 */ [class*='uk-float-'] { max-width: 100%; } /* Alignment of images and objects ========================================================================== */ /* * Alignment */ [class*='uk-align-'] { display: block; margin-bottom: 15px; } .uk-align-left { margin-right: 15px; float: left; } .uk-align-right { margin-left: 15px; float: right; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-align-medium-left { margin-right: 15px; float: left; } .uk-align-medium-right { margin-left: 15px; float: right; } } .uk-align-center { margin-left: auto; margin-right: auto; } /* Vertical alignment ========================================================================== */ /* * Remove whitespace between child elements when using `inline-block` */ .uk-vertical-align { font-size: 0.001px; } /* * The `uk-vertical-align` container needs a specific height */ .uk-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* * Sub-object which can have any height * 1. Reset whitespace hack */ .uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; /* 1 */ font-size: 1rem; } .uk-vertical-align-middle { vertical-align: middle; } .uk-vertical-align-bottom { vertical-align: bottom; } /* Height ========================================================================== */ /* * More robust if padding and border are used */ [class*='uk-height'] { box-sizing: border-box; } /* * Useful to extend the `html` and `body` element to the full height of the page. */ .uk-height-1-1 { height: 100%; } /* * Useful to create image teasers */ .uk-height-viewport { height: 100vh; min-height: 600px; } /* Responsive objects * Note: Images are already responsive by default, see Base component ========================================================================== */ /* * 1. Corrects `max-width` and `max-height` behavior if padding and border are used */ .uk-responsive-width, .uk-responsive-height { box-sizing: border-box; } /* * Responsiveness: Sets a maximum width relative to the parent and auto scales the height * `important` needed to override `uk-img-preserve img` */ .uk-responsive-width { max-width: 100% !important; height: auto; } /* * Responsiveness: Sets a maximum height relative to the parent and auto scales the width * Only works if the parent element has a fixed height. */ .uk-responsive-height { max-height: 100%; width: auto; } /* Margin ========================================================================== */ /* * Create a block with the same margin of a paragraph * Add margin if adjacent element */ .uk-margin { margin-bottom: 15px; } * + .uk-margin { margin-top: 15px; } .uk-margin-top { margin-top: 25px !important; } .uk-margin-bottom { margin-bottom: 25px !important; } .uk-margin-left { margin-left: 25px !important; } .uk-margin-right { margin-right: 25px !important; } /* * Larger margins */ .uk-margin-large { margin-bottom: 50px; } * + .uk-margin-large { margin-top: 50px; } .uk-margin-large-top { margin-top: 50px !important; } .uk-margin-large-bottom { margin-bottom: 50px !important; } .uk-margin-large-left { margin-left: 50px !important; } .uk-margin-large-right { margin-right: 50px !important; } /* * Smaller margins */ .uk-margin-small { margin-bottom: 15px; } * + .uk-margin-small { margin-top: 15px; } .uk-margin-small-top { margin-top: 15px !important; } .uk-margin-small-bottom { margin-bottom: 15px !important; } .uk-margin-small-left { margin-left: 15px !important; } .uk-margin-small-right { margin-right: 15px !important; } /* * Mini margins */ .uk-margin-mini { margin-bottom: 5px; } * + .uk-margin-mini { margin-top: 5px; } .uk-margin-mini-top { margin-top: 5px !important; } .uk-margin-mini-bottom { margin-bottom: 5px !important; } .uk-margin-mini-left { margin-left: 5px !important; } .uk-margin-mini-right { margin-right: 5px !important; } /* * Remove margins */ .uk-margin-remove { margin: 0 !important; } .uk-margin-top-remove { margin-top: 0 !important; } .uk-margin-bottom-remove { margin-bottom: 0 !important; } /* Padding ========================================================================== */ .uk-padding-remove { padding: 0 !important; } .uk-padding-top-remove { padding-top: 0 !important; } .uk-padding-bottom-remove { padding-bottom: 0 !important; } .uk-padding-vertical-remove { padding-top: 0 !important; padding-bottom: 0 !important; } .uk-padding { padding: 10px; } /* Border ========================================================================== */ .uk-border-circle { border-radius: 50%; } .uk-border-rounded { border-radius: 5px; } /* Headings ========================================================================== */ .uk-heading-large { font-size: 36px; line-height: 42px; } /* Tablet and bigger */ @media (min-width: 768px) { .uk-heading-large { font-size: 52px; line-height: 64px; } } /* Link ========================================================================== */ /* * Let links appear in default text color */ .uk-link-muted, .uk-link-muted a { color: #444; } .uk-link-muted:hover, .uk-link-muted a:hover { color: #444; } /* * Reset link style */ .uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover, .uk-link-reset:focus, .uk-link-reset a:focus { color: inherit; text-decoration: none; } /* Scrollable ========================================================================== */ /* * Enable scrolling for preformatted text */ .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; } /* * Box with scrolling enabled */ .uk-scrollable-box { box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #ddd; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box > :last-child { margin-bottom: 0; } /* Overflow ========================================================================== */ .uk-overflow-hidden { overflow: hidden; } /* * Enable scrollbars if content is clipped */ .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-container > :last-child { margin-bottom: 0; } /* Position ========================================================================== */ .uk-position-absolute, [class*='uk-position-top'], [class*='uk-position-bottom'] { position: absolute !important; } /* Don't use `width: 100%` because it is wrong if the parent has padding. */ .uk-position-top { top: 0; left: 0; right: 0; } .uk-position-bottom { bottom: 0; left: 0; right: 0; } .uk-position-top-left { top: 0; left: 0; } .uk-position-top-right { top: 0; right: 0; } .uk-position-bottom-left { bottom: 0; left: 0; } .uk-position-bottom-right { bottom: 0; right: 0; } /* * Cover */ .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } /* * Relative */ .uk-position-relative { position: relative !important; } /* * Z-index */ .uk-position-z-index { z-index: 1; } /* Display ========================================================================== */ /* * Display * 1. Required if child is a responsive image */ .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; /* 1 */ max-width: 100%; } /* * Visibility * Avoids setting display to `block` so it works also with `inline-block` and `table` */ /* Desktop and bigger */ @media (min-width: 960px) { .uk-visible-small { display: none !important; } .uk-visible-medium { display: none !important; } .uk-hidden-large { display: none !important; } } /* Tablets portrait */ @media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } .uk-visible-large { display: none !important ; } .uk-hidden-medium { display: none !important; } } /* Phone landscape and smaller*/ @media (max-width: 767px) { .uk-visible-medium { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-small { display: none !important; } } /* Remove from the flow and screen readers on any device */ .uk-hidden { display: none !important; visibility: hidden !important; } /* It's hidden, but still affects layout */ .uk-invisible { visibility: hidden !important; } /* Show on hover */ .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; } /* Hide on touch */ .uk-touch .uk-hidden-touch, .uk-notouch .uk-hidden-notouch { display: none !important; } /* ======================================================================== Component: Flex ========================================================================== */ .uk-flex { display: -ms-flexbox; display: -webkit-flex; display: flex; } .uk-flex-inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } /* * Fixes initial flex-shrink value in IE10 */ .uk-flex > *, .uk-flex-inline > * { -ms-flex-negative: 1; } /* Alignment ========================================================================== */ /* * Vertical alignment * Default value is `stretch` */ .uk-flex-top { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .uk-flex-middle { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .uk-flex-bottom { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* * Horizontal alignment * Default value is `flex-start` */ .uk-flex-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .uk-flex-right { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .uk-flex-space-between { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .uk-flex-space-around { -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; } /* Direction ========================================================================== */ .uk-flex-row-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .uk-flex-column { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .uk-flex-column-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } /* Wrap ========================================================================== */ .uk-flex-nowrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .uk-flex-wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .uk-flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } /* * Horizontal alignment * Default value is `stretch` */ .uk-flex-wrap-top { -ms-flex-line-pack: start; -webkit-align-content: flex-start; align-content: flex-start; } .uk-flex-wrap-middle { -ms-flex-line-pack: center; -webkit-align-content: center; align-content: center; } .uk-flex-wrap-bottom { -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; } .uk-flex-wrap-space-between { -ms-flex-line-pack: justify; -webkit-align-content: space-between; align-content: space-between; } .uk-flex-wrap-space-around { -ms-flex-line-pack: distribute; -webkit-align-content: space-around; align-content: space-around; } /* Vertical ========================================================================== */ .uk-flex-self-center { align-self: center; } /* Item ordering ========================================================================== */ /* * Default is 0 */ .uk-flex-order-first { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last { -ms-flex-order: 99; -webkit-order: 99; order: 99; } /* Phone landscape and bigger */ @media (min-width: 480px) { .uk-flex-order-first-small { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-small { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Tablet and bigger */ @media (min-width: 768px) { .uk-flex-order-first-medium { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-medium { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Desktop and bigger */ @media (min-width: 960px) { .uk-flex-order-first-large { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-large { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Large screen and bigger */ @media (min-width: 1220px) { .uk-flex-order-first-xlarge { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .uk-flex-order-last-xlarge { -ms-flex-order: 99; -webkit-order: 99; order: 99; } } /* Item dimensions ========================================================================== */ /* * Initial: 0 1 auto * Content dimensions, but shrinks */ /* * No Flex: 0 0 auto * Content dimensions */ .uk-flex-item-none { -ms-flex: none; -webkit-flex: none; flex: none; } /* * Relative Flex: 1 1 auto * Space is allocated considering content * 1. Fixes flex-shrink value in IE10 */ .uk-flex-item-auto { -ms-flex: auto; -webkit-flex: auto; flex: auto; /* 1 */ -ms-flex-negative: 1; } /* * Absolute Flex: 1 1 0% * Space is allocated solely based on flex */ .uk-flex-item-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } /* ======================================================================== Component: Contrast ========================================================================== */ .uk-contrast { color: #fff; /* Active */ } .uk-contrast a:not([class]), .uk-contrast .uk-link { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .uk-contrast a:not([class]):hover, .uk-contrast .uk-link:hover { color: #fff; text-decoration: underline; } .uk-contrast :not(pre) > code, .uk-contrast :not(pre) > kbd, .uk-contrast :not(pre) > samp { color: #fff; } .uk-contrast em { color: #fff; } .uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6 { color: #fff; } .uk-contrast hr { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-nav li > a, .uk-contrast .uk-nav li > a:hover { text-decoration: none; } .uk-contrast .uk-nav-side > li > a { color: #fff; } .uk-contrast .uk-nav-side > li > a:hover, .uk-contrast .uk-nav-side > li > a:focus { background: rgba(255, 255, 255, 0.1); color: #fff; } .uk-contrast .uk-nav-side > li.uk-active > a { background: #fff; color: #444; } .uk-contrast .uk-nav-side .uk-nav-header { color: #fff; } .uk-contrast .uk-nav-side .uk-nav-divider { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-nav-side ul a { color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-nav-side ul a:hover { color: #fff; } .uk-contrast .uk-subnav > * > a { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .uk-contrast .uk-subnav > * > a:hover, .uk-contrast .uk-subnav > * > a:focus { color: #fff; text-decoration: none; } .uk-contrast .uk-subnav > .uk-active > a { color: #fff; } .uk-contrast .uk-subnav-line > :nth-child(n+2):before { border-left-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-subnav-pill > * > a:hover, .uk-contrast .uk-subnav-pill > * > a:focus { background: rgba(255, 255, 255, 0.7); color: #444; text-decoration: none; } .uk-contrast .uk-subnav-pill > .uk-active > a { background: #fff; color: #444; } .uk-contrast .uk-tab { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-tab > li > a { border-color: transparent; color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-tab > li > a:hover, .uk-contrast .uk-tab > li > a:focus, .uk-contrast .uk-tab > li.uk-open > a { border-color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.7); color: #444; text-decoration: none; } .uk-contrast .uk-tab > li.uk-active > a { border-color: rgba(255, 255, 255, 0.2); border-bottom-color: transparent; background: #fff; color: #444; } .uk-contrast .uk-tab-center { border-bottom-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-tab-grid:before { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-list-line > li:nth-child(n+2) { border-top-color: rgba(255, 255, 255, 0.2); } .uk-contrast .uk-form select, .uk-contrast .uk-form textarea, .uk-contrast .uk-form input:not([type]), .uk-contrast .uk-form input[type="text"], .uk-contrast .uk-form input[type="password"], .uk-contrast .uk-form input[type="datetime"], .uk-contrast .uk-form input[type="datetime-local"], .uk-contrast .uk-form input[type="date"], .uk-contrast .uk-form input[type="month"], .uk-contrast .uk-form input[type="time"], .uk-contrast .uk-form input[type="week"], .uk-contrast .uk-form input[type="number"], .uk-contrast .uk-form input[type="email"], .uk-contrast .uk-form input[type="url"], .uk-contrast .uk-form input[type="search"], .uk-contrast .uk-form input[type="tel"], .uk-contrast .uk-form input[type="color"] { border-color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.8); color: #444; background-clip: padding-box; } .uk-contrast .uk-form select:focus, .uk-contrast .uk-form textarea:focus, .uk-contrast .uk-form input:not([type]):focus, .uk-contrast .uk-form input[type="text"]:focus, .uk-contrast .uk-form input[type="password"]:focus, .uk-contrast .uk-form input[type="datetime"]:focus, .uk-contrast .uk-form input[type="datetime-local"]:focus, .uk-contrast .uk-form input[type="date"]:focus, .uk-contrast .uk-form input[type="month"]:focus, .uk-contrast .uk-form input[type="time"]:focus, .uk-contrast .uk-form input[type="week"]:focus, .uk-contrast .uk-form input[type="number"]:focus, .uk-contrast .uk-form input[type="email"]:focus, .uk-contrast .uk-form input[type="url"]:focus, .uk-contrast .uk-form input[type="search"]:focus, .uk-contrast .uk-form input[type="tel"]:focus, .uk-contrast .uk-form input[type="color"]:focus { border-color: #fff; background: #fff; color: #444; } .uk-contrast .uk-form :-ms-input-placeholder { color: rgba(68, 68, 68, 0.7) !important; } .uk-contrast .uk-form ::-moz-placeholder { color: rgba(68, 68, 68, 0.7); } .uk-contrast .uk-form ::-webkit-input-placeholder { color: rgba(68, 68, 68, 0.7); } .uk-contrast .uk-button { color: #444; background: #fff; } .uk-contrast .uk-button:hover, .uk-contrast .uk-button:focus { background-color: rgba(255, 255, 255, 0.8); color: #444; } .uk-contrast .uk-button:active, .uk-contrast .uk-button.uk-active { background-color: rgba(255, 255, 255, 0.7); color: #444; } .uk-contrast .uk-button-primary { background-color: #00a8e6; color: #fff; } .uk-contrast .uk-button-primary:hover, .uk-contrast .uk-button-primary:focus { background-color: #35b3ee; color: #fff; } .uk-contrast .uk-button-primary:active, .uk-contrast .uk-button-primary.uk-active { background-color: #0091ca; color: #fff; } .uk-contrast .uk-icon-hover { color: rgba(255, 255, 255, 0.7); } .uk-contrast .uk-icon-hover:hover { color: #fff; } .uk-contrast .uk-icon-button { background: #fff; color: #444; } .uk-contrast .uk-icon-button:hover, .uk-contrast .uk-icon-button:focus { background-color: rgba(255, 255, 255, 0.8); color: #444; } .uk-contrast .uk-icon-button:active { background-color: rgba(255, 255, 255, 0.7); color: #444; } .uk-contrast .uk-text-muted { color: rgba(255, 255, 255, 0.6) !important; } .uk-contrast .uk-text-primary { color: #2d7091 !important; } /* ======================================================================== Component: Print ========================================================================== */ @media print { *, *:before, *:after { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* Reset */ html { box-sizing: border-box; font-size: 16px; font-family: 'PT Sans', sans-serif; } *, *:before, *:after { box-sizing: inherit; } body, ul, ol, li, figure { margin: 0; padding: 0; } li { } p, h1, h2, h3, h4, h5, h6 { margin-top: 0; } a { text-decoration: none; } img{max-width: 100%;} .h6{ font-size: 16px; line-height: 23px; } time{ white-space: nowrap; } .ws-nowrap{ white-space: normal!important; } a { outline: none; } .lh-small { line-height: 15px; } .lh-large { line-height: 39px; } .lh-20 { line-height: 20px; } .lh-30{ line-height: 30px; } .mt-mini {margin-top: 22px;} .mt-6 { margin-top: -6px; } .ml-30 { /*margin-left: -30px;*/ } .ml85 { margin-left: 85px; } .p40 { padding: 20px 40px; } .pl30 { padding-left: 30px; } .plr-10 { padding: 0 10px; } .p-registr { padding: 20px 40px; } .cb { clear: both; } .db { display: block; } .text_unline { border-bottom: 1px solid #133e9d; } .fw-normal { font-weight: normal; } .white{ color: #fff!important; } .pt-20{ padding-top: 20px!important; } .uk-border-bottom{ border-bottom: 1px solid #e0e0e0; } /* tooltips */ .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 200px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; top: 105%; left: 50%; margin-left: -60px; z-index: 999; } .tooltip .tooltiptext::after { position: absolute; bottom: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; } .tooltip:hover .tooltiptext { visibility: visible; } .tooltiptext img{ background: #b9b9b9; max-width: 48px; width: 48px; height: 48px; margin: 4px; } .forum-cat-item i:hover{ cursor: pointer; } .search-result-icon{ width: 64px; height: 64px;; } /* -- // -- */ /* COLORS */ .orange { color: #fb8100!important; } .gray{ color:#999999!important; } .orange-bg, .orange-bg:hover{ background: #fb8100; color: #fff; } .border-btn-gray{ background: transparent; border: 1px solid #afafaf; color: #525252; } .uk-border-remove{ border: none!important; } .uk-h2{ font-size: 24px; line-height: 28px; color: #2e2e2e; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; } .a-border-bottom{ padding-bottom: 20px; border-bottom: 1px dotted #999; } .a-link-orange-border-btn{ border: 2px solid #fb8100; padding: 10px 20px; border-radius: 4px; } .a-small-caps{ font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 13px; } .a-restoran-item-h4{ font-size: 24px; } .uk-header-with-p{ font-weight: bold; } .a-list-restioran li{ margin-bottom: 10px; } .uk-border-none{ border:none!important; } /* DEMO */ body{ font-family: 'PT Sans', sans-serif; font-size: 16px; line-height: 25px; color:#202020; height: 100%; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 22px; /* line-height: 28px;*/ } h4{ font-size: 19px; line-height: 26px; } h5{ font-size: 16px; /*line-height: 24px;*/ } a{ color:#202020; } a:hover, a:visited{ color:#202020; text-decoration: none; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a, dt > a, dl > a, dd > a{ color:#202020; text-decoration: none; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover, dt > a:hover, dl > a:hover, dd > a:hover{ color:#fb8100; text-decoration: none; } .small{ font-size: 14px; } .uppercase{ text-transform: uppercase; letter-spacing: 0.2px; } input, button, select, textarea { border-radius: 4px; outline: none; } .grid-column-2{ display: flex; flex-flow:row wrap; } .grid-column-2 div{ flex:1; } .news-view ul, .news-view ol{ list-style-position: outside; margin-left: 20px; font-size: 17px; line-height: 25px; margin-bottom: 30px; color: #303030; } .small-header{ font-family: 'OpenSansSemiBold'; font-weight: 500; line-height: 26px; font-size: 18px; font-weight: bold; } .small-header:first-letter{ text-transform: uppercase; } .small-header a{ color: #202020; } .small-text{ font-size: 16px; line-height: 24px; color: #202020; font-family: 'Open Sans'; } .container-full{ max-width: 100%; width: 100%; } .container { width: 100%; max-width: 1660px; margin: 0 auto; height: 100%; } @media(min-width: 1280px) and (max-width: 1360px){ .container { max-width: 1200px; } } .container > * { padding: 20px; flex: 1 100%; } .columns{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .col-20{ max-width: 20%; } .col-30{ max-width: 30%; } .col-40{ max-width: 40%; } .col-50{ max-width: 50%; } .col-60{ max-width: 60%; } .fluid-light-background { background: #fafafa; } .footer { } .main { /*border:1px solid red;*/ /*width: 100%;*/ } .aside { border:1px solid green; } @media all and (min-width: 600px) { .aside { flex: 1 0px; max-width: 340px; min-width: 240px; } } .forum-quote{ border: 1px solid #dcdcdc; padding: 20px 30px; font-style: italic; color: #9a9a9a; max-width: 90%; margin: 20px 0; } /* Header */ .top-bar{ background: #535353; font-size: 15px; font-family: 'OpenSansRegular'; padding: 14px 0 16px; min-height: 60px; color: #fff; display: flex; justify-content: space-between; } .top-bar a{ color:#fff; } .top-bar-inner{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; max-width: 1660px; margin: 0 auto; padding: 0 40px; align-items: center; width: 100%; } .top-bar-widget{ display: flex; list-style: none; justify-content: center; align-items: center; } .top-bar-widget li{ margin-bottom: 0; margin-right: 30px; font-weight: normal; font-size: 14px; } .top-bar-widget li:nth-child(3){ margin-right: 5px; } .header-nav{ } .header-logo{ max-width: 220px; flex: 1; margin-right: 30px; margin-right: 50px; } @media (min-width: 1000px){ .header-logo { flex: 1; max-width: 150px; margin-right: 0; } } @media (min-width: 1400px){ .header-logo{ max-width: 220px; flex: 1; margin-right: 30px; margin-right: 50px; } } .header-nav-wrapper{ flex:1; align-self: flex-start; padding: 0; position: relative; margin-top: 30px; } .header-navbar{ display: flex; justify-content: flex-start; flex-flow: row wrap; } .header-navbar li.nav-hidden > ul.dropdown-menu{ display: none; } .header-dropdown-icon{ position: relative; } .header-dropdown-icon:before{ content: ''; position: absolute; display: block; border-left: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); z-index: 9999; left: 40%; } .header-dropdown-icon:after{ content: ''; position: absolute; display: block; border-left: 10px solid rgba(255, 255, 255, 0); border-right: 10px solid rgba(255, 255, 255, 0); z-index: 9999; left: 40%; } #vk_widget, #vk_groups { width: 100%; } .header-navbar > li{ list-style: none; margin-bottom: 0; } .header-navbar > li > a:hover{ color:#fb9900; } @media (min-width: 1000px){ .header-navbar > li > a { padding: 8px; font-size: 19px; color: #404040; font-weight: bold; } } @media (min-width: 1440px){ .header-navbar > li > a { padding: 10px 25px; font-size: 19px; color: #404040; font-weight: bold; } } .header-navbar > li.active > a:after{ content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d6d6d6; margin: auto; display: block; margin-top: 10px; } .header-navbar > li > a:after{ content: ''; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid transparent; margin: auto; display: block; margin-top: 10px; } .top-bar-soc-link span, .top-bar-widget span{ margin-right: 15px; font-size: 18px; } .header-search-wrapper{ margin-left: auto; margin-right: 0; list-style: none; position: absolute; width: 400px; right: 0; top: -5px; -webkit-transition: width 0.3s; /* Safari */ transition: width 0.3s; } .search-select{ border: none; background: none; width: 100px; margin-right: 11px; color: #999; font-size: 13px; } .search-select-mobile{ display: block; position: absolute; right: 50px; width: 102px; padding: 0!important; color: #999!important; border: none!important; background: none!important; } .header-search-wrapper:hover{ /*width: 50%;*/ } .header-search-wrapper li{ margin-bottom: 0; } .header-search{ flex: 1 10%; align-self: center; } .search-group-btn{ border: 1px solid #d6d6d6; padding: 0; overflow: hidden; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; margin-top: -11px; padding: 0 10px; padding-right: 0; } .search-input{ border: none; height: 42px; outline: none; padding: 0; width: 100%; } .header-navbar .dropdown-menu{ display: flex; justify-content: flex-start; flex-flow: row wrap; position: absolute; left: 0; box-shadow: none; background: none; font-size: 16px; top: 100%; border: 1px solid #d6d6d6; margin-top: -26px; border-radius: 5px; width: 100%; list-style: none; } .header-navbar .dropdown-menu li{ margin-bottom: 0; } .header-navbar .dropdown-menu li a{ padding: 8px 14px; /*white-space: nowrap;*/ display: block; } .header-navbar .dropdown-menu li a:hover{ color:#fb8100; } .header-navbar .dropdown-menu:after{ content: " "; display: table; } /* News scroll date */ /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.older-event::after { border-color: #7b9d6f; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } .cd-horizontal-timeline .events-content li > * { max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-content h2 { font-weight: bold; font-size: 2.6rem; font-family: "Playfair Display", serif; font-weight: 700; line-height: 1.2; } .cd-horizontal-timeline .events-content em { display: block; font-style: italic; margin: 10px auto; } .cd-horizontal-timeline .events-content em::before { content: '- '; } .cd-horizontal-timeline .events-content p { font-size: 1.4rem; color: #959595; } .cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p { line-height: 1.6; } @media only screen and (min-width: 768px) { .cd-horizontal-timeline .events-content h2 { font-size: 7rem; } .cd-horizontal-timeline .events-content em { font-size: 2rem; } .cd-horizontal-timeline .events-content p { font-size: 1.8rem; } } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /*News*/ .news{ justify-content: space-between; } .news > .news-item:first-child{ flex: 1 50%; max-width: 615px; } .news-item{ max-width: 300px; flex: 1 20%; flex-flow: column wrap; background: #fff; margin: 1rem; } @media(min-width: 1280px) and (max-width: 1360px){ .news-item{ flex: 1 30%; } } .news-item-first{ flex:1 50%; max-width: 632px; } .news-item-img{ height: 220px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .news-item-img img{ max-width: 100%; min-width: 180px } .article-body { display: flex; flex: 1; flex-direction: column; flex-grow: 1; height: 250px; position: relative; } .article-title { flex-shrink: 0; max-height: 200px; overflow: hidden; font-family: bitter; font-size: 18px; text-transform: none; line-height: 24px; } .article-title a{ color: #404040; } .article-content { margin-top: 5px; height: 100%; overflow: hidden; } .article-info { font-size: 12px; justify-content: space-between; margin: 5px 0; text-transform: uppercase; letter-spacing: 1px; } .sidebar-name-cafe { font-size: 13px; justify-content: space-between; margin: 10px 0; text-transform: uppercase; letter-spacing: 1px; } .article-overlay-shadow{ width: 100%; height: 60px; position: absolute; bottom: 30px; background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.66) 50%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.66) 50%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* News-medium horizontal */ .news-medium{ flex: 1 100%; max-width: none; } .medium-news-item{ flex: 1 100%; max-width: none; display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; } .medium-news-item-left-col{ flex: 1; margin-right: 40px; max-width: 240px; } .medium-news-item-img{ } .medium-news-item-img img{ max-width: 100%; } .medium-news-item-right-col{ flex: 1; } .medium-article-info{ margin-top: 0; } footer.medium-article-info{ display: flex; } /* News-small horizontal */ .short-news{ } section.columns.short-news .short-news-item .short-news-item-left-col{ margin-bottom: 20px; } .short-news-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 10px; padding: 0; flex: 1 1 30%; } .short-news-item .short-news-item-left-col { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .short-news-item .short-news-item-right-col { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 calc(100% - 130px); -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; min-width: 200px; } .short-news-item .small-article-body{ display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0; height: 100%; padding-bottom: 20px; } .short-news-item .small-article-info { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; margin-top: 0; } .short-news-item .small-article-title { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; font-size: 17px; text-transform: none; line-height: 24px; font-weight: normal; min-height: 71px; } .short-news-item .small-article-title a{ color:#404040; } .short-news-item .small-article-content { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .short-news-item .small-article-info { } /* NEWS VIEW*/ .news-view p{ font-size: 17px; line-height: 25px; margin-bottom: 30px; color: #303030; } .news-view h3{ font-weight: normal; font-family: 'OpenSansRegular'; font-size: 26px; line-height: 33px; margin-bottom: 30px; } .news-view h4{ text-transform: uppercase; font-weight: bold; font-size: 16px; letter-spacing: 2px; } .news-view-quote-with-author{ position: relative; font-size: 20px; line-height: 32px; margin: 60px 0; padding: 0 100px; border: none; } .news-view-quote-with-author footer{ display: block; font-size: 80%; line-height: 1.25; color: #666666; margin-top: 20px; } .news-view-quote-with-author:before{ content: "«"; font-size: 96px; left: 20px; position: absolute; top: 0; color: #fb8100; font-style: normal; } .news-view-big-img{ margin-bottom: 30px; } .news-view-big-img img{ max-width: 100%; } .news-view-big-img-label{ font-size: 13px; color: #999; padding: 16px 0; display: block; border-bottom: 1px solid #dcdcdc; } .news-view-info{ margin-bottom: 20px; font-size: 14px; color: #999; } .news-view-date-header{ margin-right: 40px; } ._autor { text-transform: none; font-size: 15px; margin-bottom: 10px; } ._watch { margin-right: 10px; color: #999; } ._watch:before { font-family: 'icon'; content: '\e024'; font-size: 20px; display: inline-block; vertical-align: middle; line-height: 12px; margin-right: 5px; } ._commit { margin-right: 5px; color: #999; } ._commit:before { font-family: 'icon'; content: "\e01f"; font-size: 15px; display: inline-block; vertical-align: middle; line-height: 12px; margin-right: 10px; } ._like { margin-right: 10px; } ._like:before { font-family: 'icon'; content: "\e012"; font-size: 18px; display: inline-block; vertical-align: middle; line-height: 19px; margin-right: 10px; } .news-view .news-view-header{ line-height: 1.2; font-size: 40px; margin-bottom: 30px; color:#202020; } .news-view .lead{ font-size: 21px; line-height: 30px; margin-bottom: 40px; } /* NEWS VIEW SWIPER */ .swiper-container { width: 100%; margin-left: auto; margin-right: auto; } .swiper-slide { width: 100%; background-size: cover; background-position: center; } .gallery-top { height: 500px; width: 100%; } .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; width: 150px; } .gallery-thumbs .swiper-slide-active { opacity: 1; } /* NEWS VIEW COMMENTS */ .news-view-comment h4{ text-transform: none; letter-spacing: 0; font-size: 28px; color: #303030; margin-bottom: 0; background: #f7f7f7; padding-bottom: 0; padding: 20px; } .news-company-h5{ position: absolute; bottom: 0; color: #fff; padding: 0 20px; z-index: 1; } .news-company-shadowz{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(top, transparent 0%, transparent 5%, #171717 100%); background: linear-gradient(to bottom, transparent 0%, transparent 5%, #171717 100%); } .news-company-figure{ position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; } .news-company-shadow-down{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0) 5%, rgba(0, 0, 0, 0.72) 100%) } .news-view-comment-field{ display: flex; flex-flow: row wrap; margin-bottom: 40px; padding: 20px; } .news-view-comment-img{ flex: 1; margin-right: 20px; } .news-view-comment-add-form{ flex: 1 calc(100% - 100px); } .news-view-comment-add-form textarea{ /*width: 100%;*/ height: 160px; padding: 10px; font-family: 'PT Sans', sans-serif; font-size: 15px; /*margin-bottom: 20px;*/ outline: none; } .news-view-comment-add-btn-box{ display: flex; align-items: center; } .news-view-comment-add-btn-box { background: #fb8100; border: none; padding: 10px 20px; color: #fff; font-size: 15px; margin-right: 20px; outline: none; } .news-view-comment-add-btn-box span{ font-size: 14px; color: #999; } .news-view-comment-add-btn-box:hover { cursor: pointer; } .news-view-comment-item{ display: flex; flex-flow: row wrap; } .comment-items ul{ list-style: none; } .comment-items li{ margin-left: 20px; margin-bottom: 0; } .comment-items > ul > li:first-child{ border: none; } .comment-items > ul > li{ border-top: 1px solid #e6e6e6; padding-top: 20px; } .news-view-comment-item ul{ list-style: none; margin-bottom: 20px; } .news-view-comment-item ul li{ padding: 20px 0 0 0; margin-bottom: 0; } .news-view-comment-item-img{ flex: 1; max-width: 50px; margin-right: 20px; } .news-view-comment-item-message{ display: flex; flex-flow: row wrap; justify-content: space-between; flex: 1; margin-bottom: 30px; } .news-view-comment-header{ margin-bottom: 0px; } .news-view-comment-header a { font-size: 16px; color: #133e9d; } .news-view-comment-header time{ margin-left: 15px; font-size: 16px; color: #999999; text-transform: none; font-weight: normal; font-family: 'PT Sans', sans-serif; } .news-view-comment-icons{ color: #8899a7; } .news-view-comment-like{ line-height: 32px; } .news-view-comment-like i{ margin-right: 7px; } p.news-view-comment-body{ text-align: left; font-size: 16px; line-height: 24px; margin-bottom: 10px; word-wrap: break-word; width: 100%; } .news-view-comment-footer{ } .news-view-comment-answer{ margin-top: 10px; padding-right: 15px; font-size: 15px; color: #8899a7; cursor: pointer; } .news-view-comment-answer i{ font-size: 13px; } /* NEWS-VIEW-TAGS */ .news-view-tags{ display: flex; justify-content: space-between; border-top: 1px solid #dcdcdc; padding-top: 30px; flex-flow: row wrap; margin-bottom: 40px; } .news-view-tags-items{ flex: 1 calc(100% - 200px); } .news-view-tags-items span:first-child{ margin-right: 10px; } .news-view-tags-item{ border: 1px solid #dcdcdc; color: #a29fa7; border-radius: 4px; padding: 10px 12px; margin-right: 10px; font-size: 14px; display: inline-flex; margin-bottom: 10px; } .news-view-tags-author{ color: #999; font-size: 14px; flex: 1 200px; } .news-view-like{ display: flex; flex-flow: row wrap; align-items: center; margin-bottom: 40px; } .news-view-like ul{ margin-bottom: 0; } .ya-share2__icon{ width: 32px!important; height: 32px!important; } /* FORUM WIDGET */ .forum-widget{ display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; } .forum-widget-item{ margin-bottom: 15px; padding-bottom: 15px; width: 100%; } .forum-widget-item .forum-widget-item-user{ display: flex; justify-content: space-between; flex-flow: row wrap; } .forum-widget-item-user a{ font-size: 14px; color: #8899a7; } .forum-widget-item-pages a i, .forum-widget-item-pages time i{ margin-right: 2px; } /* FORUM */ .forum{ position: relative; } .forum-signature{ border-top: 1px solid #dcdcdc; padding-top: 10px; color: #999; position: absolute; bottom: -20px; margin-top: 20px; font-size: 14px; padding-right: 20px; width: 95%; } .forum-massage{ margin-bottom: 60px; padding: 0 40px 0 0; font-family: georgia; line-height: 28px; font-size: 18px; padding-bottom: 20px; } .forum-massage a{ color: #fb8100!important; text-decoration: underline; } .forum-message-number{ position: absolute; top: -20px; right: 12px; font-size: 13px; } .forum-message-number > a{ color: #999; } .forum-user-avatar{ width: 100px; height: 100px; background-position: top center; background-size: cover; background-repeat:no-repeat; background: #f1f1f1; } .forum .status-item{ display: block; position: absolute; left: 10px; } .uk-margin-left-remove{ margin-left: 0; } .uk-padding-left-remove{ padding-left: 0; } .forum:first-child{ margin-top:0; } .forum-cat > .forum-cat-item:first-child{ background: #c8bfbd; padding-top: 10px; padding-bottom: 10px; border: none; color: #fff; } .forum-cat > .forum-cat-item{ padding: 30px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } .forum-cat > .forum-cat-item:last-child{ border-bottom: 1px solid #dfdfdf; } .forum-cat > .forum-cat-item:nth-child(2){ margin-top: 0; } .forum-cat > .forum-cat-item-bottom{ background: #f5f5f5; padding: 10px 0; color: #666666; } /* --- // --- */ /* PAGE HEADER */ /* SECOND PAGE HEADER BOX */ .second-page-header-box{ display: flex; justify-content: space-between; flex-flow: row wrap; align-items: center; border-bottom: 1px dotted #b7b7b7; border-top: 1px solid #dedede; margin-bottom: 40px; } /* --- END SECOND PAGE HEADER BOX --- */ .section-header{ padding: 0; margin-bottom: 50px; border-top: 1px solid #e8e8e8; border-bottom: 1px dotted #000; } .section-header-inner{ display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .header-box { font-size: 30px; line-height: 32px; color: #000000; text-transform: uppercase; font-weight: 700; border-top: 5px solid #fb8100; padding: 28px 0; margin: 0; letter-spacing: 0.5px; } .header-box a{ } .header-box a.no-top-border{ border-top: none; } .header-slider-btn > span{ font-size: 36px; border: 1px solid rgba(0, 0, 0, 0.28); padding: 0 16px; border-radius: 5px; display: inline-block; } /* COMPANY INDEX */ .company-index-item{ display: flex; } .company-index-item-img{ flex: 1; margin-right: 20px; min-width: 96px; } /* AFISHA INDEX */ .afisha-index-item{ background: #fff; display: flex; flex-flow: column wrap; text-align: center; padding: 20px; border: 5px solid transparent; height: 360px; overflow: hidden; } .afisha-index-item:hover{ border: 5px solid #fb8100; } .afisha-index-item-img{ margin-bottom: 20px; } .afisha-index-article-info{ font-family: 'OpenSansRegular'; font-size: 14px; line-height: 21px; margin-bottom: 10px; } .afisha-index-article-info a{ color: #999; } .afisha-index-article-title{ font-family: "OpenSansSemiBold"; font-size: 23px; line-height: 28px; } .afisha-index-article-title a{ color: #000000; } footer.afisha-index-article-info{ font-family: 'OpenSansRegular'; font-size: 13px; line-height: 28px; color: #505050; text-transform: uppercase; letter-spacing: 1px; position: absolute; text-align: center; width: 80%; bottom: 10px; } /* AFISHA PAGE */ .afisha-item{ display: flex; margin-bottom:20px; } .afisha-item > figure{ margin-right: 20px; } /* REVIEW INDEX */ .restoran-index-item-info a{ color: #303030; } /* RESTORAN INDEX > RESTORAN.PHP */ .restoran-index{ } .restoran-search-input{ width: calc(100% - 90px); } .restoran-filter-wrapper{ position: relative; height: 120px; margin-bottom: 40px; } .restoran-index-filter{ list-style: none; display: flex; flex-flow: row wrap; background: #f5f5f5; padding: 20px; } .restoran-index-filter > li{ margin-right: 40px; } .restoran-index-filter > li > a{ font-size: 15px; font-weight: bold; color: #404040; text-transform: uppercase; } .restoran-index-filter-dropdown{ list-style: none; position: absolute; display: flex; background: #fff; width: 100%; margin: 20px 0; left: 0; padding-left: 20px; border-bottom: 1px dotted #b7b7b7; } .restoran-index-filter-dropdown > li{ margin-right: 30px; padding: 18px 0; } .restoran-index-filter-dropdown > li > a{ color: #202020; } .restoran-item{ display: flex; flex-flow: row wrap; justify-content: space-between; margin-bottom: 30px; padding-bottom: 30px; position: relative; } .restoran-item-rating-txt{ display: block; } .restoran-item-logo{ flex: 1; max-width: 240px; text-align: center; margin-right: 60px; } .restoran-item-logo figure{ margin-bottom: 20px; } .restoran-item-logo img{ max-width: 150px; } .restoran-item-info{ display: flex; flex-flow: column wrap; justify-content: flex-start; flex: 1; margin-right: 30px; } .restoran-item-address span { margin-bottom: 20px; font-weight: bold; margin-top: 10px; display: block; } .restoran-item-type, .restoran-item-kitchen{ margin-bottom: 4px; line-height: 26px; } .restoran-item-kitchen a, .restoran-item-type a{ color: #202020; } .restoran-item-kitchen a:after, .restoran-item-type a:after{ content: ' / '; color: #999; } .restoran-item-kitchen a:last-child:after, .restoran-item-type a:last-child:after{ content: ''; } .restoran-item-index-img{ flex:1; } .restoran-item-name{ font-family: "OpenSansSemiBold"; font-size: 20px; line-height: 28px; color: #000000; } .restoran-item-address{ font-style: normal; } .restoran-item-address i{ font-style: normal; font-weight: normal; text-transform: uppercase; font-size: 13px; } .restoran-item-address a{ display: block; } /* RESTORAN VIEW */ .restoran-view-item-type{ display: flex; flex-flow: row wrap; justify-content: flex-start; } .restoran-view-slider{ flex: 1; max-width: 480px; } .restoran-view-about{ flex: 1; margin-right: 40px; } .restoran-view-about > div{ margin-bottom: 10px; } .restoran-view-soc-link{ flex:1; } /* ORGANIZATION INDEX */ .organization-container{ display: flex; flex-flow: column wrap; } .organization-index-list{ display: flex; flex-flow: column wrap; list-style: none; } .organization-index-list > li{ margin-right: 20px; } .organization-index-list > li > a{ font-size: 17px; color: #fa6f00; font-family: 'bitter'; padding-bottom: 16px; display: block; font-weight: bold; } .organization-index-list-children{ display: flex; list-style: none; flex-flow: row wrap; } .organization-index-list-children li{ margin-right: 16px; } .organization-index-list-children li a{ color:#202020; } .organization-index-list-badge{ color: #fb8100; } .organization-item{ display: flex; flex-flow: column wrap; justify-content: flex-start; align-items: flex-start; border-bottom: 1px dotted #ccc; padding-bottom: 20px; margin-bottom: 20px; } .organization-item-info-index{ margin-bottom: 16px; font-size: 16px; color: #404040; } .organization-item-info-index i:before{ margin-right: 8px; color: #f96200; font-size: 22px; } /* DEFAULT */ .a__time__img__inner{ text-transform: none; letter-spacing: 0; font-family: 'OpenSansRegular'; font-size: 12px; color: #fff; margin-right: 20px; background: rgba(0, 0, 0, 0.7); padding: 2px 6px; bottom: 0; position: absolute; } .a__time{ text-transform: none; letter-spacing: 0; font-family: 'OpenSansRegular'; font-size: 12px; color: #999; margin-right: 20px; } .a__img{ position: relative; } h4.a__news__header__big a { font-family: 'OpenSansSemiBold', sans-serif; font-size: 18px; font-weight: 600; } .a__news__header__medium{ font-family: 'OpenSansRegular'; font-size: 15px; margin-bottom: 10px; line-height: 22px; color:#202020; } .a__user__without__icon, a.a__user__without__icon{ color: #1759e1; margin-right: 10px; } .row-1 { max-width: 1300px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .box-top-name { /*display: flex;*/ border-bottom: 1px solid #d2d2d2; padding: 10px 0px 30px; } .header-box-1 { font-size: 32px; line-height: 41px; color: #000000; font-weight: 500; /*padding: 20px 0;*/ margin: 0; font-family: 'OpenSansSemiBold', sans-serif; letter-spacing: 0.5px; } .name-restoran-card { /*flex: 1 1 70%;*/ } .btn-otziv-podel { /*flex: 1 1 25%;*/ /*align-self: center;*/ /*display: flex;*/ /*justify-content: end;*/ } .gray-rating { color: #999999; font-size: 14px; } .podelitsa { width: 160px; height: 40px; display: flex; padding: 5px 22px; margin-right: 25px; } .podelitsa:before { content:''; background: url('/images/set.png') no-repeat center; width: 20px; height: 20px; display: inline-block; margin-right: 10px; margin-top: 3px; } .contacts-restoran { line-height: 27px; } .contacts-restoran li { list-style-type: none; } .contacts-restoran li a { color: #133e9d; } .blue-title { font-size: 19px; color: #133e9d; } .blue-title a { color: #133e9d; } .pt35 {padding-top: 35px;} .list-about-restoran { list-style-type: none; } .list-about-restoran li a:after { content: ','; margin-left: -3px; } .list-about-restoran li a:last-child:after { content: ''; } .btm-restoran-menu:before { content: ''; background: url('/images/pribori.png') no-repeat center; display: inline-block; width: 23px; height: 29px; margin-right: 10px; float: left; } .soobsit-error:before { content: ''; background: url('/images/znak.png') no-repeat center; display: inline-block; width: 25px; height: 32px; margin-right: 10px; float: left; margin-top: -2px; } .uk-modal-dialog-no-padding { padding: 0 !important; } .user-avatar-50 { width: 50px; height: 50px; border-radius: 50%; background-position: top center; background-size: cover; background-repeat: no-repeat } .modal-time { font-size: 12px; color: #666; } .modal-right-title { background: #f5f7f9; padding: 5px; } .tabs-about-restoran { background: #f5f5f5; padding: 15px 40px 0px; } .tabs-about-restoran li.active { background: #fff; border: 1px solid #dbdbdb; border-radius: 5px; border-bottom: none; } .tabs-about-restoran li { /* display: inline-block; padding: 15px 25px 15px 25px;*/ } .tabs-about-restoran li a { font-family: 'OpenSansSemiBold'; font-size: 14px; text-transform: uppercase; color: #000; font-weight: 500; } .box-desc-restoran { padding-bottom: 25px; text-align: justify; } .box-desc-restoran:last-child { border-bottom: none; } .uk-open { } .btn-gray, .uk-block-primary .btn-gray { background: transparent; border: 1px solid #d2d2d2; color: #505050; } .restoran-btn-otziv { background: #fb8100; border-radius: 4px; text-align: center; padding: 8px; width: 160px; height: 40px; } .restoran-btn-otziv a { color: #fff; font-size: 16px; display: block; } .btn-orange { color: #fff; background: #fa7600; transition: all ease 0.2s; } .btn-orange:hover { background: #fa5800; color: #fff; } .title-menu-restoran a { color: #133e9d; } .title-menu-restoran { margin-top: 10px; } .img-like { color: #63a51d; margin-top: -5px; margin-right: 10px; } .un-like { color: #ff2023; margin-top: 2px; margin-right: 10px; } .gray-time { color: #999999; } .anons-news-restoran { text-transform: lowercase; } @media (min-width: 768px) and (max-width: 940px){ .btm-restoran-menu { margin-bottom: 20px; } } @media (max-width: 767px){ .small-mt { margin-top: 20px; } } .uk-form-select { display: inline-block; vertical-align: middle; position: relative; overflow: hidden; } .uk-form-select select { position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; -webkit-appearance: none; } .btn-filter-bottom { text-align: left; width: 100%; padding: 0 0 5px 15px; } .uk-block-primary .uk-button.btn-gray-hover { background: #f5f5f5; color: #505050; } .uk-block-primary .btn-gray-hover:hover { background: #f5f5f5; } .input-search-btn { } .input-search { border: none; background: transparent; border-radius: 0px; cursor: pointer; } .input-search:before { content: ""; background: url('/images/restoran/lupa.png') no-repeat center; width: 20px; height: 35px; display: inline-block; margin-left: 10px; } .input-group { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 0px; margin-top: 0; border-radius: 5px; background: #fff; margin-bottom: 0; height: 36px; } .input-group input.uk-form-medium { border: none; } .restoran-form-left { float: left; } .restoran-form-right { float: right; } .pl0 { padding-left: 25px; } .kitchen-schet span a:after { content: ','; } .kitchen-schet span a:last-child:after { content: ''; } @media (max-width: 1219px) { .restoran-form-left { float: none; } } @media (max-width: 767px) { .restoran-form-btn, .restoran-form-btn button { width: 100%; } .uk-padding-restoran { padding: 15px; } .restoran-form-btn { /*margin-bottom: 10px;*/ } .restoran-form-btn button { text-align: left; } .restoran-form-btn button i { margin: 0; float: right; margin-top: 7px; } .restoran-form-right { width: 100%; } .input-group input { width: 100%; } .pl0 { padding-left: 25px; } } .type-zavedenie { /*margin-bottom: 5px;*/ } .type-zavedenie a { color: #999999; } .restoran-raiting { margin: 10px 0; } .restoran-raiting span { margin-left: 10px; } .kitchen-schet { margin-top: 5px; color: #999999; } .kitchen-schet a, .kitchen-schet span { color: #999999; } .search-news-btn { border-radius: 5px; border: 1px solid #d2d2d2; height: 40px; } .user_name:before { content: ''; background: url('/images/chel.png') no-repeat; width: 20px; height: 17px; display: inline-block; margin-top: 3px; float: left; margin-right: 5px; } .razdel-foto a { color: #133e9d; } .foto-comment-user { line-height: 18px; } .foto-comment-user div, .foto-comment-user a { font-size: 14px; } #jq-album-list { /* max-width: 1200px;*/ margin-left: auto; margin-right: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .foto-form-comment textarea { width: 300px; } .box-btn-fotogal { text-align: right; } @media (max-width: 479px) { .box-btn-fotogal { text-align: center; } .box-btn-fotogal a { display: block; } .box-btn-fotogal a button { width: 170px; margin-top: 10px; } } .comment-form h4 { text-transform: uppercase; font-weight: bold; font-size: 16px; letter-spacing: 2px; } .comment-form { margin-bottom: 10px; } .mobile-menu { /*display: none;*/ padding: 0 15px; padding: 15px; box-shadow: 0px 0px 10px rgba(83, 83, 83, 0.3); position: relative; } .mobile-logo { padding: 0; } .box-icon { } .b-search_top .b-search__close { display: none; } .mobile-logo img { display: block; height: auto; max-width: 100%; padding: 0; } .b-search_top .b-search__field { display: none; padding-left: 50px; font-size: 14px; line-height: 17px; } .btn-mobile-menu { background: transparent; border-radius: 3px; display: block; position: relative; padding: 10px 10px; float: left; border: 1px solid #cccccc; border-radius: 3px; padding-bottom: 5px; } .btn-mobile-menu .bar { /* display: block; width: 23px; margin-bottom: 5px; height: 3px; background-color: #fff; border-radius: 1px; transition: 1s;*/ } .b-search__btn i { /* color: #cccccc; font-size: 23px;*/ } .box-mobile-menu { /*position: relative;*/ } .box-mobile-menu .header-nav-wrapper{ /* background: #535353; border-top: 1px solid #cccccc; margin-top: 0!important;*/ position: relative; top: -100px; z-index: -1; transition: all ease 0.3s; } .box-mobile-menu.open-menu .header-nav-wrapper{ /* background: #535353; border-top: 1px solid #cccccc; margin-top: 0!important;*/ top: 200px; z-index: 0; } .mobile-gray { color: #cccccc } @media (max-width: 959px) { .top-bar, .header-nav { display: none; } .mobile-menu { display: block; margin-left: 0!important; } } .uk-accordion .uk-panel { list-style-type: none; font-size: 21px; } .uk-accordion .uk-panel li a { color: #fff; } .uk-navbar-toggle { font-size: 23px; } .uk-dropdown.top-search { width: 100%; left: 0px; top: 100%; } .address-footer { margin: 0 auto; margin-top: 20px; } .address-footer > div { margin: 0 auto; margin-right: 25px; } .uk-accordion .top-bar-soc-link i { color: #ccc; } .uk-accordion div a{ color: #ccc; } .bold { font-weight: bold; } .no-bold { font-weight: normal; } @media (min-width: 640px) and (max-width: 959px) { .header-navbar .dropdown-menu li a { line-height: 13px; } } @media (min-width: 768px) and (max-width: 915px) { .header-search-wrapper { width: 120px; } .header-navbar > li > a { padding: 10px 7px; font-size: 15px; font-weight: bold; } .header-logo { max-width: 125px; margin-right: 10px; } } @media (min-width: 915px) and (max-width: 1000px) { .header-logo { margin-right: 20px; max-width: 135px; } .header-search-wrapper { width: 150px; } .search-group-btn { padding: 0 25px 0 20px; } .header-navbar > li > a { padding: 10px 10px; font-size: 1.05rem; color: #404040; font-weight: bold; } } /*@media (min-width: 768px) and (max-width: 1000px) { .header-logo { margin-right: 20px; max-width: 135px; } .header { margin-bottom: 100px!important; } .header-search-wrapper { width: 160px; } .search-group-btn { padding: 0 25px 0 20px; } .header-navbar > li > a { padding: 10px 10px; font-size: 1.05rem; color: #404040; font-weight: bold; } }*/ @media (max-width: 949px) { .address-footer > div { margin: 0 auto; } } @media (min-width: 950px) and (max-width: 1024px) { .address-footer > div { margin: 0 5px; } } @media (min-width: 960px) and (max-width: 1279px) { .header-navbar .dropdown-menu li a { padding: 8px 15px; font-size: 16px; line-height: 15px; } .header { margin-bottom: 70px!important; } .header-search-wrapper { width: 285px; } .header-logo { margin-right: 20px; } } @media (min-width: 1280px) and (max-width: 1400px) { } @media (min-width: 1401px) and (max-width: 1600px) { .header { margin-bottom: 65px!important; } } .list-pagin li{ list-style-type: none; display: inline-block; color: #999; } .list-pagin li a { color: #999; } .box-sidebar { padding: 20px; background: #f9f9f9; } .text-comment { font-size: 14px; line-height: 20px; margin-bottom: 10px; } .reviews-organizations > div { margin-top: 15px; } #upload-drop a:hover { cursor: pointer; } .all-reviews div { width: 135px; padding-left: 15px; } .positive { border-left: 3px solid #63a51d; padding-left: 20px; } .negative { border-left: 3px solid red; padding-left: 20px; } .neutral { border-left: 3px solid #999; padding-left: 20px; } .reviews-full { padding: 15px 0; } .reviews-full > div:nth-child(1) { width: 5%; } #more { text-align: center; margin: 0 auto; width: 77px; display: block; border-bottom: 1px dashed; font-size: 15px; } .share-block ul li { margin-bottom: 5px; margin-right: 10px; } .ya-share2__list_direction_horizontal > .ya-share2__item { margin-bottom: 5px!important; margin-right: 5px!important; margin-left: 5px!important; } .flex-width-1-10 { flex: 1 1 10%; } .flex-width-9-10 { flex: 1 1 90%; } .box-vopros { padding: 10px 20px; } .form_block { padding: 40px; } .uk-form.form_block input[type="text"]:focus, .uk-form.form_block input[type="text"]:active, .uk-form.form_block input[type="password"]:focus, .uk-form.form_block input[type="password"]:active { border: none; border-bottom: 1px solid #fb8100; } .uk-form.form_block input[type="text"], .uk-form.form_block input[type="password"] { border: none; border-bottom: 1px solid #999; transition: all ease 0.3s; } .btn-vhod { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; height: 50px; font-size: 18px; margin-top: 20px; } .jq-register-button { background: none; border: none; color: #999; padding: 0; font-size: 12px; } .uk-modal-footer .fa-vk { background: #4c74a2; padding: 10px; font-size: 20px; color: #fff; transition: all ease 0.5s; } .uk-modal-footer .fa-vk:hover { background: #446892; } .uk-modal-footer .fa-odnoklassniki { background: #ed812b; padding: 10px 15px; font-size: 20px; color: #fff; transition: all ease 0.5s; } .uk-modal-footer .fa-odnoklassniki:hover { background: #d57427; } .uk-modal-footer .fa-facebook { background: #3b579d; padding: 10px 15px; font-size: 20px; color: #fff; transition: all ease 0.5s; } .uk-modal-footer .fa-facebook:hover { background: #354e8d; } .uk-modal-footer .fa-google { background: #dd483a; padding: 10px 15px; font-size: 20px; color: #fff; transition: all ease 0.5s; } .uk-modal-footer .fa-google:hover { background: #c74134; } .uk-form-file { border-radius: 4px; } input[type=radio].css-checkbox { position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0; } input[type=radio].css-checkbox + label.css-label { padding-left:27px; height:22px; display:inline-block; line-height:22px; background-repeat:no-repeat; background-position: 0 0; font-size:22px; vertical-align:middle; cursor:pointer; } input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -22px; } label.css-label { background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_e18b91de46531a0790a36e4fbfe9fc29.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .graph div { width: 100%; clear: both; } .bar-title { position: relative; float: left; width: 180px; line-height: 18px; margin-right: 17px; text-align: right; font-size: 16px; margin-bottom: 15px; font-weight: normal; } .bar-container { position: relative; float: left; height: 10px; margin: 0px 0px 15px; width: 175px; } .bar-container div { background-color: #63a51d; height: 20px; float: left; margin-right: 15px; } .uk-modal-dialog.callback { width: 355px; } .uk-modal-dialog.callback input, .uk-modal-dialog.callback textarea, .uk-modal-dialog.callback button.btn-gray, .uk-modal-dialog.callback div.uk-dropdown { width: 100%; } #jq-registration-form input { width: 100%; } .green { color: #63a51d; } .red { color: red; } a.green:hover { color: #63a51d; } a.red:hover { color: red; } .form-reviews-company { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 15px; padding-top: 15px; } .form-reviews-company time { padding-right: 15px; } .uk-width-large-1-7 { width: 14.285%; } .zf .zf-error { color: red; width: 13.4em; top: 0; display: none; } .uk-list a { color: #133e9d; } .avatar-user-comment-org { width: 70px; } .form-errors li { list-style-type: none; color: red; font-size: 14px; } .uk-button.btn-orange-link { display: block; width: 155px; border-radius: 4px; padding: 2px; color: #fff; } .uk-button.btn-orange-link:focus { color: #fff; } #feedback-recaptcha >div { margin: 0 auto; } #section_id i.fa-angle-down { margin-top: 8px; } .jq-modal-report-form-container { padding: 20px 40px; } #report-modal div.uk-modal-footer button { background: #63a51d; } #report-modal .uk-modal-footer { background: none; } .restoran_menu_img { width: auto; height: 220px; } .news-view-comment-item-img img { height: 50px; width: 100%; } .comment-view-avatar-restoran img { width: 85px; max-width: 85px; } .view-restoran-fotogal-img { width: 100%; height: 225px; background-size: cover; } .uk-dropdown.uk-datepicker { padding: 10px 20px; width: auto; } table.uk-datepicker-table > tbody > tr > td a { padding: 0 5px; } .uk-datepicker-table-muted { color: rgba(0, 0, 0, 0.3); } table.uk-datepicker-table > tbody > tr > td a.uk-active { background: #63a51d; color: #fff; } .uk-datepicker-heading { text-align: center; font-weight: bold; } .uk-datepicker-heading span.uk-form-select:first-child { margin-right: 10px; } .fotogal-view-comment-add-form { flex: 1 calc(100% - 100px); } .comment-view-avatar-fotogal img { width: 60px; } .fotogal-view-comment-item { display: flex; flex-flow: row wrap; } .fotogal-view-comment-item-img { flex: 1; max-width: 50px; margin-right: 20px; } .fotogal-view-comment-item-message { display: flex; flex-flow: row wrap; justify-content: space-between; flex: 1; margin-bottom: 30px; } .fotogal-view-comment-header a { font-size: 17px; color: #133e9d; } .forum-cat > .forum-cat-item-footer{ padding: 5px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } /* Photogal .jq-gallery-photo-item{ } */ .jq-gallery-photo-item > .photo img{ max-width: 100%; overflow: hidden; height: 200px; overflow: hidden; max-height: 100%; } .jq-gallery-photo-item > .photo { position: relative; } .jq-gallery-photo-item > .photo .info{ display: none; -webkit-transition: width 2s; /* Safari */ transition: width 2s; } .jq-gallery-photo-item > .photo:hover .info{ position: absolute; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.5); color: #fff!important; width: 100%; overflow: hidden; display: block; } .profile-avater { width: 80px; } .btn-profile-foto { opacity: 0; } .btn-profile-avatar { /*width: 70%;*/ } @media (min-width: 960px ) and (max-width: 1220px) { #edit-user { padding-left: 20px; font-size: 15px; } } #jq-auth-registration-recaptcha > div { height: auto!important; } .form-errors { text-align: center; } .markItUpContainer { border:none!important; } .button.form-sender.btn-green.uk-button, #bpreview, .brd-radius { border-radius: 4px!important; } .contacts-organization-obl li { list-style-type: none; } .p_title { font-size: 19px; color: #133e9d; } table.TableSearch > tbody > tr > td > img{ margin-bottom: 5px; } .p_green { color: #63a51d } .p_rubr { color: #133e9d; } .search-summary-info i { font-size: 16px; color: #133e9d; } /* Forum table responsive */ @media only screen and (max-width: 760px) { /* Force table to not be like tables anymore */ table.responsive-table-forum, table.responsive-table-forum thead, table.responsive-table-forum tbody, table.responsive-table-forum th, table.responsive-table-forum td, table.responsive-table-forum tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ table.responsive-table-forum thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive-table-forum tr { border: 1px solid #ccc; } table.responsive-table-forum td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 10px; } table.responsive-table-forum td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } } #subject{ width: 100%; } /* Фотоконкурс */ .konkurs-item-header{ font-size: 25px; line-height: 28px; margin: 0; font-family: Georgia; border-top: 1px dashed #acb5be; margin-top: 30px; padding-top: 25px; margin-bottom: 25px; } h3.konkurs-item-header:nth-child(3){ border: none; } .konkurs-photo-list{ } .konkurs-sponsor{ text-align: center; border: 1px solid #d1d1d1; padding: 20px; border-radius: 4px;} .sponsor-modal{ padding: 20px; } .sponsor-name{ font-family: georgia; font-size: 16px; margin-top: 20px; line-height: 20px; } .konkurs-sponsor:hover{ box-shadow: 0 5px 15px rgba(255, 102, 0, 0.19); border: 1px solid rgba(255, 102, 0, 0.46); cursor: pointer; } .modal-open .modal{ background: rgba(0, 0, 0, 0.34); } .modal-content{ box-shadow: 0 5px 15px rgba(255, 102, 0, 0.19)!important; border: 1px solid rgba(255, 102, 0, 0.46)!important; } .konkurs-preview-img{ background-repeat: no-repeat; background-size: cover; background-position: top center; } /* Баннеры */ .BannerTop{ height: 60px; } /* Общие стили */ .header { margin-bottom: 40px; } .uk-block-primary .uk-button{ background: #fff; color:#505050; border: none; } .uk-subnav-pill > .uk-active > * { background: #fb9900; color: #fff; border-radius: 4px; } .uk-top-cover-background{ background-position: 50% top; background-size: 260px auto; background-repeat: no-repeat; } .uk-margin-right-auto{ margin-right: auto!important; } .uk-margin-left-auto{ margin-left: auto!important; } .uk-dropdown{ padding: 10px 15px; background: #fff; color: #444; border: 1px solid #d2d2d2; font-size: 0.85rem; vertical-align: top; border-radius: 4px; } .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus{ background: rgb(249, 101, 0); } .btn-green, .uk-block-primary .btn-green{ background: #68ad1f; color:#fff!important; } .btn-green, .btn-green:hover, .btn-green:focus{ background: #63a51d; color:#fff!important; } .uk-block-primary .uk-dropdown .btn-gray { background: transparent; border: 1px solid #d2d2d2; color: #505050; } .uk-block-primary .btn-black, .btn-black{ background: #505050; color: #fff; } .uk-block-primary .btn-black:hover, .uk-block-primary .btn-black:focus, .btn-black:hover, .btn-black:focus{ background: #3e3e3e; color: #fff; } .black{ color: #202020!important; } .uk-search-custom button{ position: absolute; right: 15px; background: none; border: none; top: calc(100% - 25px); } .uk-form-horizontal-big{ } h2.header-h2{ font-size: 32px; font-weight: 500; font-family: 'OpenSansSemiBold'; } h4{ font-size: 19px; font-weight: 600; font-family: 'OpenSansSemiBold'; } h5{ font-size: 16px; line-height: 24px; font-weight: 600; font-family: 'OpenSansSemiBold'; } .a__time{ font-weight: 400; } .organization-vip-navbar{ } .organization-vip-navbar li a{ font-family: 'PT SANS'; font-weight: bold; font-size: 16px; text-transform: uppercase; letter-spacing: 0.5px; } .organization-vip-navbar li a:hover{ cursor: pointer; } /* Работа */ .job-empty-logo{ width: 100%; height: 100%; background: #f1f1f1; position: relative; min-height: 160px; } .job-empty-logo > i{ position: absolute; top: calc(50% - 14px); right: calc(50% - 18px); color: #ccc; font-size: 30px; } .page-header > h1{ font-size: 32px; line-height: 33px; color: #000000; font-weight: 500; margin: 0; font-family: 'OpenSansSemiBold', sans-serif; } .header-link-inner > a{ font-weight: normal; color: #133e9d; display: block; margin-bottom: 4px; } input.job-search{ /*min-width: 320px;*/ } .blue{ color: #133e9d!important; } .job-view{ font-size: 17px; line-height: 28px; } .uk-padding-top{ padding-top: 30px!important; } .uk-padding-bottom{ padding-bottom: 30px!important; } /* Организации */ .organization-list{ flex: 1 30%; /*margin-bottom: 40px;*/ } .organization-list > li{ display: inline-block; margin-right: 4px; margin-bottom: 4px; } .organization-list > li:first-child{ display: block; } .organization-list > li:first-child h4{ margin-bottom: 10px; } .organization-list > li > a{ color:#202020; } .organization-vip-map-contacts-block{ position: absolute; z-index: 999; top: 15%; right: 25%; background: #fff; padding: 20px; } @media (max-width: 321px){ .mobile-nav-bg-dark{ width: 100%; display: block; height: 42px; padding: 0px 10px; color: #fff; } .organization-vip-map-contacts-block{ padding: 20px 0; position: static; } .uk-small-padding-small{ padding: 20px; } } /* Страница пользователя */ .user-cat-img{ font-size: 32px; color: #fa7600; } /* Стлайдер новостей на главной странице */ .index-news-slider{ } .index-news-slider-desc{ position: absolute; bottom: 0; width: 100%; overflow: hidden; color: #fff; padding: 10px 20px; box-sizing: border-box; background: rgba(0, 0, 0, 0.59); } .index-news-slider-desc h2, .index-news-slider-desc a{ color:#fff; display: block; text-shadow: 1px 1px 0px rgb(58, 56, 56); } .index-news-slider-desc h2{ font-weight: 600; font-size: 18px; line-height: 26px; margin-bottom: 0; } .index-news-shadow{ position: absolute; width: 100%; height: 80px; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } /* Новости Организаций */ .index-news-company-item{ position: relative; height: 220px; } .index-news-company-item figure{ position: absolute; top: 0; width: 100%; height: 100%; background-size: cover; } .index-news-company-item figure h5{ position: absolute; bottom: 0; color: #fff; padding: 0 20px; z-index: 1; } .index-news-company-item figure h5 time, .index-news-company-item figure h5 a{ color:#fff; } .index-news-company-shadow{ width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.15); } .header-navbar > li.active > a{ color:#fb9900; } .header-navbar > li.active > a:after{ border-bottom: 10px solid #fb9900!important; } .link-place-afisha { line-height: 16px; padding: 5px 10px!important; font-size: 14px; } .btn-restoran-two { text-align: right; } .comment-view-text-restoran { } .comment-view-avatar-restoran { } .header-btn-serch { background: orange; color: #fff; padding: 14px 18px; border: none; cursor: pointer; } .jq-restore-button { background: none; border: none; color: #999; padding: 0; font-size: 12px; cursor: pointer; } .uk-breadcrumb-new > li:nth-child(n+2)::before { content: "/"; display: inline-block; margin: 0 8px; color: #999; } .uk-breadcrumb-new { padding: 0; list-style: none; font-size: 0.001px; } .group-btn-forum a button { margin-top: 15px; } .group-btn-forum { margin-bottom: 10px; } .autor-blog-main { position: absolute; bottom: -20px; } .autor-blog-main a { color: #fb8100; } .blog-main-item { position: relative; } .dropdown-menu.uk-accordion-content.uk-panel li { padding: 5px 0; } .uk-accordion > .uk-panel li{ padding: 10px 0; } .t_longfore .row { display: flex; flex-wrap: wrap; } .t_longfore .c1 { width: 19%; text-align: center; line-height: 1.2em; border: 1px solid #ebeaea; margin-right: 3px; margin-bottom: 3px; } .padding-modal { padding: 20px 40px; } .tabs-about-konsult { background: #f5f5f5; padding: 15px 40px 0px; } .tabs-about-konsult > li > a { font-family: 'OpenSansSemiBold'; font-size: 14px; text-transform: uppercase; color: #000; } h3.header-h2 { font-size: 22px; font-weight: 500; font-family: 'OpenSansSemiBold'; } h1.header-h2 { font-size: 32px; font-weight: 500; font-family: 'OpenSansSemiBold'; } .profile-friend-avatar { width: 75px; height: 75px; } .profile-add-friend { background: none; border: none; color: #63a51d; cursor: pointer; } /*.profile-my-all-friends img { width: 60px; height: 60px; }*/ .profile-del-friend { background: none; border: none; color: #999; cursor: pointer; } .profile-icon a:hover h5 { color: #fb8100; } .forum-link-del { border-radius: 5px; padding: 1px 20px; } .drdown-afisha { } .header-avatar { width: 50px; height: 50px; margin-right: 6px; } .share-block.uk-display-inline-block ul { margin: 0; } .view-news-share { text-align: right; } .cat-pravila-forum { padding: 10px 25px; color: #fff; font-size: 18px; background: #c8bfbd; } .cat-pravila-forum-list { border: 1px solid #c8bfbd; padding: 10px 40px; } .box { height: 36px; -webkit-appearance: none; margin: 0; overflow: visible; font: inherit; color: #444; text-transform: none; display: inline-block; box-sizing: border-box; padding: 0 12px; /*background: #eee;*/ vertical-align: middle; line-height: 30px; min-height: 30px; font-size: 1rem; text-decoration: none; text-align: center; border: 1px solid #eee; border-radius: 5px; } .forum-new-message-item { background: #c8bfbd; padding-top: 10px; padding-bottom: 10px; border: none; color: #fff; } .forum-new-message-tema { padding: 30px 0; border: 1px solid #dfdfdf; border-bottom: 0; margin-top: 0; } .forum-new-message-tema:last-child { border-bottom: 1px solid #dfdfdf; } .forum-new-tema-form { padding: 40px 0; } .doska-forum-title { background: #c8bfbd; padding: 10px 20px; border: none; color: #fff; } .doska-item { padding: 10px 0; } .doska-photo { padding: 0px 20px 10px; } .b-rad { border-radius: 3px!important; } @media (min-width: 320px) and (max-width: 639px) { h4 { line-height: 23px; } .index-news-slider-desc h2 { font-size: 16px; line-height: 23px; } .header-slider-btn { margin-bottom: 15px; } .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } .banner { text-align: center; } .news-view .news-view-header { font-size: 28px; } #search-news { margin-top: 15px; } .box-btn-afisha, .afisha-place { margin-top: 15px; } .title-page-afisha { width: 100%; } .btm-restoran-menu { margin-bottom: 15px; } .tabs-about-restoran li { /*margin-bottom: 10px;*/ } .restoran-photos-swiper { margin-top: 15px; } .btn-top-vakansia { margin-top: 15px; } .restoran-form-btn { margin-bottom: 10px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .job-empty-logo { margin-bottom: 15px!important; } .btn-top-realty { margin-top: 15px; } .realty-filter > div { width: 100%; margin-bottom: 10px; } .realty-filter > div > button { width: 100%; text-align: left; } .realty-filter > div > button > i { float: right; margin-top: 7px; } .realty-list { width: 100%; margin-right: 0px!important; } .uk-margin-remove-media { margin: 0!important; } .uk-small-media-top { margin-top: 15px!important; } .uk-small-media-bottom { margin-bottom: 15px!important; } .uk-small-media-left { margin-left: 15px; } .uk-small-media-right { margin-left: 15px; } .uk-padding-small-media { padding: 15px!important; } .uk-text-left-media { text-align: left!important; } .forum-massage { padding: 0; font-size: 17px; } .form-forum-table { width: 100%; height: 250px; overflow: hidden; overflow-y: auto; overflow-x: auto; display: block; } .forum-signature { position: relative; bottom: 0; } .forum-quote { max-width: 100%; padding: 10px 10px; font-size: 14px; line-height: 23px; } .Otz4 { width: 100%!important; } .forum-cat > .forum-cat-item { padding: 30px 15px; } .t_longfore .c1 { width: 100%; margin-right: 0px; margin-bottom: 20px; } .jq-show-add-vacancy-message-modal, .report-button, .share-block { } .title-flat { font-size: 20px; line-height: 25px; } .realty-btn-modal { display: block; margin-bottom: 10px; } .forum-link-del { padding: 1px 15px; font-size: 13px; } .view-news-share { text-align: left; margin: 15px 0; } .profile-user-name { font-size: 27px; } .comment-view-avatar-restoran img { width: 60px; max-width: 60px; } .comment-view-avatar-restoran { display: inline-block; margin-right: 15px; margin-top: 30px; } } @media (min-width: 320px) and (max-width: 479px) { .uk-width-small-1-10 { width: 20%; } #vk_groups { width: 300px!important; margin: 0 auto; } #vk_groups iframe { width: 100%!important; } .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } h3.job-title { margin-bottom: 10px!important; } object { display: none; } } @media (max-width: 428px) { .btn-owner { margin-bottom: 15px; width: 100%; text-align: center; } } @media (min-width: 480px) and (max-width: 639px) { .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } h3.job-title { margin-bottom: 10px!important; } } @media (min-width: 640px) and (max-width: 767px) { #search-news { margin-top: 15px; } .restoran-form-btn, .restoran-form-btn button { width: 160px; } .restoran-form-right { margin-top: 10px; } .btn-restoran-two { text-align: left; } .restoran-photos-swiper { margin-top: 15px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } .uk-margin-remove-media { margin: 0!important; } .uk-padding-small-media { padding: 15px!important; } .uk-small-media-top { margin-top: 15px!important; } .uk-small-media-bottom { margin-bottom: 15px!important; } .uk-small-media-left { margin-left: 15px; } .uk-small-media-right { margin-left: 15px; } .uk-text-left-media { text-align: left!important; } .view-news-share { text-align: left; margin: 15px 0; } .Otz4 { width: 100%!important; } .form-forum-table { width: 100%; height: 250px; overflow: hidden; overflow-y: auto; overflow-x: auto; display: block; } .forum-signature { position: relative; bottom: 0; } .forum-quote { max-width: 100%; padding: 10px 10px; font-size: 14px; line-height: 23px; } .forum-massage { padding: 0; font-size: 18px; } .forum-button { margin-bottom: 0!important; } .forum-cat > .forum-cat-item { padding: 30px 15px; } .t_longfore .c1 { width: 50%; margin-right: 0px; margin-bottom: 20px; } } @media (min-width: 640px) and (max-width: 959px) { .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } body > div:nth-child(10) > div > div.uk-width-large-2-10.uk-width-small-1-1 > figure.banner { float: left; width: 50%; text-align: center; } body > div:nth-child(10) > div > div.uk-width-large-2-10.uk-width-small-1-1 > br { display: none; } .banner { text-align: center; } } @media (min-width: 768px) and (max-width: 959px) { #search-restoran > div > div > input { width: 80%; } .main-item-photo { /* width: 50%; float: left;*/ } .box-maim-photogal { display: flex; flex-wrap: wrap; } .uk-padding-medium-media { padding: 15px!important; } .uk-medium-media-top { margin-top: 15px!important; } .uk-medium-media-bottom { margin-bottom: 15px!important; } .uk-medium-media-left { margin-left: 15px; } .uk-medium-media-right { margin-left: 15px; } .Otz4 { width: 50%!important; } .forum-cat > .forum-cat-item { padding: 30px 15px; } .tabs-about-restoran { padding: 15px 20px 0px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .view-news-share { text-align: left; margin: 15px 0; } } @media (max-width: 959px) { #vk_groups { display: none; } } @media (min-width: 960px) and (max-width: 1219px) { h2.header-h2 { /*font-size: 22px;*/ } .index-news-company-item figure h5 { padding: 12px 20px; line-height: 21px; background: rgba(0, 0, 0, 0.5); font-size: 14px; margin: 0; } .uk-button.btn-orange-link { margin-top: 15px; } .restoran-form-right { float: left; margin-top: 10px; } .btn-restoran-two { text-align: left; } .restoran-photos-swiper { margin-top: 15px; } .job-filter-btn { width: 100%; margin-bottom: 10px!important; } .job-filter-btn > button { width: 100%; text-align: left; } .job-filter-btn > button > i.fa-angle-down { float: right; margin-top: 7px; } h3.job-title { margin-bottom: 10px!important; } object { display: none; } .uk-padding-large-media { padding: 15px!important; } .uk-medium-large-top { margin-top: 15px!important; } .uk-medium-large-bottom { margin-bottom: 15px!important; } .uk-medium-large-left { margin-left: 15px; } .uk-medium-large-right { margin-left: 15px; } .Otz4 { width: 50%!important; } #vk_groups { display: none; } .header-navbar > li > a { padding: 10px; } .title-flat { font-size: 25px; line-height: 30px; } .db-medium-media { display: block; } .realty-btn-modal { display: block; margin-bottom: 10px; } .job-view-name, .job-view-phone, .job-viewe-mail { margin-bottom: 15px; width: 100%; } .view-news-share { text-align: left; margin: 15px 0; } .header-btn-serch { padding: 14px 10px; } .search-input { width: 90%; } } @media (min-width: 1220px) and (max-width: 1400px) { h2.header-h2 { font-size: 28px; } .input-group > .uk-form-medium{ width: 125px; } .header-navbar > li > a { padding: 25px; } .article-info span { display: block; } #edit-user > div > label { font-size: 14px; } .header-btn-serch { padding: 14px 10px; } .search-input { width: 90%; } } @media (min-width: 1220px) and (max-width: 1285px) { .uk-margin-top-header { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 1023px) { .uk-button.btn-orange-link { margin-top: 15px; } div.uk-width-large-1-2:nth-child(1) > div:nth-child(3) { margin-bottom: 15px; } } @media (min-width: 768px) and (max-width: 959px) { .restoran-form-btn { margin-bottom: 0; } .input-group { width: 145%; } .restoran-form-right { float: right; margin-top: 0; margin-left: 15px; width: 23%; } .restoran-form-left { float: left; } .input-group > .uk-form-medium { width: 120px; } .input-search::before { margin-left: 0; } } @media (min-width: 1280px) and (max-width: 1400px) { .header-navbar .dropdown-menu li a { padding: 8px 10px; } } #jq-photo-gallery-modal-photo-viewer { background: #303030; height: 650px; text-align: center; } .height-160 { height: 160px; } .height-250 { height: 250px; overflow: hidden; } .height-370 { height: 370px; } .overflow-hidden { overflow: hidden; } .margin-top-5 { margin-top: 5px !important; } .padding-left-20 { padding-left: 20px; } .padding-right-20 { padding-right: 20px; } .padding-right-10 { padding-right: 10px; } .padding-top-5 { padding-top: 5px; } #jq-photo-gallery-modal-photo-viewer:before { content: ' '; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ height: 100%; } #jq-photo-gallery-modal-photo-viewer img { max-height:100%; display: inline-block; vertical-align: middle; /* vertical alignment of the inline element */ font: 16px/1 Arial sans-serif; /* <-- reset the font property */ } #jq-photo-gallery-modal-photo-name { padding: 10px 0; } .jq-photo-gallery-modal-rating { padding-bottom: 10px; border-bottom: 1px solid #f5f7f9; } .padding-left-0 { padding-left: 0 !important; } .fa-star { color: #ffd916; } .fa-star-o { color: #a7a7a7; } .photo-modal-comment-item .comment-body { font: 13px Tahoma; line-height: 18px; word-wrap: break-word; } .photo-modal-comment-item .user-info { font-weight: bold; font-size: 14px; line-height: 15px; } .photo-modal-comment-item { margin-top: 20px; } #photo-gallery-modal .author-photo-info { padding-left: 10px !important; } form[name=photo-form-comment-modal] textarea { font-size: 13px; } .jq-photo-gallery-modal-nav-left, .jq-photo-gallery-modal-nav-right { position: absolute; display: none; left: 0; z-index: 999; color:#FFF; font-size: 32px; opacity: 0.8; user-select: none; -moz-user-select: none; -webkit-user-select: none; } .uk-form-file{display:inline-block;vertical-align:middle;position:relative;overflow:hidden} .uk-form-file input[type=file]{position:absolute;top:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:500px} .uk-video-modal-dialog { width: 576px; height: 475px; } .player { display: block; height: 450px; width: 576px; } .forum-list-pagination { text-align: left; } .forum-list-pagination li { padding: 0; } .forum-button { padding: 0px 10px; height: 26px; font-size: 13px; color: #999; border: 1px solid #c7c7c7; } .Otz4 { padding: 10px 7px 15px 7px; float: left; width: 23%; } .Otz4 .HeaderNews { font-size: 15px; line-height: 21px; } .Otz4 .HeaderNews a { text-decoration: underline; } .hidden { display: none; } @charset "UTF-8"; /*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */ @font-face { font-family: "Ionicons"; src: url("../../fonts/ionicons.eot?v=2.0.0"); src: url("../../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"), url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"), url("../../fonts/ionicons.woff?v=2.0.0") format("woff"), url("../../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: "\f101"; } .ion-alert-circled:before { content: "\f100"; } .ion-android-add:before { content: "\f2c7"; } .ion-android-add-circle:before { content: "\f359"; } .ion-android-alarm-clock:before { content: "\f35a"; } .ion-android-alert:before { content: "\f35b"; } .ion-android-apps:before { content: "\f35c"; } .ion-android-archive:before { content: "\f2c9"; } .ion-android-arrow-back:before { content: "\f2ca"; } .ion-android-arrow-down:before { content: "\f35d"; } .ion-android-arrow-dropdown:before { content: "\f35f"; } .ion-android-arrow-dropdown-circle:before { content: "\f35e"; } .ion-android-arrow-dropleft:before { content: "\f361"; } .ion-android-arrow-dropleft-circle:before { content: "\f360"; } .ion-android-arrow-dropright:before { content: "\f363"; } .ion-android-arrow-dropright-circle:before { content: "\f362"; } .ion-android-arrow-dropup:before { content: "\f365"; } .ion-android-arrow-dropup-circle:before { content: "\f364"; } .ion-android-arrow-forward:before { content: "\f30f"; } .ion-android-arrow-up:before { content: "\f366"; } .ion-android-attach:before { content: "\f367"; } .ion-android-bar:before { content: "\f368"; } .ion-android-bicycle:before { content: "\f369"; } .ion-android-boat:before { content: "\f36a"; } .ion-android-bookmark:before { content: "\f36b"; } .ion-android-bulb:before { content: "\f36c"; } .ion-android-bus:before { content: "\f36d"; } .ion-android-calendar:before { content: "\f2d1"; } .ion-android-call:before { content: "\f2d2"; } .ion-android-camera:before { content: "\f2d3"; } .ion-android-cancel:before { content: "\f36e"; } .ion-android-car:before { content: "\f36f"; } .ion-android-cart:before { content: "\f370"; } .ion-android-chat:before { content: "\f2d4"; } .ion-android-checkbox:before { content: "\f374"; } .ion-android-checkbox-blank:before { content: "\f371"; } .ion-android-checkbox-outline:before { content: "\f373"; } .ion-android-checkbox-outline-blank:before { content: "\f372"; } .ion-android-checkmark-circle:before { content: "\f375"; } .ion-android-clipboard:before { content: "\f376"; } .ion-android-close:before { content: "\f2d7"; } .ion-android-cloud:before { content: "\f37a"; } .ion-android-cloud-circle:before { content: "\f377"; } .ion-android-cloud-done:before { content: "\f378"; } .ion-android-cloud-outline:before { content: "\f379"; } .ion-android-color-palette:before { content: "\f37b"; } .ion-android-compass:before { content: "\f37c"; } .ion-android-contact:before { content: "\f2d8"; } .ion-android-contacts:before { content: "\f2d9"; } .ion-android-contract:before { content: "\f37d"; } .ion-android-create:before { content: "\f37e"; } .ion-android-delete:before { content: "\f37f"; } .ion-android-desktop:before { content: "\f380"; } .ion-android-document:before { content: "\f381"; } .ion-android-done:before { content: "\f383"; } .ion-android-done-all:before { content: "\f382"; } .ion-android-download:before { content: "\f2dd"; } .ion-android-drafts:before { content: "\f384"; } .ion-android-exit:before { content: "\f385"; } .ion-android-expand:before { content: "\f386"; } .ion-android-favorite:before { content: "\f388"; } .ion-android-favorite-outline:before { content: "\f387"; } .ion-android-film:before { content: "\f389"; } .ion-android-folder:before { content: "\f2e0"; } .ion-android-folder-open:before { content: "\f38a"; } .ion-android-funnel:before { content: "\f38b"; } .ion-android-globe:before { content: "\f38c"; } .ion-android-hand:before { content: "\f2e3"; } .ion-android-hangout:before { content: "\f38d"; } .ion-android-happy:before { content: "\f38e"; } .ion-android-home:before { content: "\f38f"; } .ion-android-image:before { content: "\f2e4"; } .ion-android-laptop:before { content: "\f390"; } .ion-android-list:before { content: "\f391"; } .ion-android-locate:before { content: "\f2e9"; } .ion-android-lock:before { content: "\f392"; } .ion-android-mail:before { content: "\f2eb"; } .ion-android-map:before { content: "\f393"; } .ion-android-menu:before { content: "\f394"; } .ion-android-microphone:before { content: "\f2ec"; } .ion-android-microphone-off:before { content: "\f395"; } .ion-android-more-horizontal:before { content: "\f396"; } .ion-android-more-vertical:before { content: "\f397"; } .ion-android-navigate:before { content: "\f398"; } .ion-android-notifications:before { content: "\f39b"; } .ion-android-notifications-none:before { content: "\f399"; } .ion-android-notifications-off:before { content: "\f39a"; } .ion-android-open:before { content: "\f39c"; } .ion-android-options:before { content: "\f39d"; } .ion-android-people:before { content: "\f39e"; } .ion-android-person:before { content: "\f3a0"; } .ion-android-person-add:before { content: "\f39f"; } .ion-android-phone-landscape:before { content: "\f3a1"; } .ion-android-phone-portrait:before { content: "\f3a2"; } .ion-android-pin:before { content: "\f3a3"; } .ion-android-plane:before { content: "\f3a4"; } .ion-android-playstore:before { content: "\f2f0"; } .ion-android-print:before { content: "\f3a5"; } .ion-android-radio-button-off:before { content: "\f3a6"; } .ion-android-radio-button-on:before { content: "\f3a7"; } .ion-android-refresh:before { content: "\f3a8"; } .ion-android-remove:before { content: "\f2f4"; } .ion-android-remove-circle:before { content: "\f3a9"; } .ion-android-restaurant:before { content: "\f3aa"; } .ion-android-sad:before { content: "\f3ab"; } .ion-android-search:before { content: "\f2f5"; } .ion-android-send:before { content: "\f2f6"; } .ion-android-settings:before { content: "\f2f7"; } .ion-android-share:before { content: "\f2f8"; } .ion-android-share-alt:before { content: "\f3ac"; } .ion-android-star:before { content: "\f2fc"; } .ion-android-star-half:before { content: "\f3ad"; } .ion-android-star-outline:before { content: "\f3ae"; } .ion-android-stopwatch:before { content: "\f2fd"; } .ion-android-subway:before { content: "\f3af"; } .ion-android-sunny:before { content: "\f3b0"; } .ion-android-sync:before { content: "\f3b1"; } .ion-android-textsms:before { content: "\f3b2"; } .ion-android-time:before { content: "\f3b3"; } .ion-android-train:before { content: "\f3b4"; } .ion-android-unlock:before { content: "\f3b5"; } .ion-android-upload:before { content: "\f3b6"; } .ion-android-volume-down:before { content: "\f3b7"; } .ion-android-volume-mute:before { content: "\f3b8"; } .ion-android-volume-off:before { content: "\f3b9"; } .ion-android-volume-up:before { content: "\f3ba"; } .ion-android-walk:before { content: "\f3bb"; } .ion-android-warning:before { content: "\f3bc"; } .ion-android-watch:before { content: "\f3bd"; } .ion-android-wifi:before { content: "\f305"; } .ion-aperture:before { content: "\f313"; } .ion-archive:before { content: "\f102"; } .ion-arrow-down-a:before { content: "\f103"; } .ion-arrow-down-b:before { content: "\f104"; } .ion-arrow-down-c:before { content: "\f105"; } .ion-arrow-expand:before { content: "\f25e"; } .ion-arrow-graph-down-left:before { content: "\f25f"; } .ion-arrow-graph-down-right:before { content: "\f260"; } .ion-arrow-graph-up-left:before { content: "\f261"; } .ion-arrow-graph-up-right:before { content: "\f262"; } .ion-arrow-left-a:before { content: "\f106"; } .ion-arrow-left-b:before { content: "\f107"; } .ion-arrow-left-c:before { content: "\f108"; } .ion-arrow-move:before { content: "\f263"; } .ion-arrow-resize:before { content: "\f264"; } .ion-arrow-return-left:before { content: "\f265"; } .ion-arrow-return-right:before { content: "\f266"; } .ion-arrow-right-a:before { content: "\f109"; } .ion-arrow-right-b:before { content: "\f10a"; } .ion-arrow-right-c:before { content: "\f10b"; } .ion-arrow-shrink:before { content: "\f267"; } .ion-arrow-swap:before { content: "\f268"; } .ion-arrow-up-a:before { content: "\f10c"; } .ion-arrow-up-b:before { content: "\f10d"; } .ion-arrow-up-c:before { content: "\f10e"; } .ion-asterisk:before { content: "\f314"; } .ion-at:before { content: "\f10f"; } .ion-backspace:before { content: "\f3bf"; } .ion-backspace-outline:before { content: "\f3be"; } .ion-bag:before { content: "\f110"; } .ion-battery-charging:before { content: "\f111"; } .ion-battery-empty:before { content: "\f112"; } .ion-battery-full:before { content: "\f113"; } .ion-battery-half:before { content: "\f114"; } .ion-battery-low:before { content: "\f115"; } .ion-beaker:before { content: "\f269"; } .ion-beer:before { content: "\f26a"; } .ion-bluetooth:before { content: "\f116"; } .ion-bonfire:before { content: "\f315"; } .ion-bookmark:before { content: "\f26b"; } .ion-bowtie:before { content: "\f3c0"; } .ion-briefcase:before { content: "\f26c"; } .ion-bug:before { content: "\f2be"; } .ion-calculator:before { content: "\f26d"; } .ion-calendar:before { content: "\f117"; } .ion-camera:before { content: "\f118"; } .ion-card:before { content: "\f119"; } .ion-cash:before { content: "\f316"; } .ion-chatbox:before { content: "\f11b"; } .ion-chatbox-working:before { content: "\f11a"; } .ion-chatboxes:before { content: "\f11c"; } .ion-chatbubble:before { content: "\f11e"; } .ion-chatbubble-working:before { content: "\f11d"; } .ion-chatbubbles:before { content: "\f11f"; } .ion-checkmark:before { content: "\f122"; } .ion-checkmark-circled:before { content: "\f120"; } .ion-checkmark-round:before { content: "\f121"; } .ion-chevron-down:before { content: "\f123"; } .ion-chevron-left:before { content: "\f124"; } .ion-chevron-right:before { content: "\f125"; } .ion-chevron-up:before { content: "\f126"; } .ion-clipboard:before { content: "\f127"; } .ion-clock:before { content: "\f26e"; } .ion-close:before { content: "\f12a"; } .ion-close-circled:before { content: "\f128"; } .ion-close-round:before { content: "\f129"; } .ion-closed-captioning:before { content: "\f317"; } .ion-cloud:before { content: "\f12b"; } .ion-code:before { content: "\f271"; } .ion-code-download:before { content: "\f26f"; } .ion-code-working:before { content: "\f270"; } .ion-coffee:before { content: "\f272"; } .ion-compass:before { content: "\f273"; } .ion-compose:before { content: "\f12c"; } .ion-connection-bars:before { content: "\f274"; } .ion-contrast:before { content: "\f275"; } .ion-crop:before { content: "\f3c1"; } .ion-cube:before { content: "\f318"; } .ion-disc:before { content: "\f12d"; } .ion-document:before { content: "\f12f"; } .ion-document-text:before { content: "\f12e"; } .ion-drag:before { content: "\f130"; } .ion-earth:before { content: "\f276"; } .ion-easel:before { content: "\f3c2"; } .ion-edit:before { content: "\f2bf"; } .ion-egg:before { content: "\f277"; } .ion-eject:before { content: "\f131"; } .ion-email:before { content: "\f132"; } .ion-email-unread:before { content: "\f3c3"; } .ion-erlenmeyer-flask:before { content: "\f3c5"; } .ion-erlenmeyer-flask-bubbles:before { content: "\f3c4"; } .ion-eye:before { content: "\f133"; } .ion-eye-disabled:before { content: "\f306"; } .ion-female:before { content: "\f278"; } .ion-filing:before { content: "\f134"; } .ion-film-marker:before { content: "\f135"; } .ion-fireball:before { content: "\f319"; } .ion-flag:before { content: "\f279"; } .ion-flame:before { content: "\f31a"; } .ion-flash:before { content: "\f137"; } .ion-flash-off:before { content: "\f136"; } .ion-folder:before { content: "\f139"; } .ion-fork:before { content: "\f27a"; } .ion-fork-repo:before { content: "\f2c0"; } .ion-forward:before { content: "\f13a"; } .ion-funnel:before { content: "\f31b"; } .ion-gear-a:before { content: "\f13d"; } .ion-gear-b:before { content: "\f13e"; } .ion-grid:before { content: "\f13f"; } .ion-hammer:before { content: "\f27b"; } .ion-happy:before { content: "\f31c"; } .ion-happy-outline:before { content: "\f3c6"; } .ion-headphone:before { content: "\f140"; } .ion-heart:before { content: "\f141"; } .ion-heart-broken:before { content: "\f31d"; } .ion-help:before { content: "\f143"; } .ion-help-buoy:before { content: "\f27c"; } .ion-help-circled:before { content: "\f142"; } .ion-home:before { content: "\f144"; } .ion-icecream:before { content: "\f27d"; } .ion-image:before { content: "\f147"; } .ion-images:before { content: "\f148"; } .ion-information:before { content: "\f14a"; } .ion-information-circled:before { content: "\f149"; } .ion-ionic:before { content: "\f14b"; } .ion-ios-alarm:before { content: "\f3c8"; } .ion-ios-alarm-outline:before { content: "\f3c7"; } .ion-ios-albums:before { content: "\f3ca"; } .ion-ios-albums-outline:before { content: "\f3c9"; } .ion-ios-americanfootball:before { content: "\f3cc"; } .ion-ios-americanfootball-outline:before { content: "\f3cb"; } .ion-ios-analytics:before { content: "\f3ce"; } .ion-ios-analytics-outline:before { content: "\f3cd"; } .ion-ios-arrow-back:before { content: "\f3cf"; } .ion-ios-arrow-down:before { content: "\f3d0"; } .ion-ios-arrow-forward:before { content: "\f3d1"; } .ion-ios-arrow-left:before { content: "\f3d2"; } .ion-ios-arrow-right:before { content: "\f3d3"; } .ion-ios-arrow-thin-down:before { content: "\f3d4"; } .ion-ios-arrow-thin-left:before { content: "\f3d5"; } .ion-ios-arrow-thin-right:before { content: "\f3d6"; } .ion-ios-arrow-thin-up:before { content: "\f3d7"; } .ion-ios-arrow-up:before { content: "\f3d8"; } .ion-ios-at:before { content: "\f3da"; } .ion-ios-at-outline:before { content: "\f3d9"; } .ion-ios-barcode:before { content: "\f3dc"; } .ion-ios-barcode-outline:before { content: "\f3db"; } .ion-ios-baseball:before { content: "\f3de"; } .ion-ios-baseball-outline:before { content: "\f3dd"; } .ion-ios-basketball:before { content: "\f3e0"; } .ion-ios-basketball-outline:before { content: "\f3df"; } .ion-ios-bell:before { content: "\f3e2"; } .ion-ios-bell-outline:before { content: "\f3e1"; } .ion-ios-body:before { content: "\f3e4"; } .ion-ios-body-outline:before { content: "\f3e3"; } .ion-ios-bolt:before { content: "\f3e6"; } .ion-ios-bolt-outline:before { content: "\f3e5"; } .ion-ios-book:before { content: "\f3e8"; } .ion-ios-book-outline:before { content: "\f3e7"; } .ion-ios-bookmarks:before { content: "\f3ea"; } .ion-ios-bookmarks-outline:before { content: "\f3e9"; } .ion-ios-box:before { content: "\f3ec"; } .ion-ios-box-outline:before { content: "\f3eb"; } .ion-ios-briefcase:before { content: "\f3ee"; } .ion-ios-briefcase-outline:before { content: "\f3ed"; } .ion-ios-browsers:before { content: "\f3f0"; } .ion-ios-browsers-outline:before { content: "\f3ef"; } .ion-ios-calculator:before { content: "\f3f2"; } .ion-ios-calculator-outline:before { content: "\f3f1"; } .ion-ios-calendar:before { content: "\f3f4"; } .ion-ios-calendar-outline:before { content: "\f3f3"; } .ion-ios-camera:before { content: "\f3f6"; } .ion-ios-camera-outline:before { content: "\f3f5"; } .ion-ios-cart:before { content: "\f3f8"; } .ion-ios-cart-outline:before { content: "\f3f7"; } .ion-ios-chatboxes:before { content: "\f3fa"; } .ion-ios-chatboxes-outline:before { content: "\f3f9"; } .ion-ios-chatbubble:before { content: "\f3fc"; } .ion-ios-chatbubble-outline:before { content: "\f3fb"; } .ion-ios-checkmark:before { content: "\f3ff"; } .ion-ios-checkmark-empty:before { content: "\f3fd"; } .ion-ios-checkmark-outline:before { content: "\f3fe"; } .ion-ios-circle-filled:before { content: "\f400"; } .ion-ios-circle-outline:before { content: "\f401"; } .ion-ios-clock:before { content: "\f403"; } .ion-ios-clock-outline:before { content: "\f402"; } .ion-ios-close:before { content: "\f406"; } .ion-ios-close-empty:before { content: "\f404"; } .ion-ios-close-outline:before { content: "\f405"; } .ion-ios-cloud:before { content: "\f40c"; } .ion-ios-cloud-download:before { content: "\f408"; } .ion-ios-cloud-download-outline:before { content: "\f407"; } .ion-ios-cloud-outline:before { content: "\f409"; } .ion-ios-cloud-upload:before { content: "\f40b"; } .ion-ios-cloud-upload-outline:before { content: "\f40a"; } .ion-ios-cloudy:before { content: "\f410"; } .ion-ios-cloudy-night:before { content: "\f40e"; } .ion-ios-cloudy-night-outline:before { content: "\f40d"; } .ion-ios-cloudy-outline:before { content: "\f40f"; } .ion-ios-cog:before { content: "\f412"; } .ion-ios-cog-outline:before { content: "\f411"; } .ion-ios-color-filter:before { content: "\f414"; } .ion-ios-color-filter-outline:before { content: "\f413"; } .ion-ios-color-wand:before { content: "\f416"; } .ion-ios-color-wand-outline:before { content: "\f415"; } .ion-ios-compose:before { content: "\f418"; } .ion-ios-compose-outline:before { content: "\f417"; } .ion-ios-contact:before { content: "\f41a"; } .ion-ios-contact-outline:before { content: "\f419"; } .ion-ios-copy:before { content: "\f41c"; } .ion-ios-copy-outline:before { content: "\f41b"; } .ion-ios-crop:before { content: "\f41e"; } .ion-ios-crop-strong:before { content: "\f41d"; } .ion-ios-download:before { content: "\f420"; } .ion-ios-download-outline:before { content: "\f41f"; } .ion-ios-drag:before { content: "\f421"; } .ion-ios-email:before { content: "\f423"; } .ion-ios-email-outline:before { content: "\f422"; } .ion-ios-eye:before { content: "\f425"; } .ion-ios-eye-outline:before { content: "\f424"; } .ion-ios-fastforward:before { content: "\f427"; } .ion-ios-fastforward-outline:before { content: "\f426"; } .ion-ios-filing:before { content: "\f429"; } .ion-ios-filing-outline:before { content: "\f428"; } .ion-ios-film:before { content: "\f42b"; } .ion-ios-film-outline:before { content: "\f42a"; } .ion-ios-flag:before { content: "\f42d"; } .ion-ios-flag-outline:before { content: "\f42c"; } .ion-ios-flame:before { content: "\f42f"; } .ion-ios-flame-outline:before { content: "\f42e"; } .ion-ios-flask:before { content: "\f431"; } .ion-ios-flask-outline:before { content: "\f430"; } .ion-ios-flower:before { content: "\f433"; } .ion-ios-flower-outline:before { content: "\f432"; } .ion-ios-folder:before { content: "\f435"; } .ion-ios-folder-outline:before { content: "\f434"; } .ion-ios-football:before { content: "\f437"; } .ion-ios-football-outline:before { content: "\f436"; } .ion-ios-game-controller-a:before { content: "\f439"; } .ion-ios-game-controller-a-outline:before { content: "\f438"; } .ion-ios-game-controller-b:before { content: "\f43b"; } .ion-ios-game-controller-b-outline:before { content: "\f43a"; } .ion-ios-gear:before { content: "\f43d"; } .ion-ios-gear-outline:before { content: "\f43c"; } .ion-ios-glasses:before { content: "\f43f"; } .ion-ios-glasses-outline:before { content: "\f43e"; } .ion-ios-grid-view:before { content: "\f441"; } .ion-ios-grid-view-outline:before { content: "\f440"; } .ion-ios-heart:before { content: "\f443"; } .ion-ios-heart-outline:before { content: "\f442"; } .ion-ios-help:before { content: "\f446"; } .ion-ios-help-empty:before { content: "\f444"; } .ion-ios-help-outline:before { content: "\f445"; } .ion-ios-home:before { content: "\f448"; } .ion-ios-home-outline:before { content: "\f447"; } .ion-ios-infinite:before { content: "\f44a"; } .ion-ios-infinite-outline:before { content: "\f449"; } .ion-ios-information:before { content: "\f44d"; } .ion-ios-information-empty:before { content: "\f44b"; } .ion-ios-information-outline:before { content: "\f44c"; } .ion-ios-ionic-outline:before { content: "\f44e"; } .ion-ios-keypad:before { content: "\f450"; } .ion-ios-keypad-outline:before { content: "\f44f"; } .ion-ios-lightbulb:before { content: "\f452"; } .ion-ios-lightbulb-outline:before { content: "\f451"; } .ion-ios-list:before { content: "\f454"; } .ion-ios-list-outline:before { content: "\f453"; } .ion-ios-location:before { content: "\f456"; } .ion-ios-location-outline:before { content: "\f455"; } .ion-ios-locked:before { content: "\f458"; } .ion-ios-locked-outline:before { content: "\f457"; } .ion-ios-loop:before { content: "\f45a"; } .ion-ios-loop-strong:before { content: "\f459"; } .ion-ios-medical:before { content: "\f45c"; } .ion-ios-medical-outline:before { content: "\f45b"; } .ion-ios-medkit:before { content: "\f45e"; } .ion-ios-medkit-outline:before { content: "\f45d"; } .ion-ios-mic:before { content: "\f461"; } .ion-ios-mic-off:before { content: "\f45f"; } .ion-ios-mic-outline:before { content: "\f460"; } .ion-ios-minus:before { content: "\f464"; } .ion-ios-minus-empty:before { content: "\f462"; } .ion-ios-minus-outline:before { content: "\f463"; } .ion-ios-monitor:before { content: "\f466"; } .ion-ios-monitor-outline:before { content: "\f465"; } .ion-ios-moon:before { content: "\f468"; } .ion-ios-moon-outline:before { content: "\f467"; } .ion-ios-more:before { content: "\f46a"; } .ion-ios-more-outline:before { content: "\f469"; } .ion-ios-musical-note:before { content: "\f46b"; } .ion-ios-musical-notes:before { content: "\f46c"; } .ion-ios-navigate:before { content: "\f46e"; } .ion-ios-navigate-outline:before { content: "\f46d"; } .ion-ios-nutrition:before { content: "\f470"; } .ion-ios-nutrition-outline:before { content: "\f46f"; } .ion-ios-paper:before { content: "\f472"; } .ion-ios-paper-outline:before { content: "\f471"; } .ion-ios-paperplane:before { content: "\f474"; } .ion-ios-paperplane-outline:before { content: "\f473"; } .ion-ios-partlysunny:before { content: "\f476"; } .ion-ios-partlysunny-outline:before { content: "\f475"; } .ion-ios-pause:before { content: "\f478"; } .ion-ios-pause-outline:before { content: "\f477"; } .ion-ios-paw:before { content: "\f47a"; } .ion-ios-paw-outline:before { content: "\f479"; } .ion-ios-people:before { content: "\f47c"; } .ion-ios-people-outline:before { content: "\f47b"; } .ion-ios-person:before { content: "\f47e"; } .ion-ios-person-outline:before { content: "\f47d"; } .ion-ios-personadd:before { content: "\f480"; } .ion-ios-personadd-outline:before { content: "\f47f"; } .ion-ios-photos:before { content: "\f482"; } .ion-ios-photos-outline:before { content: "\f481"; } .ion-ios-pie:before { content: "\f484"; } .ion-ios-pie-outline:before { content: "\f483"; } .ion-ios-pint:before { content: "\f486"; } .ion-ios-pint-outline:before { content: "\f485"; } .ion-ios-play:before { content: "\f488"; } .ion-ios-play-outline:before { content: "\f487"; } .ion-ios-plus:before { content: "\f48b"; } .ion-ios-plus-empty:before { content: "\f489"; } .ion-ios-plus-outline:before { content: "\f48a"; } .ion-ios-pricetag:before { content: "\f48d"; } .ion-ios-pricetag-outline:before { content: "\f48c"; } .ion-ios-pricetags:before { content: "\f48f"; } .ion-ios-pricetags-outline:before { content: "\f48e"; } .ion-ios-printer:before { content: "\f491"; } .ion-ios-printer-outline:before { content: "\f490"; } .ion-ios-pulse:before { content: "\f493"; } .ion-ios-pulse-strong:before { content: "\f492"; } .ion-ios-rainy:before { content: "\f495"; } .ion-ios-rainy-outline:before { content: "\f494"; } .ion-ios-recording:before { content: "\f497"; } .ion-ios-recording-outline:before { content: "\f496"; } .ion-ios-redo:before { content: "\f499"; } .ion-ios-redo-outline:before { content: "\f498"; } .ion-ios-refresh:before { content: "\f49c"; } .ion-ios-refresh-empty:before { content: "\f49a"; } .ion-ios-refresh-outline:before { content: "\f49b"; } .ion-ios-reload:before { content: "\f49d"; } .ion-ios-reverse-camera:before { content: "\f49f"; } .ion-ios-reverse-camera-outline:before { content: "\f49e"; } .ion-ios-rewind:before { content: "\f4a1"; } .ion-ios-rewind-outline:before { content: "\f4a0"; } .ion-ios-rose:before { content: "\f4a3"; } .ion-ios-rose-outline:before { content: "\f4a2"; } .ion-ios-search:before { content: "\f4a5"; } .ion-ios-search-strong:before { content: "\f4a4"; } .ion-ios-settings:before { content: "\f4a7"; } .ion-ios-settings-strong:before { content: "\f4a6"; } .ion-ios-shuffle:before { content: "\f4a9"; } .ion-ios-shuffle-strong:before { content: "\f4a8"; } .ion-ios-skipbackward:before { content: "\f4ab"; } .ion-ios-skipbackward-outline:before { content: "\f4aa"; } .ion-ios-skipforward:before { content: "\f4ad"; } .ion-ios-skipforward-outline:before { content: "\f4ac"; } .ion-ios-snowy:before { content: "\f4ae"; } .ion-ios-speedometer:before { content: "\f4b0"; } .ion-ios-speedometer-outline:before { content: "\f4af"; } .ion-ios-star:before { content: "\f4b3"; } .ion-ios-star-half:before { content: "\f4b1"; } .ion-ios-star-outline:before { content: "\f4b2"; } .ion-ios-stopwatch:before { content: "\f4b5"; } .ion-ios-stopwatch-outline:before { content: "\f4b4"; } .ion-ios-sunny:before { content: "\f4b7"; } .ion-ios-sunny-outline:before { content: "\f4b6"; } .ion-ios-telephone:before { content: "\f4b9"; } .ion-ios-telephone-outline:before { content: "\f4b8"; } .ion-ios-tennisball:before { content: "\f4bb"; } .ion-ios-tennisball-outline:before { content: "\f4ba"; } .ion-ios-thunderstorm:before { content: "\f4bd"; } .ion-ios-thunderstorm-outline:before { content: "\f4bc"; } .ion-ios-time:before { content: "\f4bf"; } .ion-ios-time-outline:before { content: "\f4be"; } .ion-ios-timer:before { content: "\f4c1"; } .ion-ios-timer-outline:before { content: "\f4c0"; } .ion-ios-toggle:before { content: "\f4c3"; } .ion-ios-toggle-outline:before { content: "\f4c2"; } .ion-ios-trash:before { content: "\f4c5"; } .ion-ios-trash-outline:before { content: "\f4c4"; } .ion-ios-undo:before { content: "\f4c7"; } .ion-ios-undo-outline:before { content: "\f4c6"; } .ion-ios-unlocked:before { content: "\f4c9"; } .ion-ios-unlocked-outline:before { content: "\f4c8"; } .ion-ios-upload:before { content: "\f4cb"; } .ion-ios-upload-outline:before { content: "\f4ca"; } .ion-ios-videocam:before { content: "\f4cd"; } .ion-ios-videocam-outline:before { content: "\f4cc"; } .ion-ios-volume-high:before { content: "\f4ce"; } .ion-ios-volume-low:before { content: "\f4cf"; } .ion-ios-wineglass:before { content: "\f4d1"; } .ion-ios-wineglass-outline:before { content: "\f4d0"; } .ion-ios-world:before { content: "\f4d3"; } .ion-ios-world-outline:before { content: "\f4d2"; } .ion-ipad:before { content: "\f1f9"; } .ion-iphone:before { content: "\f1fa"; } .ion-ipod:before { content: "\f1fb"; } .ion-jet:before { content: "\f295"; } .ion-key:before { content: "\f296"; } .ion-knife:before { content: "\f297"; } .ion-laptop:before { content: "\f1fc"; } .ion-leaf:before { content: "\f1fd"; } .ion-levels:before { content: "\f298"; } .ion-lightbulb:before { content: "\f299"; } .ion-link:before { content: "\f1fe"; } .ion-load-a:before { content: "\f29a"; } .ion-load-b:before { content: "\f29b"; } .ion-load-c:before { content: "\f29c"; } .ion-load-d:before { content: "\f29d"; } .ion-location:before { content: "\f1ff"; } .ion-lock-combination:before { content: "\f4d4"; } .ion-locked:before { content: "\f200"; } .ion-log-in:before { content: "\f29e"; } .ion-log-out:before { content: "\f29f"; } .ion-loop:before { content: "\f201"; } .ion-magnet:before { content: "\f2a0"; } .ion-male:before { content: "\f2a1"; } .ion-man:before { content: "\f202"; } .ion-map:before { content: "\f203"; } .ion-medkit:before { content: "\f2a2"; } .ion-merge:before { content: "\f33f"; } .ion-mic-a:before { content: "\f204"; } .ion-mic-b:before { content: "\f205"; } .ion-mic-c:before { content: "\f206"; } .ion-minus:before { content: "\f209"; } .ion-minus-circled:before { content: "\f207"; } .ion-minus-round:before { content: "\f208"; } .ion-model-s:before { content: "\f2c1"; } .ion-monitor:before { content: "\f20a"; } .ion-more:before { content: "\f20b"; } .ion-mouse:before { content: "\f340"; } .ion-music-note:before { content: "\f20c"; } .ion-navicon:before { content: "\f20e"; } .ion-navicon-round:before { content: "\f20d"; } .ion-navigate:before { content: "\f2a3"; } .ion-network:before { content: "\f341"; } .ion-no-smoking:before { content: "\f2c2"; } .ion-nuclear:before { content: "\f2a4"; } .ion-outlet:before { content: "\f342"; } .ion-paintbrush:before { content: "\f4d5"; } .ion-paintbucket:before { content: "\f4d6"; } .ion-paper-airplane:before { content: "\f2c3"; } .ion-paperclip:before { content: "\f20f"; } .ion-pause:before { content: "\f210"; } .ion-person:before { content: "\f213"; } .ion-person-add:before { content: "\f211"; } .ion-person-stalker:before { content: "\f212"; } .ion-pie-graph:before { content: "\f2a5"; } .ion-pin:before { content: "\f2a6"; } .ion-pinpoint:before { content: "\f2a7"; } .ion-pizza:before { content: "\f2a8"; } .ion-plane:before { content: "\f214"; } .ion-planet:before { content: "\f343"; } .ion-play:before { content: "\f215"; } .ion-playstation:before { content: "\f30a"; } .ion-plus:before { content: "\f218"; } .ion-plus-circled:before { content: "\f216"; } .ion-plus-round:before { content: "\f217"; } .ion-podium:before { content: "\f344"; } .ion-pound:before { content: "\f219"; } .ion-power:before { content: "\f2a9"; } .ion-pricetag:before { content: "\f2aa"; } .ion-pricetags:before { content: "\f2ab"; } .ion-printer:before { content: "\f21a"; } .ion-pull-request:before { content: "\f345"; } .ion-qr-scanner:before { content: "\f346"; } .ion-quote:before { content: "\f347"; } .ion-radio-waves:before { content: "\f2ac"; } .ion-record:before { content: "\f21b"; } .ion-refresh:before { content: "\f21c"; } .ion-reply:before { content: "\f21e"; } .ion-reply-all:before { content: "\f21d"; } .ion-ribbon-a:before { content: "\f348"; } .ion-ribbon-b:before { content: "\f349"; } .ion-sad:before { content: "\f34a"; } .ion-sad-outline:before { content: "\f4d7"; } .ion-scissors:before { content: "\f34b"; } .ion-search:before { content: "\f21f"; } .ion-settings:before { content: "\f2ad"; } .ion-share:before { content: "\f220"; } .ion-shuffle:before { content: "\f221"; } .ion-skip-backward:before { content: "\f222"; } .ion-skip-forward:before { content: "\f223"; } .ion-social-android:before { content: "\f225"; } .ion-social-android-outline:before { content: "\f224"; } .ion-social-angular:before { content: "\f4d9"; } .ion-social-angular-outline:before { content: "\f4d8"; } .ion-social-apple:before { content: "\f227"; } .ion-social-apple-outline:before { content: "\f226"; } .ion-social-bitcoin:before { content: "\f2af"; } .ion-social-bitcoin-outline:before { content: "\f2ae"; } .ion-social-buffer:before { content: "\f229"; } .ion-social-buffer-outline:before { content: "\f228"; } .ion-social-chrome:before { content: "\f4db"; } .ion-social-chrome-outline:before { content: "\f4da"; } .ion-social-codepen:before { content: "\f4dd"; } .ion-social-codepen-outline:before { content: "\f4dc"; } .ion-social-css3:before { content: "\f4df"; } .ion-social-css3-outline:before { content: "\f4de"; } .ion-social-designernews:before { content: "\f22b"; } .ion-social-designernews-outline:before { content: "\f22a"; } .ion-social-dribbble:before { content: "\f22d"; } .ion-social-dribbble-outline:before { content: "\f22c"; } .ion-social-dropbox:before { content: "\f22f"; } .ion-social-dropbox-outline:before { content: "\f22e"; } .ion-social-euro:before { content: "\f4e1"; } .ion-social-euro-outline:before { content: "\f4e0"; } .ion-social-facebook:before { content: "\f231"; } .ion-social-facebook-outline:before { content: "\f230"; } .ion-social-foursquare:before { content: "\f34d"; } .ion-social-foursquare-outline:before { content: "\f34c"; } .ion-social-freebsd-devil:before { content: "\f2c4"; } .ion-social-github:before { content: "\f233"; } .ion-social-github-outline:before { content: "\f232"; } .ion-social-google:before { content: "\f34f"; } .ion-social-google-outline:before { content: "\f34e"; } .ion-social-googleplus:before { content: "\f235"; } .ion-social-googleplus-outline:before { content: "\f234"; } .ion-social-hackernews:before { content: "\f237"; } .ion-social-hackernews-outline:before { content: "\f236"; } .ion-social-html5:before { content: "\f4e3"; } .ion-social-html5-outline:before { content: "\f4e2"; } .ion-social-instagram:before { content: "\f351"; } .ion-social-instagram-outline:before { content: "\f350"; } .ion-social-javascript:before { content: "\f4e5"; } .ion-social-javascript-outline:before { content: "\f4e4"; } .ion-social-linkedin:before { content: "\f239"; } .ion-social-linkedin-outline:before { content: "\f238"; } .ion-social-markdown:before { content: "\f4e6"; } .ion-social-nodejs:before { content: "\f4e7"; } .ion-social-octocat:before { content: "\f4e8"; } .ion-social-pinterest:before { content: "\f2b1"; } .ion-social-pinterest-outline:before { content: "\f2b0"; } .ion-social-python:before { content: "\f4e9"; } .ion-social-reddit:before { content: "\f23b"; } .ion-social-reddit-outline:before { content: "\f23a"; } .ion-social-rss:before { content: "\f23d"; } .ion-social-rss-outline:before { content: "\f23c"; } .ion-social-sass:before { content: "\f4ea"; } .ion-social-skype:before { content: "\f23f"; } .ion-social-skype-outline:before { content: "\f23e"; } .ion-social-snapchat:before { content: "\f4ec"; } .ion-social-snapchat-outline:before { content: "\f4eb"; } .ion-social-tumblr:before { content: "\f241"; } .ion-social-tumblr-outline:before { content: "\f240"; } .ion-social-tux:before { content: "\f2c5"; } .ion-social-twitch:before { content: "\f4ee"; } .ion-social-twitch-outline:before { content: "\f4ed"; } .ion-social-twitter:before { content: "\f243"; } .ion-social-twitter-outline:before { content: "\f242"; } .ion-social-usd:before { content: "\f353"; } .ion-social-usd-outline:before { content: "\f352"; } .ion-social-vimeo:before { content: "\f245"; } .ion-social-vimeo-outline:before { content: "\f244"; } .ion-social-whatsapp:before { content: "\f4f0"; } .ion-social-whatsapp-outline:before { content: "\f4ef"; } .ion-social-windows:before { content: "\f247"; } .ion-social-windows-outline:before { content: "\f246"; } .ion-social-wordpress:before { content: "\f249"; } .ion-social-wordpress-outline:before { content: "\f248"; } .ion-social-yahoo:before { content: "\f24b"; } .ion-social-yahoo-outline:before { content: "\f24a"; } .ion-social-yen:before { content: "\f4f2"; } .ion-social-yen-outline:before { content: "\f4f1"; } .ion-social-youtube:before { content: "\f24d"; } .ion-social-youtube-outline:before { content: "\f24c"; } .ion-soup-can:before { content: "\f4f4"; } .ion-soup-can-outline:before { content: "\f4f3"; } .ion-speakerphone:before { content: "\f2b2"; } .ion-speedometer:before { content: "\f2b3"; } .ion-spoon:before { content: "\f2b4"; } .ion-star:before { content: "\f24e"; } .ion-stats-bars:before { content: "\f2b5"; } .ion-steam:before { content: "\f30b"; } .ion-stop:before { content: "\f24f"; } .ion-thermometer:before { content: "\f2b6"; } .ion-thumbsdown:before { content: "\f250"; } .ion-thumbsup:before { content: "\f251"; } .ion-toggle:before { content: "\f355"; } .ion-toggle-filled:before { content: "\f354"; } .ion-transgender:before { content: "\f4f5"; } .ion-trash-a:before { content: "\f252"; } .ion-trash-b:before { content: "\f253"; } .ion-trophy:before { content: "\f356"; } .ion-tshirt:before { content: "\f4f7"; } .ion-tshirt-outline:before { content: "\f4f6"; } .ion-umbrella:before { content: "\f2b7"; } .ion-university:before { content: "\f357"; } .ion-unlocked:before { content: "\f254"; } .ion-upload:before { content: "\f255"; } .ion-usb:before { content: "\f2b8"; } .ion-videocamera:before { content: "\f256"; } .ion-volume-high:before { content: "\f257"; } .ion-volume-low:before { content: "\f258"; } .ion-volume-medium:before { content: "\f259"; } .ion-volume-mute:before { content: "\f25a"; } .ion-wand:before { content: "\f358"; } .ion-waterdrop:before { content: "\f25b"; } .ion-wifi:before { content: "\f25c"; } .ion-wineglass:before { content: "\f2b9"; } .ion-woman:before { content: "\f25d"; } .ion-wrench:before { content: "\f2ba"; } .ion-xbox:before { content: "\f30c"; } /** * Swiper 3.4.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 13, 2016 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:10px;height:10px;display:inline-block;border-radius:100%;background:#fff;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#fff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */
/css/
Имя
Дата
Размер
..
2026-10-02
2.0
2020-04-15
bootstrap
2019-03-18
fonts
2017-02-14
images
2026-01-28
bootstrap.css
2016-03-23
148 кб.
design.css
2022-12-05
101 кб.
design.css~
2018-07-23
101 кб.
example1.css
2016-04-11
9 кб.
font-awesome.min.css
2015-09-25
26 кб.
jquery-ui.min.css
2016-02-15
29 кб.
jquery.fancybox.css
2017-02-10
9 кб.
jquery.lightbox.css
2016-02-15
2 кб.
jquery.lightbox.m2.css
2009-12-17
2 кб.
mixin.css
2015-09-25
159 байт
news_main.css
2026-05-25
11 кб.
news_main.css~
2023-08-18
11 кб.
prod.css
2017-03-15
390 кб.
styles.css
2015-09-25
13 кб.
styles.min.css
2017-06-13
5 кб.
text.css
2017-10-11
3 кб.
/css
Загрузить файлы
Файл 1
Файл 2
Файл 3
..
