Sub Network SolutionsSeo Analyzer rdmachine.com
Generated on March 14 2022 19:55 PM
Old data? UPDATE !
The score is 43/100
SEO Content
Title
R&D Machine and Engineering - Home
Length : 34
Perfect, your title contains between 10 and 70 characters.
Description
Length : 0
Very bad. We haven't found meta description on your page. Use this free online meta tags generator to create description.
Keywords
Very bad. We haven't found meta keywords on your page. Use this free online meta tags generator to create keywords.
Og Meta Properties
Good, your page take advantage of Og Properties.
| Property | Content |
|---|---|
| title | Home |
| type | website |
| url | http://rdmachine.com/ |
| site_name | R&D Machine and Engineering |
Headings
| H1 | H2 | H3 | H4 | H5 | H6 |
| 0 | 3 | 7 | 13 | 2 | 0 |
- [H2] AS 9100 / ISO 9001 Certified
- [H2] Unparalleled Quality
- [H2] Are you ready to get started on your next project?
- [H3] \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@panel-title-margin-bottom: 15px;\n@panel-title-font-size: 18px;\n@panel-title-line-height: 24px;\n@panel-title-font-weight: normal;\n@panel-title-color: #444;\n@panel-title-text-transform: none;\n\n@panel-teaser-margin-bottom: @panel-title-margin-bottom;\n\n@panel-box-padding: 15px;\n@panel-box-background: #f5f5f5;\n@panel-box-color: #444;\n@panel-box-hover-color: @panel-box-color;\n@panel-box-title-color: #444;\n@panel-box-badge-top: 10px;\n@panel-box-badge-right: @panel-box-badge-top;\n@panel-box-teaser-margin: -@panel-box-padding;\n\n@panel-box-primary-background: #ebf7fd;\n@panel-box-primary-color: #2d7091;\n@panel-box-primary-hover-color: @panel-box-primary-color;\n@panel-box-primary-title-color: #2d7091;\n\n@panel-box-secondary-background: #eee;\n@panel-box-secondary-color: #444;\n@panel-box-secondary-hover-color: @panel-box-secondary-color;\n@panel-box-secondary-title-color: #444;\n\n@panel-hover-padding: 15px;\n@panel-hover-color: #444;\n@panel-hover-hover-background: #f5f5f5;\n@panel-hover-hover-color: #444;\n@panel-hover-badge-top: 10px;\n@panel-hover-badge-right: @panel-hover-badge-top;\n@panel-hover-teaser-margin: -@panel-hover-padding;\n\n@panel-header-title-padding: 10px;\n@panel-header-title-border: #ddd;\n@panel-header-title-border-width: 1px;\n@panel-header-title-color: #444;\n\n@panel-space-padding: 30px;\n\n@panel-divider-gutter: 25px;\n@panel-divider-gutter-large: 35px;\n@panel-divider-border: #ddd;\n@panel-divider-border-width: 1px;\n\n@panel-body-padding: @panel-box-padding;\n\n\n\/* ========================================================================\n Component: Panel\n ========================================================================== *\/\n\n\/*\n * 1. Needed for `a` elements\n * 2. Create position context for badges\n *\/\n\n.uk-panel {\n \/* 1 *\/\n display: block;\n \/* 2 *\/\n position: relative;\n}\n\n\/*\n * Allow panels to be anchors\n *\/\n\n.uk-panel,\n.uk-panel:hover { text-decoration: none; }\n\n\/*\n * Micro clearfix to make panels more robust\n *\/\n\n.uk-panel:before,\n.uk-panel:after {\n content: \"\";\n display: table;\n}\n\n.uk-panel:after { clear: both; }\n\n\/*\n * Remove margin from the last-child if not `uk-widget-title`\n *\/\n\n.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; }\n\n\n\/* Sub-object: `uk-panel-title`\n ========================================================================== *\/\n\n.uk-panel-title {\n margin-top: 0;\n margin-bottom: @panel-title-margin-bottom;\n font-size: @panel-title-font-size;\n line-height: @panel-title-line-height;\n font-weight: @panel-title-font-weight;\n text-transform: @panel-title-text-transform;\n color: @panel-title-color;\n .hook-panel-title;\n}\n\n\n\/* Sub-object: `uk-panel-badge`\n ========================================================================== *\/\n\n.uk-panel-badge {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n .hook-panel-badge;\n}\n\n\/* Sub-object: `uk-panel-teaser`\n ========================================================================== *\/\n\n.uk-panel-teaser { margin-bottom: @panel-teaser-margin-bottom; }\n\n\n\/* Sub-object: `uk-panel-body`\n ========================================================================== *\/\n\n.uk-panel-body { padding: @panel-body-padding; }\n\n\n\/* Modifier: `uk-panel-box`\n ========================================================================== *\/\n\n.uk-panel-box {\n padding: @panel-box-padding;\n background: @panel-box-background;\n color: @panel-box-color;\n .hook-panel-box;\n}\n\n.uk-panel-box-hover:hover {\n color: @panel-box-hover-color;\n .hook-panel-box-hover;\n}\n\n.uk-panel-box .uk-panel-title { color: @panel-box-title-color; }\n\n.uk-panel-box .uk-panel-badge {\n top: @panel-box-badge-top;\n right: @panel-box-badge-right;\n}\n\n.uk-panel-box > .uk-panel-teaser {\n margin-top: @panel-box-teaser-margin;\n margin-left: @panel-box-teaser-margin;\n margin-right: @panel-box-teaser-margin;\n}\n\n\/*\n * Nav in panel\n *\/\n\n.uk-panel-box > .uk-nav-side { margin: 0 (-@panel-box-padding); }\n\n\/*\n * Sub-modifier: `uk-panel-box-primary`\n *\/\n\n.uk-panel-box-primary {\n background-color: @panel-box-primary-background;\n color: @panel-box-primary-color;\n .hook-panel-box-primary;\n}\n\n.uk-panel-box-primary-hover:hover {\n color: @panel-box-primary-hover-color;\n .hook-panel-box-primary-hover;\n}\n\n.uk-panel-box-primary .uk-panel-title { color: @panel-box-primary-title-color; }\n\n\/*\n * Sub-modifier: `uk-panel-box-secondary`\n *\/\n\n.uk-panel-box-secondary {\n background-color: @panel-box-secondary-background;\n color: @panel-box-secondary-color;\n .hook-panel-box-secondary;\n}\n\n.uk-panel-box-secondary-hover:hover {\n color: @panel-box-secondary-hover-color;\n .hook-panel-box-secondary-hover;\n}\n\n.uk-panel-box-secondary .uk-panel-title { color: @panel-box-secondary-title-color; }\n\n\n\/* Modifier: `uk-panel-hover`\n ========================================================================== *\/\n\n.uk-panel-hover {\n padding: @panel-hover-padding;\n color: @panel-hover-color;\n .hook-panel-hover;\n}\n\n.uk-panel-hover:hover {\n background: @panel-hover-hover-background;\n color: @panel-hover-hover-color;\n .hook-panel-hover-hover;\n}\n\n.uk-panel-hover .uk-panel-badge {\n top: @panel-hover-badge-top;\n right: @panel-hover-badge-right;\n}\n\n.uk-panel-hover > .uk-panel-teaser {\n margin-top: @panel-hover-teaser-margin;\n margin-left: @panel-hover-teaser-margin;\n margin-right: @panel-hover-teaser-margin;\n}\n\n\n\/* Modifier: `uk-panel-header`\n ========================================================================== *\/\n\n.uk-panel-header .uk-panel-title {\n padding-bottom: @panel-header-title-padding;\n border-bottom: @panel-header-title-border-width solid @panel-header-title-border;\n color: @panel-header-title-color;\n .hook-panel-header;\n}\n\n\n\/* Modifier: `uk-panel-space`\n ========================================================================== *\/\n\n.uk-panel-space { padding: @panel-space-padding; }\n\n.uk-panel-space .uk-panel-badge {\n top: @panel-space-padding;\n right: @panel-space-padding;\n}\n\n\n\/* Modifier: `uk-panel-divider`\n ========================================================================== *\/\n\n.uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter * 2) !important; }\n\n.uk-panel + .uk-panel-divider:before {\n content: \"\";\n display: block;\n position: absolute;\n top: -(@panel-divider-gutter);\n left: 0;\n right: 0;\n border-top: @panel-divider-border-width solid @panel-divider-border;\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter-large * 2) !important; }\n .uk-panel + .uk-panel-divider:before { top: -(@panel-divider-gutter-large); }\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-panel-misc;\n\n.hook-panel-title() {}\n.hook-panel-badge() {}\n.hook-panel-box() {}\n.hook-panel-box-hover() {}\n.hook-panel-box-primary() {}\n.hook-panel-box-primary-hover() {}\n.hook-panel-box-secondary() {}\n.hook-panel-box-secondary-hover() {}\n.hook-panel-hover() {}\n.hook-panel-hover-hover() {}\n.hook-panel-header() {}\n.hook-panel-misc() {}\n\n\/\/ Name: Block\n\/\/ Description: Defines styles to create horizontal layout blocks\n\/\/\n\/\/ Component: `uk-block`\n\/\/\n\/\/ Modifiers: `uk-block-large`\n\/\/ `uk-block-default`\n\/\/ `uk-block-muted`\n\/\/ `uk-block-primary`\n\/\/ `uk-block-secondary`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@block-padding-vertical: 20px;\n@block-padding-vertical-large: 50px;\n\n@block-large-padding-vertical: @block-padding-vertical;\n@block-large-padding-vertical-medium: @block-padding-vertical-large;\n@block-large-padding-vertical-large: 100px;\n\n@block-default-background: #fff;\n@block-muted-background: #f9f9f9;\n@block-primary-background: #00a8e6;\n@block-secondary-background: #222;\n\n\n\/* ========================================================================\n Component: Block\n ========================================================================== *\/\n\n.uk-block {\n position: relative;\n box-sizing: border-box;\n padding-top: @block-padding-vertical;\n padding-bottom: @block-padding-vertical;\n .hook-block;\n}\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-block {\n padding-top: @block-padding-vertical-large;\n padding-bottom: @block-padding-vertical-large;\n }\n\n}\n\n\/*\n * Micro clearfix to make blocks more robust\n *\/\n\n.uk-block:before,\n.uk-block:after {\n content: \"\";\n display: table;\n}\n\n.uk-block:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-block > :last-child { margin-bottom: 0; }\n\n\n\/* Padding Modifier\n ========================================================================== *\/\n\n\/*\n * Large padding\n *\/\n\n.uk-block-large {\n padding-top: @block-large-padding-vertical;\n padding-bottom: @block-large-padding-vertical;\n}\n\n\/* Tablets and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-block-large {\n padding-top: @block-large-padding-vertical-medium;\n padding-bottom: @block-large-padding-vertical-medium;\n }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n .uk-block-large {\n padding-top: @block-large-padding-vertical-large;\n padding-bottom: @block-large-padding-vertical-large;\n }\n\n}\n\n\n\/* Color Modifier\n ========================================================================== *\/\n\n\/*\n * Default\n *\/\n\n.uk-block-default {\n background: @block-default-background;\n .hook-block-default;\n}\n\n\/*\n * Muted\n *\/\n\n.uk-block-muted {\n background: @block-muted-background;\n .hook-block-muted;\n}\n\n\/*\n * Primary\n *\/\n\n.uk-block-primary {\n background: @block-primary-background;\n .hook-block-primary;\n}\n\n\/*\n * Secondary\n *\/\n\n.uk-block-secondary {\n background: @block-secondary-background;\n .hook-block-secondary;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-block-misc;\n\n.hook-block() {}\n.hook-block-default() {}\n.hook-block-muted() {}\n.hook-block-secondary() {}\n.hook-block-primary() {}\n.hook-block-misc() {}\n\/\/ Name: Article\n\/\/ Description: Defines styles for articles within your page\n\/\/\n\/\/ Component: `uk-article`\n\/\/\n\/\/ Sub-objects: `uk-article-title`\n\/\/ `uk-article-meta`\n\/\/ `uk-article-lead`\n\/\/ `uk-article-divider`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@article-margin-top: 25px;\n\n@article-title-font-size: 36px;\n@article-title-line-height: 42px;\n@article-title-font-weight: normal;\n@article-title-text-transform: none;\n\n@article-meta-font-size: 12px;\n@article-meta-line-height: 18px;\n@article-meta-color: #999;\n\n@article-lead-color: #444;\n@article-lead-font-size: 18px;\n@article-lead-line-height: 24px;\n@article-lead-font-weight: normal;\n\n@article-divider-margin: 25px;\n@article-divider-border: #ddd;\n\n\n\/* ========================================================================\n Component: Article\n ========================================================================== *\/\n\n\/*\n * Micro clearfix to make articles more robust\n *\/\n\n.uk-article:before,\n.uk-article:after {\n content: \"\";\n display: table;\n}\n\n.uk-article:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-article > :last-child { margin-bottom: 0; }\n\n\/*\n * Vertical gutter for articles\n *\/\n\n.uk-article + .uk-article { margin-top: @article-margin-top; }\n\n\n\/* Sub-object `uk-article-title`\n ========================================================================== *\/\n\n.uk-article-title {\n font-size: @article-title-font-size;\n line-height: @article-title-line-height;\n font-weight: @article-title-font-weight;\n text-transform: @article-title-text-transform;\n .hook-article-title;\n}\n\n.uk-article-title a {\n color: inherit;\n text-decoration: none;\n}\n\n\n\/* Sub-object `uk-article-meta`\n ========================================================================== *\/\n\n.uk-article-meta {\n font-size: @article-meta-font-size;\n line-height: @article-meta-line-height;\n color: @article-meta-color;\n .hook-article-meta;\n}\n\n\n\/* Sub-object `uk-article-lead`\n ========================================================================== *\/\n\n.uk-article-lead {\n color: @article-lead-color;\n font-size: @article-lead-font-size;\n line-height: @article-lead-line-height;\n font-weight: @article-lead-font-weight;\n .hook-article-lead;\n}\n\n\n\/* Sub-object `uk-article-divider`\n ========================================================================== *\/\n\n.uk-article-divider {\n margin-bottom: @article-divider-margin;\n border-color: @article-divider-border;\n .hook-article-divider;\n}\n\n* + .uk-article-divider { margin-top: @article-divider-margin; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-article-misc;\n\n.hook-article-title() {}\n.hook-article-meta() {}\n.hook-article-lead() {}\n.hook-article-divider() {}\n.hook-article-misc() {}\n\/\/ Name: Comment\n\/\/ Description: Defines styles for comment threads\n\/\/\n\/\/ Component: `uk-comment`\n\/\/\n\/\/ Sub-objects: `uk-comment-header`\n\/\/ `uk-comment-avatar`\n\/\/ `uk-comment-title`\n\/\/ `uk-comment-meta`\n\/\/ `uk-comment-body`\n\/\/ `uk-comment-list`\n\/\/ `uk-comment-primary`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@comment-header-margin-bottom: 15px;\n\n@comment-avatar-margin-right: 15px;\n\n@comment-title-margin-top: 5px;\n@comment-title-font-size: 16px;\n@comment-title-line-height: 22px;\n\n@comment-meta-margin-top: 2px;\n@comment-meta-color: #999;\n@comment-meta-font-size: 11px;\n@comment-meta-line-height: 16px;\n\n@comment-list-margin-top: 15px;\n@comment-list-padding-left: 100px;\n\n\n\/* ========================================================================\n Component: Comment\n ========================================================================== *\/\n\n.uk-comment {\n .hook-comment;\n}\n\n\n\/* Sub-object `uk-comment-header`\n ========================================================================== *\/\n\n.uk-comment-header {\n margin-bottom: @comment-header-margin-bottom;\n .hook-comment-header;\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-comment-header:before,\n.uk-comment-header:after {\n content: \"\";\n display: table;\n}\n\n.uk-comment-header:after { clear: both; }\n\n\n\/* Sub-object `uk-comment-avatar`\n ========================================================================== *\/\n\n.uk-comment-avatar {\n margin-right: @comment-avatar-margin-right;\n float: left;\n .hook-comment-avatar;\n}\n\n\n\/* Sub-object `uk-comment-title`\n ========================================================================== *\/\n\n.uk-comment-title {\n margin: @comment-title-margin-top 0 0 0;\n font-size: @comment-title-font-size;\n line-height: @comment-title-line-height;\n .hook-comment-title;\n}\n\n\n\/* Sub-object `uk-comment-meta`\n ========================================================================== *\/\n\n.uk-comment-meta {\n margin: @comment-meta-margin-top 0 0 0;\n font-size: @comment-meta-font-size;\n line-height: @comment-meta-line-height;\n color: @comment-meta-color;\n .hook-comment-meta;\n}\n\n\n\/* Sub-object `uk-comment-body`\n ========================================================================== *\/\n\n.uk-comment-body {\n .hook-comment-body;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n .uk-comment-body > :last-child { margin-bottom: 0; }\n\n\n\/* Sub-object `uk-comment-list`\n ========================================================================== *\/\n\n.uk-comment-list {\n padding: 0;\n list-style: none;\n}\n\n.uk-comment-list .uk-comment + ul {\n margin: @comment-list-margin-top 0 0 0;\n list-style: none;\n}\n\n.uk-comment-list > li:nth-child(n+2),\n.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: @comment-list-margin-top; }\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-comment-list .uk-comment + ul { padding-left: @comment-list-padding-left; }\n\n}\n\n\n\/* Modifier `uk-comment-primary`\n ========================================================================== *\/\n\n.uk-comment-primary {\n .hook-comment-primary;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-comment-misc;\n\n.hook-comment() {}\n.hook-comment-header() {}\n.hook-comment-avatar() {}\n.hook-comment-title() {}\n.hook-comment-meta() {}\n.hook-comment-body() {}\n.hook-comment-primary() {}\n.hook-comment-misc() {}\n\/\/ Name: Cover\n\/\/ Description: Defines styles for images and videos to cover their container in a centered position\n\/\/\n\/\/ Component: `uk-cover-*`\n\/\/\n\/\/ Used by: Slideshow\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Cover\n ========================================================================== *\/\n\n\/*\n * Background image always covers and centers its element\n *\/\n\n.uk-cover-background {\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n\/*\n * Emulates image cover, works with video and image elements\n * 1. Parent container which clips resized object\n * 2. Resizes the object to always covers its container\n * 3. Reset the responsive image CSS\n * 4. Center object\n *\/\n\n\/* 1 *\/\n.uk-cover { overflow: hidden; }\n\n.uk-cover-object {\n \/* 2 *\/\n width: auto;\n height: auto;\n min-width: 100%;\n min-height: 100%;\n \/* 3 *\/\n max-width: none;\n \/* 4 *\/\n position: relative;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n}\n\n\/*\n * To center iframes use `data-uk-cover` JavaScript\n *\/\n\n[data-uk-cover] {\n position: relative;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-cover-misc;\n\n.hook-cover-misc() {}\n\n\/\/ Navs\n\/\/ Name: Nav\n\/\/ Description: Defines styles for list navigations\n\/\/\n\/\/ Component: `uk-nav`\n\/\/\n\/\/ Sub-objects: `uk-nav-header`\n\/\/ `uk-nav-divider`\n\/\/ `uk-nav-sub`\n\/\/\n\/\/ Modifiers: `uk-nav-parent-icon`\n\/\/ `uk-nav-side`\n\/\/ `uk-nav-dropdown`\n\/\/ `uk-nav-navbar`\n\/\/ `uk-nav-offcanvas`\n\/\/\n\/\/ States: `uk-active`\n\/\/ `uk-parent`\n\/\/ `uk-open`\n\/\/ `uk-touch`\n\/\/\n\/\/ Uses: Icon: FontAwesome\n\/\/\n\/\/ Used by: Panel\n\/\/ Dropdown\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@nav-padding-vertical: 5px;\n@nav-padding-horizontal: 15px;\n\n@nav-header-padding-vertical: @nav-padding-vertical;\n@nav-header-padding-horizontal: @nav-padding-horizontal;\n@nav-header-font-size: 12px;\n@nav-header-font-weight: bold;\n@nav-header-text-transform: uppercase;\n@nav-header-margin-top: 15px;\n\n@nav-divider-margin-vertical: 9px;\n@nav-divider-margin-horizontal: @nav-padding-horizontal;\n\n@nav-subtitle-font-size: 12px;\n@nav-subtitle-line-height: 18px;\n\n@nav-nested-padding-left: 15px;\n@nav-nested-padding-vertical: 2px;\n@nav-nested-padding-horizontal: 0;\n\n@nav-sub-padding-vertical: 5px;\n@nav-sub-padding-left: @nav-padding-horizontal;\n\n@nav-parent-icon: \"\\f104\";\n@nav-parent-open-icon: \"\\f107\";\n@nav-parent-icon-width: 20px;\n@nav-parent-icon-margin-right: -10px;\n\n@nav-side-color: #444;\n@nav-side-hover-background: rgba(0,0,0,0.05);\n@nav-side-hover-color: #444;\n@nav-side-active-background: #00a8e6;\n@nav-side-active-color: #fff;\n@nav-side-header-color: #444;\n@nav-side-divider-border: #ddd;\n@nav-side-divider-border-width: 1px;\n@nav-side-nested-color: #07D;\n@nav-side-nested-hover-color: #059;\n\n@nav-dropdown-color: #444;\n@nav-dropdown-hover-background: #00a8e6;\n@nav-dropdown-hover-color: #fff;\n@nav-dropdown-header-color: #999;\n@nav-dropdown-divider-border: #ddd;\n@nav-dropdown-divider-border-width: 1px;\n@nav-dropdown-nested-color: #07D;\n@nav-dropdown-nested-hover-color: #059;\n\n@nav-navbar-color: #444;\n@nav-navbar-hover-background: #00a8e6;\n@nav-navbar-hover-color: #fff;\n@nav-navbar-header-color: #999;\n@nav-navbar-divider-border: #ddd;\n@nav-navbar-divider-border-width: 1px;\n@nav-navbar-nested-color: #07D;\n@nav-navbar-nested-hover-color: #059;\n\n@nav-offcanvas-padding-vertical: 10px;\n@nav-offcanvas-padding-horizontal: 15px;\n@nav-offcanvas-color: #ccc;\n@nav-offcanvas-hover-background: #404040;\n@nav-offcanvas-hover-color: #fff;\n@nav-offcanvas-active-background: #1a1a1a;\n@nav-offcanvas-active-color: #fff;\n@nav-offcanvas-header-color: #777;\n@nav-offcanvas-divider-border: #1a1a1a;\n@nav-offcanvas-divider-border-width: 1px;\n@nav-offcanvas-nested-color: #ccc;\n@nav-offcanvas-nested-hover-color: #fff;\n\n\n\/* ========================================================================\n Component: Nav\n ========================================================================== *\/\n\n.uk-nav,\n.uk-nav ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n\/*\n * Items\n *\/\n\n.uk-nav li > a {\n display: block;\n text-decoration: none;\n}\n\n.uk-nav > li > a { padding: @nav-padding-vertical @nav-padding-horizontal; }\n\n\/*\n * Nested items\n *\/\n\n.uk-nav ul { padding-left: @nav-nested-padding-left; }\n\n.uk-nav ul a { padding: @nav-nested-padding-vertical @nav-nested-padding-horizontal; }\n\n\/*\n * Item subtitle\n *\/\n\n.uk-nav li > a > div {\n font-size: @nav-subtitle-font-size;\n line-height: @nav-subtitle-line-height;\n}\n\n\n\/* Sub-object: `uk-nav-header`\n ========================================================================== *\/\n\n.uk-nav-header {\n padding: @nav-header-padding-vertical @nav-header-padding-horizontal;\n text-transform: @nav-header-text-transform;\n font-weight: @nav-header-font-weight;\n font-size: @nav-header-font-size;\n .hook-nav-header;\n}\n\n.uk-nav-header:not(:first-child) { margin-top: @nav-header-margin-top; }\n\n\n\/* Sub-object: `uk-nav-divider`\n ========================================================================== *\/\n\n.uk-nav-divider {\n margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;\n .hook-nav-divider;\n}\n\n\n\/* Sub-object: `uk-nav-sub`\n ========================================================================== *\/\n\n\/*\n * `ul` needed for higher specificity to override padding\n *\/\n\nul.uk-nav-sub {\n padding: @nav-sub-padding-vertical 0 @nav-sub-padding-vertical @nav-sub-padding-left;\n .hook-nav-sub;\n}\n\n\n\/* Modifier: `uk-nav-parent-icon`\n ========================================================================== *\/\n\n.uk-nav-parent-icon > .uk-parent > a:after {\n content: @nav-parent-icon;\n width: @nav-parent-icon-width;\n margin-right: @nav-parent-icon-margin-right;\n float: right;\n font-family: FontAwesome;\n text-align: center;\n .hook-nav-parent-icon;\n}\n\n.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: @nav-parent-open-icon; }\n\n\n\/* Modifier `uk-nav-side`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-side > li > a {\n color: @nav-side-color;\n .hook-nav-side;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-side > li > a:hover,\n.uk-nav-side > li > a:focus { \/\/ 1\n background: @nav-side-hover-background;\n color: @nav-side-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-nav-side-hover;\n}\n\n\/* Active *\/\n.uk-nav-side > li.uk-active > a {\n background: @nav-side-active-background;\n color: @nav-side-active-color;\n .hook-nav-side-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-side .uk-nav-header {\n color: @nav-side-header-color;\n .hook-nav-side-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-side .uk-nav-divider {\n border-top: @nav-side-divider-border-width solid @nav-side-divider-border;\n .hook-nav-side-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-side ul a { color: @nav-side-nested-color; }\n.uk-nav-side ul a:hover { color: @nav-side-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-dropdown`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-dropdown > li > a {\n color: @nav-dropdown-color;\n .hook-nav-dropdown;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-dropdown > li > a:hover,\n.uk-nav-dropdown > li > a:focus { \/\/ 1\n background: @nav-dropdown-hover-background;\n color: @nav-dropdown-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-nav-dropdown-hover;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-dropdown .uk-nav-header {\n color: @nav-dropdown-header-color;\n .hook-nav-dropdown-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-dropdown .uk-nav-divider {\n border-top: @nav-dropdown-divider-border-width solid @nav-dropdown-divider-border;\n .hook-nav-dropdown-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-dropdown ul a { color: @nav-dropdown-nested-color; }\n.uk-nav-dropdown ul a:hover { color: @nav-dropdown-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-navbar`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-navbar > li > a {\n color: @nav-navbar-color;\n .hook-nav-navbar;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-navbar > li > a:hover,\n.uk-nav-navbar > li > a:focus { \/\/ 1\n background: @nav-navbar-hover-background;\n color: @nav-navbar-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-nav-navbar-hover;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-navbar .uk-nav-header {\n color: @nav-navbar-header-color;\n .hook-nav-navbar-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-navbar .uk-nav-divider {\n border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;\n .hook-nav-navbar-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-navbar ul a { color: @nav-navbar-nested-color; }\n.uk-nav-navbar ul a:hover { color: @nav-navbar-nested-hover-color; }\n\n\n\/* Modifier `uk-nav-offcanvas`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-offcanvas > li > a {\n color: @nav-offcanvas-color;\n padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;\n .hook-nav-offcanvas;\n}\n\n\/*\n * Hover\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-nav-offcanvas > .uk-open > a,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { \/\/ 1\n background: @nav-offcanvas-hover-background;\n color: @nav-offcanvas-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-nav-offcanvas-hover;\n}\n\n\/*\n * Active\n * `html .uk-nav` needed for higher specificity to override hover\n *\/\nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {\n background: @nav-offcanvas-active-background;\n color: @nav-offcanvas-active-color;\n .hook-nav-offcanvas-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-offcanvas .uk-nav-header {\n color: @nav-offcanvas-header-color;\n .hook-nav-offcanvas-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-offcanvas .uk-nav-divider {\n border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;\n .hook-nav-offcanvas-divider;\n}\n\n\/*\n * Nested items\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n *\/\n\n.uk-nav-offcanvas ul a { color: @nav-offcanvas-nested-color; }\nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: @nav-offcanvas-nested-hover-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-nav-misc;\n\n.hook-nav-header() {}\n.hook-nav-divider() {}\n.hook-nav-sub() {}\n.hook-nav-parent-icon() {}\n\n.hook-nav-side() {}\n.hook-nav-side-hover() {}\n.hook-nav-side-active() {}\n.hook-nav-side-header() {}\n.hook-nav-side-divider() {}\n\n.hook-nav-dropdown() {}\n.hook-nav-dropdown-hover() {}\n.hook-nav-dropdown-header() {}\n.hook-nav-dropdown-divider() {}\n\n.hook-nav-navbar() {}\n.hook-nav-navbar-hover() {}\n.hook-nav-navbar-header() {}\n.hook-nav-navbar-divider() {}\n\n.hook-nav-offcanvas() {}\n.hook-nav-offcanvas-hover() {}\n.hook-nav-offcanvas-active() {}\n.hook-nav-offcanvas-header() {}\n.hook-nav-offcanvas-divider() {}\n\n.hook-nav-misc() {}\n\/\/ Name: Navbar\n\/\/ Description: Defines styles for the navigation bar\n\/\/\n\/\/ Component: `uk-navbar`\n\/\/\n\/\/ Sub-objects: `uk-navbar-nav`\n\/\/ `uk-navbar-nav-subtitle`\n\/\/ `uk-navbar-content`\n\/\/ `uk-navbar-brand`\n\/\/ `uk-navbar-toggle`\n\/\/ `uk-navbar-toggle-alt`\n\/\/ `uk-navbar-center`\n\/\/ `uk-navbar-flip`\n\/\/\n\/\/ Modifiers: `uk-navbar-attached`\n\/\/\n\/\/ States: `uk-active`\n\/\/ `uk-parent`\n\/\/ `uk-open`\n\/\/\n\/\/ Used by: Dropdown\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@navbar-background: #eee;\n@navbar-color: #444;\n@navbar-link-color: #07D;\n@navbar-link-hover-color: #059;\n\n@navbar-nav-height: 40px;\n@navbar-nav-line-height: @navbar-nav-height;\n@navbar-nav-padding-horizontal: 15px;\n@navbar-nav-color: #444;\n@navbar-nav-font-size: 14px;\n@navbar-nav-font-weight: normal;\n@navbar-nav-font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n@navbar-nav-hover-background: #f5f5f5;\n@navbar-nav-hover-color: #444;\n@navbar-nav-onclick-background: #ddd;\n@navbar-nav-onclick-color: #444;\n@navbar-nav-active-background: #f5f5f5;\n@navbar-nav-active-color: #444;\n@navbar-nav-subtitle-font-size: 10px;\n@navbar-nav-subtitle-offset: 2px;\n\n@navbar-brand-font-size: 18px;\n@navbar-brand-color: #444;\n@navbar-brand-hover-color: #444;\n\n@navbar-toggle-font-size: 18px;\n@navbar-toggle-color: #444;\n@navbar-toggle-hover-color: #444;\n@navbar-toggle-icon: \"\\f0c9\";\n@navbar-toggle-icon-alt: \"\\f002\";\n\n\n\/* ========================================================================\n Component: Navbar\n ========================================================================== *\/\n\n.uk-navbar {\n background: @navbar-background;\n color: @navbar-color;\n .hook-navbar;\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-navbar:before,\n.uk-navbar:after {\n content: \"\";\n display: table;\n}\n\n.uk-navbar:after { clear: both; }\n\n\n\/* Sub-object: `uk-navbar-nav`\n ========================================================================== *\/\n\n.uk-navbar-nav {\n margin: 0;\n padding: 0;\n list-style: none;\n float: left;\n}\n\n\/*\n * 1. Create position context for dropdowns\n *\/\n\n.uk-navbar-nav > li {\n float: left;\n \/* 1 *\/\n position: relative;\n}\n\n\/*\n * 1. Dimensions\n * 2. Style\n *\/\n\n.uk-navbar-nav > li > a {\n display: block;\n box-sizing: border-box;\n text-decoration: none;\n \/* 1 *\/\n height: @navbar-nav-height;\n padding: 0 @navbar-nav-padding-horizontal;\n line-height: @navbar-nav-line-height;\n \/* 2 *\/\n color: @navbar-nav-color;\n font-size: @navbar-nav-font-size;\n font-family: @navbar-nav-font-family;\n font-weight: @navbar-nav-font-weight;\n .hook-navbar-nav;\n}\n\n\/* Appear not as link *\/\n.uk-navbar-nav > li > a[href='#'] { cursor: text; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n *\/\n\n.uk-navbar-nav > li:hover > a,\n.uk-navbar-nav > li > a:focus, \/\/ 1\n.uk-navbar-nav > li.uk-open > a { \/\/ 2\n background-color: @navbar-nav-hover-background;\n color: @navbar-nav-hover-color;\n \/* 3 *\/\n outline: none;\n .hook-navbar-nav-hover;\n}\n\n\/* OnClick *\/\n.uk-navbar-nav > li > a:active {\n background-color: @navbar-nav-onclick-background;\n color: @navbar-nav-onclick-color;\n .hook-navbar-nav-onclick;\n}\n\n\/* Active *\/\n.uk-navbar-nav > li.uk-active > a {\n background-color: @navbar-nav-active-background;\n color: @navbar-nav-active-color;\n .hook-navbar-nav-active;\n}\n\n\n\/* Sub-objects: `uk-navbar-nav-subtitle`\n ========================================================================== *\/\n\n.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: @navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-subtitle-offset; }\n\n.uk-navbar-nav-subtitle > div {\n margin-top: ((@navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-font-size) \/ -2) + @navbar-nav-subtitle-offset;\n font-size: @navbar-nav-subtitle-font-size;\n line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;\n}\n\n\n\/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`\n ========================================================================== *\/\n\n\/*\n * Imitate navbar items\n *\/\n\n.uk-navbar-content,\n.uk-navbar-brand,\n.uk-navbar-toggle {\n box-sizing: border-box;\n display: block;\n height: @navbar-nav-height;\n padding: 0 @navbar-nav-padding-horizontal;\n float: left;\n .hook-navbar-content;\n}\n\n\/*\n * Helper to center all child elements vertically\n *\/\n\n.uk-navbar-content:before,\n.uk-navbar-brand:before,\n.uk-navbar-toggle:before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n\n\/* Sub-objects: `uk-navbar-content`\n ========================================================================== *\/\n\n\/*\n * Better sibling spacing\n *\/\n\n.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; }\n\n\/*\n * Link colors\n *\/\n\n.uk-navbar-content > a:not([class]) { color: @navbar-link-color; }\n.uk-navbar-content > a:not([class]):hover { color: @navbar-link-hover-color; }\n\n\n\/* Sub-objects: `uk-navbar-brand`\n ========================================================================== *\/\n\n.uk-navbar-brand {\n font-size: @navbar-brand-font-size;\n color: @navbar-brand-color;\n text-decoration: none;\n}\n\n\/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-navbar-brand:hover,\n.uk-navbar-brand:focus { \/\/ 1\n color: @navbar-brand-hover-color;\n text-decoration: none;\n \/* 2 *\/\n outline: none;\n}\n\n\n\/* Sub-object: `uk-navbar-toggle`\n ========================================================================== *\/\n\n.uk-navbar-toggle {\n font-size: @navbar-toggle-font-size;\n color: @navbar-toggle-color;\n text-decoration: none;\n}\n\n\/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-navbar-toggle:hover,\n.uk-navbar-toggle:focus { \/\/ 1\n color: @navbar-toggle-hover-color;\n text-decoration: none;\n \/* 2 *\/\n outline: none;\n}\n\n\/*\n * 1. Center icon vertically\n *\/\n\n.uk-navbar-toggle:after {\n content: @navbar-toggle-icon;\n font-family: FontAwesome;\n \/* 1 *\/\n vertical-align: middle;\n}\n\n.uk-navbar-toggle-alt:after { content: @navbar-toggle-icon-alt; }\n\n\n\/* Sub-object: `uk-navbar-center`\n ========================================================================== *\/\n\n\/*\n * The element with this class needs to be last child in the navbar\n * 1. This hack is needed because other float elements shift centered text\n *\/\n\n.uk-navbar-center {\n float: none;\n text-align: center;\n \/* 1 *\/\n max-width: 50%;\n margin-left: auto;\n margin-right: auto;\n}\n\n\n\/* Sub-object: `uk-navbar-flip`\n ========================================================================== *\/\n\n.uk-navbar-flip { float: right; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-navbar-misc;\n\n.hook-navbar() {}\n.hook-navbar-nav() {}\n.hook-navbar-nav-hover() {}\n.hook-navbar-nav-onclick() {}\n.hook-navbar-nav-active() {}\n.hook-navbar-content() {}\n.hook-navbar-misc() {}\n\/\/ Name: Subnav\n\/\/ Description: Defines styles for the sub navigation\n\/\/\n\/\/ Component: `uk-subnav`\n\/\/\n\/\/ Modifiers: `uk-subnav-line`\n\/\/ `uk-subnav-pill`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@subnav-margin-horizontal: 10px;\n@subnav-margin-vertical: @subnav-margin-horizontal;\n\n@subnav-color: #444;\n@subnav-hover-color: #07D;\n@subnav-hover-text-decoration: none;\n@subnav-active-color: #07D;\n\n@subnav-line-border-height: 10px;\n@subnav-line-border: #ddd;\n@subnav-line-border-width: 1px;\n\n@subnav-pill-padding-vertical: 3px;\n@subnav-pill-padding-horizontal: 9px;\n@subnav-pill-hover-background: #eee;\n@subnav-pill-hover-color: #444;\n@subnav-pill-active-background: #00a8e6;\n@subnav-pill-active-color: #fff;\n\n@subnav-disabled-color: #999;\n\n\n\/* ========================================================================\n Component: Subnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-subnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n \/* 1 *\/\n margin-left: -@subnav-margin-horizontal;\n margin-top: -@subnav-margin-vertical;\n \/* 2 *\/\n padding: 0;\n list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n * 3. Create position context for dropdowns\n *\/\n\n.uk-subnav > * {\n \/* 1 *\/\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n \/* 2 *\/\n padding-left: @subnav-margin-horizontal;\n margin-top: @subnav-margin-vertical;\n \/* 3 *\/\n position: relative;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-subnav:before,\n.uk-subnav:after {\n content: \"\";\n display: block;\n overflow: hidden;\n}\n\n.uk-subnav:after { clear: both; }\n\n.uk-subnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n.uk-subnav > * > * {\n display: inline-block;\n color: @subnav-color;\n .hook-subnav;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-subnav > * > :hover,\n.uk-subnav > * > :focus { \/\/ 1\n color: @subnav-hover-color;\n text-decoration: @subnav-hover-text-decoration;\n .hook-subnav-hover;\n}\n\n\/*\n * Active\n *\/\n\n.uk-subnav > .uk-active > * {\n color: @subnav-active-color;\n .hook-subnav-active;\n}\n\n\n\/* Modifier: 'subnav-line'\n ========================================================================== *\/\n\n.uk-subnav-line > :before {\n content: \"\";\n display: inline-block;\n height: @subnav-line-border-height;\n vertical-align: middle;\n}\n\n.uk-subnav-line > :nth-child(n+2):before {\n margin-right: @subnav-margin-horizontal;\n border-left: @subnav-line-border-width solid @subnav-line-border;\n .hook-subnav-line-divider;\n}\n\n\n\/* Modifier: 'subnav-pill'\n ========================================================================== *\/\n\n.uk-subnav-pill > * > * {\n padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\n .hook-subnav-pill;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-subnav-pill > * > :hover,\n.uk-subnav-pill > * > :focus { \/\/ 1\n background: @subnav-pill-hover-background;\n color: @subnav-pill-hover-color;\n text-decoration: none;\n \/* 2 *\/\n outline: none;\n .hook-subnav-pill-hover;\n}\n\n\/*\n * Active\n * `li` needed for higher specificity to override hover\n *\/\n\n.uk-subnav-pill > .uk-active > * {\n background: @subnav-pill-active-background;\n color: @subnav-pill-active-color;\n .hook-subnav-pill-active;\n}\n\n\n\/* Disabled state\n ========================================================================== *\/\n\n.uk-subnav > .uk-disabled > * {\n background: none;\n color: @subnav-disabled-color;\n text-decoration: none;\n cursor: text;\n .hook-subnav-disabled;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-subnav-misc;\n\n.hook-subnav() {}\n.hook-subnav-hover() {}\n.hook-subnav-active() {}\n.hook-subnav-line-divider() {}\n.hook-subnav-pill() {}\n.hook-subnav-pill-hover() {}\n.hook-subnav-pill-active() {}\n.hook-subnav-disabled() {}\n.hook-subnav-misc() {}\n\/\/ Name: Breadcrumb\n\/\/ Description: Defines styles for a breadcrumb navigation\n\/\/\n\/\/ Component: `uk-breadcrumb`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@breadcrumb-font-size: 1rem;\n\n@breadcrumb-divider: \"\/\";\n@breadcrumb-divider-margin: 8px;\n@breadcrumb-disabled-color: #999;\n\n\n\/* ========================================================================\n Component: Breadcrumb\n ========================================================================== *\/\n\n\/*\n * 1. Remove default list style\n * 2. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-breadcrumb {\n \/* 1 *\/\n padding: 0;\n list-style: none;\n \/* 2 *\/\n font-size: 0.001px;\n .hook-breadcrumb;\n}\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * Reset whitespace hack\n *\/\n\n.uk-breadcrumb > li {\n font-size: @breadcrumb-font-size;\n vertical-align: top;\n}\n\n.uk-breadcrumb > li,\n.uk-breadcrumb > li > a,\n.uk-breadcrumb > li > span { display: inline-block; }\n\n.uk-breadcrumb > li:nth-child(n+2):before {\n content: @breadcrumb-divider;\n display: inline-block;\n margin: 0 @breadcrumb-divider-margin;\n .hook-breadcrumb-divider;\n}\n\n\/*\n * Disabled\n *\/\n\n.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-breadcrumb-misc;\n\n.hook-breadcrumb() {}\n.hook-breadcrumb-divider() {}\n.hook-breadcrumb-misc() {}\n\/\/ Name: Pagination\n\/\/ Description: Defines styles for a navigation between pages\n\/\/\n\/\/ Component: `uk-pagination`\n\/\/\n\/\/ Sub-objects: `uk-pagination-previous`\n\/\/ `uk-pagination-next`\n\/\/\n\/\/ Modifiers: `uk-pagination-left`\n\/\/ `uk-pagination-right`\n\/\/\n\/\/ States: `uk-active`\n\/\/ `uk-disabled`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@pagination-font-size: 1rem;\n@pagination-margin-left: 5px;\n@pagination-padding-vertical: 3px;\n@pagination-padding-horizontal: 5px;\n@pagination-line-height: 20px;\n@pagination-background: #eee;\n@pagination-color: #444;\n@pagination-hover-background: #f5f5f5;\n@pagination-hover-color: #444;\n@pagination-onclick-background: #ddd;\n@pagination-onclick-color: #444;\n\n@pagination-active-background: #00a8e6;\n@pagination-active-color: #fff;\n\n@pagination-disabled-background: #f5f5f5;\n@pagination-disabled-color: #999;\n\n\n\/* ========================================================================\n Component: Pagination\n ========================================================================== *\/\n\n\/*\n * 1. Remove default list style\n * 2. Center pagination by default\n * 3. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-pagination {\n \/* 1 *\/\n padding: 0;\n list-style: none;\n \/* 2 *\/\n text-align: center;\n \/* 3 *\/\n font-size: 0.001px;\n}\n\n\/*\n * Micro clearfix\n * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used\n *\/\n\n.uk-pagination:before,\n.uk-pagination:after {\n content: \"\";\n display: table;\n}\n\n.uk-pagination:after { clear: both; }\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * 1. Reset whitespace hack\n * 2. Remove the gap at the bottom of it container\n *\/\n\n.uk-pagination > li {\n display: inline-block;\n \/* 1 *\/\n font-size: @pagination-font-size;\n \/* 2 *\/\n vertical-align: top;\n}\n\n.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }\n\n\/*\n * 1. Makes pagination more robust against different box-sizing use\n * 2. Reset text-align to center if alignment modifier is used\n *\/\n\n.uk-pagination > li > a,\n.uk-pagination > li > span {\n display: inline-block;\n min-width: @pagination-line-height + (2 * @pagination-padding-vertical) - (2 * @pagination-padding-horizontal);\n padding: @pagination-padding-vertical @pagination-padding-horizontal;\n line-height: @pagination-line-height;\n text-decoration: none;\n \/* 1 *\/\n box-sizing: content-box;\n \/* 2 *\/\n text-align: center;\n .hook-pagination-item;\n}\n\n\/*\n * Links\n *\/\n\n.uk-pagination > li > a {\n background: @pagination-background;\n color: @pagination-color;\n .hook-pagination-link;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-pagination > li > a:hover,\n.uk-pagination > li > a:focus { \/\/ 1\n background-color: @pagination-hover-background;\n color: @pagination-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-pagination-link-hover;\n}\n\n\/* OnClick *\/\n.uk-pagination > li > a:active {\n background-color: @pagination-onclick-background;\n color: @pagination-onclick-color;\n .hook-pagination-link-active;\n}\n\n\/*\n * Active\n *\/\n\n.uk-pagination > .uk-active > span {\n background: @pagination-active-background;\n color: @pagination-active-color;\n .hook-pagination-active;\n}\n\n\/*\n * Disabled\n *\/\n\n.uk-pagination > .uk-disabled > span {\n background-color: @pagination-disabled-background;\n color: @pagination-disabled-color;\n .hook-pagination-disabled;\n}\n\n\n\/* Previous and next navigation\n ========================================================================== *\/\n\n.uk-pagination-previous { float: left; }\n.uk-pagination-next { float: right; }\n\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n.uk-pagination-left { text-align: left; }\n.uk-pagination-right { text-align: right; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-pagination-misc;\n\n.hook-pagination-item() {}\n.hook-pagination-link() {}\n.hook-pagination-link-hover() {}\n.hook-pagination-link-active() {}\n.hook-pagination-active() {}\n.hook-pagination-disabled() {}\n.hook-pagination-misc() {}\n\/\/ Name: Tab\n\/\/ Description: Defines styles for a tabbed navigation\n\/\/\n\/\/ Component: `uk-tab`\n\/\/\n\/\/ Modifiers: `uk-tab-flip`\n\/\/ `uk-tab-center`\n\/\/ `uk-tab-grid`\n\/\/ `uk-tab-bottom`\n\/\/ `uk-tab-left`\n\/\/ `uk-tab-right`\n\/\/ `uk-tab-responsive`\n\/\/\n\/\/ States: `uk-active`\n\/\/ `uk-disabled`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tab-border: #ddd;\n@tab-border-width: 1px;\n@tab-padding-horizontal: 12px;\n@tab-padding-vertical: 8px;\n@tab-padding-top: @tab-padding-vertical;\n@tab-padding-bottom: @tab-padding-vertical;\n@tab-margin-horizontal: 5px;\n@tab-margin-vertical: 5px;\n@tab-color: #07D;\n@tab-hover-border: #f5f5f5;\n@tab-hover-background: #f5f5f5;\n@tab-hover-color: #059;\n@tab-active-border: #ddd;\n@tab-active-background: #fff;\n@tab-active-color: #444;\n@tab-disabled-color: #999;\n\n\n\/* ========================================================================\n Component: Tab\n ========================================================================== *\/\n\n.uk-tab {\n margin: 0;\n padding: 0;\n list-style: none;\n border-bottom: @tab-border-width solid @tab-border;\n}\n\n\/*\n * Micro clearfix on the deepest container\n *\/\n\n.uk-tab:before,\n.uk-tab:after {\n content: \"\";\n display: table;\n}\n\n.uk-tab:after { clear: both; }\n\n\/*\n * Items\n * 1. Create position context for dropdowns\n *\/\n\n.uk-tab > li {\n margin-bottom: -@tab-border-width;\n float: left;\n \/* 1 *\/\n position: relative;\n}\n\n.uk-tab > li > a {\n display: block;\n padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\n border: @tab-border-width solid transparent;\n border-bottom-width: 0;\n color: @tab-color;\n text-decoration: none;\n .hook-tab;\n}\n\n.uk-tab > li:nth-child(n+2) > a { margin-left: @tab-margin-horizontal; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n *\/\n\n.uk-tab > li > a:hover,\n.uk-tab > li > a:focus, \/\/ 1\n.uk-tab > li.uk-open > a { \/\/ 2\n border-color: @tab-hover-border;\n background: @tab-hover-background;\n color: @tab-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-tab-hover;\n}\n\n.uk-tab > li:not(.uk-active) > a:hover,\n.uk-tab > li:not(.uk-active) > a:focus,\n.uk-tab > li.uk-open:not(.uk-active) > a {\n margin-bottom: @tab-border-width;\n padding-bottom: @tab-padding-bottom - @tab-border-width;\n}\n\n\/* Active *\/\n.uk-tab > li.uk-active > a {\n border-color: @tab-active-border;\n border-bottom-color: transparent;\n background: @tab-active-background;\n color: @tab-active-color;\n .hook-tab-active;\n}\n\n\/* Disabled *\/\n.uk-tab > li.uk-disabled > a {\n color: @tab-disabled-color;\n cursor: text;\n .hook-tab-disabled;\n}\n\n.uk-tab > li.uk-disabled > a:hover,\n.uk-tab > li.uk-disabled > a:focus,\n.uk-tab > li.uk-disabled.uk-active > a {\n background: none;\n border-color: transparent;\n}\n\n\n\/* Modifier: 'tab-flip'\n ========================================================================== *\/\n\n.uk-tab-flip > li { float: right; }\n\n.uk-tab-flip > li:nth-child(n+2) > a {\n margin-left: 0;\n margin-right: @tab-margin-horizontal;\n}\n\n\n\/* Modifier: 'tab-responsive'\n ========================================================================== *\/\n\n.uk-tab > li.uk-tab-responsive > a {\n margin-left: 0;\n margin-right: 0;\n}\n\n\/*\n * Icon\n *\/\n\n.uk-tab-responsive > a:before {\n content: \"\\f0c9\\00a0\";\n font-family: FontAwesome;\n}\n\n\n\/* Modifier: 'tab-center'\n ========================================================================== *\/\n\n.uk-tab-center { border-bottom: @tab-border-width solid @tab-border; }\n\n.uk-tab-center-bottom {\n border-bottom: none;\n border-top: @tab-border-width solid @tab-border;\n}\n\n.uk-tab-center:before,\n.uk-tab-center:after {\n content: \"\";\n display: table;\n}\n\n.uk-tab-center:after { clear: both; }\n\n\n\/*\n * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs\n *\/\n\n.uk-tab-center .uk-tab {\n position: relative;\n right: 50%;\n border: none;\n float: right;\n}\n\n.uk-tab-center .uk-tab > li {\n position: relative;\n right: -50%;\n}\n\n.uk-tab-center .uk-tab > li > a { text-align: center; }\n\n\n\/* Modifier: 'tab-bottom'\n ========================================================================== *\/\n\n.uk-tab-bottom {\n border-top: @tab-border-width solid @tab-border;\n border-bottom: none;\n}\n\n.uk-tab-bottom > li {\n margin-top: -@tab-border-width;\n margin-bottom: 0;\n}\n\n.uk-tab-bottom > li > a {\n padding-top: @tab-padding-bottom;\n padding-bottom: @tab-padding-top;\n border-bottom-width: @tab-border-width;\n border-top-width: 0;\n}\n\n.uk-tab-bottom > li:not(.uk-active) > a:hover,\n.uk-tab-bottom > li:not(.uk-active) > a:focus,\n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {\n margin-bottom: 0;\n margin-top: @tab-border-width;\n padding-bottom: @tab-padding-top;\n padding-top: @tab-padding-bottom - @tab-border-width;\n}\n\n.uk-tab-bottom > li.uk-active > a {\n border-top-color: transparent;\n border-bottom-color: @tab-active-border;\n}\n\n\n\/* Modifier: 'tab-grid'\n ========================================================================== *\/\n\n\/*\n * 1. Create position context to prevent hidden border because of negative `z-index`\n *\/\n\n.uk-tab-grid {\n margin-left: -@tab-margin-horizontal;\n border-bottom: none;\n \/* 1 *\/\n position: relative;\n z-index: 0;\n}\n\n.uk-tab-grid:before {\n display: block;\n position: absolute;\n left: @tab-margin-horizontal;\n right: 0;\n bottom: -@tab-border-width;\n border-top: @tab-border-width solid @tab-border;\n \/* 1 *\/\n z-index: -1;\n}\n\n.uk-tab-grid > li:first-child > a { margin-left: @tab-margin-horizontal; }\n\n.uk-tab-grid > li > a { text-align: center; }\n\n\/*\n * If `uk-tab-bottom`\n *\/\n\n.uk-tab-grid.uk-tab-bottom { border-top: none; }\n.uk-tab-grid.uk-tab-bottom:before {\n top: -@tab-border-width;\n bottom: auto;\n}\n\n\n\/* Modifier: 'tab-left', 'tab-right'\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-tab-left,\n .uk-tab-right { border-bottom: none; }\n\n .uk-tab-left > li,\n .uk-tab-right > li {\n margin-bottom: 0;\n float: none;\n }\n\n .uk-tab-left > li > a,\n .uk-tab-right > li > a {\n padding-top: @tab-padding-vertical;\n padding-bottom: @tab-padding-vertical;\n }\n\n .uk-tab-left > li:nth-child(n+2) > a,\n .uk-tab-right > li:nth-child(n+2) > a {\n margin-left: 0;\n margin-top: @tab-margin-vertical;\n }\n\n .uk-tab-left > li.uk-active > a,\n .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }\n\n \/*\n * Modifier: 'tab-left'\n *\/\n\n .uk-tab-left { border-right: @tab-border-width solid @tab-border; }\n .uk-tab-left > li { margin-right: -@tab-border-width; }\n .uk-tab-left > li > a {\n border-bottom-width: @tab-border-width;\n border-right-width: 0;\n }\n .uk-tab-left > li:not(.uk-active) > a:hover,\n .uk-tab-left > li:not(.uk-active) > a:focus {\n margin-bottom: 0;\n margin-right: @tab-border-width;\n padding-bottom: @tab-padding-vertical;\n padding-right: @tab-padding-horizontal - @tab-border-width;\n }\n .uk-tab-left > li.uk-active > a { border-right-color: transparent; }\n\n \/*\n * Modifier: 'tab-right'\n *\/\n\n .uk-tab-right { border-left: @tab-border-width solid @tab-border; }\n .uk-tab-right > li { margin-left: -@tab-border-width; }\n .uk-tab-right > li > a {\n border-bottom-width: @tab-border-width;\n border-left-width: 0;\n }\n .uk-tab-right > li:not(.uk-active) > a:hover,\n .uk-tab-right > li:not(.uk-active) > a:focus {\n margin-bottom: 0;\n margin-left: @tab-border-width;\n padding-bottom: @tab-padding-vertical;\n padding-left: @tab-padding-horizontal - @tab-border-width;\n }\n .uk-tab-right > li.uk-active > a { border-left-color: transparent; }\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-tab-misc;\n\n.hook-tab() {}\n.hook-tab-hover() {}\n.hook-tab-active() {}\n.hook-tab-disabled() {}\n.hook-tab-misc() {}\n\/\/ Name: Thumbnav\n\/\/ Description: Defines styles for a thumbnail navigation\n\/\/\n\/\/ Component: `uk-thumbnav`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnav-margin-horizontal: 10px;\n@thumbnav-margin-vertical: @thumbnav-margin-horizontal;\n\n@thumbnav-background: #fff;\n\n@thumbnav-opacity: 0.7;\n@thumbnav-hover-opacity: 1;\n@thumbnav-active-opacity: 1;\n\n\n\/* ========================================================================\n Component: Thumbnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-thumbnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n \/* 1 *\/\n margin-left: -@thumbnav-margin-horizontal;\n margin-top: -@thumbnav-margin-vertical;\n \/* 2 *\/\n padding: 0;\n list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n *\/\n\n.uk-thumbnav > * {\n \/* 1 *\/\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n \/* 2 *\/\n padding-left: @thumbnav-margin-horizontal;\n margin-top: @thumbnav-margin-vertical;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-thumbnav:before,\n.uk-thumbnav:after {\n content: \"\";\n display: block;\n overflow: hidden;\n}\n\n.uk-thumbnav:after { clear: both; }\n\n.uk-thumbnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n.uk-thumbnav > * > * {\n display: block;\n background: @thumbnav-background;\n .hook-thumbnav;\n}\n\n.uk-thumbnav > * > * > img {\n opacity: @thumbnav-opacity;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n}\n\n\/*\n * Hover\n *\/\n\n.uk-thumbnav > * > :hover > img,\n.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }\n\n\/*\n * Active\n *\/\n\n.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-thumbnav-misc;\n\n.hook-thumbnav() {}\n.hook-thumbnav-misc() {}\n\n\/\/ Elements\n\/\/ Name: List\n\/\/ Description: Defines styles for ordered and unordered lists\n\/\/\n\/\/ Component: `uk-list`\n\/\/\n\/\/ Modifiers: `uk-list-line`\n\/\/ `uk-list-striped`\n\/\/ `uk-list-space`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@list-nested-padding-left: 20px;\n\n@list-line-margin-top: 5px;\n@list-line-border: #ddd;\n@list-line-border-width: 1px;\n\n@list-striped-padding-vertical: 5px;\n@list-striped-padding-horizontal: 5px;\n@list-striped-background: #f5f5f5;\n\n@list-space-margin-top: 10px;\n\n\n\/* ========================================================================\n Component: List\n ========================================================================== *\/\n\n.uk-list {\n padding: 0;\n list-style: none;\n}\n\n\/*\n * Micro clearfix to make list more robust\n *\/\n\n.uk-list > li:before,\n.uk-list > li:after {\n content: \"\";\n display: table;\n}\n\n.uk-list > li:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-list > li > :last-child { margin-bottom: 0; }\n\n\/*\n * Nested lists\n *\/\n\n.uk-list ul {\n margin: 0;\n padding-left: @list-nested-padding-left;\n list-style: none;\n}\n\n\n\/* Modifier: `uk-list-line`\n ========================================================================== *\/\n\n.uk-list-line > li:nth-child(n+2) {\n margin-top: @list-line-margin-top;\n padding-top: @list-line-margin-top;\n border-top: @list-line-border-width solid @list-line-border;\n .hook-list-line;\n}\n\n\n\/* Modifier: `uk-list-striped`\n ========================================================================== *\/\n\n.uk-list-striped > li {\n padding: @list-striped-padding-vertical @list-striped-padding-horizontal;\n .hook-list-striped;\n}\n\n.uk-list-striped > li:nth-of-type(odd) { background: @list-striped-background; }\n\n\n\/* Modifier: `uk-list-space`\n ========================================================================== *\/\n\n.uk-list-space > li:nth-child(n+2) { margin-top: @list-space-margin-top; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-list-misc;\n\n.hook-list-line() {}\n.hook-list-striped() {}\n.hook-list-misc() {}\n\/\/ Name: Description list\n\/\/ Description: Defines styles for description lists\n\/\/\n\/\/ Component: `uk-description-list`\n\/\/\n\/\/ Modifiers: `uk-description-list-horizontal`\n\/\/ `uk-description-list-line`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@description-list-horizontal-width: 160px;\n@description-list-horizontal-margin-left: 180px;\n\n@description-list-line-margin-top: 5px;\n@description-list-line-border-width: 1px;\n@description-list-line-border: #ddd;\n@description-list-line-color: #999;\n\n@description-list-line-font-weight: normal;\n\n\n\/* ========================================================================\n Component: Description list\n ========================================================================== *\/\n\n\n\/* Modifier: `uk-description-list-horizontal`\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-description-list-horizontal { overflow: hidden; }\n\n .uk-description-list-horizontal > dt {\n width: @description-list-horizontal-width;\n float: left;\n clear: both;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }\n}\n\n\n\/* Modifier: `uk-description-list-line`\n ========================================================================== *\/\n\n.uk-description-list-line > dt { font-weight: @description-list-line-font-weight; }\n\n.uk-description-list-line > dt:nth-child(n+2) {\n margin-top: @description-list-line-margin-top;\n padding-top: @description-list-line-margin-top;\n border-top: @description-list-line-border-width solid @description-list-line-border;\n}\n\n.uk-description-list-line > dd { color: @description-list-line-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-description-list-misc;\n\n.hook-description-list-misc() {}\n\n\/\/ Name: Table\n\/\/ Description: Defines styles for tables\n\/\/\n\/\/ Component: `uk-table`\n\/\/\n\/\/ Modifiers: `uk-table-middle`\n\/\/ `uk-table-striped`\n\/\/ `uk-table-condensed`\n\/\/ `uk-table-hover`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@table-margin-vertical: 15px;\n@table-padding-vertical: 8px;\n@table-padding-horizontal: 8px;\n\n@table-caption-color: #999;\n@table-caption-font-size: 12px;\n\n@table-striped-background: #f5f5f5;\n\n@table-condensed-padding-vertical: 4px;\n@table-condensed-padding-horizontal: 8px;\n\n@table-hover-background: #EEE;\n\n@table-active-background: @table-hover-background;\n\n\n\/* ========================================================================\n Component: Table\n ========================================================================== *\/\n\n\/*\n * 1. Remove most spacing between table cells.\n * 2. Block element behavior\n * 3. Style\n *\/\n\n.uk-table {\n \/* 1 *\/\n border-collapse: collapse;\n border-spacing: 0;\n \/* 2 *\/\n width: 100%;\n \/* 3 *\/\n margin-bottom: @table-margin-vertical;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-table { margin-top: @table-margin-vertical; }\n\n.uk-table th,\n.uk-table td {\n padding: @table-padding-vertical @table-padding-horizontal;\n .hook-table;\n}\n\n\/*\n * Set alignment\n *\/\n\n.uk-table th { text-align: left; }\n.uk-table td { vertical-align: top; }\n\n.uk-table thead th { vertical-align: bottom; }\n\n\/*\n * Caption and footer\n *\/\n\n.uk-table caption,\n.uk-table tfoot {\n font-size: @table-caption-font-size;\n font-style: italic;\n}\n\n.uk-table caption {\n text-align: left;\n color: @table-caption-color;\n}\n\n\/*\n * Active State\n *\/\n\n.uk-table tbody tr.uk-active {\n background: @table-active-background;\n .hook-table-active;\n}\n\n\n\/* Sub-modifier: `uk-table-middle`\n ========================================================================== *\/\n\n.uk-table-middle,\n.uk-table-middle td { vertical-align: middle !important; }\n\n\n\/* Modifier: `uk-table-striped`\n ========================================================================== *\/\n\n.uk-table-striped tbody tr:nth-of-type(odd) {\n background: @table-striped-background;\n .hook-table-striped;\n}\n\n\n\/* Modifier: `uk-table-condensed`\n ========================================================================== *\/\n\n.uk-table-condensed td {\n padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;\n .hook-table-condensed;\n}\n\n\n\/* Modifier: `uk-table-hover`\n ========================================================================== *\/\n\n.uk-table-hover tbody tr:hover {\n background: @table-hover-background;\n .hook-table-hover;\n}\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-table-misc;\n\n.hook-table() {}\n.hook-table-active() {}\n.hook-table-striped() {}\n.hook-table-condensed() {}\n.hook-table-hover() {}\n.hook-table-misc() {}\n\/\/ Name: Form\n\/\/ Description: Defines styles for forms\n\/\/\n\/\/ Component: `uk-form`\n\/\/\n\/\/ Sub-objects: `uk-form-row`\n\/\/ `uk-form-help-inline`\n\/\/ `uk-form-help-block`\n\/\/ `uk-form-label`\n\/\/ `uk-form-controls`\n\/\/ `uk-form-controls-condensed`\n\/\/ `uk-form-icon`\n\/\/\n\/\/ Modifiers: `uk-form-stacked`\n\/\/ `uk-form-horizontal`\n\/\/\n\/\/ Sub-modifiers: `uk-form-danger`\n\/\/ `uk-form-success`\n\/\/ `uk-form-small`\n\/\/ `uk-form-large`\n\/\/ `uk-form-blank`\n\/\/ `uk-form-width-mini`\n\/\/ `uk-form-width-small`\n\/\/ `uk-form-width-medium`\n\/\/ `uk-form-width-large`\n\/\/ `uk-form-controls-text`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-height: 30px;\n@form-padding: 4px 6px;\n@form-border: #ddd;\n@form-border-width: 1px;\n@form-background: #fff;\n@form-color: #444;\n\n@form-focus-border: #99baca;\n@form-focus-background: #f5fbfe;\n@form-focus-color: #444;\n\n@form-disabled-border: #ddd;\n@form-disabled-background: #f5f5f5;\n@form-disabled-color: #999;\n\n@form-placeholder-color: #999;\n\n@form-gutter: 15px;\n\n@form-legend-border: #ddd;\n@form-legend-border-width: 1px;\n@form-legend-font-size: 18px;\n@form-legend-line-height: 30px;\n\n@form-small-height: 25px;\n@form-large-height: 40px;\n@form-small-padding: 3px 3px;\n@form-large-padding: 8px 6px;\n@form-small-font-size: 12px;\n@form-large-font-size: 16px;\n\n@form-danger-border: #dc8d99;\n@form-danger-background: #fff7f8;\n@form-danger-color: #d85030;\n\n@form-success-border: #8ec73b;\n@form-success-background: #fafff2;\n@form-success-color: #659f13;\n\n@form-blank-border: #ddd;\n@form-blank-border-style: dashed;\n\n@form-mini-width: 40px;\n@form-small-width: 130px;\n@form-medium-width: 200px;\n@form-large-width: 500px;\n\n@form-help-inline-margin-left: 10px;\n@form-help-block-margin-top: 5px;\n\n@form-controls-condensed-margin-vertical: 5px;\n\n@form-stacked-margin-bottom: 5px;\n@form-stacked-font-weight: bold;\n\n@form-horizontal-label-width: 200px;\n@form-horizontal-label-margin-top: 5px;\n@form-horizontal-controls-margin-left: 215px;\n@form-horizontal-controls-text-padding-top: 5px;\n\n@form-icon-width: 30px;\n@form-icon-font-size: 14px;\n@form-icon-color: #999;\n\n\n\/* ========================================================================\n Component: Form\n ========================================================================== *\/\n\n\/*\n * 1. Define consistent box sizing.\n * Default is `content-box` with following exceptions set to `border-box`\n * `button`, `select`, `input[type=\"checkbox\"]` and `input[type=\"radio\"]`\n * `input[type=\"search\"]` in Chrome, Safari and Opera\n * `input[type=\"color\"]` in Firefox\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n *\/\n\n.uk-form input,\n.uk-form select,\n.uk-form textarea {\n \/* 1 *\/\n box-sizing: border-box;\n \/* 2 *\/\n margin: 0;\n \/* 3 *\/\n border-radius: 0;\n \/* 4 *\/\n font: inherit;\n color: inherit;\n}\n\n\/*\n * Address inconsistent `text-transform` inheritance which is only inherit in Firefox\n *\/\n\n.uk-form select { text-transform: none; }\n\n\/*\n * 1. Correct `font` properties not being inherited.\n * 2. Don't inherit the `font-weight` and use `bold` instead.\n * NOTE: Both declarations don't work in Chrome, Safari and Opera.\n *\/\n\n.uk-form optgroup {\n \/* 1 *\/\n font: inherit;\n \/* 2 *\/\n font-weight: bold;\n}\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-form input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n\/*\n * Removes excess padding in IE 8\/9\/10.\n *\/\n\n.uk-form input[type=\"checkbox\"],\n.uk-form input[type=\"radio\"] { padding: 0; }\n\n\/*\n * Improves consistency of cursor style for clickable elements\n *\/\n\n.uk-form input[type=\"checkbox\"]:not(:disabled),\n.uk-form input[type=\"radio\"]:not(:disabled) { cursor: pointer; }\n\n\/*\n * Remove default style in iOS.\n *\/\n\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type=\"text\"],\n.uk-form input[type=\"password\"],\n.uk-form input[type=\"email\"],\n.uk-form input[type=\"url\"],\n.uk-form input[type=\"search\"],\n.uk-form input[type=\"tel\"],\n.uk-form input[type=\"number\"],\n.uk-form input[type=\"datetime\"] { -webkit-appearance: none; }\n\n\/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n *\/\n\n.uk-form input[type=\"search\"]::-webkit-search-cancel-button,\n.uk-form input[type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }\n\n\/*\n * Fix the cursor style for Chrome's increment\/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n *\/\n\n.uk-form input[type=\"number\"]::-webkit-inner-spin-button,\n.uk-form input[type=\"number\"]::-webkit-outer-spin-button { height: auto; }\n\n\/*\n * Define consistent border, margin, and padding.\n *\/\n\n.uk-form fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n\/*\n * 1. Remove default vertical scrollbar in IE 8\/9\/10\/11.\n * 2. Improve readability and alignment in all browsers.\n *\/\n\n.uk-form textarea {\n \/* 1 *\/\n overflow: auto;\n \/* 2 *\/\n vertical-align: top;\n}\n\n\/*\n * Removes placeholder transparency in Firefox.\n *\/\n\n.uk-form ::-moz-placeholder { opacity: 1; }\n\n\/*\n * Removes `box-shadow` for invalid controls in Firefox.\n *\/\n\n.uk-form :invalid { box-shadow: none; }\n\n\/*\n * Vertical alignment\n *\/\n\n.uk-form input:not([type=\"radio\"]):not([type=\"checkbox\"]),\n.uk-form select { vertical-align: middle; }\n\n\n\/* Style\n ========================================================================== *\/\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-form > :last-child { margin-bottom: 0; }\n\n\/*\n * Controls\n * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`\n * 1. Must be `height` because `min-height` is not working in OSX\n * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports\n * 3. Vertical `padding` needed for `select` elements in Firefox\n * 4. Style\n *\/\n\n.uk-form select,\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type=\"text\"],\n.uk-form input[type=\"password\"],\n.uk-form input[type=\"datetime\"],\n.uk-form input[type=\"datetime-local\"],\n.uk-form input[type=\"date\"],\n.uk-form input[type=\"month\"],\n.uk-form input[type=\"time\"],\n.uk-form input[type=\"week\"],\n.uk-form input[type=\"number\"],\n.uk-form input[type=\"email\"],\n.uk-form input[type=\"url\"],\n.uk-form input[type=\"search\"],\n.uk-form input[type=\"tel\"],\n.uk-form input[type=\"color\"] {\n \/* 1 *\/\n height: @form-height;\n \/* 2 *\/\n max-width: 100%;\n \/* 3 *\/\n padding: @form-padding;\n \/* 4 *\/\n border: @form-border-width solid @form-border;\n background: @form-background;\n color: @form-color;\n -webkit-transition: all 0.2s linear;\n -webkit-transition-property: border, background, color, box-shadow, padding;\n transition: all 0.2s linear;\n transition-property: border, background, color, box-shadow, padding;\n .hook-form;\n\n \/\/ Focus state\n &:focus {\n border-color: @form-focus-border;\n outline: 0;\n background: @form-focus-background;\n color: @form-focus-color;\n .hook-form-focus;\n }\n\n \/\/ Disabled state\n &:disabled {\n border-color: @form-disabled-border;\n background-color: @form-disabled-background;\n color: @form-disabled-color;\n .hook-form-disabled;\n }\n}\n\n\/*\n * Placeholder\n *\/\n\n.uk-form :-ms-input-placeholder { color: @form-placeholder-color !important; }\n.uk-form ::-moz-placeholder { color: @form-placeholder-color; }\n.uk-form ::-webkit-input-placeholder { color: @form-placeholder-color; }\n\n.uk-form :disabled:-ms-input-placeholder { color: @form-disabled-color !important; }\n.uk-form :disabled::-moz-placeholder { color: @form-disabled-color; }\n.uk-form :disabled::-webkit-input-placeholder { color: @form-disabled-color; }\n\n\/*\n * Legend\n * 1. Behave like block element\n * 2. Correct `color` not being inherited in IE 8\/9\/10\/11.\n * 3. Remove padding\n * 4. `margin-bottom` is not working in Safari and Opera.\n * Using `padding` and :after instead to create the border\n * 5. Style\n *\/\n\n.uk-form legend {\n \/* 1 *\/\n width: 100%;\n \/* 2 *\/\n border: 0;\n \/* 3 *\/\n padding: 0;\n \/* 4 *\/\n padding-bottom: @form-gutter;\n \/* 5 *\/\n font-size: @form-legend-font-size;\n line-height: @form-legend-line-height;\n .hook-form-legend;\n}\n\n\/*\n * 1. Fixes IE9\n *\/\n\n.uk-form legend:after {\n content: \"\";\n display: block;\n border-bottom: @form-legend-border-width solid @form-legend-border;\n \/* 1 *\/\n width: 100%;\n}\n\n\n\/* Size modifiers\n * Higher specificity needed to override defaults\n ========================================================================== *\/\n\nselect.uk-form-small,\ntextarea.uk-form-small,\ninput[type].uk-form-small,\ninput:not([type]).uk-form-small {\n height: @form-small-height;\n padding: @form-small-padding;\n font-size: @form-small-font-size;\n}\n\nselect.uk-form-large,\ntextarea.uk-form-large,\ninput[type].uk-form-large,\ninput:not([type]).uk-form-large {\n height: @form-large-height;\n padding: @form-large-padding;\n font-size: @form-large-font-size;\n}\n\n\n\/* Reset height\n * Must be after size modifiers\n ========================================================================== *\/\n\n.uk-form textarea,\n.uk-form select[multiple],\n.uk-form select[size] { height: auto; }\n\n\n\/* Validation states\n * Using !important to keep the selector simple\n ========================================================================== *\/\n\n\/*\n * Error state\n *\/\n\n.uk-form-danger {\n border-color: @form-danger-border !important;\n background: @form-danger-background !important;\n color: @form-danger-color !important;\n .hook-form-danger;\n}\n\n\/*\n * Success state\n *\/\n\n.uk-form-success {\n border-color: @form-success-border !important;\n background: @form-success-background !important;\n color: @form-success-color !important;\n .hook-form-success;\n}\n\n\n\/* Style modifiers\n * Using !important to keep the selector simple\n ========================================================================== *\/\n\n\/*\n * Blank form\n *\/\n\n.uk-form-blank {\n border-color: transparent !important;\n border-style: @form-blank-border-style !important;\n background: none !important;\n .hook-form-blank;\n}\n\n.uk-form-blank:focus {\n border-color: @form-blank-border !important;\n .hook-form-blank-focus;\n}\n\n\n\/* Size sub-modifiers\n ========================================================================== *\/\n\n\/*\n * Fixed widths\n * Different widths for mini sized `input` and `select` elements\n *\/\n\ninput.uk-form-width-mini { width: @form-mini-width; }\nselect.uk-form-width-mini { width: (@form-mini-width + 25px); }\n.uk-form-width-small { width: @form-small-width; }\n.uk-form-width-medium { width: @form-medium-width; }\n.uk-form-width-large { width: @form-large-width; }\n\n\n\/* Sub-objects: `uk-form-row`\n * Groups labels and controls in rows\n ========================================================================== *\/\n\n\/*\n * Micro clearfix\n * Needed for `uk-form-horizontal` modifier\n *\/\n\n.uk-form-row:before,\n.uk-form-row:after {\n content: \"\";\n display: table;\n}\n\n.uk-form-row:after { clear: both; }\n\n\/*\n * Vertical gutter\n *\/\n\n.uk-form-row + .uk-form-row { margin-top: @form-gutter; }\n\n\n\/* Help text\n * Sub-object: `uk-form-help-inline`, `uk-form-help-block`\n ========================================================================== *\/\n\n.uk-form-help-inline {\n display: inline-block;\n margin: 0 0 0 @form-help-inline-margin-left;\n}\n\n.uk-form-help-block { margin: @form-help-block-margin-top 0 0 0; }\n\n\n\/* Controls content\n * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`\n ========================================================================== *\/\n\n\/*\n * Remove margins\n *\/\n\n.uk-form-controls > :first-child { margin-top: 0; }\n.uk-form-controls > :last-child { margin-bottom: 0; }\n\n\/*\n * Group controls and text into blocks with a small spacing between blocks\n *\/\n\n.uk-form-controls-condensed { margin: @form-controls-condensed-margin-vertical 0; }\n\n\n\/* Modifier: `uk-form-stacked`\n * Requires sub-object: `uk-form-label`\n ========================================================================== *\/\n\n.uk-form-stacked .uk-form-label {\n display: block;\n margin-bottom: @form-stacked-margin-bottom;\n font-weight: @form-stacked-font-weight;\n .hook-form-stacked-label;\n}\n\n\n\/* Modifier: `uk-form-horizontal`\n * Requires sub-objects: `uk-form-label`, `uk-form-controls`\n ========================================================================== *\/\n\n\/* Tablet portrait and smaller *\/\n@media (max-width: @breakpoint-medium-max) {\n\n \/* Behave like `uk-form-stacked` *\/\n .uk-form-horizontal .uk-form-label {\n display: block;\n margin-bottom: @form-stacked-margin-bottom;\n font-weight: @form-stacked-font-weight;\n .hook-form-stacked-label;\n }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n .uk-form-horizontal .uk-form-label {\n width: @form-horizontal-label-width;\n margin-top: @form-horizontal-label-margin-top;\n float: left;\n .hook-form-horizontal-label;\n }\n\n .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }\n\n \/* Better vertical alignment if controls are checkboxes and radio buttons with text *\/\n .uk-form-horizontal .uk-form-controls-text { padding-top: @form-horizontal-controls-text-padding-top; }\n\n}\n\n\n\/* Sub-object: `uk-form-icon`\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Prevent `inline-block` consequences\n *\/\n\n.uk-form-icon {\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n max-width: 100%;\n}\n\n\/*\n * 1. Make form element clickable through icon\n *\/\n\n.uk-form-icon > [class*='uk-icon-'] {\n position: absolute;\n top: 50%;\n width: @form-icon-width;\n margin-top: round(@form-icon-font-size \/ -2);\n font-size: @form-icon-font-size;\n color: @form-icon-color;\n text-align: center;\n \/* 1 *\/\n pointer-events: none;\n}\n\n.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: @form-icon-width !important; }\n\n\/*\n * Sub-modifier: `uk-form-icon-flip`\n *\/\n\n.uk-form-icon-flip > [class*='uk-icon-'] { right: 0; }\n.uk-form-icon-flip > input { padding-right: @form-icon-width !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-misc;\n\n.hook-form() {}\n.hook-form-focus() {}\n.hook-form-disabled() {}\n.hook-form-legend() {}\n.hook-form-danger() {}\n.hook-form-success() {}\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n.hook-form-stacked-label() {}\n.hook-form-horizontal-label() {}\n.hook-form-misc() {}\n\n\n\/\/ Common\n\/\/ Name: Button\n\/\/ Description: Defines styles for buttons\n\/\/\n\/\/ Component: `uk-button`\n\/\/\n\/\/ Sub-objects: `uk-button-group`\n\/\/ `uk-button-dropdown`\n\/\/\n\/\/ Modifiers: `uk-button-primary`\n\/\/ `uk-button-success`\n\/\/ `uk-button-danger`\n\/\/ `uk-button-link`\n\/\/ `uk-button-mini`\n\/\/ `uk-button-small`\n\/\/ `uk-button-large`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@button-height: 30px;\n@button-mini-height: 20px;\n@button-small-height: 25px;\n@button-large-height: 40px;\n\n@button-line-height: 30px;\n@button-mini-line-height: 20px;\n@button-small-line-height: 25px;\n@button-large-line-height: 40px;\n\n@button-mini-font-size: 11px;\n@button-small-font-size: 12px;\n@button-large-font-size: 16px;\n\n@button-padding-horizontal: 12px;\n@button-mini-padding-horizontal: 6px;\n@button-small-padding-horizontal: 10px;\n@button-large-padding-horizontal: 15px;\n\n@button-font-size: 1rem;\n@button-background: #eee;\n@button-color: #444;\n@button-hover-background: #f5f5f5;\n@button-hover-color: #444;\n@button-active-background: #ddd;\n@button-active-color: #444;\n\n@button-primary-background: #00a8e6;\n@button-primary-color: #fff;\n@button-primary-hover-background: #35b3ee;\n@button-primary-hover-color: #fff;\n@button-primary-active-background: #0091ca;\n@button-primary-active-color: #fff;\n\n@button-success-background: #8cc14c;\n@button-success-color: #fff;\n@button-success-hover-background: #8ec73b;\n@button-success-hover-color: #fff;\n@button-success-active-background: #72ae41;\n@button-success-active-color: #fff;\n\n@button-danger-background: #da314b;\n@button-danger-color: #fff;\n@button-danger-hover-background: #e4354f;\n@button-danger-hover-color: #fff;\n@button-danger-active-background: #c91032;\n@button-danger-active-color: #fff;\n\n@button-disabled-background: #f5f5f5;\n@button-disabled-color: #999;\n\n@button-link-color: #07D;\n@button-link-hover-color: #059;\n@button-link-hover-text-decoration: underline;\n@button-link-disabled-color: #999;\n\n\n\/* ========================================================================\n Component: Button\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-button::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n\/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Style\n * 8. `line-height` is used to create a height\n * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.\n * 10. Reset button group whitespace hack\n * 11. Required for `a`.\n *\/\n\n.uk-button {\n \/* 1 *\/\n -webkit-appearance: none;\n \/* 2 *\/\n margin: 0;\n \/* 3 *\/\n border: none;\n \/* 4 *\/\n overflow: visible;\n \/* 5 *\/\n font: inherit;\n color: @button-color;\n \/* 6 *\/\n text-transform: none;\n \/* 7 *\/\n display: inline-block;\n box-sizing: border-box;\n padding: 0 @button-padding-horizontal;\n background: @button-background;\n vertical-align: middle;\n \/* 8 *\/\n line-height: @button-line-height;\n \/* 9 *\/\n min-height: @button-height;\n \/* 10 *\/\n font-size: @button-font-size;\n \/* 11 *\/\n text-decoration: none;\n text-align: center;\n .hook-button;\n}\n\n.uk-button:not(:disabled) { cursor: pointer; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n *\/\n\n.uk-button:hover,\n.uk-button:focus { \/\/ 1\n background-color: @button-hover-background;\n color: @button-hover-color;\n \/* 2 *\/\n outline: none;\n \/* 3 *\/\n text-decoration: none;\n .hook-button-hover;\n}\n\n\/* Active *\/\n.uk-button:active,\n.uk-button.uk-active {\n background-color: @button-active-background;\n color: @button-active-color;\n .hook-button-active;\n}\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n\/*\n * Modifier: `uk-button-primary`\n *\/\n\n.uk-button-primary {\n background-color: @button-primary-background;\n color: @button-primary-color;\n .hook-button-primary;\n}\n\n\/* Hover *\/\n.uk-button-primary:hover,\n.uk-button-primary:focus {\n background-color: @button-primary-hover-background;\n color: @button-primary-hover-color;\n .hook-button-primary-hover;\n}\n\n\/* Active *\/\n.uk-button-primary:active,\n.uk-button-primary.uk-active {\n background-color: @button-primary-active-background;\n color: @button-primary-active-color;\n .hook-button-primary-active;\n}\n\n\/*\n * Modifier: `uk-button-success`\n *\/\n\n.uk-button-success {\n background-color: @button-success-background;\n color: @button-success-color;\n .hook-button-success;\n}\n\n\/* Hover *\/\n.uk-button-success:hover,\n.uk-button-success:focus {\n background-color: @button-success-hover-background;\n color: @button-success-hover-color;\n .hook-button-success-hover;\n}\n\n\/* Active *\/\n.uk-button-success:active,\n.uk-button-success.uk-active {\n background-color: @button-success-active-background;\n color: @button-success-active-color;\n .hook-button-success-active;\n}\n\n\/*\n * Modifier: `uk-button-danger`\n *\/\n\n.uk-button-danger {\n background-color: @button-danger-background;\n color: @button-danger-color;\n .hook-button-danger;\n}\n\n\/* Hover *\/\n.uk-button-danger:hover,\n.uk-button-danger:focus {\n background-color: @button-danger-hover-background;\n color: @button-danger-hover-color;\n .hook-button-danger-hover;\n}\n\n\/* Active *\/\n.uk-button-danger:active,\n.uk-button-danger.uk-active {\n background-color: @button-danger-active-background;\n color: @button-danger-active-color;\n .hook-button-danger-active;\n}\n\n\n\/* Disabled state\n * Overrides also the color modifiers\n ========================================================================== *\/\n\n\/* Equal for all button types *\/\n.uk-button:disabled {\n background-color: @button-disabled-background;\n color: @button-disabled-color;\n .hook-button-disable;\n}\n\n\n\/* Modifier: `uk-button-link`\n ========================================================================== *\/\n\n \/* Reset *\/\n.uk-button-link,\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active,\n.uk-button-link:disabled {\n border-color: transparent;\n background: none;\n .hook-button-link;\n}\n\n\/* Color *\/\n.uk-button-link { color: @button-link-color; }\n\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active {\n color: @button-link-hover-color;\n text-decoration: @button-link-hover-text-decoration;\n}\n\n.uk-button-link:disabled { color: @button-link-disabled-color; }\n\n\/* Focus *\/\n.uk-button-link:focus { outline: 1px dotted; }\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-button-mini {\n min-height: @button-mini-height;\n padding: 0 @button-mini-padding-horizontal;\n line-height: @button-mini-line-height;\n font-size: @button-mini-font-size;\n}\n\n.uk-button-small {\n min-height: @button-small-height;\n padding: 0 @button-small-padding-horizontal;\n line-height: @button-small-line-height;\n font-size: @button-small-font-size;\n}\n\n.uk-button-large {\n min-height: @button-large-height;\n padding: 0 @button-large-padding-horizontal;\n line-height: @button-large-line-height;\n font-size: @button-large-font-size;\n .hook-button-large;\n}\n\n\n\/* Sub-object `uk-button-group`\n ========================================================================== *\/\n\n\/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n * 3. Remove whitespace between child elements when using `inline-block`\n * 4. Prevent buttons from wrapping\n * 5. Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-button-group {\n \/* 1 *\/\n display: inline-block;\n vertical-align: middle;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n font-size: 0.001px;\n \/* 4 *\/\n white-space: nowrap;\n}\n\n.uk-button-group > * { display: inline-block; }\n\n\/* 5 *\/\n.uk-button-group .uk-button { vertical-align: top; }\n\n\n\/* Sub-object: `uk-button-dropdown`\n ========================================================================== *\/\n\n\/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n *\/\n\n.uk-button-dropdown {\n \/* 1 *\/\n display: inline-block;\n vertical-align: middle;\n \/* 2 *\/\n position: relative;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-button-misc;\n\n.hook-button() {}\n.hook-button-hover() {}\n.hook-button-active() {}\n.hook-button-primary() {}\n.hook-button-primary-hover() {}\n.hook-button-primary-active() {}\n.hook-button-success() {}\n.hook-button-success-hover() {}\n.hook-button-success-active() {}\n.hook-button-danger() {}\n.hook-button-danger-hover() {}\n.hook-button-danger-active() {}\n.hook-button-disable() {}\n.hook-button-link() {}\n.hook-button-large() {}\n.hook-button-misc() {}\n\/\/ Name: Icon\n\/\/ Description: Defines styles for icons\n\/\/\n\/\/ Adapted from http:\/\/fortawesome.github.com\/Font-Awesome (Version 4.6.0)\n\/\/\n\/\/ Component: `uk-icon-*`\n\/\/\n\/\/ Sub-objects: `uk-icon-hover`\n\/\/ `uk-icon-button`\n\/\/\n\/\/ Modifiers: `uk-icon-small`\n\/\/ `uk-icon-medium`\n\/\/ `uk-icon-large`\n\/\/ `uk-icon-justify`\n\/\/ `uk-icon-spin`\n\/\/\n\/\/ Uses: Animation\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@icon-font-path: \"..\/fonts\";\n\n@icon-small-font-size: 150%;\n@icon-medium-font-size: 200%;\n@icon-large-font-size: 250%;\n\n@icon-small-vertical-align: -10%;\n@icon-medium-vertical-align: -16%;\n@icon-large-vertical-align: -22%;\n\n@icon-hover-color: #999;\n@icon-hover-hover-color: #444;\n\n@icon-button-width: 35px;\n@icon-button-height: @icon-button-width;\n@icon-button-border-radius: 100%;\n@icon-button-background: #eee;\n@icon-button-font-size: round((@icon-button-width * 0.5));\n@icon-button-color: #444;\n\n@icon-button-hover-background: #f5f5f5;\n@icon-button-hover-color: #444;\n\n@icon-button-active-background: #ddd;\n@icon-button-active-color: #444;\n\n\n\/* ========================================================================\n Component: Icon\n ========================================================================== *\/\n\n@font-face {\n font-family: 'FontAwesome';\n src: url(\"\/templates\/buckle\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff2\") format('woff2'),\n url(\"\/templates\/buckle\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff\") format(\"woff\"),\n url(\"\/templates\/buckle\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.ttf\") format(\"truetype\");\n font-weight: normal;\n font-style: normal;\n}\n\n\/*\n * 1. Allow margin\n * 2. Prevent inherit font style\n * 4. Correct line-height\n * 5. Better font rendering\n * 6. Remove `text-decoration` for anchors\n *\/\n\n[class*='uk-icon-'] {\n font-family: FontAwesome;\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n font-weight: normal;\n font-style: normal;\n \/* 4 *\/\n line-height: 1;\n \/* 5 *\/\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\/* 6 *\/\n[class*='uk-icon-'],\n[class*='uk-icon-']:hover,\n[class*='uk-icon-']:focus { text-decoration: none; }\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-icon-small {\n font-size: @icon-small-font-size;\n vertical-align: @icon-small-vertical-align;\n}\n\n.uk-icon-medium {\n font-size: @icon-medium-font-size;\n vertical-align: @icon-medium-vertical-align;\n}\n\n.uk-icon-large {\n font-size: @icon-large-font-size;\n vertical-align: @icon-large-vertical-align;\n}\n\n\n\/* Modifier: `uk-icon-justify`\n ========================================================================== *\/\n\n.uk-icon-justify {\n width: 1em;\n text-align: center;\n}\n\n\n\/* Modifier: `uk-icon-spin`\n ========================================================================== *\/\n\n.uk-icon-spin {\n display: inline-block;\n -webkit-animation: uk-rotate 2s infinite linear;\n animation: uk-rotate 2s infinite linear;\n}\n\n\n\/* Modifier: `uk-icon-hover`\n ========================================================================== *\/\n\n.uk-icon-hover {\n color: @icon-hover-color;\n .hook-icon-hover;\n}\n\n\/*\n * Hover\n *\/\n\n.uk-icon-hover:hover {\n color: @icon-hover-hover-color;\n .hook-icon-hover-hover;\n}\n\n\n\/* Modifier: `uk-icon-button`\n ========================================================================== *\/\n\n.uk-icon-button {\n box-sizing: border-box;\n display: inline-block;\n width: @icon-button-width;\n height: @icon-button-height;\n border-radius: @icon-button-border-radius;\n background: @icon-button-background;\n line-height: @icon-button-height;\n color: @icon-button-color;\n font-size: @icon-button-font-size;\n text-align: center;\n .hook-icon-button;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-icon-button:hover,\n.uk-icon-button:focus { \/\/ 1\n background-color: @icon-button-hover-background;\n color: @icon-button-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-icon-button-hover;\n}\n\n\/* Active *\/\n.uk-icon-button:active {\n background-color: @icon-button-active-background;\n color: @icon-button-active-color;\n .hook-icon-button-active;\n}\n\n\n\/* Icon mapping\n ========================================================================== *\/\n\n.uk-icon-glass:before { content: \"\\f000\"; }\n.uk-icon-music:before { content: \"\\f001\"; }\n.uk-icon-search:before { content: \"\\f002\"; }\n.uk-icon-envelope-o:before { content: \"\\f003\"; }\n.uk-icon-heart:before { content: \"\\f004\"; }\n.uk-icon-star:before { content: \"\\f005\"; }\n.uk-icon-star-o:before { content: \"\\f006\"; }\n.uk-icon-user:before { content: \"\\f007\"; }\n.uk-icon-film:before { content: \"\\f008\"; }\n.uk-icon-th-large:before { content: \"\\f009\"; }\n.uk-icon-th:before { content: \"\\f00a\"; }\n.uk-icon-th-list:before { content: \"\\f00b\"; }\n.uk-icon-check:before { content: \"\\f00c\"; }\n.uk-icon-remove:before,\n.uk-icon-close:before,\n.uk-icon-times:before { content: \"\\f00d\"; }\n.uk-icon-search-plus:before { content: \"\\f00e\"; }\n.uk-icon-search-minus:before { content: \"\\f010\"; }\n.uk-icon-power-off:before { content: \"\\f011\"; }\n.uk-icon-signal:before { content: \"\\f012\"; }\n.uk-icon-gear:before,\n.uk-icon-cog:before { content: \"\\f013\"; }\n.uk-icon-trash-o:before { content: \"\\f014\"; }\n.uk-icon-home:before { content: \"\\f015\"; }\n.uk-icon-file-o:before { content: \"\\f016\"; }\n.uk-icon-clock-o:before { content: \"\\f017\"; }\n.uk-icon-road:before { content: \"\\f018\"; }\n.uk-icon-download:before { content: \"\\f019\"; }\n.uk-icon-arrow-circle-o-down:before { content: \"\\f01a\"; }\n.uk-icon-arrow-circle-o-up:before { content: \"\\f01b\"; }\n.uk-icon-inbox:before { content: \"\\f01c\"; }\n.uk-icon-play-circle-o:before { content: \"\\f01d\"; }\n.uk-icon-rotate-right:before,\n.uk-icon-repeat:before { content: \"\\f01e\"; }\n.uk-icon-refresh:before { content: \"\\f021\"; }\n.uk-icon-list-alt:before { content: \"\\f022\"; }\n.uk-icon-lock:before { content: \"\\f023\"; }\n.uk-icon-flag:before { content: \"\\f024\"; }\n.uk-icon-headphones:before { content: \"\\f025\"; }\n.uk-icon-volume-off:before { content: \"\\f026\"; }\n.uk-icon-volume-down:before { content: \"\\f027\"; }\n.uk-icon-volume-up:before { content: \"\\f028\"; }\n.uk-icon-qrcode:before { content: \"\\f029\"; }\n.uk-icon-barcode:before { content: \"\\f02a\"; }\n.uk-icon-tag:before { content: \"\\f02b\"; }\n.uk-icon-tags:before { content: \"\\f02c\"; }\n.uk-icon-book:before { content: \"\\f02d\"; }\n.uk-icon-bookmark:before { content: \"\\f02e\"; }\n.uk-icon-print:before { content: \"\\f02f\"; }\n.uk-icon-camera:before { content: \"\\f030\"; }\n.uk-icon-font:before { content: \"\\f031\"; }\n.uk-icon-bold:before { content: \"\\f032\"; }\n.uk-icon-italic:before { content: \"\\f033\"; }\n.uk-icon-text-height:before { content: \"\\f034\"; }\n.uk-icon-text-width:before { content: \"\\f035\"; }\n.uk-icon-align-left:before { content: \"\\f036\"; }\n.uk-icon-align-center:before { content: \"\\f037\"; }\n.uk-icon-align-right:before { content: \"\\f038\"; }\n.uk-icon-align-justify:before { content: \"\\f039\"; }\n.uk-icon-list:before { content: \"\\f03a\"; }\n.uk-icon-dedent:before,\n.uk-icon-outdent:before { content: \"\\f03b\"; }\n.uk-icon-indent:before { content: \"\\f03c\"; }\n.uk-icon-video-camera:before { content: \"\\f03d\"; }\n.uk-icon-photo:before,\n.uk-icon-image:before,\n.uk-icon-picture-o:before { content: \"\\f03e\"; }\n.uk-icon-pencil:before { content: \"\\f040\"; }\n.uk-icon-map-marker:before { content: \"\\f041\"; }\n.uk-icon-adjust:before { content: \"\\f042\"; }\n.uk-icon-tint:before { content: \"\\f043\"; }\n.uk-icon-edit:before,\n.uk-icon-pencil-square-o:before { content: \"\\f044\"; }\n.uk-icon-share-square-o:before { content: \"\\f045\"; }\n.uk-icon-check-square-o:before { content: \"\\f046\"; }\n.uk-icon-arrows:before { content: \"\\f047\"; }\n.uk-icon-step-backward:before { content: \"\\f048\"; }\n.uk-icon-fast-backward:before { content: \"\\f049\"; }\n.uk-icon-backward:before { content: \"\\f04a\"; }\n.uk-icon-play:before { content: \"\\f04b\"; }\n.uk-icon-pause:before { content: \"\\f04c\"; }\n.uk-icon-stop:before { content: \"\\f04d\"; }\n.uk-icon-forward:before { content: \"\\f04e\"; }\n.uk-icon-fast-forward:before { content: \"\\f050\"; }\n.uk-icon-step-forward:before { content: \"\\f051\"; }\n.uk-icon-eject:before { content: \"\\f052\"; }\n.uk-icon-chevron-left:before { content: \"\\f053\"; }\n.uk-icon-chevron-right:before { content: \"\\f054\"; }\n.uk-icon-plus-circle:before { content: \"\\f055\"; }\n.uk-icon-minus-circle:before { content: \"\\f056\"; }\n.uk-icon-times-circle:before { content: \"\\f057\"; }\n.uk-icon-check-circle:before { content: \"\\f058\"; }\n.uk-icon-question-circle:before { content: \"\\f059\"; }\n.uk-icon-info-circle:before { content: \"\\f05a\"; }\n.uk-icon-crosshairs:before { content: \"\\f05b\"; }\n.uk-icon-times-circle-o:before { content: \"\\f05c\"; }\n.uk-icon-check-circle-o:before { content: \"\\f05d\"; }\n.uk-icon-ban:before { content: \"\\f05e\"; }\n.uk-icon-arrow-left:before { content: \"\\f060\"; }\n.uk-icon-arrow-right:before { content: \"\\f061\"; }\n.uk-icon-arrow-up:before { content: \"\\f062\"; }\n.uk-icon-arrow-down:before { content: \"\\f063\"; }\n.uk-icon-mail-forward:before,\n.uk-icon-share:before { content: \"\\f064\"; }\n.uk-icon-expand:before { content: \"\\f065\"; }\n.uk-icon-compress:before { content: \"\\f066\"; }\n.uk-icon-plus:before { content: \"\\f067\"; }\n.uk-icon-minus:before { content: \"\\f068\"; }\n.uk-icon-asterisk:before { content: \"\\f069\"; }\n.uk-icon-exclamation-circle:before { content: \"\\f06a\"; }\n.uk-icon-gift:before { content: \"\\f06b\"; }\n.uk-icon-leaf:before { content: \"\\f06c\"; }\n.uk-icon-fire:before { content: \"\\f06d\"; }\n.uk-icon-eye:before { content: \"\\f06e\"; }\n.uk-icon-eye-slash:before { content: \"\\f070\"; }\n.uk-icon-warning:before,\n.uk-icon-exclamation-triangle:before { content: \"\\f071\"; }\n.uk-icon-plane:before { content: \"\\f072\"; }\n.uk-icon-calendar:before { content: \"\\f073\"; }\n.uk-icon-random:before { content: \"\\f074\"; }\n.uk-icon-comment:before { content: \"\\f075\"; }\n.uk-icon-magnet:before { content: \"\\f076\"; }\n.uk-icon-chevron-up:before { content: \"\\f077\"; }\n.uk-icon-chevron-down:before { content: \"\\f078\"; }\n.uk-icon-retweet:before { content: \"\\f079\"; }\n.uk-icon-shopping-cart:before { content: \"\\f07a\"; }\n.uk-icon-folder:before { content: \"\\f07b\"; }\n.uk-icon-folder-open:before { content: \"\\f07c\"; }\n.uk-icon-arrows-v:before { content: \"\\f07d\"; }\n.uk-icon-arrows-h:before { content: \"\\f07e\"; }\n.uk-icon-bar-chart-o:before,\n.uk-icon-bar-chart:before { content: \"\\f080\"; }\n.uk-icon-twitter-square:before { content: \"\\f081\"; }\n.uk-icon-facebook-square:before { content: \"\\f082\"; }\n.uk-icon-camera-retro:before { content: \"\\f083\"; }\n.uk-icon-key:before { content: \"\\f084\"; }\n.uk-icon-gears:before,\n.uk-icon-cogs:before { content: \"\\f085\"; }\n.uk-icon-comments:before { content: \"\\f086\"; }\n.uk-icon-thumbs-o-up:before { content: \"\\f087\"; }\n.uk-icon-thumbs-o-down:before { content: \"\\f088\"; }\n.uk-icon-star-half:before { content: \"\\f089\"; }\n.uk-icon-heart-o:before { content: \"\\f08a\"; }\n.uk-icon-sign-out:before { content: \"\\f08b\"; }\n.uk-icon-linkedin-square:before { content: \"\\f08c\"; }\n.uk-icon-thumb-tack:before { content: \"\\f08d\"; }\n.uk-icon-external-link:before { content: \"\\f08e\"; }\n.uk-icon-sign-in:before { content: \"\\f090\"; }\n.uk-icon-trophy:before { content: \"\\f091\"; }\n.uk-icon-github-square:before { content: \"\\f092\"; }\n.uk-icon-upload:before { content: \"\\f093\"; }\n.uk-icon-lemon-o:before { content: \"\\f094\"; }\n.uk-icon-phone:before { content: \"\\f095\"; }\n.uk-icon-square-o:before { content: \"\\f096\"; }\n.uk-icon-bookmark-o:before { content: \"\\f097\"; }\n.uk-icon-phone-square:before { content: \"\\f098\"; }\n.uk-icon-twitter:before { content: \"\\f099\"; }\n.uk-icon-facebook-f:before,\n.uk-icon-facebook:before { content: \"\\f09a\"; }\n.uk-icon-github:before { content: \"\\f09b\"; }\n.uk-icon-unlock:before { content: \"\\f09c\"; }\n.uk-icon-credit-card:before { content: \"\\f09d\"; }\n.uk-icon-rss:before { content: \"\\f09e\"; }\n.uk-icon-hdd-o:before { content: \"\\f0a0\"; }\n.uk-icon-bullhorn:before { content: \"\\f0a1\"; }\n.uk-icon-bell:before { content: \"\\f0f3\"; }\n.uk-icon-certificate:before { content: \"\\f0a3\"; }\n.uk-icon-hand-o-right:before { content: \"\\f0a4\"; }\n.uk-icon-hand-o-left:before { content: \"\\f0a5\"; }\n.uk-icon-hand-o-up:before { content: \"\\f0a6\"; }\n.uk-icon-hand-o-down:before { content: \"\\f0a7\"; }\n.uk-icon-arrow-circle-left:before { content: \"\\f0a8\"; }\n.uk-icon-arrow-circle-right:before { content: \"\\f0a9\"; }\n.uk-icon-arrow-circle-up:before { content: \"\\f0aa\"; }\n.uk-icon-arrow-circle-down:before { content: \"\\f0ab\"; }\n.uk-icon-globe:before { content: \"\\f0ac\"; }\n.uk-icon-wrench:before { content: \"\\f0ad\"; }\n.uk-icon-tasks:before { content: \"\\f0ae\"; }\n.uk-icon-filter:before { content: \"\\f0b0\"; }\n.uk-icon-briefcase:before { content: \"\\f0b1\"; }\n.uk-icon-arrows-alt:before { content: \"\\f0b2\"; }\n.uk-icon-group:before,\n.uk-icon-users:before { content: \"\\f0c0\"; }\n.uk-icon-chain:before,\n.uk-icon-link:before { content: \"\\f0c1\"; }\n.uk-icon-cloud:before { content: \"\\f0c2\"; }\n.uk-icon-flask:before { content: \"\\f0c3\"; }\n.uk-icon-cut:before,\n.uk-icon-scissors:before { content: \"\\f0c4\"; }\n.uk-icon-copy:before,\n.uk-icon-files-o:before { content: \"\\f0c5\"; }\n.uk-icon-paperclip:before { content: \"\\f0c6\"; }\n.uk-icon-save:before,\n.uk-icon-floppy-o:before { content: \"\\f0c7\"; }\n.uk-icon-square:before { content: \"\\f0c8\"; }\n.uk-icon-navicon:before,\n.uk-icon-reorder:before,\n.uk-icon-bars:before { content: \"\\f0c9\"; }\n.uk-icon-list-ul:before { content: \"\\f0ca\"; }\n.uk-icon-list-ol:before { content: \"\\f0cb\"; }\n.uk-icon-strikethrough:before { content: \"\\f0cc\"; }\n.uk-icon-underline:before { content: \"\\f0cd\"; }\n.uk-icon-table:before { content: \"\\f0ce\"; }\n.uk-icon-magic:before { content: \"\\f0d0\"; }\n.uk-icon-truck:before { content: \"\\f0d1\"; }\n.uk-icon-pinterest:before { content: \"\\f0d2\"; }\n.uk-icon-pinterest-square:before { content: \"\\f0d3\"; }\n.uk-icon-google-plus-square:before { content: \"\\f0d4\"; }\n.uk-icon-google-plus:before { content: \"\\f0d5\"; }\n.uk-icon-money:before { content: \"\\f0d6\"; }\n.uk-icon-caret-down:before { content: \"\\f0d7\"; }\n.uk-icon-caret-up:before { content: \"\\f0d8\"; }\n.uk-icon-caret-left:before { content: \"\\f0d9\"; }\n.uk-icon-caret-right:before { content: \"\\f0da\"; }\n.uk-icon-columns:before { content: \"\\f0db\"; }\n.uk-icon-unsorted:before,\n.uk-icon-sort:before { content: \"\\f0dc\"; }\n.uk-icon-sort-down:before,\n.uk-icon-sort-desc:before { content: \"\\f0dd\"; }\n.uk-icon-sort-up:before,\n.uk-icon-sort-asc:before { content: \"\\f0de\"; }\n.uk-icon-envelope:before { content: \"\\f0e0\"; }\n.uk-icon-linkedin:before { content: \"\\f0e1\"; }\n.uk-icon-rotate-left:before,\n.uk-icon-undo:before { content: \"\\f0e2\"; }\n.uk-icon-legal:before,\n.uk-icon-gavel:before { content: \"\\f0e3\"; }\n.uk-icon-dashboard:before,\n.uk-icon-tachometer:before { content: \"\\f0e4\"; }\n.uk-icon-comment-o:before { content: \"\\f0e5\"; }\n.uk-icon-comments-o:before { content: \"\\f0e6\"; }\n.uk-icon-flash:before,\n.uk-icon-bolt:before { content: \"\\f0e7\"; }\n.uk-icon-sitemap:before { content: \"\\f0e8\"; }\n.uk-icon-umbrella:before { content: \"\\f0e9\"; }\n.uk-icon-paste:before,\n.uk-icon-clipboard:before { content: \"\\f0ea\"; }\n.uk-icon-lightbulb-o:before { content: \"\\f0eb\"; }\n.uk-icon-exchange:before { content: \"\\f0ec\"; }\n.uk-icon-cloud-download:before { content: \"\\f0ed\"; }\n.uk-icon-cloud-upload:before { content: \"\\f0ee\"; }\n.uk-icon-user-md:before { content: \"\\f0f0\"; }\n.uk-icon-stethoscope:before { content: \"\\f0f1\"; }\n.uk-icon-suitcase:before { content: \"\\f0f2\"; }\n.uk-icon-bell-o:before { content: \"\\f0a2\"; }\n.uk-icon-coffee:before { content: \"\\f0f4\"; }\n.uk-icon-cutlery:before { content: \"\\f0f5\"; }\n.uk-icon-file-text-o:before { content: \"\\f0f6\"; }\n.uk-icon-building-o:before { content: \"\\f0f7\"; }\n.uk-icon-hospital-o:before { content: \"\\f0f8\"; }\n.uk-icon-ambulance:before { content: \"\\f0f9\"; }\n.uk-icon-medkit:before { content: \"\\f0fa\"; }\n.uk-icon-fighter-jet:before { content: \"\\f0fb\"; }\n.uk-icon-beer:before { content: \"\\f0fc\"; }\n.uk-icon-h-square:before { content: \"\\f0fd\"; }\n.uk-icon-plus-square:before { content: \"\\f0fe\"; }\n.uk-icon-angle-double-left:before { content: \"\\f100\"; }\n.uk-icon-angle-double-right:before { content: \"\\f101\"; }\n.uk-icon-angle-double-up:before { content: \"\\f102\"; }\n.uk-icon-angle-double-down:before { content: \"\\f103\"; }\n.uk-icon-angle-left:before { content: \"\\f104\"; }\n.uk-icon-angle-right:before { content: \"\\f105\"; }\n.uk-icon-angle-up:before { content: \"\\f106\"; }\n.uk-icon-angle-down:before { content: \"\\f107\"; }\n.uk-icon-desktop:before { content: \"\\f108\"; }\n.uk-icon-laptop:before { content: \"\\f109\"; }\n.uk-icon-tablet:before { content: \"\\f10a\"; }\n.uk-icon-mobile-phone:before,\n.uk-icon-mobile:before { content: \"\\f10b\"; }\n.uk-icon-circle-o:before { content: \"\\f10c\"; }\n.uk-icon-quote-left:before { content: \"\\f10d\"; }\n.uk-icon-quote-right:before { content: \"\\f10e\"; }\n.uk-icon-spinner:before { content: \"\\f110\"; }\n.uk-icon-circle:before { content: \"\\f111\"; }\n.uk-icon-mail-reply:before,\n.uk-icon-reply:before { content: \"\\f112\"; }\n.uk-icon-github-alt:before { content: \"\\f113\"; }\n.uk-icon-folder-o:before { content: \"\\f114\"; }\n.uk-icon-folder-open-o:before { content: \"\\f115\"; }\n.uk-icon-smile-o:before { content: \"\\f118\"; }\n.uk-icon-frown-o:before { content: \"\\f119\"; }\n.uk-icon-meh-o:before { content: \"\\f11a\"; }\n.uk-icon-gamepad:before { content: \"\\f11b\"; }\n.uk-icon-keyboard-o:before { content: \"\\f11c\"; }\n.uk-icon-flag-o:before { content: \"\\f11d\"; }\n.uk-icon-flag-checkered:before { content: \"\\f11e\"; }\n.uk-icon-terminal:before { content: \"\\f120\"; }\n.uk-icon-code:before { content: \"\\f121\"; }\n.uk-icon-mail-reply-all:before,\n.uk-icon-reply-all:before { content: \"\\f122\"; }\n.uk-icon-star-half-empty:before,\n.uk-icon-star-half-full:before,\n.uk-icon-star-half-o:before { content: \"\\f123\"; }\n.uk-icon-location-arrow:before { content: \"\\f124\"; }\n.uk-icon-crop:before { content: \"\\f125\"; }\n.uk-icon-code-fork:before { content: \"\\f126\"; }\n.uk-icon-unlink:before,\n.uk-icon-chain-broken:before { content: \"\\f127\"; }\n.uk-icon-question:before { content: \"\\f128\"; }\n.uk-icon-info:before { content: \"\\f129\"; }\n.uk-icon-exclamation:before { content: \"\\f12a\"; }\n.uk-icon-superscript:before { content: \"\\f12b\"; }\n.uk-icon-subscript:before { content: \"\\f12c\"; }\n.uk-icon-eraser:before { content: \"\\f12d\"; }\n.uk-icon-puzzle-piece:before { content: \"\\f12e\"; }\n.uk-icon-microphone:before { content: \"\\f130\"; }\n.uk-icon-microphone-slash:before { content: \"\\f131\"; }\n.uk-icon-shield:before { content: \"\\f132\"; }\n.uk-icon-calendar-o:before { content: \"\\f133\"; }\n.uk-icon-fire-extinguisher:before { content: \"\\f134\"; }\n.uk-icon-rocket:before { content: \"\\f135\"; }\n.uk-icon-maxcdn:before { content: \"\\f136\"; }\n.uk-icon-chevron-circle-left:before { content: \"\\f137\"; }\n.uk-icon-chevron-circle-right:before { content: \"\\f138\"; }\n.uk-icon-chevron-circle-up:before { content: \"\\f139\"; }\n.uk-icon-chevron-circle-down:before { content: \"\\f13a\"; }\n.uk-icon-html5:before { content: \"\\f13b\"; }\n.uk-icon-css3:before { content: \"\\f13c\"; }\n.uk-icon-anchor:before { content: \"\\f13d\"; }\n.uk-icon-unlock-alt:before { content: \"\\f13e\"; }\n.uk-icon-bullseye:before { content: \"\\f140\"; }\n.uk-icon-ellipsis-h:before { content: \"\\f141\"; }\n.uk-icon-ellipsis-v:before { content: \"\\f142\"; }\n.uk-icon-rss-square:before { content: \"\\f143\"; }\n.uk-icon-play-circle:before { content: \"\\f144\"; }\n.uk-icon-ticket:before { content: \"\\f145\"; }\n.uk-icon-minus-square:before { content: \"\\f146\"; }\n.uk-icon-minus-square-o:before { content: \"\\f147\"; }\n.uk-icon-level-up:before { content: \"\\f148\"; }\n.uk-icon-level-down:before { content: \"\\f149\"; }\n.uk-icon-check-square:before { content: \"\\f14a\"; }\n.uk-icon-pencil-square:before { content: \"\\f14b\"; }\n.uk-icon-external-link-square:before { content: \"\\f14c\"; }\n.uk-icon-share-square:before { content: \"\\f14d\"; }\n.uk-icon-compass:before { content: \"\\f14e\"; }\n.uk-icon-toggle-down:before,\n.uk-icon-caret-square-o-down:before { content: \"\\f150\"; }\n.uk-icon-toggle-up:before,\n.uk-icon-caret-square-o-up:before { content: \"\\f151\"; }\n.uk-icon-toggle-right:before,\n.uk-icon-caret-square-o-right:before { content: \"\\f152\"; }\n.uk-icon-euro:before,\n.uk-icon-eur:before { content: \"\\f153\"; }\n.uk-icon-gbp:before { content: \"\\f154\"; }\n.uk-icon-dollar:before,\n.uk-icon-usd:before { content: \"\\f155\"; }\n.uk-icon-rupee:before,\n.uk-icon-inr:before { content: \"\\f156\"; }\n.uk-icon-cny:before,\n.uk-icon-rmb:before,\n.uk-icon-yen:before,\n.uk-icon-jpy:before { content: \"\\f157\"; }\n.uk-icon-ruble:before,\n.uk-icon-rouble:before,\n.uk-icon-rub:before { content: \"\\f158\"; }\n.uk-icon-won:before,\n.uk-icon-krw:before { content: \"\\f159\"; }\n.uk-icon-bitcoin:before,\n.uk-icon-btc:before { content: \"\\f15a\"; }\n.uk-icon-file:before { content: \"\\f15b\"; }\n.uk-icon-file-text:before { content: \"\\f15c\"; }\n.uk-icon-sort-alpha-asc:before { content: \"\\f15d\"; }\n.uk-icon-sort-alpha-desc:before { content: \"\\f15e\"; }\n.uk-icon-sort-amount-asc:before { content: \"\\f160\"; }\n.uk-icon-sort-amount-desc:before { content: \"\\f161\"; }\n.uk-icon-sort-numeric-asc:before { content: \"\\f162\"; }\n.uk-icon-sort-numeric-desc:before { content: \"\\f163\"; }\n.uk-icon-thumbs-up:before { content: \"\\f164\"; }\n.uk-icon-thumbs-down:before { content: \"\\f165\"; }\n.uk-icon-youtube-square:before { content: \"\\f166\"; }\n.uk-icon-youtube:before { content: \"\\f167\"; }\n.uk-icon-xing:before { content: \"\\f168\"; }\n.uk-icon-xing-square:before { content: \"\\f169\"; }\n.uk-icon-youtube-play:before { content: \"\\f16a\"; }\n.uk-icon-dropbox:before { content: \"\\f16b\"; }\n.uk-icon-stack-overflow:before { content: \"\\f16c\"; }\n.uk-icon-instagram:before { content: \"\\f16d\"; }\n.uk-icon-flickr:before { content: \"\\f16e\"; }\n.uk-icon-adn:before { content: \"\\f170\"; }\n.uk-icon-bitbucket:before { content: \"\\f171\"; }\n.uk-icon-bitbucket-square:before { content: \"\\f172\"; }\n.uk-icon-tumblr:before { content: \"\\f173\"; }\n.uk-icon-tumblr-square:before { content: \"\\f174\"; }\n.uk-icon-long-arrow-down:before { content: \"\\f175\"; }\n.uk-icon-long-arrow-up:before { content: \"\\f176\"; }\n.uk-icon-long-arrow-left:before { content: \"\\f177\"; }\n.uk-icon-long-arrow-right:before { content: \"\\f178\"; }\n.uk-icon-apple:before { content: \"\\f179\"; }\n.uk-icon-windows:before { content: \"\\f17a\"; }\n.uk-icon-android:before { content: \"\\f17b\"; }\n.uk-icon-linux:before { content: \"\\f17c\"; }\n.uk-icon-dribbble:before { content: \"\\f17d\"; }\n.uk-icon-skype:before { content: \"\\f17e\"; }\n.uk-icon-foursquare:before { content: \"\\f180\"; }\n.uk-icon-trello:before { content: \"\\f181\"; }\n.uk-icon-female:before { content: \"\\f182\"; }\n.uk-icon-male:before { content: \"\\f183\"; }\n.uk-icon-gittip:before,\n.uk-icon-gratipay:before { content: \"\\f184\"; }\n.uk-icon-sun-o:before { content: \"\\f185\"; }\n.uk-icon-moon-o:before { content: \"\\f186\"; }\n.uk-icon-archive:before { content: \"\\f187\"; }\n.uk-icon-bug:before { content: \"\\f188\"; }\n.uk-icon-vk:before { content: \"\\f189\"; }\n.uk-icon-weibo:before { content: \"\\f18a\"; }\n.uk-icon-renren:before { content: \"\\f18b\"; }\n.uk-icon-pagelines:before { content: \"\\f18c\"; }\n.uk-icon-stack-exchange:before { content: \"\\f18d\"; }\n.uk-icon-arrow-circle-o-right:before { content: \"\\f18e\"; }\n.uk-icon-arrow-circle-o-left:before { content: \"\\f190\"; }\n.uk-icon-toggle-left:before,\n.uk-icon-caret-square-o-left:before { content: \"\\f191\"; }\n.uk-icon-dot-circle-o:before { content: \"\\f192\"; }\n.uk-icon-wheelchair:before { content: \"\\f193\"; }\n.uk-icon-vimeo-square:before { content: \"\\f194\"; }\n.uk-icon-turkish-lira:before,\n.uk-icon-try:before { content: \"\\f195\"; }\n.uk-icon-plus-square-o:before { content: \"\\f196\"; }\n.uk-icon-space-shuttle:before { content: \"\\f197\"; }\n.uk-icon-slack:before { content: \"\\f198\"; }\n.uk-icon-envelope-square:before { content: \"\\f199\"; }\n.uk-icon-wordpress:before { content: \"\\f19a\"; }\n.uk-icon-openid:before { content: \"\\f19b\"; }\n.uk-icon-institution:before,\n.uk-icon-bank:before,\n.uk-icon-university:before { content: \"\\f19c\"; }\n.uk-icon-mortar-board:before,\n.uk-icon-graduation-cap:before { content: \"\\f19d\"; }\n.uk-icon-yahoo:before { content: \"\\f19e\"; }\n.uk-icon-google:before { content: \"\\f1a0\"; }\n.uk-icon-reddit:before { content: \"\\f1a1\"; }\n.uk-icon-reddit-square:before { content: \"\\f1a2\"; }\n.uk-icon-stumbleupon-circle:before { content: \"\\f1a3\"; }\n.uk-icon-stumbleupon:before { content: \"\\f1a4\"; }\n.uk-icon-delicious:before { content: \"\\f1a5\"; }\n.uk-icon-digg:before { content: \"\\f1a6\"; }\n.uk-icon-pied-piper:before { content: \"\\f1a7\"; }\n.uk-icon-pied-piper-alt:before { content: \"\\f1a8\"; }\n.uk-icon-drupal:before { content: \"\\f1a9\"; }\n.uk-icon-joomla:before { content: \"\\f1aa\"; }\n.uk-icon-language:before { content: \"\\f1ab\"; }\n.uk-icon-fax:before { content: \"\\f1ac\"; }\n.uk-icon-building:before { content: \"\\f1ad\"; }\n.uk-icon-child:before { content: \"\\f1ae\"; }\n.uk-icon-paw:before { content: \"\\f1b0\"; }\n.uk-icon-spoon:before { content: \"\\f1b1\"; }\n.uk-icon-cube:before { content: \"\\f1b2\"; }\n.uk-icon-cubes:before { content: \"\\f1b3\"; }\n.uk-icon-behance:before { content: \"\\f1b4\"; }\n.uk-icon-behance-square:before { content: \"\\f1b5\"; }\n.uk-icon-steam:before { content: \"\\f1b6\"; }\n.uk-icon-steam-square:before { content: \"\\f1b7\"; }\n.uk-icon-recycle:before { content: \"\\f1b8\"; }\n.uk-icon-automobile:before,\n.uk-icon-car:before { content: \"\\f1b9\"; }\n.uk-icon-cab:before,\n.uk-icon-taxi:before { content: \"\\f1ba\"; }\n.uk-icon-tree:before { content: \"\\f1bb\"; }\n.uk-icon-spotify:before { content: \"\\f1bc\"; }\n.uk-icon-deviantart:before { content: \"\\f1bd\"; }\n.uk-icon-soundcloud:before { content: \"\\f1be\"; }\n.uk-icon-database:before { content: \"\\f1c0\"; }\n.uk-icon-file-pdf-o:before { content: \"\\f1c1\"; }\n.uk-icon-file-word-o:before { content: \"\\f1c2\"; }\n.uk-icon-file-excel-o:before { content: \"\\f1c3\"; }\n.uk-icon-file-powerpoint-o:before { content: \"\\f1c4\"; }\n.uk-icon-file-photo-o:before,\n.uk-icon-file-picture-o:before,\n.uk-icon-file-image-o:before { content: \"\\f1c5\"; }\n.uk-icon-file-zip-o:before,\n.uk-icon-file-archive-o:before { content: \"\\f1c6\"; }\n.uk-icon-file-sound-o:before,\n.uk-icon-file-audio-o:before { content: \"\\f1c7\"; }\n.uk-icon-file-movie-o:before,\n.uk-icon-file-video-o:before { content: \"\\f1c8\"; }\n.uk-icon-file-code-o:before { content: \"\\f1c9\"; }\n.uk-icon-vine:before { content: \"\\f1ca\"; }\n.uk-icon-codepen:before { content: \"\\f1cb\"; }\n.uk-icon-jsfiddle:before { content: \"\\f1cc\"; }\n.uk-icon-life-bouy:before,\n.uk-icon-life-buoy:before,\n.uk-icon-life-saver:before,\n.uk-icon-support:before,\n.uk-icon-life-ring:before { content: \"\\f1cd\"; }\n.uk-icon-circle-o-notch:before { content: \"\\f1ce\"; }\n.uk-icon-ra:before,\n.uk-icon-rebel:before { content: \"\\f1d0\"; }\n.uk-icon-ge:before,\n.uk-icon-empire:before { content: \"\\f1d1\"; }\n.uk-icon-git-square:before { content: \"\\f1d2\"; }\n.uk-icon-git:before { content: \"\\f1d3\"; }\n.uk-icon-hacker-news:before { content: \"\\f1d4\"; }\n.uk-icon-tencent-weibo:before { content: \"\\f1d5\"; }\n.uk-icon-qq:before { content: \"\\f1d6\"; }\n.uk-icon-wechat:before,\n.uk-icon-weixin:before { content: \"\\f1d7\"; }\n.uk-icon-send:before,\n.uk-icon-paper-plane:before { content: \"\\f1d8\"; }\n.uk-icon-send-o:before,\n.uk-icon-paper-plane-o:before { content: \"\\f1d9\"; }\n.uk-icon-history:before { content: \"\\f1da\"; }\n.uk-icon-genderless:before,\n.uk-icon-circle-thin:before { content: \"\\f1db\"; }\n.uk-icon-header:before { content: \"\\f1dc\"; }\n.uk-icon-paragraph:before { content: \"\\f1dd\"; }\n.uk-icon-sliders:before { content: \"\\f1de\"; }\n.uk-icon-share-alt:before { content: \"\\f1e0\"; }\n.uk-icon-share-alt-square:before { content: \"\\f1e1\"; }\n.uk-icon-bomb:before { content: \"\\f1e2\"; }\n.uk-icon-soccer-ball-o:before,\n.uk-icon-futbol-o:before { content: \"\\f1e3\"; }\n.uk-icon-tty:before { content: \"\\f1e4\"; }\n.uk-icon-binoculars:before { content: \"\\f1e5\"; }\n.uk-icon-plug:before { content: \"\\f1e6\"; }\n.uk-icon-slideshare:before { content: \"\\f1e7\"; }\n.uk-icon-twitch:before { content: \"\\f1e8\"; }\n.uk-icon-yelp:before { content: \"\\f1e9\"; }\n.uk-icon-newspaper-o:before { content: \"\\f1ea\"; }\n.uk-icon-wifi:before { content: \"\\f1eb\"; }\n.uk-icon-calculator:before { content: \"\\f1ec\"; }\n.uk-icon-paypal:before { content: \"\\f1ed\"; }\n.uk-icon-google-wallet:before { content: \"\\f1ee\"; }\n.uk-icon-cc-visa:before { content: \"\\f1f0\"; }\n.uk-icon-cc-mastercard:before { content: \"\\f1f1\"; }\n.uk-icon-cc-discover:before { content: \"\\f1f2\"; }\n.uk-icon-cc-amex:before { content: \"\\f1f3\"; }\n.uk-icon-cc-paypal:before { content: \"\\f1f4\"; }\n.uk-icon-cc-stripe:before { content: \"\\f1f5\"; }\n.uk-icon-bell-slash:before { content: \"\\f1f6\"; }\n.uk-icon-bell-slash-o:before { content: \"\\f1f7\"; }\n.uk-icon-trash:before { content: \"\\f1f8\"; }\n.uk-icon-copyright:before { content: \"\\f1f9\"; }\n.uk-icon-at:before { content: \"\\f1fa\"; }\n.uk-icon-eyedropper:before { content: \"\\f1fb\"; }\n.uk-icon-paint-brush:before { content: \"\\f1fc\"; }\n.uk-icon-birthday-cake:before { content: \"\\f1fd\"; }\n.uk-icon-area-chart:before { content: \"\\f1fe\"; }\n.uk-icon-pie-chart:before { content: \"\\f200\"; }\n.uk-icon-line-chart:before { content: \"\\f201\"; }\n.uk-icon-lastfm:before { content: \"\\f202\"; }\n.uk-icon-lastfm-square:before { content: \"\\f203\"; }\n.uk-icon-toggle-off:before { content: \"\\f204\"; }\n.uk-icon-toggle-on:before { content: \"\\f205\"; }\n.uk-icon-bicycle:before { content: \"\\f206\"; }\n.uk-icon-bus:before { content: \"\\f207\"; }\n.uk-icon-ioxhost:before { content: \"\\f208\"; }\n.uk-icon-angellist:before { content: \"\\f209\"; }\n.uk-icon-cc:before { content: \"\\f20a\"; }\n.uk-icon-shekel:before,\n.uk-icon-sheqel:before,\n.uk-icon-ils:before { content: \"\\f20b\"; }\n.uk-icon-meanpath:before { content: \"\\f20c\"; }\n.uk-icon-buysellads:before { content: \"\\f20d\"; }\n.uk-icon-connectdevelop:before { content: \"\\f20e\"; }\n.uk-icon-dashcube:before { content: \"\\f210\"; }\n.uk-icon-forumbee:before { content: \"\\f211\"; }\n.uk-icon-leanpub:before { content: \"\\f212\"; }\n.uk-icon-sellsy:before { content: \"\\f213\"; }\n.uk-icon-shirtsinbulk:before { content: \"\\f214\"; }\n.uk-icon-simplybuilt:before { content: \"\\f215\"; }\n.uk-icon-skyatlas:before { content: \"\\f216\"; }\n.uk-icon-cart-plus:before { content: \"\\f217\"; }\n.uk-icon-cart-arrow-down:before { content: \"\\f218\"; }\n.uk-icon-diamond:before { content: \"\\f219\"; }\n.uk-icon-ship:before { content: \"\\f21a\"; }\n.uk-icon-user-secret:before { content: \"\\f21b\"; }\n.uk-icon-motorcycle:before { content: \"\\f21c\"; }\n.uk-icon-street-view:before { content: \"\\f21d\"; }\n.uk-icon-heartbeat:before { content: \"\\f21e\"; }\n.uk-icon-venus:before { content: \"\\f221\"; }\n.uk-icon-mars:before { content: \"\\f222\"; }\n.uk-icon-mercury:before { content: \"\\f223\"; }\n.uk-icon-transgender:before { content: \"\\f224\"; }\n.uk-icon-transgender-alt:before { content: \"\\f225\"; }\n.uk-icon-venus-double:before { content: \"\\f226\"; }\n.uk-icon-mars-double:before { content: \"\\f227\"; }\n.uk-icon-venus-mars:before { content: \"\\f228\"; }\n.uk-icon-mars-stroke:before { content: \"\\f229\"; }\n.uk-icon-mars-stroke-v:before { content: \"\\f22a\"; }\n.uk-icon-mars-stroke-h:before { content: \"\\f22b\"; }\n.uk-icon-neuter:before { content: \"\\f22c\"; }\n.uk-icon-facebook-official:before { content: \"\\f230\"; }\n.uk-icon-pinterest-p:before { content: \"\\f231\"; }\n.uk-icon-whatsapp:before { content: \"\\f232\"; }\n.uk-icon-server:before { content: \"\\f233\"; }\n.uk-icon-user-plus:before { content: \"\\f234\"; }\n.uk-icon-user-times:before { content: \"\\f235\"; }\n.uk-icon-hotel:before,\n.uk-icon-bed:before { content: \"\\f236\"; }\n.uk-icon-viacoin:before { content: \"\\f237\"; }\n.uk-icon-train:before { content: \"\\f238\"; }\n.uk-icon-subway:before { content: \"\\f239\"; }\n.uk-icon-medium-logo:before { content: \"\\f23a\"; }\n.uk-icon-500px:before { content: \"\\f26e\"; }\n.uk-icon-amazon:before { content: \"\\f270\"; }\n.uk-icon-balance-scale:before { content: \"\\f24e\"; }\n.uk-icon-battery-empty:before,\n.uk-icon-battery-0:before { content: \"\\f244\"; }\n.uk-icon-battery-quarter:before,\n.uk-icon-battery-1:before { content: \"\\f243\"; }\n.uk-icon-battery-half:before,\n.uk-icon-battery-2:before { content: \"\\f242\"; }\n.uk-icon-battery-three-quarters:before,\n.uk-icon-battery-3:before { content: \"\\f241\"; }\n.uk-icon-battery-full:before,\n.uk-icon-battery-4:before { content: \"\\f240\"; }\n.uk-icon-black-tie:before { content: \"\\f27e\"; }\n.uk-icon-calendar-check-o:before { content: \"\\f274\"; }\n.uk-icon-calendar-minus-o:before { content: \"\\f272\"; }\n.uk-icon-calendar-plus-o:before { content: \"\\f271\"; }\n.uk-icon-calendar-times-o:before { content: \"\\f273\"; }\n.uk-icon-cc-diners-club:before { content: \"\\f24c\"; }\n.uk-icon-cc-jcb:before { content: \"\\f24b\"; }\n.uk-icon-chrome:before { content: \"\\f268\"; }\n.uk-icon-clone:before { content: \"\\f24d\"; }\n.uk-icon-commenting:before { content: \"\\f27a\"; }\n.uk-icon-commenting-o:before { content: \"\\f27b\"; }\n.uk-icon-contao:before { content: \"\\f26d\"; }\n.uk-icon-creative-commons:before { content: \"\\f25e\"; }\n.uk-icon-expeditedssl:before { content: \"\\f23e\"; }\n.uk-icon-firefox:before { content: \"\\f269\"; }\n.uk-icon-fonticons:before { content: \"\\f280\"; }\n.uk-icon-get-pocket:before { content: \"\\f265\"; }\n.uk-icon-gg:before { content: \"\\f260\"; }\n.uk-icon-gg-circle:before { content: \"\\f261\"; }\n.uk-icon-hand-lizard-o:before { content: \"\\f258\"; }\n.uk-icon-hand-stop-o:before,\n.uk-icon-hand-paper-o:before { content: \"\\f256\"; }\n.uk-icon-hand-peace-o:before { content: \"\\f25b\"; }\n.uk-icon-hand-pointer-o:before { content: \"\\f25a\"; }\n.uk-icon-hand-grab-o:before,\n.uk-icon-hand-rock-o:before { content: \"\\f255\"; }\n.uk-icon-hand-scissors-o:before { content: \"\\f257\"; }\n.uk-icon-hand-spock-o:before { content: \"\\f259\"; }\n.uk-icon-hourglass:before { content: \"\\f254\"; }\n.uk-icon-hourglass-o:before { content: \"\\f250\"; }\n.uk-icon-hourglass-1:before,\n.uk-icon-hourglass-start:before { content: \"\\f251\"; }\n.uk-icon-hourglass-2:before,\n.uk-icon-hourglass-half:before { content: \"\\f252\"; }\n.uk-icon-hourglass-3:before,\n.uk-icon-hourglass-end:before { content: \"\\f253\"; }\n.uk-icon-houzz:before { content: \"\\f27c\"; }\n.uk-icon-i-cursor:before { content: \"\\f246\"; }\n.uk-icon-industry:before { content: \"\\f275\"; }\n.uk-icon-internet-explorer:before { content: \"\\f26b\"; }\n.uk-icon-map:before { content: \"\\f279\"; }\n.uk-icon-map-o:before { content: \"\\f278\"; }\n.uk-icon-map-pin:before { content: \"\\f276\"; }\n.uk-icon-map-signs:before { content: \"\\f277\"; }\n.uk-icon-mouse-pointer:before { content: \"\\f245\"; }\n.uk-icon-object-group:before { content: \"\\f247\"; }\n.uk-icon-object-ungroup:before { content: \"\\f248\"; }\n.uk-icon-odnoklassniki:before { content: \"\\f263\"; }\n.uk-icon-odnoklassniki-square:before { content: \"\\f264\"; }\n.uk-icon-opencart:before { content: \"\\f23d\"; }\n.uk-icon-opera:before { content: \"\\f26a\"; }\n.uk-icon-optin-monster:before { content: \"\\f23c\"; }\n.uk-icon-registered:before { content: \"\\f25d\"; }\n.uk-icon-safari:before { content: \"\\f267\"; }\n.uk-icon-sticky-note:before { content: \"\\f249\"; }\n.uk-icon-sticky-note-o:before { content: \"\\f24a\"; }\n.uk-icon-tv:before,\n.uk-icon-television:before { content: \"\\f26c\"; }\n.uk-icon-trademark:before { content: \"\\f25c\"; }\n.uk-icon-tripadvisor:before { content: \"\\f262\"; }\n.uk-icon-vimeo:before { content: \"\\f27d\"; }\n.uk-icon-wikipedia-w:before { content: \"\\f266\"; }\n.uk-icon-yc:before,\n.uk-icon-y-combinator:before { content: \"\\f23b\"; }\n.uk-icon-yc-square:before,\n.uk-icon-y-combinator-square:before { content: \"\\f1d4\"; }\n\/\/ added fa 4.5\n.uk-icon-bluetooth:before { content: \"\\f293\"; }\n.uk-icon-bluetooth-b:before { content: \"\\f294\"; }\n.uk-icon-codiepie:before { content: \"\\f284\"; }\n.uk-icon-credit-card-alt:before { content: \"\\f283\"; }\n.uk-icon-edge:before { content: \"\\f282\"; }\n.uk-icon-fort-awesome:before { content: \"\\f286\"; }\n.uk-icon-hashtag:before { content: \"\\f292\"; }\n.uk-icon-mixcloud:before { content: \"\\f289\"; }\n.uk-icon-modx:before { content: \"\\f285\"; }\n.uk-icon-pause-circle:before { content: \"\\f28b\"; }\n.uk-icon-pause-circle-o:before { content: \"\\f28c\"; }\n.uk-icon-percent:before { content: \"\\f295\"; }\n.uk-icon-product-hunt:before { content: \"\\f288\"; }\n.uk-icon-reddit-alien:before { content: \"\\f281\"; }\n.uk-icon-scribd:before { content: \"\\f28a\"; }\n.uk-icon-shopping-bag:before { content: \"\\f290\"; }\n.uk-icon-shopping-basket:before { content: \"\\f291\"; }\n.uk-icon-stop-circle:before { content: \"\\f28d\"; }\n.uk-icon-stop-circle-o:before { content: \"\\f28e\"; }\n.uk-icon-usb:before { content: \"\\f287\"; }\n\/\/ added fa 4.6\n.uk-icon-american-sign-language-interpreting:before,\n.uk-icon-asl-interpreting:before { content: \"\\f2a3\"; }\n.uk-icon-assistive-listening-systems:before { content: \"\\f2a2\"; }\n.uk-icon-audio-description:before { content: \"\\f29e\"; }\n.uk-icon-blind:before { content: \"\\f29d\"; }\n.uk-icon-braille:before { content: \"\\f2a1\"; }\n.uk-icon-deaf:before,\n.uk-icon-deafness:before { content: \"\\f2a4\"; }\n.uk-icon-envira:before { content: \"\\f299\"; }\n.uk-icon-font-awesome:before,\n.uk-icon-fa:before { content: \"\\f2b4\"; }\n.uk-icon-first-order:before { content: \"\\f2b0\"; }\n.uk-icon-gitlab:before { content: \"\\f296\"; }\n.uk-icon-glide:before { content: \"\\f2a5\"; }\n.uk-icon-glide-g:before { content: \"\\f2a6\"; }\n.uk-icon-hard-of-hearing:before { content: \"\\f2a4\"; }\n.uk-icon-low-vision:before { content: \"\\f2a8\"; }\n.uk-icon-question-circle-o:before { content: \"\\f29c\"; }\n.uk-icon-sign-language:before,\n.uk-icon-signing:before { content: \"\\f2a7\"; }\n.uk-icon-snapchat:before { content: \"\\f2ab\"; }\n.uk-icon-snapchat-ghost:before { content: \"\\f2ac\"; }\n.uk-icon-snapchat-square:before { content: \"\\f2ad\"; }\n.uk-icon-themeisle:before { content: \"\\f2b2\"; }\n.uk-icon-universal-access:before { content: \"\\f29a\"; }\n.uk-icon-viadeo:before { content: \"\\f2a9\"; }\n.uk-icon-viadeo-square:before { content: \"\\f2aa\"; }\n.uk-icon-volume-control-phone:before { content: \"\\f2a0\"; }\n.uk-icon-wheelchair-alt:before { content: \"\\f29b\"; }\n.uk-icon-wpbeginner:before { content: \"\\f297\"; }\n.uk-icon-wpforms:before { content: \"\\f298\"; }\n.uk-icon-yoast:before { content: \"\\f2b1\"; }\n\n\/\/ added 4.7.0\n.uk-icon-adress-book:before { content: \"\\f2b9\"; }\n.uk-icon-adress-book-o:before { content: \"\\f2ba\"; }\n.uk-icon-adress-card:before { content: \"\\f2bb\"; }\n.uk-icon-adress-card-o:before { content: \"\\f2bc\"; }\n.uk-icon-bandcamp:before { content: \"\\f2d5\"; }\n.uk-icon-bath:before { content: \"\\f2cd\"; }\n.uk-icon-bathub:before { content: \"\\f2cd\"; }\n.uk-icon-drivers-license:before { content: \"\\f2c2\"; }\n.uk-icon-drivers-license-o:before { content: \"\\f2c3\"; }\n.uk-icon-eercast:before { content: \"\\f2da\"; }\n.uk-icon-envelope-open:before { content: \"\\f2b6\"; }\n.uk-icon-envelope-open-o:before { content: \"\\f2b7\"; }\n.uk-icon-etsy:before { content: \"\\f2d7\"; }\n.uk-icon-free-code-camp:before { content: \"\\f2c5\"; }\n.uk-icon-grav:before { content: \"\\f2d6\"; }\n.uk-icon-handshake-o:before { content: \"\\f2b5\"; }\n.uk-icon-id-badge:before { content: \"\\f2c1\"; }\n.uk-icon-id-card:before { content: \"\\f2c2\"; }\n.uk-icon-id-card-o:before { content: \"\\f2c3\"; }\n.uk-icon-imdb:before { content: \"\\f2d8\"; }\n.uk-icon-linode:before { content: \"\\f2b8\"; }\n.uk-icon-meetup:before { content: \"\\f2e0\"; }\n.uk-icon-microchip:before { content: \"\\f2db\"; }\n.uk-icon-podcast:before { content: \"\\f2ce\"; }\n.uk-icon-quora:before { content: \"\\f2c4\"; }\n.uk-icon-ravelry:before { content: \"\\f2d9\"; }\n.uk-icon-s15:before { content: \"\\f2cd\"; }\n.uk-icon-shower:before { content: \"\\f2cc\"; }\n.uk-icon-snowflake-o:before { content: \"\\f2dc\"; }\n.uk-icon-superpowers:before { content: \"\\f2dd\"; }\n.uk-icon-telegram:before { content: \"\\f2c6\"; }\n.uk-icon-thermometer:before { content: \"\\f2c7\"; }\n.uk-icon-thermometer-0:before { content: \"\\f2cb\"; }\n.uk-icon-thermometer-1:before { content: \"\\f2ca\"; }\n.uk-icon-thermometer-2:before { content: \"\\f2c9\"; }\n.uk-icon-thermometer-3:before { content: \"\\f2c8\"; }\n.uk-icon-thermometer-4:before { content: \"\\f2c7\"; }\n.uk-icon-thermometer-empty:before { content: \"\\f2cb\"; }\n.uk-icon-thermometer-full:before { content: \"\\f2c7\"; }\n.uk-icon-thermometer-half:before { content: \"\\f2c9\"; }\n.uk-icon-thermometer-quarter:before { content: \"\\f2ca\"; }\n.uk-icon-thermometer-three-quarters:before { content: \"\\f2c8\"; }\n.uk-icon-times-rectangle:before { content: \"\\f2d3\"; }\n.uk-icon-times-rectangle-o:before { content: \"\\f2d4\"; }\n.uk-icon-user-circle:before { content: \"\\f2bd\"; }\n.uk-icon-user-circle-o:before { content: \"\\f2be\"; }\n.uk-icon-user-o:before { content: \"\\f2c0\"; }\n.uk-icon-vcard:before { content: \"\\f2bb\"; }\n.uk-icon-vcard-o:before { content: \"\\f2bc\"; }\n.uk-icon-widow-close:before { content: \"\\f2d3\"; }\n.uk-icon-widow-close-o:before { content: \"\\f2d4\"; }\n.uk-icon-window-maximize:before { content: \"\\f2d0\"; }\n.uk-icon-window-minimize:before { content: \"\\f2d1\"; }\n.uk-icon-window-restore:before { content: \"\\f2d2\"; }\n.uk-icon-wpexplorer:before { content: \"\\f2de\"; }\n\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-icon-misc;\n\n.hook-icon-hover() {}\n.hook-icon-hover-hover() {}\n.hook-icon-button() {}\n.hook-icon-button-hover() {}\n.hook-icon-button-active() {}\n.hook-icon-misc() {}\n\n\/\/ Name: Close\n\/\/ Description: Defines styles for a close button\n\/\/\n\/\/ Component: `uk-close`\n\/\/\n\/\/ Modifiers: `uk-close-alt`\n\/\/\n\/\/ Uses: Icon: FontAwesome\n\/\/\n\/\/ Used by: Alert\n\/\/ Modal\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@close-size: 20px;\n\n@close-alt-padding: 2px;\n@close-alt-background: #eee;\n\n\n\/* ========================================================================\n Component: Close\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-close::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n\/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Remove default `button` padding and background color\n * 8. Style\n *\/\n\n.uk-close {\n \/* 1 *\/\n -webkit-appearance: none;\n \/* 2 *\/\n margin: 0;\n \/* 3 *\/\n border: none;\n \/* 4 *\/\n overflow: visible;\n \/* 5 *\/\n font: inherit;\n color: inherit;\n \/* 6 *\/\n text-transform: none;\n \/* 7. *\/\n padding: 0;\n background: transparent;\n \/* 8 *\/\n display: inline-block;\n box-sizing: content-box;\n width: @close-size;\n line-height: @close-size;\n text-align: center;\n vertical-align: middle;\n opacity: 0.3;\n .hook-close;\n}\n\n\/* Icon *\/\n.uk-close:after {\n display: block;\n content: \"\\f00d\";\n font-family: FontAwesome;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n *\/\n\n.uk-close:hover,\n.uk-close:focus { \/\/ 1\n opacity: 0.5;\n \/* 2 *\/\n outline: none;\n \/* 3 *\/\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n}\n\n\n\/* Modifier\n ========================================================================== *\/\n\n.uk-close-alt {\n padding: @close-alt-padding;\n border-radius: 50%;\n background: @close-alt-background;\n opacity: 1;\n .hook-close-alt;\n}\n\n\/* Hover *\/\n.uk-close-alt:hover,\n.uk-close-alt:focus { opacity: 1; }\n\n\/* Icon *\/\n.uk-close-alt:after { opacity: 0.5; }\n\n.uk-close-alt:hover:after,\n.uk-close-alt:focus:after { opacity: 0.8; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-close-misc;\n\n.hook-close() {}\n.hook-close-alt() {}\n.hook-close-misc() {}\n\/\/ Name: Badge\n\/\/ Description: Defines styles for badges\n\/\/\n\/\/ Component: `uk-badge`\n\/\/\n\/\/ Modifiers: `uk-badge-notification`\n\/\/ `uk-badge-success`\n\/\/ `uk-badge-danger`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@badge-background: #00a8e6;\n@badge-padding-horizontal: 5px;\n@badge-font-size: 10px;\n@badge-font-weight: bold;\n@badge-line-height: 14px;\n@badge-color: #fff;\n@badge-text-transform: none;\n@badge-hover-color: #fff;\n\n@badge-notification-font-size: 12px;\n@badge-notification-line-height: 18px;\n\n@badge-success-background: #8cc14c;\n@badge-warning-background: #faa732;\n@badge-danger-background: #da314b;\n\n\n\/* ========================================================================\n Component: Badge\n ========================================================================== *\/\n\n.uk-badge {\n display: inline-block;\n padding: 0 @badge-padding-horizontal;\n background: @badge-background;\n font-size: @badge-font-size;\n font-weight: @badge-font-weight;\n line-height: @badge-line-height;\n color: @badge-color;\n text-align: center;\n vertical-align: middle;\n text-transform: @badge-text-transform;\n .hook-badge;\n}\n\n\/*\n * Keep color when badge is a link\n *\/\n\na.uk-badge:hover { color: @badge-hover-color; }\n\n\n\/* Modifier: `uk-badge-notification`;\n ========================================================================== *\/\n\n.uk-badge-notification {\n box-sizing: border-box;\n min-width: @badge-notification-line-height;\n border-radius: 500px;\n font-size: @badge-notification-font-size;\n line-height: @badge-notification-line-height;\n}\n\n\n\/* Color modifier\n ========================================================================== *\/\n\n\/*\n * Modifier: `uk-badge-success`\n *\/\n\n.uk-badge-success {\n background-color: @badge-success-background;\n .hook-badge-success;\n}\n\n\/*\n * Modifier: `uk-badge-warning`\n *\/\n\n.uk-badge-warning {\n background-color: @badge-warning-background;\n .hook-badge-warning;\n}\n\n\/*\n * Modifier: `uk-badge-danger`\n *\/\n\n.uk-badge-danger {\n background-color: @badge-danger-background;\n .hook-badge-danger;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-badge-misc;\n\n.hook-badge() {}\n.hook-badge-success() {}\n.hook-badge-warning() {}\n.hook-badge-danger() {}\n.hook-badge-misc() {}\n\/\/ Name: Alert\n\/\/ Description: Defines styles for alert messages\n\/\/\n\/\/ Component: `uk-alert`\n\/\/\n\/\/ Sub-objects: `uk-alert-close`\n\/\/\n\/\/ Modifiers: `uk-alert-success`\n\/\/ `uk-alert-warning`\n\/\/ `uk-alert-danger`\n\/\/ `uk-alert-large`\n\/\/\n\/\/ Uses: Close: `uk-close`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@alert-margin-vertical: 15px;\n@alert-padding: 10px;\n@alert-background: #ebf7fd;\n@alert-color: #2d7091;\n\n@alert-success-background: #f2fae3;\n@alert-success-color: #659f13;\n\n@alert-warning-background: #fffceb;\n@alert-warning-color: #e28327;\n\n@alert-danger-background: #fff1f0;\n@alert-danger-color: #d85030;\n\n@alert-large-padding: 20px;\n\n\n\/* ========================================================================\n Component: Alert\n ========================================================================== *\/\n\n.uk-alert {\n margin-bottom: @alert-margin-vertical;\n padding: @alert-padding;\n background: @alert-background;\n color: @alert-color;\n .hook-alert;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-alert { margin-top: @alert-margin-vertical; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-alert > :last-child { margin-bottom: 0; }\n\n\/*\n * Keep color for headings if the default heading color is changed\n *\/\n\n.uk-alert h1,\n.uk-alert h2,\n.uk-alert h3,\n.uk-alert h4,\n.uk-alert h5,\n.uk-alert h6 { color: inherit; }\n\n\n\/* Close in alert\n ========================================================================== *\/\n\n.uk-alert > .uk-close:first-child { float: right; }\n\n\/*\n * Remove margin from adjacent element\n *\/\n\n.uk-alert > .uk-close:first-child + * { margin-top: 0; }\n\n\n\/* Modifier: `uk-alert-success`\n ========================================================================== *\/\n\n.uk-alert-success {\n background: @alert-success-background;\n color: @alert-success-color;\n .hook-alert-success;\n}\n\n\n\/* Modifier: `uk-alert-warning`\n ========================================================================== *\/\n\n.uk-alert-warning {\n background: @alert-warning-background;\n color: @alert-warning-color;\n .hook-alert-warning;\n}\n\n\n\/* Modifier: `uk-alert-danger`\n ========================================================================== *\/\n\n.uk-alert-danger {\n background: @alert-danger-background;\n color: @alert-danger-color;\n .hook-alert-danger;\n}\n\n\n\/* Modifier: `uk-alert-large`\n ========================================================================== *\/\n\n.uk-alert-large { padding: @alert-large-padding; }\n\n.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-alert-misc;\n\n.hook-alert() {}\n.hook-alert-success() {}\n.hook-alert-warning() {}\n.hook-alert-danger() {}\n.hook-alert-misc() {}\n\/\/ Name: Thumbnail\n\/\/ Description: Defines styles for image thumbnails\n\/\/\n\/\/ Component: `uk-thumbnail`\n\/\/\n\/\/ Sub-objects: `uk-thumbnail-caption`\n\/\/\n\/\/ Modifiers: `uk-thumbnail-mini`\n\/\/ `uk-thumbnail-small`\n\/\/ `uk-thumbnail-medium`\n\/\/ `uk-thumbnail-large`\n\/\/ `uk-thumbnail-expand`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnail-padding: 4px;\n@thumbnail-border: #ddd;\n@thumbnail-border-width: 1px;\n@thumbnail-background: #fff;\n@thumbnail-hover-border: #aaa;\n@thumbnail-hover-background: #fff;\n\n@thumbnail-caption-padding: @thumbnail-padding;\n@thumbnail-caption-color: #444;\n\n@thumbnail-mini-width: 150px;\n@thumbnail-small-width: 200px;\n@thumbnail-medium-width: 300px;\n@thumbnail-large-width: 400px;\n\n\n\/* ========================================================================\n Component: Thumbnail\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Responsive behavior\n * 3. Corrects `max-width` behavior sed\n * 4. Required for `figure` element\n * 5. Style\n *\/\n\n.uk-thumbnail {\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n max-width: 100%;\n \/* 3 *\/\n box-sizing: border-box;\n \/* 3 *\/\n margin: 0;\n \/* 4 *\/\n padding: @thumbnail-padding;\n border: @thumbnail-border-width solid @thumbnail-border;\n background: @thumbnail-background;\n .hook-thumbnail;\n}\n\n\/*\n * Hover state for `a` elements\n * 1. Apply hover style also to focus state\n * 2. Needed for caption\n * 3. Remove default focus style\n *\/\n\na.uk-thumbnail:hover,\na.uk-thumbnail:focus { \/\/ 1\n border-color: @thumbnail-hover-border;\n background-color: @thumbnail-hover-background;\n \/* 2 *\/\n text-decoration: none;\n \/* 3 *\/\n outline: none;\n .hook-thumbnail-hover;\n}\n\n\n\/* Caption\n ========================================================================== *\/\n\n.uk-thumbnail-caption {\n padding-top: @thumbnail-caption-padding;\n text-align: center;\n color: @thumbnail-caption-color;\n .hook-thumbnail-caption;\n}\n\n\n\/* Sizes\n ========================================================================== *\/\n\n.uk-thumbnail-mini { width: @thumbnail-mini-width; }\n.uk-thumbnail-small { width: @thumbnail-small-width; }\n.uk-thumbnail-medium { width: @thumbnail-medium-width; }\n.uk-thumbnail-large { width: @thumbnail-large-width; }\n\n.uk-thumbnail-expand,\n.uk-thumbnail-expand > img { width: 100%; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-thumbnail-misc;\n\n.hook-thumbnail() {}\n.hook-thumbnail-hover() {}\n.hook-thumbnail-caption() {}\n.hook-thumbnail-misc() {}\n\/\/ Name: Overlay\n\/\/ Description: Defines styles for image overlays\n\/\/\n\/\/ Component: `uk-overlay`\n\/\/\n\/\/ Sub-objects: `uk-overlay-panel`\n\/\/ `uk-overlay-hover`\n\/\/ `uk-overlay-active`\n\/\/ `uk-overlay-icon`\n\/\/\n\/\/ Modifier: `uk-overlay-background`\n\/\/ `uk-overlay-image`\n\/\/ `uk-overlay-top`\n\/\/ `uk-overlay-bottom`\n\/\/ `uk-overlay-left`\n\/\/ `uk-overlay-right`\n\/\/ `uk-overlay-fade`\n\/\/ `uk-overlay-scale`\n\/\/ `uk-overlay-spin`\n\/\/ `uk-overlay-grayscale`\n\/\/ `uk-overlay-slide-top`\n\/\/ `uk-overlay-slide-bottom`\n\/\/ `uk-overlay-slide-left`\n\/\/ `uk-overlay-slide-right`\n\/\/\n\/\/ DEPRECATED: `uk-overlay-area`\n\/\/ `uk-overlay-area-content`\n\/\/ `uk-overlay-caption`\n\/\/ `uk-overlay-toggle`\n\/\/\n\/\/ States: `uk-hover`\n\/\/ `uk-active`\n\/\/ `uk-ignore`\n\/\/\n\/\/ Uses: Icon: `[class*='uk-icon-']`\n\/\/ `uk-border-circle`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@overlay-panel-padding: 20px;\n@overlay-panel-color: #fff;\n\n@overlay-panel-background: rgba(0,0,0,0.5);\n\n@overlay-icon: \"\\f002\";\n@overlay-icon-size: 50px;\n@overlay-icon-color: #fff;\n\n@overlay-fade-in-opacity: 1;\n@overlay-fade-out-opacity: 0.7;\n\n@overlay-scale-in-scale: 1.1;\n@overlay-scale-out-scale: 1;\n\n@overlay-spin-in-scale: 1.1;\n@overlay-spin-out-scale: 1;\n@overlay-spin-in-rotate: 3deg;\n@overlay-spin-out-rotate: 0deg;\n\n@overlay-panel-link-color: inherit;\n@overlay-panel-link-text-decoration: underline;\n\n\/\/ DEPRECATED\n@overlay-area-background: rgba(0,0,0,0.3);\n\n@overlay-area-icon: \"\\f002\";\n@overlay-area-icon-size: 50px;\n@overlay-area-icon-color: #fff;\n\n@overlay-area-content-font-size: 1rem;\n@overlay-area-content-padding-horizontal: 15px;\n@overlay-area-content-color: #fff;\n@overlay-area-content-link-color: inherit;\n\n@overlay-caption-background: rgba(0,0,0,0.5);\n@overlay-caption-padding: 15px;\n@overlay-caption-color: #fff;\n\n\n\/* ========================================================================\n Component: Overlay\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Set max-width for responsive images to prevent `inline-block` consequences\n * 4. Remove the gap between the container and its child element\n * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome\n * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit\n * 7. Reset margin\n *\/\n\n.uk-overlay {\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n max-width: 100%;\n \/* 4 *\/\n vertical-align: middle;\n \/* 5 *\/\n overflow: hidden;\n \/* 6 *\/\n -webkit-transform: translateZ(0);\n \/* 7 *\/\n margin: 0;\n}\n\n\/* 6 for Safari *\/\n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n\/*\n * Remove margin from content\n *\/\n\n.uk-overlay > :first-child { margin-bottom: 0; }\n\n\n\/* Sub-object `uk-overlay-panel`\n ========================================================================== *\/\n\n\/*\n * 1. Position cover\n * 2. Style\n *\/\n\n.uk-overlay-panel {\n \/* 1 *\/\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n \/* 2 *\/\n padding: @overlay-panel-padding;\n color: @overlay-panel-color;\n .hook-overlay-panel;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-overlay-panel > :last-child,\n.uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; }\n\n\/*\n * Keep color for headings if the default heading color is changed\n *\/\n\n.uk-overlay-panel h1,\n.uk-overlay-panel h2,\n.uk-overlay-panel h3,\n.uk-overlay-panel h4,\n.uk-overlay-panel h5,\n.uk-overlay-panel h6 { color: inherit; }\n\n.uk-overlay-panel a:not([class]) {\n color: @overlay-panel-link-color;\n text-decoration: @overlay-panel-link-text-decoration;\n}\n\n.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { color: @overlay-panel-link-color; }\n\n\n\/* Sub-object `uk-overlay-hover` and `uk-overlay-active`\n ========================================================================== *\/\n\n.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n\n\/* Modifier `uk-overlay-background`\n ========================================================================== *\/\n\n.uk-overlay-background {\n background: @overlay-panel-background;\n .hook-overlay-background;\n}\n\n\n\/* Modifier `uk-overlay-image`\n ========================================================================== *\/\n\n\/*\n * Reset panel\n *\/\n\n.uk-overlay-image {\n padding: 0;\n .hook-overlay-image;\n}\n\n\n\/* Position modifiers\n ========================================================================== *\/\n\n.uk-overlay-top { bottom: auto; }\n\n.uk-overlay-bottom { top: auto; }\n\n.uk-overlay-left { right: auto; }\n\n.uk-overlay-right { left: auto; }\n\n\n\/* Sub-object `uk-overlay-icon`\n ========================================================================== *\/\n\n.uk-overlay-icon:before {\n content: @overlay-icon;\n position: absolute;\n top: 50%;\n left: 50%;\n width: @overlay-icon-size;\n height: @overlay-icon-size;\n margin-top: -(@overlay-icon-size \/ 2);\n margin-left: -(@overlay-icon-size \/ 2);\n font-size: @overlay-icon-size;\n line-height: 1;\n font-family: FontAwesome;\n text-align: center;\n color: @overlay-icon-color;\n .hook-overlay-icon;\n}\n\n\n\/* Transitions\n ========================================================================== *\/\n\n.uk-overlay-fade,\n.uk-overlay-scale,\n.uk-overlay-spin,\n.uk-overlay-grayscale,\n.uk-overlay-blur,\n[class*='uk-overlay-slide'] {\n transition-duration: 0.3s;\n transition-timing-function: ease-out;\n transition-property: opacity, transform, filter;\n}\n\n.uk-overlay-active .uk-overlay-fade,\n.uk-overlay-active .uk-overlay-scale,\n.uk-overlay-active .uk-overlay-spin,\n.uk-overlay-active [class*='uk-overlay-slide'] { transition-duration: 0.8s; }\n\n\/*\n * Fade\n *\/\n\n.uk-overlay-fade { opacity: @overlay-fade-out-opacity; }\n\n.uk-overlay-hover:hover .uk-overlay-fade,\n.uk-overlay-hover.uk-hover .uk-overlay-fade,\n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: @overlay-fade-in-opacity; }\n\n\/*\n * Scale\n *\/\n\n.uk-overlay-scale {\n -webkit-transform: scale(@overlay-scale-out-scale);\n transform: scale(@overlay-scale-out-scale);\n}\n\n.uk-overlay-hover:hover .uk-overlay-scale,\n.uk-overlay-hover.uk-hover .uk-overlay-scale,\n.uk-overlay-active .uk-active > .uk-overlay-scale {\n -webkit-transform: scale(@overlay-scale-in-scale);\n transform: scale(@overlay-scale-in-scale);\n}\n\n\/*\n * Spin\n *\/\n\n.uk-overlay-spin {\n -webkit-transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n}\n\n.uk-overlay-hover:hover .uk-overlay-spin,\n.uk-overlay-hover.uk-hover .uk-overlay-spin,\n.uk-overlay-active .uk-active > .uk-overlay-spin {\n -webkit-transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n}\n\n\/*\n * Grayscale\n *\/\n\n.uk-overlay-grayscale {\n -webkit-filter: grayscale(100%);\n filter: grayscale(100%);\n}\n\n.uk-overlay-hover:hover .uk-overlay-grayscale,\n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,\n.uk-overlay-active .uk-active > .uk-overlay-grayscale {\n -webkit-filter: grayscale(0%);\n filter: grayscale(0%);\n}\n\n\/*\n * Slide\n *\/\n\n[class*='uk-overlay-slide'] { opacity: 0; }\n\n\/* Top *\/\n.uk-overlay-slide-top {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n}\n\n\/* Bottom *\/\n.uk-overlay-slide-bottom {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n\/* Left *\/\n.uk-overlay-slide-left {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\n\n\/* Right *\/\n.uk-overlay-slide-right {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n\/* Hover *\/\n.uk-overlay-hover:hover [class*='uk-overlay-slide'],\n.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],\n.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {\n opacity: 1;\n -webkit-transform: translateX(0) translateY(0);\n transform: translateX(0) translateY(0);\n}\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-area`\n ========================================================================== *\/\n\n\/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n *\/\n\n.uk-overlay-area {\n \/* 1 *\/\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n \/* 2 *\/\n background: @overlay-area-background;\n \/* 3 *\/\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n -webkit-transform: translate3d(0,0,0);\n .hook-overlay-area;\n}\n\n\/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n *\/\n\n.uk-overlay:hover .uk-overlay-area,\n.uk-overlay.uk-hover .uk-overlay-area, \/\/ 1\n.uk-overlay-toggle:hover .uk-overlay-area, \/\/ 2\n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }\n\n\/*\n * Icon\n *\/\n\n.uk-overlay-area:empty:before {\n content: @overlay-area-icon;\n position: absolute;\n top: 50%;\n left: 50%;\n width: @overlay-area-icon-size;\n height: @overlay-area-icon-size;\n margin-top: -(@overlay-area-icon-size \/ 2);\n margin-left: -(@overlay-area-icon-size \/ 2);\n font-size: @overlay-area-icon-size;\n line-height: 1;\n font-family: FontAwesome;\n text-align: center;\n color: @overlay-area-icon-color;\n .hook-overlay-area-icon;\n}\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-area-content`\n ========================================================================== *\/\n\n\/*\n * Remove whitespace between child elements when using `inline-block`\n * Needed for Firefox\n *\/\n\n.uk-overlay-area:not(:empty) { font-size: 0.001px; }\n\n\/*\n * 1. Needed for vertical alignment\n *\/\n\n.uk-overlay-area:not(:empty):before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n\/*\n * 1. Set vertical alignment\n * 2. Reset whitespace hack\n * 3. Set horizontal alignment\n * 4. Set style\n *\/\n\n.uk-overlay-area-content {\n \/* 1 *\/\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n vertical-align: middle;\n \/* 2 *\/\n font-size: @overlay-area-content-font-size;\n \/* 3 *\/\n text-align: center;\n \/* 4 *\/\n padding: 0 @overlay-area-content-padding-horizontal;\n color: @overlay-area-content-color;\n .hook-overlay-area-content;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-overlay-area-content > :last-child { margin-bottom: 0; }\n\n\/*\n * Links in overlay area\n *\/\n\n.uk-overlay-area-content a:not([class]),\n.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }\n\n\n\/* DEPRECATED\n * Sub-object `uk-overlay-caption`\n ========================================================================== *\/\n\n\/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n *\/\n\n.uk-overlay-caption {\n \/* 1 *\/\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n \/* 2 *\/\n padding: @overlay-caption-padding;\n background: @overlay-caption-background;\n color: @overlay-caption-color;\n \/* 3 *\/\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n -webkit-transform: translate3d(0,0,0);\n .hook-overlay-caption;\n}\n\n\/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n *\/\n\n.uk-overlay:hover .uk-overlay-caption,\n.uk-overlay.uk-hover .uk-overlay-caption, \/\/ 1\n.uk-overlay-toggle:hover .uk-overlay-caption, \/\/ 2\n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-overlay-misc;\n\n.hook-overlay-panel() {}\n.hook-overlay-background() {}\n.hook-overlay-image() {}\n.hook-overlay-icon() {}\n.hook-overlay-misc() {}\n\n\/\/ DEPRECATED\n.hook-overlay-area() {}\n.hook-overlay-area-icon() {}\n.hook-overlay-area-content() {}\n.hook-overlay-caption() {}\n\n\/\/ Name: Column\n\/\/ Description: Provides a responsive, fluid and nestable columns for text and inline elements\n\/\/\n\/\/ Component: `uk-column`\n\/\/\n\/\/ Modifiers: `uk-column-small`\n\/\/ `uk-column-medium-*`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@column-gutter: 25px;\n\n\n\/* ========================================================================\n Component: Column\n ========================================================================== *\/\n\n[class*='uk-column-'] {\n -webkit-column-gap: @column-gutter;\n -moz-column-gap: @column-gutter;\n column-gap: @column-gutter;\n .hook-column;\n}\n\n\n\/* Width modifiers\n ========================================================================== *\/\n\n.uk-column-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n}\n\n.uk-column-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n}\n\n.uk-column-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n}\n\n.uk-column-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n}\n\n.uk-column-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n}\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n .uk-column-small-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-small-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-small-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-small-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-small-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-column-medium-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-medium-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-medium-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-medium-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-medium-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n .uk-column-large-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-large-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-large-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-large-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-large-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-column-xlarge-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-xlarge-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-xlarge-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-xlarge-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-xlarge-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-column-misc;\n\n.hook-column() {}\n.hook-column-misc() {}\n\n\/\/ Name: Animation\n\/\/ Description: Provides a useful set of keyframe animations\n\/\/\n\/\/ Component: `uk-animation-*`\n\/\/\n\/\/ Modifiers: `uk-animation-fade`\n\/\/ `uk-animation-scale-up`\n\/\/ `uk-animation-scale-down`\n\/\/ `uk-animation-slide-top`\n\/\/ `uk-animation-slide-bottom`\n\/\/ `uk-animation-slide-left`\n\/\/ `uk-animation-slide-right`\n\/\/ `uk-animation-scale`\n\/\/ `uk-animation-shake`\n\/\/ `uk-animation-reverse`\n\/\/ `uk-animation-15`\n\/\/ `uk-animation-top-left`\n\/\/ `uk-animation-top-center`\n\/\/ `uk-animation-top-right`\n\/\/ `uk-animation-middle-left`\n\/\/ `uk-animation-middle-right`\n\/\/ `uk-animation-bottom-left`\n\/\/ `uk-animation-bottom-center`\n\/\/ `uk-animation-bottom-right`\n\/\/\n\/\/ Sub-objects: `uk-animation-hover`\n\/\/\n\/\/ Uses: Scrollspy\n\/\/\n\/\/ Used by: Dropdown\n\/\/ Icon\n\/\/ Search\n\/\/ Datepicker\n\/\/ Slideshow\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Animation\n ========================================================================== *\/\n\n[class*='uk-animation-'] {\n -webkit-animation-duration: 0.5s;\n animation-duration: 0.5s;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n\/* Hide animated element if scrollspy is used *\/\n@media screen {\n\n [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { opacity: 0; }\n\n}\n\n\/*\n * Fade\n * Higher specificity (!important) needed because of reverse modifier\n *\/\n\n.uk-animation-fade {\n -webkit-animation-name: uk-fade;\n animation-name: uk-fade;\n -webkit-animation-duration: 0.8s;\n animation-duration: 0.8s;\n -webkit-animation-timing-function: linear !important;\n animation-timing-function: linear !important;\n}\n\n\/*\n * Fade with scale\n *\/\n\n.uk-animation-scale-up {\n -webkit-animation-name: uk-fade-scale-02;\n animation-name: uk-fade-scale-02;\n}\n\n.uk-animation-scale-down {\n -webkit-animation-name: uk-fade-scale-18;\n animation-name: uk-fade-scale-18;\n}\n\n\/*\n * Fade with slide\n *\/\n\n.uk-animation-slide-top {\n -webkit-animation-name: uk-fade-top;\n animation-name: uk-fade-top;\n}\n\n.uk-animation-slide-bottom {\n -webkit-animation-name: uk-fade-bottom;\n animation-name: uk-fade-bottom;\n}\n\n.uk-animation-slide-left {\n -webkit-animation-name: uk-fade-left;\n animation-name: uk-fade-left;\n}\n\n.uk-animation-slide-right {\n -webkit-animation-name: uk-fade-right;\n animation-name: uk-fade-right;\n}\n\n\/*\n * Scale\n *\/\n\n.uk-animation-scale {\n -webkit-animation-name: uk-scale-12;\n animation-name: uk-scale-12;\n}\n\n\/*\n * Shake\n *\/\n\n.uk-animation-shake {\n -webkit-animation-name: uk-shake;\n animation-name: uk-shake;\n}\n\n\n\/* Direction modifiers\n ========================================================================== *\/\n\n.uk-animation-reverse {\n -webkit-animation-direction: reverse;\n animation-direction: reverse;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n\n\n\/* Duration modifiers\n========================================================================== *\/\n\n.uk-animation-15 {\n -webkit-animation-duration: 15s;\n animation-duration: 15s;\n}\n\n\n\/* Origin modifiers\n========================================================================== *\/\n\n.uk-animation-top-left {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n\n.uk-animation-top-center {\n -webkit-transform-origin: 50% 0;\n transform-origin: 50% 0;\n}\n\n.uk-animation-top-right {\n -webkit-transform-origin: 100% 0;\n transform-origin: 100% 0;\n}\n\n.uk-animation-middle-left {\n -webkit-transform-origin: 0 50%;\n transform-origin: 0 50%;\n}\n\n.uk-animation-middle-right {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n}\n\n.uk-animation-bottom-left {\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n}\n\n.uk-animation-bottom-center {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n}\n\n.uk-animation-bottom-right {\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n\n\n\/* Sub-object: `uk-animation-hover`\n========================================================================== *\/\n\n\/*\n * Enable animation only on hover\n * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`\n *\/\n\n.uk-animation-hover:not(:hover),\n.uk-animation-hover:not(:hover) [class*='uk-animation-'],\n.uk-touch .uk-animation-hover:not(.uk-hover),\n.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {\n -webkit-animation-name: none;\n animation-name: none;\n}\n\n\n\/* Keyframes: Fade\n * Used by dropdown, datepicker and slideshow component\n ========================================================================== *\/\n\n@-webkit-keyframes uk-fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n@keyframes uk-fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n\n\/* Keyframes: Fade with slide\n ========================================================================== *\/\n\n\/*\n * Top\n *\/\n\n@-webkit-keyframes uk-fade-top {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-top {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/*\n * Bottom\n *\/\n\n@-webkit-keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/*\n * Left\n *\/\n\n@-webkit-keyframes uk-fade-left {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-left {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/*\n * Right\n *\/\n\n@-webkit-keyframes uk-fade-right {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-right {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\n\/* Keyframes: Fade with scale\n ========================================================================== *\/\n\n\/*\n * Scale by 0.2\n *\/\n\n@-webkit-keyframes uk-fade-scale-02 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-02 {\n 0% {\n opacity: 0;\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\/*\n * Scale by 1.5\n * Used by slideshow component\n *\/\n\n@-webkit-keyframes uk-fade-scale-15 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(1.5);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-15 {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\/*\n * Scale by 1.8\n *\/\n\n@-webkit-keyframes uk-fade-scale-18 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(1.8);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-18 {\n 0% {\n opacity: 0;\n transform: scale(1.8);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\n\/* Keyframes: Slide\n * Used by slideshow component\n ========================================================================== *\/\n\n\/*\n * Left\n *\/\n\n@-webkit-keyframes uk-slide-left {\n 0% { -webkit-transform: translateX(-100%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(0); }\n}\n\n\/*\n * Right\n *\/\n\n@-webkit-keyframes uk-slide-right {\n 0% { -webkit-transform: translateX(100%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(0); }\n}\n\n\/*\n * Left third\n *\/\n\n@-webkit-keyframes uk-slide-left-33 {\n 0% { -webkit-transform: translateX(33%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left-33 {\n 0% { transform: translateX(33%); }\n 100% { transform: translateX(0); }\n}\n\n\/*\n * Right third\n *\/\n\n@-webkit-keyframes uk-slide-right-33 {\n 0% { -webkit-transform: translateX(-33%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right-33 {\n 0% { transform: translateX(-33%); }\n 100% { transform: translateX(0); }\n}\n\n\n\/* Keyframes: Scale\n ========================================================================== *\/\n\n@-webkit-keyframes uk-scale-12 {\n 0% { -webkit-transform: scale(1.2); }\n 100% { -webkit-transform: scale(1); }\n}\n\n@keyframes uk-scale-12 {\n 0% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\n\/* Keyframes: Rotate\n * Used by icon component\n ========================================================================== *\/\n\n@-webkit-keyframes uk-rotate {\n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(359deg); }\n}\n\n@keyframes uk-rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(359deg); }\n}\n\n\n\/* Keyframes: Shake\n ========================================================================== *\/\n\n@-webkit-keyframes uk-shake {\n 0%, 100% { -webkit-transform: translateX(0); }\n 10% { -webkit-transform: translateX(-9px); }\n 20% { -webkit-transform: translateX(8px); }\n 30% { -webkit-transform: translateX(-7px); }\n 40% { -webkit-transform: translateX(6px); }\n 50% { -webkit-transform: translateX(-5px); }\n 60% { -webkit-transform: translateX(4px); }\n 70% { -webkit-transform: translateX(-3px); }\n 80% { -webkit-transform: translateX(2px); }\n 90% { -webkit-transform: translateX(-1px); }\n}\n\n@keyframes uk-shake {\n 0%, 100% { transform: translateX(0); }\n 10% { transform: translateX(-9px); }\n 20% { transform: translateX(8px); }\n 30% { transform: translateX(-7px); }\n 40% { transform: translateX(6px); }\n 50% { transform: translateX(-5px); }\n 60% { transform: translateX(4px); }\n 70% { transform: translateX(-3px); }\n 80% { transform: translateX(2px); }\n 90% { transform: translateX(-1px); }\n}\n\n\n\/* Keyframes: Fade with slide fixed\n * Used by dropdown and search component\n ========================================================================== *\/\n\n\/*\n * Top fixed\n *\/\n\n@-webkit-keyframes uk-slide-top-fixed {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-slide-top-fixed {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/*\n * Bottom fixed\n *\/\n\n@-webkit-keyframes uk-slide-bottom-fixed {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-slide-bottom-fixed {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-animation-misc;\n\n.hook-animation-misc() {}\n\n\n\/\/ JavaScript\n\/\/ Name: Dropdown\n\/\/ Description: Defines styles for a toggleable dropdown\n\/\/\n\/\/ Component: `uk-dropdown`\n\/\/\n\/\/ Sub-objects: `uk-dropdown-overlay`\n\/\/\n\/\/ Modifiers: `uk-dropdown-blank`\n\/\/ `uk-dropdown-top`\n\/\/ `uk-dropdown-bottom`\n\/\/ `uk-dropdown-left`\n\/\/ `uk-dropdown-right`\n\/\/ `uk-dropdown-justify`\n\/\/ `uk-dropdown-grid`\n\/\/ `uk-dropdown-width-2`\n\/\/ `uk-dropdown-width-3`\n\/\/ `uk-dropdown-width-4`\n\/\/ `uk-dropdown-width-5`\n\/\/ `uk-dropdown-stack`\n\/\/ `uk-dropdown-small`\n\/\/ `uk-dropdown-navbar`\n\/\/ `uk-dropdown-scrollable`\n\/\/\n\/\/ States: `uk-open`\n\/\/\n\/\/ Uses: Animation\n\/\/ Grid: `uk-width-*`\n\/\/ Panel: `uk-panel`\n\/\/ Nav: `uk-nav`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dropdown-z-index: 970;\n@dropdown-width: 200px;\n@dropdown-margin-top: 5px;\n@dropdown-padding: 15px;\n@dropdown-background: #f5f5f5;\n@dropdown-color: #444;\n@dropdown-font-size: 1rem;\n@dropdown-animation: uk-fade;\n\n@dropdown-divider-border-width: 1px;\n@dropdown-divider-border: #ddd;\n\n@dropdown-small-padding: 5px;\n\n@dropdown-navbar-margin: 0;\n@dropdown-navbar-background: #f5f5f5;\n@dropdown-navbar-color: #444;\n@dropdown-navbar-animation: uk-slide-top-fixed;\n\n@dropdown-scrollable-height: 200px;\n\n\n\/* ========================================================================\n Component: Dropdown\n ========================================================================== *\/\n\n\/*\n * 1. Hide by default\n * 2. Set position\n * 3. Box-sizing is needed for `uk-dropdown-justify`\n * 4. Set width\n *\/\n\n.uk-dropdown,\n.uk-dropdown-blank {\n \/* 1 *\/\n display: none;\n \/* 2 *\/\n position: absolute;\n z-index: @dropdown-z-index;\n \/* 3 *\/\n box-sizing: border-box;\n \/* 4 *\/\n width: @dropdown-width;\n}\n\n\/*\n * Dropdown style\n * 1. Reset button group whitespace hack\n *\/\n\n.uk-dropdown {\n padding: @dropdown-padding;\n background: @dropdown-background;\n color: @dropdown-color;\n \/* 1 *\/\n font-size: @dropdown-font-size;\n vertical-align: top;\n .hook-dropdown;\n}\n\n\/* Focus *\/\n.uk-dropdown:focus { outline: none; }\n\n\/*\n * 1. Show dropdown\n * 2. Set animation\n * 3. Needed for scale animation\n *\/\n\n.uk-open > .uk-dropdown,\n.uk-open > .uk-dropdown-blank {\n \/* 1 *\/\n display: block;\n \/* 2 *\/\n -webkit-animation: @dropdown-animation 0.2s ease-in-out;\n animation: @dropdown-animation 0.2s ease-in-out;\n \/* 3 *\/\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n\/*\n * Modifier\n *\/\n\n.uk-dropdown-top { margin-top: (-1 * @dropdown-margin-top); }\n.uk-dropdown-bottom { margin-top: @dropdown-margin-top; }\n.uk-dropdown-left { margin-left: (-1 * @dropdown-margin-top); }\n.uk-dropdown-right { margin-left: @dropdown-margin-top; }\n\n\n\/* Nav in dropdown\n ========================================================================== *\/\n\n.uk-dropdown .uk-nav { margin: 0 (-@dropdown-padding); }\n\n\n\/* Grid and panel in dropdown\n ========================================================================== *\/\n\n\/*\n* Vertical gutter\n*\/\n\n\/*\n * Grid\n * Higher specificity to override large gutter\n *\/\n\n.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: @dropdown-padding; }\n\n\/* Panels *\/\n.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: @dropdown-padding; }\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n \/*\n * Horizontal gutter\n *\/\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {\n margin-left: -@dropdown-padding ;\n margin-right: -@dropdown-padding;\n }\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {\n padding-left: @dropdown-padding;\n padding-right: @dropdown-padding;\n }\n\n \/*\n * Column divider\n *\/\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { border-left: @dropdown-divider-border-width solid @dropdown-divider-border; }\n\n \/*\n * Width multiplier for dropdown columns\n *\/\n\n .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: (@dropdown-width * 2); }\n .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: (@dropdown-width * 3); }\n .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: (@dropdown-width * 4); }\n .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: (@dropdown-width * 5); }\n\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n \/*\n * Stack columns and take full width\n *\/\n\n .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\n\n \/*\n * Vertical gutter\n *\/\n\n .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n}\n\n\/*\n* Stack grid columns\n*\/\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n\n\n\/* Modifier `uk-dropdown-small`\n ========================================================================== *\/\n\n\/*\n * Set min-width and text expands dropdown if needed\n *\/\n\n.uk-dropdown-small {\n min-width: 150px;\n width: auto;\n padding: @dropdown-small-padding;\n white-space: nowrap;\n}\n\n\/*\n * Nav in dropdown\n *\/\n\n.uk-dropdown-small .uk-nav { margin: 0 (-@dropdown-small-padding); }\n\n\n\/* Modifier: `uk-dropdown-navbar`\n ========================================================================== *\/\n\n.uk-dropdown-navbar {\n margin-top: @dropdown-navbar-margin;\n background: @dropdown-navbar-background;\n color: @dropdown-navbar-color;\n .hook-dropdown-navbar;\n}\n\n.uk-open > .uk-dropdown-navbar {\n -webkit-animation: @dropdown-navbar-animation 0.2s ease-in-out;\n animation: @dropdown-navbar-animation 0.2s ease-in-out;\n}\n\n\n\/* Modifier `uk-dropdown-scrollable`\n ========================================================================== *\/\n\n\/*\n * Usefull for long lists\n *\/\n\n.uk-dropdown-scrollable {\n overflow-y: auto;\n max-height: @dropdown-scrollable-height;\n}\n\n\n\/* Sub-object: `uk-dropdown-overlay`\n ========================================================================== *\/\n\n.uk-dropdown-overlay {\n .hook-dropdown-overlay;\n}\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-dropdown-misc;\n\n.hook-dropdown() {}\n.hook-dropdown-navbar() {}\n.hook-dropdown-overlay() {}\n.hook-dropdown-misc() {}\n\n\/\/ Name: Modal\n\/\/ Description: Defines styles for modal dialogs\n\/\/\n\/\/ Component: `uk-modal`\n\/\/\n\/\/ Sub-objects: `uk-modal-dialog`\n\/\/ `uk-modal-close`\n\/\/ `uk-modal-header`\n\/\/ `uk-modal-footer`\n\/\/ `uk-modal-caption`\n\/\/ `uk-modal-spinner`\n\/\/\n\/\/ Modifiers: `uk-modal-dialog-lightbox`\n\/\/ `uk-modal-dialog-blank`\n\/\/ `uk-modal-dialog-large`\n\/\/\n\/\/ States: `uk-open`\n\/\/\n\/\/ Uses: Close: `uk-close`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@modal-z-index: 1010;\n@modal-background: rgba(0,0,0,0.6);\n\n@modal-dialog-margin-vertical: 50px;\n@modal-dialog-padding: 20px;\n@modal-dialog-width: 600px;\n@modal-dialog-background: #fff;\n\n@modal-dialog-large-width: 930px;\n@modal-dialog-large-width-large: 1130px;\n\n@modal-header-margin-bottom: 15px;\n\n@modal-footer-margin-top: 15px;\n\n@modal-caption-margin-bottom: -10px;\n@modal-caption-color: #fff;\n\n\n\/* ========================================================================\n Component: Modal\n ========================================================================== *\/\n\n\/*\n * This is the modal overlay and modal dialog container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Allow scrolling for the modal dialog\n * 4. Mask the background page\n * 5. Fade-in transition\n * 6. Deactivate browser history navigation in IE11\n * 7. force hardware acceleration to prevent browser rendering hiccups\n *\/\n\n.uk-modal {\n \/* 1 *\/\n display: none;\n \/* 2 *\/\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @modal-z-index;\n \/* 3 *\/\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n \/* 4 *\/\n background: @modal-background;\n \/* 5 *\/\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n \/* 6 *\/\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n \/* 7 *\/\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n .hook-modal;\n}\n\n\/*\n * Open state\n *\/\n\n.uk-modal.uk-open { opacity: 1; }\n\n\/*\n * Prevents duplicated scrollbar caused by 4.\n *\/\n\n.uk-modal-page,\n.uk-modal-page body { overflow: hidden; }\n\n\n\/* Sub-object: `uk-modal-dialog`\n ========================================================================== *\/\n\n\/*\n * 1. Create position context for caption, spinner and close button\n * 2. Set box sizing\n * 3. Set style\n * 4. Slide-in transition\n *\/\n\n.uk-modal-dialog {\n \/* 1 *\/\n position: relative;\n \/* 2 *\/\n box-sizing: border-box;\n margin: @modal-dialog-margin-vertical auto;\n padding: @modal-dialog-padding;\n width: @modal-dialog-width;\n max-width: 100%;\n max-width: ~\"calc(100% - 20px)\";\n \/* 3 *\/\n background: @modal-dialog-background;\n \/* 4 *\/\n opacity: 0;\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s linear, transform 0.3s ease-out;\n .hook-modal-dialog;\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n \/*\n * Fit in small screen\n *\/\n\n .uk-modal-dialog {\n width: auto;\n margin: 10px auto;\n }\n\n}\n\n\/*\n * Open state\n *\/\n\n.uk-open .uk-modal-dialog {\n \/* 4 *\/\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; }\n\n\n\/* Close in modal\n ========================================================================== *\/\n\n.uk-modal-dialog > .uk-close:first-child {\n margin: -10px -10px 0 0;\n float: right;\n}\n\n\/*\n * Remove margin from adjacent element\n *\/\n\n .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; }\n\n\n\/* Modifier: `uk-modal-dialog-lightbox`\n ========================================================================== *\/\n\n.uk-modal-dialog-lightbox {\n margin: 15px auto;\n padding: 0;\n max-width: 95%;\n max-width: ~\"calc(100% - 30px)\";\n min-height: 50px;\n .hook-modal-dialog-lightbox;\n}\n\n\/*\n * Close button\n *\/\n\n.uk-modal-dialog-lightbox > .uk-close:first-child {\n position: absolute;\n top: -12px;\n right: -12px;\n margin: 0;\n float: none;\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n .uk-modal-dialog-lightbox > .uk-close:first-child {\n top: -7px;\n right: -7px;\n }\n\n}\n\n\/* Modifier: `uk-modal-dialog-blank`\n ========================================================================== *\/\n\n.uk-modal-dialog-blank {\n margin: 0;\n padding: 0;\n width: 100%;\n max-width: 100%;\n -webkit-transition: opacity 0.3s linear;\n transition: opacity 0.3s linear;\n}\n\n\/*\n* Close button\n*\/\n\n.uk-modal-dialog-blank > .uk-close:first-child {\n position: absolute;\n top: 20px;\n right: 20px;\n z-index: 1;\n margin: 0;\n float: none;\n}\n\n\n\/* Modifier: `uk-modal-dialog-large`\n ========================================================================== *\/\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-modal-dialog-large { width: @modal-dialog-large-width; }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-modal-dialog-large { width: @modal-dialog-large-width-large; }\n\n}\n\n\n\/* Sub-Object: `uk-modal-header` and `uk-modal-footer`\n ========================================================================== *\/\n\n.uk-modal-header {\n margin-bottom: @modal-header-margin-bottom;\n .hook-modal-header;\n}\n\n.uk-modal-footer {\n margin-top: @modal-footer-margin-top;\n .hook-modal-footer;\n}\n\n\/*\n * Remove margin from the last-child\n *\/\n\n.uk-modal-header > :last-child,\n.uk-modal-footer > :last-child { margin-bottom: 0; }\n\n\n\/* Sub-Object: `uk-modal-caption`\n ========================================================================== *\/\n\n.uk-modal-caption {\n position: absolute;\n left: 0;\n right: 0;\n bottom: (-@modal-dialog-padding);\n margin-bottom: @modal-caption-margin-bottom;\n color: @modal-caption-color;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n .hook-modal-caption;\n}\n\n\n\/* Sub-Object: `uk-modal-spinner`\n ========================================================================== *\/\n\n.uk-modal-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n font-size: 25px;\n color: #ddd;\n .hook-modal-spinner;\n}\n\n.uk-modal-spinner:after {\n content: \"\\f110\";\n display: block;\n font-family: FontAwesome;\n -webkit-animation: uk-rotate 2s infinite linear;\n animation: uk-rotate 2s infinite linear;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-modal-misc;\n\n.hook-modal() {}\n.hook-modal-dialog() {}\n.hook-modal-dialog-lightbox() {}\n.hook-modal-header() {}\n.hook-modal-footer() {}\n.hook-modal-caption() {}\n.hook-modal-spinner() {}\n.hook-modal-misc() {}\n\n\/\/ Name: Off-canvas\n\/\/ Description: Defines styles for an off-canvas sidebar that slides in and out of the page\n\/\/\n\/\/ Component: `uk-offcanvas`\n\/\/\n\/\/ Sub-objects: `uk-offcanvas-page`\n\/\/ `uk-offcanvas-bar`\n\/\/ `uk-offcanvas-close`\n\/\/\n\/\/ Modifiers: `uk-offcanvas-bar-flip`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Uses: Panel: `uk-panel`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ Open\n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@offcanvas-z-index: 1000;\n@offcanvas-background: rgba(0,0,0,0.1);\n\n@offcanvas-bar-width: 270px;\n@offcanvas-bar-background: #333;\n\n@offcanvas-panel-margin: 20px 15px;\n@offcanvas-panel-color: #777;\n@offcanvas-panel-link-color: #ccc;\n@offcanvas-panel-link-hover-color: #fff;\n@offcanvas-panel-title-color: @offcanvas-panel-link-color;\n\n\n\/* ========================================================================\n Component: Off-canvas\n ========================================================================== *\/\n\n\/*\n * This is the offcanvas overlay and bar container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Deactivate browser touch actions in IE11\n * 4. Mask the background page\n *\/\n\n.uk-offcanvas {\n \/* 1 *\/\n display: none;\n \/* 2 *\/\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @offcanvas-z-index;\n \/* 3 *\/\n touch-action: none;\n \/* 4 *\/\n background: @offcanvas-background;\n .hook-offcanvas;\n}\n\n.uk-offcanvas.uk-active { display: block; }\n\n\n\/* Sub-object `uk-offcanvas-page`\n ========================================================================== *\/\n\n\/*\n * Prepares the whole HTML page to slide-out\n * 1. Fix the main page and disallow scrolling\n * 2. Side-out transition\n * 3. Needed for the transition to work instead of just letting it pop to the side\n *\/\n\n.uk-offcanvas-page {\n \/* 1 *\/\n position: fixed;\n \/* 2 *\/\n -webkit-transition: margin-left 0.3s ease-in-out;\n transition: margin-left 0.3s ease-in-out;\n \/* 3 *\/\n margin-left: 0;\n}\n\n\n\/* Sub-object `uk-offcanvas-bar`\n ========================================================================== *\/\n\n\/*\n * This is the offcanvas bar\n * 1. Set fixed position\n * 2. Size and style\n * 3. Allow scrolling\n * 4. Side-out transition\n * 5. Deactivate scroll chaining in IE11\n *\/\n\n.uk-offcanvas-bar {\n \/* 1 *\/\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: @offcanvas-z-index + 1;\n \/* 2 *\/\n width: @offcanvas-bar-width;\n max-width: 100%;\n background: @offcanvas-bar-background;\n \/* 3 *\/\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n \/* 4 *\/\n -webkit-transition: -webkit-transform 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out;\n \/* 5 *\/\n -ms-scroll-chaining: none;\n .hook-offcanvas-bar;\n}\n\n.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n}\n\n\/* Modifier `uk-offcanvas-bar-flip`\n ========================================================================== *\/\n\n.uk-offcanvas-bar-flip {\n left: auto;\n right: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n\/* Offcanvase modes\n ========================================================================== *\/\n.uk-offcanvas-bar[mode='none'] {\n -webkit-transition: none;\n transition: none;\n}\n\n.uk-offcanvas-bar[mode='reveal']{\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n clip: rect(0, 0, 100vh, 0);\n -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;\n}\n\n.uk-offcanvas-bar-flip[mode='reveal']{\n clip: none;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n.uk-offcanvas-bar-flip[mode='reveal'] > * {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transition: -webkit-transform 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out;\n}\n\n.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n}\n\n\/* Panel in offcanvas\n ========================================================================== *\/\n\n.uk-offcanvas .uk-panel {\n margin: @offcanvas-panel-margin;\n color: @offcanvas-panel-color;\n .hook-offcanvas-panel;\n}\n\n.uk-offcanvas .uk-panel-title { color: @offcanvas-panel-title-color; }\n\n.uk-offcanvas .uk-panel a:not([class]) { color: @offcanvas-panel-link-color; }\n.uk-offcanvas .uk-panel a:not([class]):hover { color: @offcanvas-panel-link-hover-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-offcanvas-misc;\n\n.hook-offcanvas() {}\n.hook-offcanvas-bar() {}\n.hook-offcanvas-panel() {}\n.hook-offcanvas-misc() {}\n\n\/\/ Name: Switcher\n\/\/ Description: Defines styles for the switcher\n\/\/\n\/\/ Component: `uk-switcher`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Switcher\n ========================================================================== *\/\n\n\/*\n * 1. Deactivate browser history navigation in IE11\n *\/\n.uk-switcher {\n margin: 0;\n padding: 0;\n list-style: none;\n \/* 1 *\/\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n}\n\n\/*\n * Items\n *\/\n\n.uk-switcher > :not(.uk-active) { display: none; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-switcher-misc;\n\n.hook-switcher-misc() {}\n\n\/\/ Need to be loaded last\n\/\/ Name: Text\n\/\/ Description: Collection of useful text utility classes to style your content\n\/\/\n\/\/ Component: `uk-text-*`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@text-small-font-size: 11px;\n@text-small-line-height: 16px;\n@text-large-font-size: 18px;\n@text-large-line-height: 24px;\n@text-large-font-weight: normal;\n\n@text-muted-color: #999;\n@text-primary-color: #2d7091;\n@text-success-color: #659f13;\n@text-warning-color: #e28327;\n@text-danger-color: #d85030;\n@text-contrast-color: #fff;\n\n\n\/* ========================================================================\n Component: Text\n ========================================================================== *\/\n\n\/* Size modifiers\n ========================================================================== *\/\n\n.uk-text-small {\n font-size: @text-small-font-size;\n line-height: @text-small-line-height;\n}\n\n.uk-text-large {\n font-size: @text-large-font-size;\n line-height: @text-large-line-height;\n font-weight: @text-large-font-weight;\n}\n\n\n\/* Weight modifiers\n ========================================================================== *\/\n\n.uk-text-bold { font-weight: bold; }\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n.uk-text-muted { color: @text-muted-color !important; }\n.uk-text-primary { color: @text-primary-color !important; }\n.uk-text-success { color: @text-success-color !important; }\n.uk-text-warning { color: @text-warning-color !important; }\n.uk-text-danger { color: @text-danger-color !important; }\n.uk-text-contrast { color: @text-contrast-color !important; }\n\n\n\/* Alignment modifiers\n ========================================================================== *\/\n\n.uk-text-left { text-align: left !important; }\n.uk-text-right { text-align: right !important; }\n.uk-text-center { text-align: center !important; }\n.uk-text-justify { text-align: justify !important; }\n\n.uk-text-top { vertical-align: top !important; }\n.uk-text-middle { vertical-align: middle !important; }\n.uk-text-bottom { vertical-align: bottom !important; }\n\n\/* Only tablets portrait and smaller *\/\n@media (max-width: @breakpoint-medium-max) {\n\n .uk-text-center-medium { text-align: center !important; }\n .uk-text-left-medium { text-align: left !important; }\n\n}\n\n\/* Phone landscape and smaller *\/\n@media (max-width: @breakpoint-small-max) {\n\n .uk-text-center-small { text-align: center !important; }\n .uk-text-left-small { text-align: left !important; }\n\n}\n\n\n\/* Wrap modifiers\n ========================================================================== *\/\n\n\/*\n * Prevent text from wrapping onto multiple lines\n *\/\n\n.uk-text-nowrap { white-space: nowrap; }\n\n\/*\n * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis\n *\/\n\n.uk-text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n\/*\n * Break strings if their length exceeds the width of their container\n *\/\n\n.uk-text-break {\n word-wrap: break-word;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n\n\/* Transform modifiers\n ========================================================================== *\/\n\n.uk-text-capitalize { text-transform: capitalize !important; }\n.uk-text-lowercase { text-transform: lowercase !important; }\n.uk-text-uppercase { text-transform: uppercase !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-text-misc;\n\n.hook-text-misc() {}\n\n\/\/ Name: Utility\n\/\/ Description: Collection of useful utility classes to style your content\n\/\/\n\/\/ Component: `uk-container-*`\n\/\/ `uk-clearfix`\n\/\/ `uk-nbfc-*`\n\/\/ `uk-float-*`\n\/\/ `uk-align-*`\n\/\/ `uk-vertical-align-*`\n\/\/ `uk-height-*`\n\/\/ `uk-responsive-*`\n\/\/ `uk-margin-*`\n\/\/ `uk-padding-*`\n\/\/ `uk-border-*`\n\/\/ `uk-heading-*`\n\/\/ `uk-link-*`\n\/\/ `uk-scrollable-*`\n\/\/ `uk-overflow-*`\n\/\/ `uk-position-*`\n\/\/ `uk-display-*`\n\/\/ `uk-visible-*`\n\/\/ `uk-hidden-*`\n\/\/ `uk-invisible`\n\/\/\n\/\/ Used by: Overlay\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@utility-container-max-width: 980px;\n@utility-container-padding-horizontal: 25px;\n\n@utility-container-large-max-width: 1200px;\n@utility-container-large-padding-horizontal: 35px;\n\n@utility-align-horizontal: 15px;\n@utility-align-vertical: 15px;\n\n@utility-height-viewport-min-height: 600px;\n\n@utility-margin: 15px;\n@utility-margin-small: 5px;\n@utility-margin-large: 50px;\n\n@utility-border-rounded: 5px;\n\n@utility-heading-large-small-font-size: 36px;\n@utility-heading-large-small-line-height: 42px;\n@utility-heading-large-font-size: 52px;\n@utility-heading-large-line-height: 64px;\n\n@utility-link-muted-color: #444;\n@utility-link-muted-hover-color: #444;\n\n@utility-scrollable-text-height: 300px;\n\n@utility-scrollable-box-height: 170px;\n@utility-scrollable-box-padding: 10px;\n@utility-scrollable-box-border: #ddd;\n@utility-scrollable-box-border-width: 1px;\n\n\n\/* ========================================================================\n Component: Utility\n ========================================================================== *\/\n\n\/* Container\n ========================================================================== *\/\n\n.uk-container {\n box-sizing: border-box;\n max-width: @utility-container-max-width;\n padding: 0 @utility-container-padding-horizontal;\n .hook-container;\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-container {\n max-width: @utility-container-large-max-width;\n padding: 0 @utility-container-large-padding-horizontal;\n }\n\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-container:before,\n.uk-container:after {\n content: \"\";\n display: table;\n}\n\n.uk-container:after { clear: both; }\n\n\/*\n * Center container\n *\/\n\n.uk-container-center {\n margin-left: auto;\n margin-right: auto;\n}\n\n\n\/* Clearing\n ========================================================================== *\/\n\n\/*\n * Micro clearfix\n* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit\n * `table` is used again with `:after` because `clear` only works with block elements.\n * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari\n *\/\n\n.uk-clearfix:before {\n content: \"\";\n display: table-cell;\n}\n\n.uk-clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\n\n\/*\n * Create a new block formatting context\n *\/\n\n.uk-nbfc { overflow: hidden; }\n\n.uk-nbfc-alt {\n display: table-cell;\n width: 10000px;\n}\n\n\n\/* Alignment of block elements\n ========================================================================== *\/\n\n\/*\n * Float blocks\n * 1. Prevent content overflow on small devices\n *\/\n\n.uk-float-left { float: left; }\n.uk-float-right { float: right; }\n\n\/* 1 *\/\n[class*='uk-float-'] { max-width: 100%; }\n\n\n\/* Alignment of images and objects\n ========================================================================== *\/\n\n\/*\n * Alignment\n *\/\n\n[class*='uk-align-'] {\n display: block;\n margin-bottom: @utility-align-vertical;\n}\n\n.uk-align-left {\n margin-right: @utility-align-horizontal;\n float: left;\n}\n\n.uk-align-right {\n margin-left: @utility-align-horizontal;\n float: right;\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-align-medium-left {\n margin-right: @utility-align-horizontal;\n float: left;\n }\n\n .uk-align-medium-right {\n margin-left: @utility-align-horizontal;\n float: right;\n }\n\n}\n\n.uk-align-center {\n margin-left: auto;\n margin-right: auto;\n}\n\n\n\/* Vertical alignment\n ========================================================================== *\/\n\n\/*\n * Remove whitespace between child elements when using `inline-block`\n *\/\n\n.uk-vertical-align { font-size: 0.001px; }\n\n\/*\n * The `uk-vertical-align` container needs a specific height\n *\/\n\n.uk-vertical-align:before {\n content: '';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n\/*\n * Sub-object which can have any height\n * 1. Reset whitespace hack\n *\/\n\n.uk-vertical-align-middle,\n.uk-vertical-align-bottom {\n display: inline-block;\n max-width: 100%;\n \/* 1 *\/\n font-size: 1rem;\n}\n\n.uk-vertical-align-middle { vertical-align: middle; }\n.uk-vertical-align-bottom { vertical-align: bottom; }\n\n\n\/* Height\n ========================================================================== *\/\n\n\/*\n * More robust if padding and border are used\n *\/\n\n[class*='uk-height'] { box-sizing: border-box; }\n\n\/*\n * Useful to extend the `html` and `body` element to the full height of the page.\n *\/\n\n.uk-height-1-1 { height: 100%; }\n\n\/*\n * Useful to create image teasers\n *\/\n\n.uk-height-viewport {\n height: 100vh;\n min-height: @utility-height-viewport-min-height;\n}\n\n\n\/* Responsive objects\n * Note: Images are already responsive by default, see Base component\n ========================================================================== *\/\n\n\/*\n * 1. Corrects `max-width` and `max-height` behavior if padding and border are used\n *\/\n\n.uk-responsive-width,\n.uk-responsive-height { box-sizing: border-box; }\n\n\/*\n * Responsiveness: Sets a maximum width relative to the parent and auto scales the height\n * `important` needed to override `uk-img-preserve img`\n *\/\n\n.uk-responsive-width {\n max-width: 100% !important;\n height: auto;\n}\n\n\/*\n * Responsiveness: Sets a maximum height relative to the parent and auto scales the width\n * Only works if the parent element has a fixed height.\n *\/\n\n.uk-responsive-height {\n max-height: 100%;\n width: auto;\n}\n\n\n\/* Margin\n ========================================================================== *\/\n\n\/*\n * Create a block with the same margin of a paragraph\n * Add margin if adjacent element\n *\/\n\n.uk-margin { margin-bottom: @utility-margin; }\n* + .uk-margin { margin-top: @utility-margin; }\n\n.uk-margin-top { margin-top: @utility-margin !important; }\n.uk-margin-bottom { margin-bottom: @utility-margin !important; }\n.uk-margin-left { margin-left: @utility-margin !important; }\n.uk-margin-right { margin-right: @utility-margin !important; }\n\n\/*\n * Larger margins\n *\/\n\n.uk-margin-large { margin-bottom: @utility-margin-large; }\n* + .uk-margin-large { margin-top: @utility-margin-large; }\n\n.uk-margin-large-top { margin-top: @utility-margin-large !important; }\n.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }\n.uk-margin-large-left { margin-left: @utility-margin-large !important; }\n.uk-margin-large-right { margin-right: @utility-margin-large !important; }\n\n\/*\n * Smaller margins\n *\/\n\n.uk-margin-small { margin-bottom: @utility-margin-small; }\n* + .uk-margin-small { margin-top: @utility-margin-small; }\n\n.uk-margin-small-top { margin-top: @utility-margin-small !important; }\n.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }\n.uk-margin-small-left { margin-left: @utility-margin-small !important; }\n.uk-margin-small-right { margin-right: @utility-margin-small !important; }\n\n\/*\n * Remove margins\n *\/\n\n.uk-margin-remove { margin: 0 !important; }\n.uk-margin-top-remove { margin-top: 0 !important; }\n.uk-margin-bottom-remove { margin-bottom: 0 !important; }\n\n\n\/* Padding\n ========================================================================== *\/\n\n.uk-padding-remove { padding: 0 !important; }\n.uk-padding-top-remove { padding-top: 0 !important; }\n.uk-padding-bottom-remove { padding-bottom: 0 !important; }\n\n.uk-padding-vertical-remove {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n\/* Border\n ========================================================================== *\/\n\n.uk-border-circle { border-radius: 50%; }\n.uk-border-rounded { border-radius: @utility-border-rounded; }\n\n\n\/* Headings\n ========================================================================== *\/\n\n.uk-heading-large {\n font-size: @utility-heading-large-small-font-size;\n line-height: @utility-heading-large-small-line-height;\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-heading-large {\n font-size: @utility-heading-large-font-size;\n line-height: @utility-heading-large-line-height;\n }\n\n}\n\n\n\/* Link\n ========================================================================== *\/\n\n\/*\n * Let links appear in default text color\n *\/\n\n.uk-link-muted,\n.uk-link-muted a { color: @utility-link-muted-color; }\n\n.uk-link-muted:hover,\n.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }\n\n\/*\n * Reset link style\n *\/\n\n.uk-link-reset,\n.uk-link-reset a,\n.uk-link-reset:hover,\n.uk-link-reset a:hover,\n.uk-link-reset:focus,\n.uk-link-reset a:focus {\n color: inherit;\n text-decoration: none;\n}\n\n\n\/* Scrollable\n ========================================================================== *\/\n\n\/*\n * Enable scrolling for preformatted text\n *\/\n\n.uk-scrollable-text {\n height: @utility-scrollable-text-height;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n resize: both;\n}\n\n\/*\n * Box with scrolling enabled\n *\/\n\n.uk-scrollable-box {\n box-sizing: border-box;\n height: @utility-scrollable-box-height;\n padding: @utility-scrollable-box-padding;\n border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n resize: both;\n .hook-scrollable-box;\n}\n\n.uk-scrollable-box > :last-child { margin-bottom: 0; }\n\n\n\/* Overflow\n ========================================================================== *\/\n\n.uk-overflow-hidden { overflow: hidden; }\n\n\/*\n * Enable scrollbars if content is clipped\n *\/\n\n.uk-overflow-container {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.uk-overflow-container > :last-child { margin-bottom: 0; }\n\n\n\/* Position\n ========================================================================== *\/\n\n.uk-position-absolute,\n[class*='uk-position-top'],\n[class*='uk-position-bottom'] { position: absolute !important; }\n\n\/* Don't use `width: 100%` because it is wrong if the parent has padding. *\/\n.uk-position-top {\n top: 0;\n left: 0;\n right: 0;\n}\n\n.uk-position-bottom {\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.uk-position-top-left {\n top: 0;\n left: 0;\n}\n\n.uk-position-top-right {\n top: 0;\n right: 0;\n}\n\n.uk-position-bottom-left {\n bottom: 0;\n left: 0;\n}\n\n.uk-position-bottom-right {\n bottom: 0;\n right: 0;\n}\n\n\/*\n * Cover\n *\/\n\n.uk-position-cover {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n\/*\n * Relative\n *\/\n\n.uk-position-relative { position: relative !important; }\n\n\/*\n * Z-index\n *\/\n\n.uk-position-z-index { z-index: 1; }\n\n\n\/* Display\n ========================================================================== *\/\n\n\/*\n * Display\n * 1. Required if child is a responsive image\n *\/\n\n.uk-display-block { display: block !important; }\n.uk-display-inline { display: inline !important; }\n\n.uk-display-inline-block {\n display: inline-block !important;\n \/* 1 *\/\n max-width: 100%;\n}\n\n\/*\n * Visibility\n * Avoids setting display to `block` so it works also with `inline-block` and `table`\n *\/\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n .uk-visible-small { display: none !important; }\n .uk-visible-medium { display: none !important; }\n .uk-hidden-large { display: none !important; }\n\n}\n\n\/* Tablets portrait *\/\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\n\n .uk-visible-small { display: none !important; }\n .uk-visible-large { display: none !important ; }\n .uk-hidden-medium { display: none !important; }\n\n}\n\n\/* Phone landscape and smaller*\/\n@media (max-width: @breakpoint-small-max) {\n\n .uk-visible-medium { display: none !important; }\n .uk-visible-large { display: none !important; }\n .uk-hidden-small { display: none !important; }\n\n}\n\n\/* Remove from the flow and screen readers on any device *\/\n.uk-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n\/* It's hidden, but still affects layout *\/\n.uk-invisible { visibility: hidden !important; }\n\n\/* Show on hover *\/\n.uk-visible-hover:hover .uk-hidden,\n.uk-visible-hover:hover .uk-invisible {\n display: block !important;\n visibility: visible !important;\n}\n\n.uk-visible-hover-inline:hover .uk-hidden,\n.uk-visible-hover-inline:hover .uk-invisible {\n display: inline-block !important;\n visibility: visible !important;\n}\n\n\/* Hide on touch *\/\n.uk-touch .uk-hidden-touch,\n.uk-notouch .uk-hidden-notouch { display: none !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-utility-misc;\n\n.hook-container() {}\n.hook-scrollable-box() {}\n.hook-utility-misc() {}\n\n\/\/ Name: Flex\n\/\/ Description: Defines styles to create layouts with flexbox\n\/\/\n\/\/ Component: `uk-flex-*`\n\/\/\n\/\/ Used by: Caption\n\/\/\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Flex\n ========================================================================== *\/\n\n.uk-flex {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n\n.uk-flex-inline {\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n}\n\n\/*\n * Fixes initial flex-shrink value in IE10\n *\/\n\n.uk-flex > *,\n.uk-flex-inline > * { -ms-flex-negative: 1; }\n\n\n\/* Alignment\n ========================================================================== *\/\n\n\/*\n * Vertical alignment\n * Default value is `stretch`\n *\/\n\n\/\/ .uk-flex-stretch { align-items: stretch; }\n\n.uk-flex-top {\n -ms-flex-align: start;\n -webkit-align-items: flex-start;\n align-items: flex-start;\n}\n\n.uk-flex-middle {\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n\n.uk-flex-bottom {\n -ms-flex-align: end;\n -webkit-align-items: flex-end;\n align-items: flex-end;\n}\n\n\/*\n * Horizontal alignment\n * Default value is `flex-start`\n *\/\n\n\/\/ .uk-flex-left { justify-content: flex-start; }\n\n.uk-flex-center {\n -ms-flex-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n\n.uk-flex-right {\n -ms-flex-pack: end;\n -webkit-justify-content: flex-end;\n justify-content: flex-end;\n}\n\n.uk-flex-space-between {\n -ms-flex-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n\n.uk-flex-space-around {\n -ms-flex-pack: distribute;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n}\n\n\n\/* Direction\n ========================================================================== *\/\n\n\/\/ .uk-flex-row { flex-direction: row; }\n\n.uk-flex-row-reverse {\n -ms-flex-direction: row-reverse;\n -webkit-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n\n.uk-flex-column {\n -ms-flex-direction: column;\n -webkit-flex-direction: column;\n flex-direction: column;\n}\n\n.uk-flex-column-reverse {\n -ms-flex-direction: column-reverse;\n -webkit-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n\n\/* Wrap\n ========================================================================== *\/\n\n\/\/ Default\n.uk-flex-nowrap {\n -ms-flex-wrap: nowrap;\n -webkit-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n\n.uk-flex-wrap {\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.uk-flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n -webkit-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n}\n\n\/*\n * Horizontal alignment\n * Default value is `stretch`\n *\/\n\n\/\/ .uk-flex-wrap-stretch { align-content: stretch; }\n\n.uk-flex-wrap-top {\n -ms-flex-line-pack: start;\n -webkit-align-content: flex-start;\n align-content: flex-start;\n}\n\n.uk-flex-wrap-middle {\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n}\n\n.uk-flex-wrap-bottom {\n -ms-flex-line-pack: end;\n -webkit-align-content: flex-end;\n align-content: flex-end;\n}\n\n.uk-flex-wrap-space-between {\n -ms-flex-line-pack: justify;\n -webkit-align-content: space-between;\n align-content: space-between;\n}\n\n.uk-flex-wrap-space-around {\n -ms-flex-line-pack: distribute;\n -webkit-align-content: space-around;\n align-content: space-around;\n}\n\n\n\/* Item ordering\n ========================================================================== *\/\n\n\/*\n * Default is 0\n *\/\n\n.uk-flex-order-first {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n}\n\n.uk-flex-order-last {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n}\n\n\n\/* Phone landscape and bigger *\/\n@media (min-width: @breakpoint-small) {\n\n .uk-flex-order-first-small {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-small {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n\/* Tablet and bigger *\/\n@media (min-width: @breakpoint-medium) {\n\n .uk-flex-order-first-medium {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-medium {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n\/* Desktop and bigger *\/\n@media (min-width: @breakpoint-large) {\n\n .uk-flex-order-first-large {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-large {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n\/* Large screen and bigger *\/\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-flex-order-first-xlarge {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-xlarge {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n\n\n\/* Item dimensions\n ========================================================================== *\/\n\n\/*\n * Initial: 0 1 auto\n * Content dimensions, but shrinks\n *\/\n\n\/*\n * No Flex: 0 0 auto\n * Content dimensions\n *\/\n\n.uk-flex-item-none {\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n}\n\n\/*\n * Relative Flex: 1 1 auto\n * Space is allocated considering content\n * 1. Fixes flex-shrink value in IE10\n *\/\n\n.uk-flex-item-auto {\n -ms-flex: auto;\n -webkit-flex: auto;\n flex: auto;\n \/* 1 *\/\n -ms-flex-negative: 1;\n}\n\n\/*\n * Absolute Flex: 1 1 0%\n * Space is allocated solely based on flex\n *\/\n\n.uk-flex-item-1 {\n -ms-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-flex-misc;\n\n.hook-flex-misc() {}\n\/\/ Name: Contrast\n\/\/ Description: Utility class to adjust colors for dark or colored blocks\n\/\/\n\/\/ Component: `uk-contrast`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@contrast-color: #fff;\n@contrast-inverted-color: #444;\n\n\/\/\n\/\/ Components\n\/\/\n\n@contrast-base-color: @contrast-color;\n\n@contrast-base-link-color: fade(@contrast-color, 70%);\n@contrast-base-link-text-decoration: none;\n@contrast-base-link-hover-color: @contrast-color;\n@contrast-base-link-hover-text-decoration: underline;\n\n@contrast-base-code-color: @contrast-color;\n@contrast-base-em-color: @contrast-color;\n\n@contrast-base-heading-color: @contrast-color;\n\n@contrast-base-hr-border: fade(@contrast-color, 20%);\n\n@contrast-nav-side-color: @contrast-color;\n@contrast-nav-side-hover-background: fade(@contrast-color, 10%);\n@contrast-nav-side-hover-color: @contrast-color;\n@contrast-nav-side-active-background: @contrast-color;\n@contrast-nav-side-active-color: @contrast-inverted-color;\n@contrast-nav-side-header-color: @contrast-color;\n@contrast-nav-side-divider-border: fade(@contrast-color, 20%);\n@contrast-nav-side-nested-color: fade(@contrast-color, 70%);\n@contrast-nav-side-nested-hover-color: @contrast-color;\n\n@contrast-subnav-color: fade(@contrast-color, 70%);\n@contrast-subnav-hover-color: @contrast-color;\n@contrast-subnav-hover-text-decoration: none;\n@contrast-subnav-active-color: @contrast-color;\n\n@contrast-subnav-line-border: fade(@contrast-color, 20%);\n\n@contrast-subnav-pill-hover-background: fade(@contrast-color, 70%);\n@contrast-subnav-pill-hover-color: @contrast-inverted-color;\n@contrast-subnav-pill-active-background: @contrast-color;\n@contrast-subnav-pill-active-color: @contrast-inverted-color;\n\n@contrast-tab-border: fade(@contrast-color, 20%);\n@contrast-tab-color: fade(@contrast-color, 70%);\n@contrast-tab-hover-border: fade(@contrast-color, 70%);\n@contrast-tab-hover-background: fade(@contrast-color, 70%);\n@contrast-tab-hover-color: @contrast-inverted-color;\n@contrast-tab-active-border: fade(@contrast-color, 20%);\n@contrast-tab-active-background: @contrast-color;\n@contrast-tab-active-color: @contrast-inverted-color;\n\n@contrast-list-line-border: fade(@contrast-color, 20%);\n\n@contrast-form-border: fade(@contrast-color, 80%);\n@contrast-form-background: fade(@contrast-color, 80%);\n@contrast-form-color: @contrast-inverted-color;\n@contrast-form-focus-border: @contrast-color;\n@contrast-form-focus-background: @contrast-color;\n@contrast-form-focus-color: @contrast-inverted-color;\n\n@contrast-form-placeholder-color: fade(@contrast-inverted-color, 70%);\n\n@contrast-button-background: @contrast-color;\n@contrast-button-color: @contrast-inverted-color;\n@contrast-button-hover-background: fade(@contrast-color, 80%);\n@contrast-button-hover-color: @contrast-inverted-color;\n@contrast-button-active-background: fade(@contrast-color, 70%);\n@contrast-button-active-color: @contrast-inverted-color;\n\n@contrast-button-primary-background: #00a8e6;\n@contrast-button-primary-color: @contrast-color;\n@contrast-button-primary-hover-background: #35b3ee;\n@contrast-button-primary-hover-color: @contrast-color;\n@contrast-button-primary-active-background: #0091ca;\n@contrast-button-primary-active-color: @contrast-color;\n\n@contrast-icon-hover-color: fade(@contrast-color, 70%);\n@contrast-icon-hover-hover-color: @contrast-color;\n\n@contrast-icon-button-background: @contrast-color;\n@contrast-icon-button-color: @contrast-inverted-color;\n@contrast-icon-button-hover-background: fade(@contrast-color, 80%);\n@contrast-icon-button-hover-color: @contrast-inverted-color;\n@contrast-icon-button-active-background: fade(@contrast-color, 70%);\n@contrast-icon-button-active-color: @contrast-inverted-color;\n\n@contrast-text-muted-color: fade(@contrast-color, 60%);\n@contrast-text-primary-color: #2d7091;\n\n\n\/* ========================================================================\n Component: Contrast\n ========================================================================== *\/\n\n.uk-contrast {\n\n color: @contrast-base-color;\n\n \/\/ Base\n \/\/ ========================================================================\n\n \/\/\n \/\/ Link\n \/\/\n\n a:not([class]),\n .uk-link {\n color: @contrast-base-link-color;\n text-decoration: @contrast-base-link-text-decoration;\n }\n\n a:not([class]):hover,\n .uk-link:hover {\n color: @contrast-base-link-hover-color;\n text-decoration: @contrast-base-link-hover-text-decoration;\n }\n\n \/\/\n \/\/ Code\n \/\/\n\n :not(pre) > code,\n :not(pre) > kbd,\n :not(pre) > samp {\n color: @contrast-base-code-color;\n .hook-contrast-base-code;\n }\n\n \/\/\n \/\/ Emphasize\n \/\/\n\n em { color: @contrast-base-em-color; }\n\n \/\/\n \/\/ Headings\n \/\/\n\n h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color; }\n\n \/\/\n \/\/ Horizontal rules\n \/\/\n\n hr { border-top-color: @contrast-base-hr-border; }\n\n\n \/\/ Nav\n \/\/ ========================================================================\n\n .uk-nav li > a,\n .uk-nav li > a:hover { text-decoration: none; }\n\n \/\/\n \/\/ Nav Site\n \/\/\n\n .uk-nav-side > li > a {\n color: @contrast-nav-side-color;\n .hook-contrast-nav-side;\n }\n\n .uk-nav-side > li > a:hover,\n .uk-nav-side > li > a:focus {\n background: @contrast-nav-side-hover-background;\n color: @contrast-nav-side-hover-color;\n .hook-contrast-nav-side-hover;\n }\n\n .uk-nav-side > li.uk-active > a {\n background: @contrast-nav-side-active-background;\n color: @contrast-nav-side-active-color;\n .hook-contrast-nav-side-active;\n }\n\n \/\/ Nav header\n .uk-nav-side .uk-nav-header {\n color: @contrast-nav-side-header-color;\n .hook-contrast-nav-side-header;\n }\n\n \/\/ Nav divider\n .uk-nav-side .uk-nav-divider {\n border-top-color: @contrast-nav-side-divider-border;\n .hook-contrast-nav-side-divider;\n }\n\n \/\/ Nested items\n .uk-nav-side ul a { color: @contrast-nav-side-nested-color; }\n .uk-nav-side ul a:hover { color: @contrast-nav-side-nested-hover-color; }\n\n\n \/\/ Subnav\n \/\/ ========================================================================\n\n .uk-subnav > * > a {\n color: @contrast-subnav-color;\n text-decoration: none;\n .hook-contrast-subnav;\n }\n\n .uk-subnav > * > a:hover,\n .uk-subnav > * > a:focus {\n color: @contrast-subnav-hover-color;\n text-decoration: @contrast-subnav-hover-text-decoration;\n .hook-contrast-subnav-hover;\n }\n\n .uk-subnav > .uk-active > a {\n color: @contrast-subnav-active-color;\n .hook-contrast-subnav-active;\n }\n\n \/\/\n \/\/ Subnav line\n \/\/\n\n .uk-subnav-line > :nth-child(n+2):before {\n border-left-color: @contrast-subnav-line-border;\n .hook-contrast-subnav-line-divider;\n }\n\n \/\/\n \/\/ Subnav pill\n \/\/\n\n .uk-subnav-pill > * > a:hover,\n .uk-subnav-pill > * > a:focus {\n background: @contrast-subnav-pill-hover-background;\n color: @contrast-subnav-pill-hover-color;\n text-decoration: none;\n .hook-contrast-subnav-pill-hover;\n }\n\n .uk-subnav-pill > .uk-active > a {\n background: @contrast-subnav-pill-active-background;\n color: @contrast-subnav-pill-active-color;\n .hook-contrast-subnav-pill-active;\n }\n\n\n \/\/ Tab\n \/\/ ========================================================================\n\n .uk-tab { border-bottom-color: @contrast-tab-border; }\n\n .uk-tab > li > a {\n border-color: transparent;\n color: @contrast-tab-color;\n .hook-contrast-tab;\n }\n\n .uk-tab > li > a:hover,\n .uk-tab > li > a:focus,\n .uk-tab > li.uk-open > a {\n border-color: @contrast-tab-hover-border;\n background: @contrast-tab-hover-background;\n color: @contrast-tab-hover-color;\n text-decoration: none;\n .hook-contrast-tab-hover;\n }\n\n \/* Active *\/\n .uk-tab > li.uk-active > a {\n border-color: @contrast-tab-active-border;\n border-bottom-color: transparent;\n background: @contrast-tab-active-background;\n color: @contrast-tab-active-color;\n .hook-contrast-tab-active;\n }\n\n \/\/\n \/\/ Tab center\n \/\/\n\n .uk-tab-center { border-bottom-color: @contrast-tab-border; }\n\n \/\/\n \/\/ Tab grid\n \/\/\n\n .uk-tab-grid:before { border-top-color: @contrast-tab-border; }\n\n\n \/\/ List\n \/\/ ========================================================================\n\n .uk-list-line > li:nth-child(n+2) {\n border-top-color: @contrast-list-line-border;\n .hook-contrast-list-line;\n }\n\n\n \/\/ Form\n \/\/ ========================================================================\n\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"datetime\"],\n .uk-form input[type=\"datetime-local\"],\n .uk-form input[type=\"date\"],\n .uk-form input[type=\"month\"],\n .uk-form input[type=\"time\"],\n .uk-form input[type=\"week\"],\n .uk-form input[type=\"number\"],\n .uk-form input[type=\"email\"],\n .uk-form input[type=\"url\"],\n .uk-form input[type=\"search\"],\n .uk-form input[type=\"tel\"],\n .uk-form input[type=\"color\"] {\n border-color: @contrast-form-border;\n background: @contrast-form-background;\n color: @contrast-form-color;\n background-clip: padding-box;\n .hook-contrast-form;\n\n &:focus {\n border-color: @contrast-form-focus-border;\n background: @contrast-form-focus-background;\n color: @contrast-form-focus-color;\n .hook-contrast-form-focus;\n }\n }\n\n \/\/\n \/\/ Placeholder\n \/\/\n\n .uk-form :-ms-input-placeholder { color: @contrast-form-placeholder-color !important; }\n .uk-form ::-moz-placeholder { color: @contrast-form-placeholder-color; }\n .uk-form ::-webkit-input-placeholder { color: @contrast-form-placeholder-color; }\n\n\n \/\/ Button\n \/\/ ========================================================================\n\n .uk-button {\n color: @contrast-button-color;\n background: @contrast-button-background;\n .hook-contrast-button;\n }\n\n .uk-button:hover,\n .uk-button:focus {\n background-color: @contrast-button-hover-background;\n color: @contrast-button-hover-color;\n .hook-contrast-button-hover;\n }\n\n .uk-button:active,\n .uk-button.uk-active {\n background-color: @contrast-button-active-background;\n color: @contrast-button-active-color;\n .hook-contrast-button-active;\n }\n\n \/\/\n \/\/ Button primary\n \/\/\n\n .uk-button-primary {\n background-color: @contrast-button-primary-background;\n color: @contrast-button-primary-color;\n .hook-contrast-button-primary;\n }\n\n .uk-button-primary:hover,\n .uk-button-primary:focus {\n background-color: @contrast-button-primary-hover-background;\n color: @contrast-button-primary-hover-color;\n .hook-contrast-button-primary-hover;\n }\n\n .uk-button-primary:active,\n .uk-button-primary.uk-active {\n background-color: @contrast-button-primary-active-background;\n color: @contrast-button-primary-active-color;\n .hook-contrast-button-primary-active;\n }\n\n\n \/\/ Icon\n \/\/ ========================================================================\n\n \/\/\n \/\/ Icon hover\n \/\/\n\n .uk-icon-hover {\n color: @contrast-icon-hover-color;\n .hook-contrast-icon-hover;\n }\n\n .uk-icon-hover:hover {\n color: @contrast-icon-hover-hover-color;\n .hook-contrast-icon-hover-hover;\n }\n\n \/\/\n \/\/ Icon button\n \/\/\n\n .uk-icon-button {\n background: @contrast-icon-button-background;\n color: @contrast-icon-button-color;\n .hook-contrast-icon-button;\n }\n\n .uk-icon-button:hover,\n .uk-icon-button:focus {\n background-color: @contrast-icon-button-hover-background;\n color: @contrast-icon-button-hover-color;\n .hook-contrast-icon-button-hover;\n }\n\n .uk-icon-button:active {\n background-color: @contrast-icon-button-active-background;\n color: @contrast-icon-button-active-color;\n .hook-contrast-icon-button-active;\n }\n\n\n \/\/ Text\n \/\/ ========================================================================\n\n .uk-text-muted { color: @contrast-text-muted-color !important; }\n .uk-text-primary { color: @contrast-text-primary-color !important; }\n\n\n \/\/ Misc hook\n \/\/ ========================================================================\n\n .hook-contrast-misc;\n\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-contrast-base-code() {}\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n.hook-contrast-tab() {}\n.hook-contrast-tab-hover() {}\n.hook-contrast-tab-active() {}\n\n.hook-contrast-list-line() {}\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n.hook-contrast-button() {}\n.hook-contrast-button-hover() {}\n.hook-contrast-button-active() {}\n.hook-contrast-button-primary() {}\n.hook-contrast-button-primary-hover() {}\n.hook-contrast-button-primary-active() {}\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() {}\n.hook-contrast-icon-button-hover() {}\n.hook-contrast-icon-button-active() {}\n\n.hook-contrast-misc() {}\n\/\/ Name: Print\n\/\/ Description: Optimize page for printing\n\/\/\n\/\/ Adapted from http:\/\/github.com\/h5bp\/html5-boilerplate\n\/\/\n\/\/ Modifications: Removed link `href` and `title` related rules\n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Print\n ========================================================================== *\/\n\n@media print {\n\n *,\n *:before,\n *:after {\n background: transparent !important;\n color: black !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited { text-decoration: underline; }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n thead { display: table-header-group; }\n\n tr,\n img { page-break-inside: avoid; }\n\n img { max-width: 100% !important; }\n\n @page { margin: 0.5cm; }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 { page-break-after: avoid; }\n\n .hook-print;\n\n}\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-print() {}\n\n\n\n@icon-font-path: \"..\/..\/fonts\";\n\n\/\/ Components: Navs\n\/\/ Name: Dotnav\n\/\/ Description: Defines styles for a dot navigation\n\/\/\n\/\/ Component: `uk-dotnav`\n\/\/\n\/\/ Modifier: `uk-dotnav-contrast`\n\/\/ `uk-dotnav-vertical`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dotnav-margin-horizontal: 15px;\n@dotnav-margin-vertical: @dotnav-margin-horizontal;\n\n@dotnav-width: 20px;\n@dotnav-height: @dotnav-width;\n@dotnav-background: rgba(50,50,50,0.1);\n\n@dotnav-hover-background: rgba(50,50,50,0.4);\n@dotnav-onclick-background: rgba(50,50,50,0.6);\n@dotnav-active-background: rgba(50,50,50,0.4);\n\n@dotnav-contrast-background: rgba(255,255,255,0.4);\n@dotnav-contrast-hover-background: rgba(255,255,255,0.7);\n@dotnav-contrast-onclick-background: rgba(255,255,255,0.9);\n@dotnav-contrast-active-background: rgba(255,255,255,0.9);\n\n\n\/* ========================================================================\n Component: Dotnav\n ========================================================================== *\/\n\n\/*\n * 1. Gutter\n * 2. Remove default list style\n *\/\n\n.uk-dotnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n \/* 1 *\/\n margin-left: -@dotnav-margin-horizontal;\n margin-top: -@dotnav-margin-vertical;\n \/* 2 *\/\n padding: 0;\n list-style: none;\n}\n\n\/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n *\/\n\n.uk-dotnav > * {\n \/* 1 *\/\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n \/* 2 *\/\n padding-left: @dotnav-margin-horizontal;\n margin-top: @dotnav-margin-vertical;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-dotnav:before,\n.uk-dotnav:after {\n content: \"\";\n display: block;\n overflow: hidden;\n}\n\n.uk-dotnav:after { clear: both; }\n\n.uk-dotnav > * { float: left; }\n\n\n\/* Items\n ========================================================================== *\/\n\n\/*\n * Items\n * 1. Hide text if present\n *\/\n\n.uk-dotnav > * > * {\n display: block;\n box-sizing: content-box;\n width: @dotnav-width;\n height: @dotnav-height;\n border-radius: 50%;\n background: @dotnav-background;\n \/* 1 *\/\n text-indent: 100%;\n overflow: hidden;\n white-space: nowrap;\n .hook-dotnav-item;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-dotnav > * > :hover,\n.uk-dotnav > * > :focus { \/\/ 1\n background: @dotnav-hover-background;\n \/* 2 *\/\n outline: none;\n .hook-dotnav-item-hover;\n}\n\n\/* OnClick *\/\n.uk-dotnav > * > :active {\n background: @dotnav-onclick-background;\n .hook-dotnav-item-onclick;\n}\n\n\/* Active *\/\n.uk-dotnav > .uk-active > * {\n background: @dotnav-active-background;\n .hook-dotnav-item-active;\n}\n\n\n\/* Modifier: `uk-dotnav-contrast`\n ========================================================================== *\/\n\n.uk-dotnav-contrast > * > * {\n background: @dotnav-contrast-background;\n .hook-dotnav-contrast-item;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-dotnav-contrast > * > :hover,\n.uk-dotnav-contrast > * > :focus { \/\/ 1\n background: @dotnav-contrast-hover-background;\n .hook-dotnav-contrast-item-hover;\n}\n\n\/* OnClick *\/\n.uk-dotnav-contrast > * > :active {\n background: @dotnav-contrast-onclick-background;\n .hook-dotnav-contrast-item-onclick;\n}\n\n\/* Active *\/\n.uk-dotnav-contrast > .uk-active > * {\n background: @dotnav-contrast-active-background;\n .hook-dotnav-contrast-item-active;\n}\n\n\n\/* Modifier: 'uk-dotnav-vertical'\n ========================================================================== *\/\n\n\/*\n * DEPRECATED\n *\/\n\n.uk-dotnav-vertical {\n -ms-flex-direction: column;\n -webkit-flex-direction: column;\n flex-direction: column;\n}\n\n\/*\n * DEPRECATED IE9 Support\n *\/\n\n.uk-dotnav-vertical > * { float: none; }\n\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-dotnav-misc;\n\n.hook-dotnav-item() {}\n.hook-dotnav-item-hover() {}\n.hook-dotnav-item-onclick() {}\n.hook-dotnav-item-active() {}\n.hook-dotnav-contrast-item() {}\n.hook-dotnav-contrast-item-hover() {}\n.hook-dotnav-contrast-item-onclick() {}\n.hook-dotnav-contrast-item-active() {}\n.hook-dotnav-misc() {}\n\/\/ Name: Slidenav\n\/\/ Description: Defines styles for a previous\/next navigation between slides\n\/\/\n\/\/ Component: `uk-slidenav`\n\/\/\n\/\/ Modifiers: `uk-slidenav-previous`\n\/\/ `uk-slidenav-next`\n\/\/ `uk-slidenav-contrast`\n\/\/\n\/\/ Sub-objects: `uk-slidenav-position`\n\/\/\n\/\/ Uses: Icon: FontAwesome\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@slidenav-width: 60px;\n@slidenav-height: @slidenav-width;\n@slidenav-color: rgba(50,50,50,0.4);\n@slidenav-font-size: 60px;\n@slidenav-line-height: @slidenav-height;\n@slidenav-previous-icon: \"\\f104\";\n@slidenav-next-icon: \"\\f105\";\n\n@slidenav-hover-color: rgba(50,50,50,0.7);\n\n@slidenav-active-color: rgba(50,50,50,0.9);\n\n@slidenav-position-previous: 20px;\n@slidenav-position-next: @slidenav-position-previous;\n\n@slidenav-contrast-color: rgba(255,255,255,0.5);\n@slidenav-contrast-hover-color: rgba(255,255,255,0.7);\n@slidenav-contrast-active-color: rgba(255,255,255,0.9);\n\n\n\/* ========================================================================\n Component: Slidenav\n ========================================================================== *\/\n\n\/*\n * 1. Required for `a` elements\n * 2. Dimension\n * 3. Style\n *\/\n\n.uk-slidenav {\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n box-sizing: border-box;\n width: @slidenav-width;\n height: @slidenav-height;\n \/* 3 *\/\n line-height: @slidenav-line-height;\n color: @slidenav-color;\n font-size: @slidenav-font-size;\n text-align: center;\n .hook-slidenav;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n * 4. Style\n *\/\n\n.uk-slidenav:hover,\n.uk-slidenav:focus { \/\/ 1\n \/* 2 *\/\n outline: none;\n \/* 3 *\/\n text-decoration: none;\n \/* 4 *\/\n color: @slidenav-hover-color;\n cursor: pointer;\n .hook-slidenav-hover;\n}\n\n\/* Active *\/\n.uk-slidenav:active {\n color: @slidenav-active-color;\n .hook-slidenav-active;\n}\n\n\/*\n * Icons\n *\/\n\n.uk-slidenav-previous:before {\n content: @slidenav-previous-icon;\n font-family: FontAwesome;\n}\n\n.uk-slidenav-next:before {\n content: @slidenav-next-icon;\n font-family: FontAwesome;\n}\n\n\n\/* Sub-object: `uk-slidenav-position`\n ========================================================================== *\/\n\n\/*\n * Create position context\n *\/\n\n.uk-slidenav-position { position: relative; }\n\n\/*\n * Center vertically\n *\/\n\n.uk-slidenav-position .uk-slidenav {\n display: none;\n position: absolute;\n top: 50%;\n z-index: 1;\n margin-top: -(@slidenav-height \/ 2);\n}\n\n.uk-slidenav-position:hover .uk-slidenav { display: block; }\n\n.uk-slidenav-position .uk-slidenav-previous { left: @slidenav-position-previous; }\n.uk-slidenav-position .uk-slidenav-next { right: @slidenav-position-next; }\n\n\n\/* Modifier: `uk-slidenav-contrast`\n ========================================================================== *\/\n\n.uk-slidenav-contrast {\n color: @slidenav-contrast-color;\n .hook-slidenav-contrast;\n}\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n *\/\n\n.uk-slidenav-contrast:hover,\n.uk-slidenav-contrast:focus { \/\/ 1\n color: @slidenav-contrast-hover-color;\n .hook-slidenav-contrast-hover;\n}\n\n\/* Active *\/\n.uk-slidenav-contrast:active {\n color: @slidenav-contrast-active-color;\n .hook-slidenav-contrast-active;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slidenav-misc;\n\n.hook-slidenav() {}\n.hook-slidenav-hover() {}\n.hook-slidenav-active() {}\n.hook-slidenav-contrast() {}\n.hook-slidenav-contrast-hover() {}\n.hook-slidenav-contrast-active() {}\n.hook-slidenav-misc() {}\n\n\/\/ Components: Common\n\/\/ Name: Progress\n\/\/ Description: Defines styles for progress bars\n\/\/\n\/\/ Component: `uk-progress`\n\/\/\n\/\/ Sub-objects: `uk-progress-bar`\n\/\/\n\/\/ Modifiers: `uk-progress-mini`\n\/\/ `uk-progress-small`\n\/\/ `uk-progress-success`\n\/\/ `uk-progress-warning`\n\/\/ `uk-progress-danger`\n\/\/ `uk-progress-striped`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@progress-height: 20px;\n@progress-mini-height: 6px;\n@progress-small-height: 12px;\n\n@progress-margin-vertical: 15px;\n@progress-background: #eee;\n\n@progress-bar-background: #00a8e6;\n@progress-bar-font-size: 12px;\n@progress-bar-color: #fff;\n\n@progress-bar-success-background: #8cc14c;\n@progress-bar-warning-background: #faa732;\n@progress-bar-danger-background: #da314b;\n\n\n\/* ========================================================================\n Component: Progress\n ========================================================================== *\/\n\n\/*\n * 1. Clearing\n * 2. Vertical alignment if text is used\n *\/\n\n.uk-progress {\n box-sizing: border-box;\n height: @progress-height;\n margin-bottom: @progress-margin-vertical;\n background: @progress-background;\n \/* 1 *\/\n overflow: hidden;\n \/* 2 *\/\n line-height: @progress-height;\n .hook-progress;\n}\n\n\/*\n * Add margin if adjacent element\n *\/\n\n* + .uk-progress { margin-top: @progress-margin-vertical; }\n\n\n\/* Sub-object: `uk-progress-bar`\n ========================================================================== *\/\n\n\/*\n * 1. Transition\n * 2. Needed for text\n *\/\n\n.uk-progress-bar {\n width: 0;\n height: 100%;\n background: @progress-bar-background;\n float: left;\n \/* 1 *\/\n -webkit-transition: width 0.6s ease;\n transition: width 0.6s ease;\n \/* 2 *\/\n font-size: @progress-bar-font-size;\n color: @progress-bar-color;\n text-align: center;\n .hook-progress-bar;\n}\n\n\n\/* Size modifiers\n ========================================================================== *\/\n\n\/* Mini *\/\n.uk-progress-mini {\n height: @progress-mini-height;\n .hook-progress-mini;\n}\n\n\n\/* Small *\/\n.uk-progress-small {\n height: @progress-small-height;\n .hook-progress-small;\n}\n\n\n\/* Color modifiers\n ========================================================================== *\/\n\n.uk-progress-success .uk-progress-bar {\n background-color: @progress-bar-success-background;\n .hook-progress-bar-success;\n}\n\n.uk-progress-warning .uk-progress-bar {\n background-color: @progress-bar-warning-background;\n .hook-progress-bar-warning;\n}\n\n.uk-progress-danger .uk-progress-bar {\n background-color: @progress-bar-danger-background;\n .hook-progress-bar-danger;\n}\n\n\n\/* Modifier: `uk-progress-striped`\n ========================================================================== *\/\n\n.uk-progress-striped .uk-progress-bar {\n background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 30px 30px;\n}\n\n\/*\n * Animation\n *\/\n\n.uk-progress-striped.uk-active .uk-progress-bar {\n -webkit-animation: uk-progress-bar-stripes 2s linear infinite;\n animation: uk-progress-bar-stripes 2s linear infinite;\n}\n\n@-webkit-keyframes uk-progress-bar-stripes {\n 0% { background-position: 0 0;}\n 100% { background-position: 30px 0; }\n}\n\n@keyframes uk-progress-bar-stripes {\n 0% { background-position: 0 0;}\n 100% { background-position: 30px 0; }\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-progress-misc;\n\n.hook-progress() {}\n.hook-progress-bar() {}\n.hook-progress-mini() {}\n.hook-progress-small() {}\n.hook-progress-bar-success() {}\n.hook-progress-bar-warning() {}\n.hook-progress-bar-danger() {}\n.hook-progress-misc() {}\n\n\/\/ Components: JavaScript\n\/\/ Name: Accordion\n\/\/ Description: Defines styles for the accordion\n\/\/\n\/\/ Component: `uk-accordion`\n\/\/\n\/\/ Sub-objects: `uk-accordion-title`\n\/\/ `uk-accordion-content`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@accordion-title-margin-bottom: 15px;\n@accordion-title-padding-vertical: 5px;\n@accordion-title-padding-horizontal: 15px;\n@accordion-title-font-size: 18px;\n@accordion-title-line-height: 24px;\n@accordion-title-background: #eee;\n\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\n\n\n\/* ========================================================================\n Component: Accordion\n ========================================================================== *\/\n\n.uk-accordion {\n .hook-accordion;\n}\n\n\/* Sub-object: `uk-accordion-title`\n ========================================================================== *\/\n\n.uk-accordion-title {\n margin-top: 0;\n margin-bottom: @accordion-title-margin-bottom;\n padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;\n background: @accordion-title-background;\n font-size: @accordion-title-font-size;\n line-height: @accordion-title-line-height;\n cursor: pointer;\n .hook-accordion-title;\n}\n\n\n\/* Sub-object: `uk-accordion-content`\n ========================================================================== *\/\n\n.uk-accordion-content {\n padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal;\n .hook-accordion-content;\n}\n\n\/*\n * Micro clearfix to make panels more robust\n *\/\n\n.uk-accordion-content:before,\n.uk-accordion-content:after {\n content: \"\";\n display: table;\n}\n\n.uk-accordion-content:after { clear: both; }\n\n\/*\n * Remove margin from the last-child\n *\/\n\n .uk-accordion-content > :last-child { margin-bottom: 0; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-accordion-misc;\n\n.hook-accordion() {}\n.hook-accordion-title() {}\n.hook-accordion-content() {}\n.hook-accordion-misc() {}\n\/\/ Name: Datepicker\n\/\/ Description: Defines styles for a datepicker\n\/\/\n\/\/ Component: `uk-datepicker`\n\/\/\n\/\/ Modifiers: `uk-datepicker-nav`\n\/\/ `uk-datepicker-previous`\n\/\/ `uk-datepicker-next`\n\/\/ `uk-datepicker-heading`\n\/\/ `uk-datepicker-table`\n\/\/ `uk-datepicker-table-muted`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@datepicker-z-index: 1050;\n@datepicker-animation: uk-fade;\n\n@datepicker-nav-height: 20px;\n@datepicker-nav-margin-bottom: 15px;\n@datepicker-nav-color: #444;\n@datepicker-nav-hover-color: #444;\n@datepicker-previous-icon: \"\\f053\";\n@datepicker-next-icon: \"\\f054\";\n\n@datepicker-table-width: 26px;\n@datepicker-table-height: 24px;\n@datepicker-table-color: #444;\n\n@datepicker-table-hover-background: #ddd;\n@datepicker-table-hover-color: #444;\n@datepicker-table-onclick-background: #ccc;\n@datepicker-table-onclick-color: #444;\n\n@datepicker-table-active-background: #00a8e6;\n@datepicker-table-active-color: #fff;\n\n@datepicker-table-muted-color: #999;\n\n\n\/* ========================================================================\n Component: Datepicker\n ========================================================================== *\/\n\n\/*\n * 1. Highest z-index\n * 2. Reset dropdown width\n * 3. Set animation\n * 4. Needed for scale animation\n *\/\n\n.uk-datepicker {\n \/* 1 *\/\n z-index: @datepicker-z-index;\n \/* 2 *\/\n width: auto;\n \/* 3 *\/\n -webkit-animation: @datepicker-animation 0.2s ease-in-out;\n animation: @datepicker-animation 0.2s ease-in-out;\n \/* 4 *\/\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n\n\n\/* Sub-object: `uk-datepicker-nav`\n========================================================================== *\/\n\n.uk-datepicker-nav {\n margin-bottom: @datepicker-nav-margin-bottom;\n text-align: center;\n line-height: @datepicker-nav-height;\n .hook-datepicker-nav;\n}\n\n\/*\n * Micro clearfix\n *\/\n\n.uk-datepicker-nav:before,\n.uk-datepicker-nav:after {\n content: \"\";\n display: table;\n}\n\n.uk-datepicker-nav:after { clear: both; }\n\n\/*\n * Previous and next navigation\n *\/\n\n.uk-datepicker-nav a {\n color: @datepicker-nav-color;\n text-decoration: none;\n .hook-datepicker-nav-item;\n}\n\n.uk-datepicker-nav a:hover { color: @datepicker-nav-hover-color; }\n\n.uk-datepicker-previous { float: left; }\n.uk-datepicker-next { float: right; }\n\n.uk-datepicker-previous:after,\n.uk-datepicker-next:after {\n width: @datepicker-nav-height;\n font-family: FontAwesome;\n}\n\n.uk-datepicker-previous:after { content: @datepicker-previous-icon; }\n.uk-datepicker-next:after { content: @datepicker-next-icon; }\n\n\n\/* Sub-object: `uk-datepicker-heading`\n========================================================================== *\/\n\n.uk-datepicker-heading {}\n\n\n\/* Sub-object: `uk-datepicker-table`\n========================================================================== *\/\n\n\/* Block element behavior *\/\n.uk-datepicker-table { width: 100%; }\n\n.uk-datepicker-table th,\n.uk-datepicker-table td { padding: 2px; }\n\n.uk-datepicker-table th { font-size: 12px; }\n\n\/*\n * Item\n *\/\n\n.uk-datepicker-table a {\n display: block;\n width: @datepicker-table-width;\n line-height: @datepicker-table-height;\n text-align: center;\n color: @datepicker-table-color;\n text-decoration: none;\n .hook-datepicker-table-item;\n}\n\n\/*\n * Sub-object: `uk-datepicker-table-muted`\n *\/\n\na.uk-datepicker-table-muted { color: @datepicker-table-muted-color; }\n\n\/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n *\/\n\n.uk-datepicker-table a:hover,\n.uk-datepicker-table a:focus { \/\/ 1\n background-color: @datepicker-table-hover-background;\n color: @datepicker-table-hover-color;\n \/* 2 *\/\n outline: none;\n .hook-datepicker-table-item-hover;\n}\n\n\/* OnClick *\/\n.uk-datepicker-table a:active {\n background-color: @datepicker-table-onclick-background;\n color: @datepicker-table-onclick-color;\n .hook-datepicker-table-item-onclick;\n}\n\n\/*\n * Active\n *\/\n\n.uk-datepicker-table a.uk-active {\n background: @datepicker-table-active-background;\n color: @datepicker-table-active-color;\n .hook-datepicker-table-item-active;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-datepicker-misc;\n\n.hook-datepicker-nav() {}\n.hook-datepicker-nav-item() {}\n.hook-datepicker-table-item() {}\n.hook-datepicker-table-item-hover() {}\n.hook-datepicker-table-item-onclick() {}\n.hook-datepicker-table-item-active() {}\n.hook-datepicker-misc() {}\n\/\/ Name: Form advanced\n\/\/ Description: Custom appearance of radio and checkbox buttons\n\/\/\n\/\/ Component: `uk-form`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-advanced-size: 14px;\n@form-advanced-border: #aaa;\n@form-advanced-border-width: 1px;\n@form-advanced-margin-top: -4px;\n@form-advanced-color: transparent;\n\n@form-advanced-checked-color: #00a8e6;\n\n@form-advanced-radio-size: 8px;\n\n@form-advanced-checkbox-icon: \"\\f00c\";\n@form-advanced-checkbox-indeterminate-icon: \"\\f068\";\n@form-advanced-checkbox-font-size: 12px;\n\n@form-advanced-disabled-border: #ddd;\n@form-advanced-disabled-color: #aaa;\n\n\n\/* ========================================================================\n Component: Form advanced\n Note: Only works in Webkit at the moment\n ========================================================================== *\/\n\n\/*\n * 1. Style\n * 2. Makes box more robust so it clips the child element\n * 3. Vertical alignment\n * 4. Remove default style\n * 5. Fix black background on iOS\n *\/\n\n\n.uk-form input[type=\"radio\"],\n.uk-form input[type=\"checkbox\"] {\n \/* 1 *\/\n display: inline-block;\n height: @form-advanced-size;\n width: @form-advanced-size;\n border: @form-advanced-border-width solid @form-advanced-border;\n \/* 2 *\/\n overflow: hidden;\n \/* 3 *\/\n margin-top: @form-advanced-margin-top;\n vertical-align: middle;\n \/* 4 *\/\n -webkit-appearance: none;\n outline: 0;\n \/* 5 *\/\n background: @form-advanced-color;\n .hook-form-advanced;\n}\n\n\/* Radio *\/\n.uk-form input[type=\"radio\"] { border-radius: 50%; }\n\n\/*\n * Checked\n *\/\n\n.uk-form input[type=radio]:before,\n.uk-form input[type=checkbox]:before {\n display: block;\n .hook-form-advanced-checked;\n}\n\n\/* Radio *\/\n.uk-form input[type=radio]:checked:before {\n content: '';\n width: @form-advanced-radio-size;\n height: @form-advanced-radio-size;\n margin: ((@form-advanced-size - (2 * @form-advanced-border-width) - @form-advanced-radio-size) \/ 2) auto 0;\n border-radius: 50%;\n background: @form-advanced-checked-color;\n .hook-form-advanced-radio;\n}\n\n\/* Checkbox *\/\n.uk-form input[type=checkbox]:checked:before,\n.uk-form input[type=checkbox]:indeterminate:before {\n content: @form-advanced-checkbox-icon;\n font-family: FontAwesome;\n font-size: @form-advanced-checkbox-font-size;\n -webkit-font-smoothing: antialiased;\n text-align: center;\n line-height: @form-advanced-size - (2 * @form-advanced-border-width);\n color: @form-advanced-checked-color;\n .hook-form-advanced-checkbox;\n}\n\n.uk-form input[type=checkbox]:indeterminate:before { content: @form-advanced-checkbox-indeterminate-icon; }\n\n\/*\n * Disabled\n *\/\n\n.uk-form input[type=radio]:disabled,\n.uk-form input[type=checkbox]:disabled {\n border-color: @form-advanced-disabled-border;\n .hook-form-advanced-disabled;\n}\n\n.uk-form input[type=radio]:disabled:checked:before { background-color: @form-advanced-disabled-color; }\n.uk-form input[type=checkbox]:disabled:checked:before,\n.uk-form input[type=checkbox]:disabled:indeterminate:before { color: @form-advanced-disabled-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-advanced-misc;\n\n.hook-form-advanced() {}\n.hook-form-advanced-checked() {}\n.hook-form-advanced-radio() {}\n.hook-form-advanced-checkbox() {}\n.hook-form-advanced-disabled() {}\n.hook-form-advanced-misc() {}\n\/\/ Name: Form file\n\/\/ Description: Extends form component\n\/\/\n\/\/ Component: `uk-form`\n\/\/\n\/\/ Sub-objects: `uk-form-file`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Form file\n ========================================================================== *\/\n\n\/*\n * 1. Behave like form elements\n * 2. Create position context for dropdowns\n * 3. Clip content\n *\/\n\n.uk-form-file {\n \/* 1 *\/\n display: inline-block;\n vertical-align: middle;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n overflow: hidden;\n}\n\n\/*\n * 1. Required for Firefox\n * 2. Expand height and required for the cursor\n *\/\n\n.uk-form-file input[type=\"file\"] {\n position: absolute;\n top: 0;\n z-index: 1;\n width: 100%;\n opacity: 0;\n cursor: pointer;\n \/* 1 *\/\n left: 0;\n \/* 2 *\/\n font-size: 500px;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-file-misc;\n\n.hook-form-file-misc() {}\n\/\/ Name: Form password\n\/\/ Description: Extends form component\n\/\/\n\/\/ Component: `uk-form`\n\/\/\n\/\/ Sub-objects: `uk-form-password`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-password-font-size: 13px;\n@form-password-line-height: @form-password-font-size;\n@form-password-color: #999;\n@form-password-hover-color: #999;\n@form-password-padding: 50px;\n\n\n\/* ========================================================================\n Component: Form password\n ========================================================================== *\/\n\n\/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Prevent `inline-block` consequences\n *\/\n\n.uk-form-password {\n \/* 1 *\/\n display: inline-block;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n max-width: 100%;\n}\n\n.uk-form-password-toggle {\n display: block;\n position: absolute;\n top: 50%;\n right: 10px;\n margin-top: -(floor(@form-password-line-height\/2));\n font-size: @form-password-font-size;\n line-height: @form-password-line-height;\n color: @form-password-color;\n}\n\n.uk-form-password-toggle:hover {\n color: @form-password-hover-color;\n text-decoration: none;\n}\n\n.uk-form-password > input { padding-right: @form-password-padding !important; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-password-misc;\n\n.hook-form-password-misc() {}\n\/\/ Name: Form select\n\/\/ Description: Extends form component\n\/\/\n\/\/ Component: `uk-form`\n\/\/\n\/\/ Sub-objects: `uk-form-select`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Form select\n ========================================================================== *\/\n\n\/*\n * 1. Behave like form elements\n * 2. Create position context for dropdowns\n * 3. Clip content\n *\/\n\n.uk-form-select {\n \/* 1 *\/\n display: inline-block;\n vertical-align: middle;\n \/* 2 *\/\n position: relative;\n \/* 3 *\/\n overflow: hidden;\n}\n\n\/*\n * 1. Required for Firefox\n * 1. Required for Webkit to make `height` work\n *\/\n\n.uk-form-select select {\n position: absolute;\n top: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n opacity: 0;\n cursor: pointer;\n \/* 1 *\/\n left: 0;\n \/* 2 *\/\n -webkit-appearance: none;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-form-select-misc;\n\n.hook-form-select-misc() {}\n\/\/ Name: Search\n\/\/ Description: Defines a search component\n\/\/\n\/\/ Component: `uk-search`\n\/\/\n\/\/ Sub-objects: `uk-search-field`\n\/\/\n\/\/ Modifier: (Nav) `uk-nav-search`\n\/\/ (Dropdown) `uk-dropdown-search`\n\/\/\n\/\/ States: `uk-active`\n\/\/ `uk-loading`\n\/\/\n\/\/ Uses: Animation\n\/\/ Icon: FontAwesome\n\/\/ Navbar: `uk-navbar-flip`\n\/\/\n\/\/ Used by: Off-canvas\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@search-width: 120px;\n@search-focus-width: 180px;\n@search-height: 30px;\n@search-padding: 30px;\n@search-border: rgba(0,0,0,0);\n@search-border-width: 1px;\n@search-background: rgba(0,0,0,0);\n@search-color: #444;\n@search-placeholder-color: #999;\n\n@search-icon: \"\\f002\";\n@search-icon-size: 14px;\n@search-icon-color: rgba(0,0,0,0.2);\n\n\/\/ Dropdown modifier\n@dropdown-search-width: 300px;\n@dropdown-search-margin-top: 0;\n@dropdown-search-background: #f5f5f5;\n@dropdown-search-color: #444;\n@dropdown-search-animation: uk-slide-top-fixed;\n@dropdown-search-navbar-margin-top: 5px;\n@dropdown-search-navbar-margin-right: -15px;\n\n\/\/ Nav modifier\n@nav-search-color: #444;\n@nav-search-active-background: #00a8e6;\n@nav-search-active-color: #fff;\n@nav-search-header-color: #999;\n@nav-search-divider-border: #ddd;\n@nav-search-divider-border-width: 1px;\n@nav-search-nested-color: #07D;\n@nav-search-nested-hover-color: #059;\n\n\/\/ Search in offcanvas\n@offcanvas-search-margin: 20px 15px;\n@offcanvas-search-background: #1a1a1a;\n@offcanvas-search-border: rgba(0,0,0,0);\n@offcanvas-search-color: #ccc;\n@offcanvas-search-placeholder-color: #777;\n@offcanvas-search-icon-color: #777;\n\n\n\/* ========================================================================\n Component: Search\n ========================================================================== *\/\n\n\/*\n * 1. Create position context for dropdowns\n * 2. Needed for `form` element\n *\/\n\n.uk-search {\n display: inline-block;\n \/* 1 *\/\n position: relative;\n \/* 2 *\/\n margin: 0;\n .hook-search;\n}\n\n\/*\n * Icon\n *\/\n\n.uk-search:before {\n content: @search-icon;\n position: absolute;\n top: 0;\n left: 0;\n width: @search-padding;\n line-height: @search-height;\n text-align: center;\n font-family: FontAwesome;\n font-size: @search-icon-size;\n color: @search-icon-color;\n .hook-search-icon;\n}\n\n\n\/* Sub-object `uk-search-field`\n ========================================================================== *\/\n\n\/*\n * Removes inner padding and border in Firefox 4+.\n *\/\n\n.uk-search-field::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n\/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n *\/\n\n.uk-search-field::-webkit-search-cancel-button,\n.uk-search-field::-webkit-search-decoration { -webkit-appearance: none; }\n\n\/*\n * Removes cancel button in IE10\n *\/\n\n.uk-search-field::-ms-clear { display: none; }\n\n\/*\n * Removes placeholder transparency in Firefox.\n *\/\n\n.uk-search-field::-moz-placeholder { opacity: 1; }\n\n\/*\n * 1. Define consistent box sizing.\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n * 5. Remove default style in iOS.\n * 6. Style\n *\/\n\n.uk-search-field {\n \/* 1 *\/\n box-sizing: border-box;\n \/* 2 *\/\n margin: 0;\n \/* 3 *\/\n border-radius: 0;\n \/* 4 *\/\n font: inherit;\n color: @search-color;\n \/* 5 *\/\n -webkit-appearance: none;\n \/* 6 *\/\n width: @search-width;\n height: @search-height;\n padding: 0 0 0 @search-padding;\n border: @search-border-width solid @search-border;\n background: @search-background;\n -webkit-transition: all 0.2s linear;\n transition: all 0.2s linear;\n vertical-align: middle;\n .hook-search-field;\n}\n\n\/* Placeholder *\/\n.uk-search-field:-ms-input-placeholder { color: @search-placeholder-color !important; }\n.uk-search-field::-moz-placeholder { color: @search-placeholder-color; }\n.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-color; }\n\n\/* Focus *\/\n.uk-search-field:focus {\n outline: 0;\n .hook-search-field-focus;\n}\n\n\/* Focus + Active *\/\n.uk-search-field:focus,\n.uk-search.uk-active .uk-search-field { width: @search-focus-width; }\n\n\n\/* Dropdown modifier: `uk-dropdown-search`\n ========================================================================== *\/\n\n.uk-dropdown-search {\n width: @dropdown-search-width;\n margin-top: @dropdown-search-margin-top;\n background: @dropdown-search-background;\n color: @dropdown-search-color;\n .hook-dropdown-search;\n}\n\n.uk-open > .uk-dropdown-search {\n -webkit-animation: @dropdown-search-animation 0.2s ease-in-out;\n animation: @dropdown-search-animation 0.2s ease-in-out;\n}\n\n\/*\n * Dependency `uk-navbar-flip`\n *\/\n\n.uk-navbar-flip .uk-dropdown-search {\n margin-top: @dropdown-search-navbar-margin-top;\n margin-right: @dropdown-search-navbar-margin-right;\n}\n\n\n\/* Nav modifier `uk-nav-search`\n ========================================================================== *\/\n\n\/*\n * Items\n *\/\n\n.uk-nav-search > li > a {\n color: @nav-search-color;\n .hook-nav-search;\n}\n\n\/*\n * Active\n * 1. Remove default focus style\n *\/\n\n.uk-nav-search > li.uk-active > a {\n background: @nav-search-active-background;\n color: @nav-search-active-color;\n \/* 1 *\/\n outline: none;\n .hook-nav-search-active;\n}\n\n\/*\n * Sub-object: `uk-nav-header`\n *\/\n\n.uk-nav-search .uk-nav-header {\n color: @nav-search-header-color;\n .hook-nav-search-header;\n}\n\n\/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n.uk-nav-search .uk-nav-divider {\n border-top: @nav-search-divider-border-width solid @nav-search-divider-border;\n .hook-nav-search-divider;\n}\n\n\/*\n * Nested items\n *\/\n\n.uk-nav-search ul a { color: @nav-search-nested-color; }\n.uk-nav-search ul a:hover { color: @nav-search-nested-hover-color; }\n\n\n\/* Search in offcanvas\n ========================================================================== *\/\n\n.uk-offcanvas .uk-search {\n display: block;\n margin: @offcanvas-search-margin;\n}\n\n.uk-offcanvas .uk-search:before { color: @offcanvas-search-icon-color; }\n\n.uk-offcanvas .uk-search-field {\n width: 100%;\n border-color: @offcanvas-search-border;\n background: @offcanvas-search-background;\n color: @offcanvas-search-color;\n .hook-offcanvas-search-field;\n}\n\n.uk-offcanvas .uk-search-field:-ms-input-placeholder { color: @offcanvas-search-placeholder-color !important; }\n.uk-offcanvas .uk-search-field::-moz-placeholder { color: @offcanvas-search-placeholder-color; }\n.uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: @offcanvas-search-placeholder-color; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-search-misc;\n\n.hook-search() {}\n.hook-search-icon() {}\n.hook-search-field() {}\n.hook-search-field-focus() {}\n\n.hook-dropdown-search() {}\n.hook-nav-search() {}\n.hook-nav-search-active() {}\n.hook-nav-search-header() {}\n.hook-nav-search-divider() {}\n.hook-offcanvas-search-field() {}\n\n.hook-search-misc() {}\n\n\/\/ Name: Slider\n\/\/ Description: Defines styles for a horizontal slider\n\/\/\n\/\/ Component: `uk-slider`\n\/\/\n\/\/ Sub-objects: `uk-slider-container`\n\/\/\n\/\/ Modifier: `uk-slider-fullscreen`\n\/\/\n\/\/ States: `uk-drag`\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Slider\n ========================================================================== *\/\n\n\/*\n * RTL Compatibility\n *\/\n \n[data-uk-slider] { direction: ltr; }\n\nhtml[dir=\"rtl\"] .uk-slider > * { direction: rtl; }\n\n\/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Deactivate browser history navigation in IE11\n *\/\n\n.uk-slider {\n \/* 1 *\/\n position: relative;\n \/* 2 *\/\n z-index: 0;\n \/* 3 *\/\n touch-action: pan-y;\n}\n\n\/*\n * 1. Reset list style without interfering with grid\n *\/\n\n.uk-slider:not(.uk-grid) {\n \/* 1 *\/\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n\/*\n * Sub-object item\n * 1. Position items above each other\n *\/\n\n.uk-slider > * {\n \/* 1 *\/\n position: absolute;\n top: 0;\n left: 0;\n}\n\n\/*\n * Clip child elements\n *\/\n\n.uk-slider-container { overflow: hidden; }\n\n\/*\n * Dragged\n *\/\n\n.uk-slider:not(.uk-drag) {\n -webkit-transition: -webkit-transform 200ms linear;\n transition: transform 200ms linear;\n}\n\n\/*\n * 1. Makes text unselectable\n *\/\n\n.uk-slider.uk-drag {\n cursor: col-resize;\n \/* 1 *\/\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n\/*\n * 1. Prevents images and links from being dragged (default browser behavior)\n * 2. Disables the default callout shown when you touch and hold a touch target\n * Currently only works in Webkit\n *\/\n\n.uk-slider a,\n.uk-slider img {\n \/* 1 *\/\n -webkit-user-drag: none;\n user-drag: none;\n \/* 2 *\/\n -webkit-touch-callout: none;\n}\n\n\/*\n * 1. Prevents images and links from being dragged in Firefox\n *\/\n\n.uk-slider img { pointer-events: none; }\n\n\n\/* Modifier: `uk-slider-fullscreen`\n ========================================================================== *\/\n\n.uk-slider-fullscreen,\n.uk-slider-fullscreen > li { height: 100vh; }\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slider-misc;\n\n.hook-slider-misc() {}\n\/\/ Name: Slideshow\n\/\/ Description: Defines styles for a slideshow\n\/\/\n\/\/ Component: `uk-slideshow`\n\/\/\n\/\/ Modifier: `uk-slideshow-fullscreen`\n\/\/\n\/\/ Sub-modifier: `uk-slideshow-fade-out`\n\/\/ `uk-slideshow-scroll-forward-in`\n\/\/ `uk-slideshow-scroll-forward-out`\n\/\/ `uk-slideshow-scroll-backward-in`\n\/\/ `uk-slideshow-scroll-backward-out`\n\/\/ `uk-slideshow-scale-out`\n\/\/ `uk-slideshow-swipe-forward-in`\n\/\/ `uk-slideshow-swipe-forward-out`\n\/\/ `uk-slideshow-swipe-backward-in`\n\/\/ `uk-slideshow-swipe-backward-out`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ Uses: Cover (JS)\n\/\/\n\/\/ Markup:\n\/\/\n\/\/ \n\/\/ \n\/\/ \n\/\/ \n\/\/\n\/\/ ========================================================================\n\n\n\/* ========================================================================\n Component: Slideshow\n ========================================================================== *\/\n\n\/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Set width because child elements are positioned absolute. Height is set via JS\n * 4. Reset list style\n * 5. Clip child elements\n * 6. Deactivate browser history navigation in IE11\n *\/\n\n.uk-slideshow {\n \/* 1 *\/\n position: relative;\n \/* 2 *\/\n z-index: 0;\n \/* 3 *\/\n width: 100%;\n \/* 4 *\/\n margin: 0;\n padding: 0;\n list-style: none;\n \/* 5 *\/\n overflow: hidden;\n \/* 6 *\/\n touch-action: pan-y;\n}\n\n\/*\n * Sub-object item\n * 1. Position items above each other\n * 2. Expand to parent container width\n * 3. Hide by default\n *\/\n\n.uk-slideshow > li {\n \/* 1 *\/\n position: absolute;\n top: 0;\n left: 0;\n \/* 2 *\/\n width: 100%;\n \/* 3 *\/\n opacity: 0;\n}\n\n\/*\n * Active\n * 1. Stack at first\n * 2. Show slide\n *\/\n\n.uk-slideshow > .uk-active {\n \/* 1 *\/\n z-index: 10;\n \/* 2 *\/\n opacity: 1;\n}\n\n\/*\n * Hide default images which is only relevant to keep existing proportions\n *\/\n\n.uk-slideshow > li > img { visibility: hidden; }\n\n\/*\n * Pointer for controls\n *\/\n\n[data-uk-slideshow-slide] { cursor: pointer; }\n\n\n\/* Modifier: `uk-slideshow-fullscreen`\n ========================================================================== *\/\n\n.uk-slideshow-fullscreen,\n.uk-slideshow-fullscreen > li { height: 100vh; }\n\n\n\/* Animations\n ========================================================================== *\/\n\n\/*\n * Fade\n *\/\n\n .uk-slideshow-fade-in {\n -webkit-animation: uk-fade 0.5s linear;\n animation: uk-fade 0.5s linear;\n }\n\n.uk-slideshow-fade-out {\n -webkit-animation: uk-fade 0.5s linear reverse;\n animation: uk-fade 0.5s linear reverse;\n}\n\n\/*\n * Scroll\n *\/\n\n.uk-slideshow-scroll-forward-in {\n -webkit-animation: uk-slide-right 0.5s ease-in-out;\n animation: uk-slide-right 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-forward-out {\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-scroll-backward-in {\n -webkit-animation: uk-slide-left 0.5s ease-in-out;\n animation: uk-slide-left 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-backward-out {\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n\/*\n * Scale\n *\/\n\n.uk-slideshow-scale-out {\n -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n}\n\n\/*\n * Swipe\n *\/\n\n.uk-slideshow-swipe-forward-in {\n -webkit-animation: uk-slide-left-33 0.5s ease-in-out;\n animation: uk-slide-left-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-forward-out {\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-backward-in {\n -webkit-animation: uk-slide-right-33 0.5s ease-in-out;\n animation: uk-slide-right-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-backward-out {\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-forward-in:before,\n.uk-slideshow-swipe-backward-in:before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background: rgba(0,0,0,0.6);\n -webkit-animation: uk-fade 0.5s ease-in-out reverse;\n animation: uk-fade 0.5s ease-in-out reverse;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-slideshow-misc;\n\n.hook-slideshow-misc() {}\n\n\/\/ Name: Sticky\n\/\/ Description: Make elements remain at the top of the viewport\n\/\/\n\/\/ Component: `data-uk-sticky`\n\/\/\n\/\/ States: `uk-active`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@sticky-z-index: 980;\n\n@sticky-animation-duration: 0.2s;\n@sticky-reverse-animation-duration: 0.2s;\n\n\n\/* ========================================================================\n Component: Sticky\n ========================================================================== *\/\n\n\/*\n * 1. More robust if padding and border are used\n * 2. Enable hardware acceleration for iOS browsers, resolves scrolling issue\n *\/\n\n[data-uk-sticky].uk-active {\n z-index: @sticky-z-index;\n \/* 1 *\/\n box-sizing: border-box;\n \/* 2 *\/\n -webkit-backface-visibility: hidden\n}\n\n\/*\n * Faster animations\n *\/\n\n[data-uk-sticky][class*='uk-animation-'] {\n -webkit-animation-duration: @sticky-animation-duration;\n animation-duration: @sticky-animation-duration;\n}\n\n[data-uk-sticky].uk-animation-reverse {\n -webkit-animation-duration: @sticky-reverse-animation-duration;\n animation-duration: @sticky-reverse-animation-duration;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-sticky-misc;\n\n.hook-sticky-misc() {}\n\n\/\/ Name: Tooltip\n\/\/ Description: Defines styles for tooltips\n\/\/\n\/\/ Component: `uk-tooltip`\n\/\/\n\/\/ Modifiers `uk-tooltip-top`\n\/\/ `uk-tooltip-top-left`\n\/\/ `uk-tooltip-top-right`\n\/\/ `uk-tooltip-bottom`\n\/\/ `uk-tooltip-bottom-left`\n\/\/ `uk-tooltip-bottom-right`\n\/\/ `uk-tooltip-left`\n\/\/ `uk-tooltip-right`\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tooltip-z-index: 1030;\n@tooltip-max-width: 200px;\n@tooltip-padding-vertical: 5px;\n@tooltip-padding-horizontal: 8px;\n@tooltip-background: #333;\n@tooltip-triangle-size: 5px;\n\n@tooltip-color: rgba(255,255,255,0.7);\n@tooltip-font-size: 12px;\n@tooltip-line-height: 18px;\n\n@tooltip-offset-horizontal: 10px;\n\n\n\/* ========================================================================\n Component: Tooltip\n ========================================================================== *\/\n\n\/*\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Set dimensions\n * 4. Set style\n *\/\n\n.uk-tooltip {\n \/* 1 *\/\n display: none;\n \/* 2 *\/\n position: absolute;\n z-index: @tooltip-z-index;\n \/* 3 *\/\n box-sizing: border-box;\n max-width: @tooltip-max-width;\n padding: @tooltip-padding-vertical @tooltip-padding-horizontal;\n \/* 4 *\/\n background: @tooltip-background;\n color: @tooltip-color;\n font-size: @tooltip-font-size;\n line-height: @tooltip-line-height;\n .hook-tooltip;\n}\n\n\n\/* Triangle\n ========================================================================== *\/\n\n\/*\n * 1. Dashed is less antialised than solid\n *\/\n\n.uk-tooltip:after {\n content: \"\";\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n \/* 1 *\/\n border: @tooltip-triangle-size dashed @tooltip-background;\n}\n\n\n\/* Direction modifiers\n ========================================================================== *\/\n\n\/*\n * Top\n *\/\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after {\n bottom: -@tooltip-triangle-size;\n border-top-style: solid;\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-top-color: @tooltip-background;\n}\n\n\/*\n * Bottom\n *\/\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after {\n top: -@tooltip-triangle-size;\n border-bottom-style: solid;\n border-top: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: @tooltip-background;\n}\n\n\/*\n * Top\/Bottom center\n *\/\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after {\n left: 50%;\n margin-left: -@tooltip-triangle-size;\n}\n\n\/*\n * Top\/Bottom left\n *\/\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after { left: @tooltip-offset-horizontal; }\n\n\/*\n * Top\/Bottom right\n *\/\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after { right: @tooltip-offset-horizontal; }\n\n\/*\n * Left\n *\/\n\n.uk-tooltip-left:after {\n right: -@tooltip-triangle-size;\n top: 50%;\n margin-top: -@tooltip-triangle-size;\n border-left-style: solid;\n border-right: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: @tooltip-background;\n}\n\n\/*\n * Right\n *\/\n\n.uk-tooltip-right:after {\n left: -@tooltip-triangle-size;\n top: 50%;\n margin-top: -@tooltip-triangle-size;\n border-right-style: solid;\n border-left: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-right-color: @tooltip-background;\n}\n\n\n\/\/ Hooks\n\/\/ ========================================================================\n\n.hook-tooltip-misc;\n\n.hook-tooltip() {}\n.hook-tooltip-misc() {}\n\n\n\/\/ Theme\n\/\/ ========================================================================\n\n\/\/ LESS related\n\/\/\n\/\/ Component: Variables\n\/\/\n\/\/ ========================================================================\n\n\/\/ Global variables\n\/\/ ========================================================================\n\n\/\/\n\/\/ Text\n\/\/\n\n@global-color: #002e5b;\n@global-light-color:\t\t\t\t\t\t\t#9ab0d2;\n@global-muted-color: #a8aeb6;\n@global-dark-color:\t\t\t\t\t\t\t\t#1a1a10;\n@global-highlight-color:\t\t\t\t\t\t#002e5b;\n@global-highlight-background:\t\t\t\t\t#fde428;\n@global-section-title-color:\t\t\t\t\tfade(@global-color, 4%);\n\n@global-contrast-color: #fff;\n@global-heading-color: #002e5b;\n@global-secondary-color: #fff;\n@global-secondary-highlight-color:\t\t\t\t@global-highlight-background;\n\n@global-link-color: #fde428;\n@global-link-hover-color: #6c98e1;\n\n\/\/ \n\/\/ Typography\n\/\/ \n\n@global-font-size:\t\t\t\t\t\t\t\t18.5px;\n@global-line-height:\t\t\t\t\t\t\t30px;\n@global-heading-letter-space:\t\t\t\t\t-0.5px;\n\n@global-body-font-family: 'Barlow';\n@global-heading-font-family: \t'Poppins';\n@global-italic-font-family:\t\t\t\t\t\t'Merriweather';\n@global-italic-font-style:\t\t\t\t\t\tnormal;\n\n@global-body-font-weight:\t\t\t\t\t\t400;\n@global-thin-font-weight:\t\t\t\t\t\t200;\n@global-light-font-weight:\t\t\t\t\t\t300;\n@global-regular-font-weight:\t\t\t\t\t400;\n@global-medium-font-weight:\t\t\t\t\t\t500;\n@global-bold-font-weight:\t\t\t\t\t\t600;\n@global-italic-font-weight:\t\t\t\t\t\t400;\n@global-heading-font-weight:\t\t\t\t\t600;\n@global-large-text-font-weight:\t\t\t\t\t600;\n\n\/\/\n\/\/ Backgrounds & Borders\n\/\/\n\n@global-background: #fff;\n@global-light-background: #f3f3f3;\n@global-extra-light-background: #f8f8f8;\n@global-primary-light-background: #f5f8fb;\n@global-background-blend-mode:\t\t\t\t\toverlay;\n@global-border:\t\t\t\t\t\t\t\t\trgba(0,0,0,0.1);\n@global-border-radius: 4px;\n\n@global-primary-background:\t\t\t\t\t\t#fde428;\n@global-primary-2-background:\t\t\t\t\t#11b5e6;\n@global-primary-2-color:\t\t\t\t\t\t#fff;\n@global-primary-3-background:\t\t\t\t\t#004a98;\n@global-primary-3-color:\t\t\t\t\t\t#fff;\n@global-primary-4-background:\t\t\t\t\t#002e5b;\n@global-primary-4-color:\t\t\t\t\t\t#fff;\n@global-secondary-background: \t\t\t\t\t#002e5b;\n@global-dark-background: \t\t\t\t\t\t#002e5b;\n\n@global-success-background: #4caf50;\n@global-warning-background: #ff9800;\n@global-danger-background: #f26522;\n\n\/\/\n\/\/ Icons\n\/\/\n\n@global-font-icon: \"fontAwesome\";\n@global-buckle-icon: \t\t\"buckle-icons\";\n\n\/\/\n\/\/ Spacings\n\/\/\n\n@global-margin: 20px;\n@global-margin-small: 15px;\n@global-margin-large:\t\t\t\t\t\t\t30px;\n@global-margin-xlarge:\t\t\t\t\t\t\t50px;\n@global-grid-gutter: 30px;\n@global-grid-gutter-large: 50px;\n@global-block-gutter:\t\t\t\t\t\t\t30px;\n@global-block-gutter-small:\t\t\t\t\t\t20px;\n@global-padding-large:\t\t\t\t\t\t\t100px;\n\n\/\/\n\/\/ Controls\n\/\/\n\n@global-height: 40px;\n@global-mini-height: 25px;\n@global-small-height: 35px;\n@global-large-height: 60px;\n\n\/\/\n\/\/ Breakpoints\n\/\/\n\n@breakpoint-medium:\t\t\t\t\t\t\t\t900px;\n\n\/\/\n\/\/ Z-index\n\/\/\n\n@global-z-index: 1000;\n\n\/\/\n\/\/ Transition\n\/\/\n\n@global-transition: all 0.3s ease-in-out;\n@global-transition-slow: all 0.4s ease-in-out;\n@global-transition-fast: all 0.1s ease-in-out;\n\n@global-transition-color: color 0.3s ease-in-out;\n@global-transition-background: background 0.3s ease-in-out;\n@global-transition-border: \t\tborder 0.3s ease-in-out;\n@global-transition-box-shadow: \tbox-shadow 0.3s ease-in-out;\n@global-transition-fill: \t\tfill 0.3s ease-in-out;\n@global-transition-opacity: \t\topacity 0.3s ease-in-out;\n@global-transition-padding: \t\tpadding 0.3s ease-in-out;\n@global-transition-transform: \ttransform 0.3s ease-in-out;\n@global-transition-width: \t\twidth 0.3s ease-in-out;\n\n\/\/\n\/\/ Global shadows\n\/\/\n\n@global-light-03-shadow:\t\t\t\t\t\trgba(255,255,255,0.03);\n@global-light-05-shadow:\t\t\t\t\t\trgba(255,255,255,0.05);\n@global-light-075-shadow:\t\t\t\t\t\trgba(255,255,255,0.075);\n@global-light-1-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.1);\n@global-light-15-shadow:\t\t\t\t\t\trgba(255,255,255,0.15);\n@global-light-2-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.2);\n@global-light-25-shadow:\t\t\t\t\t\trgba(255,255,255,0.25);\n@global-light-3-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.3);\n@global-light-4-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.4);\n@global-light-5-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.5);\n@global-light-6-shadow:\t\t\t\t\t\t\trgba(255,255,255,0.6);\n@global-light-75-shadow:\t\t\t\t\t\trgba(255,255,255,0.75);\n\n@global-dark-03-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.03);\n@global-dark-05-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.05);\n@global-dark-075-shadow:\t\t\t\t\t\trgba(0,0,0,0.075);\n@global-dark-15-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.15);\n@global-dark-1-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.1);\n@global-dark-2-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.2);\n@global-dark-25-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.25);\n@global-dark-3-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.3);\n@global-dark-4-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.4);\n@global-dark-5-shadow:\t\t\t\t\t\t\trgba(0,0,0,0.5);\n\n\/\/\n\/\/ Internal Global variables\n\/\/\n\n@global-style: 'default';\n\n\/\/ \n\/\/ Gradients\n\/\/ \n\n.gradient (@gradientColor, @startGradient, @endGradient) {\n\tbackground: @gradientColor;\n\tbackground: -moz-linear-gradient(top, @startGradient 0%, @endGradient 100%);\n\tbackground: -webkit-linear-gradient(top, @startGradient 0%,@endGradient 100%);\n\tbackground: linear-gradient(to bottom, @startGradient 0%,@endGradient 100%);\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startGradient}', endColorstr='@{endGradient}',GradientType=0 );\n}\n\n.gradient-left (@gradientColor, @startGradient, @endGradient) {\n\tbackground: @gradientColor;\n\tbackground: -moz-linear-gradient(left, @startGradient 0%, @endGradient 100%);\n\tbackground: -webkit-linear-gradient(left, @startGradient 0%,@endGradient 100%);\n\tbackground: linear-gradient(to right, @startGradient 0%,@endGradient 100%);\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startGradient}', endColorstr='@{endGradient}',GradientType=0 );\n}\n\n.gradient-diagonal (@gradientColor, @startGradient, @endGradient) {\n\tbackground: @gradientColor;\n\tbackground: -moz-linear-gradient(-45deg, @startGradient 0%, @endGradient 100%);\n\tbackground: -webkit-linear-gradient(-45deg, @startGradient 0%,@endGradient 100%);\n\tbackground: linear-gradient(135deg, @startGradient 0%,@endGradient 100%);\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startGradient}', endColorstr='@{endGradient}',GradientType=1 );\n}\n\n\/\/ Defaults\n\/\/\n\/\/ Component: Base\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@base-body-background: @global-background;\n@base-body-font-family: @global-body-font-family;\n@base-body-font-weight: @global-body-font-weight;\n@base-body-font-size: @global-font-size;\n@base-body-line-height: @global-line-height;\n@base-body-color: @global-color;\n\n@base-link-color: @global-link-color;\n@base-link-hover-color: @global-link-hover-color;\n\n@base-selection-background: fade(@global-primary-background, 75%);\n@base-selection-color: @global-contrast-color;\n\n@base-margin-vertical: @global-margin;\n\n@base-heading-font-weight: @global-heading-font-weight;\n@base-heading-font-family: @global-heading-font-family;\n@base-heading-color: @global-heading-color;\n@base-heading-margin-top: @global-margin-large;\n@base-heading-text-transform: none;\n@base-h1-font-size: 44px;\n@base-h1-line-height: 60px;\n@base-h2-font-size: 34px;\n@base-h2-line-height: 43px;\n@base-h3-font-size: 28px;\n@base-h3-line-height: 32px;\n@base-h4-font-size: 20px;\n@base-h4-line-height: 32px;\n@base-h5-font-size: 16px;\n@base-h5-line-height: 22px;\n@base-h6-font-size: 14px;\n@base-h6-line-height: 18px;\n\n@base-hr-border: @global-border;\n\n@base-blockquote-border: @global-primary-light-background;\n@base-blockquote-font-size: round((@base-h3-font-size*0.8));\n@base-blockquote-line-height: @base-h3-line-height;\n\n@base-code-color: @global-primary-background;\n@base-code-font-size: @global-font-size;\n\n@base-pre-background: @global-secondary-background;\n@base-pre-color: #e8d8bc;\n@base-pre-font-size: @global-font-size;\n@base-pre-line-height: round((@base-pre-font-size * 1.85));\n@base-blockquote-small-color: @global-muted-color;\n\n\n\/\/ Body\n\/\/ ========================================================================\n\n.hook-base-body() {}\n\n\n\/\/ Code and preformatted text\n\/\/ ========================================================================\n\n.hook-base-code() {\n i { font-style: normal; }\n}\n\n.hook-base-code-reset() {}\n\n.hook-base-pre() { \n padding: 20px;\n border: 1px solid @global-dark-075-shadow;\n border-radius: 4px;\n white-space: pre-wrap;\n word-break: break-word;\n box-shadow: inset 4px 0 @global-dark-075-shadow;\n\n i { font-style: normal; }\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-base-misc() {\n\n h1,h2,h3,h4,h5,h6 {\n letter-spacing: @global-heading-letter-space;\n\n > a, > a:hover {\n text-decoration: none;\n }\n }\n\n em {\n color: @global-color;\n }\n\n blockquote {\n \tfont-family: @global-italic-font-family;\n\t\tfont-style: italic;\n padding-left: 15px;\n position: relative;\n margin: 0;\n \n > p {\n line-height: 42px;\n font-weight: @global-italic-font-weight;\n letter-spacing: @global-heading-letter-space;\n font-size: @base-h4-font-size;\n \n strong {\n font-weight: normal;\n color: @global-primary-background;\n }\n }\n \n small { color: @base-blockquote-small-color; }\n\n .author,\n .jobtitle{\n font-weight: @global-heading-font-weight;\n line-height: round((@global-line-height*1.2));\n display: block;\n }\n\n .author {\n \tfont-size: @base-h2-font-size;\n font-family: @global-italic-font-family;\n margin-top: 15px; \n \n &:empty {\n display: none;\n }\n }\n\n .jobtitle {\n font-size: @base-h4-font-size;\n }\n }\n\n .tm-quote {\n line-height: @base-blockquote-line-height;\n }\n\n \/\/ testimonials\n .tm-testimonial-avatar {\n box-shadow: 0 0 0 4px @global-background, 0 3px 4px 1px @global-primary-background;\n border-radius: 50%;\n }\n\n .tm-testimonial {\n strong {\n font-weight: @global-heading-font-weight;\n color: @global-primary-background;\n }\n }\n\n .quote-icon {\n font-size: @base-h1-font-size*3;\n position: absolute;\n left: 100px;\n bottom: @global-grid-gutter;\n color: fade(@global-color, 5%);\n }\n\n @media (max-width: @breakpoint-medium) {\n blockquote p {\n font-size: 20px;\n line-height: 2;\n }\n }\n\n abbr[title] {\n text-decoration: none;\n }\n\n \/\/ hr\n\n hr { \n border-color: fade(@global-color, 15%); \n border-style: dotted;\n }\n .tooltip hr { display: none; }\n \n}\n\n\/\/ Layout\n\/\/\n\/\/ Component: Grid\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@grid-gutter-horizontal: @global-grid-gutter;\n@grid-gutter-vertical: @global-grid-gutter;\n\n@grid-gutter-large-horizontal: @global-grid-gutter-large;\n@grid-gutter-large-vertical: @global-grid-gutter-large;\n\n@grid-divider-border: rgba(0,0,0,0.1);\n@grid-divider-box-shadow: \t\t\t\t\t\trgba(255,255,255,0.05);\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-grid-misc() {\n\n\t.uk-grid-divider:empty {\n\t\tborder-top: @grid-divider-border-width dashed @grid-divider-border;\n\t}\n\n\t\/*\n\t * Horizontal divider\n\t *\/\n\n\t.uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n\t.uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { box-shadow: inset 1px 0 0 @grid-divider-box-shadow; }\n\n\t\/* Tablet and bigger *\/\n\t@media (min-width: @breakpoint-medium) {\n\n\t .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { box-shadow: inset 1px 0 0 @grid-divider-box-shadow; }\n\n\t}\n\n\t\/* Desktop and bigger *\/\n\t@media (min-width: @breakpoint-large) {\n\n\t .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { box-shadow: inset 1px 0 0 @grid-divider-box-shadow; }\n\n\t}\n\t\n}\n\/\/\n\/\/ Component: Panel\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@panel-title-margin-bottom: @global-margin;\n@panel-title-font-size: @base-h3-font-size;\n@panel-title-line-height: round((@panel-title-font-size * 1.33)); \/\/ 28px\n@panel-title-color: @global-heading-color;\n\n@panel-box-padding: 30px;\n@panel-box-small-padding: 20px;\n@panel-box-background: @global-background;\n@panel-box-color: @global-color;\n@panel-box-title-color: @global-color;\n@panel-box-badge-top: 20px;\n@panel-box-badge-right: 20px;\n@panel-box-badge-padding: 0 8px;\n\n@panel-box-primary-background: @global-primary-background;\n@panel-box-primary-color: #002e5b;\n@panel-box-primary-title-color: #002e5b;\n@panel-box-primary-autocomplete-color: @global-primary-background;\n@panel-box-primary-link-color: #93b0f9;\n@panel-box-primary-link-hover-color: lighten(@panel-box-primary-link-color, 5%);\n\n@panel-box-secondary-background: @global-secondary-background;\n@panel-box-secondary-color: @global-contrast-color;\n@panel-box-secondary-title-color: @global-contrast-color;\n@panel-box-secondary-link-color: lighten(@global-link-color, 5%);\n@panel-box-secondary-link-hover-color: lighten(@global-link-hover-color, 5%);\n\n@panel-box-tertiary-background: @global-primary-2-background;\n@panel-box-tertiary-color: @global-contrast-color;\n@panel-box-tertiary-title-color: @global-contrast-color;\n@panel-box-tertiary-link-color: lighten(@panel-box-tertiary-background, 25%);\n@panel-box-tertiary-link-hover-color: darken(@panel-box-tertiary-link-color, 45%);\n\n@panel-header-title-padding: 0;\n@panel-header-title-border: @global-border;\n@panel-header-title-color: @global-color;\n\n@panel-space-padding: 40px;\n\n@panel-divider-gutter: @global-grid-gutter;\n@panel-divider-gutter-large: @global-grid-gutter-large;\n@panel-divider-border: @global-border;\n\n\/\/ Sub-object: `uk-panel-title`\n\/\/ ========================================================================\n\n.hook-panel-title() {\n font-weight: @global-heading-font-weight;\n letter-spacing: @global-heading-letter-space;\n}\n\n\/\/ Sub-object: `uk-panel-badge`\n\/\/ ========================================================================\n\n.hook-panel-badge() {}\n\n\n\/\/ Modifier: `uk-panel-box`\n\/\/ ========================================================================\n\n.hook-panel-box() {\n\n &.uk-panel-box-primary,\n &.uk-panel-box-secondary {\n border: 1px solid @global-dark-075-shadow;\n }\n\n \/\/ Badge in Panel\n\n .uk-panel-badge {\n padding: @panel-box-badge-padding;\n }\n\n \/\/\n \/\/ Nav side in panel\n \/\/\n\n .uk-nav-side {\n\n margin: 0 -@panel-box-padding;\n\n > li > a,\n .uk-nav-header {\n padding-left: 30px;\n padding-right: 30px;\n }\n\n .uk-nav-divider { margin: 0 @panel-box-padding; }\n\n ul.uk-nav-sub { padding-left: 30px; }\n\n }\n\n}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-primary`\n\/\/\n\n.hook-panel-box-primary() {\n\n background-color: @panel-box-primary-background;\n\n \/\/ link color\n > a:not([class]),\n > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-primary-link-color; }\n\n > a:not([class]):hover,\n > :not([class*='uk-nav']) a:not([class]):hover { color: @panel-box-primary-link-hover-color; }\n\n .uk-nav-autocomplete > li > a {\n color: @panel-box-primary-autocomplete-color !important;\n }\n\n .uk-nav-autocomplete > li.uk-active > a {\n color: @global-contrast-color !important;\n }\n\n > .uk-panel-title,\n > .uk-module-title {\n color: @panel-box-primary-title-color;\n\n &:after {\n border-bottom-color: @panel-box-primary-title-color;\n }\n }\n\n .uk-module-stripes:after {\n background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n rgba(0,0,0,0) 3px,\n fade(@panel-box-primary-title-color, 15%) 3px,\n fade(@panel-box-primary-title-color, 15%) 6px);\n }\n\n &.tm-darker {\n background-color: saturate(darken(@global-primary-background, 3%), 3%);\n }\n\n &.tm-lighter {\n background-color: saturate(lighten(@global-primary-background, 3%), 3%);\n }\n\n \/\/ Nav side\n\n .uk-nav-side > li > a {\n border-color: @global-dark-075-shadow;\n color: @panel-box-primary-color;\n box-shadow: inset 0 1px 0 @global-light-1-shadow;\n }\n\n .uk-nav-side ul a:hover {\n color: fade(@panel-box-primary-color, 50%);\n }\n\n .uk-nav-side > li:first-child > a,\n .uk-nav-divider + li > a {\n border: none;\n box-shadow: none;\n }\n\n .uk-subnav.uk-subnav-list > li > a {\n color: @panel-box-primary-link-color;\n }\n\n \/*\n * Sub-object: `uk-nav-header`\n *\/\n\n .uk-nav-side .uk-nav-header { color: @global-light-color; }\n\n \/*\n * Sub-object: `uk-nav-divider`\n *\/\n\n .uk-nav-divider {\n border-color: @global-border !important;\n box-shadow: 0 1px 0 @global-light-1-shadow;\n }\n\n \/\/\n \/\/ Nested items\n \/\/\n\n .uk-nav-side ul.uk-nav-sub {\n border-color: @global-border;\n background: @global-border;\n\n }\n\n .uk-nav-side ul a { color: @global-light-color; }\n\n \/\/ Hover\n .uk-nav-side > li > a:hover,\n .uk-nav-side > li > a:focus {\n background: @global-light-1-shadow;\n color: @panel-box-primary-color;\n }\n\n \/\/ Active\n .uk-nav-side > li.uk-active > a { color: @panel-box-primary-color }\n\n \/\/ Horizontal rule\n\n hr {\n height: 1px;\n border-color: @global-border ;\n box-shadow: inset 0 1px 0 @global-light-1-shadow;\n }\n\n \/\/ Headings\n \n h1, h2, h3, h4, h5, h6 {\n color: @panel-box-primary-color;\n }\n\n \/\/ Form\n\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"email\"] {\n border-color: @global-border;\n background: @global-border;\n color: @panel-box-primary-color;\n\n \/* Focus state *\/\n &:focus {\n border-color: darken(@global-primary-background, 15%);\n background: @global-border;\n color: @panel-box-primary-color;\n }\n }\n\n \/* Placeholder *\/\n .uk-form :-ms-input-placeholder { color: fade(@panel-box-primary-color, 50%) !important; }\n .uk-form ::-moz-placeholder { color: fade(@panel-box-primary-color, 50%); }\n .uk-form ::-webkit-input-placeholder { color: fade(@panel-box-primary-color, 50%); }\n\n \/* modal *\/\n &.uk-modal-dialog {\n background-color: @panel-box-primary-background;\n\n [class*='uk-icon-'] {\n color: @panel-box-primary-color;\n }\n }\n\n \/\/ uk-panel badge\n .uk-panel-badge {\n color: @panel-box-primary-color;\n border-color: @panel-box-primary-color; \n }\n}\n\n\/\/\n\/\/ Sub-modifier: `uk-panel-box-secondary`\n\/\/\n\n.hook-panel-box-secondary() {\n\n background-color: @panel-box-secondary-background;\n\n \/\/ link color\n > a:not([class]),\n > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-secondary-link-color; }\n\n > a:not([class]):hover,\n > :not([class*='uk-nav']) a:not([class]):hover { color: @panel-box-secondary-link-hover-color; }\n\n .uk-nav-autocomplete > li > a {\n color: @panel-box-secondary-link-color !important;\n }\n\n .uk-nav-autocomplete > li.uk-active > a {\n color: @global-contrast-color !important;\n }\n\n > .uk-panel-title,\n > .uk-module-title {\n color: @panel-box-secondary-title-color;\n\n &:after {\n border-bottom-color: @panel-box-secondary-title-color;\n }\n }\n\n .uk-module-stripes:after {\n background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n rgba(0,0,0,0) 3px,\n fade(@panel-box-secondary-title-color, 15%) 3px,\n fade(@panel-box-secondary-title-color, 15%) 6px);\n }\n\n &.tm-darker {\n background-color: saturate(darken(@global-secondary-background, 7.5%), 5%);\n }\n\n &.tm-lighter {\n background-color: saturate(lighten(@global-secondary-background, 7.5%), 3%);\n }\n\n .uk-subnav.uk-subnav-list > li > a {\n color: @panel-box-secondary-link-color;\n }\n\n \/\/ buttons\n .uk-button-line {\n border: 1px solid @panel-box-secondary-color !important;\n color: @panel-box-secondary-color !important;\n }\n\n \/\/ Nav side\n .uk-nav-side > li > a {\n border-color: @global-border;\n box-shadow: inset 0 1px 0 @global-light-1-shadow;\n color: @panel-box-secondary-color;\n }\n\n .uk-nav-side > li:first-child > a,\n .uk-nav-divider + li > a {\n border: none;\n box-shadow: none;\n }\n\n \/\/ Sub-object: `uk-nav-header`\n .uk-nav-side .uk-nav-header { color: @global-light-color; }\n\n \/\/ Sub-object: `uk-nav-divider`\n .uk-nav-divider {\n border-color: @global-border!important;\n box-shadow: 0 1px 0 @global-light-1-shadow;\n }\n\n \/\/ Nested items\n .uk-nav-side ul.uk-nav-sub {\n border-color: @global-border;\n background: @global-border;\n }\n\n .uk-nav-side ul a { color: @global-light-color; }\n\n \/\/ Hover\n .uk-nav-side > li > a:hover,\n .uk-nav-side > li > a:focus {\n background: @global-border;\n color: @panel-box-secondary-color;\n }\n\n \/\/ Active \n .uk-nav-side > li.uk-active > a { color: @panel-box-secondary-color }\n\n \/\/ Horizontal rule\n hr {\n height: 1px;\n border-color: @global-border ;\n box-shadow: inset 0 1px 0 @global-light-1-shadow;\n }\n\n \/\/ Headings \n h1, h2, h3, h4, h5, h6 {\n color: @panel-box-secondary-color;\n }\n\n \/\/ Form\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"tel\"],\n .uk-form input[type=\"number\"],\n .uk-form input[type=\"email\"] {\n border-color: @global-border;\n background: @global-border;\n color: @panel-box-secondary-color;\n\n &:focus {\n border-color: @global-primary-background;\n background: @global-border;\n color: @panel-box-secondary-color;\n }\n }\n\n \/\/ Placeholder\n .uk-form :-ms-input-placeholder { color: fade(@panel-box-secondary-color, 50%) !important; }\n .uk-form ::-moz-placeholder { color: fade(@panel-box-secondary-color, 50%); }\n .uk-form ::-webkit-input-placeholder { color: fade(@panel-box-secondary-color, 50%); }\n\n \/\/ Modal \n &.uk-modal-dialog {\n background-color: @panel-box-secondary-background;\n }\n\n \/\/ uk-panel badge\n .uk-panel-badge {\n color: @panel-box-secondary-color;\n border-color: @panel-box-secondary-color; \n }\n}\n\n\/\/\n\/\/ 'uk-panel-box-tertiary'\n\/\/\n\n.uk-panel-box-tertiary {\n\n background-color: @panel-box-tertiary-background;\n\n \/\/ link color\n > a:not([class]),\n > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-tertiary-link-color; }\n\n > a:not([class]):hover,\n > :not([class*='uk-nav']) a:not([class]):hover { color: @panel-box-tertiary-link-hover-color; }\n\n .uk-nav-autocomplete > li > a {\n color: @panel-box-tertiary-link-color !important;\n }\n\n .uk-nav-autocomplete > li.uk-active > a {\n color: @global-contrast-color !important;\n }\n\n > .uk-panel-title,\n > .uk-module-title {\n color: @panel-box-tertiary-title-color;\n }\n\n .uk-module-stripes:after {\n background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n rgba(0,0,0,0) 3px,\n fade(@panel-box-tertiary-title-color, 15%) 3px,\n fade(@panel-box-tertiary-title-color, 15%) 6px);\n }\n\n &.tm-darker {\n background-color: saturate(darken(@global-primary-2-background, 7.5%), 5%);\n }\n\n &.tm-lighter {\n background-color: saturate(lighten(@global-primary-2-background, 7.5%), 3%);\n }\n\n .uk-subnav.uk-subnav-list > li > a {\n color: @panel-box-tertiary-link-color;\n }\n\n \/\/ buttons\n .uk-button-line {\n border: 1px solid @panel-box-tertiary-color !important;\n color: @panel-box-tertiary-color !important;\n }\n\n \/\/ Nav side\n .uk-nav-side > li > a {\n border-color: @global-border;\n box-shadow: inset 0 1px 0 @global-light-1-shadow;\n color: @panel-box-tertiary-color;\n }\n\n .uk-nav-side > li:first-child > a,\n .uk-nav-divider + li > a {\n border: none;\n box-shadow: none;\n }\n\n \/\/ Sub-object: `uk-nav-header`\n .uk-nav-side .uk-nav-header { color: @global-light-color; }\n\n \/\/ Sub-object: `uk-nav-divider`\n .uk-nav-divider {\n border-color: @global-border!important;\n box-shadow: 0 1px 0 @global-light-1-shadow;\n }\n\n \/\/ Nested items\n .uk-nav-side ul.uk-nav-sub {\n border-color: @global-border;\n background: @global-border;\n }\n\n .uk-nav-side ul a { color: @global-light-color; }\n\n \/\/ Hover\n .uk-nav-side > li > a:hover,\n .uk-nav-side > li > a:focus {\n background: @global-border;\n color: @panel-box-tertiary-color;\n }\n\n \/\/ Active \n .uk-nav-side > li.uk-active > a { color: @panel-box-tertiary-color }\n\n \/\/ Horizontal rule\n\n hr {\n height: 1px;\n border-color: darken(@panel-box-tertiary-background, 7%);\n }\n\n \/\/ Headings \n h1, h2, h3, h4, h5, h6 {\n color: @panel-box-tertiary-color;\n }\n\n \/\/ Form\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"tel\"],\n .uk-form input[type=\"number\"],\n .uk-form input[type=\"email\"] {\n border-color: @global-border;\n background: @global-border;\n color: @panel-box-tertiary-color;\n\n &:focus {\n border-color: @global-primary-background;\n background: @global-border;\n color: @panel-box-tertiary-color;\n }\n }\n\n \/\/ Placeholder\n .uk-form :-ms-input-placeholder { color: fade(@panel-box-tertiary-color, 50%) !important; }\n .uk-form ::-moz-placeholder { color: fade(@panel-box-tertiary-color, 50%); }\n .uk-form ::-webkit-input-placeholder { color: fade(@panel-box-tertiary-color, 50%); }\n\n \/\/ Modal \n &.uk-modal-dialog {\n background-color: @panel-box-tertiary-background;\n }\n}\n\n\/\/ Modifier: `uk-panel-header`\n\/\/ ========================================================================\n\n.hook-panel-header() {}\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-panel-misc() {\n\n .uk-panel > h3:not(.uk-panel-title):first-child {\n margin-bottom: 15px;\n }\n\n .uk-panel.tm-panel-top-offset {\n margin-top: -@block-padding-vertical;\n }\n\n \/\/ Panel header\n .uk-panel-header {\n\n padding: @panel-box-small-padding;\n\n .uk-panel-title { \n border-bottom: 0; \n }\n\n \/\/ Badge in Panel\n .uk-panel-badge {\n top: 0;\n right: 0;\n }\n }\n\n \/\/ panel background icon\n .tm-background-icon {\n overflow: hidden;\n\n h3.uk-panel-title > i {\n position: absolute;\n right: -40px;\n font-size: 120px;\n opacity: 0.1;\n top: -40px;\n z-index: 0;\n }\n\n }\n\n \/\/ panel box primary light\n\n .tm-panel-box-primary-light { \n border: 1px solid darken(@global-primary-light-background, 3%);\n background-color: @global-primary-light-background;\n\n .uk-nav-side ul.uk-nav-sub {\n background-color: darken(@global-primary-light-background, 2%);\n }\n\n .uk-nav-side > li > a {\n border-top: 1px solid darken(@global-primary-light-background, 3%);\n }\n }\n\n \/\/\n \/\/ Cards\n \/\/\n\n .tm-panel-card {\n padding: 0 !important;\n border: 1px solid darken(@global-primary-light-background, 3%);\n background-color: @global-background;\n border-radius: @global-border-radius;\n border-bottom-color: darken(@global-primary-light-background, 3%);\n border-bottom-width: 4px;\n border-bottom-style: double;\n box-shadow: 0 2px 0 @global-background, 0 3px 0 darken(@global-primary-light-background, 3%);\n\n &:hover > .uk-panel-teaser .tm-social-icons {\n transition: @global-transition;\n margin-top: -45px;\n opacity: 1;\n }\n\n &:hover > .tm-card-link:before {\n color: @global-primary-background;\n }\n\n &:hover .tm-card-avatar {\n transition: @global-transition;\n }\n\n .tm-card-link {\n width: 40px;\n height: 40px;\n border-radius: @global-border-radius;\n position: relative;\n display: inline-block;\n float: right;\n margin: -20px 15px 0 0;\n text-align: center;\n line-height: 40px;\n z-index: 1;\n text-decoration: none;\n cursor: pointer;\n background-color: @global-background;\n transition: @global-transition;\n box-shadow: inset 0 0 0 1px darken(@global-primary-light-background, 5%);\n\n > * {\n cursor: pointer;\n transition: @global-transition;\n }\n\n &:before {\n cursor: pointer;\n content: \"\\e632\";\n font-family: @global-buckle-icon;\n color: @global-primary-background;\n font-size: 15px;\n display: block;\n }\n\n &:after {\n content: \"\";\n width: 100%;\n height: 100%;\n border-radius: @global-border-radius; \n transform: scale(1.3);\n opacity: 0;\n position: absolute;\n background-color: @global-secondary-background;\n box-sizing: content-box;\n z-index: -1;\n left: 0;\n top: 0;\n transition: transform 0.4s, opacity 0.5s;\n }\n\n &:hover {\n box-shadow: inset 0 0 0 1px @global-secondary-color;\n\n &:before {\n color: @global-contrast-color;\n }\n\n &:after {\n opacity: 1;\n transform: scale(1);\n }\n }\n }\n\n .uk-panel-teaser {\n margin: 0;\n overflow: hidden;\n position: relative;\n\n .tm-social-icons {\n background-color: fade(@global-primary-background, 90%);\n margin-top: -45px;\n border-top: 1px solid @global-dark-075-shadow;\n position: absolute;\n opacity: 1;\n bottom: 0;\n padding: 5px 10px;\n box-shadow: inset 0 1px 0 @global-light-15-shadow;\n transition: @global-transition;\n\n &.tm-icons-visible {\n margin-top: -45px;\n opacity: 1;\n }\n\n .uk-icon-button {\n width: 30px;\n height: 35px;\n color: @global-contrast-color;\n margin: 0;\n border-radius: 0;\n cursor: pointer;\n }\n\n .uk-icon-button:hover{\n color: @global-secondary-color;\n }\n }\n }\n\n .tm-card-content {\n padding: 20px;\n text-align: center;\n\n .uk-panel-title {\n display: block;\n font-size: 20px;\n margin-bottom: 0;\n border-bottom: 0;\n padding-bottom: 5px;\n .uk-module-stripes;\n\n &:after{\n border-bottom: 0;\n }\n }\n }\n\n .tm-card-title {\n padding-bottom: 20px;\n margin: 0;\n font-family: @global-body-font-family;\n color: @global-primary-background;\n display: inline-block;\n clear: both;\n padding: 5px 0 0;\n font-size: round((@global-font-size*0.85));\n }\n\n .tm-card-avatar {\n width: 100%;\n transition: @global-transition;\n }\n }\n}\n\/\/\n\/\/ Component: Block\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@block-padding-vertical: 40px;\n@block-padding-vertical-large: 60px;\n@block-padding-vertical-small: 20px;\n\n@block-large-padding-vertical-medium:\t\t\t\t 60px;\n@block-large-padding-vertical-large: 120px;\n\n@block-default-background: @global-background;\n@block-muted-background: @global-light-background;\n@block-primary-background: @global-primary-background;\n@block-secondary-background: @global-secondary-background;\n\n@block-border: @global-border;\n@block-muted-border: desaturate(darken(@block-muted-background, 5%), 5%);\n@block-primary-border: desaturate(darken(@block-primary-background, 5%), 5%);\n@block-secondary-border: desaturate(darken(@block-secondary-background, 5%), 10%);\n\n@block-primary-base-color: @global-contrast-color;\n@block-primary-base-link-color: darken(@global-link-color, 40%);\n@block-primary-base-link-hover-color: darken(@global-link-color, 20%);\n\n@block-primary-light-background: @global-primary-light-background;\n@block-primary-light-background-image: 'french-stucco';\n@block-primary-light-blend-mode: multiply;\n\n@block-secondary-base-color: @global-contrast-color;\n@block-secondary-base-link-color: @global-link-color;\n@block-secondary-base-link-hover-color: @global-link-hover-color;\n@block-secondary-base-link-hover-text-decoration: none;\n@block-secondary-base-em-color: @global-secondary-color;\n@block-secondary-base-heading-color: @global-contrast-color;\n@block-secondary-base-hr-border: fade(@global-secondary-color, 15%);\n\n@block-secondary-button-background: desaturate(lighten(@block-secondary-background, 8%), 10%);\n@block-secondary-button-color: @global-secondary-highlight-color;\n@block-secondary-button-hover-background: lighten(@block-secondary-button-background, 8%);\n@block-secondary-button-hover-color: @global-contrast-color;\n@block-secondary-button-active-background: lighten(@block-secondary-button-hover-background, 4%);\n@block-secondary-button-active-color: @block-secondary-button-color;\n\n@block-secondary-button-primary-background: @button-primary-background;\n@block-secondary-button-primary-color: @button-primary-color;\n@block-secondary-button-primary-hover-background: @button-primary-hover-background;\n@block-secondary-button-primary-hover-color: @button-primary-hover-color;\n@block-secondary-button-primary-active-background: @button-primary-active-background;\n@block-secondary-button-primary-active-color: @button-primary-active-color;\n\n@block-secondary-icon-button-background: rgba(0,0,0,0);\n@block-secondary-icon-button-color: @block-secondary-base-link-color;\n@block-secondary-icon-button-hover-background: rgba(0,0,0,0);\n@block-secondary-icon-button-hover-color: @block-secondary-base-link-hover-color;\n@block-secondary-icon-button-active-background: @global-dark-075-shadow;\n@block-secondary-icon-button-active-color: @global-contrast-color;\n\n@block-secondary-subnav-color: @block-secondary-base-link-color;\n@block-secondary-subnav-hover-color: @block-secondary-base-link-hover-color;\n@block-secondary-subnav-hover-text-decoration: none;\n@block-secondary-subnav-active-color: @global-link-color;\n@block-secondary-subnav-pill-active-color: @global-contrast-color;\n\n@block-secondary-subnav-line-border: fade(@global-secondary-color, 20%);\n\n@block-secondary-text-muted-color: fade(@global-secondary-color, 60%);\n@block-secondary-text-primary-color: @global-contrast-color;\n\n@block-secondary-badge-border: desaturate(lighten(@global-secondary-background, 10%), 5%);\n@block-secondary-badge-background: desaturate(lighten(@global-secondary-background, 10%), 5%);\n@block-secondary-badge-color: @global-secondary-highlight-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-block() {}\n\n\n\/\/ Color modifier\n\/\/ ========================================================================\n\n.hook-block-default() {}\n\n.hook-block-muted() {}\n\n.hook-block-primary() {\n\n a:not([class*=\"uk\"]),\n .uk-link { color: @block-primary-base-link-color; }\n\n a:not([class*=\"uk\"]):hover,\n .uk-link:hover {\n color: @block-primary-base-link-hover-color;\n text-decoration: none;\n }\n\n color: @block-primary-base-color;\n\n .uk-panel-title {\n color: @block-primary-base-color;\n }\n\n .uk-module-stripes:after {\n background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n rgba(0,0,0,0) 3px,\n fade(@block-primary-base-color, 15%) 3px,\n fade(@block-primary-base-color, 15%) 6px);\n }\n\n .uk-subnav > * > * {\n color: @block-primary-base-color;\n \n &:hover {\n color: @global-secondary-color;\n }\n }\n\n \/\/ Grid\n\n \/\/ Border color for 'uk-grid-divider'\n .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left-color: @block-primary-border; }\n\n @media (min-width: @breakpoint-medium) {\n\n .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left-color: @block-primary-border; }\n\n }\n\n @media (min-width: @breakpoint-large) {\n\n .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left-color: @block-primary-border; }\n\n }\n\n .uk-grid-divider:empty { border-top-color: @block-primary-border; }\n\n \/\/ Panel\n\n \/\/ 'uk-panel-box-primary'\n .uk-panel-box-primary {\n border-color: @block-primary-border;\n background-color: desaturate(darken(@block-primary-background, 2%), 2%);\n }\n\n \/\/ background color for uk-panel-teaser\n .uk-panel-teaser { background: darken(@global-primary-background, 1%); }\n\n \/\/ border-color for 'uk-panel-header'\n .uk-panel-header .uk-panel-title::after { \n border-bottom-color: @global-contrast-color;\n }\n \n \/\/ Titles\n\n h1, h2, h3, h4, h5, h6 {\n color: @block-primary-base-color;\n }\n\n \/\/ Placeholder\n\n .uk-form :-ms-input-placeholder { color: fade(@block-primary-base-color, 50%) !important; }\n .uk-form ::-moz-placeholder { color: fade(@block-primary-base-color, 50%); }\n .uk-form ::-webkit-input-placeholder { color: fade(@block-primary-base-color, 50%); }\n\n \/\/ Form\n\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"email\"] {\n color: fade(@block-primary-base-color, 80%);\n box-shadow: inset 0 2px 5px rgba(0,0,0,0.04);\n background-color: @global-dark-075-shadow;\n\n \/* Focus state *\/\n &:focus {\n border-color: fade(@block-primary-base-color, 40%);\n color: fade(@block-primary-base-color, 80%);\n background-color: rgba(0,0,0,0);\n }\n }\n\n \/\/ Nav\n\n .uk-nav-side > li > a {\n border-top: @global-light-1-shadow;\n }\n\n\n \/\/ Selection\n\n ::-moz-selection {\n background: fade(@global-secondary-background, 75%);\n color: @global-contrast-color;\n text-shadow: none;\n }\n\n ::selection {\n background: fade(@global-secondary-background, 75%);\n color: @global-contrast-color;\n text-shadow: none;\n }\n\n \/\/ shortcodes\n\n .tm-block-left {\n background-color: darken(@global-primary-background, 10%);\n }\n\n\n}\n\n.hook-block-secondary() {\n\n color: @block-secondary-base-color;\n\n .uk-module-title:after,\n > .uk-panel-title:after {\n border-bottom-color: @block-secondary-base-link-color;\n }\n\n .uk-module-stripes:after {\n background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n rgba(0,0,0,0) 3px,\n fade(@block-secondary-base-color, 15%) 3px,\n fade(@block-secondary-base-color, 15%) 6px);\n }\n\n &.tm-darker {\n background-color: saturate(darken(@block-secondary-background, 3%), 3%);\n }\n\n &.tm-lighter {\n background-color: saturate(lighten(@block-primary-background, 3%), 3%);\n }\n\n \/\/ Base\n \/\/ ========================================================================\n\n \/\/\n \/\/ Link\n \/\/\n\n a:not([class*=\"uk\"]),\n .uk-link { color: @block-secondary-base-link-color; }\n\n a:not([class*=\"uk\"]):hover,\n .uk-link:hover {\n color: @block-secondary-base-link-hover-color;\n text-decoration: @block-secondary-base-link-hover-text-decoration;\n }\n\n \/\/\n \/\/ Emphasize\n \/\/\n\n em { color: @block-secondary-base-em-color; }\n\n \/\/\n \/\/ Headings\n \/\/\n\n h1, h2, h3, h4, h5, h6, .uk-panel-header .uk-panel-title { \n color: @block-secondary-base-heading-color;\n border-bottom-color: @block-secondary-base-heading-color;\n }\n\n \/\/\n \/\/ Horizontal rules\n \/\/\n\n hr { border-top-color: @block-secondary-base-hr-border; }\n\n \/\/\n \/\/ Placeholder\n \/\/\n\n .uk-form :-ms-input-placeholder { color: fade(@panel-box-secondary-color, 50%) !important; }\n .uk-form ::-moz-placeholder { color: fade(@panel-box-secondary-color, 50%); }\n .uk-form ::-webkit-input-placeholder { color: fade(@panel-box-secondary-color, 50%); }\n\n\n \/\/\n \/\/ Form\n \/\/\n\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type=\"text\"],\n .uk-form input[type=\"password\"],\n .uk-form input[type=\"email\"] {\n color: fade(@block-secondary-base-color, 80%);\n\n \/* Focus state *\/\n &:focus {\n color: fade(@block-secondary-base-color, 80%);\n background-color: rgba(0,0,0,0);\n }\n\n }\n\n \/\/ Nav\n \n .uk-nav-side > li > a {\n border-top: @global-light-1-shadow;\n }\n\n \/\/ Badge\n \/\/ ========================================================================\n\n .uk-badge {\n border-color: @block-secondary-badge-border !important;\n background-color: @block-secondary-badge-background !important;\n color: @block-secondary-badge-color !important;\n }\n\n\n \/\/ Grid\n \/\/ ========================================================================\n\n \/\/ Border color for 'uk-grid-divider'\n .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2),\n .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left-color: @block-secondary-border; }\n\n @media (min-width: @breakpoint-medium) {\n\n .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left-color: @block-secondary-border; }\n\n }\n\n @media (min-width: @breakpoint-large) {\n\n .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left-color: @block-secondary-border; }\n\n }\n\n .uk-grid-divider:empty { border-top-color: @block-secondary-border; }\n\n \/\/ Icon\n \/\/ ========================================================================\n\n \/\/\n \/\/ Icon button\n \/\/\n\n .uk-icon-button {\n background: @block-secondary-icon-button-background;\n color: @block-secondary-icon-button-color;\n }\n\n .uk-icon-button:hover,\n .uk-icon-button:focus {\n background-color: @block-secondary-icon-button-hover-background;\n color: @block-secondary-icon-button-hover-color;\n }\n\n .uk-icon-button:active {\n background-color: @block-secondary-icon-button-active-background;\n color: @block-secondary-icon-button-active-color;\n }\n\n \/\/ Panel\n \/\/ ========================================================================\n\n \/\/ background color for uk-panel-teaser\n .uk-panel-teaser { background: darken(@global-secondary-background, 1%); }\n\n \/\/ uk-panel-header border\n .uk-panel-header .uk-panel-title:after { border-color: @global-contrast-color; }\n\n \/\/ Subnav\n \/\/ ========================================================================\n\n .uk-subnav > * > a {\n color: @block-secondary-subnav-color;\n text-decoration: none;\n }\n\n .uk-subnav > * > a:hover,\n .uk-subnav > * > a:focus {\n color: @block-secondary-subnav-hover-color;\n text-decoration: @block-secondary-subnav-hover-text-decoration;\n }\n\n .uk-subnav > .uk-active > a { color: @block-secondary-subnav-active-color; }\n\n \/\/\n \/\/ Subnav line\n \/\/\n\n .uk-subnav-line > :nth-child(n+2):before { border-left-color: @block-secondary-subnav-line-border; }\n\n \/\/\n \/\/ Subnav pill\n \/\/\n\n .uk-subnav-pill > .uk-active > a { color: @block-secondary-subnav-pill-active-color; }\n\n \/\/ Text\n \/\/ ========================================================================\n\n .uk-text-muted,\n .uk-link-muted,\n .uk-link-muted a { color: @block-secondary-text-muted-color !important; }\n .uk-text-primary { color: @block-secondary-text-primary-color !important; }\n\n \/\/ shortcodes\n\n .tm-block-text {\n background-color: darken(@global-secondary-background, 10%);\n }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-block-misc() {\n\n .uk-block-primary-light {\n background-color: @block-primary-light-background;\n background-blend-mode: @block-primary-light-blend-mode;\n box-shadow: inset 0 1px 0 rgba(0,0,0,0.04), inset 0 -1px 0 rgba(0,0,0,0.04);\n }\n\n .primary-light-bg-style ();\n\n .primary-light-bg-style () when (@block-primary-light-background-image = 'concrete-wall') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/concrete-wall.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'egg-shell') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/egg-shell.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'fabric-light') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/fabric-light.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'french-stucco') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/french-stucco.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'grunge-wall') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/grunge-wall.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'wood-colored') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/wood-colored.png\") 0 0 repeat fixed; }}\n .primary-light-bg-style () when (@block-primary-light-background-image = 'xv') { .uk-block-primary-light { background: @block-primary-light-background url(\"\/templates\/buckle\/images\/patterns\/xv.png\") 0 0 repeat fixed; }}\n\n}\n\/\/\n\/\/ Component: Article\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@article-margin-top: @global-grid-gutter;\n\n@article-title-font-size: @base-h2-font-size;\n@article-title-line-height: @base-h2-line-height;\n@article-title-text-transform:\t\t\t\t\tnone;\n\n@article-meta-font-size: @global-font-size;\n@article-meta-line-height: 30px;\n@article-meta-color: @global-color;\n\n@article-lead-color: @global-color;\n@article-lead-font-size: round((@global-font-size * 1.25));\n@article-lead-font-weight:\t\t\t\t\t\t300;\n@article-lead-line-height: @base-h2-line-height;\n\n@article-divider-margin: @global-margin-large;\n@article-divider-border: @global-border;\n\n\/\/ Sub-object `uk-article-title`\n\/\/ ========================================================================\n\n.hook-article-title() {\n line-height: @article-title-line-height;\n font-size: @article-title-font-size;\n font-weight: @global-heading-font-weight;\n letter-spacing: @global-heading-letter-space;\n margin: 30px 0;\n padding: 0 90px 0 0;\n position: relative;\n &:extend(.uk-module-stripes all);\n\n &:before {\n content: \"\";\n border: 1px solid fade(@global-color, 15%);\n position: absolute;\n width: 80px;\n height: 80px;\n bottom: -1px;\n right: 0;\n border-radius: @global-border-radius;\n background: @global-background;\n }\n\n a {\n transition: @global-transition-color;\n\n &:hover {\n color: @global-link-color;\n }\n }\n}\n\n\n\/\/ Sub-object `uk-article-meta`\n\/\/ ========================================================================\n\n.hook-article-meta() {\n line-height: @global-line-height;\n margin: 0;\n font-family: @global-italic-font-family;\n font-style: italic;\n\n a:not([class*='uk-icon-']) {\n transition: @global-transition;\n color: fade(@global-color, 40%);\n\n &:hover {\n color: @global-link-color;\n transition: @global-transition;\n text-decoration: none;\n }\n\n &:hover:after {\n background-color: @global-link-color !important;\n }\n }\n\n + div {\n margin-top: 15px;\n margin-bottom: 10px;\n clear: both;\n }\n}\n\n\n\/\/ Sub-object `uk-article-lead`\n\/\/ ========================================================================\n\n.hook-article-lead() {}\n\n\n\/\/ Sub-object `uk-article-divider`\n\/\/ ========================================================================\n\n.hook-article-divider() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-article-misc() {\n\n .uk-article + .uk-article {\n margin-top: 60px;\n }\n\n .uk-article-title + .uk-article-meta {\n margin-top: -20px;\n }\n\n\n .tm-article-featured-image {\n .uk-overlay-hover:hover.tm-overlay-blend-overlay {\n background-blend-mode: overlay;\n }\n\n .uk-overlay-hover:hover.tm-overlay-background-primary[class*='tm-overlay-blend-'] {\n background-color: fade(@global-secondary-background, 30%);\n }\n\n [class*='tm-overlay-blend-'], \n .tm-overlay-background-opacity {\n background-color: rgba(0,0,0,0);\n transition: @global-transition;\n }\n }\n}\n\/\/\n\/\/ Component: Comment\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@comment-avatar-margin-right: @global-margin;\n\n@comment-title-font-size: round((@global-font-size * 1.14));\n@comment-title-line-height: round((@comment-title-font-size * 1.37));\n\n@comment-meta-color: @global-color;\n@comment-meta-font-size: @global-font-size - 2;\n@comment-meta-line-height: 26px;\n\n@comment-list-margin-top: @global-margin + 10px;\n\n@comment-header-margin-bottom: @global-margin;\n@comment-header-padding: 20px;\n@comment-header-border: @global-primary-light-background;\n@comment-header-background: @global-primary-light-background;\n\n@comment-primary-header-border: fade(@global-success-background, 15%);\n@comment-primary-header-background: fade(@global-success-background, 15%);\n\n\n\/\/ Component\n\/\/ ==========================================================================\n\n.hook-comment() {}\n\n\n\/\/ Sub-object `uk-comment-header`\n\/\/ ========================================================================\n\n.hook-comment-header() {\n padding: @comment-header-padding;\n border: 1px solid @comment-header-border;\n .gradient-diagonal(@comment-header-background, lighten(@comment-header-background, 10%), @comment-header-background);\n box-shadow: 0 1px 0 darken(@comment-header-background, 3%);\n overflow: hidden;\n}\n\n\n\/\/ Sub-object `uk-comment-avatar`\n\/\/ ========================================================================\n\n.hook-comment-avatar() {}\n\n\n\/\/ Sub-object `uk-comment-title`\n\/\/ ========================================================================\n\n.hook-comment-title() {\n font-size: 20px;\n line-height: 26px;\n margin: 5px 0 10px;\n\n a {\n color: @global-heading-color;\n transition: @global-transition-color;\n\n &:hover {\n color: @global-link-color;\n }\n }\n}\n\n\n\/\/ Sub-object `uk-comment-meta`\n\/\/ ========================================================================\n\n.hook-comment-meta() {\n font-family: @global-italic-font-family;\n font-weight: @global-italic-font-weight;\n\n a {\n text-decoration: none;\n }\n}\n\n\n\/\/ Modifier `uk-comment-primary`\n\/\/ ========================================================================\n\n.hook-comment-primary() {\n\n .uk-comment-header {\n .gradient-diagonal(@comment-primary-header-background, lighten(@comment-primary-header-background, 10%), @comment-primary-header-background);\n border-color: @comment-primary-header-border;\n box-shadow: 0 1px 0 darken(@comment-primary-header-background, 3%);\n \n &:before {\n color: darken(@comment-primary-header-background, 2%);\n }\n }\n}\n\n\/\/ Sub-object `uk-comment-body`\n\/\/ ========================================================================\n\n.hook-comment-body() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-comment-misc() {\n\n \/\/ uk-comment-bodh\n .uk-comment-body {\n padding-right: @comment-header-padding;\n padding-left: @comment-header-padding;\n }\n\n \/\/ comment header\n .uk-comment-header:before {\n content: \"\\f11d\";\n float: right;\n font-family: @global-buckle-icon;\n font-size: 150px;\n color: darken(@comment-header-background, 3%);\n margin: -15px -35px;\n }\n}\n\n\/\/ Navs\n\/\/\n\/\/ Component: Nav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@nav-padding-vertical: 5px;\n@nav-padding-horizontal: 0;\n\n@nav-header-padding-vertical: @nav-padding-vertical;\n@nav-header-padding-horizontal: @nav-padding-horizontal;\n@nav-header-font-size: round((@global-font-size * 0.85));\n@nav-header-font-weight: normal;\n@nav-header-margin-top: @global-margin;\n\n@nav-divider-margin-vertical: 10px;\n@nav-divider-margin-horizontal: 0;\n\n@nav-subtitle-font-size: round((@global-font-size * 0.85));\n@nav-subtitle-line-height: round((@nav-subtitle-font-size * 1.5));\n\n@nav-sub-padding-vertical: 10px;\n@nav-sub-padding-left: 15px;\n\n@nav-parent-icon-width: 12px;\n@nav-parent-icon-margin-right: 0;\n\n@nav-side-color: @global-color;\n@nav-side-hover-background: @global-primary-light-background;\n@nav-side-hover-color: @global-link-color;\n@nav-side-active-background: rgba(0,0,0,0);\n@nav-side-active-color: @global-link-color;\n@nav-side-header-color: @global-color;\n@nav-side-divider-border: @global-primary-light-background;\n@nav-side-nested-color: @global-color;\n@nav-side-nested-hover-color: @global-link-hover-color;\n\n@nav-dropdown-color: @global-color;\n@nav-dropdown-hover-background: rgba(0,0,0,0);\n@nav-dropdown-hover-color: @global-primary-background;\n@nav-dropdown-header-color: @global-muted-color;\n@nav-dropdown-divider-border: @global-border;\n@nav-dropdown-nested-color: @global-color;\n@nav-dropdown-nested-hover-color: @global-link-hover-color;\n\n@nav-navbar-color: @global-color;\n@nav-navbar-hover-background: rgba(0,0,0,0);\n@nav-navbar-hover-color: @global-link-color;\n@nav-navbar-header-color: @global-muted-color;\n@nav-navbar-divider-border: @global-border;\n@nav-navbar-nested-color: @global-color;\n@nav-navbar-nested-hover-color: @global-link-hover-color;\n\n@nav-offcanvas-padding-horizontal: 30px;\n@nav-offcanvas-color: @global-contrast-color;\n@nav-offcanvas-hover-background: rgba(0,0,0,0);\n@nav-offcanvas-hover-color: @global-link-hover-color;\n@nav-offcanvas-active-background: rgba(0,0,0,0);\n@nav-offcanvas-active-color: @global-link-hover-color;\n@nav-offcanvas-header-color: fade(@offcanvas-panel-color, 50%);\n@nav-offcanvas-divider-border: @global-border;\n@nav-offcanvas-nested-color: @global-contrast-color;\n@nav-offcanvas-nested-hover-color: @global-link-hover-color;\n@nav-offcanvas-badge-background:\t\t\t\t@global-link-color;\n@nav-offcanvas-badge-color:\t\t\t\t\t\t@global-color;\n\n@nav-border: \t\t\t\t\t\t\t\t\t@global-border;\n@nav-divider-height: \t\t\t\t\t\t\t1px;\n@nav-sub-background: \t\t\t\t\t\t\t@global-light-background;\n\n@nav-offcanvas-border: \t\t\t\t\t\t\t@global-border;\n\n@nav-side-padding-vertical: \t\t\t\t\t10px;\n@nav-side-padding-horizontal: \t\t\t\t\t15px;\n\n@nav-parent-icon: \"\\f0fe\";\n@nav-parent-open-icon: \"\\f146\";\n\n\/\/ Sub-object: `uk-nav-header`\n\/\/ ========================================================================\n\n.hook-nav-header() {}\n\n\n\/\/ Sub-object: `uk-nav-divider`\n\/\/ ========================================================================\n\n.hook-nav-divider() {}\n\n\n\/\/ Sub-object: `uk-nav-sub`\n\/\/ ========================================================================\n\n.hook-nav-sub() {\n\tpadding-right: @nav-sub-padding-vertical;\n\tbackground: @nav-sub-background;\n}\n\n\n\/\/ Modifier: `uk-nav-parent-icon`\n\/\/ ========================================================================\n\n.hook-nav-parent-icon() {}\n\n\n\/\/ Modifier `uk-nav-side`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-side() {\n\tpadding: @nav-side-padding-vertical @nav-side-padding-horizontal;\n\tborder-top: 1px solid @nav-side-divider-border;\n\ttransition: @global-transition;\n\tposition: relative;\n\n\t.uk-badge {\n\t\tmargin-left: 10px;\n\t font-size: 12px;\n\t padding: 1px 8px;\n\t border-radius: 3px;\n\t line-height: round((@navbar-nav-font-size * 0.85));\n\t margin-top: 6px;\n\t\tposition: relative;\n\t\tfloat: right;\n\t}\n}\n\n\/\/ Hover\n.hook-nav-side-hover() { }\n\n\/\/ Active\n.hook-nav-side-active() {\n\tbackground-color: @global-primary-background;\n\tborder-radius: 0;\n\tcolor: @global-contrast-color;\n}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-side-header() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-side-divider() {}\n\n\n\/\/ Modifier `uk-nav-dropdown`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-dropdown() {}\n\n\/\/ Hover\n.hook-nav-dropdown-hover() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-dropdown-header() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-dropdown-divider() {}\n\n\n\/\/ Modifier `uk-nav-navbar`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-navbar() {}\n\n\/\/ Hover\n.hook-nav-navbar-hover() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-navbar-header() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-navbar-divider() {}\n\n\n\/\/ Modifier `uk-nav-offcanvas`\n\/\/ ========================================================================\n\n.hook-nav-offcanvas-link() {}\n.hook-nav-offcanvas-link-hover() {}\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-offcanvas() {\n\tpadding: 5px @nav-offcanvas-padding-horizontal; \n}\n\n\/\/ Hover\n.hook-nav-offcanvas-hover() {}\n\n\/\/ Active\n.hook-nav-offcanvas-active() {}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-offcanvas-header() { padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal; }\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-offcanvas-divider() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-nav-misc() {\n\n\t\/* Modifier `uk-nav-side`\n\t ========================================================================== *\/\n\n\t.uk-nav-side {\n\n\t\t> li:first-child > a { \n\t\t\tborder-top-width: 0; \n\t\t}\n\t\n\t\t.uk-nav-sub > li > a {\n\t\t\tposition: relative;\n\n\t\t\t.uk-badge {\n\t\t\t\tmargin-left: 10px;\n\t\t\t font-size: 12px;\n\t\t\t padding: 1px 8px;\n\t\t\t border-radius: 3px;\n\t\t\t line-height: round((@navbar-nav-font-size * 0.85));\n\t\t\t margin-top: 6px;\n\t\t\t margin-right: 30px;\n\t\t\t\tposition: relative;\n\t\t\t\tfloat: right;\n\t\t\t}\n\t\t}\n\t}\n\n\t\/\/ Sub-object: `uk-nav-sub`\n\t\/\/ ========================================================================\n\n\t.uk-nav-dropdown ul.uk-nav-sub,\n\t.uk-nav-navbar ul.uk-nav-sub {\n\t\tpadding: 5px 0 5px 25px;\n\t}\n\n\t.uk-nav-offcanvas {\n\t\tmargin: 20px 0;\n\n\t\tul {\n\t\t\t&.uk-nav-sub { \n\t\t\t\tpadding-left: 45px; \n\t\t\t\t\n\t\t\t\tli.uk-active > a {\n\t\t\t\t\tcolor: @nav-offcanvas-active-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\t.uk-badge {\n\t\t\t\t margin-left: 10px;\n\t\t\t\t font-size: 12px;\n\t\t\t\t padding: 0 8px;\n\t\t\t\t border-radius: 2px;\n\t\t\t\t line-height: 17px;\n\t\t\t\t margin-top: -8px;\n\t\t\t\t position: relative;\n\t\t\t\t\tbackground-color: @nav-offcanvas-badge-background;\n\t\t\t\t\tcolor: @nav-offcanvas-badge-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t\/* Modifier `uk-nav-list`\n\t ========================================================================== *\/\n\n\t.uk-subnav.uk-subnav-list > li {\n\t\tdisplay: block;\n\t\tline-height: 35px;\n\t}\n\n\t.tm-bottom-b .uk-subnav.uk-subnav-list > li {\n\t\twidth: 100%;\n\t\tmargin-top: 0;\n\t}\n\n\t.uk-subnav.uk-subnav-list > li:nth-child(n+2) {\n\t\tmargin-left: 0;\n\t}\n\n}\n\/\/\n\/\/ Component: Navbar\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@navbar-background: rgba(0,0,0,0);\n@navbar-color: @global-light-color;\n@navbar-link-color: @global-link-color;\n@navbar-link-hover-color: @global-link-hover-color;\n\n@navbar-nav-height: 65px;\n@navbar-nav-line-height: @navbar-nav-height;\n@navbar-nav-padding-horizontal: 22px;\n@navbar-nav-padding-small-horizontal: 18px;\n@navbar-nav-color: @navbar-color;\n@navbar-nav-font-size: 17.5px;\n@navbar-nav-font-weight: 400;\n@navbar-nav-font-family: 'Barlow';\n@navbar-nav-hover-background: @global-light-15-shadow;\n@navbar-nav-hover-color: @navbar-color;\n@navbar-nav-onclick-background: rgba(0,0,0,0);\n@navbar-nav-onclick-color: @navbar-color;\n@navbar-nav-active-background: @navbar-nav-hover-background;\n@navbar-nav-active-color: @navbar-color;\n@navbar-nav-item-border: @global-border;\n@navbar-nav-item-box-shadow: @global-light-1-shadow;\n@navbar-nav-text-transform: none;\n@navbar-nav-letter-spacing: 0;\n\n@navbar-brand-font-size: 18px;\n@navbar-brand-color: @navbar-color;\n@navbar-brand-hover-color: @navbar-brand-color;\n\n@navbar-toggle-font-size: @global-font-size;\n@navbar-toggle-color: @global-color;\n@navbar-toggle-hover-color: @global-primary-background;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-navbar() {}\n\n\n\/\/ Sub-object: `uk-navbar-nav`\n\/\/ ========================================================================\n\n.hook-navbar-nav() {\n text-transform: @navbar-nav-text-transform;\n letter-spacing: @navbar-nav-letter-spacing;\n}\n\n\/\/ Hover\n.hook-navbar-nav-hover() {}\n\n\/\/ OnClick\n.hook-navbar-nav-onclick() {}\n\n\/\/ Active\n.hook-navbar-nav-active() {}\n\n\n\/\/ Sub-object: `uk-navbar-content`\n\/\/ ========================================================================\n\n.hook-navbar-content() {\n padding: 0 10px;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-navbar-misc() {\n\n \/\/ Sub-object: `uk-navbar-nav`\n \/\/ ========================================================================\n\n .uk-navbar > .uk-navbar-nav:first-child > li:first-child > a {\n border-left-width: 0;\n box-shadow: 1px 0 0 @navbar-nav-item-box-shadow;\n }\n\n .uk-navbar-flip > .uk-navbar-nav > li:last-child > a {\n border-right-width: 0;\n box-shadow: none;\n }\n\n .uk-navbar-brand + .uk-navbar-nav > li:first-child > a,\n .uk-navbar-flip > .uk-navbar-nav > li:first-child > a {\n border-left: 1px solid @navbar-nav-item-border;\n box-shadow: 1px 0 0 @navbar-nav-item-box-shadow,\n inset 1px 0 0 @navbar-nav-item-box-shadow;\n }\n\n .uk-navbar-nav-subtitle > div {\n margin-top: 0px;\n }\n\n .uk-nav-navbar ul a,\n .uk-nav-navbar > li > a {\n color: @global-color;\n font-family: @navbar-nav-font-family;\n font-weight: @navbar-nav-font-weight;\n }\n\n \/\/ megamenu\n .uk-navbar-nav li.uk-parent {\n position: relative;\n display: block !important;\n }\n\n .uk-nav-navbar ul,\n .uk-nav-navbar ul > li.uk-parent > ul {\n padding: 0 !important;\n position: absolute;\n left: 100%;\n width: @dropdown-width;\n background-color: @theme-menu-dropdown-background;\n opacity: 0;\n top: 0;\n z-index: 999;\n visibility: hidden;\n }\n\n li.uk-parent > ul.uk-dropdown-flip {\n left: auto !important;\n right: 100%;\n }\n\n .uk-nav-navbar ul a:hover {\n color: @theme-menuitem-hover-color;\n\n &:before {\n background-color: @theme-menuitem-hover-color;\n }\n }\n\n .uk-nav-navbar > li.uk-parent:hover > ul > li.uk-parent:hover > ul,\n .uk-nav-navbar > li.uk-parent:hover > ul {\n opacity: 1;\n visibility: visible;\n animation: uk-fade 0.35s ease-in-out;\n }\n}\n\/\/\n\/\/ Component: Subnav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@subnav-color: @global-color;\n@subnav-hover-color: @global-link-color;\n@subnav-hover-text-decoration: none;\n@subnav-active-color: @global-link-color;\n@subnav-disabled-color: @global-muted-color;\n\n@subnav-line-border: @global-border;\n@subnav-line-border-height:\t\t\t\t\t\t9px;\n\n@subnav-pill-hover-background: @global-light-background;\n@subnav-pill-hover-color: @global-link-color;\n@subnav-pill-active-background: @global-primary-background;\n@subnav-pill-active-color: @global-contrast-color;\n\n@subnav-pill-gradient-top: lighten(@global-primary-background, 10%);\n@subnav-pill-gradient-bottom: @global-primary-background;\n\n\n\/\/ Component\n\/\/ ==========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-subnav() {\n\ttransition: @global-transition;\n}\n\n\/\/ Hover\n.hook-subnav-hover() {}\n\n\/\/ Active\n.hook-subnav-active() {}\n\n\n\/\/ Modifier: `uk-subnav-line'\n\/\/ ========================================================================\n\n.hook-subnav-line-divider() {}\n\n\n\/\/ Modifier: `uk-subnav-pill'\n\/\/ ========================================================================\n\n.hook-subnav-pill() {\n\tpadding: 0px 6px 2px;\n\tbox-shadow: inset 0 -1px 0 @global-dark-075-shadow,\n\t\t\t\tinset 0 1px 0 @global-dark-075-shadow;\n\ttext-transform: uppercase;\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n\tfont-size: @base-h5-font-size;\n\tletter-spacing: 1px;\n\n}\n\n\/\/ Hover\n.hook-subnav-pill-hover() {\n\tbackground-color: rgba(0,0,0,0);\n\tbox-shadow: inset 0 -2px 0 @global-primary-background;\n}\n\n\/\/ Active\n.hook-subnav-pill-active() {\n\tborder-radius: @global-border-radius;\n\tbox-shadow: none;\n\tbackground-color: @global-primary-background;\n \n}\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-subnav-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-subnav-misc() {\n\n\t.uk-subnav.uk-subnav-list > li {\n\t\twidth: 100%;\n\t\tline-height: 26px;\n\t}\n\n}\n\/\/\n\/\/ Component: Breadcrumb\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@breadcrumbs-color:\t\t\t\t\t\t\t\t#fff;\n@breadcrumb-disabled-color: @breadcrumbs-color;\n@breadcrumb-divider: \"\/\";\n@breadcrumb-divider-margin:\t\t\t\t\t\t10px;\n@breadcrumb-divider-color: \t\t\t\t\t\t@breadcrumb-disabled-color;\n@breadcrumb-font-size: round((@global-font-size*0.95));\n\n@breadcrumb-link-color:\t\t\t\t\t\t\t@global-primary-background;\t\t\t\t\t\t\t\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-breadcrumb() {\n\tmargin: 0;\n\tpadding: 10px 0;\n\tcolor: @breadcrumbs-color;\n}\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-breadcrumb-divider() {\n\tcolor: @breadcrumb-divider-color;\n\tfont-size: @global-font-size;\n}\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-breadcrumb-misc() {\n\t.uk-breadcrumb > li > a { \n\t\tcolor: @breadcrumb-link-color; \n\t\tline-height: 1;\n\t}\n}\n\/\/\n\/\/ Component: Pagination\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@pagination-padding-vertical: 1px;\n@pagination-padding-horizontal: 3px;\n@pagination-line-height: @global-line-height;\n@pagination-background: rgba(0,0,0,0);\n@pagination-color: @global-color;\n@pagination-hover-color: @global-link-color;\n@pagination-hover-background: @global-background;\n@pagination-onclick-background: @global-light-background;\n@pagination-onclick-color: @pagination-hover-color;\n\n@pagination-active-background: @global-background;\n@pagination-active-color: @global-primary-2-background;\n\n@pagination-disabled-background: @global-background;\n@pagination-disabled-color: @global-muted-color;\n\n@pagination-margin-left:\t\t\t\t\t\t10px;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-pagination-item() {\n\tborder: 1px solid rgba(0,0,0,0);\n\tborder-radius: @global-border-radius;\n\ttransition: @global-transition;\n}\n\n\n\/\/ Items\n\/\/ ========================================================================\n\n.hook-pagination-link() {\n\tborder-radius: 50%;\n}\n\n.hook-pagination-link-hover() {\n\tborder: 1px solid @pagination-hover-color;\n}\n\n.hook-pagination-link-active() {}\n\n\/\/\n\/\/ Active\n\/\/\n\n.hook-pagination-active() {\n\tborder: 1px solid @pagination-active-color;\n\tborder-radius: 50%;\n}\n\n\/\/\n\/\/ Disabled\n\/\/\n\n.hook-pagination-disabled() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-pagination-misc() {\n\t.uk-pagination {text-align: left;}\n}\n\/\/\n\/\/ Component: Tab\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tab-padding-horizontal: 20px;\n@tab-padding-vertical: 15px;\n@tab-padding-top: @tab-padding-vertical;\n@tab-padding-bottom: @tab-padding-vertical;\n@tab-margin-horizontal: 5px;\n@tab-margin-vertical: 5px;\n\n@tab-border: @global-primary-light-background;\n@tab-color: @global-color;\n@tab-hover-background: rgba(0,0,0,0);\n@tab-hover-color: @global-color;\n@tab-hover-border: @global-primary-background;\n@tab-active-border: @global-primary-background;\n@tab-active-background: rgba(0,0,0,0);\n@tab-active-color: @global-primary-background;\n@tab-disabled-color: @global-muted-color;\n\n@tab-font-family: @global-heading-font-family;\n@tab-font-size: round((@global-font-size*0.85));\n@tab-text-transform: uppercase;\n@tab-letter-spacing: 0;\n\n\/\/ Component\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-tab() {\n\n position: relative;\n border: none;\n font-family: @tab-font-family;\n font-size: @tab-font-size;\n text-transform: @tab-text-transform;\n letter-spacing: @tab-letter-spacing;\n transition: @global-transition;\n\n &::after {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n content: '';\n border-bottom: @tab-border-width solid @tab-hover-border;\n opacity: 0;\n transition: opacity 0.35s, transform 0.35s;\n transform: scale(0,1);\n }\n\n}\n\n\/\/ Hover\n.hook-tab-hover() {\n\n\t&::after {\n opacity: 1;\n transform: scale(1);\n }\n\n}\n\n\/\/ Active\n.hook-tab-active() {\n\n &::after {\n border-width: (@tab-border-width * 2);\n border-color: @tab-active-border;\n opacity: 1;\n transition: border-width 0.2s, transform 0.35s;\n transform: scale(1);\n }\n\n}\n\n\/\/ Disabled\n.hook-tab-disabled() {\n\n &::after { opacity: 0; }\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tab-misc() {\n\n \/\/ Onclick event\n .uk-tab > li > a:active {\n\n color: @tab-active-color;\n\n &::after {\n border-color: @tab-active-border;\n opacity: 1;\n transform: scale(1);\n }\n\n }\n\n \/\/ Modifier: 'tab-bottom'\n .uk-tab-bottom > li > a {\n\n &::after {\n top: 0;\n bottom: auto;\n }\n\n }\n\n \/\/ Reseting border width\n .uk-tab > li:not(.uk-active) > a:hover,\n .uk-tab > li:not(.uk-active) > a:focus,\n .uk-tab > li.uk-open:not(.uk-active) > a {\n margin-bottom: 0;\n padding-bottom: @tab-padding-bottom;\n }\n\n .uk-tab-bottom > li:not(.uk-active) > a:hover,\n .uk-tab-bottom > li:not(.uk-active) > a:focus,\n .uk-tab-bottom > li.uk-open:not(.uk-active) > a {\n margin-top: 0;\n padding-top: @tab-padding-bottom;\n }\n\n \/\/ Modifier: 'tab-left', 'tab-right'\n .uk-tab-left > li > a::after,\n .uk-tab-right > li > a::after {\n top: 0;\n right: 0;\n bottom: 0;\n left: auto;\n border-right: @tab-border-width solid @tab-hover-border;\n border-bottom: 0;\n webkit-transform: scale(1,0);\n transform: scale(1,0);\n }\n\n .uk-tab-right > li > a::after {\n right: auto;\n left: 0;\n }\n\n \/\/ Reseting border width\n .uk-tab-left > li:not(.uk-active) > a:hover,\n .uk-tab-left > li:not(.uk-active) > a:focus {\n margin-right: 0;\n padding-right: @tab-padding-horizontal;\n }\n\n .uk-tab-right > li:not(.uk-active) > a:hover,\n .uk-tab-right > li:not(.uk-active) > a:focus {\n margin-left: 0;\n padding-left: @tab-padding-horizontal;\n }\n\n\t.uk-tab-top:before{\n\t\tborder-width: 1px;\n\t}\n\n\t.uk-tab-right,\n\t.uk-tab-left {\n\t\tborder-width: 1px;\n\t}\n\n\t.uk-tab-left > li > a {\n\t\tborder-radius: @global-border-radius 0 0 @global-border-radius;\n\t}\n\n\t.uk-tab-right > li > a {\n\t\tborder-radius: 0 @global-border-radius @global-border-radius 0;\n\t}\n\n\t.uk-tab-content {\n\t box-shadow: 0 1px 0 1px @global-primary-light-background;\n\t margin: 0 !important;\n\t padding: 40px !important;\n\t border-radius: 0 0 4px 4px;\n\t}\n\n\t.uk-tab-grid {\n\t\tz-index: 1;\n\t}\n}\n\/\/\n\/\/ Component: Thumbnav\n\/\/\n\/\/ ========================================================================\n\n\/\/ Variables\n\/\/ ========================================================================\n\n\/\/\n\/\/ New\n\/\/\n\n@thumbnav-border-radius: 3px;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-thumbnav() { border-radius: @thumbnav-border-radius; }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-thumbnav-misc() {\n\n .uk-thumbnav > * > * > img { border-radius: @thumbnav-border-radius; }\n\n}\n\n\/\/ Elements\n\/\/\n\/\/ Component: List\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@list-line-border: @global-border;\n@list-striped-background: rgba(0,0,0,0.02);\n\n\n\/\/ Modifier: `list-line`\n\/\/ ========================================================================\n\n.hook-list-line() {\n\tborder-top-style: dotted;\n}\n\n\n\/\/ Modifier: `list-striped`\n\/\/ ========================================================================\n\n.hook-list-striped() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-list-misc() {\n\t\n\tul.list-icons li i {\n\t\tmargin-right: 10px;\n\t}\n\n\t.uk-list-striped > li {box-shadow: 0 -1px 0 @list-line-border inset;}\n\t.uk-list-striped > li:first-child {border-top: 1px solid @list-line-border;}\n\n\t.list-icons {\n\n\t &.uk-grid {margin: 0;}\n\n\t padding-top: 10px;\n\n\t li {\n\t padding-left: 30px;\n\t position: relative;\n\t word-wrap: break-word;\n\t .uk-flex;\n\t \n\t i {\n\t position: absolute;\n\t margin: 5px 0 0 -25px;\n\t line-height: 22px;\n\t }\n\t }\n\n\t \t&.uk-text-right li {\n\t \tpadding-left: 0;\n\t \tpadding-right: 30px;\n\t \t.uk-flex-right;\n\n\t \ti {\n\t \t\tright: -10px;\n\t \t}\n\t }\n\n\t &.uk-icons-large li i{\n\t\t\tfont-size: 20px;\n\t\t\tmargin: 5px 0 0 -30px;\n\t }\n\n\t &.uk-icons-xlarge li {\n\t\t\tpadding-left: 40px;\n\t }\n\n\t &.uk-icons-xlarge li i {\n\t\t\tfont-size: 32px;\n\t\t\tmargin: 5px 0 0 -45px;\n\t }\n\t}\n\n\t.uk-plain-list {\n\t padding-left: 0;\n\t}\n\n\t.uk-list > li:before, \n\t.uk-list > li:after {\n\t display: inline;\n\t}\n\n\t#iconfonts .list-icons {\n\t \n\t li {\n\t line-height: 35px;\n\t padding-left: 30px;\n\t word-wrap: break-word;\n\t\t \n\t\t i {\n\t\t font-size: 20px;\n\t\t margin: 5px 0 0 -30px;\n\t\t }\n\t }\n\t}\n\n}\n\/\/\n\/\/ Component: Description list\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@description-list-line-border: @global-border;\n@description-list-line-color: @global-muted-color;\n\n@description-list-horizontal-width: 110px;\n@description-list-horizontal-margin-left: 130px;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-description-list-misc() {\n\tdt { \n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-bold-font-weight;\n\t\ttext-align: left;\n\t\tfloat: left;\n\t\twidth: @description-list-horizontal-width;\n\t}\n\t\n\tdl { margin: 5px 0; }\n\tdd:not(.field-entry) { \n\t\tmargin-left: @description-list-horizontal-margin-left - 10px;\n\t}\n\n\t\/\/ fix\n\t#jfbc_loginregister {\n\t\tdt {\n \t\tmin-width: @description-list-horizontal-width*2;\n\t\t}\n\t\t\n\t\tdd {\n \t\tmargin-left: @description-list-horizontal-width*2;\n\t\t}\n\t}\n}\n\/\/\n\/\/ Component: Table\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@table-margin-vertical: @global-margin;\n@table-caption-color: @global-muted-color;\n@table-caption-font-size: round((@global-font-size * 0.85));\n@table-striped-background: @global-primary-light-background;\n@table-hover-background: darken(@global-primary-light-background, 3%);\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-table() {\n\tborder-bottom: 1px solid @global-primary-light-background;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-table-misc() {\n\n\t.uk-table {\n\t\tborder: 1px solid @global-primary-light-background;\n\n\t\tthead {\n\t\t\tcolor: @global-color;\n\n\t\t\tth {\n\t\t\t\tfont-family: @global-heading-font-family;\n\t\t\t\tfont-weight: @global-heading-font-weight;\n\t\t\t\tborder-bottom: 1px solid fade(@global-primary-background, 30%);\n\t\t\t\ttext-align: left;\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\tcolor: @global-link-color;\n\t\t\t}\n\t\t}\n\n\t\ttfoot {\n\t\t\tfont-style: normal;\n\t\t\tfont-size: @global-font-size;\n\t\t}\n\n\t\tcaption {\n\t\t\tcolor: fade(@global-color, 50%);\n\t\t}\n\t}\n\n\t.table-bordered {\n\t\tborder-color: @global-primary-light-background;\n\n\t\tth,\n\t\ttd {\n\t\t\tborder-color: @global-primary-light-background;\n\t\t}\n\t}\n}\n\/\/\n\/\/ Component: Form\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-height: @global-height;\n@form-border: rgba(0,0,0,0.15);\n@form-border-width: 1px;\n@form-background: @global-background;\n@form-color: @global-color;\n\n@form-focus-border: fade(@global-primary-background, 75%);\n@form-focus-background: @global-background;\n@form-focus-color: @global-color;\n\n@form-disabled-border: @global-border;\n@form-disabled-background: @global-light-background;\n@form-disabled-color: @global-muted-color;\n\n@form-placeholder-color: fade(@global-color, 50%);\n\n@form-gutter: @global-margin;\n\n@form-legend-border: @global-border;\n@form-legend-font-size: round((@global-font-size * 1.28));\n@form-legend-line-height: round((@form-legend-font-size * 1.66));\n\n@form-small-height: @global-small-height;\n@form-large-height: @global-large-height;\n@form-large-padding: 8px 12px;\n@form-small-font-size: round((@global-font-size * 0.85));\n@form-large-font-size: @global-font-size;\n\n@form-danger-border: fade(@form-danger-color, 50%);\n@form-danger-background: fade(@form-danger-color, 10%);\n@form-danger-color: @global-danger-background;\n\n@form-success-border: fade(@form-success-color, 70%);\n@form-success-background: fade(@form-success-color, 10%);\n@form-success-color: @global-success-background;\n\n@form-blank-border: @global-border;\n\n@form-icon-width: @global-height;\n@form-icon-font-size: @global-font-size;\n@form-icon-color: @global-dark-2-shadow;\n\n@form-font-weight: @global-body-font-weight;\n@form-font-size: @global-font-size;\n@form-input-border-radius: 0;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-form() { \n font-weight: @form-font-weight;\n border-radius: @form-input-border-radius;\n padding: 5px 10px;\n border-width: 0 0 1px 1px;\n font-size: @global-font-size;\n}\n\n\/\/ Focus state\n.hook-form-focus() {}\n\n\/\/ Disabled state\n.hook-form-disabled() {}\n\n\/\/ Legend\n.hook-form-legend() {}\n\n\n\/\/ Validation states\n\/\/ ========================================================================\n\n\/\/\n\/\/ Error state\n\/\/\n\n.hook-form-danger() {}\n\n\/\/\n\/\/ Success state\n\/\/\n\n.hook-form-success() {}\n\n\n\/\/ Style modifiers\n\/\/ ========================================================================\n\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n\n\n\/\/ Sub-object: `uk-form-label`\n\/\/ ========================================================================\n\n.hook-form-stacked-label() {}\n\n.hook-form-horizontal-label() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-form-misc() {\n\n \/\/ Adding more space to the label\n .uk-form-label + input,\n .uk-form-label + textarea { margin-top: 5px !important; }\n\n \/\/ Form icon\n .uk-form-icon > [class*='bk-icon-'] {\n position: absolute;\n top: 50%;\n z-index: 1;\n line-height: 1;\n width: @form-icon-width;\n margin-top: round(@form-icon-font-size \/ -2);\n font-size: @form-icon-font-size + 2;\n color: @form-icon-color;\n text-align: center;\n pointer-events: none;\n }\n\n .uk-form-icon > [class*='uk-icon-'] { \n z-index: 1;\n }\n\n .tm-textarea-icon {\n > [class*='uk-icon-'] {top: 22px; }\n textarea { padding-left: 40px !important; }\n }\n\n .uk-form input {\n border-radius: @form-input-border-radius;\n }\n\n .uk-form label.radio {\n line-height: 0.5;\n padding-left: 30px;\n }\n\n .uk-form-password-toggle {\n i {\n font-family: @global-buckle-icon;\n }\n\n .uk-icon-eye:before {\n content: \"\\f23a\";\n }\n\n .uk-icon-eye-slash:before {\n content: \"\\f23e\";\n }\n }\n\n \/\/ Reseting -webkit- autofill styling in Chrome browser\n .uk-form input:-webkit-autofill {\n -webkit-box-shadow: 0 0 0px @form-height @form-background inset !important;\n border-color: @form-border !important;\n -webkit-text-fill-color: @form-placeholder-color;\n }\n\n .uk-form input:-webkit-autofill:focus {\n -webkit-box-shadow: 0 0 0px @form-height @form-focus-background inset !important;\n border-color: @form-focus-border !important;\n -webkit-text-fill-color: @form-focus-color;\n }\n\n \/\/ invalid fields\n input:focus:invalid:focus, \n textarea:focus:invalid:focus,\n select:focus:invalid:focus {\n box-shadow: none;\n border-color: @form-focus-border;\n }\n\n .tm-primary-background,\n .tm-primary-2-background,\n .tm-primary-3-background,\n .tm-primary-4-background,\n .tm-secondary-background,\n .tm-primary-2-overlay,\n .tm-primary-3-overlay {\n\n .sppb-optin-form,\n .uk-form {\n select,\n textarea,\n input:not([type]),\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"datetime\"],\n input[type=\"datetime-local\"],\n input[type=\"date\"],\n input[type=\"month\"],\n input[type=\"time\"],\n input[type=\"week\"],\n input[type=\"number\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"search\"],\n input[type=\"tel\"],\n input[type=\"color\"] {\n color: @global-contrast-color;\n border-width: 0 0 1px 1px;\n background-color: rgba(0,0,0,0.075);\n border-color: rgba(255,255,255,0.25);\n box-shadow: inset 0 0px 3px @global-dark-15-shadow;\n\n &:focus {\n color: @global-color;\n background-color: @global-contrast-color;\n border-color: rgba(0,0,0,0.1);\n\n &:-ms-input-placeholder { color: fade(@global-color, 30%) !important; }\n &::-moz-placeholder { color: fade(@global-color, 30%); }\n &::-webkit-input-placeholder { color: fade(@global-color, 30%); }\n }\n }\n\n :-ms-input-placeholder { color: fade(@global-contrast-color, 70%) !important; }\n ::-moz-placeholder { color: fade(@global-contrast-color, 70%); }\n ::-webkit-input-placeholder { color: fade(@global-contrast-color, 70%); }\n }\n }\n}\n\n\/\/ Common\n\/\/\n\/\/ Component: Button\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@button-height: 45px;\n@button-mini-height: @global-mini-height;\n@button-small-height: @global-small-height;\n@button-large-height: 54px;\n\n@button-padding-horizontal: 20px;\n@button-large-padding-horizontal: 25px;\n\n@button-font-size: 1rem;\n@button-font-weight: @global-body-font-weight;\n@button-font-family: @global-body-font-family;\n@button-line-height: 45px;\n@button-mini-line-height: @global-mini-height;\n@button-small-line-height: @global-small-height;\n@button-large-line-height: 54px;\n\n@button-mini-font-size: round((@global-font-size * 0.78));\n@button-small-font-size: round((@global-font-size * 0.85));\n@button-large-font-size: round((@global-font-size * 1.14));\n\n@button-background: @global-secondary-background;\n@button-color: @global-contrast-color;\n@button-hover-background: desaturate(darken(@button-background, 1%), 10%);\n@button-hover-color: @global-contrast-color;\n@button-active-background: darken(@button-hover-background, 1%);\n@button-active-color: @global-contrast-color;\n\n@button-primary-background: @global-primary-background;\n@button-primary-color: #002e5b;\n@button-primary-hover-background: desaturate(darken(@button-primary-background, 1%), 1%);\n@button-primary-hover-color: #002e5b;\n@button-primary-active-background: darken(@button-primary-hover-background, 1%);\n@button-primary-active-color: #002e5b;\n\n@button-success-background: @global-success-background;\n@button-success-color: @global-contrast-color;\n@button-success-hover-background: desaturate(darken(@button-success-background, 1%), 10%);\n@button-success-hover-color: @global-contrast-color;\n@button-success-active-background: darken(@button-success-hover-background, 1%);\n@button-success-active-color: @global-contrast-color;\n\n@button-warning-background: @global-warning-background;\n@button-warning-color: @global-contrast-color;\n@button-warning-hover-background: desaturate(darken(@button-warning-background, 1%), 10%);\n@button-warning-hover-color: @global-contrast-color;\n@button-warning-active-background: darken(@button-warning-hover-background, 1%);\n@button-warning-active-color: @global-contrast-color;\n\n@button-danger-background: @global-danger-background;\n@button-danger-color: @global-contrast-color;\n@button-danger-hover-background: desaturate(darken(@button-danger-background, 1%), 10%);\n@button-danger-hover-color: @global-contrast-color;\n@button-danger-active-background: darken(@button-danger-hover-background, 1%);\n@button-danger-active-color: @global-contrast-color;\n\n@button-disabled-background: @global-light-background;\n@button-disabled-color: @global-muted-color;\n\n@button-link-color: @global-color;\n@button-link-hover-color: @global-link-color;\n@button-link-disabled-color: @global-muted-color;\n\n@button-simple-background: @global-background;\n@button-simple-hover-background: desaturate(darken(@button-simple-background, 1%), 10%);\n@button-simple-color: @global-color;\n\n@button-line-background: none;\n@button-line-color: @button-primary-background;\n@button-line-border: @button-primary-background;\n@button-line-hover-color: @global-contrast-color;\n@button-line-hover-background: @global-primary-background;\n@button-line-hover-border: darken(@button-line-hover-background, 1%);\n\n@button-border-radius: 3px;\n@button-hover-box-shadow: 0 10px 30px;\n@button-active-box-shadow: 0 5px 5px;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-button() {\n border-radius: @button-border-radius;\n border: none;\n transition: @global-transition;\n transition-duration: 200ms;\n}\n\n.hook-button-hover() {\n box-shadow: @button-hover-box-shadow fade(@button-background, 30%);\n}\n\n.hook-button-active() {\n box-shadow: @button-active-box-shadow fade(@button-background, 30%);\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `uk-button-primary`\n\/\/\n\n.hook-button-primary() {}\n.hook-button-primary-hover() {\n box-shadow: @button-hover-box-shadow fade(@button-primary-background, 40%);\n}\n.hook-button-primary-active() {\n box-shadow: @button-active-box-shadow fade(@button-primary-background, 40%);\n}\n\n\/\/\n\/\/ Modifier: `uk-button-success`\n\/\/\n\n.hook-button-success() {}\n.hook-button-success-hover() {\n box-shadow: @button-hover-box-shadow fade(@button-success-background, 40%);\n}\n.hook-button-success-active() {}\n\n\/\/\n\/\/ Modifier: `uk-button-warning`\n\/\/\n\n.hook-button-warning() {}\n.hook-button-warning-hover() {\n box-shadow: @button-hover-box-shadow fade(@button-warning-background, 40%);\n}\n.hook-button-warning-active() {}\n\n\/\/\n\/\/ Modifier: `uk-button-danger`\n\/\/\n\n.hook-button-danger() {}\n.hook-button-danger-hover() {\n box-shadow: @button-hover-box-shadow fade(@button-danger-background, 40%);\n}\n.hook-button-danger-active() {}\n\n\n\/\/ Disabled state\n\/\/ ========================================================================\n\n.hook-button-disable() {\n box-shadow:none;\n background-image: none;\n}\n\n\n\n\/\/ Modifier: `uk-button-link`\n\/\/ ========================================================================\n\n.hook-button-link() {\n padding: 0 !important;\n position: relative;\n font-weight: @global-bold-font-weight;\n\n &:active,\n &:focus,\n &:hover,\n &:hover:after,\n &.uk-link:hover {\n text-decoration: none;\n box-shadow: none;\n text-shadow: none;\n }\n\n &:after {\n content: \"\";\n position: absolute;\n height: 2px;\n width: 25%;\n left: 0;\n bottom: 0;\n background-color: @global-link-color;\n transition: @global-transition;\n }\n\n &:hover:after {\n width: 100%;\n }\n\n &:focus {\n outline: none;\n }\n\n &:active {\n background-color: rgba(0,0,0,0) !important;\n }\n}\n\n\/\/ Size modifiers\n\/\/ ========================================================================\n\n.hook-button-large() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-button-misc() {\n\n \/* Sub-object `uk-button-group`\n ========================================================================== *\/\n\n .uk-button-group > .uk-button:not(:first-child):not(:last-child),\n .uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; }\n\n .uk-button-group > .uk-button:first-child,\n .uk-button-group > div:first-child .uk-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .uk-button-group > .uk-button:last-child,\n .uk-button-group > div:last-child .uk-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-left: 1px solid @global-light-05-shadow;\n }\n\n .uk-button-group > .uk-button:not(:first-child):not(:last-child),\n .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {\n border-left: 1px solid @global-light-05-shadow;\n }\n\n .uk-button-line,\n .uk-button.uk-button-line {\n background: @button-line-background !important;\n border: 1px solid @button-line-border;\n color: @button-line-color;\n box-shadow: none;\n border-radius: @button-border-radius;\n padding-bottom: 0;\n }\n\n .uk-button-line:hover,\n .uk-button.uk-button-line:hover {\n background: @button-line-hover-background !important;\n border: 1px solid @button-line-hover-border !important;\n color: @button-line-hover-color;\n }\n\n .uk-button-secondary {\n background-color: @global-secondary-background;\n color: @global-contrast-color;\n }\n\n .uk-button-secondary:hover {\n background-color: desaturate(darken(@global-secondary-background, 1%), 1%);\n box-shadow: @button-hover-box-shadow fade(@global-secondary-background, 30%);\n }\n\n .uk-button-secondary:focus,\n .uk-button-secondary:active {\n background-color: darken(@global-secondary-background, 1%);\n }\n\n \/\/ Primary 2\n .uk-button-primary-2 {\n background-color: @global-primary-2-background;\n color: @global-primary-2-color;\n }\n\n .uk-button-primary-2:hover {\n background-color: desaturate(darken(@global-primary-2-background, 1%), 1%);\n }\n\n .uk-button-primary-2:focus,\n .uk-button-primary-2:active {\n background-color: darken(@global-primary-2-background, 1%);\n }\n\n \/\/ Primary 3\n .uk-button-primary-3 {\n background-color: @global-primary-3-background;\n color: @global-primary-3-color;\n }\n\n .uk-button-primary-3:hover {\n background-color: desaturate(darken(@global-primary-3-background, 1%), 1%);\n }\n\n .uk-button-primary-3:focus,\n .uk-button-primary-3:active {\n background-color: darken(@global-primary-3-background, 1%);\n }\n\n \/\/ Primary 4\n .uk-button-primary-4 {\n background-color: @global-primary-4-background;\n color: @global-primary-4-color;\n }\n\n .uk-button-primary-4:hover {\n background-color: desaturate(darken(@global-primary-4-background, 1%), 1%);\n }\n\n .uk-button-primary-4:focus,\n .uk-button-primary-4:active {\n background-color: darken(@global-primary-4-background, 1%);\n }\n\n .uk-form input[type=\"submit\"] {\n border-radius: @global-border-radius;\n font-family: @button-font-family;\n border: 1px solid @global-border;\n font-size: @button-font-size;\n \n &.uk-button-primary {\n color: @button-primary-color;\n }\n\n &.uk-button-default {\n color: @button-color;\n }\n }\n\n \/*\n * Modifier: `uk-button-warning`\n *\/\n\n .uk-button-warning {\n background-color: @button-warning-background;\n color: @button-warning-color;\n .hook-button-warning;\n }\n\n \/* Hover *\/\n .uk-button-warning:hover,\n .uk-button-warning:focus {\n background-color: @button-warning-hover-background;\n color: @button-warning-hover-color;\n .hook-button-warning-hover;\n }\n\n \/* Active *\/\n .uk-button-warning:active,\n .uk-button-warning.uk-active {\n background-color: @button-warning-active-background;\n color: @button-warning-active-color;\n .hook-button-warning-active;\n }\n\n .uk-button {\n i:before {\n font-size: 12px;\n margin-left: 5px;\n }\n\n &.uk-button-large i:before {\n font-size: 14px;\n }\n }\n\n a.btn-link {\n font-family: @global-body-font-family;\n font-size: @global-font-size;\n }\n\n .uk-button.uk-button-rounded {\n border-radius: 25px;\n padding: 0 25px 3px;\n }\n\n button.uk-width-1-1 {\n white-space: nowrap;\n }\n}\n\/\/\n\/\/ Component: Icon\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@icon-hover-color: @global-color;\n@icon-hover-hover-color: @global-link-color;\n\n@icon-button-width:\t\t\t\t\t\t\t\t30px;\n@icon-button-height: @icon-button-width;\n@icon-button-border-radius:\t\t\t\t\t\t0;\n@icon-button-font-size: 18px;\n@icon-button-background: rgba(0,0,0,0);\n@icon-button-color: @global-primary-background;\n\n@icon-button-hover-background: rgba(0,0,0,0);\n@icon-button-hover-color: @global-color;\n\n@icon-button-active-background: rgba(0,0,0,0);\n@icon-button-active-color: @icon-button-hover-color;\n\n\n\/\/ Modifier: `uk-icon-hover`\n\/\/ ========================================================================\n\n.hook-icon-hover() {}\n\n.hook-icon-hover-hover() {}\n\n\n\/\/ Modifier: `uk-icon-button`\n\/\/ ========================================================================\n\n.hook-icon-button() {\n\tfont-size: 0;\n\ttransition: @global-transition-color;\n\n\t&:before {\n\t\tfont-size: @icon-button-font-size;\n\t}\n}\n\n\/\/ Hover\n.hook-icon-button-hover() {}\n\n\/\/ Active\n.hook-icon-button-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-icon-misc() {\n\t.tm-icon-large {\n\t\tfont-size: 50px;\n\t}\n}\n\/\/\n\/\/ Component: Close\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-close() {\n\topacity: 1;\n\tposition: relative;\n\tz-index: 10;\n}\n\n\/\/ Modifier: `uk-close-alt`\n\/\/ ========================================================================\n\n.hook-close-alt() {\n\tbackground-color: @global-dark-2-shadow;\n\tpadding: 25px;\n\tborder-radius: 0;\n\ttransition: @global-transition;\n\n\t&:after {\n\t\tcolor: @global-contrast-color;\n\t\topacity: 1 !important;\n\t\ttransition: @global-transition;\n\t}\n\n\t&:hover {\n\t\tbackground-color: @global-contrast-color;\n\t\t\n\t\t&:after {\n\t\t\topacity: 1 !important;\n\t\t\tcolor: @global-primary-background !important;\n\t\t}\n\t}\n}\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-close-misc() {\n\n\t.uk-close:after {\n\t\tcursor: pointer;\n\t font-family: \"buckle-icons\";\n\t content: \"\\f1fb\";\n\t font-size: 25px;\n\t text-indent: -3px;\n\t}\n\n\t.uk-alert .uk-close:after {\n\t\tmargin-top: 5px;\n\t}\n}\n\/\/\n\/\/ Component: Badge\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@badge-background: fade(@global-primary-background, 3%);\n@badge-padding-horizontal: 20px;\n@badge-font-size: @global-font-size;\n@badge-font-weight: @global-body-font-weight;\n@badge-line-height: @global-line-height;\n@badge-color: @global-primary-background;\n@badge-text-transform: lowercase;\n\n@badge-notification-font-size: round((@global-font-size * 0.85)); \/\/ 12px\n@badge-notification-line-height: round((@badge-notification-font-size * 1.5)); \/\/ 18px\n\n@badge-success-background: fade(@global-success-background, 3%);\n@badge-warning-background: fade(@global-warning-background, 3%);\n@badge-danger-background: fade(@global-danger-background, 3%);\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-badge() {\n\tborder-radius: @global-border-radius;\n\tborder: none;\n}\n\n\n\/\/ Color modifier\n\/\/ ========================================================================\n\n\/\/\n\/\/ Modifier: `badge-success`\n\/\/\n\n.hook-badge-success() {\n\tbox-shadow: inset 0 0 0 1px fade(@global-success-background, 20%), inset 4px 0 0 @global-success-background, 0 10px 10px fade(@global-success-background, 7%);\n\tcolor: @global-success-background;\n}\n\n\/\/\n\/\/ Modifier: `badge-warning`\n\/\/\n\n.hook-badge-warning() {\n\tcolor: @global-warning-background;\n\tbox-shadow: inset 0 0 0 1px fade(@global-warning-background, 20%), inset 4px 0 0 @global-warning-background, 0 10px 10px fade(@global-warning-background, 7%);\n}\n\n\/\/\n\/\/ Modifier: `badge-danger`\n\/\/\n\n.hook-badge-danger() {\n\tcolor: @global-danger-background;\n\tbox-shadow: inset 0 0 0 1px fade(@global-danger-background, 20%), inset 4px 0 0 @global-danger-background, 0 10px 10px fade(@global-danger-background, 7%);\n}\n\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-badge-misc() {\n\n\t.uk-badge-notification {\n\t\tpadding: 0 6px;\n\t}\n\t\n}\n\n\/\/\n\/\/ Component: Alert\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@alert-margin-vertical: @global-margin;\n@alert-background: fade(@alert-color, 2%);\n@alert-color: @global-primary-background;\n\n@alert-success-background: @global-success-background;\n@alert-success-color: @global-contrast-color;\n\n@alert-warning-background: @global-warning-background;\n@alert-warning-color: @global-contrast-color;\n\n@alert-danger-background: @global-danger-background;\n@alert-danger-color: @global-contrast-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-alert() {\n\tbox-shadow: inset 0 0 0 1px darken(@alert-background, 5%);\n\tborder-radius: @global-border-radius;\n\tpadding-left: 20px;\n}\n\n\n\/\/ Modifier: `uk-alert-success`\n\/\/ ========================================================================\n\n.hook-alert-success() {\n\tbox-shadow: inset 0 0 0 1px darken(@alert-success-background, 3%);\n}\n\n\n\/\/ Modifier: `uk-alert-warning`\n\/\/ ========================================================================\n\n.hook-alert-warning() {\n\tbox-shadow: inset 0 0 0 1px darken(@alert-warning-background, 3%);\n}\n\n\n\/\/ Modifier: `uk-alert-danger`\n\/\/ ========================================================================\n\n.hook-alert-danger() {\n\tbox-shadow: inset 0 0 0 1px darken(@alert-danger-background, 3%);\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-alert-misc() {\n\n\t.uk-alert .uk-module-title:after {\n\t\tborder-color: inherit; \n\t}\n\n}\n\/\/\n\/\/ Component: Thumbnail\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@thumbnail-border: fade(@global-color, 20%);\n@thumbnail-background: rgba(0,0,0,0);\n@thumbnail-hover-border: darken(@global-border, 10%);\n@thumbnail-hover-background: @global-background;\n\n@thumbnail-caption-color: @global-color;\n@thumbnail-padding: \t\t\t\t\t\t\t4px;\n@thumbnail-border-width:\t\t\t\t\t\t1px;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-thumbnail() {}\n\n.hook-thumbnail-hover() {}\n\n\n\/\/ Caption\n\/\/ ========================================================================\n\n.hook-thumbnail-caption() {\n\tpadding: 10px;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-thumbnail-misc() {}\n\/\/\n\/\/ Component: Overlay\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@overlay-panel-color: @global-contrast-color;\n@overlay-panel-background:\t\t\t\t\t\tfade(@global-primary-background, 60%);\n@overlay-panel-2-background:\t\t\t\t\tfade(@global-primary-2-background, 60%);\n@overlay-panel-padding:\t\t\t\t\t\t\t30px;\n\n@overlay-icon-color: @global-primary-background;\n\n@overlay-icon-size:\t\t\t\t\t\t\t\t40px;\n@overlay-icon:\t\t\t\t\t\t\t\t\t\"\\f13d\";\n\n\n\/\/ Sub-object `uk-overlay-panel`\n\/\/ ========================================================================\n\n.hook-overlay-panel() {}\n\n\n\/\/ Sub-object `uk-overlay-background`\n\/\/ ========================================================================\n\n.hook-overlay-background() {\n\ttext-shadow: 2px 2px 0 @global-dark-075-shadow;\n\t.gradient-diagonal (@overlay-panel-background, @overlay-panel-2-background, @overlay-panel-background);\n\tmargin: 20px;\n border-radius: @global-border-radius;\n box-shadow: inset 0 0 0 1px @global-dark-1-shadow;\n}\n\n\/\/ Sub-object `uk-overlay-icon`\n\/\/ ========================================================================\n\n.hook-overlay-icon() {\n\tfont-family: @global-buckle-icon;\n\tcolor: @global-contrast-color;\n\ttext-shadow: 2px 2px 0 @global-dark-075-shadow;\n\tmargin-top: 0;\n\ttop: 55%;\n\topacity: 0;\n\ttransition: @global-transition;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n}\n\n\/\/ Sub-object `uk-overlay-area`\n\/\/ ========================================================================\n\n.hook-overlay-area() {}\n.hook-overlay-area-icon() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-overlay-misc() {\n\n\t.uk-overlay > img.uk-thumbnail {\n\t\tmax-width: 95%;\n\t\tmax-width: ~\"calc(100% - 10px)\";\n\t\tmargin: 5px;\n\t}\n\n\n\t.uk-overlay-background {\n\n\t\t&.tm-overlay-secondary {\n\t\t\tbackground-color: @global-secondary-background;\n\t\t}\n\n\t\t[class*='uk-icon-'],\n\t\t.uk-panel-title,\n\t\t.tm-content {\n\t\t\ttransition: @global-transition;\n\t\t\ttransition-delay: 0ms;\n\t\t\topacity: 0;\n\t\t}\n\n\t\t[class*='uk-icon-'] {\n\t\t\ttransform: translateY(80%);\n\t\t}\n\n\t\t.uk-panel-title {\n\t\t\ttransform: translateY(50%);\n\t\t} \n\n\t\t.tm-content {\n\t\t\ttransform: translateY(30%);\n\t\t}\n\t}\n\n\t.uk-overlay-panel .uk-icon-plus {\n\t\tfont-family: @global-buckle-icon;\n\n\t\t&:before {\n\t\t\tcontent: \"\\f13d\";\n\t\t}\n\t}\n\n\t.uk-overlay-hover:hover {\n\n\t\t.uk-overlay-background {\n\t\t\t[class*='uk-icon-'],\n\t\t\t.uk-panel-title,\n\t\t\t.tm-content {\n\t\t\t\topacity: 1;\n\t\t\t}\n\n\t\t\t[class*='uk-icon-'] {\n\t\t\t\ttransform: translateY(0%);\n\t\t\t\ttransition-delay: 100ms;\n\t\t\t}\n\n\t\t\t.uk-panel-title {\n\t\t\t\ttransition-delay: 250ms;\n\t\t\t\ttransform: translateY(0%);\n\t\t\t}\n\n\t\t\t.tm-content {\n\t\t\t\ttransform: translateY(0%);\n\t\t\t\ttransition-delay: 400ms;\n\t\t\t}\n\t\t}\n\n\t\t.uk-overlay-icon:before {\n\t\t\ttop: 47%;\n\t\t\topacity: 0.9;\n\t\t\ttransition: @global-transition;\n\t\t\ttransition-duration: 0.75s;\n\t\t}\n\t}\n\n\t.uk-overlay-scale {\n\t\ttransition-duration: 1s;\n\t}\n\n\t.uk-overlay-slide-top {\n\t\ttransform: translateY(-5%);\n\t}\n\n\t.uk-overlay-slide-bottom {\n\t\ttransform: translateY(5%);\n\t}\n\n\t.uk-overlay-slide-left {\n\t\ttransform: translateX(-5%);\n\t}\n\n\t.uk-overlay-slide-right {\n\t\ttransform: translateX(5%);\n\t}\n\n\t\/\/ panel teaser overlay\n\t.uk-panel-teaser-link {\n\t .uk-overlay-hover:hover.tm-overlay-blend-overlay {\n\t background-blend-mode: hard-light;\n\t }\n\n\t .uk-overlay-hover:hover.tm-overlay-background-primary[class*='tm-overlay-blend-'] {\n\t background-color: fade(@global-primary-background, 60%);\n\t }\n\n\t .uk-overlay-hover:hover.tm-overlay-background-secondary[class*='tm-overlay-blend-'] {\n\t background-color: fade(@global-secondary-background, 60%);\n\t }\n\n\t [class*='tm-overlay-blend-'], \n\t .tm-overlay-background-opacity {\n\t transition: all 0.3s ease-in-out;\n\t }\n\t}\n}\n\/\/\n\/\/ Component: Animation\n\/\/\n\/\/ ========================================================================\n\n.uk-animation-fade {\n animation-duration: 0.15s;\n}\n\n\/\/\n\/\/ To right from left\n\/\/ \n\n@-webkit-keyframes tm-right-from-left {\n 49% {\n -webkit-transform: translate(100%);\n }\n 50% {\n opacity: 0;\n -webkit-transform: translate(-100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n@keyframes tm-right-from-left {\n 49% {\n transform: translate(100%);\n }\n 50% {\n opacity: 0;\n transform: translate(-100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n\n\/\/\n\/\/ Fade with slide\n\/\/\n\n\/\/ Top\n\n@-webkit-keyframes uk-fade-top {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-10%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-top {\n 0% {\n opacity: 0;\n transform: translateY(-10%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/\/ Bottom\n\n@-webkit-keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(10%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n transform: translateY(10%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\/\/ Left \n\n@-webkit-keyframes uk-fade-left {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-10%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-left {\n 0% {\n opacity: 0;\n transform: translateX(-10%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/\/ Right \n\n@-webkit-keyframes uk-fade-right {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(10%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-right {\n 0% {\n opacity: 0;\n transform: translateX(10%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\/\/ floating effect\n\n@-webkit-keyframes tm-floating {\n 0% { \n -webkit-transform: translateY(0%); \n }\n\n 50% { \n -webkit-transform: translateY(150%);\n }\n\n 100% { \n -webkit-transform: translateY(0%);\n }\n}\n\n@keyframes tm-floating {\n 0% { \n transform: translateY(0%);\n }\n\n 50% { \n transform: translateY(150%);\n }\n\n 100% { \n transform: translateY(0%);\n }\n}\n\n\/\/ to Left from Right\n@-webkit-keyframes toLeftFromRight {\n 49% {\n -webkit-transform: translate(-100%);\n }\n 50% {\n opacity: 0;\n -webkit-transform: translate(100%);\n }\n 51% {\n opacity: 1;\n }\n}\n@-moz-keyframes toLeftFromRight {\n 49% {\n -moz-transform: translate(-100%);\n }\n 50% {\n opacity: 0;\n -moz-transform: translate(100%);\n }\n 51% {\n opacity: 1;\n }\n}\n@keyframes toLeftFromRight {\n 49% {\n transform: translate(-100%);\n }\n 50% {\n opacity: 0;\n transform: translate(100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n\/\/ to Right from Left\n\n@-webkit-keyframes toRightFromLeft {\n 49% {\n -webkit-transform: translate(100%);\n }\n 50% {\n opacity: 0;\n -webkit-transform: translate(-100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n@-moz-keyframes toRightFromLeft {\n 49% {\n -moz-transform: translate(100%);\n }\n 50% {\n opacity: 0;\n -moz-transform: translate(-100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n@keyframes toRightFromLeft {\n 49% {\n transform: translate(100%);\n }\n 50% {\n opacity: 0;\n transform: translate(-100%);\n }\n 51% {\n opacity: 1;\n }\n}\n\n@keyframes loader {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 25% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n 50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n 75% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes loader {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 25% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n 50% {\n -webkit-transform: rotate(180deg);\n transform: rotate(180deg);\n }\n 75% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes loader-inner {\n 0% {\n height: 100%;\n }\n 25% {\n height: 100%;\n }\n 50% {\n height: 0%;\n }\n 75% {\n height: 0%;\n }\n 100% {\n height: 100%;\n }\n}\n@-webkit-keyframes loader-inner {\n 0% {\n height: 100%;\n }\n 25% {\n height: 100%;\n }\n 50% {\n height: 0%;\n }\n 75% {\n height: 0%;\n }\n 100% {\n height: 100%;\n }\n}\n\n\/\/ Pulsating\n\n@keyframes pulsate {\n 0% {\n transform: scale(1);\n opacity:0.8;\n }\n 45% {\n transform: scale(1.75);\n opacity:0;\n }\n}\n@keyframes stop-pulsate {\n from {\n opacity:0.4;\n }\n to {\n transform: scale(2);\n opacity:0;\n }\n}\n\n@keyframes popping {\n 0% {\n transform: scale(1);\n }\n 45% {\n transform: scale(1.25);\n }\n}\n@keyframes stop-popping {\n from {\n opacity:0.4;\n }\n to {\n transform: scale(2);\n opacity:0;\n }\n}\n\n\/\/ infinity\n\n@keyframes infinity {\n 12.5% {\n stroke-dasharray: 42px, 300px;\n stroke-dashoffset: -33px;\n }\n 43.75% {\n stroke-dasharray: 105px, 300px;\n stroke-dashoffset: -105px;\n }\n 100% {\n stroke-dasharray: 3px, 300px;\n stroke-dashoffset: -297px;\n }\n}\n\n\/\/ Puzzle\n\n@keyframes puzzle-slide {\n 0% {\n transform: translate(0, 0);\n }\n 2% {\n transform: translate(33px, 0);\n }\n 12.5% {\n transform: translate(33px, 0);\n }\n 15.5% {\n transform: translate(66px, 0);\n }\n 25% {\n transform: translate(66px, 0);\n }\n 27% {\n transform: translate(66px, 33px);\n }\n 37.5% {\n transform: translate(66px, 33px);\n }\n 39.5% {\n transform: translate(33px, 33px);\n }\n 50% {\n transform: translate(33px, 33px);\n }\n 52% {\n transform: translate(33px, 66px);\n }\n 62.5% {\n transform: translate(33px, 66px);\n }\n 64.5% {\n transform: translate(0, 66px);\n }\n 75% {\n transform: translate(0, 66px);\n }\n 77% {\n transform: translate(0, 33px);\n }\n 87.5% {\n transform: translate(0, 33px);\n }\n 89.5% {\n transform: translate(0, 0);\n }\n 100% {\n transform: translate(0, 0);\n }\n}\n\n\/\/ rotate\n\n@keyframes rotate {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n\/\/\n\/\/ Component: Progress\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@progress-margin-vertical: @global-margin;\n@progress-background: @global-light-background;\n\n@progress-bar-background: @global-primary-background;\n@progress-bar-font-size: round((@global-font-size * 0.65)); \/\/ 10px\n@progress-bar-color: @global-contrast-color;\n\n@progress-bar-success-background: @global-success-background;\n@progress-bar-warning-background: @global-warning-background;\n@progress-bar-danger-background: @global-danger-background;\n@progress-bar-tertiary-background: @global-primary-2-background;\n\n\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-progress() {\n\tborder-radius: (@global-border-radius + 1px);\n\tpadding: 3px;\n\theight: 20px;\n\tbox-shadow: inset 0 0 0 1px @global-light-background;\n}\n\n\n\/\/ Sub-object: `progress-bar`\n\/\/ ========================================================================\n\n.hook-progress-bar() {\n\tbox-shadow: inset 0 1px 0 @global-dark-15-shadow;\n\tborder-radius: @global-border-radius;\n\tline-height: 1.3;\n}\n\n\n\/\/ Color modifiers\n\/\/ ========================================================================\n\n.hook-progress-bar-success() {}\n\n.hook-progress-bar-warning() {}\n\n.hook-progress-bar-danger() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-progress-misc() {\n\n\t.uk-progress-tertiary {\n\t\tbackground-color: @progress-bar-tertiary-background;\n\t}\n\n\t.uk-progress {\n\t\t&.uk-progress-mini {padding: 1px;}\n\t\t&.uk-progress-small {padding: 3px;}\n\t}\n}\n\n\/\/ JavaScript\n\/\/\n\/\/ Component: Dropdown\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dropdown-z-index: (@global-z-index + 20);\n@dropdown-background: @global-background;\n@dropdown-color: @global-color;\n@dropdown-padding: 0;\n@dropdown-width: 240px;\n@dropdown-divider-border: @global-border;\n@dropdown-small-padding: 15px;\n@dropdown-font-weight:\t\t\t\t\t\t\t400;\n@dropdown-font-size:\t\t\t\t\t\t\t17.5px;\n\n@dropdown-navbar-margin: 0;\n@dropdown-navbar-background: @global-background;\n@dropdown-navbar-color: @global-color;\n@dropdown-animation:\t\t\t\t\t\t\tuk-slide-bottom-fixed;\n\n@dropdown-box-shadow-size: \t\t\t\t\t\t0 0 0;\n@dropdown-box-shadow: \t\t\t\t\t\t\t@global-dark-15-shadow;\n@dropdown-navbar-animation:\t\t\t\t\t\t@dropdown-animation;\n\n@dropdown-nav-border:\t\t\t\t\t\t\tfade(@global-color, 10%);\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-dropdown() {\n\tbox-shadow: inset -1px -1px 0 @global-dark-15-shadow, inset 1px 0 0 @global-dark-15-shadow, 0 20px 20px @global-dark-15-shadow;\n}\n\n\/\/ Modifier: `uk-dropdown-navbar`\n\/\/ ========================================================================\n\n.hook-dropdown-navbar() {\n\n\t.uk-nav-navbar ul a,\n\t.uk-nav-navbar > li > a {\n\t\tpadding: 3px 20px;\n\t\tfont-size: @dropdown-font-size;\n\t\tfont-weight: @dropdown-font-weight;\n\t\ttext-transform: @navbar-nav-text-transform;\n\t\tletter-spacing: @navbar-nav-letter-spacing;\n\t}\n\n\t.uk-nav-navbar ul li:last-child a,\n\t.uk-nav-navbar > li:last-child > a {\n\t\tborder-bottom: 0;\n\t}\n\n\t.uk-nav-header {\n\t\tpadding: 7px @dropdown-small-padding;\n\t}\n\n\t.uk-nav-navbar ul li a:hover,\n\t.uk-nav-navbar > li > a:hover,\n .uk-nav-navbar > li > a:focus,\n\t.uk-nav-navbar > li.uk-active > a,\n\t.uk-nav-navbar ul li.uk-active > a {\n\t\tcolor: @theme-menuitem-hover-color;\n\n\t\t&:before {\n\t\t\tbackground-color: @theme-menuitem-hover-color !important;\n\t\t}\n\t}\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-dropdown-misc() {\n\n\t@media (min-width: @breakpoint-medium) {\n\n\t .tm-navbar .uk-dropdown:not(.uk-dropdown-stack) {\n\t \t> .uk-dropdown-grid {\n\t\t margin-left: 0;\n\t\t margin-right: 0;\n\t\t\t\t> [class*='uk-width-'] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t&:nth-child(n+2) {\n\t\t\t\t\t\tbox-shadow: inset 1px 0 0 @global-light-05-shadow;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t }\n\t\t}\n\t}\n\n\t\/* Nav in dropdown\n\t ========================================================================== *\/\n\n\t.uk-dropdown .uk-nav { margin: 0; }\n\n\t.tm-navbar {\n\t\t.uk-dropdown {\n\t\t\tdisplay: block;\n\t\t\tvisibility: hidden;\n\t\t\tbox-shadow: 0 20px 20px @global-dark-15-shadow;\n\n\t\t\t.uk-nav { margin: 0 }\n\n\t\t\tli.uk-parent {\n\t\t\t\t> ul { \n\t\t\t\t\tmargin: 10px 0 0 -10px;\n\t\t\t\t\tborder-top: 2px solid @theme-menu-dropdown-border-color;\n\t\t box-shadow: 0 20px 20px @global-dark-15-shadow;\n\t\t\t\t}\n\n\t\t\t\t> a:before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 16px;\n\t\t\t\t\tbackground: @theme-menu-dropdown-border-color;\n\t\t\t\t\twidth: 6px;\n\t\t\t\t\theight: 6px;\n\t\t\t\t\ttop: 15px;\n\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\ttransition: @global-transition-fast;\n\t\t\t\t}\n\n\t\t\t\t> a:hover:before {\n\t\t\t\t\twidth: 14px;\n\t\t\t\t\theight: 2px;\n\t\t\t\t\ttop: 18px;\n\t\t\t\t}\n\n\t\t\t\t&.uk-active > a:before,\n\t\t\t\t&:hover > a:before {\n\t\t\t\t\tcolor: @theme-menuitem-hover-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.uk-open > .uk-dropdown { visibility: visible; }\n\t}\n\n\t\/* button dropdown *\/\n\t.uk-button-dropdown .uk-dropdown .uk-nav {\n\t\tmargin: 0 15px 0 0;\n\t}\n\n\t.tm-navbar:not(.uk-active) .uk-dropdown-width-4.uk-dropdown-flip {\n\t\tright: -100px !important;\n\t\tleft: auto !important;\n\t}\n}\n\n\/\/\n\/\/ Component: Modal\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@modal-z-index: (@global-z-index + 10);\n@modal-background:\t\t\t\t\t\t\t\tfade(@global-primary-4-background, 75%);\n@modal-dialog-background: @global-background;\n@modal-dialog-box-shadow:\t\t\t\t\t\t@global-dark-2-shadow;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-modal() {\n\tbox-shadow: 0 0 0 @global-dark-15-shadow;\n\n\t&.uk-open {\n visibility: visible;\n transition-delay: 50ms;\n cursor: url(\"\/templates\/buckle\/images\/close.png\"), pointer;\n transition: @global-transition;\n\n > * {\n cursor: auto;\n }\n }\n}\n\n\n\/\/ Sub-object: `uk-modal-dialog`\n\/\/ ========================================================================\n\n.hook-modal-dialog() {\n\tpadding: @panel-box-padding;\n\tborder-radius: @global-border-radius;\n\tbox-shadow: 5px 5px 0 @modal-dialog-box-shadow;\n}\n\n.hook-modal-header() {\n padding: @panel-box-padding\/2 @panel-box-padding;\n margin: -@panel-box-padding -@panel-box-padding @panel-box-padding -@panel-box-padding;\n border-bottom: 1px solid darken(@panel-box-primary-background, 10%);\n border-radius: @global-border-radius @global-border-radius 0 0;\n background: @panel-box-primary-background;\n color: @panel-box-primary-color;\n font-family: @global-heading-font-family;\n font-weight: @global-heading-font-weight;\n font-size: @base-h3-font-size;\n line-height: @base-h3-line-height;\n\n h1,h2,h3,h4,h5,h6,.uk-panel-title {\n \tcolor: @panel-box-primary-color;\n }\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-modal-misc() {\n\n\t.uk-modal-dialog {\n\n\t\tbox-shadow: 5px 5px 0 @global-dark-15-shadow;\n\n\t\t.uk-close {\n\n\t\t\twidth: 30px;\n\t\t\tline-height: 30px;\n\t\t\tz-index: 10;\n\n\t\t\t&:after {\n\t\t\t\tfont-size: 24px;\n\t\t\t\topacity: 1;\n\t\t\t\tcolor: @panel-box-primary-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.uk-modal-dialog-lightbox {\n\n\t\t> .uk-close:first-child {\n\t\t\ttop: 0;\n\t\t\tright: -80px;\n\t\t}\n\n\t\t.uk-close:after {\n\t\t\tcolor: @global-contrast-color;\n\t\t}\n\t}\n\n\t.tm-modal-image {\n\n\t\tpadding: 20px;\n\n\t\t> img {\n\t\t\tborder: 1px solid @global-dark-15-shadow;\n\t\t}\n\t}\n\n\t.uk-modal-dialog.uk-modal-dialog-small {\n\t\twidth: 350px;\n\t}\n\n\t.uk-modal-dialog {\n\t\t\n\t \/\/ scrollbar\n\t .uk-overflow-container::-webkit-scrollbar {\n\t border: 2px solid @global-background;\n\t width: 7px;\n\t }\n\t .uk-overflow-container::-webkit-scrollbar-button:start:decrement, \n\t .uk-overflow-container::-webkit-scrollbar-button:end:increment {\n\t background: @global-background;\n\t }\n\t .uk-overflow-container::-webkit-scrollbar-track {\n\t background: @global-background;\n\t box-shadow: none;\n\t }\n\t .uk-overflow-container::-webkit-scrollbar-thumb {\n\t background: @global-primary-background;\n\t \n\t &:hover {\n\t background: lighten(@global-primary-background, 10%);\n\t }\n\t }\n\t}\n}\n\/\/\n\/\/ Component: Off-canvas\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@offcanvas-z-index: @global-z-index + 1;\n\n@offcanvas-bar-background: @global-secondary-background;\n@offcanvas-bar-width: 300px;\n\n@offcanvas-panel-margin: 20px 40px;\n@offcanvas-panel-color: @global-contrast-color;\n@offcanvas-panel-title-color: @global-contrast-color;\n@offcanvas-panel-link-color: @global-link-color;\n@offcanvas-panel-link-hover-color: @global-link-hover-color;\n\n@offcanvas-background: fade(@global-secondary-background, 50%);\n\n@offcanvas-bar-right-width: 400px;\n@offcanvas-bar-close-color: @global-color;\n@offcanvas-bar-close-hover-color: @global-primary-background;\n@offcanvas-bar-scrollbar-background: @global-primary-background;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-offcanvas() {\n overflow: hidden;\n}\n\n\n\/\/ Sub-object `uk-offcanvas-bar`\n\/\/ ========================================================================\n\n.hook-offcanvas-bar() {\n overflow-x: hidden;\n .gradient-diagonal(@offcanvas-bar-background, lighten(@offcanvas-bar-background, 15%), @offcanvas-bar-background);\n}\n\n\n\/\/ Panel in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-panel() {\n\n &.uk-panel-box-secondary {\n color: @panel-box-secondary-color;\n\n h1,h2,h3,h4,h5,h6 {\n color: @panel-box-secondary-title-color;\n }\n }\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-offcanvas-misc() {\n\n .uk-offcanvas-page {\n overflow-x: visible !important;\n }\n\n .uk-nav-offcanvas {\n ul.uk-nav-sub {\n background: rgba(0,0,0,0);\n \n .tm-menu-header,\n .uk-nav-header {\n padding: 10px 0;\n text-transform: none;\n font-family: @global-heading-font-family;\n font-weight: @global-heading-font-weight;\n font-size: @base-h4-font-size;\n }\n\n .tm-menu-child {\n line-height: 32px;\n padding: 0 20px;\n margin-left: 0px;\n position: relative;\n box-shadow: none;\n\n &:before {\n content: \"\";\n position: absolute;\n width: 5px;\n height: 5px;\n border-radius: 10px;\n background-color: @nav-offcanvas-header-color;\n left: 5px;\n top: 42%;\n transition: @global-transition-background;\n }\n }\n }\n\n > li {\n position: relative;\n }\n }\n\n .uk-offcanvas {\n .uk-search {\n &:before {\n left: 15px;\n }\n }\n .uk-nav-parent-icon > .uk-parent > a:after {\n text-shadow: 0 1px 0 @global-dark-2-shadow;\n }\n\n input.uk-search-field {\n padding: 0 0 0 40px;\n font-size: round((@global-font-size*0.85));\n box-shadow: 0 1px 0 @global-light-05-shadow;\n }\n\n h1,h2,h3,h4,h5,h6 {\n color: @offcanvas-panel-title-color;\n }\n }\n\n .uk-offcanvas-bar .uk-parent.uk-open > div {\n overflow: visible !important;\n }\n\n .tm-toggle-offcanvas {\n padding: 0 !important;\n width: 70px;\n z-index: 5;\n position: absolute;\n height: 40px;\n top: 5px;\n right: 0;\n\n &:after {\n opacity: 0;\n }\n }\n\n #tm-right-panel {\n\n .uk-offcanvas-bar {\n width: @offcanvas-bar-right-width;\n background-color: @theme-right-panel-background;\n\n .uk-panel-box {\n background-color: @theme-right-panel-background;\n }\n\n h1, h2, h3, h4, h5, h6,\n .uk-panel {\n color: @theme-right-panel-color;\n }\n\n a {\n color: @theme-right-header-link-color;\n\n &:hover {\n color: @theme-right-header-link-hover-color;\n }\n }\n\n h3 {\n color: @theme-right-panel-highlight-color;\n }\n\n &.uk-offcanvas-bar-flip {\n box-shadow: -40px 0 60px fade(@global-secondary-background, 30%);\n }\n\n .uk-offcanvas-close {\n position: absolute;\n right: 30px;\n top: 30px;\n width: 20px;\n height: 20px;\n transition: @global-transition-transform;\n\n &:after {\n color: @theme-right-panel-color;\n transition: @global-transition-color;\n }\n\n &:hover {\n transform: rotate(90deg);\n opacity: 1;\n \n &:after {\n color: @offcanvas-bar-close-hover-color;\n }\n }\n }\n\n .uk-panel {\n border: none;\n margin: 0;\n }\n }\n\n \/\/ scrollbar\n .uk-offcanvas-bar::-webkit-scrollbar {\n border: 2px solid @theme-right-panel-background;\n width: 7px;\n }\n .uk-offcanvas-bar::-webkit-scrollbar-button:start:decrement, \n .uk-offcanvas-bar::-webkit-scrollbar-button:end:increment {\n background: @theme-right-panel-background;\n }\n .uk-offcanvas-bar::-webkit-scrollbar-track {\n background: @theme-right-panel-background;\n box-shadow: none;\n }\n .uk-offcanvas-bar::-webkit-scrollbar-thumb {\n background: @offcanvas-bar-scrollbar-background;\n \n &:hover {\n background: lighten(@offcanvas-bar-scrollbar-background, 10%);\n }\n }\n }\n}\n\n\n\/\/ Components: Navs\n\/\/\n\/\/ Component: Dotnav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@dotnav-margin-horizontal: 12px;\n\n@dotnav-width: 16px;\n@dotnav-height: @dotnav-width;\n@dotnav-background: fade(@global-color, 20%);\n\n@dotnav-hover-background: fade(@global-color, 50%);\n@dotnav-onclick-background: @global-color;\n@dotnav-active-background: @global-primary-background;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-dotnav-item() {\n transition: @global-transition;\n}\n\n.hook-dotnav-item-hover() {}\n\n.hook-dotnav-item-onclick() {\n transform: scale(0.9);\n}\n\n.hook-dotnav-item-active() {\n transform: scale(1.1);\n}\n\n.hook-dotnav-contrast-item() {}\n\n.hook-dotnav-contrast-item-hover() {}\n\n.hook-dotnav-contrast-item-onclick() {}\n\n.hook-dotnav-contrast-item-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-dotnav-misc() {}\n\/\/\n\/\/ Component: Slidenav\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@slidenav-width:\t\t\t\t\t\t\t\t70px;\n@slidenav-height: 80px;\n@slidenav-font-size: round(@slidenav-width*0.4);\n@slidenav-line-height: @slidenav-height;\n\n@slidenav-position-previous: 0;\n@slidenav-position-next: 0;\n\n@slidenav-color: fade(@global-contrast-color, 80%);\n@slidenav-hover-color: @global-primary-background;\n@slidenav-active-color: fade(@global-contrast-color, 50%);\n\n@slidenav-contrast-color: @global-contrast-color;\n@slidenav-contrast-hover-color: @global-primary-background;\n@slidenav-contrast-active-color: darken(@global-primary-background, 5%);\n\n@slidenav-previous-icon: \"\\f170\";\n@slidenav-next-icon: \"\\f16d\";\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-slidenav() {\n\tbackground: @global-dark-2-shadow;\n transition: @global-transition;\n}\n\n.hook-slidenav-hover() {\n\tbackground-color: @global-contrast-color;\n}\n\n.hook-slidenav-active() {}\n\n.hook-slidenav-contrast() {}\n\n.hook-slidenav-contrast-hover() {}\n\n.hook-slidenav-contrast-active() {\n\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-slidenav-misc() {\n\t.uk-slidenav-position {\n\t\t.uk-slidenav {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t.uk-lightbox-content .uk-slidenav-previous { left: -70px; }\n\t\t.uk-lightbox-content .uk-slidenav-next { right: -70px; }\n\t}\n\n\t.uk-slidenav-previous:before,\n\t.uk-slidenav-next:before,\n\t.uk-lightbox-content .uk-slidenav:before {\n\t\tfont-family: @global-buckle-icon;\n\t}\n\n\t.uk-lightbox-content .uk-slidenav {\n\t\twidth: @slidenav-width;\n\t\theight: @slidenav-height;\n\t\tline-height: @slidenav-line-height;\n\t\tfont-size: @slidenav-font-size;\n\t}\n\n}\n\n\/\/ Components: JavaScript\n\/\/\n\/\/ Component: Accordion\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n\n@accordion-title-font-size: @base-h3-font-size;\n@accordion-title-line-height: 26px;\n\n@accordion-title-margin-bottom: round((@global-margin \/ 1.5));\n@accordion-title-padding-vertical: round((@global-margin \/ 2.5));\n@accordion-title-padding-horizontal: round((@global-margin \/ 1.5));\n\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\n\n@accordion-title-background: @global-extra-light-background;\n@accordion-title-border-width: 1px;\n@accordion-title-border: @global-light-background;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-accordion() {}\n\n\n\/\/ Modifier: `uk-accordion-title`\n\/\/ ========================================================================\n\n.hook-accordion-title() {\n\tborder: @accordion-title-border-width solid @accordion-title-border;\n}\n\n\n\/\/ Modifier: `uk-accordion-content`\n\/\/ ========================================================================\n\n.hook-accordion-content() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-accordion-misc() {\n\n\t.tm-accordion,\n\t.tm-toggle {\n\t margin: 20px 0 10px;\n\n\t .uk-accordion-title {\n\t\t\tbackground-color: @accordion-title-background;\n\t\t\tpadding: @global-margin @global-margin @global-margin 30px;\n\t\t\tcolor: @global-primary-background;\n\t\t\tborder-color: darken(@accordion-title-background, 5%);\n\t\t\tmargin: 20px 0 0;\n\t\t\tborder-radius: @global-border-radius;\n\t\t\ttransition: @global-transition;\n\n\t\t\t&.uk-active {\n\t\t\t\tborder-radius: @global-border-radius @global-border-radius 0 0;\n\t\t\t background-color: @global-primary-background;\n\t\t\t color: @global-contrast-color;\n\t\t\t border-color: darken(@global-primary-background, 3%);\n\t\t\t transition: @global-transition;\n\t\t\t}\n\n\t i.tm-toggle-button {\n\t margin: 0 5px 0 20px;\n\t font-style: normal;\n\t font-family: @global-font-icon;\n\t width: 26px;\n\t height: 26px;\n\t border-radius: @global-border-radius;\n\t text-align:center;\n\t position: relative;\n\t margin-bottom: 10px;\n\t\t\t transition: @global-transition;\n\t }\n\n\t i:before,\n\t i:after {\n\t \tcontent: \"\";\n\t \tposition: absolute;\n\t \ttransition: @global-transition;\n\t }\n\n\t i:before {\n\t background-color: @global-primary-background;\n\t content: \"\";\n\t height: 1px;\n\t width: 21px;\n\t top: 11px;\n\t left: 5px;\n\t }\n\n\t i:after {\n\t background-color: @global-primary-background;\n\t content: \"\";\n\t height: 21px;\n\t width: 1px;\n\t top: 2px;\n\t left: 15px;\n\t opacity: 1;\n\t transform: rotate(0deg);\n\t }\n\n\t &.uk-active i:before {\n\t opacity:0;\n\t background-color: @global-contrast-color;\n\t transform: rotate(90deg);\n\t }\n\n\t &.uk-active i:after {\n\t \tbackground-color: @global-contrast-color;\n\t\t\t\ttransform: rotate(90deg);\n\t }\n\t }\n\n\t .uk-accordion-content {\n\t padding: @global-grid-gutter 45px;\n\t border: 1px solid darken(@accordion-title-background, 5%);\n\t border-width: 0 1px 1px;\n\t margin: 0;\n\t border-radius: 0 0 @global-border-radius*1.5 @global-border-radius*1.5;\n\n\t code {\n\t white-space: pre-wrap;\n\t color: @base-pre-color;\n\t }\n\t }\n\t}\n\n\t.tm-toggle-code .uk-accordion-content {\n\t background-color: @base-pre-background;\n\t border: none;\n\t}\n}\n\n\/\/\n\/\/ Component: Datepicker\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@datepicker-nav-margin-bottom: @global-margin;\n@datepicker-nav-color: @global-color;\n@datepicker-nav-hover-color: @global-highlight-color;\n\n@datepicker-table-color: @global-color;\n\n@datepicker-table-hover-background: fade(@global-primary-background, 50%);\n@datepicker-table-hover-color: @global-contrast-color;\n@datepicker-table-onclick-background: @global-primary-background;\n@datepicker-table-onclick-color: @global-contrast-color;\n\n@datepicker-table-active-background: @global-primary-background;\n@datepicker-table-active-color: @global-contrast-color;\n\n@datepicker-table-muted-color: @global-muted-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-datepicker-nav() {}\n\n.hook-datepicker-nav-item() {}\n\n.hook-datepicker-table-item() {\n border-radius: @global-border-radius;\n text-align: center;\n}\n\n.hook-datepicker-table-item-hover() {}\n\n.hook-datepicker-table-item-onclick() {}\n\n.hook-datepicker-table-item-active() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-datepicker-misc() {}\n\n\/\/\n\/\/ Component: Form advanced\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-advanced-checked-color: @global-primary-background;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-form-advanced-misc() {}\n\/\/\n\/\/ Component: Form password\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@form-password-font-size: @global-font-size - 1px;\n@form-password-line-height: @form-password-font-size;\n@form-password-color: @global-muted-color;\n@form-password-hover-color: @global-color;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-form-password-misc() {}\n\/\/\n\/\/ Component: Search\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@search-width: 260px;\n@search-focus-width: 260px;\n@search-height: 35px;\n@search-border: fade(@global-primary-background, 30%);\n@search-focus-border: @global-primary-background;\n@search-background: rgba(0,0,0,0);\n@search-color: @global-color;\n@search-placeholder-color: fade(@global-contrast-color, 30%);\n\n@search-icon-size: round((@global-font-size * 0.85));\n@search-icon-color: fade(@global-heading-color, 75%);\n\n@dropdown-search-margin-top: 30px;\n@dropdown-search-background: @global-background;\n@dropdown-search-color: @global-color;\n@dropdown-search-navbar-margin-top: 0;\n@dropdown-search-navbar-margin-right: 0;\n\n@nav-search-color: @global-color;\n@nav-search-active-background: rgba(0,0,0,0);\n@nav-search-active-color: @global-contrast-color;\n@nav-search-header-color: @global-muted-color;\n@nav-search-divider-border: @global-border;\n@nav-search-nested-color: @global-color;\n@nav-search-nested-hover-color: @global-link-hover-color;\n\n@offcanvas-search-margin: 30px 15px 30px 20px;\n@offcanvas-search-background: @global-dark-1-shadow;\n@offcanvas-search-border: @global-dark-2-shadow;\n@offcanvas-search-color: @global-contrast-color;\n@offcanvas-search-placeholder-color: fade(@global-contrast-color, 50%);\n@offcanvas-search-icon-color: @global-contrast-color;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-search() {\n padding: 0 10px;\n margin: 0;\n}\n\n.hook-search-icon() {\n z-index: 3;\n left: 10px;\n font-family: @global-buckle-icon;\n content: \"\\f172\";\n font-size: 17px;\n line-height: 35px;\n}\n\n\n\/\/ Sub-object `uk-search-field`\n\/\/ ========================================================================\n\n.hook-search-field() {\n cursor: pointer;\n z-index: 1;\n position: relative;\n padding-left: 30px;\n font-family: @global-italic-font-family;\n background-color: @search-background;\n border: 1px solid @search-border;\n border-width: 0 0 1px 1px;\n transition: none;\n}\n\n.hook-search-field-focus() {\n border: 1px solid @search-focus-border;\n}\n\n\n\/\/ Modifier: `uk-dropdown-search`\n\/\/ ========================================================================\n\n.hook-dropdown-search() {\n padding: 0;\n right: 15px;\n}\n\n\n\/\/ Modifier `uk-nav-search`\n\/\/ ========================================================================\n\n\/\/\n\/\/ Items\n\/\/\n\n.hook-nav-search() {}\n\n\/\/ Active\n.hook-nav-search-active() {\n background-color: @global-primary-background;\n}\n\n\/\/\n\/\/ Sub-object: `uk-nav-header`\n\/\/\n\n.hook-nav-search-header() {\n border-bottom: 1px solid @global-border;\n color: @global-primary-background;\n padding: 10px 15px;\n text-transform: none;\n}\n\n\/\/\n\/\/ Sub-object: `uk-nav-divider`\n\/\/\n\n.hook-nav-search-divider() {\n margin: 0;\n}\n\n\n\/\/ Search in offcanvas\n\/\/ ========================================================================\n\n.hook-offcanvas-search-field() {\n padding: 0 @search-padding;\n cursor: text;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-search-misc() {\n\n\n \/\/ Sub-object `uk-search-field`\n \/\/ ========================================================================\n\n input.uk-search-field:focus,\n .uk-search.uk-active .uk-search-field {\n padding-left: 40px;\n cursor: text;\n border-width: 0 0 1px 1px;\n border-radius: 0;\n }\n\n .uk-search.uk-loading:after {\n content: \"\\f013\";\n position: absolute;\n font-family: @global-font-icon;\n right: 12px;\n width: 14px;\n height: 14px;\n line-height: 14px;\n text-align: right;\n top: 10px;\n color: fade(@search-border, 25%);\n .uk-icon-spin;\n animation-duration: 1.2s;\n }\n\n\n \/\/ Modifier: `uk-nav-search`\n \/\/ ========================================================================\n\n .uk-nav-search ul.uk-nav-sub { border-bottom: 1px solid @global-border; }\n .uk-navbar-flip .uk-dropdown-search { padding: 0; }\n\n .uk-nav-search .uk-nav-header {\n font-family: @base-heading-font-family;\n font-size: @base-h4-font-size;\n }\n\n .uk-nav-search > li > a {\n font-family: @base-heading-font-family;\n font-size: @global-font-size;\n font-weight: @global-bold-font-weight;\n padding: 10px 15px;\n\n > div {\n font-family: @base-body-font-family;\n font-weight: @global-body-font-weight;\n line-height: 26px;\n }\n }\n}\n\/\/\n\/\/ Component: Sticky\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@sticky-z-index: @global-z-index - 20;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-sticky-misc() {}\n\/\/\n\/\/ Component: Tooltip\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@tooltip-z-index: (@global-z-index + 30);\n\n@tooltip-font-size: round((@global-font-size * 0.85)); \/\/ 12px\n@tooltip-line-height: round((@tooltip-font-size * 1.5)); \/\/ 18px\n\n@tooltip-background:\t\t\t\t\t\t\t@global-primary-background;\n@tooltip-color:\t\t\t\t\t\t\t\t\t@global-contrast-color;\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-tooltip() {\n\tborder-radius: @global-border-radius;\n\tanimation: uk-fade 0.2s ease-in-out;\n}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-tooltip-misc() {}\n\n\/\/ Need to be loaded last\n\/\/\n\/\/ Component: Text\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@text-small-font-size: round((@global-font-size * 0.78)); \/\/ 11px\n@text-small-line-height: round((@text-small-font-size * 1.45)); \/\/ 16px\n@text-large-font-size: round((@global-font-size * 1.28)); \/\/ 18px\n@text-large-line-height: round((@text-large-font-size * 1.33)); \/\/ 24px\n\n@text-muted-color: @global-muted-color;\n@text-primary-color: @global-primary-background;\n@text-success-color: @global-success-background;\n@text-warning-color: @global-warning-background;\n@text-danger-color: @global-danger-background;\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-text-misc() {}\n\/\/\n\/\/ Component: Column\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@column-gutter: @global-grid-gutter;\n\n\n\/\/ Component\n\/\/ ========================================================================\n\n.hook-column() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-column-misc() {}\n\/\/\n\/\/ Component: Utility\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@utility-container-max-width: 1300px;\n@utility-container-padding-horizontal: @global-grid-gutter;\n\n@utility-container-large-padding-horizontal: @global-grid-gutter-large;\n@utility-container-large-max-width: 1300px;\n\n@utility-align-horizontal: @global-margin;\n@utility-align-vertical: @global-margin;\n\n@utility-margin: @global-margin;\n\n@utility-heading-large-font-size: round((@global-font-size * 3.71)); \/\/ 52px\n@utility-heading-large-line-height: round((@utility-heading-large-font-size * 1.23)); \/\/ 64px\n\n@utility-link-muted-color: @global-color;\n@utility-link-muted-hover-color: @global-color;\n\n@utility-scrollable-box-border: @global-border;\n\n\n\/\/ Container\n\/\/ ========================================================================\n\n.hook-container() {}\n\n\n\/\/ Scrollable\n\/\/ ========================================================================\n\n.hook-scrollable-box() {}\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-utility-misc() {}\n\/\/\n\/\/ Component: Contrast\n\/\/\n\/\/ ========================================================================\n\n\n\/\/ Variables\n\/\/ ========================================================================\n\n@contrast-inverted-color: @global-contrast-color;\n\n\/\/\n\/\/ Components\n\/\/\n\n@contrast-icon-button-background: rgba(0,0,0,0);\n@contrast-icon-button-color: @global-contrast-color;\n@contrast-icon-button-hover-background: fade(@global-contrast-color, 10%);\n@contrast-icon-button-active-background: rgba(0,0,0,0);\n@contrast-icon-button-active-color: @global-contrast-color;\n\n@contrast-icon-button-border: @global-contrast-color;\n@contrast-icon-button-active-border: @global-contrast-color;\n\n@contrast-base-blockquote-color: @global-contrast-color;\n@contrast-article-lead-color: @global-contrast-color;\n\n@contrast-button-primary-background:\t\t\t@button-primary-background;\n@contrast-button-primary-hover-background:\t\t@button-primary-hover-background;\n@contrast-button-primary-active-background:\t\t@button-primary-active-background;\n\n@contrast-text-primary-color:\t\t\t\t\t@global-primary-background;\n\n\/\/ Base\n\/\/ ========================================================================\n\n.hook-contrast-base-code() {}\n\n\n\/\/ Nav\n\/\/ ========================================================================\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n\n\/\/ Subnav\n\/\/ ========================================================================\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n\n\/\/ List\n\/\/ ========================================================================\n\n.hook-contrast-list-line() {}\n\n\/\/ Form\n\/\/ ========================================================================\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n\n\/\/ Button\n\/\/ ========================================================================\n\n.hook-contrast-button() {}\n.hook-contrast-button-hover() {}\n.hook-contrast-button-active() {}\n.hook-contrast-button-primary() {}\n.hook-contrast-button-primary-hover() {}\n.hook-contrast-button-primary-active() {}\n\n\n\/\/ Icon\n\/\/ ========================================================================\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() { border-color: @contrast-icon-button-border; }\n.hook-contrast-icon-button-hover() { border-color: @contrast-icon-button-border; }\n.hook-contrast-icon-button-active() { border-color: @contrast-icon-button-active-border; }\n\n\n\/\/ Miscellaneous\n\/\/ ========================================================================\n\n.hook-contrast-misc() {\n\n blockquote { color: @contrast-base-blockquote-color; }\n\n \t.uk-article-lead { color: @contrast-article-lead-color; }\n\n \t.uk-module-title:after { border-bottom-color: @global-contrast-color; }\n\n \t.uk-button-line, \n \t.uk-button.uk-button-line { \n \t\tborder-color: @global-contrast-color; \n \t}\n\n}\n\n\/\/ Font Icons\n\/\/ Variables\n\/\/ --------------------------\n\n@bk-icon-css-prefix: \"bk-icon\";\n@bk-icon-font-name: \"buckle-icons\";\n@bk-icon-font-path: \"..\/fonts\";\n\n@bk-icon-var-about: \"\\f17f\";\n@bk-icon-var-add: \"\\f173\";\n@bk-icon-var-add-list: \"\\f1ac\";\n@bk-icon-var-add-property: \"\\f130\";\n@bk-icon-var-address-book: \"\\f199\";\n@bk-icon-var-adjust: \"\\f129\";\n@bk-icon-var-advertising: \"\\f1a1\";\n@bk-icon-var-alarm: \"\\f1a8\";\n@bk-icon-var-alarm-clock: \"\\f101\";\n@bk-icon-var-american-express-card: \"\\f1c6\";\n@bk-icon-var-american-football: \"\\f240\";\n@bk-icon-var-american-football-2: \"\\f246\";\n@bk-icon-var-applause: \"\\f1e8\";\n@bk-icon-var-apple-watch: \"\\f1f1\";\n@bk-icon-var-apply: \"\\f1ed\";\n@bk-icon-var-approval: \"\\f12e\";\n@bk-icon-var-archive-folder: \"\\f239\";\n@bk-icon-var-armchair: \"\\f1d8\";\n@bk-icon-var-arrow: \"\\f221\";\n@bk-icon-var-arrow-pointing-to-right: \"\\f16d\";\n@bk-icon-var-audio-wave: \"\\f15e\";\n@bk-icon-var-automatic: \"\\f190\";\n@bk-icon-var-bag: \"\\f1e7\";\n@bk-icon-var-bank: \"\\f194\";\n@bk-icon-var-baseball-player: \"\\f23f\";\n@bk-icon-var-bed: \"\\f164\";\n@bk-icon-var-bedroom: \"\\f16c\";\n@bk-icon-var-bill: \"\\f1c4\";\n@bk-icon-var-book-shelf: \"\\f1be\";\n@bk-icon-var-book-stack: \"\\f19a\";\n@bk-icon-var-bookmark: \"\\f121\";\n@bk-icon-var-brain: \"\\f210\";\n@bk-icon-var-briefcase: \"\\f125\";\n@bk-icon-var-building: \"\\f19c\";\n@bk-icon-var-bulleted-list: \"\\f1ea\";\n@bk-icon-var-bus: \"\\f1a0\";\n@bk-icon-var-calendar: \"\\f1a5\";\n@bk-icon-var-call: \"\\f147\";\n@bk-icon-var-call-2: \"\\f174\";\n@bk-icon-var-campfire: \"\\f208\";\n@bk-icon-var-camping-tent: \"\\f209\";\n@bk-icon-var-cancel-2: \"\\f117\";\n@bk-icon-var-caret-arrowhead-facing-down: \"\\f140\";\n@bk-icon-var-caret-arrowhead-facing-down-2: \"\\f15f\";\n@bk-icon-var-caret-arrowhead-facing-down-3: \"\\f22c\";\n@bk-icon-var-caret-arrowhead-facing-down-4: \"\\f22d\";\n@bk-icon-var-caret-arrowhead-facing-down-5: \"\\f22e\";\n@bk-icon-var-chair: \"\\f1d9\";\n@bk-icon-var-chart: \"\\f1ec\";\n@bk-icon-var-chat-bubble: \"\\f1a6\";\n@bk-icon-var-chat-message: \"\\f179\";\n@bk-icon-var-chat-message-2: \"\\f17a\";\n@bk-icon-var-chat-message-3: \"\\f232\";\n@bk-icon-var-check: \"\\f1bc\";\n@bk-icon-var-check-all: \"\\f126\";\n@bk-icon-var-checked: \"\\f111\";\n@bk-icon-var-chevron: \"\\f223\";\n@bk-icon-var-chevron-2: \"\\f227\";\n@bk-icon-var-circled-arrow-right: \"\\f16e\";\n@bk-icon-var-clipboard-checklist: \"\\f19e\";\n@bk-icon-var-cloakroom: \"\\f1ff\";\n@bk-icon-var-clock: \"\\f123\";\n@bk-icon-var-close-button: \"\\f1fa\";\n@bk-icon-var-close-button-2: \"\\f1fb\";\n@bk-icon-var-close-window: \"\\f112\";\n@bk-icon-var-clothes: \"\\f134\";\n@bk-icon-var-cloud-computing: \"\\f154\";\n@bk-icon-var-coffee: \"\\f1a9\";\n@bk-icon-var-coffee-mug: \"\\f1aa\";\n@bk-icon-var-collage: \"\\f186\";\n@bk-icon-var-collapse-arrow: \"\\f17b\";\n@bk-icon-var-collectibles: \"\\f1c0\";\n@bk-icon-var-combi-ticket: \"\\f205\";\n@bk-icon-var-combo-chart: \"\\f1a2\";\n@bk-icon-var-comments: \"\\f110\";\n@bk-icon-var-comments-filled: \"\\f13a\";\n@bk-icon-var-contacts: \"\\f175\";\n@bk-icon-var-create: \"\\f1ab\";\n@bk-icon-var-cricket: \"\\f24b\";\n@bk-icon-var-cruise-ship: \"\\f206\";\n@bk-icon-var-curriculum: \"\\f1ef\";\n@bk-icon-var-database-administrator: \"\\f18a\";\n@bk-icon-var-database-symbol: \"\\f158\";\n@bk-icon-var-delete: \"\\f1ad\";\n@bk-icon-var-deliver-food: \"\\f1d2\";\n@bk-icon-var-digital-photography: \"\\f1b8\";\n@bk-icon-var-dining-room: \"\\f167\";\n@bk-icon-var-discover-credit-card: \"\\f1c7\";\n@bk-icon-var-document: \"\\f1ae\";\n@bk-icon-var-dollar-sign: \"\\f195\";\n@bk-icon-var-door: \"\\f1fd\";\n@bk-icon-var-door-opened: \"\\f19d\";\n@bk-icon-var-double-left: \"\\f226\";\n@bk-icon-var-double-up: \"\\f225\";\n@bk-icon-var-download: \"\\f14b\";\n@bk-icon-var-ear: \"\\f21d\";\n@bk-icon-var-edit: \"\\f1b0\";\n@bk-icon-var-edit-file: \"\\f153\";\n@bk-icon-var-education: \"\\f1b1\";\n@bk-icon-var-education-2: \"\\f1b2\";\n@bk-icon-var-electrocardiography: \"\\f214\";\n@bk-icon-var-email-envelope: \"\\f156\";\n@bk-icon-var-energy: \"\\f20c\";\n@bk-icon-var-engineer-symbol: \"\\f1fe\";\n@bk-icon-var-euro: \"\\f196\";\n@bk-icon-var-exit: \"\\f1fc\";\n@bk-icon-var-extra-large-icon: \"\\f1b9\";\n@bk-icon-var-eye: \"\\f23a\";\n@bk-icon-var-facebook-like: \"\\f19b\";\n@bk-icon-var-female-user: \"\\f10e\";\n@bk-icon-var-field-hockey: \"\\f241\";\n@bk-icon-var-floor-plan: \"\\f1b4\";\n@bk-icon-var-folder: \"\\f238\";\n@bk-icon-var-food: \"\\f1ce\";\n@bk-icon-var-football-game: \"\\f249\";\n@bk-icon-var-fork-and-knife-crossed: \"\\f1cd\";\n@bk-icon-var-form: \"\\f188\";\n@bk-icon-var-french-fries: \"\\f1d4\";\n@bk-icon-var-fridge: \"\\f166\";\n@bk-icon-var-front-and-back-side-of-a-credit-card: \"\\f1c3\";\n@bk-icon-var-full-page-view: \"\\f1e3\";\n@bk-icon-var-gear-outline: \"\\f180\";\n@bk-icon-var-get-quote: \"\\f11d\";\n@bk-icon-var-get-quote-filled: \"\\f13b\";\n@bk-icon-var-gift: \"\\f135\";\n@bk-icon-var-glasses: \"\\f23c\";\n@bk-icon-var-golf-ball: \"\\f245\";\n@bk-icon-var-green-check-mark: \"\\f1a7\";\n@bk-icon-var-group-objects: \"\\f185\";\n@bk-icon-var-group-of-atoms: \"\\f213\";\n@bk-icon-var-hamburger: \"\\f1cf\";\n@bk-icon-var-hand-pressing-a-button: \"\\f159\";\n@bk-icon-var-handball: \"\\f247\";\n@bk-icon-var-happy-smile: \"\\f1f4\";\n@bk-icon-var-headset: \"\\f105\";\n@bk-icon-var-health-checkup: \"\\f217\";\n@bk-icon-var-heart-with-pulse: \"\\f1db\";\n@bk-icon-var-help: \"\\f182\";\n@bk-icon-var-hide: \"\\f23e\";\n@bk-icon-var-home: \"\\f11f\";\n@bk-icon-var-home-address: \"\\f187\";\n@bk-icon-var-hospital-symbol: \"\\f21a\";\n@bk-icon-var-hospital-wagon: \"\\f211\";\n@bk-icon-var-id-verified: \"\\f14f\";\n@bk-icon-var-idea: \"\\f12f\";\n@bk-icon-var-identification-documents: \"\\f1ca\";\n@bk-icon-var-imac: \"\\f1e5\";\n@bk-icon-var-implant: \"\\f21f\";\n@bk-icon-var-inbox: \"\\f157\";\n@bk-icon-var-industrial-plant: \"\\f20b\";\n@bk-icon-var-info: \"\\f17e\";\n@bk-icon-var-information: \"\\f150\";\n@bk-icon-var-interview-in-progress: \"\\f1e4\";\n@bk-icon-var-iphone-x: \"\\f1f2\";\n@bk-icon-var-jcb-credit-card: \"\\f1c8\";\n@bk-icon-var-landing-page: \"\\f1cc\";\n@bk-icon-var-left-arrow: \"\\f170\";\n@bk-icon-var-left-button: \"\\f16f\";\n@bk-icon-var-lifebuoy: \"\\f12b\";\n@bk-icon-var-light-bulb-outline: \"\\f20d\";\n@bk-icon-var-living-room: \"\\f169\";\n@bk-icon-var-login-rounded: \"\\f18d\";\n@bk-icon-var-logout-rounded-left: \"\\f18f\";\n@bk-icon-var-male-user: \"\\f10b\";\n@bk-icon-var-managerial-staff: \"\\f155\";\n@bk-icon-var-mastercard-logo: \"\\f1c5\";\n@bk-icon-var-meal: \"\\f1d1\";\n@bk-icon-var-medal: \"\\f24f\";\n@bk-icon-var-medal-first-place: \"\\f24d\";\n@bk-icon-var-medal-second-place: \"\\f24c\";\n@bk-icon-var-medal-third-place: \"\\f24e\";\n@bk-icon-var-medical-chart: \"\\f20e\";\n@bk-icon-var-medical-doctor: \"\\f219\";\n@bk-icon-var-medical-heart: \"\\f20f\";\n@bk-icon-var-microscope: \"\\f21b\";\n@bk-icon-var-microwave: \"\\f1d6\";\n@bk-icon-var-milk: \"\\f1d5\";\n@bk-icon-var-minus: \"\\f184\";\n@bk-icon-var-money-box: \"\\f1c9\";\n@bk-icon-var-mortar-and-pestle: \"\\f1ba\";\n@bk-icon-var-neutral-face-emoji: \"\\f1f9\";\n@bk-icon-var-new-file: \"\\f15b\";\n@bk-icon-var-new-product: \"\\f133\";\n@bk-icon-var-news: \"\\f197\";\n@bk-icon-var-notification: \"\\f128\";\n@bk-icon-var-nurse: \"\\f215\";\n@bk-icon-var-office-chair: \"\\f14d\";\n@bk-icon-var-ok: \"\\f191\";\n@bk-icon-var-online-support: \"\\f109\";\n@bk-icon-var-open: \"\\f1f0\";\n@bk-icon-var-open-book: \"\\f198\";\n@bk-icon-var-page: \"\\f1eb\";\n@bk-icon-var-paper-airplane: \"\\f18e\";\n@bk-icon-var-password: \"\\f119\";\n@bk-icon-var-password-1: \"\\f11a\";\n@bk-icon-var-pdf: \"\\f193\";\n@bk-icon-var-pencil-and-ruler: \"\\f1b5\";\n@bk-icon-var-people: \"\\f14a\";\n@bk-icon-var-person-female: \"\\f10d\";\n@bk-icon-var-person-kicking-ball: \"\\f24a\";\n@bk-icon-var-personal-computer: \"\\f14e\";\n@bk-icon-var-phone: \"\\f102\";\n@bk-icon-var-phonelink-ring: \"\\f103\";\n@bk-icon-var-photo: \"\\f1b6\";\n@bk-icon-var-photo-gallery: \"\\f1b7\";\n@bk-icon-var-pill-bottle: \"\\f216\";\n@bk-icon-var-planet-earth: \"\\f1dd\";\n@bk-icon-var-play: \"\\f145\";\n@bk-icon-var-play-2: \"\\f146\";\n@bk-icon-var-play-button-circled: \"\\f15d\";\n@bk-icon-var-player-change: \"\\f244\";\n@bk-icon-var-plus: \"\\f13f\";\n@bk-icon-var-plus-math: \"\\f13d\";\n@bk-icon-var-plus-sign: \"\\f13e\";\n@bk-icon-var-popup: \"\\f12c\";\n@bk-icon-var-present: \"\\f100\";\n@bk-icon-var-presentation: \"\\f151\";\n@bk-icon-var-prev: \"\\f22f\";\n@bk-icon-var-prev-2: \"\\f230\";\n@bk-icon-var-price-tag: \"\\f132\";\n@bk-icon-var-print: \"\\f1af\";\n@bk-icon-var-process: \"\\f1a4\";\n@bk-icon-var-product: \"\\f1c1\";\n@bk-icon-var-product-documents: \"\\f152\";\n@bk-icon-var-profile-picture-placeholder: \"\\f18c\";\n@bk-icon-var-public-transportation: \"\\f207\";\n@bk-icon-var-quote-left: \"\\f11c\";\n@bk-icon-var-quote-left-filled: \"\\f139\";\n@bk-icon-var-rating: \"\\f250\";\n@bk-icon-var-rating-2: \"\\f251\";\n@bk-icon-var-ratings: \"\\f1ee\";\n@bk-icon-var-real-estate: \"\\f19f\";\n@bk-icon-var-restaurant-menu: \"\\f1cb\";\n@bk-icon-var-resume: \"\\f1a3\";\n@bk-icon-var-right-pointing-arrow: \"\\f161\";\n@bk-icon-var-sad-smile: \"\\f1f5\";\n@bk-icon-var-scroll-down: \"\\f17c\";\n@bk-icon-var-scroll-up: \"\\f143\";\n@bk-icon-var-service-bell: \"\\f177\";\n@bk-icon-var-settings: \"\\f122\";\n@bk-icon-var-sheets: \"\\f16a\";\n@bk-icon-var-sheets-2: \"\\f16b\";\n@bk-icon-var-shocked-smiley: \"\\f1f8\";\n@bk-icon-var-shopping-bag: \"\\f131\";\n@bk-icon-var-shopping-cart: \"\\f136\";\n@bk-icon-var-signpost: \"\\f107\";\n@bk-icon-var-simple-arrow: \"\\f160\";\n@bk-icon-var-simple-arrow-2: \"\\f162\";\n@bk-icon-var-simple-arrow-3: \"\\f224\";\n@bk-icon-var-simple-arrow-4: \"\\f228\";\n@bk-icon-var-simple-arrow-5: \"\\f229\";\n@bk-icon-var-slide-up: \"\\f142\";\n@bk-icon-var-slider: \"\\f17d\";\n@bk-icon-var-small-house: \"\\f1bf\";\n@bk-icon-var-smartphone-tablet: \"\\f176\";\n@bk-icon-var-smile-emoticon: \"\\f1f6\";\n@bk-icon-var-smiling-face-with-heart: \"\\f1f7\";\n@bk-icon-var-sms: \"\\f233\";\n@bk-icon-var-sms-2: \"\\f234\";\n@bk-icon-var-sofa: \"\\f168\";\n@bk-icon-var-sort-left: \"\\f22b\";\n@bk-icon-var-sort-right: \"\\f22a\";\n@bk-icon-var-speed: \"\\f14c\";\n@bk-icon-var-speedometer: \"\\f178\";\n@bk-icon-var-store: \"\\f192\";\n@bk-icon-var-street-view-location: \"\\f1e0\";\n@bk-icon-var-subtract: \"\\f183\";\n@bk-icon-var-suitcase: \"\\f203\";\n@bk-icon-var-tags: \"\\f1bd\";\n@bk-icon-var-teapot: \"\\f1d7\";\n@bk-icon-var-technical-support: \"\\f181\";\n@bk-icon-var-telephone: \"\\f104\";\n@bk-icon-var-tennis-player: \"\\f242\";\n@bk-icon-var-term: \"\\f13c\";\n@bk-icon-var-themes: \"\\f12a\";\n@bk-icon-var-three-dots-symbol: \"\\f235\";\n@bk-icon-var-three-dots-symbol-2: \"\\f236\";\n@bk-icon-var-tick-box: \"\\f124\";\n@bk-icon-var-ticket: \"\\f137\";\n@bk-icon-var-today: \"\\f120\";\n@bk-icon-var-today-apps: \"\\f1de\";\n@bk-icon-var-todo-list: \"\\f148\";\n@bk-icon-var-toilet: \"\\f1bb\";\n@bk-icon-var-toolbox: \"\\f165\";\n@bk-icon-var-tooth: \"\\f21e\";\n@bk-icon-var-top-menu: \"\\f1e6\";\n@bk-icon-var-train-ticket: \"\\f189\";\n@bk-icon-var-travel: \"\\f202\";\n@bk-icon-var-travel-visa: \"\\f201\";\n@bk-icon-var-triangular-bandage: \"\\f212\";\n@bk-icon-var-trophy: \"\\f252\";\n@bk-icon-var-tv: \"\\f149\";\n@bk-icon-var-uncheck-all: \"\\f127\";\n@bk-icon-var-up: \"\\f144\";\n@bk-icon-var-up-squared: \"\\f222\";\n@bk-icon-var-upload: \"\\f113\";\n@bk-icon-var-upload-link-document: \"\\f15c\";\n@bk-icon-var-user: \"\\f10a\";\n@bk-icon-var-user-account: \"\\f11e\";\n@bk-icon-var-user-male: \"\\f10c\";\n@bk-icon-var-user-menu-male: \"\\f15a\";\n@bk-icon-var-vegan-food: \"\\f1d3\";\n@bk-icon-var-vegetarian-food: \"\\f1d0\";\n@bk-icon-var-verified-account: \"\\f18b\";\n@bk-icon-var-video-call: \"\\f1e9\";\n@bk-icon-var-view: \"\\f1df\";\n@bk-icon-var-view-carousel: \"\\f1e2\";\n@bk-icon-var-view-details: \"\\f141\";\n@bk-icon-var-view-more: \"\\f1e1\";\n@bk-icon-var-visa-credit-card: \"\\f1c2\";\n@bk-icon-var-walking-silhouette: \"\\f204\";\n@bk-icon-var-water-polo: \"\\f243\";\n@bk-icon-var-web: \"\\f12d\";\n@bk-icon-var-wipes: \"\\f218\";\n@bk-icon-var-work: \"\\f114\";\n@bk-icon-var-world-cup: \"\\f248\";\n@bk-icon-var-zoom: \"\\f172\";\n\/\/ Base Class Definition\n\/\/ -------------------------\n\n.bk-icon-font() {\n \/\/ display: inline-block;\n font-family: @bk-icon-font-name;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n speak: none;\n text-decoration: inherit;\n text-rendering: optimizeLegibility;\n text-transform: none;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n}\n\/\/ Font paths\n\/\/ -------------------------\n@font-face {\n\tfont-family: @bk-icon-font-name;\n\tsrc: url(\"\/templates\/buckle\/less\/icons\/fonts\/buckle-icons.woff2\") format(\"woff2\"),\n\t\t url(\"\/templates\/buckle\/less\/icons\/fonts\/buckle-icons.woff\") format(\"woff\"),\n\t\t url(\"\/templates\/buckle\/less\/icons\/fonts\/buckle-icons.ttf\") format(\"truetype\"),\n\t\t url(\"\/templates\/buckle\/less\/icons\/fonts\/buckle-icons.svg#buckle\") format(\"svg\");\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n@media screen and (-webkit-min-device-pixel-ratio:0) {\n\t@font-face {\n\t\tfont-family: @bk-icon-font-name;\n\t\tsrc: url(\"\/templates\/buckle\/less\/icons\/fonts\/buckle-icons.svg#Buckle\") format(\"svg\");\n\t}\n}\n\/\/ Icons\n\/\/ -------------------------\n\n[data-bk-icon]:before,\n.bk-icon-about:before,\n.bk-icon-add:before,\n.bk-icon-add-list:before,\n.bk-icon-add-property:before,\n.bk-icon-address-book:before,\n.bk-icon-adjust:before,\n.bk-icon-advertising:before,\n.bk-icon-alarm:before,\n.bk-icon-alarm-clock:before,\n.bk-icon-american-express-card:before,\n.bk-icon-american-football:before,\n.bk-icon-american-football-2:before,\n.bk-icon-applause:before,\n.bk-icon-apple-watch:before,\n.bk-icon-apply:before,\n.bk-icon-approval:before,\n.bk-icon-archive-folder:before,\n.bk-icon-armchair:before,\n.bk-icon-arrow:before,\n.bk-icon-arrow-pointing-to-right:before,\n.bk-icon-audio-wave:before,\n.bk-icon-automatic:before,\n.bk-icon-bag:before,\n.bk-icon-bank:before,\n.bk-icon-baseball-player:before,\n.bk-icon-bed:before,\n.bk-icon-bedroom:before,\n.bk-icon-bill:before,\n.bk-icon-book-shelf:before,\n.bk-icon-book-stack:before,\n.bk-icon-bookmark:before,\n.bk-icon-brain:before,\n.bk-icon-briefcase:before,\n.bk-icon-building:before,\n.bk-icon-bulleted-list:before,\n.bk-icon-bus:before,\n.bk-icon-calendar:before,\n.bk-icon-call:before,\n.bk-icon-call-2:before,\n.bk-icon-campfire:before,\n.bk-icon-camping-tent:before,\n.bk-icon-cancel-2:before,\n.bk-icon-caret-arrowhead-facing-down:before,\n.bk-icon-caret-arrowhead-facing-down-2:before,\n.bk-icon-caret-arrowhead-facing-down-3:before,\n.bk-icon-caret-arrowhead-facing-down-4:before,\n.bk-icon-caret-arrowhead-facing-down-5:before,\n.bk-icon-chair:before,\n.bk-icon-chart:before,\n.bk-icon-chat-bubble:before,\n.bk-icon-chat-message:before,\n.bk-icon-chat-message-2:before,\n.bk-icon-chat-message-3:before,\n.bk-icon-check:before,\n.bk-icon-check-all:before,\n.bk-icon-checked:before,\n.bk-icon-chevron:before,\n.bk-icon-chevron-2:before,\n.bk-icon-circled-arrow-right:before,\n.bk-icon-clipboard-checklist:before,\n.bk-icon-cloakroom:before,\n.bk-icon-clock:before,\n.bk-icon-close-button:before,\n.bk-icon-close-button-2:before,\n.bk-icon-close-window:before,\n.bk-icon-clothes:before,\n.bk-icon-cloud-computing:before,\n.bk-icon-coffee:before,\n.bk-icon-coffee-mug:before,\n.bk-icon-collage:before,\n.bk-icon-collapse-arrow:before,\n.bk-icon-collectibles:before,\n.bk-icon-combi-ticket:before,\n.bk-icon-combo-chart:before,\n.bk-icon-comments:before,\n.bk-icon-comments-filled:before,\n.bk-icon-contacts:before,\n.bk-icon-create:before,\n.bk-icon-cricket:before,\n.bk-icon-cruise-ship:before,\n.bk-icon-curriculum:before,\n.bk-icon-database-administrator:before,\n.bk-icon-database-symbol:before,\n.bk-icon-delete:before,\n.bk-icon-deliver-food:before,\n.bk-icon-digital-photography:before,\n.bk-icon-dining-room:before,\n.bk-icon-discover-credit-card:before,\n.bk-icon-document:before,\n.bk-icon-dollar-sign:before,\n.bk-icon-door:before,\n.bk-icon-door-opened:before,\n.bk-icon-double-left:before,\n.bk-icon-double-up:before,\n.bk-icon-download:before,\n.bk-icon-ear:before,\n.bk-icon-edit:before,\n.bk-icon-edit-file:before,\n.bk-icon-education:before,\n.bk-icon-education-2:before,\n.bk-icon-electrocardiography:before,\n.bk-icon-email-envelope:before,\n.bk-icon-energy:before,\n.bk-icon-engineer-symbol:before,\n.bk-icon-euro:before,\n.bk-icon-exit:before,\n.bk-icon-extra-large-icon:before,\n.bk-icon-eye:before,\n.bk-icon-facebook-like:before,\n.bk-icon-female-user:before,\n.bk-icon-field-hockey:before,\n.bk-icon-floor-plan:before,\n.bk-icon-folder:before,\n.bk-icon-food:before,\n.bk-icon-football-game:before,\n.bk-icon-fork-and-knife-crossed:before,\n.bk-icon-form:before,\n.bk-icon-french-fries:before,\n.bk-icon-fridge:before,\n.bk-icon-front-and-back-side-of-a-credit-card:before,\n.bk-icon-full-page-view:before,\n.bk-icon-gear-outline:before,\n.bk-icon-get-quote:before,\n.bk-icon-get-quote-filled:before,\n.bk-icon-gift:before,\n.bk-icon-glasses:before,\n.bk-icon-golf-ball:before,\n.bk-icon-green-check-mark:before,\n.bk-icon-group-objects:before,\n.bk-icon-group-of-atoms:before,\n.bk-icon-hamburger:before,\n.bk-icon-hand-pressing-a-button:before,\n.bk-icon-handball:before,\n.bk-icon-happy-smile:before,\n.bk-icon-headset:before,\n.bk-icon-health-checkup:before,\n.bk-icon-heart-with-pulse:before,\n.bk-icon-help:before,\n.bk-icon-hide:before,\n.bk-icon-home:before,\n.bk-icon-home-address:before,\n.bk-icon-hospital-symbol:before,\n.bk-icon-hospital-wagon:before,\n.bk-icon-id-verified:before,\n.bk-icon-idea:before,\n.bk-icon-identification-documents:before,\n.bk-icon-imac:before,\n.bk-icon-implant:before,\n.bk-icon-inbox:before,\n.bk-icon-industrial-plant:before,\n.bk-icon-info:before,\n.bk-icon-information:before,\n.bk-icon-interview-in-progress:before,\n.bk-icon-iphone-x:before,\n.bk-icon-jcb-credit-card:before,\n.bk-icon-landing-page:before,\n.bk-icon-left-arrow:before,\n.bk-icon-left-button:before,\n.bk-icon-lifebuoy:before,\n.bk-icon-light-bulb-outline:before,\n.bk-icon-living-room:before,\n.bk-icon-login-rounded:before,\n.bk-icon-logout-rounded-left:before,\n.bk-icon-male-user:before,\n.bk-icon-managerial-staff:before,\n.bk-icon-mastercard-logo:before,\n.bk-icon-meal:before,\n.bk-icon-medal:before,\n.bk-icon-medal-first-place:before,\n.bk-icon-medal-second-place:before,\n.bk-icon-medal-third-place:before,\n.bk-icon-medical-chart:before,\n.bk-icon-medical-doctor:before,\n.bk-icon-medical-heart:before,\n.bk-icon-microscope:before,\n.bk-icon-microwave:before,\n.bk-icon-milk:before,\n.bk-icon-minus:before,\n.bk-icon-money-box:before,\n.bk-icon-mortar-and-pestle:before,\n.bk-icon-neutral-face-emoji:before,\n.bk-icon-new-file:before,\n.bk-icon-new-product:before,\n.bk-icon-news:before,\n.bk-icon-notification:before,\n.bk-icon-nurse:before,\n.bk-icon-office-chair:before,\n.bk-icon-ok:before,\n.bk-icon-online-support:before,\n.bk-icon-open:before,\n.bk-icon-open-book:before,\n.bk-icon-page:before,\n.bk-icon-paper-airplane:before,\n.bk-icon-password:before,\n.bk-icon-password-1:before,\n.bk-icon-pdf:before,\n.bk-icon-pencil-and-ruler:before,\n.bk-icon-people:before,\n.bk-icon-person-female:before,\n.bk-icon-person-kicking-ball:before,\n.bk-icon-personal-computer:before,\n.bk-icon-phone:before,\n.bk-icon-phonelink-ring:before,\n.bk-icon-photo:before,\n.bk-icon-photo-gallery:before,\n.bk-icon-pill-bottle:before,\n.bk-icon-planet-earth:before,\n.bk-icon-play:before,\n.bk-icon-play-2:before,\n.bk-icon-play-button-circled:before,\n.bk-icon-player-change:before,\n.bk-icon-plus:before,\n.bk-icon-plus-math:before,\n.bk-icon-plus-sign:before,\n.bk-icon-popup:before,\n.bk-icon-present:before,\n.bk-icon-presentation:before,\n.bk-icon-prev:before,\n.bk-icon-prev-2:before,\n.bk-icon-price-tag:before,\n.bk-icon-print:before,\n.bk-icon-process:before,\n.bk-icon-product:before,\n.bk-icon-product-documents:before,\n.bk-icon-profile-picture-placeholder:before,\n.bk-icon-public-transportation:before,\n.bk-icon-quote-left:before,\n.bk-icon-quote-left-filled:before,\n.bk-icon-rating:before,\n.bk-icon-rating-2:before,\n.bk-icon-ratings:before,\n.bk-icon-real-estate:before,\n.bk-icon-restaurant-menu:before,\n.bk-icon-resume:before,\n.bk-icon-right-pointing-arrow:before,\n.bk-icon-sad-smile:before,\n.bk-icon-scroll-down:before,\n.bk-icon-scroll-up:before,\n.bk-icon-service-bell:before,\n.bk-icon-settings:before,\n.bk-icon-sheets:before,\n.bk-icon-sheets-2:before,\n.bk-icon-shocked-smiley:before,\n.bk-icon-shopping-bag:before,\n.bk-icon-shopping-cart:before,\n.bk-icon-signpost:before,\n.bk-icon-simple-arrow:before,\n.bk-icon-simple-arrow-2:before,\n.bk-icon-simple-arrow-3:before,\n.bk-icon-simple-arrow-4:before,\n.bk-icon-simple-arrow-5:before,\n.bk-icon-slide-up:before,\n.bk-icon-slider:before,\n.bk-icon-small-house:before,\n.bk-icon-smartphone-tablet:before,\n.bk-icon-smile-emoticon:before,\n.bk-icon-smiling-face-with-heart:before,\n.bk-icon-sms:before,\n.bk-icon-sms-2:before,\n.bk-icon-sofa:before,\n.bk-icon-sort-left:before,\n.bk-icon-sort-right:before,\n.bk-icon-speed:before,\n.bk-icon-speedometer:before,\n.bk-icon-store:before,\n.bk-icon-street-view-location:before,\n.bk-icon-subtract:before,\n.bk-icon-suitcase:before,\n.bk-icon-tags:before,\n.bk-icon-teapot:before,\n.bk-icon-technical-support:before,\n.bk-icon-telephone:before,\n.bk-icon-tennis-player:before,\n.bk-icon-term:before,\n.bk-icon-themes:before,\n.bk-icon-three-dots-symbol:before,\n.bk-icon-three-dots-symbol-2:before,\n.bk-icon-tick-box:before,\n.bk-icon-ticket:before,\n.bk-icon-today:before,\n.bk-icon-today-apps:before,\n.bk-icon-todo-list:before,\n.bk-icon-toilet:before,\n.bk-icon-toolbox:before,\n.bk-icon-tooth:before,\n.bk-icon-top-menu:before,\n.bk-icon-train-ticket:before,\n.bk-icon-travel:before,\n.bk-icon-travel-visa:before,\n.bk-icon-triangular-bandage:before,\n.bk-icon-trophy:before,\n.bk-icon-tv:before,\n.bk-icon-uncheck-all:before,\n.bk-icon-up:before,\n.bk-icon-up-squared:before,\n.bk-icon-upload:before,\n.bk-icon-upload-link-document:before,\n.bk-icon-user:before,\n.bk-icon-user-account:before,\n.bk-icon-user-male:before,\n.bk-icon-user-menu-male:before,\n.bk-icon-vegan-food:before,\n.bk-icon-vegetarian-food:before,\n.bk-icon-verified-account:before,\n.bk-icon-video-call:before,\n.bk-icon-view:before,\n.bk-icon-view-carousel:before,\n.bk-icon-view-details:before,\n.bk-icon-view-more:before,\n.bk-icon-visa-credit-card:before,\n.bk-icon-walking-silhouette:before,\n.bk-icon-water-polo:before,\n.bk-icon-web:before,\n.bk-icon-wipes:before,\n.bk-icon-work:before,\n.bk-icon-world-cup:before,\n.bk-icon-zoom:before,\n{ .bk-icon-font(); }\n\n[data-bk-icon]:before { content: attr(data-bk-icon); }\n\n.bk-icon-about:before { content: \"@{bk-icon-var-about}\"; }\n.bk-icon-add:before { content: \"@{bk-icon-var-add}\"; }\n.bk-icon-add-list:before { content: \"@{bk-icon-var-add-list}\"; }\n.bk-icon-add-property:before { content: \"@{bk-icon-var-add-property}\"; }\n.bk-icon-address-book:before { content: \"@{bk-icon-var-address-book}\"; }\n.bk-icon-adjust:before { content: \"@{bk-icon-var-adjust}\"; }\n.bk-icon-advertising:before { content: \"@{bk-icon-var-advertising}\"; }\n.bk-icon-alarm:before { content: \"@{bk-icon-var-alarm}\"; }\n.bk-icon-alarm-clock:before { content: \"@{bk-icon-var-alarm-clock}\"; }\n.bk-icon-american-express-card:before { content: \"@{bk-icon-var-american-express-card}\"; }\n.bk-icon-american-football:before { content: \"@{bk-icon-var-american-football}\"; }\n.bk-icon-american-football-2:before { content: \"@{bk-icon-var-american-football-2}\"; }\n.bk-icon-applause:before { content: \"@{bk-icon-var-applause}\"; }\n.bk-icon-apple-watch:before { content: \"@{bk-icon-var-apple-watch}\"; }\n.bk-icon-apply:before { content: \"@{bk-icon-var-apply}\"; }\n.bk-icon-approval:before { content: \"@{bk-icon-var-approval}\"; }\n.bk-icon-archive-folder:before { content: \"@{bk-icon-var-archive-folder}\"; }\n.bk-icon-armchair:before { content: \"@{bk-icon-var-armchair}\"; }\n.bk-icon-arrow:before { content: \"@{bk-icon-var-arrow}\"; }\n.bk-icon-arrow-pointing-to-right:before { content: \"@{bk-icon-var-arrow-pointing-to-right}\"; }\n.bk-icon-audio-wave:before { content: \"@{bk-icon-var-audio-wave}\"; }\n.bk-icon-automatic:before { content: \"@{bk-icon-var-automatic}\"; }\n.bk-icon-bag:before { content: \"@{bk-icon-var-bag}\"; }\n.bk-icon-bank:before { content: \"@{bk-icon-var-bank}\"; }\n.bk-icon-baseball-player:before { content: \"@{bk-icon-var-baseball-player}\"; }\n.bk-icon-bed:before { content: \"@{bk-icon-var-bed}\"; }\n.bk-icon-bedroom:before { content: \"@{bk-icon-var-bedroom}\"; }\n.bk-icon-bill:before { content: \"@{bk-icon-var-bill}\"; }\n.bk-icon-book-shelf:before { content: \"@{bk-icon-var-book-shelf}\"; }\n.bk-icon-book-stack:before { content: \"@{bk-icon-var-book-stack}\"; }\n.bk-icon-bookmark:before { content: \"@{bk-icon-var-bookmark}\"; }\n.bk-icon-brain:before { content: \"@{bk-icon-var-brain}\"; }\n.bk-icon-briefcase:before { content: \"@{bk-icon-var-briefcase}\"; }\n.bk-icon-building:before { content: \"@{bk-icon-var-building}\"; }\n.bk-icon-bulleted-list:before { content: \"@{bk-icon-var-bulleted-list}\"; }\n.bk-icon-bus:before { content: \"@{bk-icon-var-bus}\"; }\n.bk-icon-calendar:before { content: \"@{bk-icon-var-calendar}\"; }\n.bk-icon-call:before { content: \"@{bk-icon-var-call}\"; }\n.bk-icon-call-2:before { content: \"@{bk-icon-var-call-2}\"; }\n.bk-icon-campfire:before { content: \"@{bk-icon-var-campfire}\"; }\n.bk-icon-camping-tent:before { content: \"@{bk-icon-var-camping-tent}\"; }\n.bk-icon-cancel-2:before { content: \"@{bk-icon-var-cancel-2}\"; }\n.bk-icon-caret-arrowhead-facing-down:before { content: \"@{bk-icon-var-caret-arrowhead-facing-down}\"; }\n.bk-icon-caret-arrowhead-facing-down-2:before { content: \"@{bk-icon-var-caret-arrowhead-facing-down-2}\"; }\n.bk-icon-caret-arrowhead-facing-down-3:before { content: \"@{bk-icon-var-caret-arrowhead-facing-down-3}\"; }\n.bk-icon-caret-arrowhead-facing-down-4:before { content: \"@{bk-icon-var-caret-arrowhead-facing-down-4}\"; }\n.bk-icon-caret-arrowhead-facing-down-5:before { content: \"@{bk-icon-var-caret-arrowhead-facing-down-5}\"; }\n.bk-icon-chair:before { content: \"@{bk-icon-var-chair}\"; }\n.bk-icon-chart:before { content: \"@{bk-icon-var-chart}\"; }\n.bk-icon-chat-bubble:before { content: \"@{bk-icon-var-chat-bubble}\"; }\n.bk-icon-chat-message:before { content: \"@{bk-icon-var-chat-message}\"; }\n.bk-icon-chat-message-2:before { content: \"@{bk-icon-var-chat-message-2}\"; }\n.bk-icon-chat-message-3:before { content: \"@{bk-icon-var-chat-message-3}\"; }\n.bk-icon-check:before { content: \"@{bk-icon-var-check}\"; }\n.bk-icon-check-all:before { content: \"@{bk-icon-var-check-all}\"; }\n.bk-icon-checked:before { content: \"@{bk-icon-var-checked}\"; }\n.bk-icon-chevron:before { content: \"@{bk-icon-var-chevron}\"; }\n.bk-icon-chevron-2:before { content: \"@{bk-icon-var-chevron-2}\"; }\n.bk-icon-circled-arrow-right:before { content: \"@{bk-icon-var-circled-arrow-right}\"; }\n.bk-icon-clipboard-checklist:before { content: \"@{bk-icon-var-clipboard-checklist}\"; }\n.bk-icon-cloakroom:before { content: \"@{bk-icon-var-cloakroom}\"; }\n.bk-icon-clock:before { content: \"@{bk-icon-var-clock}\"; }\n.bk-icon-close-button:before { content: \"@{bk-icon-var-close-button}\"; }\n.bk-icon-close-button-2:before { content: \"@{bk-icon-var-close-button-2}\"; }\n.bk-icon-close-window:before { content: \"@{bk-icon-var-close-window}\"; }\n.bk-icon-clothes:before { content: \"@{bk-icon-var-clothes}\"; }\n.bk-icon-cloud-computing:before { content: \"@{bk-icon-var-cloud-computing}\"; }\n.bk-icon-coffee:before { content: \"@{bk-icon-var-coffee}\"; }\n.bk-icon-coffee-mug:before { content: \"@{bk-icon-var-coffee-mug}\"; }\n.bk-icon-collage:before { content: \"@{bk-icon-var-collage}\"; }\n.bk-icon-collapse-arrow:before { content: \"@{bk-icon-var-collapse-arrow}\"; }\n.bk-icon-collectibles:before { content: \"@{bk-icon-var-collectibles}\"; }\n.bk-icon-combi-ticket:before { content: \"@{bk-icon-var-combi-ticket}\"; }\n.bk-icon-combo-chart:before { content: \"@{bk-icon-var-combo-chart}\"; }\n.bk-icon-comments:before { content: \"@{bk-icon-var-comments}\"; }\n.bk-icon-comments-filled:before { content: \"@{bk-icon-var-comments-filled}\"; }\n.bk-icon-contacts:before { content: \"@{bk-icon-var-contacts}\"; }\n.bk-icon-create:before { content: \"@{bk-icon-var-create}\"; }\n.bk-icon-cricket:before { content: \"@{bk-icon-var-cricket}\"; }\n.bk-icon-cruise-ship:before { content: \"@{bk-icon-var-cruise-ship}\"; }\n.bk-icon-curriculum:before { content: \"@{bk-icon-var-curriculum}\"; }\n.bk-icon-database-administrator:before { content: \"@{bk-icon-var-database-administrator}\"; }\n.bk-icon-database-symbol:before { content: \"@{bk-icon-var-database-symbol}\"; }\n.bk-icon-delete:before { content: \"@{bk-icon-var-delete}\"; }\n.bk-icon-deliver-food:before { content: \"@{bk-icon-var-deliver-food}\"; }\n.bk-icon-digital-photography:before { content: \"@{bk-icon-var-digital-photography}\"; }\n.bk-icon-dining-room:before { content: \"@{bk-icon-var-dining-room}\"; }\n.bk-icon-discover-credit-card:before { content: \"@{bk-icon-var-discover-credit-card}\"; }\n.bk-icon-document:before { content: \"@{bk-icon-var-document}\"; }\n.bk-icon-dollar-sign:before { content: \"@{bk-icon-var-dollar-sign}\"; }\n.bk-icon-door:before { content: \"@{bk-icon-var-door}\"; }\n.bk-icon-door-opened:before { content: \"@{bk-icon-var-door-opened}\"; }\n.bk-icon-double-left:before { content: \"@{bk-icon-var-double-left}\"; }\n.bk-icon-double-up:before { content: \"@{bk-icon-var-double-up}\"; }\n.bk-icon-download:before { content: \"@{bk-icon-var-download}\"; }\n.bk-icon-ear:before { content: \"@{bk-icon-var-ear}\"; }\n.bk-icon-edit:before { content: \"@{bk-icon-var-edit}\"; }\n.bk-icon-edit-file:before { content: \"@{bk-icon-var-edit-file}\"; }\n.bk-icon-education:before { content: \"@{bk-icon-var-education}\"; }\n.bk-icon-education-2:before { content: \"@{bk-icon-var-education-2}\"; }\n.bk-icon-electrocardiography:before { content: \"@{bk-icon-var-electrocardiography}\"; }\n.bk-icon-email-envelope:before { content: \"@{bk-icon-var-email-envelope}\"; }\n.bk-icon-energy:before { content: \"@{bk-icon-var-energy}\"; }\n.bk-icon-engineer-symbol:before { content: \"@{bk-icon-var-engineer-symbol}\"; }\n.bk-icon-euro:before { content: \"@{bk-icon-var-euro}\"; }\n.bk-icon-exit:before { content: \"@{bk-icon-var-exit}\"; }\n.bk-icon-extra-large-icon:before { content: \"@{bk-icon-var-extra-large-icon}\"; }\n.bk-icon-eye:before { content: \"@{bk-icon-var-eye}\"; }\n.bk-icon-facebook-like:before { content: \"@{bk-icon-var-facebook-like}\"; }\n.bk-icon-female-user:before { content: \"@{bk-icon-var-female-user}\"; }\n.bk-icon-field-hockey:before { content: \"@{bk-icon-var-field-hockey}\"; }\n.bk-icon-floor-plan:before { content: \"@{bk-icon-var-floor-plan}\"; }\n.bk-icon-folder:before { content: \"@{bk-icon-var-folder}\"; }\n.bk-icon-food:before { content: \"@{bk-icon-var-food}\"; }\n.bk-icon-football-game:before { content: \"@{bk-icon-var-football-game}\"; }\n.bk-icon-fork-and-knife-crossed:before { content: \"@{bk-icon-var-fork-and-knife-crossed}\"; }\n.bk-icon-form:before { content: \"@{bk-icon-var-form}\"; }\n.bk-icon-french-fries:before { content: \"@{bk-icon-var-french-fries}\"; }\n.bk-icon-fridge:before { content: \"@{bk-icon-var-fridge}\"; }\n.bk-icon-front-and-back-side-of-a-credit-card:before { content: \"@{bk-icon-var-front-and-back-side-of-a-credit-card}\"; }\n.bk-icon-full-page-view:before { content: \"@{bk-icon-var-full-page-view}\"; }\n.bk-icon-gear-outline:before { content: \"@{bk-icon-var-gear-outline}\"; }\n.bk-icon-get-quote:before { content: \"@{bk-icon-var-get-quote}\"; }\n.bk-icon-get-quote-filled:before { content: \"@{bk-icon-var-get-quote-filled}\"; }\n.bk-icon-gift:before { content: \"@{bk-icon-var-gift}\"; }\n.bk-icon-glasses:before { content: \"@{bk-icon-var-glasses}\"; }\n.bk-icon-golf-ball:before { content: \"@{bk-icon-var-golf-ball}\"; }\n.bk-icon-green-check-mark:before { content: \"@{bk-icon-var-green-check-mark}\"; }\n.bk-icon-group-objects:before { content: \"@{bk-icon-var-group-objects}\"; }\n.bk-icon-group-of-atoms:before { content: \"@{bk-icon-var-group-of-atoms}\"; }\n.bk-icon-hamburger:before { content: \"@{bk-icon-var-hamburger}\"; }\n.bk-icon-hand-pressing-a-button:before { content: \"@{bk-icon-var-hand-pressing-a-button}\"; }\n.bk-icon-handball:before { content: \"@{bk-icon-var-handball}\"; }\n.bk-icon-happy-smile:before { content: \"@{bk-icon-var-happy-smile}\"; }\n.bk-icon-headset:before { content: \"@{bk-icon-var-headset}\"; }\n.bk-icon-health-checkup:before { content: \"@{bk-icon-var-health-checkup}\"; }\n.bk-icon-heart-with-pulse:before { content: \"@{bk-icon-var-heart-with-pulse}\"; }\n.bk-icon-help:before { content: \"@{bk-icon-var-help}\"; }\n.bk-icon-hide:before { content: \"@{bk-icon-var-hide}\"; }\n.bk-icon-home:before { content: \"@{bk-icon-var-home}\"; }\n.bk-icon-home-address:before { content: \"@{bk-icon-var-home-address}\"; }\n.bk-icon-hospital-symbol:before { content: \"@{bk-icon-var-hospital-symbol}\"; }\n.bk-icon-hospital-wagon:before { content: \"@{bk-icon-var-hospital-wagon}\"; }\n.bk-icon-id-verified:before { content: \"@{bk-icon-var-id-verified}\"; }\n.bk-icon-idea:before { content: \"@{bk-icon-var-idea}\"; }\n.bk-icon-identification-documents:before { content: \"@{bk-icon-var-identification-documents}\"; }\n.bk-icon-imac:before { content: \"@{bk-icon-var-imac}\"; }\n.bk-icon-implant:before { content: \"@{bk-icon-var-implant}\"; }\n.bk-icon-inbox:before { content: \"@{bk-icon-var-inbox}\"; }\n.bk-icon-industrial-plant:before { content: \"@{bk-icon-var-industrial-plant}\"; }\n.bk-icon-info:before { content: \"@{bk-icon-var-info}\"; }\n.bk-icon-information:before { content: \"@{bk-icon-var-information}\"; }\n.bk-icon-interview-in-progress:before { content: \"@{bk-icon-var-interview-in-progress}\"; }\n.bk-icon-iphone-x:before { content: \"@{bk-icon-var-iphone-x}\"; }\n.bk-icon-jcb-credit-card:before { content: \"@{bk-icon-var-jcb-credit-card}\"; }\n.bk-icon-landing-page:before { content: \"@{bk-icon-var-landing-page}\"; }\n.bk-icon-left-arrow:before { content: \"@{bk-icon-var-left-arrow}\"; }\n.bk-icon-left-button:before { content: \"@{bk-icon-var-left-button}\"; }\n.bk-icon-lifebuoy:before { content: \"@{bk-icon-var-lifebuoy}\"; }\n.bk-icon-light-bulb-outline:before { content: \"@{bk-icon-var-light-bulb-outline}\"; }\n.bk-icon-living-room:before { content: \"@{bk-icon-var-living-room}\"; }\n.bk-icon-login-rounded:before { content: \"@{bk-icon-var-login-rounded}\"; }\n.bk-icon-logout-rounded-left:before { content: \"@{bk-icon-var-logout-rounded-left}\"; }\n.bk-icon-male-user:before { content: \"@{bk-icon-var-male-user}\"; }\n.bk-icon-managerial-staff:before { content: \"@{bk-icon-var-managerial-staff}\"; }\n.bk-icon-mastercard-logo:before { content: \"@{bk-icon-var-mastercard-logo}\"; }\n.bk-icon-meal:before { content: \"@{bk-icon-var-meal}\"; }\n.bk-icon-medal:before { content: \"@{bk-icon-var-medal}\"; }\n.bk-icon-medal-first-place:before { content: \"@{bk-icon-var-medal-first-place}\"; }\n.bk-icon-medal-second-place:before { content: \"@{bk-icon-var-medal-second-place}\"; }\n.bk-icon-medal-third-place:before { content: \"@{bk-icon-var-medal-third-place}\"; }\n.bk-icon-medical-chart:before { content: \"@{bk-icon-var-medical-chart}\"; }\n.bk-icon-medical-doctor:before { content: \"@{bk-icon-var-medical-doctor}\"; }\n.bk-icon-medical-heart:before { content: \"@{bk-icon-var-medical-heart}\"; }\n.bk-icon-microscope:before { content: \"@{bk-icon-var-microscope}\"; }\n.bk-icon-microwave:before { content: \"@{bk-icon-var-microwave}\"; }\n.bk-icon-milk:before { content: \"@{bk-icon-var-milk}\"; }\n.bk-icon-minus:before { content: \"@{bk-icon-var-minus}\"; }\n.bk-icon-money-box:before { content: \"@{bk-icon-var-money-box}\"; }\n.bk-icon-mortar-and-pestle:before { content: \"@{bk-icon-var-mortar-and-pestle}\"; }\n.bk-icon-neutral-face-emoji:before { content: \"@{bk-icon-var-neutral-face-emoji}\"; }\n.bk-icon-new-file:before { content: \"@{bk-icon-var-new-file}\"; }\n.bk-icon-new-product:before { content: \"@{bk-icon-var-new-product}\"; }\n.bk-icon-news:before { content: \"@{bk-icon-var-news}\"; }\n.bk-icon-notification:before { content: \"@{bk-icon-var-notification}\"; }\n.bk-icon-nurse:before { content: \"@{bk-icon-var-nurse}\"; }\n.bk-icon-office-chair:before { content: \"@{bk-icon-var-office-chair}\"; }\n.bk-icon-ok:before { content: \"@{bk-icon-var-ok}\"; }\n.bk-icon-online-support:before { content: \"@{bk-icon-var-online-support}\"; }\n.bk-icon-open:before { content: \"@{bk-icon-var-open}\"; }\n.bk-icon-open-book:before { content: \"@{bk-icon-var-open-book}\"; }\n.bk-icon-page:before { content: \"@{bk-icon-var-page}\"; }\n.bk-icon-paper-airplane:before { content: \"@{bk-icon-var-paper-airplane}\"; }\n.bk-icon-password:before { content: \"@{bk-icon-var-password}\"; }\n.bk-icon-password-1:before { content: \"@{bk-icon-var-password-1}\"; }\n.bk-icon-pdf:before { content: \"@{bk-icon-var-pdf}\"; }\n.bk-icon-pencil-and-ruler:before { content: \"@{bk-icon-var-pencil-and-ruler}\"; }\n.bk-icon-people:before { content: \"@{bk-icon-var-people}\"; }\n.bk-icon-person-female:before { content: \"@{bk-icon-var-person-female}\"; }\n.bk-icon-person-kicking-ball:before { content: \"@{bk-icon-var-person-kicking-ball}\"; }\n.bk-icon-personal-computer:before { content: \"@{bk-icon-var-personal-computer}\"; }\n.bk-icon-phone:before { content: \"@{bk-icon-var-phone}\"; }\n.bk-icon-phonelink-ring:before { content: \"@{bk-icon-var-phonelink-ring}\"; }\n.bk-icon-photo:before { content: \"@{bk-icon-var-photo}\"; }\n.bk-icon-photo-gallery:before { content: \"@{bk-icon-var-photo-gallery}\"; }\n.bk-icon-pill-bottle:before { content: \"@{bk-icon-var-pill-bottle}\"; }\n.bk-icon-planet-earth:before { content: \"@{bk-icon-var-planet-earth}\"; }\n.bk-icon-play:before { content: \"@{bk-icon-var-play}\"; }\n.bk-icon-play-2:before { content: \"@{bk-icon-var-play-2}\"; }\n.bk-icon-play-button-circled:before { content: \"@{bk-icon-var-play-button-circled}\"; }\n.bk-icon-player-change:before { content: \"@{bk-icon-var-player-change}\"; }\n.bk-icon-plus:before { content: \"@{bk-icon-var-plus}\"; }\n.bk-icon-plus-math:before { content: \"@{bk-icon-var-plus-math}\"; }\n.bk-icon-plus-sign:before { content: \"@{bk-icon-var-plus-sign}\"; }\n.bk-icon-popup:before { content: \"@{bk-icon-var-popup}\"; }\n.bk-icon-present:before { content: \"@{bk-icon-var-present}\"; }\n.bk-icon-presentation:before { content: \"@{bk-icon-var-presentation}\"; }\n.bk-icon-prev:before { content: \"@{bk-icon-var-prev}\"; }\n.bk-icon-prev-2:before { content: \"@{bk-icon-var-prev-2}\"; }\n.bk-icon-price-tag:before { content: \"@{bk-icon-var-price-tag}\"; }\n.bk-icon-print:before { content: \"@{bk-icon-var-print}\"; }\n.bk-icon-process:before { content: \"@{bk-icon-var-process}\"; }\n.bk-icon-product:before { content: \"@{bk-icon-var-product}\"; }\n.bk-icon-product-documents:before { content: \"@{bk-icon-var-product-documents}\"; }\n.bk-icon-profile-picture-placeholder:before { content: \"@{bk-icon-var-profile-picture-placeholder}\"; }\n.bk-icon-public-transportation:before { content: \"@{bk-icon-var-public-transportation}\"; }\n.bk-icon-quote-left:before { content: \"@{bk-icon-var-quote-left}\"; }\n.bk-icon-quote-left-filled:before { content: \"@{bk-icon-var-quote-left-filled}\"; }\n.bk-icon-rating:before { content: \"@{bk-icon-var-rating}\"; }\n.bk-icon-rating-2:before { content: \"@{bk-icon-var-rating-2}\"; }\n.bk-icon-ratings:before { content: \"@{bk-icon-var-ratings}\"; }\n.bk-icon-real-estate:before { content: \"@{bk-icon-var-real-estate}\"; }\n.bk-icon-restaurant-menu:before { content: \"@{bk-icon-var-restaurant-menu}\"; }\n.bk-icon-resume:before { content: \"@{bk-icon-var-resume}\"; }\n.bk-icon-right-pointing-arrow:before { content: \"@{bk-icon-var-right-pointing-arrow}\"; }\n.bk-icon-sad-smile:before { content: \"@{bk-icon-var-sad-smile}\"; }\n.bk-icon-scroll-down:before { content: \"@{bk-icon-var-scroll-down}\"; }\n.bk-icon-scroll-up:before { content: \"@{bk-icon-var-scroll-up}\"; }\n.bk-icon-service-bell:before { content: \"@{bk-icon-var-service-bell}\"; }\n.bk-icon-settings:before { content: \"@{bk-icon-var-settings}\"; }\n.bk-icon-sheets:before { content: \"@{bk-icon-var-sheets}\"; }\n.bk-icon-sheets-2:before { content: \"@{bk-icon-var-sheets-2}\"; }\n.bk-icon-shocked-smiley:before { content: \"@{bk-icon-var-shocked-smiley}\"; }\n.bk-icon-shopping-bag:before { content: \"@{bk-icon-var-shopping-bag}\"; }\n.bk-icon-shopping-cart:before { content: \"@{bk-icon-var-shopping-cart}\"; }\n.bk-icon-signpost:before { content: \"@{bk-icon-var-signpost}\"; }\n.bk-icon-simple-arrow:before { content: \"@{bk-icon-var-simple-arrow}\"; }\n.bk-icon-simple-arrow-2:before { content: \"@{bk-icon-var-simple-arrow-2}\"; }\n.bk-icon-simple-arrow-3:before { content: \"@{bk-icon-var-simple-arrow-3}\"; }\n.bk-icon-simple-arrow-4:before { content: \"@{bk-icon-var-simple-arrow-4}\"; }\n.bk-icon-simple-arrow-5:before { content: \"@{bk-icon-var-simple-arrow-5}\"; }\n.bk-icon-slide-up:before { content: \"@{bk-icon-var-slide-up}\"; }\n.bk-icon-slider:before { content: \"@{bk-icon-var-slider}\"; }\n.bk-icon-small-house:before { content: \"@{bk-icon-var-small-house}\"; }\n.bk-icon-smartphone-tablet:before { content: \"@{bk-icon-var-smartphone-tablet}\"; }\n.bk-icon-smile-emoticon:before { content: \"@{bk-icon-var-smile-emoticon}\"; }\n.bk-icon-smiling-face-with-heart:before { content: \"@{bk-icon-var-smiling-face-with-heart}\"; }\n.bk-icon-sms:before { content: \"@{bk-icon-var-sms}\"; }\n.bk-icon-sms-2:before { content: \"@{bk-icon-var-sms-2}\"; }\n.bk-icon-sofa:before { content: \"@{bk-icon-var-sofa}\"; }\n.bk-icon-sort-left:before { content: \"@{bk-icon-var-sort-left}\"; }\n.bk-icon-sort-right:before { content: \"@{bk-icon-var-sort-right}\"; }\n.bk-icon-speed:before { content: \"@{bk-icon-var-speed}\"; }\n.bk-icon-speedometer:before { content: \"@{bk-icon-var-speedometer}\"; }\n.bk-icon-store:before { content: \"@{bk-icon-var-store}\"; }\n.bk-icon-street-view-location:before { content: \"@{bk-icon-var-street-view-location}\"; }\n.bk-icon-subtract:before { content: \"@{bk-icon-var-subtract}\"; }\n.bk-icon-suitcase:before { content: \"@{bk-icon-var-suitcase}\"; }\n.bk-icon-tags:before { content: \"@{bk-icon-var-tags}\"; }\n.bk-icon-teapot:before { content: \"@{bk-icon-var-teapot}\"; }\n.bk-icon-technical-support:before { content: \"@{bk-icon-var-technical-support}\"; }\n.bk-icon-telephone:before { content: \"@{bk-icon-var-telephone}\"; }\n.bk-icon-tennis-player:before { content: \"@{bk-icon-var-tennis-player}\"; }\n.bk-icon-term:before { content: \"@{bk-icon-var-term}\"; }\n.bk-icon-themes:before { content: \"@{bk-icon-var-themes}\"; }\n.bk-icon-three-dots-symbol:before { content: \"@{bk-icon-var-three-dots-symbol}\"; }\n.bk-icon-three-dots-symbol-2:before { content: \"@{bk-icon-var-three-dots-symbol-2}\"; }\n.bk-icon-tick-box:before { content: \"@{bk-icon-var-tick-box}\"; }\n.bk-icon-ticket:before { content: \"@{bk-icon-var-ticket}\"; }\n.bk-icon-today:before { content: \"@{bk-icon-var-today}\"; }\n.bk-icon-today-apps:before { content: \"@{bk-icon-var-today-apps}\"; }\n.bk-icon-todo-list:before { content: \"@{bk-icon-var-todo-list}\"; }\n.bk-icon-toilet:before { content: \"@{bk-icon-var-toilet}\"; }\n.bk-icon-toolbox:before { content: \"@{bk-icon-var-toolbox}\"; }\n.bk-icon-tooth:before { content: \"@{bk-icon-var-tooth}\"; }\n.bk-icon-top-menu:before { content: \"@{bk-icon-var-top-menu}\"; }\n.bk-icon-train-ticket:before { content: \"@{bk-icon-var-train-ticket}\"; }\n.bk-icon-travel:before { content: \"@{bk-icon-var-travel}\"; }\n.bk-icon-travel-visa:before { content: \"@{bk-icon-var-travel-visa}\"; }\n.bk-icon-triangular-bandage:before { content: \"@{bk-icon-var-triangular-bandage}\"; }\n.bk-icon-trophy:before { content: \"@{bk-icon-var-trophy}\"; }\n.bk-icon-tv:before { content: \"@{bk-icon-var-tv}\"; }\n.bk-icon-uncheck-all:before { content: \"@{bk-icon-var-uncheck-all}\"; }\n.bk-icon-up:before { content: \"@{bk-icon-var-up}\"; }\n.bk-icon-up-squared:before { content: \"@{bk-icon-var-up-squared}\"; }\n.bk-icon-upload:before { content: \"@{bk-icon-var-upload}\"; }\n.bk-icon-upload-link-document:before { content: \"@{bk-icon-var-upload-link-document}\"; }\n.bk-icon-user:before { content: \"@{bk-icon-var-user}\"; }\n.bk-icon-user-account:before { content: \"@{bk-icon-var-user-account}\"; }\n.bk-icon-user-male:before { content: \"@{bk-icon-var-user-male}\"; }\n.bk-icon-user-menu-male:before { content: \"@{bk-icon-var-user-menu-male}\"; }\n.bk-icon-vegan-food:before { content: \"@{bk-icon-var-vegan-food}\"; }\n.bk-icon-vegetarian-food:before { content: \"@{bk-icon-var-vegetarian-food}\"; }\n.bk-icon-verified-account:before { content: \"@{bk-icon-var-verified-account}\"; }\n.bk-icon-video-call:before { content: \"@{bk-icon-var-video-call}\"; }\n.bk-icon-view:before { content: \"@{bk-icon-var-view}\"; }\n.bk-icon-view-carousel:before { content: \"@{bk-icon-var-view-carousel}\"; }\n.bk-icon-view-details:before { content: \"@{bk-icon-var-view-details}\"; }\n.bk-icon-view-more:before { content: \"@{bk-icon-var-view-more}\"; }\n.bk-icon-visa-credit-card:before { content: \"@{bk-icon-var-visa-credit-card}\"; }\n.bk-icon-walking-silhouette:before { content: \"@{bk-icon-var-walking-silhouette}\"; }\n.bk-icon-water-polo:before { content: \"@{bk-icon-var-water-polo}\"; }\n.bk-icon-web:before { content: \"@{bk-icon-var-web}\"; }\n.bk-icon-wipes:before { content: \"@{bk-icon-var-wipes}\"; }\n.bk-icon-work:before { content: \"@{bk-icon-var-work}\"; }\n.bk-icon-world-cup:before { content: \"@{bk-icon-var-world-cup}\"; }\n.bk-icon-zoom:before { content: \"@{bk-icon-var-zoom}\"; }\n\n\/\/ Theme variables\n\/\/ ===============\n\n\/\/ container\n@theme-header-background: #fff;\n@theme-header-height: 104px;\n@theme-header-padding:\t\t\t\t\t\t\t\t25px;\n\n\/\/ page loader\n@theme-page-loader-background: #002e5b;\n@theme-page-loader-color: #fde428;\n\n\/\/ border\n@theme-border-background: #edf1f5;\n@theme-border-font-color: #002e5b;\n@theme-border-link-color: #254a98;\n@theme-border-link-hover-color: #6c98e1;\n@theme-border-icon-color:\t\t\t\t\t\t\t@theme-border-link-color;\n@theme-border-icon-hover-color:\t\t\t\t\t\t@theme-border-link-hover-color;\n@theme-border: \t\tdarken(@theme-border-background, 3%);\n@theme-border-background-image: 'concrete-wall';\n@theme-border-background-blend-mode: multiply;\n@theme-border-size: 30px;\n@theme-border-size-large: 50px;\n\n\/\/ right panel\n@theme-right-panel-background: #fff;\n@theme-right-panel-color: #002e5b;\n@theme-right-panel-background-image: none;\n@theme-right-panel-highlight-color:\t\t\t\t\t@global-primary-2-background;\n\n\/\/ toolbar\n@theme-toolbar-padding: round((@theme-border-size-large - 34px)\/2);\n\n\/\/ Header\n@theme-navbar-height: @navbar-nav-height;\n@theme-navbar-color: #fff;\n@theme-navbar-hover-color: #fde428;\n@theme-navbar-sticky-background: @theme-navbar-background;\n@theme-navbar-sticky-color: #fff;\n@theme-navbar-sticky-active-color: #002e5b;\n@theme-navbar-toggle-text: \"menu\";\n\n\/\/ default header\n@theme-navbar-background: #002e5b;\n@theme-navbar-active-item-background: #fde428;\n@theme-navbar-active-item-color: #002e5b;\n\n\/\/ transparent header\n@theme-transparent-header-color: #254a98;\n@theme-transparent-navbar-active-item-color: #6c98e1;\n\n\/\/ right header\n@theme-right-header-color: #111;\n@theme-right-navbar-active-item-color: #254a98;\n@theme-right-header-sticky-background: #fff;\n@theme-right-header-link-color:\t\t\t\t\t\t@global-link-color;\n@theme-right-header-link-hover-color:\t\t\t\t@global-link-hover-color;\n\n\/\/ navbar dropdown\n@theme-menu-dropdown-background: \t#002e5b;\n@theme-menu-dropdown-border-color: \t#fde428;\n@theme-menu-background-blend-mode:\t\t\t\t\tnormal;\n@theme-menu-badge-background:\t\t\t\t\t\t#fde428;\n@theme-menu-badge-color:\t\t\t\t\t\t\t#002e5b;\n\n@theme-menuitem-color: #fff;\n@theme-menuitem-hover-color: #fde428;\n@theme-menuright-color: #002e5b;\n@theme-menuright-border-color: lighten(@theme-navbar-background, 3%);\n@theme-menuright-button-background: #fde428;\n@theme-menuright-button-color: #002e5b;\n\n\/\/ Search Modal\n@theme-modal-close-background: #002e5b;\n@theme-modal-close-width: 50px;\n@theme-modal-close-border-width: 2px;\n@theme-modal-close-border-length: 30px;\n@theme-modal-close-border: @global-contrast-color;\n@theme-modal-text-align: left;\n\n@theme-search-field-font-size: 50px;\n@theme-search-field-color: #fff;\n@theme-search-field-width: 100%;\n@theme-search-field-height: 95px;\n\n@theme-breadcrumbs-background: #002e5b;\n@theme-breadcrumbs-color:\t\t\t\t\t\t\t@breadcrumbs-color;\n@theme-module-stripe-color: fade(@global-color, 15%);\n\n\/\/ footer\n@theme-footer-fixed-height: 500px;\n@theme-footer-padding-vertical: round((@theme-footer-fixed-height\/3.7));\n@theme-footer-background: #002e5b;\n@theme-footer-background-image: 'debut-light';\n@theme-footer-background-blend-mode: @global-background-blend-mode;\n@theme-footer-color: #fff;\n@theme-footer-heading-color: #fff;\n@theme-footer-link-color: #fde428;\n@theme-footer-link-hover-color: #4eabd9;\n\n@theme-copy-text-transform: none;\n@theme-copy-font-size: @global-font-size - 1;\n@theme-copy-letter-spacing: 0;\n@theme-copy-color: @theme-border-font-color;\n@theme-copy-link-color: @theme-border-link-color;\n@theme-copy-link-hover-color: @theme-border-link-hover-color;\n@theme-copy-padding:\t\t\t\t\t\t\t\tround((@theme-border-size-large - 30px)\/2);\n\n\/\/ General\n@theme-j2store-sale-text: sale;\n@theme-scrollbar-background:\t\t\t\t\t\t#fde428;\n@theme-scrollbar-width:\t\t\t\t\t\t\t\t7px;\n@theme-rating-color:\t\t\t\t\t\t\t\t@global-warning-background;\n\n\/* Layout\n ========================================================================== *\/\n\nhtml {\n\tbackground-color: @theme-border-background;\n\ttext-rendering: optimizeLegibility;\n\t-webkit-tap-highlight-color: rgba(0,0,0,0);\n}\n\nbody {\n\tposition: relative;\n\toverflow-x: hidden;\n}\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n \t\tbox-sizing: border-box;\n}\n\n\n.uk-notouch body { min-height: 100vh; }\n\n.tm-container {\n\tbackground-color: @global-background;\n\tposition: relative;\n\tz-index: 1;\n\tbox-shadow: 0 40px 50px @global-dark-2-shadow;\n}\n\n.tm-page {\n\toverflow: hidden;\n}\n\n.tm-boxed-layout,\n[class*='tm-container-border-'] {\n\tbackground: @theme-border-background;\n\tbackground-blend-mode: @theme-border-background-blend-mode;\n}\n\na {\n\ttransition: @global-transition-color;\n}\n\n\/\/ Preloader\n.tm-preload {\n\tposition: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tbackground: @theme-page-loader-background;\n\tbackground-image: -webkit-radial-gradient(center ,circle cover, lighten(@theme-page-loader-background, 5%) 0%, @theme-page-loader-background 100%);\n\tbackground-image: -moz-radial-gradient(center ,circle cover, lighten(@theme-page-loader-background, 5%) 0%, @theme-page-loader-background 100%);\n\tbackground-image: -o-radial-gradient(center ,circle cover, lighten(@theme-page-loader-background, 5%) 0%, @theme-page-loader-background 100%);\n\tbackground-image: radial-gradient(circle farthest-corner at center, lighten(@theme-page-loader-background, 5%) 0%, @theme-page-loader-background 100%);\n\tz-index: 10000000000;\n\tbox-shadow: inset 0 0 0 50px @theme-border-background;\n\t-webkit-transform: translateZ(2000px);\n\t\n\t\/\/ Rotating box\n\t&.tm-rotate-box {\n\t\t.tm-preload-box {\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tborder: 4px solid @theme-page-loader-color;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10000001;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tmargin-top: -15px;\n\t\t\tmargin-left: -15px;\n\t\t\t-webkit-animation: loader 3s infinite ease;\n\t\t\t\t\tanimation: loader 3s infinite ease;\n\t\t}\n\n\t\t.tm-preload-progress {\n\t\t\tvertical-align: top;\n\t\t\tdisplay: inline-block;\n\t\t\twidth: 100%;\n\t\t\tz-index: 10000002;\n\t\t\tbackground-color: @theme-page-loader-color;\n\t\t\t-webkit-animation: loader-inner 3s infinite ease-in;\n\t\t\t\t\tanimation: loader-inner 3s infinite ease-in;\n\t\t}\n\t}\n\n\t\/\/ Infinity \n\t&.tm-infinity {\n\t\t.tm-preload-infinity {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmargin: auto;\n\t\t\t\n\t\t\tsvg {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tright: 0;\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t}\n\n\t\t#infinity-outline {\n\t\t\tfill: transparent;\n\t\t\tstroke-width: 4;\n\t\t\tstroke: @theme-page-loader-color;\n\t\t\tstroke-dasharray: 3px, 300px;\n\t\t\tstroke-dashoffset: 0;\n\t\t\tanimation: infinity 3000ms linear infinite;\n\t\t}\n\n\t\t#infinity-bg {\n\t\t\tfill: transparent;\n\t\t\tstroke-width: 4;\n\t\t\tstroke: lighten(@theme-page-loader-background, 30%);\n\t\t\topacity: 0.075;\n\t\t}\n\t}\n\n\t\/\/ Puzzle \n\t&.tm-puzzle {\n\t\tsvg#tm-preload-puzzle {\n\t\t\tdisplay: block;\n\t\t\tmargin: auto;\n\t\t\twidth: 4rem;\n\t\t\theight: auto;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tright: 0;\n\t\t\tmargin: auto;\n\t\t\t\n\t\t\t#gradient > {\n\t\t\t\tstop[offset=\"0%\"] {\n\t\t\t\t\tstop-color: @theme-page-loader-color;\n\t\t\t\t}\n\n\t\t\t\tstop[offset=\"100%\"] {\n\t\t\t\t\tstop-color: @theme-page-loader-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.rect {\n\t\t\t\tanimation: puzzle-slide 15s ease infinite;\n\t\t\t}\n\t\t\t#rect1 {\n\t\t\t\tanimation-delay: 0s;\n\t\t\t}\n\t\t\t#rect2 {\n\t\t\t\tanimation-delay: -2.14285714s;\n\t\t\t}\n\t\t\t#rect3 {\n\t\t\t\tanimation-delay: -4.28571429s;\n\t\t\t}\n\t\t\t#rect4 {\n\t\t\t\tanimation-delay: -6.42857143s;\n\t\t\t}\n\t\t\t#rect5 {\n\t\t\t\tanimation-delay: -8.57142857s;\n\t\t\t}\n\t\t\t#rect6 {\n\t\t\t\tanimation-delay: -10.71428571s;\n\t\t\t}\n\t\t\t#rect7 {\n\t\t\t\tanimation-delay: -12.85714286s;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.tm-no-frame {\n\t.tm-preload {\n\t box-shadow: none !important;\n\t}\n\n\t#tm-copy {\n\t\tposition: fixed;\n\t\twidth: 100%;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n\n\t.tm-header-transparent {\n\t\twidth: 100% !important;\n\t}\n\n\t#tm-search-modal .uk-modal-dialog-blank {\n\t\tmax-width: 100% !important;\n\t\tmargin: 0 !important;\n\t\theight: 100%;\n\t\ttop: 0 !important;\n\t}\n\n\t.tm-toolbar .uk-container {\n\t\tpadding: 0 @theme-header-padding !important;\n\t}\n\n\t&:not(.tm-footer-fixed) {\n\n\t\t.tm-block-footer {\n\t\t padding-top: @block-padding-vertical;\n\t\t padding-bottom: @block-padding-vertical;\n\t\t z-index: 1;\n \t\tposition: relative;\n\t\t}\n\n\t\t#tm-copy {\n\t\t\tposition: relative;\n\t\t\tz-index: 0;\n\t\t}\n\t}\n}\n\n.uk-modal-page .tm-no-frame.tm-footer-fixed.tm-scrollbars {\n\t#tm-copy,\n\t#tm-footer {\n\t\tright: 7px !important;\n\t}\n} \n\n.no-preload .tm-preload {\n\tdisplay: none !important;\n}\n\n\/\/ Animated Links\n\na.tm-animated,\n.uk-breadcrumb a,\n.uk-article-meta a,\n.tm-toolbar > a:not(.uk-icon-button),\n.tm-toolbar .uk-subnav > li > a,\n.tm-copy .uk-subnav li a,\n.tm-article-icons a,\n.tm-copy a:not(.tm-totop-scroller) {\n\ttext-decoration: none;\n\tposition: relative;\n\n\t&:hover, \n\t&.uk-link:hover {\n\t\ttext-decoration: none;\n\t}\n\t\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 1px;\n\t\tbottom: -5px;\n\t\tleft: 0;\n\t\tbackground-color: @global-link-color;\n\t\topacity: 0;\n\t\ttransform: scaleX(0);\n\t\ttransition: @global-transition;\n\t}\n\n\t&:hover:after {\n\t\ttext-decoration: none;\n\t\tbackground-color: @global-link-hover-color;\n\t\topacity: 1;\n\t\ttransform: scaleX(1);\n\t}\n}\n\n\/\/ Blocks\n.tm-block {\n\t> div .uk-grid {\n\t\toverflow: hidden;\n\t}\n\n\t&.tm-block-large-padding {padding: @panel-box-padding*2;}\n\t&.tm-block-no-padding { padding: 0; }\n}\n\n.tm-block,\n.tm-block-large-padding {\n\tpadding-top: @panel-box-padding;\n\tpadding-bottom: @panel-box-padding;\n}\n\n.tm-block-default { \n\tbackground: @global-background; \n}\n\n.tm-block-padding {\n\tpadding: @panel-box-padding;\n}\n\n.tm-block-main,\n#tm-hero {\n\tclear: both;\n\tposition: relative;\n\tz-index: 1;\n}\n\n#tm-main {\n\tbackground-color: @global-background;\n}\n\n.tm-block-fullwidth {\n\tpadding: 0;\n\n\t> .uk-container {\n\t\tmax-width: 100%;\n\t\tpadding: 0;\n\t}\n}\n\n.tm-main-top,\n.tm-main-bottom {\n\t> div > .uk-panel-box {\n\t\tpadding: 40px;\n\t}\n}\n\n\/\/ contact\n.blog-featured table {\n\t.uk-table;\n}\n\n\/\/\n\/\/ Search\n\/\/\n\n#tm-search-modal {\n\n\t&.uk-modal { \n\t\tbackground: transparent; \n\t}\n\n\t.uk-modal-dialog {\n\t\tborder-radius: 0;\n\t\tbackground: fade(@theme-modal-close-background, 97%);\n\t\tbox-shadow: none;\n\t}\n\n\t.uk-modal-dialog-blank {\n\t\theight: ~\"calc(100% - 100px)\";\n\t\topacity: 1;\n\t\tmargin-top: 50px;\n\t}\n\n\t.uk-search {\n\t\tpadding: 0;\n\t}\n\n\t.uk-search-field {\n\t\twidth: @theme-search-field-width;\n\t\theight: @theme-search-field-height;\n\t\tpadding-left: 0;\n\t\ttext-align: @theme-modal-text-align;\n\t\tborder-radius: 0;\n\t\tbackground-color: transparent;\n\t\tborder-left: 0;\n\t\tborder-bottom: 1px dotted fade(@theme-search-field-color, 20%);\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: italic;\n\t\tfont-size: @theme-search-field-font-size;\n\t\tcolor: @theme-search-field-color;\n\t\topacity: 0;\n\t\ttransition: @global-transition-opacity;\n\t}\n\n\t.tm-search-subtitle {\n\t\tcolor: @theme-search-field-color;\n\t\ttext-align: @theme-modal-text-align;\n\t}\n\n\t.uk-modal-dialog-blank > .uk-close:first-child {\n\t\tright: 50px;\n\t}\n\n\t\/\/ Modal animation\n\t.uk-modal-dialog {\n\t\ttransform: translateY(-50%);\n\t\ttransition: opacity 0.4s ease-in-out, transform 0.5s ease-in-out;\n\t}\n\n\t&.uk-open {\n\n\t\t.uk-modal-dialog {\n\t\t\ttransform: translateY(0);\n\t\t\t\n\t\t\t.uk-search-field { opacity: 1; }\n\t\t}\n\n\t\t.uk-close:after { background-image: none; }\n\n\t}\n}\n\n.tm-scrollbars #tm-search-modal {\n\t.uk-modal-dialog-blank {\n\t\tmax-width: ~\"calc(100% - (@{theme-border-size-large}*2) + @{theme-scrollbar-width})\";\n\t}\n}\n\n.tm-modal-close {\n\tposition: relative;\n\theight: 70px;\n\twidth: 70px;\n\tbox-sizing: border-box;\n\tline-height: @theme-modal-close-width;\n\topacity: 1;\n\ttransform: translateZ(0);\n\n\n\t&:before,\n\t&:after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tdisplay: block;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\theight: @theme-modal-close-border-width;\n\t\twidth: @theme-modal-close-border-length;\n\t\tmargin-left: -(@theme-modal-close-border-length \/ 2);\n\t\tmargin-top: -(@theme-modal-close-border-width \/ 2);\n\t\tbackground-color: @theme-modal-close-border;\n\t\ttransform: rotate(-45deg);\n\t\ttransition: all 0.25s ease-out;\n\t}\n\n\t&:after {\n\t\ttransform: rotate(-135deg);\n\t}\n\n\t&:hover {\n\n\t\topacity: 1;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\ttransform: rotate(0deg);\n\t\t}\n\t}\n}\n\n.tm-breadcrumbs {\n\tbackground-color: @theme-breadcrumbs-background;\n\tbox-shadow: inset 0 -1px 0 @global-dark-05-shadow;\n\n\t.uk-breadcrumb > li > a { \n\t\tcolor: @theme-breadcrumbs-color;\n\t\ttransition: @global-transition-color;\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-hover-color;\n\t\t}\n\t}\n}\n\n\/\/ grid collapse\n.tm-block-collapse,\n.tm-block-collapse .uk-grid > div { \n\tpadding: 0;\n}\n\n.tm-grid-collapse > .uk-container {\n\n\t&::before,\n\t&::after { display: none; }\n\n\t> .uk-grid {\n\t\twidth: 100%;\n\t\tmargin-left: 0;\n\t}\n\n\t> .uk-grid > * {\n\t\tmargin-top: 0 !important;\n\t\tmargin-bottom: 0 !important;\n\t\tpadding-left: 0;\n\t}\n}\n\n\/\/\n\/\/ Toolbar\n\/\/\n\n.tm-toolbar {\n\tbackground-color: @theme-border-background;\n\tmax-height: (@theme-border-size-large + 1px);\n\tmin-height: (@theme-border-size-large + 1px);\n\tbackground-blend-mode: @theme-border-background-blend-mode;\n\tbox-shadow: inset 0 -1px 0 @theme-border;\n\n\t.uk-container {\n\t\tmax-width: 100%;\n\t}\n\n\t[class*='uk-float-'] .uk-panel > *:not(.uk-button) {\n\t\tmin-height: @theme-border-size-large - @theme-toolbar-padding - @theme-toolbar-padding;\n\t}\n\n\t&.uk-active {\n\t\tz-index: 999;\n\t}\n\n\t.uk-subnav {\n\t\tmargin-top: 0;\n\n\t\t> li {\n\t\t\tline-height: 30px;\n\t\t}\n\t}\n\n\tli:not([class]), p {\n\t\tcolor: @theme-border-font-color;\n\t\tmargin: 0;\n\t}\n\n\t.uk-subnav-line > li {\n\t\tmargin-top: 0;\n\n\t\t&.uk-active a {\n\t\t\tcolor: @theme-border-link-hover-color;\n\t\t}\n\t}\n\n\ta,\n\t.uk-subnav > li > a {\n\t\tcolor: @theme-border-link-color;\n\t}\n\n\t.tm-flag-icon {\n\t\tmargin-top: -2px;\n\t}\n\n\t.uk-button-link,\n\t> a:not(.uk-icon-button),\n\t.uk-subnav > li > a {\n\t\t\n\t\t&:after {\n\t\t\tbottom: 3px;\n\t\t\tbackground-color: @theme-border-link-color;\n\t\t}\n\n\t\t&:hover:after {\n\t\t\tbackground-color: @theme-border-link-hover-color;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: @theme-border-link-hover-color;\n\t\t}\n\t}\n\n\t.uk-button-dropdown {\n\t\tdisplay: block;\n\t\t\n\t\t.uk-dropdown .uk-nav {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.uk-dropdown {\n\t\tbackground-color: @theme-border-background;\n\t\tbackground-blend-mode: multiply;\n\t\tpadding: 0;\n\t\tmargin-top: 9px;\n\t\ttop: @theme-border-size-large - @theme-toolbar-padding - @theme-toolbar-padding !important;\n\t\tbox-shadow: inset -1px -1px 0 @global-dark-075-shadow, \n\t\t\t\t\tinset 1px 0 0 @global-dark-075-shadow;\n\n\t\t.uk-nav-dropdown > li > a {\n\t\t\tpadding: 2px 15px;\n\t\t\tcolor: @theme-border-link-color;\n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @theme-border-link-hover-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.uk-button-link {\n\t\tline-height: 28px;\n\t\tmin-height: 30px;\n\t\tpadding: 0 0 0 15px;\n\t\tborder: 0;\n\t\toutline: none;\n\t\ttext-decoration: none;\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-family: @global-body-font-family;\n\n\t\t&:focus {\n\t\t\tcolor: @theme-border-font-color;\n\t\t}\n\n\t\t&:after {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\ti:before {\n\t\t\tcolor: @theme-border-font-color;\n\t\t\tfont-size: 13px;\n\t\t}\n\n\t\t&[class*='uk-icon-']:before {\n\t\t\tpadding-right: 7px;\n\t\t\tfont-family: @global-font-icon;\n\t\t}\n\t}\n\n\t.list-icons {\n\t\tpadding: 0;\n\t\tmargin: 0;\n\n\t\tli {\n\t\t\tfloat: left;\n\t\t\tmargin-right: 20px;\n\n\t\t\ti {\n\t\t\t\tcolor: @theme-border-icon-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.uk-form {\n\t\tcolor: @theme-border-font-color;\n\n > * {\n display: inline-block;\n margin-top: 0;\n }\n\n .uk-button {\n .uk-button-mini;\n margin-left: 10px;\n font-size: 14px;\n min-height: 28px;\n line-height: 28px;\n padding: 0 10px;\n }\n\n\t\t:-ms-input-placeholder { color: @theme-border-font-color; }\n\t\t::-moz-placeholder { color: @theme-border-font-color; }\n\t\t::-webkit-input-placeholder { color: @theme-border-font-color; }\n\n\t\tinput[type=\"text\"] {\n\t\t\tbackground-color: @global-dark-15-shadow;\n\t\t\tbox-shadow: 0 1px 0 @global-light-1-shadow;\n\t\t\tline-height: 30px;\n\t\t\theight: 30px;\n\t\t\tcolor: @theme-border-font-color;\n\t\t\tborder-radius: 5px;\n\t\t\tfont-size: round((@global-font-size*0.85));\n\n\t\t\t&:focus {\n\t\t\t\tbackground-color: @global-dark-15-shadow;\n\t\t\t\tborder: 1px solid @global-dark-075-shadow;\n\t\t\t\tbox-shadow: 0 1px 0 @global-light-1-shadow;\n\t\t\t\tcolor: @theme-border-font-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.mod-languages form {\n\t\tmargin: 0;\n\t}\n\n\t.uk-icon-button {\n\t\tfont-size: @global-font-size;\n\t\tcolor: @theme-border-icon-color;\n\t\tline-height: 26px;\n\t\theight: 25px;\n\t\tfont-weight: 400;\n\t\twidth: 30px;\n\n\t\t&:hover {\n\t\t\tcolor: @theme-border-icon-hover-color;\n\t\t}\n\t}\n\n\t.uk-subnav-line > li:nth-child(n+2):before {\n\t\tborder-left-color: fade(@theme-border-font-color, 50%);\n\t\tborder-left-style: dotted;\n\t\tposition: relative;\n\t\tmargin-right: 15px;\n\t}\n\n\t.uk-nav li > a > div {\n\t\tline-height: 24px;\n\t\tword-wrap: break-word;\n\t\tmargin-top: 10px;\n\t}\n\n\t.uk-subnav {\n\t\tmargin-bottom: 0;\n\t\tmargin-left: -15px;\n\n\t\t> * {\n\t\t\tpadding-left: 15px;\n\t\t}\n\t}\n\n\t.uk-float-left > div {\n\t\tfloat: left;\n\t\tmargin-right: 20px;\n\t\tpadding: @theme-toolbar-padding 0;\n\t}\n\n\t.uk-float-right > div {\n\t\tfloat: right;\n\t\tmargin-left: 20px;\n\t\tpadding: @theme-toolbar-padding 0;\n\t}\n}\n\n\/\/\n\/\/ Logo\n\/\/\n\n.tm-logo {\n\tdisplay: block;\n}\n\n.tm-logo,\n.tm-logo-container {\n\tz-index: 10;\n}\n\n.tm-logo,\n.tm-logo-small {\n p { margin: 0; }\n}\n\n\/\/\n\/\/ Header\n\/\/\n\n.tm-header {\n\tposition: relative;\n\twidth: 100%;\n\tz-index: 1002;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n \t\tbox-sizing: border-box;\n}\n\n.tm-headerbar {\n\tdisplay: block;\n\n\th1,h2,h3,h4,h5,h6 {\n\t\tmargin: 0;\n\t\tcolor: @global-heading-color;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h5-font-size;\n\t\tline-height: @base-h5-line-height;\n\t\twhite-space: pre-wrap;\n\t}\n\n\t.uk-grid > * {\n\t\t&:last-child .tm-block-number .tm-block-content {\n\t\t\tpadding-right: 0;\n\t\t}\n\t}\n\n\t.tm-block-icon {\n\t\tfont-size: 33px;\n\t\tpadding-top: 10px;\n\t}\n\n\t.tm-block-content {\n\t\tmargin: 5px 0 0 0;\n\t\tcolor: @global-heading-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t\tdisplay: table;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tcolor: @global-color;\n\t\twhite-space: nowrap;\n\t\tdisplay: -moz-inline-box; \/* fix for firefox *\/\n\n\t\t&:empty {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t> div {\n\t\tmargin-left: 20px;\n\t}\n}\n\n.tm-right-offcanvas {\n\tposition: absolute;\n\tright: 10px;\n\ttop: 25px;\n\n\t.uk-navbar-toggle:before {\n\t\tcontent: \"\";\n\t}\n}\n\nsvg {\n\t.primary {\n\t\tfill: @global-primary-background;\n\t}\n\n\t.primary-light {\n\t\tfill: @global-primary-light-background;\n\t}\n\n\t.secondary {\n\t\tfill: @global-secondary-color;\n\t}\n\n\t.primary-2 {\n\t\tfill: @global-primary-2-background;\n\t}\n\n\t.contrast {\n\t\tfill: @global-contrast-color;\n\t}\n}\n\n\/\/ navbar icons\n.tm-navbar-icon {\n\tposition: relative;\n\tpadding: 0 15px;\n\tmargin-right: 15px;\n\n\t+ div:not(.tm-navbar-icon) + div:not(.tm-navbar-icon) > a.tm-navbar-icon {\n\t\tbox-shadow: none;\n\t\tborder-left: 0;\n\t}\n\n\tspan.tm-offcanvas-icon, \n\t> a {\n\t\tmin-width: 32px;\n\t\theight: @navbar-nav-height;\n\t\tcolor: @theme-navbar-color;\n\t\ttext-align: center;\n\t\ttransition: color 0.1s ease-in-out;\n\n\t\t&:before {\n\t\t\tfont-family: @global-buckle-icon;\n\t\t\tfont-size: 23px;\n\t\t\tline-height: @navbar-nav-height;\n\t\t\t-moz-osx-font-smoothing: auto;\n\t\t\t-webkit-font-smoothing: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: @theme-navbar-hover-color;\n\t\t}\n\t}\n\n\t.uk-dropdown .uk-button {\n\t\ttransition: none;\n\t}\n}\n\n.uk-visible-small .tm-focus-button {\n width: 100%;\n text-align: center;\n}\n\n\/\/ navbar search button\n.tm-navbar-search {\n\theight: @navbar-nav-height;\n\tmin-width: @navbar-nav-height;\n\t\n\t.tm-search-button {\n\t\ttext-decoration: none;\n\t\tline-height: 1;\n\n\t\ti:before {\n\t\t\tfont-size: 24px;\n\t\t\tcolor: @theme-navbar-color;\n\t\t\t-moz-osx-font-smoothing: auto;\n\t\t\t-webkit-font-smoothing: auto;\n\t\t\ttransition: @global-transition-color;\n\t\t}\n\n\t\t&:hover i:before {\n\t\t\tcolor:@theme-navbar-hover-color; \n\t\t}\n\t}\n}\n\n\/\/ offcanvas menu icon\n.tm-offcanvas-menu-icon {\n\tvertical-align: baseline;\n\twhite-space: nowrap;\n\n\t> span.tm-offcanvas-icon {\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\t\ttext-align: center;\n\t\tposition: relative;\n\t\theight: auto;\n\t\tmin-width: 30px;\n\n\t\t> span {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: auto;\n\t\t\tright: 0;\n\t\t\theight: 0;\n\t\t\tborder-bottom: 2px solid;\n\t\t\ttransition: @global-transition;\n\n\t\t\t&:nth-child(1) {\n\t\t\t\twidth: 20px;\n\t\t\t\ttransform: translateY(-7px);\n\t\t\t}\n\n\t\t\t&:nth-child(2) {\n\t\t\t\twidth: 16px;\n\t\t\t\ttransition-delay: 40ms;\n\t\t\t}\n\n\t\t\t&:nth-child(3) {\n\t\t\t\twidth: 23px;\n\t\t\t\ttransform: translateY(7px);\n\t\t\t\ttransition-delay: 90ms;\n\t\t\t}\n\t\t}\n\t}\n\n\t&:hover {\n\t\tcolor: @theme-navbar-hover-color;\n\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\twidth: 25px;\n\t\t\tcolor: @theme-navbar-hover-color;\n\t\t}\n\t}\n}\n\n\/\/ menu image\n\n.tm-dropdown-background + .uk-dropdown-navbar {\n\tbackground-position: right bottom;\n\tbackground-repeat: no-repeat;\n\tbackground-blend-mode: @theme-menu-background-blend-mode;\n\tbackground-size: contain;\n\tpadding-right: 120%;\n}\n\n\/\/ Navbar Toggle Text\n.uk-visible-small.tm-offcanvas-menu-icon {\n\n &:after {\n content: \"@{theme-navbar-toggle-text}\";\n text-transform: uppercase;\n letter-spacing: 1px;\n top: 3px;\n position: relative;\n margin-left: 10px;\n font-weight: @global-body-font-weight;\n font-family: @global-body-font-family;\n }\n}\n\n\/\/\n\/\/ Navbar\n\/\/\n\n.tm-navbar {\n\tposition: relative;\n\tz-index: 1001;\n\tclear: both;\n\ttransition: @global-transition;\n\n\t&[data-uk-sticky].uk-active {\n\t\tz-index: 998;\n\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t}\n\n .uk-navbar-nav.jmoddiv.jmodinside {\n position: inherit;\n }\n\n\t.uk-navbar-nav > li {\n\t &[data-menu-fullwidth] {\n\t position: static;\n\n\t .uk-dropdown.uk-dropdown-navbar { \n\t left: 0 !important;\n\t right: 0 !important;\n\t width: 100%;\n\t top: @navbar-nav-height !important;\n\n\t > .uk-dropdown-grid {\n\t padding: 0 20px 0;\n\t }\n\t }\n\t }\n\t}\n\n\t.uk-open > .uk-dropdown-navbar {\n\t\tanimation-duration: 0.25s;\n\t}\n\n\t.uk-navbar-nav > li > a {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\t\n\t\t.uk-badge {\n\t\t margin-left: 10px;\n\t\t font-size: 12px;\n\t\t padding: 0 8px;\n\t\t border-radius: 2px;\n\t\t line-height: 17px;\n\t\t height: 17px;\n\t\t margin-top: -15px;\n\t\t position: absolute;\n\t\t top: 20%;\n\t\t left: 50%;\n\t\t color: @theme-menu-badge-color;\n\t\t background-color: @theme-menu-badge-background;\n\n\t\t &.uk-badge-success {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-success-background;\n\t\t\t box-shadow: none;\n\t\t }\n\n\t\t &.uk-badge-warning {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-warning-background;\n\t\t\t box-shadow: none;\n\t\t }\n\n\t\t &.uk-badge-danger {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-danger-background;\n\t\t\t box-shadow: none;\n\t\t }\n\t\t}\n\t}\n\n\t.uk-nav-navbar ul a,\n\t.uk-nav-navbar > li > a,\n\t.uk-dropdown-navbar .uk-nav-header {\n\t\tcolor: @theme-menuitem-color;\n\t\ttransition: color ease 250ms;\n\n\t\t.uk-badge {\n\t\t margin-left: 10px;\n\t\t font-size: 12px;\n\t\t padding: 0 8px;\n\t\t border-radius: 2px;\n\t\t line-height: 17px;\n\t\t height: 17px;\n\t\t margin-top: -15px;\n\t\t\tbackground-color: @theme-menu-badge-background;\n\t\t\tcolor: @theme-menu-badge-color;\n\n\t\t &.uk-badge-success {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-success-background;\n\t\t\t box-shadow: none;\n\t\t }\n\n\t\t &.uk-badge-warning {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-warning-background;\n\t\t\t box-shadow: none;\n\t\t }\n\n\t\t &.uk-badge-danger {\n\t\t \tcolor: @theme-menu-badge-color;\n\t\t\t background-color: @global-danger-background;\n\t\t\t box-shadow: none;\n\t\t }\n\t\t}\n\t}\n\n\t.uk-navbar-nav-subtitle > div {\n\t\tmargin-top: -15px;\n\t\ttext-transform: lowercase;\n\t}\n\n\t.uk-nav-navbar > li > a i,\n\t.uk-nav-navbar .uk-nav-sub > li > a i {\n\t\twidth: 22px;\n\t\tfont-size: 16px;\n\t}\n\n\t.uk-dropdown-navbar .uk-nav-header {\n\t\ttext-transform: none;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h4-font-size;\n\t}\n\n\t.uk-nav-side > li > a,\n\t.uk-navbar-nav > li > a,\n\t.uk-nav-side ul a {\n\t\tcolor: @theme-navbar-color;\n\t}\n\n\t.uk-float-right > div {\n\t\tfloat: left;\n\t\tcolor: @theme-menuright-color;\n\t}\n\n\t.uk-float-right p {\n\t margin: 0;\n\t}\n\n\t.tm-focus-button {\n\t\ttext-decoration: none;\n\t\tbackground-color: @theme-menuright-button-background;\n\t\tcolor: @theme-menuright-button-color;\n\t\tline-height: @navbar-nav-height;\n\t\tmargin: 0;\n\t\tfont-family: @navbar-nav-font-family;\n\t\tfont-weight: @navbar-nav-font-weight;\n\t\theight: @navbar-nav-height;\n\t\tposition: relative;\n\t\tpadding: 0 30px;\n\t\tdisplay: inline-block;\n\t\ttransition: @global-transition;\n\n\t\t&:hover {\n\t\t\tbackground-color: lighten(@theme-menuright-button-background, 5%);\n\t\t}\n\t}\n\n\t.uk-navbar-nav > li .uk-dropdown-navbar {\n\t\tbackground-color: @theme-menu-dropdown-background;\n\t\tborder-top: 2px solid @theme-menu-dropdown-border-color;\n\t\topacity: 0;\n\t}\n\n\t.uk-navbar-nav > li.uk-open > .uk-dropdown-navbar,\n\t.uk-navbar-nav > li:hover > .uk-dropdown-navbar {\n\t\topacity: 1;\n\t}\n\n .uk-dropdown.uk-dropdown-width-2,\n .uk-dropdown.uk-dropdown-width-3,\n .uk-dropdown.uk-dropdown-width-4,\n .uk-dropdown.uk-dropdown-width-5 {\n\n\t\t.uk-nav-navbar > li:not(.tm-menu-header):first-child {\n\t\t margin-top: 20px;\n\t\t}\n\n\t\t.uk-nav-navbar > li:last-child {\n\t\t margin-bottom: 20px;\n\t\t}\n }\n\n\t.uk-dropdown-navbar .uk-nav-navbar {\n\t\n\t\t> li.uk-nav-header,\n\t\t> li > a {\n\n\t\t\t&.tm-menu-header {\n\t\t\t\tpadding: 30px 20px 20px 30px;\n\t\t\t\tcolor: @theme-menuitem-hover-color;\n\t\t\t}\n\n\t\t\t&.tm-menu-child {\n\t\t\t\tline-height: 32px;\n\t\t\t\tpadding: 0 20px;\n\t\t\t\tmargin-left: 30px;\n\t\t\t\tposition: relative;\n\t\t\t\tbox-shadow: none;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\twidth: 5px;\n\t\t\t\t\theight: 5px;\n\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\tbackground-color: fade(@theme-menuitem-color, 30%);\n\t\t\t\t\tleft: 5px;\n\t\t\t\t\ttop: 42%;\n\t\t\t\t\ttransition: @global-transition-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t li + li.uk-nav-header.tm-menu-header,\n\t li + li > a.tm-menu-header {\n\t \tpadding-top: 10px;\n\t }\n\t}\n\n\t\/\/ fly-out menu\n\t> ul > li {\n\t\t&.uk-parent > a:before {\n\t\t\tposition: absolute;\n\t\t\tcontent: @global-font-icon;\n\t\t\tright: 15px;\n\t\t\tfont-family: @global-font-icon;\n\t\t\tfont-size: @global-font-size;\n\t\t\tline-height: @navbar-nav-height;\n\t\t\tcolor: darken(@theme-navbar-background, 5%);\n\t\t}\n\n\t\t&:hover > a:before,\n\t\t&.uk-parent.uk-open > a:before,\n\t\t&.uk-parent.uk-active > a:before {\n\t\t\tcolor: darken(@theme-navbar-active-item-background, 15%);\n\t\t}\n\t}\n\n\t.uk-navbar-nav > li > a {\n\t\tcolor: @theme-navbar-color;\n\t\ttransition: @global-transition-background;\n\t}\n}\n\n\/\/ Header Laoyout\n.tm-header-layout {\n\tposition: relative;\n}\n\n\/\/ \n\/\/ header - default\n\/\/ \n\n.tm-header-default {\n\n\t.tm-header {\n\t\tpadding: @theme-header-padding;\n\t\tbackground-color: @theme-header-background;\n\t}\n\n\t.tm-navbar {\n\t\tbackground-color: @theme-navbar-background;\n\t\tbox-shadow: inset 0 1px 0 darken(@theme-navbar-background, 2%), inset 0 -1px 0 darken(@theme-navbar-background, 2%);\n\n\t\t.uk-navbar-nav li a.uk-active {\n\t\t\tbackground-color: @theme-navbar-active-item-background !important;\n\t\t\tcolor: @theme-navbar-active-item-color !important;\n\t\t}\n\n\t\t&[data-uk-sticky].uk-active {\n\t\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t\t}\n\n\t\t.uk-navbar-nav > li:hover > a,\n\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t.uk-nav-side > li.uk-active > a {\n\t\t\tbackground-color: @theme-navbar-active-item-background;\n\t\t\tcolor: @theme-navbar-active-item-color;\n\t\t\tbox-shadow: inset 0 1px 0 @global-light-1-shadow;\n\t\t}\n\n\t\t&.uk-active {\n\t\t\tbackground-color: @theme-navbar-sticky-background;\n\t\t\t\n\t\t\t.uk-navbar-nav > li > a {\n\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t}\n\n\t\t\t.uk-navbar-nav > li:hover > a,\n\t\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t\t.uk-nav-side > li.uk-active > a {\n\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-navbar-icon {\n\t\tborder-left: 1px solid @theme-menuright-border-color;\n\t\tbox-shadow: -1px 0 0 darken(@theme-navbar-background, 4%);\n\t}\n\n\t.tm-headerbar + .tm-offcanvas-menu-icon {\n\n\t\t&:after,\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t&:hover > span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-primary-background;\n\t\t}\n\t}\n}\n\n\/\/ \n\/\/ header - dark\n\/\/ \n\n.tm-header-dark {\n\t.tm-header {\n\t\tpadding: 25px;\n\t\tbackground-color: @global-primary-background;\n\t}\n\n\t.tm-headerbar {\n\t\th1,h2,h3,h4,h5,h6,p,.tm-block-text {\n\t\t\tcolor: @global-contrast-color;\n\t\t}\n\t}\n\n\t.tm-navbar {\n\t\tbackground-color: lighten(@global-primary-background, 3%);\n\t\tbox-shadow: inset 0 1px 0 lighten(@global-primary-background, 4%), inset 0 -1px 0 lighten(@global-primary-background, 4%);\n\n\t\t.uk-navbar-nav li a.uk-active {\n\t\t\tbackground-color: @theme-navbar-active-item-background !important;\n\t\t\tcolor: @theme-navbar-active-item-color !important;\n\t\t}\n\n\t\t&[data-uk-sticky].uk-active {\n\t\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t\t}\n\n\t\t.uk-navbar-nav > li:hover > a,\n\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t.uk-nav-side > li.uk-active > a {\n\t\t\tbackground-color: @theme-navbar-active-item-background;\n\t\t\tcolor: @theme-navbar-active-item-color;\n\t\t\tbox-shadow: inset 0 1px 0 @global-light-1-shadow;\n\t\t}\n\n\t\t&.uk-active {\n\t\t\tbackground-color: @global-primary-background;\n\t\t\t\n\t\t\t.uk-navbar-nav > li > a {\n\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t}\n\n\t\t\t.uk-navbar-nav > li:hover > a,\n\t\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t\t.uk-nav-side > li.uk-active > a {\n\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-navbar-icon {\n\t\tborder-left: 1px solid @theme-menuright-border-color;\n\t\tbox-shadow: -1px 0 0 darken(@theme-navbar-background, 4%);\n\t}\n\n\t.tm-offcanvas-menu-icon {\n\n\t\t&:after,\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-contrast-color;\n\t\t}\n\n\t\t&:hover > span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-primary-background;\n\t\t}\n\t}\n}\n\n\/\/ \n\/\/ header - light & center\n\/\/ \n\n.tm-header-light, \n.tm-header-center {\n\n\t.tm-header {\n\t\tpadding: 25px;\n\t\tbackground-color: @global-background;\n\t}\n\n\t.tm-navbar {\n\t\tbackground-color: lighten(@global-background, 3%);\n\t\tbox-shadow: inset 0 1px 0 @global-dark-075-shadow;\n\n\t\t.uk-navbar-nav li a.uk-active {\n\t\t\tbackground-color: @theme-navbar-active-item-background !important;\n\t\t\tcolor: @theme-navbar-active-item-color !important;\n\t\t}\n\n\t\t.uk-nav-side > li > a,\n\t\t.uk-navbar-nav > li > a,\n\t\t.uk-nav-side ul a {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t.uk-navbar-nav > li:hover > a,\n\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t.uk-nav-side > li.uk-active > a{\n\t\t\tbackground-color: @theme-navbar-active-item-background;\n\t\t\tcolor: @theme-navbar-active-item-color;\n\t\t\tbox-shadow: inset 0 1px 0 @global-light-1-shadow;\n\t\t}\n\n\t\t&.uk-active {\n\t\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t\t\tbackground-color: @theme-navbar-background;\n\t\t\t\n\t\t\t.uk-navbar-nav > li > a,\n\t\t\t.tm-offcanvas-menu-icon > span.tm-offcanvas-icon > span {\n\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t}\n\n\t\t\t.tm-search-button i:before {\n\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t}\n\n\t\t\t.uk-navbar-nav > li:hover > a,\n\t\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t\t.uk-nav-side > li.uk-active > a {\n\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-search-button i:before {\n\t\tcolor: @global-color;\n\t}\n\n\t.tm-search-button:hover i:before {\n\t\tcolor: @global-primary-background;\n\t}\n\n\t.tm-navbar-icon {\n\t\tborder-left: 1px solid @global-dark-05-shadow;\n\t\tbox-shadow: none;\n\t}\n\n\t.tm-offcanvas-menu-icon {\n\n\t\t&:after,\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t&:hover > span.tm-offcanvas-icon > span {\n\t\t\tcolor: @global-primary-background;\n\t\t}\n\t}\n}\n\n\/\/ \n\/\/ header - right\n\/\/ \n\n.tm-header-right {\n\n\t.tm-header {\n\t\tbackground-color: @global-background;\n\t\tpadding: 20px 30px;\n\t\ttransition: @global-transition-padding, @global-transition-box-shadow, @global-transition-background;\n\n\t\t&[data-uk-sticky].uk-active {\n\t\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.tm-search-button {\n\t\ti:before {\n\t\t\tcolor: @theme-right-header-color;\n\t\t}\n\n\t\t&:hover i:before {\n\t\t\tcolor: @theme-right-navbar-active-item-color;\n\t\t}\n\t}\n\n\t.tm-offcanvas-menu-icon {\n\t\t&:after,\n\t\t> span.tm-offcanvas-icon,\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\tcolor: @theme-right-header-color;\n\t\t}\n\n\t\t&:hover {\n\t\t\t> span.tm-offcanvas-icon,\n\t\t\t> span.tm-offcanvas-icon > span {\n\t\t\t\tcolor: @theme-right-navbar-active-item-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.uk-navbar-nav > li > a {\n\t\tpadding: 0 20px;\n\t\tcolor: @theme-right-header-color;\n\t}\n\n\t.tm-navbar {\n\t\t.uk-navbar-nav > li:hover > a,\n\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t.uk-nav-side > li.uk-active > a {\n\t\t\tbackground-color: rgba(0,0,0,0);\n\t\t\tcolor: @theme-right-navbar-active-item-color; \n\t\t}\n\n\t\t.tm-focus-button {\n\t\t\tline-height: 40px;\n\t\t\theight: 40px;\n\t\t\tpadding: 0 20px;\n\t\t\tborder-radius: 25px;\n\t\t\tmargin: 0 15px 0 0;\n\t\t}\n\t}\n\n\t.tm-navbar-icon {\n\t\tmargin-right: 0;\n\t\tpadding: 0 15px 0 0;\n\t}\n}\n\n\/\/ \n\/\/ header - transparent\n\/\/ \n\n.tm-header-transparent {\n\tposition: absolute;\n\twidth: ~\"calc(100% - @{theme-border-size-large}*2)\";\n\n\t.tm-header {\n\t\tpadding: 25px 30px 25px 40px;\n\t\ttransition: @global-transition-padding, @global-transition-box-shadow, @global-transition-background;\n\n\t\t&[data-uk-sticky].uk-active {\n\t\t\tbackground-color: @theme-navbar-sticky-background;\n\t\t\tbox-shadow: 0 10px 60px @global-dark-2-shadow;\n\t\t}\n\n\t\t&.uk-active {\n\t\t\tpadding: 15px 30px;\n\n\t\t\t.uk-navbar-nav > li > a {\n\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t}\n\n\t\t\t.uk-navbar-nav > li:hover > a,\n\t\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t\t.uk-nav-side > li.uk-active > a {\n\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t}\n\n\t\t\t.tm-search-button {\n\t\t\t\ti:before {\n\t\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t\t}\n\n\t\t\t\t&:hover i:before {\n\t\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.tm-offcanvas-menu-icon {\n\t\t\t\t&:after,\n\t\t\t\t> span.tm-offcanvas-icon,\n\t\t\t\t> span.tm-offcanvas-icon > span {\n\t\t\t\t\tcolor: @theme-navbar-sticky-color;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\t> span.tm-offcanvas-icon,\n\t\t\t\t\t> span.tm-offcanvas-icon > span {\n\t\t\t\t\t\tcolor: @theme-navbar-sticky-active-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-navbar {\n\t\t.uk-navbar-nav > li:hover > a,\n\t\t.uk-navbar-nav > li.uk-open > a,\n\t\t.uk-navbar-nav > li.uk-active > a,\n\t\t.uk-nav-side > li.uk-active > a{\n\t\t\tbackground-color: rgba(0,0,0,0);\n\t\t\tcolor: @theme-transparent-navbar-active-item-color;\n\t\t}\n\n\t\t.tm-focus-button {\n\t\t\tline-height: 40px;\n\t\t\theight: 40px;\n\t\t\tpadding: 0 20px;\n\t\t\tborder-radius: 25px;\n\t\t\tmargin: 0 15px 0 0;\n\t\t}\n\t}\n\n\t.uk-navbar-nav > li > a {\n\t\tpadding: 0 15px;\n\t\tcolor: @theme-transparent-header-color;\n\t}\n\n\t.tm-search-button {\n\t\ti:before {\n\t\t\tcolor: @theme-transparent-header-color;\n\t\t}\n\n\t\t&:hover i:before {\n\t\t\tcolor: @theme-transparent-navbar-active-item-color;\n\t\t}\n\t}\n\n\t.tm-offcanvas-menu-icon {\n\t\t&:after,\n\t\t> span.tm-offcanvas-icon,\n\t\t> span.tm-offcanvas-icon > span {\n\t\t\tcolor: @theme-transparent-header-color;\n\t\t}\n\n\t\t&:hover {\n\t\t\t> span.tm-offcanvas-icon,\n\t\t\t> span.tm-offcanvas-icon > span {\n\t\t\t\tcolor: @theme-transparent-navbar-active-item-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-navbar-icon {\n\t\tmargin-right: 0;\n\t\tpadding: 0 15px 0 0;\n\t}\n}\n\n\/\/\n\/\/ Navbar Toggle\n\/\/\n\n.uk-navbar-toggle {\n\theight: 35px;\n\n\t&:after {\n\t\tpadding: 12px;\n\t\tborder-radius: 25px;\n\t}\n}\n\n\/\/\n\/\/ Main\/Content\n\/\/\n\n.tm-main > :nth-child(n+2) { margin-top: @global-grid-gutter; }\n\n.tm-noblog .tm-content {\n\t.uk-pagination > li > span,\n\t.uk-pagination > li > a {\n\t\tbox-shadow: none;\n\t}\n}\n\n.tm-isblog .uk-article,\n.tm-noblog .tm-content {\n\n\t.uk-panel-box {\n\t\tbox-shadow: 0 0 0 1px @global-dark-1-shadow;\n\t\tborder: none;\n\t\tpadding: @panel-box-padding;\n\t}\n\n\t.uk-panel-header {\n\t\tbox-shadow: none;\n\t}\n}\n\n.tm-content > :last-child { margin-bottom: 0; }\n\n.tm-highlight-block {\n\tcolor: @global-heading-color;\n\tfont-family: @global-heading-font-family;\n\tfont-size: @base-h3-font-size;\n\tfont-weight: @global-heading-font-weight;\n\tline-height: round((@base-h3-line-height*1.2));\n\tmargin: 10px 20px 10px 0;\n\tpadding: 10px 0 15px;\n\twidth: 45%;\n\tposition: relative;\n\n\t&:before,\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 15px;\n\t\theight: 15px;\n\t\tz-index: 0;\n\t\ttop: -10px;\n\t\tborder-radius: 2px;\n\t}\n\n\t&:before {\n\t\tbackground-color: @global-primary-background;\n\t}\n\n\t&:after {\n\t\tbackground-color: @global-secondary-background;\n\t}\n\n\t&.tm-highlight-left {\n\t\tfloat: left;\n\t\ttext-align: right;\n\t\tpadding-right: 30px;\n\t\tmargin-right: 30px;\n\t\tborder-left: 3px solid @global-primary-light-background;\n\n\t\t&:before {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&:after {\n\t\t\tleft: 20px;\n\t\t}\n\t}\n\n\t&.tm-highlight-right {\n\t\tfloat: right;\n\t\ttext-align: left;\n\t\tpadding-left: 30px;\n\t\tmargin-left: 30px;\n\t\tborder-left: 3px solid @global-primary-light-background;\n\n\t\t&:before {\n\t\t\tright: 0;\n\t\t}\n\n\t\t&:after {\n\t\t\tright: 20px;\n\t\t}\n\t}\n}\n\n.pagenavcounter {\n\tfloat: right;\n\tfont-size: @global-font-size - 2;\n\tletter-spacing: 1px;\n}\n\n.contact {\n\n\tlegend,\n\th3:first-of-type {\n\t\tdisplay: none;\n\t}\n\n\t> h3 {\n\t\tmargin: 0 0 30px;\n\t\tfont-size: 30px;\n\t}\n}\n\n.tm-grid-filters {\n\tmargin: 0 0 40px -30px;\n\n\t&.uk-subnav > * {\n\t\tpadding-left: 30px;\n\t}\n\n\t&.uk-subnav > li a {\n\t\tpadding: 3px 10px;\n\t}\n}\n\n\/\/ Footer fixed\n.tm-footer-fixed {\n\n\t\/\/ Setting the height as padding\n\tpadding-bottom: @theme-footer-fixed-height;\n\n\t\/\/ Adding z-index to parent elements\n\t.tm-hero,\n\t[class*='tm-block-top-'],\n\t.tm-block-main,\n\t.tm-breadcrumbs,\n\t.tm-spotlight,\n\t[class*='tm-block-bottom-'] {\n\t\tposition: relative;\n\t\tz-index: 11;\n\t}\n\n\t.tm-header-layout .tm-header {\n\t\tz-index: 12;\n\t}\n\n\t\/\/ Fixed position\n\t.tm-block-footer {\n\t\tposition: fixed;\n\t\tbottom: @theme-border-size-large;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tz-index: 0;\n\t\theight: @theme-footer-fixed-height;\n\t}\n\t\n\t#tm-footer {\n\t\tpadding-top: @theme-footer-padding-vertical;\n\t\tpadding-bottom: 0;\n\t}\n}\n\n.tm-boxed-container {\n\toverflow-x: hidden;\n\tpadding: 0;\n\tbox-shadow: 0 0 10px @global-dark-1-shadow;\n}\n\n.tm-boxed-layout {\n\n\t#tm-footer > .uk-container,\n\t#tm-copy > .uk-container {\n\t\tpadding: 0;\n\t}\n\n\t.tm-header-transparent {\n\t\twidth: @utility-container-max-width !important;\n\t}\n\n\t#tm-copy {\n\t\tpadding: 0 25px !important;\n\t}\n}\n\n#tm-footer {\n\tbox-sizing: border-box;\n\tbackground-color: @theme-footer-background;\n\tbackground-blend-mode: @theme-footer-background-blend-mode;\n\n\t.uk-panel-box {\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tbox-shadow: none;\n\t\tborder-radius: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tcolor: @theme-footer-color;\n\n\t\th1,h2,h3,h4,h5,h6 {\n\t\t\tcolor: @theme-footer-heading-color;\n\t\t}\n\n\t\ta {\n\t\t\tcolor: @theme-footer-link-color;\n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @theme-footer-link-hover-color;\n\t\t\t}\n\t\t}\n\n\t\t.uk-icon-button {\n\t\t\tcolor: @theme-footer-color;\n\t\t\tborder-radius: 50%;\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tline-height: 37px;\n\t\t\ttext-align: left;\n\n\t\t\t+ .uk-icon-button {\n\t\t\t\tmargin-left: 2px;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @theme-footer-link-hover-color;\n\t\t\t}\n\t\t}\n\n\t\t.uk-nav-side > li {\n\t\t\t> a {\n\t\t\t box-shadow: none;\n\t\t\t padding: 3px 30px;\n\t\t\t}\n\n\t\t\t&.uk-active > a {\n\t\t\t background: rgba(0,0,0,0);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.tm-page-padding #tm-footer .uk-container {\n\tpadding: 0 @utility-container-padding-horizontal*2;\n}\n\n.tm-copy {\n\tcolor: @theme-copy-color;\n\ttext-transform: @theme-copy-text-transform;\n\tfont-size: @theme-copy-font-size;\n\tfont-weight: @global-body-font-weight;\n\tletter-spacing: @theme-copy-letter-spacing;\n\n\t.uk-container {\n\t\tmax-width: 100%;\n\t}\n\n\t.uk-panel {\n\t\tpadding: @theme-copy-padding 0;\n\t}\n\n\t.uk-subnav li a,\n\ta:not(.tm-totop-scroller) {\n\t\tcolor: @theme-copy-link-color;\n\n\t\t&:after {\n\t\t\tbackground-color: @theme-copy-link-color;\n\t\t}\n\n\t\t&:hover:after {\n\t\t\tbackground-color: @theme-copy-link-hover-color;\n\t\t}\n\n\t\t&:hover {\n\t\t\tcolor: @theme-copy-link-hover-color;\n\t\t}\n\t}\n\n\t.uk-subnav li a:after {\n\t\tbottom: 3px;\n\t}\n\n\t.uk-subnav-line > li:nth-child(n+2):before {\n\t\theight: 15px;\n\t\tborder-color: fade(@theme-border-font-color, 50%);\n\t\tborder-left-style: dotted;\n\t\tposition: relative;\n\t\tmargin-right: 15px;\n\t\tvertical-align: text-bottom;\n\t}\n\n\t.uk-nav li > a > div {\n\t\tline-height: 24px;\n\t\tword-wrap: break-word;\n\t\tmargin-top: 10px;\n\t}\n\n\t.uk-subnav {\n\t\tmargin: 0;\n\n\t\t> * {\n\t\t\tpadding-left: 15px;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t> li:first-child {\n\t\t\tpadding-left: 0;\n\t\t}\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n\/\/\n\/\/ To-Top Scroller\n\/\/\n\n.tm-scroll-to-top {\n z-index: 1100;\n position: absolute;\n}\n\n.tm-totop-scroller {\n\tdisplay: block;\n\tposition: fixed;\n\tleft: 50%;\n\tmargin: 0 0 15px -20px;\n\tbottom: 0;\n\tline-height: 1;\n\twidth: 22px;\n\theight: 22px;\n\ttext-align: center;\n\tfont-size: 22px;\n\tborder-radius: @global-border-radius;\n\ttransition: @global-transition;\n\n\t&:after {\n\t\tcontent: \"\\f227\";\n\t\tfont-family: @global-buckle-icon;\n\t\tcolor: @theme-border-link-color;\n\t\ttransition: @global-transition-color;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\toutline: none;\n\t\ttext-decoration: none;\n\n\t\t&:after {\n\t\t\tcolor: @theme-border-link-hover-color;\n\t\t}\n\t}\n\n\t&:active:after { font-size: 20px; }\n}\n\n.uk-active .tm-totop-scroller {\n\tdisplay: block;\n\tbottom: round((@theme-border-size-large \/ 3.5));\n\topacity: 1;\n\ttransition: @global-transition;\n}\n\n\/\/\n\/\/ Dynamic Grid\n\/\/\n\n.tm-grid-title {\n\tbackground: @global-secondary-background;\n\tcolor: @global-contrast-color;\n\tdisplay: inline-block;\n\tpadding: 5px 10px;\n\tbox-shadow: 0 0 0 @global-dark-15-shadow;\n}\n\n.tm-overlay-content,\n.tm-grid-content {\n\ttext-shadow: 0 1px 1px rgba(0,0,0,0.5);\n}\n\n.tm-grid-content {\n\tz-index: 1;\n\tposition: relative;\n}\n\n.tm-dynamic-grid figure img {\n\twidth: 100%;\n}\n\n\/\/\n\/\/ Colored Panels\n\/\/\n\n.tm-panel-box-primary-color {\n\n\tbackground: @button-background;\n\tcolor: @global-contrast-color;\n\n\ta { color: @global-contrast-color; }\n\n}\n\n.tm-panel-box-secondary-color {\n\n\tbackground: @button-primary-background;\n\tcolor: @global-contrast-color;\n\n\ta { color: @global-contrast-color; }\n\n}\n\n\/\/\n\/\/ Side Navigation\n\/\/\n\n.tm-navigation-bar {\n\tposition: fixed;\n\tright: 20px;\n\ttop: 45%;\n\n\t.uk-dotnav { \n\t\tfont-size: 0.001px;\n\t\tlist-style: none outside none;\n\t\tpadding: 0;\n\t\twidth: 20px;\n\t\t\n\t\t> li {\n\t\t\tborder-radius: 100%;\n\t\t\theight: 15px;\n\t\t\twidth: 15px;\n\t\t\tpadding-left: 0;\n\t\t\tmargin: 15px 0 0 !important;\n\n\t\t\t> a {\n\t\t\t\theight: 10px;\n\t\t\t\twidth: 10px;\n\t\t\t\tbox-shadow: 0 0 0 4px @global-light-15-shadow, 0 0 0 5px @global-dark-075-shadow;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus { \n\t\t\t\t\tbackground-color: rgba(50, 50, 50, 0.2);\n\t\t\t\t\toutline: medium none;\n\t\t\t\t}\n\t\t\t}\n\t\t\n\t\t\t&.uk-active > a { \n\t\t\t\tbackground-color: @global-primary-background;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/\n\/\/ Shortcodes\n\/\/\n\n.uk-module-title {\n\tposition: relative;\n\tpadding-bottom: 10px;\n\tmargin-bottom: 20px !important;\n\tletter-spacing: @global-heading-letter-space;\n\n\t&:after {\n\t\tcontent: \"\";\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\twidth: 60px;\n\t\tposition: absolute;\n\t\tborder-bottom: 1px solid @global-primary-background;\n\t}\n}\n\n.uk-module-stripes {\n\t&:after {\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 8px;\n\t\tmargin-top: 8px;\n\t\tbackground: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 3px, @theme-module-stripe-color 3px, @theme-module-stripe-color 6px);\n\t}\n}\n\n.uk-contrast {\n\t.uk-sub-title {\n\t\ttext-shadow: 0 1px 2px @global-dark-2-shadow;\n\t}\n}\n\n.tm-heading-gradient, \n.sppb-addon-header.tm-heading-gradient > *,\n.sppb-addon-header.tm-heading-gradient .fa {\n\tcolor: @global-primary-background !important;\n\tdisplay: inline-block;\n\tposition: relative;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\n\t&.sppb-text-center {\n\t\tmargin: 0 auto;\n\t\tdisplay: block;\n\t}\n\n\t&.sppb-text-right {\n\t\tfloat: right;\n\t}\n}\n\n@supports (-webkit-background-clip:text) {\n\t.tm-heading-gradient, \n\t.sppb-addon-header.tm-heading-gradient > *,\n\t.sppb-addon-header.tm-heading-gradient .fa {\n\t\t.gradient-diagonal(@global-primary-2-background, @global-primary-2-background, @global-primary-background);\n\t\tbackground: -o-linear-gradient(transparent, transparent);\n\t\tbackground-position: 50% 50%;\n\t\tbackground-repeat: repeat;\n\t\t-webkit-background-clip: text;\n\t}\n}\n\n.uk-flex-center,\n.uk-text-center {\n\n\t.uk-module-title:after {\n\t\tcontent: \"\";\n\t\tmargin-left: -50px;\n\t\tbottom: -10px;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\tborder-bottom: 0;\n\t\tbackground: repeating-linear-gradient(-45deg, rgba(0,0,0,0), \n\t\t\trgba(0,0,0,0) 3px,\n\t\t\t@theme-module-stripe-color 3px,\n\t\t\t@theme-module-stripe-color 6px);\n\t\theight: 10px;\n\t\twidth: 100px;\n\t}\n}\n\n.uk-sub-title,\n.uk-sub-title-small {\n\ttext-transform: uppercase;\n\tletter-spacing: 3px;\n\tmargin: 0 0 15px 0;\n\tfont-family: @base-body-font-family;\n\tfont-size: @base-body-font-size;\n}\n\n.uk-sub-title-small {\n\tfont-size: round((@global-font-size*0.85));\n}\n\n\/\/\n\/\/ Blocks\n\/\/\n\n.tm-block-digit {\n\ttext-align: center;\n\tmargin: 0 15px 0 0;\n}\n\n.tm-block-text {\n\tfont-size: @base-h3-font-size;\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-regular-font-weight;\n\tbackground-color: rgba(0,0,0,0);\n\tcolor: @global-heading-color;\n\tmin-width: 50px;\n\tline-height: 50px;\n\tbox-shadow: -3px 3px 0 @global-primary-background;\n\tborder-width: 1px 1px 0 0;\n\tborder-style: solid;\n\tborder-color: fade(@global-color, 5%);\n}\n\n.tm-block-time {\n\tbackground: @global-background;\n\tcolor: @global-color;\n\ttext-align: center;\n\tmargin: 5px @global-grid-gutter 15px 0;\n}\n\n.tm-block-month {\n\tpadding: 0 5px;\n\tborder-radius: @global-border-radius \/ 2;\n\tbackground: @global-primary-background;\n\tcolor: @global-contrast-color;\n\twidth: 40px;\n\tline-height: 26px;\n\tfloat: left;\n}\n\n.tm-block-month {\n\tletter-spacing: 1px;\n\tfont-family: @global-heading-font-family;\n\tfont-weight: 400;\n\tfont-size: @global-font-size - 2;\n\ttext-transform: uppercase;\n}\n\n.tm-event-descr {\n\tmargin: 0 0 15px;\n}\n\n.tm-block-icon {\n\tfont-size: round((@base-h2-font-size*1.17));\n\tpadding: 15px 15px 0 0;\n\tmargin-right: 5px;\n\tcolor: @global-primary-background !important;\n\tdisplay: inline-block;\n\tposition: relative;\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n}\n\n@supports (-webkit-background-clip:text) {\n\t.tm-block-icon {\n\t\t.gradient(@global-primary-background, @global-primary-2-background, @global-primary-background);\n\t\tbackground: -o-linear-gradient(transparent, transparent);\n\t\tbackground-position: 50% 50%;\n\t\tbackground-repeat: repeat;\n\t\t-webkit-background-clip: text;\n\t}\n}\n\n.tm-block-number {\n\tmargin-bottom: 10px;\n}\n\n\/\/\n\/\/ Icons\n\/\/\n\n.shortcode-icons {\n\tpadding-left: 0;\n\n\tli {\n\t\tdisplay: inline-block;\n\t\tlist-style-type: none;\n\n\t\ta {\n\t\t\tfont-size: @base-h3-font-size;\n\t\t}\n\t}\n}\n\n\/\/ S5 Mailchimp Module\n#tm-subscribe-form {\n\n\tform#signup {\n\t\tmargin: 10px 0;\n\t}\n\n\t.mailchimp_signup {\n\t box-shadow: 0 0 0 4px @global-light-075-shadow;\n\t padding: 4px 6px;\n\t}\n\n\t#response {\n\t color: inherit;\n\t font-style: normal;\n\t text-align: left;\n\t padding-left: 20px;\n\n\t &:empty {\n\t display: none;\n\t }\n\t}\n\n\t.submit-wrapper { \n\t top: 0;\n\t right: 0;\n\n\t > button {\n\t\t\tborder-radius: 0 4px 4px 0;\n\t\t\tline-height: 40px;\n\t\t\tmin-height: 40px;\n\t }\n\t}\n}\n\n\/\/\n\/\/ Tags\n\/\/\n\n.tagspopular ul {\n\tpadding-left: 0;\n\n\tli {\n\t\tlist-style-type: none;\n\t\tfloat: left;\n\t}\n}\n\n.tm-tags-list {\n\tpadding: 0 0 10px;\n\n\tul li {\n\t\tdisplay: inline-block;\n\t}\n}\n\n.tm-tags-list a,\n.tagspopular ul li a,\n.tm-tag {\n\tline-height: 30px;\n\tmin-height: 30px;\n\tfont-size: round((@button-mini-font-size*1.2));\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n\tmargin: 5px 10px 10px 0;\n\tpadding: 0 10px;\n\tborder: 1px solid darken(@panel-box-primary-background, 5%);\n\tdisplay: inline-block;\n\tborder-radius: 3px;\n\tvertical-align: middle;\n\tbackground-color: @panel-box-primary-background;\n\tcolor: @panel-box-primary-color;\n\tbox-sizing: border-box;\n\ttext-decoration: none;\n\ttext-align: center;\n\ttransition: @global-transition;\n\n\t&:focus,\n\t&:hover {\n\t\ttext-decoration: none;\n\t\tbackground-color: darken(@panel-box-primary-background, 7%);\n\t}\n}\n\n\/\/ button link underline \n\t\n.uk-button-link {\n\ttext-decoration: none;\n\tposition: relative;\n\n\t&:hover, \n\t&.uk-link:hover {\n\t\ttext-decoration: none;\n\t}\n\t\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 100%;\n\t\theight: 1px;\n\t\tbottom: 5px;\n\t\tleft: 0;\n\t\tbackground-color: @global-link-hover-color;\n\t\tvisibility: hidden;\n\t\ttransform: scaleX(0);\n\t\ttransition: @global-transition;\n\t}\n\n\t&:hover:after {\n\t\ttext-decoration: none;\n\t\tvisibility: visible;\n\t\ttransform: scaleX(1);\n\t}\n}\n\n\/\/\n\/\/ Module Classes\n\/\/\n\n#tm-container {\n\t\n\t.tm-primary-color { color: @global-primary-background; }\n\t.tm-primary-2-color { color: @global-primary-2-background; }\n\t.tm-primary-3-color { color: @global-primary-3-background; }\n\t.tm-primary-4-color { color: @global-primary-4-background; }\n\t.tm-secondary-color { color: @global-secondary-color; }\n\t.tm-dark-color { color: @global-dark-color; }\n\t.tm-light-color { color: @global-light-color; }\n\t.tm-extra-light-color { color: @global-extra-light-background; }\n\t.tm-primary-color path { fill: @global-primary-background; }\n\t.tm-offset-left { margin-left: -60px !important; }\n\t.tm-offset-left-large { margin-left: -100px !important; }\n\t.tm-offset-left-xlarge { margin-left: -150px !important; }\n\t.tm-offset-top { margin-top: -60px !important; }\n\t.tm-offset-top-large { margin-top: -100px !important; }\n\t.tm-offset-top-xlarge { margin-top: -150px !important; }\n\t.tm-offset-bottom { margin-bottom: -60px !important; }\n\t.tm-offset-bottom-large { margin-bottom: -100px !important; }\n\t.tm-offset-bottom-xlarge { margin-bottom: -150px !important; }\n}\n\n.tm-rating {\n\tmargin-bottom: 10px;\n\n\t.uk-icon-star {\n\t\tletter-spacing: 5px;\n\t\tfont-size: 18px;\n\t\tcolor: @theme-rating-color;\n\t}\n\n\t.tm-5-star:before {\n\t\tcontent: \"\\f005 \\f005 \\f005 \\f005 \\f005\";\n\t}\n\n\t.tm-4-half-star:before {\n\t\tcontent: \"\\f005 \\f005 \\f005 \\f005 \\f123\";\n\t}\n\n\t.tm-4-star:before {\n\t\tcontent: \"\\f005 \\f005 \\f005 \\f005 \\f006\";\n\t}\n\n\t.tm-3-star:before {\n\t\tcontent: \"\\f005 \\f005 \\f005 \\f006 \\f006\";\n\t}\n\n\t.tm-2-star:before {\n\t\tcontent: \"\\f005 \\f005 \\f006 \\f006 \\f006\";\n\t}\n\n\t.tm-1-star:before {\n\t\tcontent: \"\\f005 \\f006 \\f006 \\f006 \\f006\";\n\t}\n\n\t.tm-0-star:before {\n\t\tcontent: \"\\f006 \\f006 \\f006 \\f006 \\f006\";\n\t}\n}\n\n.tm-primary-light-background {\n\tbackground-color: @global-primary-light-background !important;\n}\n\n.tm-primary-overlay,\n.tm-primary-background,\n.tm-primary-gradient {\n\tborder-color: @global-dark-075-shadow !important;\n\tcolor: @panel-box-primary-color !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @panel-box-primary-color !important;\n\t}\n}\n\n.uk-block-primary,\n.tm-primary-background {\n\tbackground-color: @panel-box-primary-background !important;\n}\n\n.tm-primary-gradient {\n\t.uk-panel-box-primary;\n\t.gradient-left(@panel-box-primary-background, lighten(@panel-box-primary-background, 7%), darken(@panel-box-primary-background, 5%));\n\tbox-shadow: inset 10px 0 30px fade(darken(@panel-box-primary-background, 3%), 80%), \n\t\t\t\tinset -1px 0 0 fade(lighten(@panel-box-primary-background, 3%), 75%) !important;\n}\n\n.tm-primary-2-gradient {\n\t.gradient-diagonal(@global-primary-2-background, lighten(@global-primary-2-background, 7%), darken(@global-primary-2-background, 10%));\n\tbox-shadow: inset 10px 0 30px fade(darken(@global-primary-2-background, 3%), 80%), \n\t\t\t\tinset -1px 0 0 fade(lighten(@global-primary-2-background, 3%), 75%) !important;\n\tcolor: @global-primary-2-color !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-2-color !important;\n\t}\n}\n\n.tm-primary-3-gradient {\n\t.gradient-diagonal(@global-primary-3-background, lighten(@global-primary-3-background, 7%), darken(@global-primary-3-background, 10%));\n\tbox-shadow: inset 10px 0 30px fade(darken(@global-primary-3-background, 3%), 80%), \n\t\t\t\tinset -1px 0 0 fade(lighten(@global-primary-3-background, 3%), 75%) !important;\n\tcolor: @global-primary-3-color !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-3-color !important;\n\t}\n}\n\n.tm-primary-4-gradient {\n\t.gradient-diagonal(@global-primary-4-background, lighten(@global-primary-4-background, 7%), darken(@global-primary-4-background, 10%));\n\tbox-shadow: inset 10px 0 30px fade(darken(@global-primary-4-background, 3%), 80%), \n\t\t\t\tinset -1px 0 0 fade(lighten(@global-primary-4-background, 3%), 75%) !important;\n\tcolor: @global-primary-4-color !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-4-color !important;\n\t}\n}\n\n.tm-secondary-gradient {\n\t.uk-panel-box-secondary;\n\t.gradient-diagonal(@global-secondary-background, lighten(@global-secondary-background, 7%), darken(@global-secondary-background, 10%));\n\tbox-shadow: inset 10px 0 30px fade(darken(@global-secondary-background, 3%), 80%), \n\t\t\t\tinset -1px 0 0 fade(lighten(@global-secondary-background, 3%), 75%) !important;\n\tcolor: @global-contrast-color !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-contrast-color !important;\n\t}\n}\n\n.tm-primary-overlay {\n\t\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbackground-color: fade(@panel-box-primary-background, 80%) !important;\n\t\tcolor: @panel-box-primary-color !important;\n\t\tborder-color: @global-dark-075-shadow !important;\n\t}\n}\n\n.tm-primary-2-overlay {\n\tcolor: @global-primary-2-color !important;\n\t\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbackground-color: fade(@global-primary-2-background, 80%) !important;\n\t\tcolor: @global-primary-2-color !important;\n\t\tborder-color: @global-dark-075-shadow !important;\n\t}\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-2-color !important;\n\t}\n}\n\n.tm-primary-3-overlay {\n\tcolor: @global-primary-3-color !important;\n\t\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbackground-color: fade(@global-primary-3-background, 80%) !important;\n\t\tcolor: @global-primary-3-color !important;\n\t\tborder-color: @global-dark-075-shadow !important;\n\t}\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-3-color !important;\n\t}\n}\n\n.tm-primary-4-overlay {\n\tcolor: @global-primary-4-color !important;\n\t\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbackground-color: fade(@global-primary-4-background, 80%) !important;\n\t\tcolor: @global-primary-4-color !important;\n\t\tborder-color: @global-dark-075-shadow !important;\n\t}\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-4-color !important;\n\t}\n}\n\n.tm-secondary-overlay {\n\tcolor: @global-contrast-color;\n\t\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\tbackground-color: fade(@global-secondary-background, 80%) !important;\n\t\tcolor: @global-contrast-color !important;\n\t\tborder-color: @global-dark-075-shadow !important;\n\t}\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-contrast-color !important;\n\t}\n}\n\n.uk-block-primary-2,\n.tm-primary-2-background {\n\tbackground-color: @global-primary-2-background !important;\n\tcolor: @global-primary-2-color !important;\n\tborder-color: @global-dark-075-shadow !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-2-color !important;\n\t}\n}\n\n.uk-block-primary-3,\n.tm-primary-3-background {\n\tbackground-color: @global-primary-3-background !important;\n\tcolor: @global-primary-3-color !important;\n\tborder-color: @global-dark-075-shadow !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-3-color !important;\n\t}\n}\n\n.uk-block-primary-4,\n.tm-primary-4-background {\n\tbackground-color: @global-primary-4-background !important;\n\tcolor: @global-primary-4-color !important;\n\tborder-color: @global-dark-075-shadow !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-4-color !important;\n\t}\n}\n\n.uk-block-secondary,\n.tm-secondary-background {\n\tbackground-color: @global-secondary-background !important;\n\tcolor: @global-contrast-color !important;\n\tborder-color: @global-dark-075-shadow !important;\n\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-contrast-color;\n\t}\n\n\t.tm-light-color, \n\t.tm-light-color .sppb-addon-title {\n\t\tcolor: fade(@global-contrast-color, 50%) !important;\n\t}\n}\n\n.tm-primary-3-gradient,\n.tm-primary-3-background {\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-3-color;\n\t}\n}\n\n.tm-primary-4-gradient,\n.tm-primary-4-background {\n\th1,h2,h3,h4,h5,h6,em {\n\t\tcolor: @global-primary-4-color;\n\t}\n}\n\n.tm-weight-thin { font-weight: @global-thin-font-weight !important; }\n.tm-weight-light { font-weight: @global-light-font-weight !important; }\n.tm-weight-regular { font-weight: @global-regular-font-weight !important; }\n.tm-weight-medium { font-weight: @global-medium-font-weight !important; }\n.tm-weight-bold { font-weight: @global-bold-font-weight !important; }\n\n.tm-muted-background { background-color: @global-light-background; }\n.tm-light-background { background-color: @global-light-background !important;}\n\n.tm-svg-icon {\n\theight: 48px;\n\tpadding-top: 0;\n\tmin-width: 48px;\n}\n\n.tm-text-large {\n\tline-height: 1;\n\tfont-size: round(@base-h1-font-size * 2.5);\n\tfont-weight: @global-thin-font-weight;\n}\n\n.tm-text-xlarge {\n\tline-height: 1 !important;\n\tfont-size: 80px;\n\tfont-weight: @global-thin-font-weight;\n}\n\n.tm-border-transparent,\n.tm-border-edge {\n\n\t> div { \n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t\theight: 100px;\n\t\t\twidth: 100px;\n\t\t\tborder: 1px solid fade(@global-primary-2-background, 50%);\n\t\t\tposition: absolute;\n\t\t\tbottom: -10px;\n\t\t\tleft: -10px;\n\t\t\tz-index: 1;\n\t\t\tborder-radius: @global-border-radius;\n\t\t}\n\n\t\t&:after {\n\t\t\ttop: -20px;\n\t\t\tleft: auto;\n\t\t\tright: -20px;\n\t\t\tz-index: 2;\n\t\t}\n\t}\n\n\timg {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t\tmargin: 10px;\n\t\tbox-shadow: 0 0 0 10px rgba(0,0,0,0.02);\n\t}\n}\n\n.tm-border-transparent {\n\n\timg {\n\t\tbox-shadow: none;\n\t}\n}\n\n.tm-thin-font {\n\tfont-weight: 300;\n}\n\n.tm-caps {\n\ttext-transform: uppercase;\n\tletter-spacing: 2px;\n\t\n\t> .uk-panel-title {\n\t\tfont-size: @base-h3-font-size;\n\t\tletter-spacing: @global-heading-letter-space;\n\t\ttext-transform: uppercase;\n\t\ttext-align: center;\n\t\tdisplay: block;\n\t\tborder-bottom: 0;\n\t\tmargin-bottom: @global-block-gutter;\n\t}\n}\n\n.tm-small-caps {\n\ttext-transform: uppercase;\n\tletter-spacing: 2px;\n\tfont-size: round((@global-font-size*0.85));\n}\n\n.tm-italic,\n.tm-italic.sppb-addon-header > .sppb-addon-title {\n\tfont-family: @global-italic-font-family;\n\tfont-style: @global-italic-font-style;\n}\n\n.tm-font-italic {\n\tfont-style: italic;\n}\n\n.tm-padding {\n\tpadding: @panel-box-padding;\n\n\t&.uk-panel-box {\n\t\tpadding: @panel-box-padding @panel-box-padding*2;\n\t}\n}\n\n.tm-background-cover {\n\t.tm-inner-container {\n\t\tpadding: 50px @theme-border-size-large;\n\t}\n}\n\n.tm-inner-padding-large {\n\t.tm-inner-container {\n\t\tpadding-top: @panel-box-padding*3;\n\t\tpadding-bottom: @panel-box-padding*3;\n\t}\n}\n\n.tm-padding-large {\n\tpadding-top: @panel-box-padding*2;\n\tpadding-bottom: @panel-box-padding*2;\n}\n\n.tm-padding-sides {\n\tpadding: 0 60px;\n}\n\n.tm-padding-small-sides {\n\tpadding: 0 @panel-box-padding;\n}\n\n.tm-inner-shadow {\n\tbox-shadow: inset 0 2px 5px @global-dark-2-shadow;\n}\n\np:empty {\n\tmargin: 0;\n\tdisplay: none;\n}\n\n.tm-padding-remove { padding: 0 !important; }\n.tm-padding-left-remove { padding-left: 0 !important; }\n.tm-padding-bottom-remove { padding-bottom: 0 !important; }\n.tm-padding-top-remove { padding-top: 0 !important; }\n\n.tm-overlay-primary.sppb-section,\n.tm-overlay-primary-gradient.sppb-section,\n.tm-overlay-primary > .tm-background-cover,\n.tm-overlay-secondary.sppb-section,\n.tm-overlay-secondary-gradient.sppb-section,\n.tm-overlay-secondary > .tm-background-cover,\n.tm-overlay-secondary.tm-darker > .tm-background-cover {\n\tmin-height: inherit;\n\n\t&:before {\n\t\tposition: absolute;\n\t\tcontent: \"\";\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tpadding: 0;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: block;\n\t}\n}\n\n.tm-overlay-primary,\n.tm-overlay-primary.sppb-section:before,\n.tm-overlay-primary > .tm-background-cover:before {\n\tbackground-color: fade(@global-primary-background, 80%);\n}\n\n.tm-overlay-primary-gradient,\n.tm-overlay-primary-gradient.sppb-section:before,\n.tm-overlay-primary-gradient > .tm-background-cover:before {\n\t.gradient(fade(@global-primary-background, 80%), fade(@global-primary-background, 80%), darken(@global-primary-background, 10%));\n}\n\n.tm-overlay-secondary,\n.tm-overlay-secondary.sppb-section:before,\n.tm-overlay-secondary > .tm-background-cover:before {\n\tbackground-color: fade(@global-secondary-background, 85%);\n}\n\n.tm-overlay-secondary.tm-darker,\n.tm-overlay-secondary.tm-darker > .tm-background-cover {\n\tbackground-color: fade(@global-secondary-background, 90%);\n}\n\n\/\/ Modalx\n\n.modal-x, .modal-x > div {\n\tvisibility: hidden;\n}\n\n\/\/ Panel\n.tm-panel-box-teaser { margin: -@panel-box-padding !important; }\n\n.tm-panel-space-teaser { margin: -@panel-space-padding -@panel-space-padding ((@panel-space-padding \/ 2)) -@panel-space-padding; }\n\n.tm-panel-space-teaser:before,\n.tm-panel-box-image-teaser:before {\n\tcontent: '';\n\tdisplay: block;\n\tposition: absolute;\n\tright: 0;\n\tleft: 0;\n\tz-index: 10;\n\tborder-bottom: 1px solid @global-border;\n}\n\n\/\/ \n\/\/ Article style\n\/\/\n\n.tm-article-featured-image {\n\tposition: relative;\n\tmargin: 0 0 20px;\n\t\n\timg {\n\t\tmargin-top: 0;\n\t\twidth: 100% !important;\n\t}\n}\n\n\n.tm-article-content {\n\tmargin-top: 20px;\n}\n\n.tm-noblog .uk-article + .uk-article {\n\tpadding-top: @article-margin-top;\n\tborder-top: 1px solid @global-border;\n}\n\n.tm-page-title {\n\tpadding: 0 0 @panel-space-padding;\n\tmargin-top: -20px;\n}\n\n.tm-dropcap-block > p:first-of-type:first-letter,\n.tm-dropcap .tm-article > p:first-of-type:first-letter {\n\tmargin: 10px 10px 0 0;\n\tfloat: left;\n\tline-height: 38px;\n\tfont-size: @global-font-size*3;\n\tcolor: @global-color;\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n}\n\n.tm-content > h2 {\n\tpadding-bottom: @global-block-gutter;\n}\n\n.tm-article-icons {\n\tpadding-bottom: 10px;\n\tmargin: 15px 0 10px;\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n\tfont-size: round((@global-font-size * 0.85));\n\n\ta {\n\t\tmargin-right: 15px;\n\t\tcolor: fade(@global-color, 40%);\n\t\ttransition: @global-transition-color;\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-color;\n\n\t\t\t&:after {\n\t\t\t\tbackground-color: @global-link-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.icon-edit:before {\n\t\tfont-family: @global-buckle-icon;\n\t\tcontent: \"\\f153\";\n\t}\n\n\t.icon-print,\n\t.icon-envelope {\n\t\tvertical-align: middle;\n\t\tpadding-right: 5px;\n\t\tfont-size: 15px;\n\n\t\t&:before {\n\t\t\tfont-family: @global-buckle-icon;\n\t\t}\n\t}\n\n\t.icon-print:before {\n\t\tcontent: \"\\f1af\";\n\t}\n\n\t.icon-envelope:before {\n\t\tcontent: \"\\f156\";\n\t}\n}\n\n\/\/\n\/\/ Category Module\n\/\/\n\n.category-module {\n\tlist-style-type: none;\n\tpadding-left: 0;\n}\n\n\/\/\n\/\/ Contact\n\/\/\n\n.contact {\n\th3 { .uk-module-title; }\n\n\t.form-horizontal {\n\t\t.controls {\n\t\t\tmargin-right: 22px;\n\t\t}\n\n\t\t.control-group {\n\t\t\tmargin-bottom: 10px;\n\n\t\t\t.controls > input,\n\t\t\t.controls > textarea {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ Search results\n\n.search {\n\n span.highlight {\n background-color: @global-highlight-background;\n font-weight: @global-regular-font-weight;\n padding: 1px 5px;\n color: @global-highlight-color;\n }\n\n #searchForm {\n margin-bottom: 40px;\n\n fieldset {\n margin-bottom: 30px;\n\n label {\n padding-right: 15px;\n }\n }\n }\n\n .tm-text-large,\n .uk-article-title {\n font-size: @base-h3-font-size;\n line-height: @base-h3-line-height;\n font-weight: @global-regular-font-weight;\n padding-bottom: 0;\n }\n\n .uk-article + .uk-article {\n margin-top: 10px;\n padding-top: 20px;\n border-top: 1px dotted @global-border;\n }\n\n .uk-article-meta {\n font-size: @global-font-size;\n line-height: @global-line-height;\n margin-bottom: 0;\n font-family: @global-italic-font-family;\n }\n\n .tm-article-content {\n margin-bottom: 30px !important;\n }\n}\n\n\/\/\n\/\/ Error\n\/\/\n\n.tm-error-headline {\n\tfont-size: 60px;\n\tline-height: 60px;\n\tmargin-bottom: 30px;\n}\n\n.tm-error-content { \n\tfont-size: 24px;\n\tfont-weight: @global-thin-font-weight;\n\tline-height: 36px;\n\tcolor: @global-contrast-color;\n\n\ta {\n\t\tcolor: @global-link-color;\n\t\ttext-decoration: none;\n\t}\n}\n\n.tm-offline-cm {\n\tmargin: 50px;\n\n\t.tm-coming-content {\n\t\tbackground-color: fade(@global-background, 85%);\n\t height: ~\"calc(100vh - 100px)\";\n\t padding: 50px;\n\t box-shadow: -20px 0 50px fade(@global-secondary-background, 10%);\n\t}\n\n\t.uk-scrollable-text {\n\t\tresize: none;\n\t}\n}\n\n.tm-offline {\n\tpadding: 30px 50px;\n\tbox-shadow: 0 30px 100px fade(@global-secondary-background, 30%);\n}\n\n.tm-error {\n\t.tm-footer-fixed {\n\t\tpadding-bottom: 0;\n\t}\n}\n\n.tm-coming-soon-block {\n\n\t.uk-form {\n\t\t#response {\n\t\t\tcolor: @global-warning-background;\n\t\t}\n\n\t\tinput[type=\"text\"] {\n\t\t\tbackground-color: rgba(0,0,0,0);\n\t\t\tborder-color: @global-light-color;\n\t\t\tborder-radius: @global-border-radius;\n\t\t\tcolor: @global-contrast-color;\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: @global-primary-background;\n\t\t\t}\n\t\t}\n\t\n\t\tinput:-webkit-autofill {\n\t\t\t-webkit-text-fill-color: @global-light-color;\n\t\t}\n\n\t\tinput:-webkit-autofill:focus {\n\t\t\t-webkit-text-fill-color: @form-focus-color;\n\t\t}\n\n\t\tbutton {\n\t\t\tcolor: @button-primary-color;\n\t\t\tbackground-color: @button-primary-background;\n\n\t\t\t&:after {\n\t\t\t\tborder-color: rgba(0,0,0,0) @button-primary-background rgba(0,0,0,0) rgba(0,0,0,0);\n\t\t\t}\n\n\t\t\t&:hover{\n\t\t\t\tbackground-color: @button-primary-hover-background;\n\n\t\t\t\t&:after {\n\t\t\t\t\tborder-color: rgba(0,0,0,0) @button-primary-hover-background rgba(0,0,0,0) rgba(0,0,0,0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: @button-primary-active-background;\n\t\t\t\t\n\t\t\t\t&:after {\n\t\t\t\t\tborder-color: rgba(0,0,0,0) @button-primary-active-background rgba(0,0,0,0) rgba(0,0,0,0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ Countdown\n.uk-countdown-number {\n\tfont-size: 2.5rem !important;\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n}\n\n.uk-countdown-separator {\n\tline-height: 60px;\n\tfont-size: 32px;\n\twidth: 40px;\n}\n\n.uk-countdown-label {\n\tfont-family: @global-italic-font-family;\n\tfont-style: italic;\n}\n\n.uk-background-primary {\n\tbackground-color: @global-primary-background;\n}\n\n.uk-background-secondary {\n\tbackground-color: @global-secondary-background;\n}\n\n.tm-coming-soon {\n\tbox-shadow: inset 0 0 0 50px @global-secondary-background;\n\n\t&.uk-background-secondary {\n\t\tbackground-color: fade(@global-secondary-background, 50%);\n\t}\n}\n\n\/\/ \n\/\/ Border Background Style\n\/\/ \n\n.border-bg-style ();\n\n.border-bg-style () when (@theme-border-background-image = 'concrete-wall') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/concrete-wall.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'dark-leather') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/dark-leather.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'dark-mosaic') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/dark-mosaic.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'debut-light') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/debut-light.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'geometry') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/geometry.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'gplay') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/gplay.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'graphy') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/graphy.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'light-wool') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/light-wool.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'notebook') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/notebook.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'scribble-light') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/scribble-light.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'straws') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/straws.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'subtle-grey') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/subtle-grey.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'wall-light') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/wall-light.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'white-texture') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/white-texture.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'wood-pattern') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/wood-pattern.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'wood-plank') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/wood-plank.png\") 0 0 repeat fixed; }}\n.border-bg-style () when (@theme-border-background-image = 'xv') { .tm-toolbar, .tm-toolbar .uk-dropdown, .tm-container-border-bottom:before, .tm-container-border-bottom:after, [class*='tm-container-border-'], .tm-boxed-layout { background: @theme-border-background url(\"\/templates\/buckle\/images\/patterns\/xv.png\") 0 0 repeat fixed; }}\n\n\/\/ \n\/\/ Footer Background Style\n\/\/ \n\n.footer-bg-style ();\n.footer-bg-style () when (@theme-footer-background-image = 'none') { #tm-footer { .gradient(@theme-footer-background, spin(@theme-footer-background, 10), @theme-footer-background); }}\n.footer-bg-style () when (@theme-footer-background-image = 'concrete-wall') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/concrete-wall.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'dark-leather') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/dark-leather.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'dark-mosaic') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/dark-mosaic.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'debut-light') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/debut-light.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'geometry') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/geometry.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'gplay') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/gplay.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'graphy') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/graphy.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'light-wool') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/light-wool.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'notebook') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/notebook.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'scribble-light') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/scribble-light.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'straws') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/straws.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'subtle-grey') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/subtle-grey.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'wall-light') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/wall-light.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'white-texture') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/white-texture.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'wood-pattern') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/wood-pattern.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'wood-plank') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/wood-plank.png\") 0 0 repeat scroll; }}\n.footer-bg-style () when (@theme-footer-background-image = 'xv') { #tm-footer { background: @theme-footer-background url(\"\/templates\/buckle\/images\/patterns\/xv.png\") 0 0 repeat scroll; }}\n\n\/\/ \n\/\/ right-panel Background Style\n\/\/ \n\n.right-panel-bg-style ();\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'concrete-wall') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/concrete-wall.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'dark-leather') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/dark-leather.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'dark-mosaic') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/dark-mosaic.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'debut-light') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/debut-light.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'geometry') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/geometry.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'gplay') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/gplay.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'graphy') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/graphy.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'light-wool') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/light-wool.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'notebook') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/notebook.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'scribble-light') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/scribble-light.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'straws') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/straws.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'subtle-grey') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/subtle-grey.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'wall-light') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/wall-light.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'white-texture') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/white-texture.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'wood-pattern') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/wood-pattern.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'wood-plank') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/wood-plank.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n.right-panel-bg-style () when (@theme-right-panel-background-image = 'xv') { \n\t#tm-right-panel .uk-offcanvas-bar { \n\t\tbackground: @theme-right-panel-background url(\"\/templates\/buckle\/images\/patterns\/xv.png\") 0 0 repeat scroll;\n\t\tbackground-blend-mode: @global-background-blend-mode;\n\n\t\t> .uk-panel-box {\n\t\t\tbackground: rgba(0,0,0,0);\n\t\t}\n\t}\n}\n\n\/\/ backgrounds\n.tm-overlay-concrete-wall,\n.tm-overlay-dark-leather,\n.tm-overlay-dark-mosaic,\n.tm-overlay-debut-light,\n.tm-overlay-geometry,\n.tm-overlay-gplay,\n.tm-overlay-graphy,\n.tm-overlay-light-wool,\n.tm-overlay-notebook,\n.tm-overlay-scribble-light,\n.tm-overlay-straws,\n.tm-overlay-subtle-grey,\n.tm-overlay-wall-light,\n.tm-overlay-white-texture,\n.tm-overlay-wood-pattern,\n.tm-overlay-wood-plank,\n.tm-overlay-xv {\n\tbackground-repeat: repeat;\n\tbackground-position: 0 0;\n\tbackground-attachment: fixed;\n\tbackground-blend-mode: @global-background-blend-mode;\n}\n\n.tm-overlay-concrete-wall {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/concrete-wall.png\");\n}\n\n.tm-overlay-dark-leather {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/dark-leather.png\");\n}\n\n.tm-overlay-dark-mosaic {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/dark-mosaic.png\");\n}\n\n.tm-overlay-debut-light {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/debut-light.png\");\n}\n\n.tm-overlay-geometry {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/geometry.png\");\n}\n\n.tm-overlay-gplay {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/gplay.png\");\n}\n\n.tm-overlay-graphy {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/graphy.png\");\n}\n\n.tm-overlay-light-wool {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/light-wool.png\");\n}\n\n.tm-overlay-notebook {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/notebook.png\");\n}\n\n.tm-overlay-scribble-light {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/scribble-light.png\");\n}\n\n.tm-overlay-straws {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/straws.png\");\n}\n\n.tm-overlay-subtle-grey {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/subtle-grey.png\");\n}\n\n.tm-overlay-wall-light {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/wall-light.png\");\n}\n\n.tm-overlay-white-texture {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/white-texture.png\");\n}\n\n.tm-overlay-wood-pattern {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/wood-pattern.png\");\n}\n\n.tm-overlay-wood-plank {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/wood-plank.png\");\n}\n\n.tm-overlay-xv {\n\tbackground-image: url(\"\/templates\/buckle\/images\/patterns\/xv.png\");\n}\n\n\/\/ \n\/\/ K2\n\/\/ \n\n#k2container {\n\tarticle ul {\n\t\tpadding: 0;\n\t\tmargin-bottom: 0\n\t}\n\n\t.uk-pagination {\n\t\tmargin-top: 20px;\n\t}\n}\n\n\/\/ rss feed\n\n.k2FeedIcon a,\na.k2FeedIcon {\n\tdisplay: block;\n\tfloat: right;\n\theight: 21px;\n\tline-height: 21px;\n\tpadding: 30px 0 0 0;\n\tcolor: fade(@global-color, 40%);\n\tfont-family: @global-body-font-family;\n\t\n\t&:before {\n\t\tcolor: orange;\n\t\tfont-family: @global-font-icon;\n\t}\n\n\t&:hover {\n\t\tcolor: @global-color;\n\t}\n}\n\n.k2FeedIcon a {\n\tfloat: none;\n}\n\n\/\/ category list\n\n.k2CategoriesListBlock {\n\n\tul{\n\t\tpadding: 0;\n\t\tline-height: 22px;\n\t\tcolor: @global-color;\n\t\tlist-style-type: none;\n\t}\n\n\ta { margin: 0 8px 8px 0; }\n}\n\nul li.itemResizer a {\n\tdisplay: inline-block;\n\theight: 26px;\n\twidth: 15px;\n\t\n\tspan {\n\t\tpadding: 0 6px 0 0;\n\t}\n}\n\n.smallerFontSize {\n\tfont-size: round((@global-font-size*0.9)) !important;\n}\n\n.largerFontSize {\n\tfont-size: round((@global-font-size*1.15)) !important;\n}\n\n.itemImageBlock {\n\tclear: both;\n\t> a {width: 100%;}\n}\n\n.itemImage img{\n\twidth: 100% !important\n}\n\ntable.admintable tr{border: 5px solid transparent;}\nth.k2ProfileHeading{text-align: left; line-height: 48px;}\n\n.itemExtraFields ul li span.itemExtraFieldsValue,\n.itemLinks .itemCategory a,\n.itemLinks .itemAttachmentsBlock ul,\n.itemLinks .itemTagsBlock{\n\tmargin-top: 10px;\n}\n\nul.itemAttachments li {\n\tlist-style-type: none;\n}\n\n.itemLinks .itemCategory a{\n\tmargin-left: 10px;\n}\n\n.itemLinks .itemTagsBlock ul {\n\tdisplay: block;\n\tmargin: 0 0 0 8%;\n\n\tli {\n\t\tmargin: -3px -5px 0 10px;\n\t}\n}\n\n.itemBottom .itemRatingBlock span,\n.itemBottom .itemRatingBlock .itemRatingList,\n.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,\n.itemLinks .itemCategory span,.itemLinks .itemAttachmentsBlock > span,\n.itemExtraFields ul li span.itemExtraFieldsLabel,\n.itemLinks .itemTagsBlock span,\n.itemLinks .itemTagsBlock ul li,\n.latestView .itemsContainer {\n\tfloat: left;\n}\n\n.itemRatingBlock {\n\tfloat: right;\n\tpadding-top: 5px;\n\tpadding-right: 15px;\n}\n\n.itemAuthorContent ul,\n.itemExtraFields ul{\n\tpadding: 0;\n}\n\n.itemBottom {\n\tclear: both;\n\tmargin: 0 0 6px;\n}\n\n.itemLinks {\n\tclear: both;\n\tmargin: 0 0 38px 0;\n\t\n\t.itemTagsBlock,\n\t.itemSocialSharing {\n\t\tclear: both;\n\t}\n}\n\n.itemSocialSharing {\n\tmin-height: 38px;\n\tmargin: 42px 0 0 !important;\n\toverflow: visible !important;\n\tpadding: 20px 0 0 0;\n\tborder-top: 1px solid rgba(0,0,0,0.05);\n\tbox-shadow: 0 1px 0 @global-light-1-shadow inset;\n}\n\n.itemExtraFields {\n\tmargin: 0 20px 25px 0;\n\tfloat: left;\n\tpadding: 10px 20px;\n\n\th3 {\n\t\tpadding: 0 0 15px !important;\n\t}\n}\n\n.itemsCategory {\n\tpadding: 0 0 @global-block-gutter;\n}\n\n.itemBottom small.itemDateModified {\n\tdisplay: block;\n\ttext-align: right;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n}\n\n.itemRatingLog {\n\tfloat: left;\n\tline-height: 20px;\n\tmargin: 0 0 0 10px;\n\tfont-size: round((@global-font-size * 0.75));\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n}\n\n#formLog {\n\tclear: both;\n\tcolor: inherit;\n\tdisplay: block;\n\tfloat: none;\n\tmargin: 10px 0;\n\tposition: relative;\n\ttext-align: center;\n\ttop: 10px;\n\n\t&:empty { display: none; }\n}\n\n.formLogLoading {\n\twidth: 16px;\n\theight: 21px;\n\tfont-family: @global-font-icon;\n\tfont-size: 16px;\n\tanimation: uk-rotate 1s infinite linear;\n\toverflow: hidden;\n\tmargin: 0 0 0 10px;\n\tcolor: @global-primary-background;\n\n\t&:before{\n\t\tcontent: \"\\f1ce\";\n\t}\n}\n\n.clr + .itemsContainer,\n.tm-blog + .tm-blog {\n\tmargin-top: @panel-box-padding;\n}\n\n.itemView {\n\t+ .itemView {\n\t\tpadding-top: 30px;\n\t\tborder-top: 1px dotted @global-dark-1-shadow;\n\t}\n\n\t.uk-article-meta {\n\t\tmargin: -20px 0 20px;\n\t\tdisplay: block;\n\n\t\t> span {\n\t\t\tdisplay: inline-block;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t}\n\n\t.tm-article-icons {\n\t\t.icon-print, .icon-envelope {\n\t\t\tline-height: 14px;\n\t\t}\n\t}\n}\n\n.itemRatingList,\n.itemRatingList a:hover,\n.itemRatingList .itemCurrentRating {\n\tbackground: url(\"\/templates\/buckle\/images\/icons\/star.svg\") left -1000px repeat-x;\n}\n\n.itemRatingList {\n\tbackground-position: left top;\n\tfloat: left;\n\theight: 20px;\n\tlist-style: none;\n\tmargin: 0 !important;\n\toverflow: hidden;\n\tpadding: 0;\n\tposition: relative;\n\twidth: 100px;\n}\n\n#k2Container header {\n\t.itemRatingList{\n\t\theight: 18px !important;\n\t\tmargin: 18px 5px 0 !important;\n\t}\n\n\t.itemRatingLog{\n\t\tmargin: 19px 0 0;\n\t}\n}\n\n.itemRatingList {\n\n\tli {\n\t\tbackground: none;\n\t\tborder: none !important;\n\t\tdisplay: inline;\n\t\tpadding: 0;\n\t}\n\n\ta,\n\t.itemCurrentRating {\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\theight: 20px;\n\t\tleft: 0;\n\t\tline-height: 20px;\n\t\toutline: none;\n\t\toverflow: hidden;\n\t\tposition: absolute;\n\t\ttext-align: right;\n\t\ttop: 0;\n\t\ttext-indent: 9em;\n\t}\n\n\ta{\n\t\t&:hover {\n\t\t\tbackground-position: left center;\n\t\t}\n\n\t\t&.one-star {\n\t\t\twidth: 20%;\n\t\t\tz-index: 6;\n\t\t}\n\n\t\t&.two-stars {\n\t\t\twidth: 40%;\n\t\t\tz-index: 5;\n\t\t}\n\n\t\t&.three-stars {\n\t\t\twidth: 60%;\n\t\t\tz-index: 4;\n\t\t}\n\n\t\t&.four-stars {\n\t\t\twidth: 80%;\n\t\t\tz-index: 3;\n\t\t}\n\n\t\t&.five-stars {\n\t\t\twidth: 100%;\n\t\t\tz-index: 2;\n\t\t}\n\t}\n\n\t.itemCurrentRating {\n\t\tbackground-position: 0 bottom;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tz-index: 1;\n\t}\n}\n\n.itemTags li{\n\tmargin-right: 5px;\n\tmargin-top: -8px;\n}\n\n.itemExtraFields ul li {\n\tlist-style: none;\n\tpadding: 5px 0;\n}\n\n.itemLinks .itemAttachmentsBlock ul li a span {\n\tcolor: @global-color;\n}\n.itemLinks .itemAttachmentsBlock span{\n\tmargin-right: 10px\n}\n\n.itemLinks .itemSocialSharing > div {\n\tfloat: left;\n}\n\n.itemAuthorEmail {\n\tmargin-right: 5px;\n}\n\n.itemAuthorContent {\n\tmargin: 20px 0 32px 0;\n\toverflow: hidden;\n}\n\n.itemNavigation {\n\tclear: both;\n\tpadding: 0;\n}\n\n.k2CommentItem > a {\n\tcolor: @global-color;\n}\n\n.itemCommentsForm label {\n\tclear: both;\n\twidth: 30%;\n\tfloat: left;\n}\n\n.commentReportLink.modal {\n\tfont-size: 12px;\n\tborder: 1px solid @global-primary-background;\n\tborder-radius: 2px;\n\tpadding: 3px 5px;\n\ttop: 25px;\n}\n\n.itemCommentsForm textarea,\n.itemCommentsForm .inputbox {\n\tfloat: left;\n}\n\n.itemCommentsForm textarea.inputbox {\n\theight: 150px;\n}\n\n.itemCommentsForm .inputbox {\n\twidth: 100% !important;\n\tmargin-bottom: @global-block-gutter !important;\n}\n\n.itemCommentsForm #submitCommentButton {\n\tclear: both;\n\tfloat: left;\n\tmargin: 20px 0 0;\n}\n\n.itemCommentsForm .itemCommentsFormNotes {\n\tfont-size: 13px;\n\tmargin: 24px 0;\n}\n\n#itemCommentsAnchor {\n\tclear: both;\n\tmargin: 48px 0 0;\n}\n\n\/\/ Items views\n\n.itemIntroText {\n\tcolor: @global-color;\n\tfont-weight: @global-body-font-weight;\n\tline-height: @global-line-height;\n}\n\n.itemList article header h1,\n.itemList article header h2,\n.itemsContainerWrap article header h1 {\n\tline-height: @article-title-line-height;\n}\n\n.itemList ul.itemTags {\n\tclear: both;\n}\n\n.itemList ul.itemTags li {\n\tfloat: left;\n\tlist-style-type: none\n}\n\n.clr {\n\tclear: both;\n}\n\n.itemListSubCategories {\n\toverflow: hidden;\n}\n\n.userView > div.uk-block-muted {\n\tmargin-bottom: 80px;\n}\n\n.has-caption {\n\n\t.uk-image-round,\n\t.itemImage{\n\t\tborder-radius: @global-border-radius @global-border-radius 0 0;\n\t}\n\n\t.k2ImageCaption{\n\t\tbackground: @global-light-background;\n\t\tletter-spacing: 2px;\n\t\tfont-size: 10px;\n\t\ttext-transform: uppercase;\n\t\tborder: 1px solid @global-border;\n\t\tborder-radius: 0 0 @global-border-radius @global-border-radius;\n\t\tmargin-top: -6px;\n\t\tpadding: 10px 10px 4px;\n\t\tbox-shadow: -1px -1px 0 @global-light-1-shadow inset;\n\t}\n}\n\n.subCategoryContainer {\n\tfloat: left;\n\tmargin-bottom: 32px;\n}\n\n.subCategoryContainer .subCategory {\n\tmargin: 0 32px 24px 0;\n\theight: auto !important;\n}\n\n.itemContainer {\n\tfloat: left;\n}\n\n.itemList article {\n\tpadding-bottom: 24px;\n}\n\n.latestView .itemsContainerWrap {\n\tmargin: 0;\n}\n\n.itemContainerLast article {\n\tmargin: 0;\n}\n\n#itemListLinks {\n\tclear: both;\n\n\tul {\n\t\tmargin: 12px 0 0 0;\n\t}\n\n\tli {\n\t\tfont-size: @global-font-size - 1;\n\t\tpadding-left: 24px;\n\t}\n\n\ta {\n\t\tcolor: #737373;\n\t}\n}\n\n.fb_iframe_widget span {\n\tvertical-align: baseline !important;\n\tmargin-left: 20px;\n}\n\n\/\/\n\/\/ K2 Comments Module\n\/\/\n\n.k2LatestCommentsBlock ul{\n\tpadding-left: 0;\n\tpadding-right: 0;\n}\n\n.k2LatestCommentsBlock .k2FeedIcon {\n\tmargin-top: 16px;\n}\n\n.k2LatestCommentsBlock ul li,\n.k2TopCommentersBlock ul li {\n\tlist-style: none !important;\n\tpadding: 5px 0 10px !important;\n}\n\n.k2Avatar {\n\tdisplay: block !important;\n\tfloat: left;\n\tmargin: 15px 20px 10px 0;\n\n\timg { border-radius: 100%; }\n}\n\n.k2CommentItem .tm-tags-list a {\n\tmargin: 0;\n}\n\n.k2CommentItem p{\n\tmargin: 0 0 8px;\n}\n\n.lcItemTitle {\n\tfont-size: round((@global-font-size*0.95));\n\tpadding: 10px 0;\n\ttext-transform: none;\n\n\t> a { color: fade(@global-color, 50%); }\n}\n\n.k2CommentItem span {\n\tdisplay: block;\n}\n\n.k2CommentItem span.lcItemCategory{\n\tfont-size: 12px;\n\tpadding: 0 4px;\n\tborder: 1px solid @global-border;\n\tborder-radius: 3px;\n\tbackground: rgba(0,0,0,0.055);\n\tbox-shadow: 0 1px 0 @global-light-1-shadow inset;\n\tdisplay: inline-block;\n}\n\n.k2CommentItem span.lcCommentDate {\n\tfont-size: 10px;\n\tfont-weight: normal;\n\tletter-spacing: 1px;\n\ttext-transform: uppercase;\n}\n\n.k2AuthorsListBlock {\n\n\tul li {\n\t\tborder: none;\n\t\tborder-bottom: 1px solid @global-dark-075-shadow;\n\t\tpadding: 12px 0;\n\n\t\ta.abAuthorLatestItem {\n\t\t\tclear: both;\n\t\t\tdisplay: inline-block;\n\t\t\tfont-size: 12px;\n\t\t\tline-height: 14px;\n\t\t\tmargin: 12px 0 0;\n\t\t\tpadding: 0;\n\n\t\t\tspan {\n\t\t\t\tcolor: #777;\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 10px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ Top Commenters\n\n.tcUsername {\n\tcolor: #333;\n\tfont-size: 18px;\n}\n\n.tcLatestComment {\n\tdisplay: block;\n\tcolor: #737373;\n\tfont-size: 13px;\n\tmargin: 6px 0;\n}\n\n.tcLatestCommentDate {\n\tcolor: @global-color;\n\tdisplay: block;\n\tfont-size: 11px;\n}\n\n\/\/ \n\/\/ K2 Content Module \n\/\/ \n\ndiv .k2ItemsBlock ul {\n\tmargin: 0;\n\tpadding: 0;\n}\n\ndiv .k2ItemsBlock ul li {\n\tbackground: none !important;\n\tlist-style: none !important;\n\tmargin: 0 0 12px;\n\tpadding: 12px 20px 12px 0;\n}\n\n.moduleItemTitle {\n\tdisplay: block;\n\tfont-size: 18px;\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n\tline-height: @global-line-height;\n\n\t&:hover {\n\t\ttext-decoration: none;\n\t}\n}\n\n.moduleItemAuthor {\n\tborder-bottom: 1px dotted @global-dark-075-shadow;\n\tmargin: 0 0 16px;\n\toverflow: hidden;\n\t\n\ta { padding: 0 0 12px;}\n\tp { clear: both; }\n}\n\n.moduleItemIntrotext {\n\tdisplay: block;\n\tpadding: 12px 0 0;\n\tline-height: inherit;\n\t\n\t.moduleItemImage img {\n\t\tmargin-left: 0;\n\t}\n}\n\n.moduleItemDateCreated,\n.moduleItemCategory {\n\tcolor: @global-color;\n\tfont-size: 14px;\n\tpadding: 10px 0;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n}\n\n.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {\n\tdisplay: block;\n\tfloat: left;\n\tfont-weight: bold;\n\tmargin: 0 4px 0 0;\n\twidth: 30%;\n}\n\n.itemExtraFieldsLabel {\n\tmargin-right: 100px;\n\tdisplay: inline-block;\n}\n\n.moduleItemTags,\n.moduleAttachments {\n\tborder-top: 1px dotted @global-dark-075-shadow;\n\tmargin: 12px 0 0;\n\toverflow: hidden;\n\tpadding: 12px 0 0;\n}\n\n.moduleItemTags strong {\n\tfont-size: 12px;\n}\n\n.moduleItemTags a {\n\t.tm-tag;\n}\n\na.moduleItemComments {\n\tfont-size: ((@global-font-size * 0.85));\n\tletter-spacing: 1px;\n\ttext-transform: uppercase;\n\n\t&:hover {\n\t\tbackground-position: 0 100%;\n\t\tcolor: @global-contrast-color;\n\t}\n}\n\n.k2ItemsBlock ul li span.moduleItemHits {\n\tfont-size: ((@global-font-size * 0.85));\n\tletter-spacing: 1px;\n\ttext-transform: uppercase;\n}\n\n\/\/ Login Module\n\n.k2LoginBlock {\n\n\tfieldset.input {\n\t\tmargin: 0;\n\t\tpadding: 0 0 8px 0;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0 0 4px 0;\n\n\t\t\tlabel,\n\t\t\tinput {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&#form-login-remember label,\n\t\t\t&#form-login-remember input {\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.k2UserBlock {\n\n\tp.ubGreeting {\n\t\tborder-bottom: 1px dotted @global-dark-075-shadow;\n\t}\n\n\t.k2UserBlockDetails {\n\n\t\tspan.ubName {\n\t\t\tdisplay: block;\n\t\t\tfont-weight: bold;\n\t\t\tfont-size: 14px;\n\t\t}\n\n\t\t> span {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 11px;\n\t\t\tline-height: 16px;\n\t\t\tmargin: 3px 0;\n\t\t}\n\t}\n\n\t.k2UserBlockActions {\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.ubAvatar {\n\t\tmargin-right: 12px;\n\t}\n\n\t.ubName {\n\t\tfont-size: 13px;\n\t}\n}\n\n.k2LoginBlock ul li {\n\tfont-size: 11px;\n}\n\n.k2UserBlock .k2UserBlockActions li,\n.k2UsersBlock .ubUserItems li,\n.k2UsersBlock .ubUserAdditionalInfo a {\n\tfont-size: 12px;\n\tpadding-left: 16px;\n}\n\n\/\/ Breadcrumbs\n\n.k2BreadcrumbsBlock {\n\tspan.bcTitle {\n\t\tcolor: @global-color;\n\t\tpadding: 0 4px 0 0;\n\t}\n\n\tspan.bcSeparator {\n\t\tfont-size: 14px;\n\t\tpadding: 0 4px;\n\t}\n}\n\n\/\/ Calendar\n\n.k2CalendarLoader {\n\tbackground: @global-background;\n}\n\n.k2CalendarBlock {\n margin-bottom: 8px;\n\n table.calendar {\n margin: 0 auto;\n width: 100%;\n border: 1px solid @global-dark-1-shadow;\n border-collapse: collapse;\n\n tr:nth-of-type(even) td:nth-of-type(odd),\n tr:nth-of-type(odd) td:nth-of-type(even) {\n background-color: lighten(@global-light-background, 2%);\n }\n\n tr {\n\n td {\n padding: 3px;\n text-align: center;\n vertical-align: middle;\n }\n\n .calendarDate,\n .calendarDateEmpty,\n .calendarDateLinked,\n .calendarTodayLinked{\n box-shadow: none;\n }\n\n .calendarNavMonthPrev,\n .calendarNavMonthNext {\n font-size: @global-font-size + 1 !important;\n text-align: center;\n }\n\n .calendarNavLink {\n color: @global-color;\n text-decoration: none;\n\n &:hover {\n color: @global-link-hover-color;\n }\n }\n\n .calendarCurrentMonth {\n background-color: @panel-box-primary-background !important;\n color: @panel-box-primary-color;\n }\n\n .calendarDayName {\n font-size: 12px;\n font-weight: 400;\n width: 14.2%;\n color: inherit;\n background: @global-light-1-shadow;\n }\n\n .calendarDateEmpty {\n background: @global-light-1-shadow;\n }\n\n .calendarNavMonthPrev,\n .calendarNavMonthNext {\n background: @global-dark-05-shadow;\n }\n\n .calendarDateLinked {\n padding: 0;\n\n a {\n display: block;\n padding: 2px;\n\n &:hover {\n display: block;\n padding: 2px;\n }\n }\n }\n\n .calendarToday {\n color: @global-color;\n }\n\n .calendarTodayLinked {\n color: @global-contrast-color;\n padding: 0;\n }\n\n .calendarTodayLinked a {\n color: @global-color !important;\n background: @global-dark-05-shadow;\n font-weight: normal;\n display: block;\n padding: 3px;\n box-shadow: 0 -1px 4px @global-dark-05-shadow inset;\n\n &:hover {\n background-color: #f4f4f4;\n color: #404040;\n display: block;\n padding: 2px;\n }\n }\n }\n }\n}\n\n\/\/ Category Tree select box\n\n.k2CategorySelectBlock form select {\n\twidth: auto;\n}\n\n\/\/ Tag cloud\n\n.k2TagCloudBlock {\n\tfont-size: 15px;\n\tpadding: 8px 0 0 4px;\n}\n\n\/\/ google search\n\n#k2Container .gsc-branding-text {\n\ttext-align: right;\n}\n#k2Container .gsc-control {\n\twidth: 100%;\n}\n#k2Container .gs-visibleUrl {\n\tdisplay: none;\n}\n\na.ubUserURL,\na.ubUserFeedIcon {\n\tclear: both;\n\tdisplay: block;\n\tfont-size: 12px;\n}\n\nspan.ubUserEmail {\n\tdisplay: inline-block;\n\theight: 16px;\n\tmargin: 0 2px 0 0;\n\toverflow: hidden;\n\tpadding: 0;\n\twidth: 16px;\n\n\ta {\n\t\tdisplay: inline-block;\n\t\theight: 16px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\ttext-indent: -9999px;\n\t\twidth: 16px;\n\t}\n}\n\n.tm-related-block,\n.tm-author-block {\n padding: @panel-box-padding;\n background-color: @global-primary-light-background;\n border-radius: @global-border-radius;\n\n h3 a {\n color: @global-heading-color;\n transition: @global-transition-color;\n text-decoration: none;\n\n &:hover {\n text-decoration: none;\n transition: @global-transition-color;\n color: @global-link-hover-color;\n }\n }\n\n p {\n margin: 5px 0 0;\n }\n\n .tm-avatar {\n min-width: 64px;\n margin-bottom: 0;\n }\n}\n\n.tm-related-block {\n a {\n color: @global-color;\n text-decoration: none;\n transition: @global-transition-color;\n\n &:hover {\n color: @global-link-hover-color;\n text-decoration: none;\n transition: @global-transition-color;\n }\n }\n\n .uk-list li {\n padding-left: 30px;\n background: url(\"\/templates\/buckle\/images\/icons\/latest.svg\") 0 10px no-repeat;\n }\n}\n\n.k2UsersBlock{\n\n\tul li h3 {\n\t\tclear: both;\n\t\tmargin: 8px 0 0 0;\n\t\tpadding: 0;\n\t}\n\t.ubUserDescription p {\n\t\tfont-size: @global-font-size - 2;\n\t}\n\t.ubUserAvatar {\n\t\tmargin-right: 12px;\n\t}\n\t.ubUserName {\n\t\tdisplay: block;\n\t\tline-height: 11px;\n\t}\n\th3 {\n\t\tfont-size: @base-h4-font-size;\n\t}\n\t.ubUserItems {\n\t\tfont-size: @global-font-size - 2;\n\t}\n}\n\n.catCounter {\n\tfont-size: 13px;\n\tfont-weight: normal;\n}\n\n\/\/ Fix for the categories view\n\n.itemContainerLast:first-child .itemImageBlock,\n.clr + .itemContainerLast .itemImageBlock {\n\tpadding: 0;\n}\n.itemCommentsPagination ul li {\n\tdisplay: inline-block;\n\tfont-size: 80%;\n\tmargin: 0 3px;\n}\n.itemCommentsPagination ul {\n\ttext-align: right;\n}\n\n#k2Container .pagination a,\n#k2Container .pagination strong{\n\tpadding: 5px 10px 5px;\n}\n\n.itemsContainer{\n\tmax-width: 100%;\n}\n\n.k2UsersBlock li {\n\tlist-style-type: none;\n}\n\n.recaptchatable {\n\tfloat: left;\n}\n\n\/\/\n\/\/ J2 Store\n\/\/\n\n.j2store-single-product.multiple {\n\tposition: relative;\n\ttext-align: left;\n\tbackground-color: @global-extra-light-background;\n\tborder-radius: @global-border-radius;\n\n\th2.product-title {\n\t\tfont-size: round(@base-h3-font-size*0.8);\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-family: @global-heading-font-family;\n\t\tline-height: @base-h3-line-height;\n\t\tmargin: 15px 20px 0;\n\n\t\ta { \n\t\t\tcolor: @global-heading-color; \n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-primary-background;\n\t\t\t}\n\t\t}\n\t}\n\n\t.product-price-container {\n\t\tmargin: 0 20px 0;\n\t}\n\n\t#kt {\n\t\tdisplay: none;\n\t}\n}\n\n.j2store-view-back-button {\n\tmargin-bottom: 20px;\n}\n\n#productFilters .btn-success,\n#j2store-slider-range-box > .btn{\n\t&:extend(.uk-button-secondary all);\n}\n\n.j2store-module-product-row > div {\n position: relative;\n}\n\n.j2store-single-product.detail {\n\n\t.product-title {\n\t\tmargin-bottom: 0;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h2-font-size;\n\t\tline-height: @base-h2-line-height;\n\t\t.uk-module-stripes;\n\t}\n\n\t.price-sku-brand-container {\n\t\t.product-price-container {\n\t\t\ttext-align: left;\n\t\t}\n\t\t\n\t\t.sale-price {\n\t\t\tfont-weight: @global-heading-font-weight;\n\t\t\tfont-family: @global-heading-font-family;\n\t\t\tfont-size: @base-h3-font-size;\n\t\t}\n\t}\n\n\t.product-qty input[type=\"text\"], \n\t.product-qty input[type=\"number\"] {\n\t\tpadding: 16px 10px !important;\n\t\tmin-width: 60px;\n\t}\n\n\t.j2store-cart-button {\n\t\t&:extend(.uk-button-large all);\n\t}\n\n\t.j2store-addtocart-form {\n\t\ttext-align: left !important;\n\t\tmargin: 0;\n\t}\n\n\t#description {\n\t\tfont-size: @global-font-size;\n\t\tmargin: 0;\n\t\tcolor: @global-color;\n\t\ttext-align: left;\n\t}\n}\n\n.j2store-add-to-cart {\n\tmargin-left: 0;\n}\n\n.product-price-container {\n\ttext-align: left;\n\n\t.sale-price {\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-size: @global-font-size;\n\t\tmargin-bottom: 5px;\n\t\tdisplay: inline-block;\n\t}\n\n\t.base-price.strike {\n\t\tdisplay: inline-block;\n\t\tmargin-right: 10px;\n\t\tcolor: @global-muted-color;\n\n\t\t&:before {\n\t\t\tcontent: \"@{theme-j2store-sale-text}\";\n\t\t\tposition: absolute;\n\t\t\tbackground-color: @alert-danger-background;\n\t\t\tmin-width: 45px;\n\t\t\theight: 27px;\n\t\t\tcolor: @alert-danger-color;\n\t\t\ttext-align: center;\n\t\t\ttop: 10px;\n\t\t\tright: 10px;\n\t\t\tborder-radius: 3px;\n\t\t}\n\t}\n}\n\n.product-qty input[type=\"text\"], \n.product-qty input[type=\"number\"] {\n\tpadding: 7px !important;\n}\n\n.product-sdesc {\n\tdisplay: inline-block;\n\tmargin: 20px 0;\n border-top: 1px solid @global-dark-075-shadow;\n padding-top: 20px;\n\n\tp {\n\t\tmargin-bottom: 0;\n\t\ttext-align: left;\n\t}\n}\n\n.discount-percentage {\n\tdisplay: inline-block;\n\tmargin-right: 15px;\n\tcolor: @global-light-color;\n\tfont-size: @global-font-size;\n\tfont-family: @global-italic-font-family;\n\tfont-style: italic;\n\tdisplay: inline-block;\n\ttop: 8px;\n\tright: 55px;\n\tposition: absolute;\n}\n\n.j2store-product-images {\n\tpadding: 0;\n}\n\n.j2store-product-main-image {\n\tmargin-bottom: 30px;\n\tbox-shadow: 0 0 0 1px @global-dark-05-shadow;\n}\n\n.j2store-single-product .tab-pane table,\n.product-specs table {\n\t&:extend(.uk-table all);\n}\n\n.j2store-thumbnail-image {\n\tposition: relative;\n\n\t > a {\n\t\tdisplay: block;\n\t\ttransition: @global-transition;\n\n\t\t&:before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground-color: fade(@global-secondary-background, 15%);\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\topacity: 0;\n\t\t\ttransition: @global-transition-opacity;\n\t\t}\n\n\t\t&:hover:before {\n\t\t\topacity: 1;\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.j2store-addtocart-form {\n\ttext-align: left;\n\tmargin: 10px 20px 0;\n\tpadding-bottom: 20px;\n\n\t> a {\n\t\t.uk-button;\n\t\t.uk-button-primary;\n\t\t.uk-button-small;\n\t}\n}\n\n.cart-checkout-button > a {\n\tfloat: right;\n\t&:extend(.uk-button all);\n\t&:extend(.uk-button-primary all);\n}\n\n.j2store .checkout-content .buttons {\n\tmargin-top: 30px;\n}\n\n.cart-checkout-button > a,\n#button-payment-method,\n#cash-submit-button {\n\t.uk-button-large;\n}\n\n.cart-action-complete {\n\tclear: both;\n\n\t.text-success {\n\t\t.uk-badge;\n\t\t.uk-badge-success;\n\t\tdisplay: inline-block;\n\t\tpadding: 5px 20px;\n\t}\n}\n\n.cart-update-button > input {\n\t&:extend(.uk-button all);\n\t&:extend(.uk-button-primary all);\n}\n\n.cart-continue-shopping-button > input {\n\t&:extend(.uk-button all);\n}\n\n.j2store-addtocart-form > a.btn-success,\n.j2store-cart-button {\n\t&:extend(.uk-button-small all);\n\t&:extend(.uk-button-primary all);\n}\n\n.j2store-product-list select {\n\tfloat: right;\n\tfont-size: 14px;\n}\n\n.j2store-remove {\n\tcolor: @global-primary-background;\n\tborder: none;\n\tbackground-color: rgba(0,0,0,0);\n\n\ti {\n\t\tfont-size: 18px;\n\t}\n}\n\n.j2store-products-row.row-fluid {\n\tmargin-bottom: 40px;\n}\n\n#j2store-pagination {\n\ttext-align: left;\n\tmargin-bottom: 0;\n}\n\nul.additional-image-list {\n\tpadding-left: 0;\n\tmargin-bottom: 40px;\n\n\tli img {\n\t\tpadding: 0;\n\t\tborder-radius: @global-border-radius;\n\t\tmargin-right: 20px;\n\t\tbox-shadow: 0 0 0 1px @global-dark-05-shadow;\n\t\ttransition: @global-transition;\n\n\t\t&:hover {\n\t\t\tborder-color: @global-primary-background;\n\t\t}\n\t}\n}\n\n.price-sku-brand-container {\n\tborder: none;\n\tmargin-bottom: 0;\n\tposition: relative;\n}\n\n.j2store.checkout h1 {\n\t.uk-module-title;\n}\n\n.cart-item-options {\n\tfloat: right;\n}\n\n.j2store .checkout-content {\n\toverflow: visible;\n\tmargin: 30px 10px;\n}\n\n.j2store .checkout-heading {\n\t.tm-toggle .uk-accordion-title;\n\tpadding: 15px 20px;\n\tfont-size: @global-heading-font-family;\n\tfont-size: @base-h3-font-size;\n\tline-height: @base-h3-line-height;\n\tfont-weight: @global-body-font-weight;\n\n\ta {\n\t\tfont-size: @base-h4-font-size;\n\t}\n}\n\n\/\/ Estimate shipping\n\n.cart-estimator-discount-block {\n\tmargin-top: 50px;\n}\n\n#j2store-cart-modules > label > input {\n\tmargin: -3px 10px 0 0;\n}\n\n#shipping-estimate-form table {\n\t&:extend(.uk-table all);\n\tborder: none;\n\n\ttd {\n\t\tborder-bottom: none;\n\t}\n}\n\n\/\/ share button\n#j2store_app_shareButton {\n\tmargin: 30px 0;\n\n\t.app_socialmedia {\n\t\tmargin-right: 10px;\n\n\t\ti {\n\t\t\tfont-size: 18px;\n\t\t\tcolor: @global-color;\n\t\t\tborder: 1px solid @global-dark-05-shadow;\n\t\t\tpadding: 10px;\n\t\t\tborder-radius: 50%;\n\t\t\twidth: 37px;\n\t\t\theight: 37px;\n\t\t\ttext-align: center;\n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&.fa-twitter-square:before {\n\t\t\t\tcontent: \"\\f099\";\n\t\t\t}\n\n\t\t\t&.fa-facebook-square:before {\n\t\t\t\tcontent: \"\\f09a\";\n\t\t\t}\n\n\t\t\t&.fa-google-plus-square:before {\n\t\t\t\tcontent: \"\\f0d5\";\n\t\t\t}\n\n\t\t\t&.fa-pinterest-square:before {\n\t\t\t\tcontent: \"\\f0d2\";\n\t\t\t}\n\n\t\t\t&.fa-linkedin-square:before {\n\t\t\t\tcontent: \"\\f0e1\";\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\ti { color: @global-link-color; }\n\t\t}\n\t}\n}\n\n\/\/ login form\n\nul.loginLinks {\n\tlist-style-type: none;\n\tpadding-left: 0;\n}\n\n.j2storeUserName > input,\n.j2storePassword > input {\n\tclear: both;\n\tdisplay: block;\n}\n\n\/\/ filters\n\n#j2store-slider-range {\n\n\t&.ui-slider {\n\t\tbackground-color: fade(@global-primary-background, 10%);\n\t\tborder-radius: 10px;\n\t}\n\n\t.ui-slider-handle {\n\t\tborder-radius: 10px;\n\t\theight: 20px;\n\t\twidth: 20px;\n\t\ttop: -9px;\n\t\tmargin: 0;\n\t\tbackground-color: @global-primary-background;\n\n\t\t&:last-child {\n\t\t\tmargin-left: -20px;\n\t\t}\n\t\n\t\t&:before {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tbackground: @global-background;\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tborder-radius: 50%;\n\t\t\tmargin: 5px;\n\t\t\tcursor: ew-resize;\n\t\t\tbox-shadow: 0 0 0 1px darken(@global-primary-background, 3%);\n\t\t}\n\t}\n\n\t.ui-slider-range {\n\t\tbackground-color: darken(@global-primary-background, 5%);\n\t}\n}\n\n#productsideFilters {\n\t.product-filter-heading {\n\t\t&:extend(.uk-module-stripes all);\n\t\tdisplay: block;\n\t\tmargin: 0 0 30px;\n\t}\n\n\t.j2store-product-filters {\n\t\tmargin-bottom: 50px;\n\t}\n\n\t.j2store-product-brand-label input {\n\t margin-right: 10px;\n\t margin-top: 0;\n\t}\n\n\t.j2store-item-category:before {\n\t\tcontent: \"\\f1f0\";\n\t\tfont-family: @global-buckle-icon;\n\t\tfont-size: @global-font-size;\n\t\tcolor: fade(@global-color, 15%);\n\t\tpadding-right: 10px;\n\t}\n\n\tli.j2product-categories.level1 a {\n\t\tpadding-left: 0;\n\t}\n}\n\ninput[type=\"text\"].j2store-product-search-input {\n\theight: 32px;\n\tline-height: 32px;\n}\n\n.product-upsells-container,\n.product-crosssells-container {\n\tmargin-top: 60px;\n\n\t> div {\n\t\t> h3 {\n\t\t\t.uk-module-stripes;\n\t\t\tmargin-bottom: 40px;\n\t\t}\n\t}\n\n\t.product-price-container {\n\t\tmargin: 0 20px;\n\t}\n\n\t#j2store_app_shareButton {\n\t\tdisplay: none;\n\t}\n}\n\n\/\/ upsell\n.product-upsells-container {\n\n\t.upsell-product-row {\n\t\ttext-align: left;\n\n\t\t.upsell-product {\n\t\t position: relative;\n\t\t background-color: @global-extra-light-background;\n\t\t\tborder-radius: @global-border-radius;\n\n\t\t\t> .btn {\n\t\t\t\tmargin: 10px 20px 20px;\n\t\t\t}\n\t\t}\n\n\t\t[class^=\"j2store-product-thumb-image-\"] {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.upsell-product-title {\n\t\ttext-align: left;\n\t\tfont-size: round(@base-h3-font-size*0.7);\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-family: @global-heading-font-family;\n\t\tline-height: @base-h3-line-height;\n\t\tmargin: 15px 20px 0;\n\n\t\ta { \n\t\t\tcolor: @global-color;\n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-color;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ cross sell\n.product-crosssells-container {\n\t.crosssell-product-row {\n\t\ttext-align: left;\n\n\t\t.crosssell-product {\n\t\t\tposition: relative;\n\t\t\tbackground-color: @global-extra-light-background;\n\t\t\tborder-radius: @global-border-radius;\n\n\t\t\t> .btn {\n\t\t\t\tmargin: 10px 20px 20px;\n\t\t\t}\n\t\t}\n\n\t\t[class^=\"j2store-product-thumb-image-\"] {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.cross-sell-product-title {\n\t\ttext-align: left;\n\t\tfont-size: round(@base-h3-font-size*0.7);\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-family: @global-heading-font-family;\n\t\tline-height: @base-h3-line-height;\n\t\tmargin: 15px 20px 0;\n\n\t\ta { \n\t\t\tcolor: @global-color;\n\t\t\ttransition: @global-transition-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-color;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ product compare\n.product-compare {\n\tpadding: 15px 2px;\n\n\ta {\n\t\ttransition: @global-transition-color;\n\t\ttext-decoration: none;\n\t}\n}\n\n.j2store-product-compare-container {\n\t.table-bordered {\n\t\tborder: 0;\n\n\t\tth, td {\n\t\t\tborder-left: 0;\n\t\t}\n\n\t\tthead th h3.center {\n\t\t\ttext-align: left;\n\t\t}\n\t}\n\n\t.j2store-productcompare-img {\n\t\twidth: 100%;\n\t\tborder: 0;\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.product-compare-remove {\n\t\tfloat: right;\n\t}\n\n\t.cart-action-complete + .btn,\n\t.compare-product-price-container + .btn,\n\t.sale-price + .btn {\n\t\tclear: both;\n\t\tdisplay: table;\n\t\tmargin-top: 5px;\n\t}\n\n\t.compare-product-price-container {\n\t\t.strike {\n\t\t\tcolor: @global-muted-color;\n\t\t}\n\n\t\t.sale-price {\n\t\t\tfont-size: @global-font-size;\n\t\t\tfont-weight: @global-body-font-weight;\n\t\t}\n\t}\n\n\t.product-title {\n\t\tfont-size: @base-h3-font-size;\n\t\tcolor: @global-color;\n\t\ttransition: @global-transition-color;\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-color;\n\t\t}\n\t}\n}\n\n\/\/ profile\n.j2store-myprofile table {\n\t.uk-table;\n}\n\n\/\/ mod_j2store_detailcart\n\n.detailJ2StoreCartBlock {\n\t\n\t.j2store-cart-table {\n\t\tfont-size: round(@global-font-size*0.95);\n\n\t\ttr td:nth-child(3) {\n\t\t\ttext-align: right;\n\t\t}\n\t}\n\n\t.table-responsive {\n\t\toverflow: visible;\n\t}\n}\n\n\/\/\n\/\/ Kunena\n\/\/\n\n#kunena.layout {\n\t.navbar-inner,\n\t.breadcrumb {\n\t\tbackground-color: lighten(@global-primary-light-background, 1%);\n\t\tborder-color: darken(@global-primary-light-background, 3%);\n\t}\n\n\ttr.category:nth-child(odd){\n\t\tbackground-color: lighten(@global-primary-light-background, 1%);\n\t}\n\n\t.navbar .nav > .active > a, \n\t.navbar .nav > li > a:focus, \n\t.navbar .nav > li > a:hover {\n\t\tbackground-color: darken(@global-primary-light-background, 2%);\n\t}\n}\n\n\/\/\n\/\/ Jevents\n\/\/\n\n#jevents {\n\n\t.cal_daysoutofmonth {\n\t\tbackground-color: @global-light-background;\n\t\tfont-size: round((@global-font-size*0.9));\n\t\tfont-weight: @global-body-font-weight;\n\t\tcolor: fade(@global-color, 30%);\n\t}\n\n\t.cal_top_day_names td {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\n\t.nav-items > div {\n\t\tborder: 1px solid @global-primary-background;\n\t\tpadding: 6px 0;\n\t\tmargin: 0 5px;\n\t\tborder-width: 1px 0;\n\t\tborder-style: dotted;\n\n\t\ta:hover {\n\t\t\ttext-decoration: none;\n\t\t\tborder-left: none;\n\t\t\tbackground-color: fade(@global-primary-background, 10%);\n\t\t}\n\n\t\t&:first-child { border-left: none; border-radius: 0; }\n\t\t&:last-child { border-right: none; border-radius: 0; }\n\t}\n\n\t.icon-print,\n\t.icon-envelope {\n\t\tbackground: none;\n\t\tmargin-left: 8px;\n\t\n\t\t&:before {\n\t\t\tfont-family: @global-buckle-icon;\n\t\t}\n\t}\n\n\t.icon-print:before{\n\t\tcontent: \"\\f1af\";\n\t}\n\n\t.icon-envelope:before {\n\t\tcontent: \"\\f156\";\n\t}\n\n\t#nav-search a {\n\t\ttext-decoration: none;\n\t\t\n\t\t&:before {\n\t\t\tfont-family: @global-font-icon;\n\t\t\tfont-size: 20px;\n\t\t\tcontent: \"\\f002\";\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n}\n\n.contentheading {\n\t.uk-module-stripes;\n}\n\n.month_date > *,\n.contentheading {\n\tfont-family: @global-heading-font-family !important;\n\tfont-weight: @global-heading-font-weight !important;\n\tcolor: @global-heading-color !important;\n}\n\n.month_date {\n\ttext-align: center;\n\tmargin-bottom: @panel-box-padding;\n\n\t> * {\n\t\tfont-size: @base-h3-font-size;\n\t}\n}\n\n#jevents_body {\n\tbackground-color: rgba(0,0,0,0);\n\tborder: none;\n\t\n\tdiv.list_no_e {\n\t\tfont-size: @global-font-size;\n\t}\n\n\ta.cal_titlelink:link, \n\ta.cal_titlelink:visited, \n\ta.cal_titlelink:hover {\n\t\tfont-size: 12px;\n\t\tpadding: 4px;\n\t}\n\n\ta.ev_link_row:link,\n\ta.ev_link_row:visited, \n\ta.ev_link_row:hover {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.month_cell_st {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n\n\t#jumpto form select {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\tmargin-top: 15px;\n\n\t}\n\n\t#jumpto form button {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\ttext-shadow: none;\n\t\tline-height: 35px;\n\t\tmin-height: 35px;\n\t\t&:extend(.uk-button all);\n\t\t&:extend(.uk-button-primary all);\n\t}\n\n\t.jev_pagination select#limit.inputbox {\n\t\tmargin: 0 25px 0 10px;\n\t}\n\n\tul.ev_ul li.ev_td_li {\n\t\tmargin: 15px;\n\t\tpadding: 15px;\n\t\tborder-bottom: none;\n\t\tline-height: @global-line-height;\n\t}\n\n\t.cal_table {\n\t\tbackground-color: rgba(0,0,0,0);\n\t}\n\n\t.cal_daysnoevents {\n\t\theight: 110px;\n\t\tbackground-color: rgba(0,0,0,0);\n\t}\n\n\t.cal_cell_rows{\n\t\t&:nth-of-type(odd) {\n\t\t\tbackground-color: @global-primary-light-background;\n\t\t}\n\n\t\t&:nth-of-type(even) {\n\t\t\tbackground-color: rgba(0,0,0,0);\n\t\t}\n\n\t\t&:nth-of-type(even) td:nth-of-type(odd),\n\t\t&:nth-of-type(odd) td:nth-of-type(even) {\n\t\t\tbackground-color: darken(@global-primary-light-background, 2%);\n\t\t}\n\t}\n\n\t.nav-items {\n\t\twidth: 100%;\n\t\t\n\t\t> div:first-child a:hover {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t> div a {\n\t\t\tpadding: 8px 12px;\n\t\t}\n\t}\n\n\t.nav-items div.active a, \n\t.jev_header2 .active a {\n\t\tbackground-color: @global-primary-background;\n\t\tpadding: 8px 12px;\n\n\t\t&:hover {\n\t\t\tborder-left: none;\n\t\t\tborder-top: none;\n\t\t\tpadding: 8px 12px;\n\t\t\tbackground: @global-primary-background;\n\t\t\tcolor: @global-contrast-color;\n\t\t}\n\t}\n\n\t.new-navigation #nav-search {\n\t\tmargin-top: -35px;\n\t\tposition: relative;\n\t}\n\n\t.cal_today a.cal_daylink {\n\t\tbackground-color: @global-primary-background;\n\t\tborder-radius: 50%;\n\t\tpadding: 1px 6px;\n\n\t\t&:hover {\n\t\t\tborder-radius: 50%;\n\t\t\tcolor: @global-primary-background;\n\t\t\tborder: 1px solid @global-primary-background;\n\t\t}\n\t}\n\n\t.cal_table {\n\t\tborder: 1px solid @global-primary-light-background;\n\t}\n\n\t.cal_daysnames {\n\t\tfont-weight: @global-body-font-weight;\n\t\tcolor: @global-color;\n\t\tfont-size: @global-font-size;\n\t\theight: 40px;\n\t\tline-height: 40px;\n\t}\n\n\tdiv.event_legend_name {\n\t\tfont-weight: @global-body-font-weight;\n\t\tmargin-right: 20px;\n\t}\n\n\t.event_legend_container {\n\t\tmargin-top: @panel-box-padding;\n\t}\n\n\tdiv.new-navigation {\n\t\tmargin-bottom: 60px;\n\t}\n\n\t.jev_toprow {\n\n\t\t.jev_header2 {\n\t\t\tmargin-bottom: 30px;\n\t\t}\n\n\t\tdiv.currentmonth {\n\t\t\tborder-top: none;\n\t\t\tborder-bottom: none;\n\t\t\tfont-weight: @global-body-font-weight;\n\t\t\tpadding: 8px 0;\n\t\t\tcolor: @global-color !important;\n\t\t\twidth: 50%;\n\t\t}\n\n\t\tdiv.previousmonth, \n\t\tdiv.nextmonth {\n\t\t\tbackground-color: rgba(0,0,0,0);\n\t\t\tborder: none;\n\t\t\tpadding: 8px 0;\n\t\t\tmargin: 0;\n\n\t\t\ta {\n\t\t\t\tfont-size: @global-font-size;\n\t\t\t\tbackground: none !important;\n\t\t\t\tcolor: @global-primary-background;\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tfont-family: @global-font-icon;\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdiv.nextmonth a:after {\n\t\t\tcontent: \"\\f105\";\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\tdiv.previousmonth a:before {\n\t\t\tcontent: \"\\f104\";\n\t\t\tmargin-right: 8px;\n\t\t}\n\t}\n\n\t#jev_maincal {\n\t\tborder-radius: @global-border-radius;\n\t\tbackground-color: @global-primary-light-background;\n\t\tborder: 1px solid darken(@global-primary-light-background, 7%);\n\t\tmargin: @panel-box-padding*2 0 0 0;\n\n\t\t&.jev_listview .jev_listrow {\n\t\t\tborder-color: darken(@global-primary-light-background, 7%);\n\t\t}\n\n\t\t&.jev_listview .jev_daysnames {\n\t\t\tborder-width: 0 1px 1px 0;\n\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\tcolor: @panel-box-primary-color;\n\t\t\tborder-radius: 0 0 @global-border-radius 0;\n\t\t\tborder-color: darken(@panel-box-primary-background, 5%);\n\t\t}\n\t}\n}\n\n.jevbootstrap input,\n.jevbootstrap button,\n.jevbootstrap select,\n.jevbootstrap textarea {\n\tfont-family: @global-body-font-family;\n}\n\na.cal_daylink {\n\n\t&:hover {\n\t\tcolor: @global-primary-background;\n\t}\n\n\t&:link,\n\t&:visited {\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-size: round((@global-font-size*0.95));\n\t\tfont-family: @global-heading-font-family;\n\t\tcolor: @global-color;\n\t}\n}\n\ndiv.jevtt_title {\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n}\n\ndiv.jevtt_title {\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n}\n\n.jev_evdt .jev_evdt_title {\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n\tfont-size: @base-h3-font-size;\n\tline-height: @base-h3-line-height;\n}\n\n\/\/ events calendar module\n#flatcal_minical {\n\ttable.flatcal_main_t {\n\t\twidth: 100%;\n\t\tborder: none;\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.full_cal_link {\n\t\tdisplay: none;\n\t}\n\n\t.flatcal_daycell, \n\t.flatcal_todaycell, \n\t.flatcal_sundaycell, \n\t.flatcal_othermonth {\n\t\tcolor: @global-color;\n\t\tpadding: 1px;\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\n\t.flatcal_todaycell a {\n\t\tpadding: 0 3px;\n\t}\n\n\t.flatcal_busylink:link, \n\t.flatcal_busylink:visited {\n\t\tcolor: @global-link-color;\n\t}\n\n\ttable tr,\n\ttable td {\n\t\tpadding: 0;\n\t}\n\n\ttable.flatcal_navbar {\n\t\tbackground-color: @global-primary-background;\n\t\tbox-shadow: 0 1px 0 darken(@global-primary-background, 5%);\n\t\tborder-bottom: 0;\n\t\tborder-radius: @global-border-radius @global-border-radius 0 0;\n\t\twidth: 100% !important;\n\t}\n\n\ttable.flatcal_weekdays {\n\t\twidth: 100% !important;\n\t}\n\n\tTD.flatcal_weekdays {\n\t\tfont-size: round((@global-font-size*0.8));\n\t\tcolor: @global-color;\n\t\tborder-bottom: 1px solid @global-light-background;\n\t}\n\n\ttd.link_next,\n\ttd.link_prev {\n\t\tmin-width: 25px;\n\t\tposition: relative;\n\t\tpadding-right: 10px;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 20px;\n\t\t\theight: 20px;\n\t\t\tz-index: 1;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t&:before {\n\t\t\tfont-family: @global-font-icon;\n\t\t\tposition: absolute;\n\t\t\tfont-size: 20px;\n\t\t\tcolor: @panel-box-primary-color;\n\t\t\tz-index: 0;\n\t\t\tline-height: 20px;\n\t\t\tleft: 40%;\n\t\t}\n\t}\n\n\ttd.link_prev {\n\t\tposition: absolute;\n\t\tright: 30px;\n\t\ttop: 9px;\n\t}\n\n\ttd.link_next img {\n\t\tpadding-right: 20px;\n\t}\n\n\ttd.link_prev img {\n\t\tpadding-left: 20px;\n\t}\n\n\ttd.link_next:before {\n\t\tcontent: \"\\f105\";\n\t\tleft: 30%;\n\t}\n\t\n\ttd.link_prev:before {\n\t\tcontent: \"\\f104\";\n\t\tline-height: 26px;\n\t}\n\t\n\t.flatcal_month_label {\n\t\tcolor: @panel-box-primary-color;\n\t\theight: 45px;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-size: @base-h4-font-size;\n\t\tline-height: @base-h4-line-height;\n\t\ttext-align: left;\n\t\tpadding-left: 20px;\n\t}\n\n\t.flatcal_daylink, \n\t.flatcal_sundaylink, \n\t.flatcal_busylink {\n\t\tfont-size: round((@global-font-size*0.95));\n\t\tfont-family: @global-body-font-family;\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\n\t.flatcal_daylink:link, \n\t.flatcal_daylink:visited {\n\t\tcolor: @global-color;\n\t}\n\n\t.flatcal_todaycell a {\n\t\tborder: 1px solid @global-primary-background;\n\t\tbackground-color: @global-primary-background;\n\t\tborder-radius: 2px;\n\n\t\t&:hover {\n\t\t\tborder: 1px solid @global-primary-background;\n\t\t}\n\t}\n}\n\n\/\/ Events Latest module \n\n.mod_events_latest_table {\n\t.tm-block-time {\n\t\tmargin-right: 20px;\n\t}\n\n\t.tm-event-descr {\n\t\tpadding-right: 0;\n\t\tmargin-bottom: 20px;\n\n\t\th3, h4 {\n\t\t\tmargin-bottom: 5px; \n\t\t}\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n\n\/\/ \n\/\/ SP Page Builder\n\/\/\n\n.sp-editable-content:focus,\n.medium-editor-element:focus,\n.sp-inline-editable-element:focus {\n outline: none;\n}\n\n\/\/ fix\n.sppb-section-content-center {\n\tdisplay: block;\n}\n\n\/\/ animated text\n.sppb-addon-animated-heading .sppb-addon-title {\n\tcolor: @global-heading-color;\n}\n\n.animated-heading-highlighted-wrap svg path {\n\tstroke: @global-primary-2-background;\n}\n\n.animated-heading-text {\n\t.animated-text-words-wrapper * {\n\t\tcolor: @global-primary-2-background;\n\t}\n\n\t&.type .animated-text-words-wrapper.selected { \n\t\tbackground-color: @global-primary-background;\n\n\t\t.animated-text {\n\t\t\tcolor: @panel-box-primary-color;\n\t\t}\n\t}\n\n\t&.type, \n\t&.text-clip {\n\t\t.animated-text-words-wrapper::after {\n\t\t\tanimation: blink .75s step-end infinite;\n\t\t\tbackground-color: @global-primary-2-background;\n\t\t}\n\t}\n\n\t&.loading-bar .animated-text-words-wrapper::after {\n\t\tbackground: @global-primary-2-background;\n\t}\n}\n\n.tm-sidebar-a,\n.tm-sidebar-b {\n\t.mod-sppagebuilder .sppb-container-inner {\n\t padding: 0;\n\t}\n}\n\n@media (min-width:1200px) {\n\t.mod-sppagebuilder .sppb-container-inner,\n\t.sppb-row-container {\n\t\twidth: auto;\n\t}\n}\n\n@media (min-width:992px) {\n\t.mod-sppagebuilder .sppb-container-inner,\n\t.sppb-row-container {\n\t\twidth: auto;\n\t}\n}\n\n@media (min-width:768px) {\n\t.mod-sppagebuilder .sppb-container-inner,\n\t.sppb-row-container {\n\t\twidth: auto;\n\t}\n}\n\n.sppb-addon-header {\n\t&.uk-h1 > .sppb-addon-title {\n\t\t.uk-h1;\n\t}\n\n\t&.uk-module-title {\n\t\t&.sppb-text-center:after {\n\t\t\tleft: 50%;\n\t\t\tmargin-left: -30px;\n\t\t}\n\t}\n\n\t&.uk-module-title {\n\t\t&.sppb-text-right:after {\n\t\t\tleft: auto;\n\t\t\tright: 0;\n\t\t}\n\t}\n}\n\n.sppb-addon-title .sppb-addon-title-icon {\n\tpadding-right: 10px;\n}\n\n.mod-sppagebuilder {\n\t.sppb-container-inner {\n\t\tmargin-right: auto;\n\t\tmargin-left: auto;\n\t}\n\t\n\t.sppb-column-addons .sppb-container-inner {\n\t padding: 0;\n\t}\n}\n\n.mod-sppagebuilder .sppb-container-inner,\n.sppb-row-container {\n\t&:extend(.uk-container);\n}\n\n#sp-page-builder,\n.sp-page-builder,\n#tm-page-builder,\n.tm-page-builder {\n\n\t.sp-pagebuilder-page-edit {\n\t\tbackground-color: @button-primary-background;\n\t\tcolor: @button-primary-color;\n\n\t\t&:hover {\n\t\t\tbackground-color: @button-primary-hover-background;\n\t\t\tcolor: @button-primary-hover-color;\n\t\t}\n\n\t\t&:active,\n\t\t&:focus {\n\t\t\tbackground-color: @button-primary-active-background;\n\t\t\tcolor: @button-primary-active-color; \n\t\t}\n\t}\n\n\t.tm-vertical-title,\n\t.tm-bottom-right-title,\n\t.tm-bottom-title, \n\t.tm-bottom-title-light {\n\t\toverflow: hidden;\n\n\t\t.sppb-section-title > .sppb-title-heading {\n\t\t\tfont-size: 150px;\n\t\t\tline-height: 80px;\n\t\t\tletter-spacing: -5px;\n\t\t\tmargin-bottom: 0;\n\t\t\twhite-space: pre;\n\t\t\tfont-weight: @global-large-text-font-weight;\n\t\t\tcolor: @global-section-title-color;\n\t\t}\n\t}\n\n\t.tm-vertical-title {\n\t\t.sppb-section-title {\n\t\t\tposition: absolute;\n\t\t\tbottom: 50px;\n\t\t\ttransform: rotate(-90deg);\n\t\t\ttransform-origin: left center;\n\t\t}\n\t}\n\n\tform.sppb-optin-form {\n\t\tmargin: 10px 0;\n\n\t\t.sppb-optin-form-details {\n\t\t\tfont-family: @global-italic-font-family;\n\t\t}\n\t}\n\n\t.tm-bottom-title {\n\t\t.sppb-section-title {\n\t\t\tposition: absolute;\n\t\t\tbottom: -10px;\n\t\t}\n\n\t\t&.tm-light-title .sppb-section-title > .sppb-title-heading {\n\t\t\tcolor: fade(@global-contrast-color, 10%) !important;\n\t\t}\n\t}\n\n\t.tm-bottom-right-title {\n\t\t.sppb-section-title {\n\t\t\tposition: absolute;\n\t\t\tbottom: -30px;\n\t\t\tright: 100px;\n\t\t}\n\t}\n\n\t.tm-block-main {\n\t\tpadding-top: 0;\n\t\tpadding-bottom: 0;\n\n\t\t> .uk-container {\n\t\t\tmax-width: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t.mfp-content {\n\t text-align: center;\n\t}\n\n\t.sppb-section-title {\n\t\th1.sppb-title-heading {\n\t\t\tfont-size: @base-h1-font-size;\n\t\t\tline-height: @base-h1-line-height;\n\t\t}\n\n\t\th2.sppb-title-heading {\n\t\t\tfont-size: @base-h2-font-size;\n\t\t\tline-height: @base-h2-line-height;\n\t\t}\n\n\t\th3.sppb-title-heading {\n\t\t\tfont-size: @base-h3-font-size;\n\t\t\tline-height: @base-h3-line-height;\n\t\t}\n\n\t\th4.sppb-title-heading {\n\t\t\tfont-size: @base-h4-font-size;\n\t\t\tline-height: @base-h4-line-height;\n\t\t}\n\n\t\th5.sppb-title-heading {\n\t\t\tfont-size: @base-h5-font-size;\n\t\t\tline-height: @base-h5-line-height;\n\t\t}\n\n\t\th6.sppb-title-heading {\n\t\t\tfont-size: @base-h6-font-size;\n\t\t\tline-height: @base-h6-line-height;\n\t\t}\n\n\t\t.sppb-title-subheading {\n\t\t\tfont-size: @global-font-size;\n\t\t\tline-height: @global-line-height;\n\t\t}\n\t}\n\n\t.sppb-btn {\n\t\t.uk-button;\n\n\t\t&:hover {\n\t\t\t.hook-button-hover;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\t.hook-button-active;\n\t\t}\n\n\t\ti.fa:before {\n\t\t\tfont-size: inherit;\n\t\t\tmargin: 0 5px;\n\t\t}\n\n\t\t&.sppb-btn-action-icon {\n\t\t\theight: 70px;\n\t\t\twidth: 70px;\n\t\t\tline-height: 70px;\n\t\t\tposition: relative;\n\t\t\tbox-shadow: 0 0 0 10px @global-dark-075-shadow, 0 0 0 11px @global-light-15-shadow;\n\n\t\t\ti:before {\n\t\t\t\tfont-size: 20px;\n\t\t\t\tline-height: 70px;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tcontent: \"\";\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 70px;\n\t\t\t\theight: 70px;\n\t\t\t\tborder: 2px solid @global-contrast-color;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t\topacity: 0;\n\t\t\t\tanimation: pulsate 2.5s cubic-bezier(0.25,0.1,0.25,1) infinite;\n\t\t\t}\n\n\t\t\t&.sppb-btn-round:after {\n\t\t\t\tborder-radius: 50%;\n\t\t\t}\n\n\t\t\t&.sppb-btn-square:after {\n\t\t\t\tborder-radius: 0;\n\t\t\t}\n\n\t\t\t&.sppb-btn-rounded:after {\n\t\t\t\tborder-radius: @global-border-radius;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\t&:after {\n\t\t\t\t\tanimation: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sppb-btn-round {\n\t\tborder-radius: 100px;\n\t\tpadding: 0 30px;\n\t}\n\n\t.sppb-btn-square {\n\t\tborder-radius: 0 !important;\n\t}\n\t\n\t.sppb-btn-link {\n\t\t&:extend(.uk-button-link all);\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tcolor: @button-link-color;\n\t}\n\n\t.sp-pagebuilder-btn:after {\n\t\tdisplay: none;\n\t}\n\n\t.sppb-btn-xlg {\n\t\tmin-height: 60px;\n\t\tpadding: 0 35px;\n\t\tline-height: 64px;\n\t\tfont-size: 24px;\n\t}\n\n\t.sppb-btn-lg {\n\t\t.uk-button-large;\n\t}\n\n\t.sppb-btn-sm {\n\t\t.uk-button-small;\n\t}\n\n\t.sppb-btn-xs {\n\t\t.uk-button-mini;\n\t}\n\n\t.sppb-btn-success {\n\t\t.uk-button-success;\n\n\t\t&:hover {\n\t\t\t.hook-button-success-hover;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\t.hook-button-success-active;\n\t\t}\n\t}\n\n\t.sppb-btn-warning {\n\t\t.uk-button-warning;\n\n\t\t&:hover {\n\t\t\t.hook-button-warning-hover;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\t.hook-button-warning-active;\n\t\t}\n\t}\n\n\t.sppb-btn-danger {\n\t\t.uk-button-danger;\n\n\t\t&:hover {\n\t\t\t.hook-button-danger-hover;\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\t.hook-button-danger-active;\n\t\t}\n\t}\n\n\t.sppb-btn-primary {\n\t\t.uk-button-primary;\n\n\t\t&:hover {\n\t\t\t.hook-button-primary-hover;\n\t\t}\n\t\t&:focus,\n\t\t&:active {\n\t\t\t.hook-button-primary-active;\n\t\t}\n\t}\n\n\t.sppb-btn-primary-2 {\n\t\t.uk-button-primary-2;\n\n\t\t&:hover {\n\t\t\tbackground-color: desaturate(darken(@global-primary-2-background, 3%), 3%);\n\t\t\tbox-shadow: @button-hover-box-shadow fade(@global-primary-2-background, 30%);\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground-color: darken(@global-primary-2-background, 1%);\n\t\t\tbox-shadow: @button-active-box-shadow fade(@global-primary-2-background, 30%);\n\t\t}\n\t}\n\n\t.sppb-btn-primary-3 {\n\t\t.uk-button-primary-3;\n\n\t\t&:hover {\n\t\t\tbackground-color: desaturate(darken(@global-primary-3-background, 3%), 3%);\n\t\t\tbox-shadow: @button-hover-box-shadow fade(@global-primary-3-background, 30%);\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground-color: darken(@global-primary-3-background, 1%);\n\t\t\tbox-shadow: @button-active-box-shadow fade(@global-primary-3-background, 30%);\n\t\t}\n\t}\n\n\t.sppb-btn-primary-4 {\n\t\t.uk-button-primary-4;\n\n\t\t&:hover {\n\t\t\tbackground-color: desaturate(darken(@global-primary-4-background, 3%), 3%);\n\t\t\tbox-shadow: @button-hover-box-shadow fade(@global-primary-4-background, 30%);\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbackground-color: darken(@global-primary-4-background, 1%);\n\t\t\tbox-shadow: @button-active-box-shadow fade(@global-primary-4-background, 30%);\n\t\t}\n\t}\n\n\t.sppb-btn-secondary {\n\t\t.uk-button-secondary;\n\n\t\t&:hover {\n\t\t\tbox-shadow: @button-hover-box-shadow fade(@global-secondary-background, 30%);\n\t\t}\n\n\t\t&:focus,\n\t\t&:active {\n\t\t\tbox-shadow: @button-active-box-shadow fade(@global-secondary-background, 30%);\n\t\t}\n\t}\n\n\t.sppb-btn-outline {\n\t\t.uk-button-line;\n\n\t\t&:hover {\n\t\t\tcolor: @button-line-hover-color;\n\t\t\tbackground: @button-line-hover-background !important;\n\t\t\tborder: 1px solid @button-line-hover-border !important;\n\t\t}\n\n\t\t&.sppb-btn-round {\n\t\t\tborder-radius: 100px;\n\t\t\tpadding: 0 30px;\n\t\t}\n\n\t\t&.sppb-btn-primary-2 {\n\t\t\tborder-color: @global-primary-2-background;\n\t\t\tcolor: @global-primary-2-background;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-primary-2-color;\n\t\t\t\tbackground: @global-primary-2-background !important;\n\t\t\t\tborder: 1px solid darken(@global-primary-2-background, 5%) !important;\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-btn-primary-3 {\n\t\t\tborder-color: @global-primary-3-background;\n\t\t\tcolor: @global-primary-3-background;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-primary-3-color;\n\t\t\t\tbackground: @global-primary-3-background !important;\n\t\t\t\tborder: 1px solid darken(@global-primary-3-background, 5%) !important;\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-btn-primary-4 {\n\t\t\tborder-color: @global-primary-4-background;\n\t\t\tcolor: @global-primary-4-background;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-primary-4-color;\n\t\t\t\tbackground: @global-primary-4-background !important;\n\t\t\t\tborder: 1px solid darken(@global-primary-4-background, 5%) !important;\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-btn-secondary {\n\t\t\tborder-color: @global-secondary-background;\n\t\t\tcolor: @global-secondary-background;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-contrast-color;\n\t\t\t\tbackground: @global-secondary-background !important;\n\t\t\t\tborder: 1px solid darken(@global-secondary-background, 5%) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sppb-btn-3d {\n\t\tposition: relative;\n \ttop: -6px;\n \ttransition: all 40ms linear;\n\n\t\t&:active:focus,\n\t\t&:focus:hover,\n\t\t&:focus {\n\t\t\t-moz-outline-style: none;\n\t\t\toutline: medium none;\n\t\t}\n\n\t\t&:focus, \n\t\t&:active {\n\t\t\ttop: 2px;\n\t\t}\n\n\t\t&.sppb-btn-primary {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-primary-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-primary-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-primary-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-primary-2 {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-primary-2-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-primary-2-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-primary-2-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-primary-3 {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-primary-3-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-primary-3-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-primary-3-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-primary-4 {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-primary-4-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-primary-4-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-primary-4-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-secondary {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-secondary-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-secondary-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-secondary-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-success {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-success-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-success-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-success-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-warning {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-warning-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-warning-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-warning-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\n\t\t&.sppb-btn-danger {\n\t \tbox-shadow: 0 0 0 1px lighten(@global-danger-background, 5%) inset, 0 0 0 1px @global-light-1-shadow inset, 0 8px 0 0 darken(@global-danger-background, 12%), 0 8px 8px 1px @global-dark-3-shadow;\n\n\t \t&:focus,\n\t \t&:active {\n\t \t\tbox-shadow: 0 0 0 1px lighten(@global-danger-background, 5%) inset, 0 0 0 1px @global-light-15-shadow inset, 0 1px 3px 1px @global-dark-2-shadow;\n\t \t}\n\t\t}\n\t}\n\n\t.sppb-addon-header {\n\t\t&.tm-primary-color > * { color: @global-primary-background; }\n\t\t&.tm-primary-2-color > * { color: @global-primary-2-background; }\n\t\t&.tm-primary-3-color > * { color: @global-primary-3-background; }\n\t\t&.tm-primary-4-color > * { color: @global-primary-4-background; }\n\t\t&.tm-light-color > * { color: @global-light-color; }\n\t\t&.tm-extra-light-color > * { color: @global-extra-light-background; }\n\t}\n}\n\n.tm-overlay-primary ,\n.tm-overlay-primary-gradient,\n.tm-overlay-secondary, \n.tm-overlay-secondary-gradient {\n\t&.sppb-section {\n\t\t.sppb-addon-title,\n\t\t.sppb-addon-content {\n\t\t\tcolor: @global-contrast-color;\n\t\t}\n\t}\n}\n\n.tm-primary-4-background {\n\t.sppb-btn-outline {\n\t\tborder-color: @global-primary-4-color;\n\t\tcolor: @global-primary-4-color;\n\t}\n}\n\n.sppb-section {\n\t&.tm-light {\n\t\tbackground-color: @global-light-background;\n\t}\n\t&.tm-extra-light {\n\t\tbackground-color: @global-extra-light-background;\n\t}\n\t&.tm-primary-light {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n}\n\n.sp-pagebuilder-column,\n.sppb-column {\n\t&.tm-light > div > div {\n\t\tbackground-color: @global-light-background;\n\t}\n\t&.tm-extra-light > div > div {\n\t\tbackground-color: @global-extra-light-background;\n\t}\n\t&.tm-primary-light > div > div {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n}\n\n\/\/ Articles\n\n.sppb-articles-ticker-text a:hover,\n.sppb-articles-scroller-link:hover {\n\ttext-decoration: none;\n}\n\n.sppb-articles-ticker-text {\n\tborder-radius: 0 4px 4px 0;\n\tbox-shadow: inset 0 0 0 1px darken(@global-primary-light-background, 3%);\n\t\n\ta {\n\t\tcolor: @global-color;\n\t\tfont-size: @global-font-size;\n\t\tline-height: @global-line-height;\n\t\t\n\t\t&:after {\n\t\t\tbottom: 0;\n\t\t}\n\t}\n}\n\n.sppb-articles-scroller-link:hover .sppb-addon-articles-scroller-title {\n\tcolor: @global-link-hover-color;\n}\n\n.sppb-articles-scroller-date-left-content .sppb-addon-articles-scroller-title {\n\tcolor: darken(@global-color, 5%);\n\tfont-size: @base-h4-font-size;\n\tline-height: @base-h5-line-height;\n\tmargin-bottom: 10px;\n\ttransition: @global-transition-color;\n}\n\n.sppb-articles-scroller-date-left-date-container:not(.article-image-as-bg) {\n\t.sppb-articles-scroller-date-left-date {\n\t\tbackground-color: @global-primary-background;\n\t\tcolor: @panel-box-primary-color;\n\t\tbox-shadow: 0 0 0 1px darken(@global-primary-background, 18%), inset 0 1px 0 @global-light-1-shadow;\n\t}\n\n\t.sppb-articles-scroller-date-left-content {\n\t\tbox-shadow: inset -2px 0 0 darken(@global-primary-light-background, 3%), inset 0 1px 0 0 darken(@global-primary-light-background, 3%);\n\t}\n}\n\n.article-image-as-bg{\n\t&::before {\n\t\tbackground-color: fade(@global-secondary-background, 50%);\n\t}\n\n\t.sppb-articles-scroller-date-left-date:after {\n\t\tbackground-color: @global-light-25-shadow;\n\t}\n}\n\n.sppb-articles-scroller-date-left-date,\n.sppb-articles-ticker-heading {\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n}\n\n.ticker-date-time-content-wrap {\n\tright: 50px;\n}\n\n.sppb-articles-ticker-controller span {\n\tfont-size: 24px;\n\n\ta {\n\t\tcolor: @global-primary-background;\n\n\t\ti {\n\t\t\tfont-family: @global-buckle-icon;\n\t\t}\n\n\t\t.fa-angle-left:before {\n\t\t\tcontent: \"\\f170\";\n\t\t}\n\n\t\t.fa-angle-right:before {\n\t\t\tcontent: \"\\f16d\";\n\t\t}\n\t}\n} \n\n.sppb-articles-ticker-heading {\n\tborder-radius: 0;\n\ttext-align: left;\n\tbackground: @global-primary-background;\n\tcolor: @panel-box-primary-color;\n\t\n\t.sppb-articles-ticker-shape-left,\n\t.sppb-articles-ticker-shape-right,\n\t.sppb-articles-ticker-shape-arrow {\n\t\tpath {\n\t\t\tfill: @global-primary-background;\n\t\t}\n\t}\n}\n\n.sppb-articles-scroller-date-left-content {\n\tmargin-left: 1px;\n}\n\n.sppb-articles-scroller-date-left-content,\n.sppb-articles-ticker {\n\tbackground-color: @global-primary-light-background;\n}\n\n.sppb-addon-articles-scroller-title,\n.sppb-articles-scroller-introtext {\n\tcolor: @global-color;\n}\n\n.article-image-as-bg .sppb-articles-scroller-date-left-content {\n\t.sppb-addon-articles-scroller-title,\n\t.sppb-articles-scroller-introtext {\n\t\tcolor: @global-contrast-color;\n\t}\n}\n\n.ticker-date-time {\n\tbackground-color: fade(@global-primary-background, 70%);\n\tcolor: @panel-box-primary-color;\n\tborder-radius: 10px;\n\tpadding: 3px 10px;\n\twidth: 70px;\n\tright: 0;\n}\n\n.sppb-addon-article {\n\t\n\th1,h2,h3,h4,h5,h6 {\n\t padding-bottom: 15px;\n\t margin-bottom: 10px;\n\t position: relative;\n\t display: table;\n\n\t a {\n\t \tcolor: inherit;\n\n\t \t&:hover {\n\t\t color: @global-link-hover-color;\n\t\t }\n\t }\n\n\t &:before {\n\t content: '';\n\t position: absolute; \n\t bottom: 0;\n\t left: 0;\n\t height: 6px;\n\t width: 100%;\n\t margin: 0;\n\t background: repeating-linear-gradient(-45deg, rgba(0,0,0,0), rgba(0,0,0,0) 3px, fade(@global-color, 15%) 3px, fade(@global-color, 15%) 6px);\n\t }\n\t}\n\t\n\t.sppb-article-meta > span {\n\t\tcolor: @article-meta-color;\n \tfont-size: @article-meta-font-size;\n\t}\n\n\t.sppb-readmore {\n\t\t.uk-button;\n\t\t.uk-button-primary;\n\t}\n}\n\n\/\/ pricing\n.tm-pricing {\n\t&.sp-pagebuilder-column.pc-primary-background,\n\t&.pc-primary-background {\n\n\t\t> div > div {\n\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\tcolor: @panel-box-primary-color;\n\t\t}\n\n\t\t.sppb-pricing-price,\n\t\t.sppb-pricing-duration,\n\t\t.sppb-pricing-title,\n\t\t.sppb-pricing-features {\n\t\t\tcolor: @panel-box-primary-color;\n\t\t}\n\n\t\t.sppb-btn-outline {\n\t\t\tborder-color: @panel-box-primary-color;\n\t\t\tcolor: @panel-box-primary-color;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: @panel-box-primary-link-color !important;\n\t\t\t\tbackground: @panel-box-primary-link-color !important;\n\t\t\t\tcolor: @panel-box-primary-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.sp-pagebuilder-column.pc-primary-2-background,\n\t&.pc-primary-2-background {\n\n\t\t> div > div {\n\t\t\tbackground-color: @global-primary-2-background;\n\t\t}\n\n\t\t.sppb-pricing-price,\n\t\t.sppb-pricing-duration,\n\t\t.sppb-pricing-title,\n\t\t.sppb-pricing-features {\n\t\t\tcolor: @global-primary-2-color;\n\t\t}\n\n\t\t.sppb-btn-outline {\n\t\t\tborder-color: @global-primary-2-color;\n\t\t\tcolor: @global-primary-2-color;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: @panel-box-primary-link-color !important;\n\t\t\t\tbackground: @panel-box-primary-link-color !important;\n\t\t\t\tcolor: @global-primary-2-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.sp-pagebuilder-column.pc-primary-3-background,\n\t&.pc-primary-3-background {\n\n\t\t> div > div {\n\t\t\tbackground-color: @global-primary-3-background;\n\t\t}\n\n\t\t.sppb-pricing-price,\n\t\t.sppb-pricing-duration,\n\t\t.sppb-pricing-title,\n\t\t.sppb-pricing-features {\n\t\t\tcolor: @global-primary-3-color;\n\t\t}\n\n\t\t.sppb-btn-outline {\n\t\t\tborder-color: @global-primary-3-color;\n\t\t\tcolor: @global-primary-3-color;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: @panel-box-primary-link-color !important;\n\t\t\t\tbackground: @panel-box-primary-link-color !important;\n\t\t\t\tcolor: @global-primary-3-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.sp-pagebuilder-column.pc-primary-4-background,\n\t&.pc-primary-4-background {\n\n\t\t> div > div {\n\t\t\tbackground-color: @global-primary-4-background;\n\t\t}\n\n\t\t.sppb-pricing-price,\n\t\t.sppb-pricing-duration,\n\t\t.sppb-pricing-title,\n\t\t.sppb-pricing-features {\n\t\t\tcolor: @global-primary-4-color;\n\t\t}\n\n\t\t.sppb-btn-outline {\n\t\t\tborder-color: @global-primary-4-color;\n\t\t\tcolor: @global-primary-4-color;\n\n\t\t\t&:hover {\n\t\t\t\tborder-color: @panel-box-primary-link-color !important;\n\t\t\t\tbackground: @panel-box-primary-link-color !important;\n\t\t\t\tcolor: @global-primary-4-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sppb-pricing-box .sppb-pricing-header .sppb-pricing-title {\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: italic;\n\t}\n\n\t.sppb-pricing-price,\n\t.sppb-pricing-duration {\n\t\tcolor: @global-primary-background;\n\t}\n}\n\n\/\/ price list\n.tm-italic.sppb-addon-tab {\n\t.sppb-addon-pricelist {\n\t\t.pricelist-title,\n\t\t.pricelist-price-content {\n\t\t\tfont-family: @global-italic-font-family;\n\t\t\tfont-style: @global-italic-font-style;\n\t\t\tfont-weight: @global-italic-font-weight;\n\t\t}\n\n\t\t.sppb-addon-content {\n\t\t\tfont-family: @global-body-font-family;\n\t\t\tfont-weight: @global-body-font-weight;\n\t\t}\n\t}\n}\n\n\/\/ \n\/\/ Addons\n\/\/ \n\n\/\/ Accordions\n.sppb-addon-accordion {\n\t.sppb-panel {\n\t\tborder-color: @global-dark-075-shadow;\n\t\tmargin-bottom: 15px;\n\t\tborder-top-width: 1px;\n\n\t\t.sppb-panel-heading {\n\t\t\tbackground-color: @global-light-background;\n\t\t\tcolor: @global-color;\n\t\t\ttransition: @global-transition;\n\t\t\tpadding: 12px 20px;\n\n\t\t\t.sppb-panel-title {\n\t\t\t\tfont-size: round((@base-h4-font-size*1.15));\n\t\t\t\tline-height: round((@base-h4-line-height*1.15));\n\t\t\t\tfont-family: @global-heading-font-family;\n\t\t\t\tfont-weight: @global-heading-font-weight;\n\t\t\t}\n\n\t\t\t&.active {\n\t\t\t\tcolor: @global-color;\n\t\t\t\t\n\t\t\t\t.sppb-toggle-direction {\n\t\t\t\t\ttransform: translateY(0%);\n\n\t\t\t\t\ti:before {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t}\n\n\t\t\t\t\ti:after {\n\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sppb-toggle-direction {\n\t\t\ttop: 20px;\n\t\t\tright: 20px;\n\t\t\ttransform: translateY(0%);\n\n\t\t\ti {\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-family: @global-font-icon;\n\t\t\t\twidth: 26px;\n\t\t\t\theight: 26px;\n\t\t\t\tborder-radius: @global-border-radius;\n\t\t\t\ttext-align:center;\n\t\t\t\tposition: relative;\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tbackground-color: @global-color;\n\t\t\t\t\ttransition: @global-transition;\n\t\t\t\t\ttransition-delay: 0.4s;\n\t\t\t\t}\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\theight: 1px;\n\t\t\t\t\twidth: 21px;\n\t\t\t\t\ttop: 11px;\n\t\t\t\t\tleft: 5px;\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t\theight: 21px;\n\t\t\t\t\twidth: 1px;\n\t\t\t\t\ttop: 2px;\n\t\t\t\t\tleft: 15px;\n\t\t\t\t\topacity: 1;\n\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\n\t\t&.sppb-panel-primary {\n\t\t\tborder-color: fade(@panel-box-primary-background, 15%);\n\n\t\t\t> .sppb-panel-heading {\n\t\t\t\tcolor: @panel-box-primary-background;\n\t\t\t\tbackground: fade(@panel-box-primary-background, 3%);\n\n\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t&:before,\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\t\t\tcolor: @panel-box-primary-color;\n\t\t\t\t\tborder-color: darken(@panel-box-primary-background, 3%);\n\t\t\t\t\tbox-shadow: 0 0 0 1px @panel-box-primary-background;\n\n\t\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-panel-info {\n\t\t\tborder-color: fade(@global-primary-3-background, 15%);\n\n\t\t\t> .sppb-panel-heading {\n\t\t\t\tcolor: @global-primary-3-background;\n\t\t\t\tbackground: fade(@global-primary-3-background, 3%);\n\n\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t&:before,\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: @global-primary-3-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @global-primary-3-background;\n\t\t\t\t\tcolor: @global-primary-3-color;\n\t\t\t\t\tborder-color: darken(@global-primary-3-background, 3%);\n\t\t\t\t\tbox-shadow: 0 0 0 1px @global-primary-3-background;\n\n\t\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-panel-success {\n\t\t\tborder-color: fade(@global-success-background, 15%);\n\n\t\t\t> .sppb-panel-heading {\n\t\t\t\tcolor: @global-success-background;\n\t\t\t\tbackground: fade(@global-success-background, 3%);\n\n\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t&:before,\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: @global-success-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @global-success-background;\n\t\t\t\t\tcolor: @global-contrast-color;\n\t\t\t\t\tborder-color: darken(@global-success-background, 3%);\n\t\t\t\t\tbox-shadow: 0 0 0 1px @global-success-background;\n\n\t\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-panel-warning {\n\t\t\tborder-color: fade(@global-warning-background, 15%);\n\n\t\t\t> .sppb-panel-heading {\n\t\t\t\tcolor: @global-warning-background;\n\t\t\t\tbackground: fade(@global-warning-background, 3%);\n\n\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t&:before,\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: @global-warning-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @global-warning-background;\n\t\t\t\t\tcolor: @global-contrast-color;\n\t\t\t\t\tborder-color: darken(@global-warning-background, 3%);\n\t\t\t\t\tbox-shadow: 0 0 0 1px @global-warning-background;\n\n\t\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-panel-danger {\n\t\t\tborder-color: fade(@global-danger-background, 15%);\n\n\t\t\t> .sppb-panel-heading {\n\t\t\t\tcolor: @global-danger-background;\n\t\t\t\tbackground: fade(@global-danger-background, 3%);\n\n\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t&:before,\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tbackground-color: @global-danger-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @global-danger-background;\n\t\t\t\t\tcolor: @global-contrast-color;\n\t\t\t\t\tborder-color: darken(@global-danger-background, 3%);\n\t\t\t\t\tbox-shadow: 0 0 0 1px @global-danger-background;\n\n\t\t\t\t\t.sppb-toggle-direction i {\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n\t.sppb-panel-body {\n\t\tpadding: 25px;\n\t}\n}\n\n\/\/ Alerts\n.sppb-addon-alert {\n\n\t.sppb-alert {\n\t\tpadding: 20px;\n\t\tborder: none;\n\n\t\th1,h2,h3,h4,h5,h6 {\n\t\t\tcolor: inherit;\n\t\t\tmargin: 10px 0;\n\t\t}\n\t}\n\n\t.sppb-alert-info {\n\t\tcolor: @global-primary-3-background;\n\t\tbackground-color: fade(@global-primary-3-background, 3%);\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-primary-3-background, 20%), inset 4px 0 0 @global-primary-3-background, 0 10px 10px fade(@global-primary-3-background, 7%);\n\t}\n\n\t.sppb-alert-warning {\n\t\tcolor: @global-warning-background;\n\t\tbackground-color: fade(@global-warning-background, 3%);\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-warning-background, 20%), inset 4px 0 0 @global-warning-background, 0 10px 10px fade(@global-warning-background, 7%);\n\t}\n\n\t.sppb-alert-danger {\n\t\tcolor: @global-danger-background;\n\t\tbackground-color: fade(@global-danger-background, 3%);\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-danger-background, 20%), inset 4px 0 0 @global-danger-background, 0 10px 10px fade(@global-danger-background, 7%);\n\t}\n\n\t.sppb-alert-primary {\n\t\tcolor: @global-primary-background;\n\t\tbackground-color: fade(@global-primary-background, 3%);\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-primary-background, 20%), inset 4px 0 0 @global-primary-background, 0 10px 10px fade(@global-primary-background, 7%);\n\t}\n\n\t.sppb-alert-success {\n\t\tcolor: @global-success-background;\n\t\tbackground-color: fade(@global-success-background, 3%);\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-success-background, 20%), inset 4px 0 0 @global-success-background, 0 10px 10px fade(@global-success-background, 7%);\n\t}\n\n\t.sppb-alert-light {\n\t\tcolor: @global-color;\n\t\tbackground-color: @global-extra-light-background;\n\t\tbox-shadow: inset 0 0 0 1px fade(@global-color, 10%), inset 4px 0 0 @global-primary-background, 0 10px 10px fade(@global-color, 7%);\n\t}\n\n\t.sppb-alert-dark {\n\t\tcolor: @global-contrast-color;\n\t\tbackground-color: @global-secondary-background;\n\t\tbox-shadow: inset 4px 0 0 @global-primary-background, 0 10px 10px fade(@global-secondary-background, 7%);\n\t}\n}\n\n\/\/ Gallery \n.sppb-addon-gallery {\n\t.sppb-gallery li {\n\t\twidth: 25%;\n\n\t\ta {\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\n\t\t\t&:before {\n\t\t\t\tcontent: '';\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\ttop: 0;\n\t\t\t\topacity: 0;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t\ttransform: scale(.8);\n\t\t\t\ttransition: .5s;\n\t\t\t\tz-index: 1;\n\t\t\t\t.gradient(@global-primary-background, @global-primary-2-background, @global-primary-background);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tcontent: '\\f1e2';\n\t\t\t\tposition: absolute;\n\t\t\t\tfont-family: @global-buckle-icon;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 65px;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tfont-size: 60px;\n\t\t\t\tcolor: @global-contrast-color;\n\t\t\t\theight: 60px;\n\t\t\t\tline-height: 1;\n\t\t\t\ttransform: scale(0);\n\t\t\t\ttransition: .5s;\n\t\t\t\tz-index: 1;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\t&:before {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t\topacity: 0.75;\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\t\t\t\t\ttransform: scale(1);\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\ttransform: scale(1.08);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\timg {\n\t\t\twidth: 100% !important;\n\t\t\ttransition: 1s;\n\t\t\ttransform: scale(1) rotate(0deg);\n\t\t}\n\t}\n}\n\n\/\/ Image content\n.sppb-addon-image-content {\n\t.sppb-image-holder {\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t&.uk-panel-box {\n\t\tbackground-color: inherit;\n\t\tcolor: inherit;\n\n\t\t.sppb-image-content-title {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t&.alignment-right .sppb-image-holder {\n\t\tright: 0;\n\t}\n\n\t.uk-panel-teaser {\n\t\tmargin-bottom: @panel-box-padding;\n\t}\n\n\t&.alignment-top,\n\t&.alignment-bottom {\n\t\tbox-shadow: none !important;\n\n\t\t.sppb-container {\n\t\t\tmargin: -@panel-box-padding;\n\t\t\tpadding: 0;\n\t\t\twidth: auto;\n\t\t}\n\n\t\t.sp-pagebuilder-row,\n\t\t.sppb-row {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t&.alignment-bottom {\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t.sppb-container + .uk-panel-teaser {\n\t\tmargin-top: @panel-box-padding;\n\t\tmargin-bottom: 0;\n\t}\n}\n\n\/\/ Overlay\n.sppb-addon-image-overlay {\n\tbackground-color: @overlay-panel-background;\n}\n\n\/\/ Countdown\n#tm-container .sppb-addon-countdown .sppb-countdown-number {\n\tbackground: @global-primary-background;\n\tcolor: @panel-box-primary-color;\n}\n\n\/\/ Clients\n.sppb-addon-clients {\n\t.sppb-img-responsive {\n\t\ttransition: @global-transition-opacity;\n\t}\n\n\ta:hover .sppb-img-responsive {\n\t\topacity: 0.5;\n\t}\n}\n\n\/\/ Person\n.sppb-addon-person {\n\t.tm-panel-card;\n\n\t.sppb-addon-content {\n\t\tpadding: 20px;\n\t\tbox-shadow: inset 0 -30px 100px @global-primary-light-background;\n\n\t\t.sppb-person-information > .sppb-person-name {\n\t\t\t.uk-panel-title;\n\t\t\t.uk-module-stripes;\n\t\t\tfont-weight: @global-heading-font-weight;\n\t\t\tfont-family: @global-heading-font-family;\n\t\t\tmargin-bottom: 5px;\n\t\t\tfont-size: 24px;\n\t\t}\n\n\t\t.sppb-person-information > .sppb-person-designation { \n\t\t\tpadding-bottom: 20px;\n\t\t\tmargin: 0;\n\t\t\tfont-family: @global-italic-font-family;\n\t\t\tcolor: @global-primary-background;\n\t\t\tdisplay: inline-block;\n\t\t\tclear: both;\n\t\t\tpadding: 5px 0 0;\n\t\t\tfont-size: 17px;\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.sppb-person-social > li,\n\t.sppb-person-social > li {\n\t\tmargin: 0;\n\t}\n\n\t.sppb-person-image {\n\t\tposition: relative;\n\t\tmargin: -21px -21px 20px;\n\n\t\timg {\n\t\t\twidth: 100%;\n\t\t\tborder-radius: 0 !important;\n\t\t}\n\t}\n\n\t.sppb-person-social-icons {\n\t\tbackground-color: fade(@panel-box-primary-background, 90%);\n\t\tmargin-top: -45px;\n\t\tborder-top: 1px solid @global-dark-075-shadow;\n\t\tposition: absolute;\n\t\topacity: 1;\n\t\tbottom: 0;\n\t\tpadding: 5px 10px;\n\t\tborder-radius: 0 @global-border-radius 0 0;\n\t\tbox-shadow: inset 0 1px 0 @global-light-15-shadow;\n\t\ttransition: @global-transition;\n\n\t\t.sppb-person-social li a {\n\t\t\t.uk-icon-button;\n\t\t\tcolor: @panel-box-primary-color;\n\n\t\t\t> i {\n\t\t\t\tfont-size: @icon-button-font-size;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sppb-person-email {\n\t\twidth: 40px;\n\t\theight: 40px;\n\t\tborder-radius: @global-border-radius;\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tfloat: right;\n\t\tmargin: -40px -10px 0 0;\n\t\ttext-align: center;\n\t\tline-height: 40px;\n\t\tz-index: 1;\n\t\ttext-decoration: none;\n\t\tcursor: pointer;\n\t\tbackground-color: @global-background;\n\t\ttransition: @global-transition;\n\t\tbox-shadow: inset 0 0 0 1px @global-primary-background;\n\n\t\t> * {\n\t\t\tcursor: pointer;\n\t\t\ttransition: @global-transition;\n\t\t}\n\n\t\t&:before {\n\t\t\tcursor: pointer;\n\t\t\tcontent: \"\\f156\";\n\t\t\tfont-family: @global-buckle-icon;\n\t\t\tcolor: @global-primary-background;\n\t\t\tfont-size: 17px;\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tborder-radius: @global-border-radius; \n\t\t\ttransform: scale(1.3);\n\t\t\topacity: 0;\n\t\t\tposition: absolute;\n\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\tbox-sizing: content-box;\n\t\t\tz-index: -1;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\ttransition: transform 0.4s, opacity 0.5s;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbox-shadow: inset 0 0 0 1px @global-secondary-color;\n\n\t\t\t&:before {\n\t\t\t\tcolor: @panel-box-primary-color;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t\ttransform: scale(1);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sppb-person-information + .sppb-person-social-icons,\n\t.sppb-person-introtext + .sppb-person-social-icons {\n\t\tposition: relative;\n\t\tmargin: 10px 0 0 -5px;\n\t\tbackground: rgba(0,0,0,0);\n\t\tborder-top: 0;\n\t\tpadding: 0;\n\n\t\t.sppb-person-social li a {\n\t\t\tcolor: @global-primary-background;\n\t\t}\n\t}\n}\n\n\/\/ Slideshow \n.sppb-addon-sp-slider {\n\t.sp-slider-btn-text {\n\t\t&:extend(.uk-button all);\n\t}\n\n\t&.arrow-position-bottom_right .sp-nav-control .nav-control.prev-control {\n\t left: 20px;\n\t}\n}\n\n\/\/ Testimonial\n.sppb-addon-testimonial {\n\tposition: relative;\n\n\t.sppb-addon-content .fa-quote-left {\n\t\tposition: absolute;\n\t\tleft: -20px;\n\t\ttop: -20px;\n\t\tz-index: -1;\n\t\tfont-family: @global-buckle-icon;\n\n\t\t&:before {\n\t\t\tcontent: @bk-icon-var-quote-left;\n\t\t}\n\t}\n\n\t.sppb-addon-content {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t}\n\n\t&.sppb-text-right {\n\t\t.sppb-addon-testimonial-client {\n\t\t\ttext-align: right;\n\t\t}\n\t}\n\n\t.sppb-addon-testimonial-client,\n\t.sppb-addon-testimonial-client strong {\n\t\tfont-family: @global-heading-font-family;;\n\t\tfont-size: @base-h3-font-size;\n\t\tline-height: @base-h3-line-height;\n\t}\n\n\t.sppb-addon-testimonial-client-url {\n\t\topacity: 0.5;\n\t}\n\n\t.sppb-addon-testimonial-avatar {\n\t\tbox-shadow: 0 0 0 8px @global-dark-075-shadow;\n\t\tmargin-right: 20px;\n\t}\n\n\t.sppb-addon-testimonial-footer a {\n\t\tcolor: inherit;\n\t}\n}\n\n\/\/ Social Share\n\n.sppb-addon-social-share {\n\t&.sppb-social-share-style-custom,\n\t&.sppb-social-share-style-solid {\n\t\tul li a i {\n\t\t\tfont-size: 18px;\n\t\t\twidth: 30px;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n\n\t&.sppb-social-share-style-simple ul {\n\t\tmargin: -7px;\n\n\t\tli {\n\t\t\tmargin: 7px;\n\n\t\t\ta i {\n\t\t\t\tmin-width: 30px;\n\t\t\t\tmin-height: 30px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ Carousel\n\n.sppb-carousel {\n\t.sppb-item.sppb-item-has-bg .sppb-carousel-item-inner {\n\t\tpadding: 30px 60px;\n\t}\n\n\t.sppb-carousel-arrow {\n\t\ttext-shadow: none;\n\t\tcolor: @global-color;\n\n\t\t.fa {\n\t\t\tfont-family: @global-buckle-icon;\n\t\t\tfont-size: 40px;\n\t\n\t\t\t&-angle-left,\n\t\t\t&-chevron-left {\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"\\f170\";\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-angle-right,\n\t\t\t&-chevron-right {\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"\\f16d\";\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&:not(.sppb-testimonial-pro) .sppb-carousel-indicators {\n\t\tmargin-bottom: 0;\n\t\tbottom: 30px;\n\n\t\tli {\n\t\t\tborder-color: @global-color;\n\t\t\twidth: 12px;\n\t\t\theight: 12px;\n\t\t\tborder-radius: 5px;\n\t\t\tmargin: 0 5px 0 0;\n\n\t\t\t&.active {\n\t\t\t\tmargin: 0 5px 0 0;\n\t\t\t\tbackground-color: @global-color;\n\t\t\t}\n\t\t}\n\n\t\t&.uk-contrast {\n\t\t\tli {\n\t\t\t\tborder-color: @global-contrast-color;\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: @global-contrast-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sppb-text-center {\n\t\t\tbottom: 15px;\n\t\t}\n\n\t\t&.sppb-text-left {\n\t\t\tleft: 60px;\n\t\t\twidth: 90%;\n\t\t\ttext-align: left;\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&.sppb-text-right {\n\t\t\twidth: 100%;\n\t\t\ttext-align: right;\n\t\t\tleft: 0;\n\t\t\tmargin-left: 0;\n\t\t\tpadding-right: 60px;\n\t\t}\n\t}\n}\n\n\/\/ Text Block\n\n.sppb-addon-text-block {\n\t&.tm-italic > * {\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: @global-italic-font-style;\n\t}\n\n\t&.tm-primary-color > * {\n\t\tcolor: @global-primary-background;\n\t}\n\n\t&.tm-primary-2-color > * {\n\t\tcolor: @global-primary-2-background;\n\t}\n\n\t&.tm-primary-3-color > * {\n\t\tcolor: @global-primary-3-background;\n\t}\n\n\t&.tm-primary-4-color > * {\n\t\tcolor: @global-primary-4-background;\n\t}\n}\n\n\/\/ testimonial pro\n.sppb-testimonial-pro {\n\tpadding-bottom: 80px;\n\n\t.sppb-testimonial-message {\n\t\tfont-size: @base-h4-font-size;\n\t\tline-height: @base-h4-line-height;\n\t}\n\n\t.fa-quote-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 20px;\n\t\tz-index: -1;\n\t\tfont-family: @global-buckle-icon;\n\n\t\t&:before {\n\t\t\tcontent: @bk-icon-var-quote-left;\n\t\t}\n\t}\n\n\t.sppb-addon-testimonial-pro-header {\n\t\tpadding: 30px 0;\n\n\t\t.sppb-avatar-circle {\n\t\t\tborder-radius: 100%;\n\t\t\tbox-shadow: 0 0 0 6px @global-dark-05-shadow, 0 0 0 7px @global-light-1-shadow;\n\t\t}\n\n\t\t.sppb-avatar-round {\n\t\t\tborder-radius: 10px;\n\t\t\tbox-shadow: 0 0 0 4px @global-dark-05-shadow, 0 0 0 5px @global-light-1-shadow;\n\t\t}\n\n\t\t.sppb-avatar-sqaure {\n\t\t\tborder-radius: 0;\n\t\t\tbox-shadow: 2px 2px 0 @global-dark-1-shadow;\n\t\t}\n\t}\n\n\t.sppb-addon-testimonial-pro-footer {\n\t\t.sppb-addon-testimonial-pro-client-name {\n\t\t\tfont-family: @global-heading-font-family;\n\t\t\tfont-weight: @global-heading-font-weight;\n\t\t\tfont-size: @base-h3-font-size;\n\t\t}\n\n\t\t.sppb-addon-testimonial-pro-client-designation {\n\t\t\tdisplay: block;\n\t\t\tcolor: @global-primary-background;\n\t\t\tfont-size: @base-h4-font-size;\n\t\t}\n\t}\n\n\t.testimonial-pro-client-name-wrap {\n\t\tdisplay: inline-block;\n\t vertical-align: middle;\n\t}\n\n\t.sppb-carousel-control {\n\t\tborder-width: 1px;\n\t\tborder-radius: 50%;\n\t}\n\n\t.sppb-carousel-indicators {\n\t\twidth: 100%;\n\t\tleft: 0;\n\t\tmargin-left: 0;\n\n\t\tli {\n\t\t\twidth: 2px;\n\t\t\theight: 20px;\n\t\t\tborder: none;\n\t\t\tmargin: 0 2px;\n\t\t\tbackground-color: @global-color;\n\t\t\ttransition: @global-transition;\n\n\t\t\t&.active {\n\t\t\t\theight: 30px;\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.uk-contrast {\n\t\t.sppb-carousel-indicators li {\n\t\t\tbackground-color: @global-contrast-color;\n\t\t}\n\n\t\t.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation {\n\t\t\tcolor: @global-light-color;\n\t\t}\n\t}\n\n\t&.sppb-text-right,\n\t&.uk-text-right {\n\t\tpadding-bottom: 60px;\n\n\t\t.sppb-carousel-indicators {\n\t\t\t.uk-flex;\n\t\t\t.uk-flex-right;\n\t\t}\n\n\t\t.sppb-carousel-indicators li {\n\t\t\tmargin-left: 5px;\n\t\t}\n\n\t\t.sppb-addon-testimonial-pro-header {\n\t\t\tmargin-right: 10px;\n\t\t\tpadding-bottom: 15px;\n\t\t}\n\t}\n\n\t&.sppb-text-left,\n\t&.uk-text-left {\n\t\tpadding-bottom: 60px;\n\n\t\t.sppb-carousel-indicators {\n\t\t\t.uk-flex;\n\t\t}\n\n\t\t.sppb-carousel-indicators li {\n\t\t\tmargin-right: 5px;\n\t\t}\n\n\t\t.sppb-addon-testimonial-pro-header {\n\t\t\tmargin-left: 10px;\n\t\t\tpadding-bottom: 15px;\n\t\t}\n\t}\n}\n\n.tm-primary-background .sppb-testimonial-pro {\n\t.sppb-addon-testimonial-pro-footer .sppb-addon-testimonial-pro-client-designation {\n\t\tcolor: @panel-box-primary-link-color;\n\t}\n\n\t.sppb-carousel-indicators li {\n\t\tbackground-color: @panel-box-primary-color;\n\t}\n}\n\n\/\/ Block numbers\n.sppb-media-heading {\n\tcolor: @global-primary-background;\n}\n\n.sppb-blocknumber-number {\n\t.gradient-diagonal(@panel-box-primary-background, lighten(@panel-box-primary-background, 10%), @panel-box-primary-background);\n\tcolor: @panel-box-primary-color;\n\ttext-shadow: 1px 1px 0 @global-dark-15-shadow;\n\tfont-size: @base-h3-font-size;\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-thin-font-weight;\n\tbox-shadow: inset 0 0 0 1px @global-dark-05-shadow;\n}\n\n\/\/ Block Number \n.sppb-addon-blocknumber {\n\t&.tm-primary-2-color {\n\t\t.sppb-media-body {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t.sppb-blocknumber-number {\n\t\t\tcolor: @global-primary-2-color;\n\t\t\t.gradient-diagonal(@global-primary-2-background, lighten(@global-primary-2-background, 20%), @global-primary-2-background);\n\t\t}\n\t\t\n\t\t.sppb-media-heading {\n\t\t\tcolor: @global-primary-2-background;\n\t\t}\n\t}\n\t&.tm-primary-3-color {\n\t\t.sppb-media-body {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t.sppb-blocknumber-number {\n\t\t\tcolor: @global-primary-3-color;\n\t\t\t.gradient-diagonal(@global-primary-3-background, lighten(@global-primary-3-background, 20%), @global-primary-3-background);\n\t\t}\n\n\t\t.sppb-media-heading {\n\t\t\tcolor: @global-primary-3-background;\n\t\t}\n\t}\n\t&.tm-primary-4-color {\n\t\t.sppb-media-body {\n\t\t\tcolor: @global-color;\n\t\t}\n\n\t\t.sppb-blocknumber-number {\n\t\t\tcolor: @global-primary-4-color;\n\t\t\t.gradient-diagonal(@global-primary-4-background, lighten(@global-primary-4-background, 20%), @global-primary-4-background);\n\t\t}\n\n\t\t.sppb-media-heading {\n\t\t\tcolor: @global-primary-4-background;\n\t\t}\n\t}\n}\n\n\n\/\/ Animated counter\n.sppb-addon-animated-number {\n\t.sppb-addon-content {\n\t\t.sppb-animated-number {\n\t\t\tcolor: @global-primary-background;\n\t\t\tfont-weight: @global-bold-font-weight;\n\t\t\tfont-family: @global-heading-font-family;\n\t\t}\n\t}\n\n\t&.tm-style-default {\n\t\t.sppb-addon-content {\n\t\t\t.sppb-animated-number-title {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\tbackground-color: @global-primary-2-background;\n\t\t\t\tcolor: @global-primary-2-color;\n\t\t\t\tpadding: 5px 12px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tm-style-modern {\n\t\t .sppb-addon-content {\n\t\t\t.sppb-animated-number-title {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\tbackground-color: @global-primary-3-background;\n\t\t\t\tcolor: @global-primary-3-color;\n\t\t\t\tpadding: 5px 12px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tborder-radius: @global-border-radius;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.tm-style-simple {\n\t\t.sppb-addon-content {\n\t\t\t.sppb-animated-number-title {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.sppb-text-right {\n\t\t.sppb-animated-number {\n\t\t\t.uk-flex-right;\n\t\t}\n\t}\n\n\t&.sppb-text-center {\n\t\t.sppb-animated-number {\n\t\t\t.uk-flex-center;\n\t\t}\n\t}\n}\n\n\/\/ audio\n.sppb-addon-audio {\n\t.sppb-addon-title {\n\t\tclear: both;\n\t}\n}\n\naudio {\n\tmin-height: 50px;\n\tmin-width: 80%;\n}\n\n\/\/ Photo shadow\n[class*=\"tm-photo-shadow\"] > div {\n\tpadding: 30px;\n}\n\n.tm-photo-shadow > div > div,\n.tm-photo-shadow-primary > div > div {\n\tbox-shadow: -30px -30px 0 @global-primary-background, 0 0 100px @global-dark-4-shadow;\n}\n\n.tm-photo-shadow-primary-2 > div > div {\n\tbox-shadow: -30px -30px 0 @global-primary-2-background, 0 0 100px @global-dark-4-shadow;\n}\n\n.tm-photo-shadow-primary-3 > div > div {\n\tbox-shadow: -30px -30px 0 @global-primary-3-background, 0 0 100px @global-dark-4-shadow;\n}\n\n.tm-photo-shadow-primary-4 > div > div {\n\tbox-shadow: -30px -30px 0 @global-primary-4-background, 0 0 100px @global-dark-4-shadow;\n}\n\n.tm-photo-shadow-secondary > div > div {\n\tbox-shadow: -30px -30px 0 @global-secondary-background, 0 0 100px @global-dark-4-shadow;\n}\n\n.sppb-addon-image-overlay-icon {\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-thin-font-weight;\n\tfont-size: 35px;\n\t-moz-osx-font-smoothing: grayscale;\n\t-webkit-font-smoothing: antialiased;\n}\n\n\/\/ Progress bar\n\n.sppb-progress-label {\n\tfont-size: @global-font-size;\n}\n\n.sppb-progress-bar {\n\tbackground-color: @global-primary-background;\n\n\t&-primary-2,\n\t&-info {\n\t\tbackground-color: @global-primary-2-background;\n\t}\n\t&-primary-3 {\n\t\tbackground-color: @global-primary-3-background;\n\t}\n\t&-primary-4 {\n\t\tbackground-color: @global-primary-4-background;\n\t}\n\t&-secondary {\n\t\tbackground-color: @global-secondary-background;\n\t}\n\t&-success {\n\t\tbackground-color: @global-success-background;\n\t}\n\t&-warning {\n\t\tbackground-color: @global-warning-background;\n\t}\n\t&-danger {\n\t\tbackground-color: @global-danger-background;\n\t}\n}\n\n\/\/ Flip box\n\n.sppb-flipbox-panel .flip-box {\n\tborder-radius: @global-border-radius;\n}\n\n.sppb-flipbox-back.flip-box:before {\n\tbackground-color: @global-primary-background;\n}\n\n.flip-box-inner {\n\th1,h2,h3,h4,h5,h6 {\n\t\tmargin-bottom: 5px;\n\t}\n}\n\n.sppb-addon-sppb-flibox {\n\n\t.threeD-flip-front,\n\t.threeD-flip-back,\n\t.sppb-flipbox-back.flip-box:before, \n\t.sppb-flipbox-front.flip-box:before, \n\t.threeD-flip-back:before, \n\t.threeD-flip-front:before,\n\t.threeD-flip-front:before {\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.threeD-flip-back:before,\n\t.sppb-flipbox-back.flip-box:before {\n\t\tbackground-color: @global-secondary-background;\n\t}\n\n\t.sppb-flipbox-front.flip-box:before, \n\t.threeD-flip-front:before {\n\t\tbackground-color: fade(@global-secondary-background, 30%);\n\t}\n\n\t&.tm-primary-overlay {\n\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t\t\n\t\t.sppb-flipbox-front.flip-box:before {\n\t\t\tposition: absolute;\n\t\t\tcontent: \"\";\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tbackground-color: fade(@global-primary-background, 60%) !important;\n\t\t\tcolor: @global-contrast-color !important;\n\t\t\tborder-color: @global-dark-075-shadow !important;\n\t\t}\n\t}\n}\n\n\n\/\/ Forms\n.sppb-ajaxt-contact-form {\n\t&:extend(.uk-form all);\n\tmargin-bottom: 0;\n\n\tinput[type=\"checkbox\"] {\n\t\tmargin-top: 6px;\n\t}\n}\n\n.sppb-form-control, \n.sppb-form-group .sppb-form-control {\n\tborder-radius: @form-input-border-radius;\n\tborder-width: @form-border-width;\n}\n\n.sppb-addon-ajax-contact {\n\t.sppb-addon-title {\n\t\tcolor: @global-primary-background;\n\t}\n}\n\n.sppb-ajax-contact-content {\n\tpadding-top: 20px;\n}\n\n\/\/ Dropcap\n\n.sppb-dropcap .sppb-addon-content:first-letter {\n\tpadding-top: 8px;\n}\n\n\/\/ Tabs \n\n.sppb-nav > li > a {\n\tfont-family: @global-heading-font-family;\n\tfont-weight: @global-heading-font-weight;\n\tfont-size: round((@global-font-size*0.95));\n\tpadding: 12px 20px;\n}\n\n.sppb-nav-pills > li > a {\n\tborder-radius: 50px;\n\tcursor: pointer;\n\tpadding: 13px 25px;\n\ttext-transform: uppercase;\n\tfont-size: round((@global-font-size*0.8));\n\tletter-spacing: 1px;\n\ttransition: @global-transition;\n\n\t> i {\n\t\tfont-size: @global-font-size;\n\t}\n}\n\n.sppb-nav-pills + .sppb-tab-content {\n\tmargin-top: 25px;\n}\n\n.sppb-nav-modern-content,\n.sppb-nav-tabs-content {\n\tcolor: @global-color;\n\tpadding: 30px;\n\n\t> p {\n\t\tmargin-bottom: 0;\n\t}\n}\n\n.sppb-addon-content > p {\n\tmargin-bottom: 0;\n}\n\n.sppb-nav-lines {\n\tborder-bottom-color: @global-light-background;\n\n\t> li > a {\n\t\ttransition: @global-transition-color;\n\t\tpadding: 15px 20px;\n\t}\n}\n\n.sppb-addon-tab {\n\t.sppb-nav > li > a {\n\t\tcolor: inherit;\n\t}\n\n\t.sppb-nav-tabs > li.active > a {\n\t\tbox-shadow: inset 0 2px 0 @global-primary-background;\n\t\tborder-top-color: @global-primary-background;\n\t}\n\n\t.sppb-nav-pills > li.active {\n\t\t> a,\n\t\t> a:focus, \n\t\t> a:hover {\n\t\t\tbackground-color: @panel-box-primary-background;\n\t\t\tcolor: @panel-box-primary-color;\n\t\t\tbox-shadow: 0 10px 20px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.sppb-nav-lines > li.active > a {\n\t\tcolor: @global-primary-background;\n\t\tborder-bottom-color: @global-primary-background;\n\t}\n}\n\n.tm-primary-2-tabs {\n\t.sppb-nav-tabs > li.active > a {\n\t\tbox-shadow: inset 0 2px 0 @global-primary-2-background;\n\t\tborder-top-color: @global-primary-2-background;\n\t}\n\n\t.sppb-nav-pills > li.active {\n\t\t> a,\n\t\t> a:focus, \n\t\t> a:hover {\n\t\t\tbackground-color: @global-primary-2-background;\n\t\t\tcolor: @global-primary-2-color;\n\t\t\tbox-shadow: 0 10px 20px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.sppb-nav-lines > li.active > a {\n\t\tcolor: @global-primary-2-background;\n\t\tborder-bottom-color: @global-primary-2-background;\n\t}\n}\n\n.tm-primary-3-tabs {\n\t.sppb-nav-tabs > li.active > a {\n\t\tbox-shadow: inset 0 2px 0 @global-primary-3-background;\n\t\tborder-top-color: @global-primary-3-background;\n\t}\n\n\t.sppb-nav-pills > li.active {\n\t\t> a,\n\t\t> a:focus, \n\t\t> a:hover {\n\t\t\tbackground-color: @global-primary-3-background;\n\t\t\tcolor: @global-primary-3-color;\n\t\t\tbox-shadow: 0 10px 20px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.sppb-nav-lines > li.active > a {\n\t\tcolor: @global-primary-3-background;\n\t\tborder-bottom-color: @global-primary-3-background;\n\t}\n}\n\n.tm-primary-4-tabs {\n\t.sppb-nav-tabs > li.active > a {\n\t\tbox-shadow: inset 0 2px 0 @global-primary-4-background;\n\t\tborder-top-color: @global-primary-4-background;\n\t}\n\n\t.sppb-nav-pills > li.active {\n\t\t> a,\n\t\t> a:focus, \n\t\t> a:hover {\n\t\t\tbackground-color: @global-primary-4-background;\n\t\t\tcolor: @global-primary-4-color;\n\t\t\tbox-shadow: 0 10px 20px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.sppb-nav-lines > li.active > a {\n\t\tcolor: @global-primary-4-background;\n\t\tborder-bottom-color: @global-primary-4-background;\n\t}\n}\n\n.tm-secondary-tabs {\n\t.sppb-nav-tabs > li.active > a {\n\t\tbox-shadow: inset 0 2px 0 @global-secondary-background;\n\t\tborder-top-color: @global-secondary-background;\n\t}\n\n\t.sppb-nav-pills > li.active {\n\t\t> a,\n\t\t> a:focus, \n\t\t> a:hover {\n\t\t\tbackground-color: @global-secondary-background;\n\t\t\tcolor: @global-secondary-color;\n\t\t\tbox-shadow: 0 10px 20px @global-dark-2-shadow;\n\t\t}\n\t}\n\n\t.sppb-nav-lines > li.active > a {\n\t\tcolor: @global-secondary-background;\n\t\tborder-bottom-color: @global-secondary-background;\n\t}\n}\n\n\/\/ \n\/\/ Widgetkit\n\/\/ \n\n\/\/ popover \n\n.tm-popover .uk-position-relative.uk-display-inline-block {\n\tbox-shadow: 0px 30px 50px @global-dark-2-shadow;\n}\n\na.wk-popover-toggle.uk-icon-button {\n\tbackground-color: @global-background;\n\tborder-radius: 50%;\n\tcolor: @global-primary-background;\n\twidth: 10px;\n\theight: 10px;\n\tbox-shadow: 0 5px 10px @global-dark-075-shadow, 0 0 0 5px @global-primary-background;\n\n\t&.uk-icon-plus:before {\n\t\tcontent: \"\";\n\t}\n\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tborder-radius: 50%;\n\t\tborder: 2px solid @global-primary-background;\n\t\tleft: -5px;\n\t\ttop: 6px;\n\t\topacity: 0;\n\t\tanimation: pulsate 2.5s cubic-bezier(0.25,0.1,0.25,1) infinite;\n\t}\n}\n\n.tm-popover .uk-slideset .uk-panel-box,\n.uk-dropdown-blank .uk-panel-box {\n\th1,h2,h3,h4,h5,h6 { \n\t\tcolor: @global-color !important;\n\t}\n}\n\n.uk-open > .uk-dropdown-blank {\n\tbox-shadow: 0 20px 50px @global-dark-2-shadow;\n}\n\n\/\/ \n\/\/ Smart Slider 3\n\/\/ \n\n#tm-container .n2-ss-slider {\n\t.tm-heading > [class^=\"n2-font-\"] > * {\n\t\tfont-family: @global-heading-font-family;\n\t}\n\n\t.tm-italic > .n2-ow > [class^=\"n2-font-\"] {\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: @global-italic-font-style;\n\t}\n\n\t.tm-content > .n2-ow > *,\n\t.n2-ss-button-container [class^=\"n2-style-\"] {\n\t\ttransition: @global-transition;\n\n\t\t> * {\n\t\t\tfont-family: @global-body-font-family;\n\t\t}\n\t} \n}\n\n.nextend-indicator-track {\n\tbackground-color: @global-primary-background !important;\n}\n\n\/\/ \n\/\/ Responsiveness\n\/\/\n\n\/\/ All Phones\n@media (max-width: @breakpoint-small-max) {\n\n\tbody.uk-container {\n\t\tpadding: 0;\n\t}\n\n\t.tm-toolbar {\n\n\t\t.uk-subnav > * {\n\t\t\tpadding-left: 10px; \n\t\t}\n\n\t\t.uk-form .uk-button {\n\t\t\tmargin-left: 5px;\n\t\t}\n\n\t\t.uk-container {\n\t\t\tpadding: 0 20px;\n\t\t}\n\n\t\t.uk-icon-button {\n \t\tfont-size: 16px;\n \t\twidth: 24px;\n \t}\n\n\t\t.uk-float-right > div {\n\t\t\tmargin-left: 10px;\n\t\t}\n\n\t\t.uk-float-left > div {\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n\n\t.tm-quote {\n\t\tline-height: 35px;\n\t}\n\n\t.uk-panel-space {\n\t\tpadding: 20px;\n\t}\n\n\t.uk-panel-box,\n\t.tm-block {\n\t\tpadding: 30px;\n\t}\n\n\t.tm-padding-top-remove-small { padding-top: 0 !important; }\n\t.tm-margin-bottom-small { margin-bottom: 40px !important; }\n\n\t.uk-nav-offcanvas .uk-nav-sub li {\n\t\tline-height: 32px;\n\t}\n\n\t.tm-price-column.tm-shift-top {\n\t\tmargin-top: 0;\n\t}\n\n\t\/\/ Hides search subtitle on phone landscape and smaller\n\t.tm-search-subtitle { display: none; }\n\n\t\/\/ K2\n\t#k2Container .itemContainer{\n\t\twidth: 100% !important;\n\t}\n\n\t.itemCommentsForm .inputbox {\n\t\twidth: 100%;\n\t}\n\n\tul.itemCommentsList{\n\t\tpadding-left: 0;\n\t}\n\n\t.itemAuthorBlock .itemAuthorDetails{\n\t\tmargin-left: 0;\n\t}\n\n\t.itemComments .itemCommentsList li > div {\n\t\tmargin-left: 32px;\n\t}\n\n\t#k2Container header > h1 {\n\t\tfont-size: 24px;\n\t\tline-height: 40px;\n\t\tmargin: 0 0 15px 0;\n\t}\n\n\t.itemView span.uk-blog-date {\n\t\tdisplay: none;\n\t}\n}\n\n\/\/ Only Tablets (Landscape)\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-large) {\n\n\t.uk-navbar-nav > li > a { padding: 0 20px; }\n}\n\n\/\/ Only tablets (Portrait)\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\n\n\t.uk-navbar-nav > li > a { padding: 0 20px; }\n}\n\n\/\/ Phones portrait\n@media (max-width: @breakpoint-mini-max) {\n\n\t.tm-article-content p {\n\t\tclear: both;\n\t}\n\n\t.itemExtraFields {\n\t\tfloat: none;\n\t\tmargin: 0;\n\t}\n\n\t.subCategoryContainer {\n\t\twidth: 100% !important;\n\t\tmargin-bottom: 0;\n\t}\n\n\t.subCategoryContainer .subCategory {\n\t\tmargin: 0;\n\t\theight: auto !important;\n\t}\n\n\tarticle header .itemRatingBlock > div {\n\t\tfloat: left;\n\t}\n\n\t.itemList article header h1,\n\t.itemList article header h2,\n\t.itemsContainerWrap article header h1 {\n\t\tfont-size: 24px;\n\t\tline-height: 40px;\n\t}\n}\n\n@media (max-width: @breakpoint-medium) {\n\n\t.tm-top-section {\n\t\toverflow: hidden;\n\t}\n\n\t#sp-page-builder {\t\n\t\t.tm-vertical-title,\n\t\t.tm-bottom-right-title,\n\t\t.tm-bottom-title, \n\t\t.tm-bottom-title-light {\n\t\t\t\n\t\t\t.sppb-section-title > .sppb-title-heading {\n\t\t\t\tfont-size: 80px;\n\t\t\t\tline-height: 80px;\n\t\t\t\tletter-spacing: -2px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.tm-preload {\n\t\tbox-shadow: inset 0 0 0 30px @theme-border-background; \n\t}\n\n\t[class*=\"tm-photo-shadow\"] > div {\n\t\tpadding: 15px;\n\t}\n\n\t.tm-photo-shadow > div > div,\n\t.tm-photo-shadow-primary > div > div {\n\t\tbox-shadow: -15px -15px 0 @global-primary-background, 0 0 50px @global-dark-4-shadow;\n\t}\n\n\t.tm-photo-shadow-primary-2 > div > div {\n\t\tbox-shadow: -15px -15px 0 @global-primary-2-background, 0 0 50px @global-dark-4-shadow;\n\t}\n\n\t.tm-photo-shadow-primary-3 > div > div {\n\t\tbox-shadow: -15px -15px 0 @global-primary-3-background, 0 0 50px @global-dark-4-shadow;\n\t}\n\n\t.tm-photo-shadow-primary-4 > div > div {\n\t\tbox-shadow: -15px -15px 0 @global-primary-4-background, 0 0 50px @global-dark-4-shadow;\n\t}\n\n\t.tm-photo-shadow-secondary > div > div {\n\t\tbox-shadow: -15px -15px 0 @global-secondary-background, 0 0 50px @global-dark-4-shadow;\n\t}\n\n\t.tm-coming-soon-title {\n\t\tfont-size: 30px;\n\t\tline-height: 36px;\n\t}\n\n\t.tm-coming-soon-subtitle {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.sppb-addon-gallery .sppb-gallery li {\n\t\twidth: 100% !important;\n\t}\n\n\t.tm-headerbar-container .tm-headerbar {\n\t\tpadding: 0;\n\n\t\t.uk-grid > div:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.uk-navbar-nav > li > a {\n\t\tpadding: 0 20px;\n\t}\n\n\t.tm-headerbar > div {\n\t\tmargin-left: 0;\n\t}\n\n\t.tm-header-layout .tm-header { \n\t\tpadding: 10px 20px;\n\n\t\t.uk-container {\n\t\t\tpadding: 0 20px;\n\t\t}\n\t}\n\n\t.tm-header-transparent {\n\t\twidth: 100%;\n\t}\n\n\t.tm-headerbar {\n\t\tmax-width: 100%;\n\t\tpadding-right: 0;\n\n\t\t> div {\n\t\t\tpadding: 30px;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.uk-panel-title,\n\t.j2store-single-product.detail .product-title {\n\t\tfont-size: 22px;\n\t}\n\n\t.tm-header-right .tm-navbar .tm-focus-button,\n\t.tm-header-transparent .tm-navbar .tm-focus-button {\n\t\twidth: ~\"calc(100% - 40px)\";\n\t\tmargin: 0 auto;\n \tdisplay: block;\n\t}\n\n\t.tm-highlight-block {\n\t\twidth: 100%;\n\t\tborder: 0 !important;\n\t\tmargin: 10px 0;\n\t}\n\n\t.sppb-addon-clients .sppb-img-responsive {\n\t\tmargin-bottom: 20px;\n\t}\n\n\t.tm-padding-sides { padding: 0; }\n\n\t.tm-no-frame #tm-copy,\n\t.tm-footer-fixed #tm-footer {\n\t\tposition: relative;\n\t\tbottom: 0;\n\t\theight: auto;\n\t}\n\n\t.tm-footer-fixed {\n\t\tpadding-bottom: 0;\n\n\t\t#tm-footer {\n\t\t\tpadding: 30px 0;\n\t\t}\n\t}\n\n\t.tm-no-frame #tm-copy {\n\t\tpadding: 10px 0;\n\t}\n\n\t.tm-page-padding #tm-footer .uk-container {\n\t\tpadding: 0 @utility-container-padding-horizontal;\n\t}\n\n\t.tm-copy-left,\n\t.tm-copy-right {\n\t\twidth: 100%;\n\t\tfloat: none;\n\t}\n\n\t.tm-copy .uk-panel {\n\t\t.uk-flex;\n\t\t.uk-flex-center;\n\t\tpadding: 10px 0 5px;\n\n\t}\n\t.tm-copy-left + .tm-copy-right .uk-panel {\n\t\tpadding: 0 0 15px; \n\t}\n}\n\n@media (min-width: @breakpoint-small-max) {\n\n\t\/\/ navbar height\n\t.tm-navbar-container {\n\t\tbox-sizing: border-box;\n\t\tmin-height: @theme-navbar-height;\n\t}\n}\n\n\/\/ Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n\t.tm-header-default,\n\t.tm-header-dark,\n\t.tm-header-light,\n\t.tm-header-right {\n\t\t.tm-header {\n\t\t\tmin-height: @theme-header-height;\n\t\t}\n\t}\n\n\t.tm-header-transparent { width: ~\"calc(100% - @{theme-border-size} - @{theme-border-size})\"; }\n\n\t.tm-preload { box-shadow: inset @theme-border-size 50px 0 0 @theme-border-background, inset -@theme-border-size -50px 0 0 @theme-border-background; }\n\n\t\/\/ Hides search icon on bigger devices\n\t#tm-search-modal {\n\t\t.uk-search:before { display: none; }\n\t\t.uk-modal-dialog-blank {\n\t\t margin-left: @theme-border-size;\n\t\t max-width: ~\"calc(100% - (@{theme-border-size}*2))\";\n\t\t}\n\t}\n\n\t\/\/ With Padding\n\t.tm-page-padding .tm-container { padding: 0 @theme-border-size; }\n\n\t.tm-margin-right-gutter-medium { margin-right: -@global-grid-gutter; }\n\n\t.tm-container {\n\t\tbox-sizing: border-box;\n\t\ttransition: padding 0.2s ease-in-out;\n\t}\n\n\t[class*='tm-container-border-'] {\n\t\tposition: fixed;\n\t\tz-index: @global-z-index;\n\t\tanimation-duration: 0.5s;\n\t\tanimation-delay: 0s;\n\t\tanimation-timing-function: ease-out;\n\t\tanimation-iteration-count: 1;\n\t\tanimation-fill-mode: both;\n\t}\n\n\t.tm-container-border-right,\n\t.tm-container-border-left {\n\t\twidth: @theme-border-size;\n\t\theight: 100%;\n\t}\n\n\t.tm-container-border-bottom {\n\t\twidth: 100%;\n\t\tbottom: 0;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tz-index: 1001;\n\t\tbox-shadow: inset 0 1px 0 @theme-border;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tposition: absolute;\n\t\t\tbackground-blend-mode: @theme-border-background-blend-mode;\n\t\t\theight: 2px;\n\t\t\tz-index: 1020;\n\t\t}\n\n\t\t&:before {\n\t\t\tleft: 0;\n\t\t\tbottom: (@theme-border-size-large - 1px);\n\t\t\twidth: (@theme-border-size - 1px);\n\t\t}\n\n\t\t&:after {\n\t\t\tright: 0;\n\t\t\tbottom: (@theme-border-size-large - 1px);\n\t\t\twidth: (@theme-border-size - 1px);\n\t\t}\n\t}\n\n\t.tm-container-border-right {\n\t\ttop: @theme-border-size-large;\n\t\tright: 0;\n\t\tbox-shadow: inset 1px 0 0 @theme-border;\n\t}\n\n\t.tm-container-border-left {\n\t\ttop: @theme-border-size-large;\n\t\tleft: 0;\n\t\tbox-shadow: inset -1px 0 0 @theme-border;\n\t}\n\n\t.tm-scrollbars {\n\t\t&.tm-page-padding .tm-container { padding: 0 ~\"calc(@{theme-border-size} - @{theme-scrollbar-width})\" 0 @theme-border-size; }\n\t\t.tm-preload { box-shadow: inset @theme-border-size @theme-border-size-large 0 @theme-border-background, inset ~\"calc(-@{theme-border-size} + @{theme-scrollbar-width})\" -@theme-border-size 0 @theme-border-background; }\n\t\t.tm-container-border-right { width: ~\"calc(@{theme-border-size} - @{theme-scrollbar-width})\"; }\n\t\t.tm-container-border-bottom:after { width: (@theme-border-size - 1px - @theme-scrollbar-width); }\n\t\t.tm-toolbar .uk-container, .tm-copy .uk-container { padding: 0 ~\"calc(@{theme-border-size} - @{theme-scrollbar-width})\" 0 @theme-border-size; }\n\t\t.tm-header-transparent { width: ~\"calc(100% - @{theme-border-size} - @{theme-border-size} + @{theme-scrollbar-width})\"; }\n\n\t\t#tm-search-modal {\n\t\t\t.uk-modal-dialog-blank {\n\t\t\t\tmargin-left: @theme-border-size;\n\t\t\t\tmax-width: ~\"calc(100% - (@{theme-border-size}*2) + @{theme-scrollbar-width})\";\n\t\t\t}\n\t\t}\n\t}\n\n\t.uk-modal-page .tm-scrollbars {\n\t\t.tm-container-border-right { width: @theme-border-size; }\n\t\t.tm-copy .uk-container { padding: 0 @theme-border-size 0 @theme-border-size; }\n\t\t#tm-search-modal .uk-modal-dialog-blank { max-width: ~\"calc(100% - (@{theme-border-size}*2))\"; }\n\t}\n}\n\n\/\/ Large screens frame size\n@media (min-width: @breakpoint-large) {\n\n\t\/\/ Adding padding on medium screens\n\t.tm-container { padding: 0 @theme-border-size-large 0; }\n\n\t\/\/ Frame style for 'uk-block' component\n\t.tm-block-frame .uk-block + .uk-block { \n\t\tborder-top: @theme-border-size-large solid @theme-border-background; \n\t}\n}\n\n\/\/ Large screen and bigger\n@media (min-width: @breakpoint-xlarge) {\n\t\n\t.tm-preload { box-shadow: inset 0 0 0 @theme-border-size-large @theme-border-background; }\n\t.tm-header-transparent { \n\t\twidth: ~\"calc(100% - @{theme-border-size-large} - @{theme-border-size-large})\"; \n\t\t\n\t\t.tm-header {\n\t\t\tpadding: 25px 30px;\n\n\t\t\t&.uk-active {\n\t\t\t\tpadding: 15px 30px;\n\t\t\t}\n\t\t}\n\n\t\t.uk-navbar-nav > li > a {\n\t\t\tpadding: 0 12px;\n\t\t}\n\t}\n\n\t\/\/ Frame padding\n\t.tm-page-padding .tm-container { padding: 0 @theme-border-size-large 0; }\n\t.tm-margin-right-gutter { margin-right: -@global-grid-gutter-large; }\n\t.tm-page-padding #tm-footer .uk-container {\n\t\tpadding: 0 @utility-container-large-padding-horizontal;\n\t\tmax-width: ~\"calc(100% - (@{theme-border-size-large}*2))\";\n\t}\n\n\t.tm-container-border-bottom { \n\t\theight: @theme-border-size-large; \n\n\t\t&:before {\n\t\t\tleft: 0;\n\t\t\tbottom: (@theme-border-size-large - 1px);\n\t\t\twidth: (@theme-border-size-large - 1px);\n\t\t}\n\n\t\t&:after {\n\t\t\tright: 0;\n\t\t\tbottom: (@theme-border-size-large - 1px);\n\t\t\twidth: (@theme-border-size-large - 1px);\n\t\t}\n\t}\n\n\t.tm-container-border-left, \n\t.tm-container-border-right { \n\t\twidth: @theme-border-size-large; \n\t}\n\n\t\/\/ Frame style for 'uk-block' component\n\t.tm-block-frame .uk-block + .uk-block { border-top-width: @theme-border-size-large; }\n\n\t#tm-search-modal {\n\t\t.uk-modal-dialog-blank {\n\t\t margin-left: @theme-border-size-large;\n\t\t max-width: ~\"calc(100% - (@{theme-border-size-large}*2))\";\n\t\t}\n\t}\n\n\t.tm-scrollbars {\n\t\t&.tm-page-padding .tm-container { padding: 0 ~\"calc(@{theme-border-size-large} - @{theme-scrollbar-width})\" 0 @theme-border-size-large; }\n\t\t.tm-preload { box-shadow: inset @theme-border-size-large @theme-border-size-large 0 @theme-border-background, inset ~\"calc(-@{theme-border-size-large} + @{theme-scrollbar-width})\" -@theme-border-size-large 0 @theme-border-background; }\n\t\t.tm-container-border-right { width: ~\"calc(@{theme-border-size-large} - @{theme-scrollbar-width})\"; }\n\t\t.tm-container-border-bottom:after { width: (@theme-border-size-large - 1px - @theme-scrollbar-width); }\n\t\t.tm-toolbar .uk-container, .tm-copy .uk-container { padding: 0 ~\"calc(@{theme-border-size-large} - @{theme-scrollbar-width})\" 0 @theme-border-size-large; }\n\t\t#tm-search-modal .uk-modal-dialog-blank {\n\t\t\tmargin-left: @theme-border-size-large;\n\t\t max-width: ~\"calc(100% - (@{theme-border-size-large}*2) + @{theme-scrollbar-width})\";\n\t\t}\n\t\t.tm-header-transparent { width: ~\"calc(100% - @{theme-border-size-large} - @{theme-border-size-large} + @{theme-scrollbar-width})\"; }\n\t}\n\n\t.uk-modal-page .tm-scrollbars {\n\t\t.tm-container-border-right { width: @theme-border-size-large; }\n\t\t.tm-copy .uk-container { padding: 0 @theme-border-size-large 0 @theme-border-size-large; }\n\t\t#tm-search-modal .uk-modal-dialog-blank { max-width: ~\"calc(100% - (@{theme-border-size-large}*2))\"; }\n\t}\n}\n\n@media (max-width: @breakpoint-medium-max) {\n\n\t.tm-navbar .uk-container {\n\t\tpadding: 0;\n\t}\n\n\t.tm-headerbar {\n\t\twidth: auto;\n\t}\n}\n\n@media (min-width: (@utility-container-max-width + @theme-border-size-large*2)) {\n\n\t.tm-page-padding #tm-footer .uk-container {\n\t\tpadding: 0 @utility-container-large-padding-horizontal;\n\t\tmax-width: @utility-container-max-width;\n\t}\n}\n\n\/\/ \n\/\/ Easy Social\n\/\/ \n\ndiv#fd,\ndiv#es {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n\n\th1, h2, h3, h4, h5, h6,\n\t.h1, .h2, .h3, .h4, .h5, .h6 {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tletter-spacing: @global-heading-letter-space;\n\t}\n\n\t.mt-5 {\n\t\tmargin-top: 10px !important;\n\t}\n\n\t.es-list-vertical-divider .fa {\n\t\tcolor: @global-secondary-background;\n\t}\n\n\t.form-control {\n\t\theight: @form-height;\n\t\tborder-color: @form-border;\n\t\tbackground-color: @form-background;\n\t\tcolor: @form-color;\n\t\tbox-shadow: none;\n\t}\n\n\t.label-info {\n\t\tbackground-color: @global-primary-background;\n\t}\n\n\tlabel {\n\t\tfont-size: @global-font-size;\n\t}\n}\n\ndiv#fd.es,\ndiv#es {\n\tfont-size: round((@global-font-size*0.9));\n\tfont-family: @global-body-font-family;\n}\n\ndiv#fd.es {\n\t.es-toolbar .fd-navbar-search .search-query, \n\t.layout-edit .control-label {\n\t\tfont-family: @global-body-font-family;\n\t\tfont-size: inherit;\n\t}\n\n\t.es-widget .es-widget-tab>li>a,\n\t.es-widget .es-widget-tab>li.active>a {\n\t\tfont-size: 14px;\n\n\t\t> span {\n\t\t\tfont-size: 14px;\n\t\t}\n\t}\n\n\t.list-media .media-meta {\n\t\tfont-size: 14px;\n\t}\n\n\t.media-meta.mt-5 {\n\t\tcolor: @global-color;\n\t}\n\n\t.help-block,\n\t.btn-group-yesno .btn,\n\t.form-group .text-note {\n\t\tcolor: fade(@global-color, 50%);\n\t}\n\n\t.es-muted {\n\t\tcolor: fade(@global-color, 40%);\n\t}\n\n\t.es-profile-header-title {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight; \n\t}\n\n\t.es-container .es-sidebar {\n\t\twidth: 250px;\n\t}\n\n\t.es-snackbar {\n\t\tbackground-color: @global-primary-light-background;\n\t\tcolor: @global-color;\n\n\t\t.row-table>.col-cell {\n\t\t\tfont-family: @global-heading-font-family;\n\t\t\tfont-weight: @global-heading-font-weight;\n\t\t}\n\t}\n\n\ta:hover, \n\ta:focus, \n\ta:active {\n\t\tcolor: @global-link-hover-color;\n\t}\n\n\t.es-container .es-sidebar {\n\t\tborder-right: 0;\n\t}\n\n\t.es-stream,\n\t.es-profile-header {\n\t\tborder-radius: @global-border-radius;\n\t\tborder-color: @global-primary-light-background;\n\t}\n\n\t.es-profile-header-cover {\n\t\tborder-radius: @global-border-radius;\n\n\t\t.es-flyout-content {\n\t\t\tbackground: fade(@global-secondary-background, 60%);\n\t\t}\n\t}\n\n\t.es-profile-header-body {\n\t\tmargin-right: 0;\n\t}\n\n\t&.view-conversations.layout-read ul.conversation-messages>li.message-item {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.es-story-privacy .es-privacy .es-privacy-toggle,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:hover,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:focus,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:active,\n\t.btn-es-primary,\n\t.btn-es-primary:focus,\n\t.btn-es-primary:active {\n\t\tcolor: @button-primary-color;\n\t\tbackground: @button-primary-background !important;\n\t\tborder: 1px solid @global-border !important;\n\t\toutline: none;\n\t}\n\n\t.btn-es-primary:hover {\n\t\tcolor: @button-primary-hover-color !important;\n\t\tbackground: @button-primary-hover-background !important;\n\t\toutline: none;\n\t}\n\n\t.fd-nav > li > .dropdown-toggle_>.caret {\n\t\tborder-top-color: @panel-box-primary-color;\n\t\tborder-bottom-color: @panel-box-primary-color; \n\t}\n\n\t.es-toolbar {\n\t\tz-index: 3;\n\t\t\n\t\t.fd-nav>li>a .fa {\n\t\t\tcolor: @panel-box-primary-link-color;\n\t\t}\n\n\t\t.fd-nav>li>a:hover .fa {\n\t\t\tcolor: @panel-box-primary-link-hover-color;\n\t\t}\n\n\t\t.fd-nav>li>.dropdown-toggle_>.caret {\n\t\t\tborder-top-color: lighten(@panel-box-primary-background, 10%);\n\t\t}\n\n\t\t.navbar-inner {\n\t\t\tbackground: @panel-box-primary-background;\n\t\t\tborder: 1px solid darken(@panel-box-primary-background, 3%);\n\t\t}\n\t\t\n\t\t.fd-navbar-search .search-query, \n\t\t.fd-navbar-search {\n\t\t\tbackground: lighten(@panel-box-primary-background, 5%);\n\t\t}\n\t\n\t\t.divider-vertical {\n\t\t\tborder-left: 1px solid lighten(@panel-box-primary-background, 10%);\n\t\t}\n\t}\n\n\t.es-story-panel-button {\n\t\tfont-size: round((@global-font-size*0.95));\n\t\tcolor: fade(@global-color, 75%);\n\n\t\t.active {\n\t\t\tcolor: @global-primary-background;\n\t\t\tbackground-color: @global-primary-light-background;\n\t\t}\n\t}\n\n\t.es-widget-head,\n\t.login-box-title {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tletter-spacing: @global-heading-letter-space;\n\t\tcolor: @global-heading-color;\n\t}\n\n\t&.es-dialog .modal-body label, \n\t&.es-dialog .modal-body label>span, \n\t&.es-dialog .modal-body div, \n\t&.es-dialog .modal-body p,\n\t.es-stream-login-box,\n\t.es-stream-list>li.empty,\n\t.es-dashboard .es-container .es-sidebar .fd-nav-stacked a,\n\t.es-widget * {\n\t\tfont-size: round((@global-font-size*0.95));\n\t}\n\n\t.es-widget .widget-title,\n\t.es-widget > .es-widget-head {\n\t\tfont-size: 18px !important;\n\t\tborder-bottom: none;\n\t\tposition: relative;\n\t\tmargin-left: 0;\n\t\tpadding-left: 0; \n\t}\n\n\t.es-widget .widget-title{\n\t\toverflow: visible;\n\n\t\t&:before {\n\t\t\tcontent: \"\";\n\t\t\tleft: 0;\n\t\t\tbottom: -10px;\n\t\t\twidth: 50px;\n\t\t\tposition: absolute;\n\t\t\tborder-bottom: 1px solid @global-primary-background;\n\t\t}\n\t}\n\n\t.es-stream-meta .es-stream-title,\n\t.es-stream-meta .es-stream-title a {\n\t\tfont-size: round((@global-font-size*0.9));\n\t}\n\n\t.es-comments>.es-comment {\n\t\tpadding: 10px;\n\t\tborder-radius: @global-border-radius*1.5;\n\t\tbackground-color: @global-primary-light-background;\n\t\tcolor: @global-color;\n\t}\n\n\t.es-comments-form .es-form .mentions textarea {\n\t\tfont-size: @global-font-size;\n\t\tline-height: 22px;\n\t}\n\n\t.es-likes-wrap,\n\t.es-repost-wrap,\n\t.stream-links,\n\t.es-stream-counter {\n\t\tbackground: @global-primary-light-background;\n\t}\n\n\t.stream-links,\n\t.es-cover.es-photo em {\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t&.view-profile .es-widget .fd-nav>li>a,\n\t.es-stream-content-title a {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.stream-apps-content .stream-apps-meta li {\n\t\tcolor: @global-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.es-action-feedback>li+li:before {\n\t\tfont-size: @global-font-size;\n\t\tline-height: 27px;\n\t\tcolor: fade(@global-color, 50%);\n\t}\n\n\t.es-action-feedback>li {\n\t\tmargin-right: 15px;\n\t}\n\n\t.es-calendar-date,\n\t.es-profile-header-calendar {\n\t\tbackground-image: none;\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tborder: none;\n\t\twidth: 60px;\n\t\toverflow: visible;\n\t\tpadding-top: 4px;\n\n\t\t.es-calendar-date-mth,\n\t\t.es-profile-header-calendar__date-mth {\n\t\t\t.tm-block-month;\n\t\t\tmin-width: 50px;\n\t\t}\n\n\t\t.es-calendar-date-day,\n\t\t.es-profile-header-calendar__date-day {\n\t\t\t.tm-block-text;\n\t\t\tbackground-color: @global-background;\n\t\t}\n\t}\n\n\t.input-sm,\n\t.mentions textarea {\n\t\tfont-family: @global-body-font-family;\n\t\tfont-size: round((@global-font-size*0.95));\n\t}\n\n\t.fd-small,\n\t.fd-small>a,\n\t.es-stream-content,\n\t&.es.popbox .popbox-header {\n\t\tfont-size: round((@global-font-size*0.95));\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\n\t&.es.popbox {\n\t\t-webkit-box-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t\t\t\tbox-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t}\n\n\t&.es.popbox-notifications {\n\t\tfont-family: @global-body-font-family; \n\t}\n\n\t&.es {\n\t\t.es-stream-meta {\n\t\t\tborder-bottom: 1px solid @global-primary-light-background;\n\n\t\t\t.es-stream-meta-footer {\n\t\t\t\tfont-size: round((@global-font-size*0.75));\n\t\t\t}\n\t\t}\n\n\t\t.es-count-no {\n\t\t\tbackground: @global-primary-light-background;\n\t\t\tborder-color: @global-border;\n\t\t}\n\n\t\t&.popbox li > a {\n\t\t\tfont-size: round((@global-font-size*0.85));\n\t\t\tfont-weight: @global-body-font-weight;\n\t\t\tcolor: @global-color !important;\n\t\t\tline-height: 20px;\n\t\t}\n\n\t\t&.popbox-toolbar h5 {\n\t\t\tfont-size: @global-font-size;\n\t\t\tcolor: @global-heading-color;\n\t\t}\n\t}\n}\n\n\/\/ EasySocial 2.0\n\ndiv#es {\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n\n\tinput,\n\tbutton,\n\tselect,\n\ttextarea,\n\t.es-stream-content {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-family: @global-body-font-family;\n\t\tline-height: @global-line-height;\n\t}\n\n\t.btn {\n\t\tfont-weight: @button-font-weight;\n\t\tfont-size: @button-font-size;\n\t\tfont-family: @button-font-family;\n\t}\n\n\t.o-checkbox {\n\t\tfont-size: @global-font-size;\n\t\tline-height: 1;\n\t}\n\n\tli {\n\t\tline-height: inherit;\n\t}\n\n\t.es-action-feedback a {\n\t\tcolor: @global-link-color;\n\t}\n\n\t.fa {\n\t\tline-height: inherit;\n\t}\n\n\t.es-toolbar {\n\t\tbackground-color: @global-secondary-background;\n\n\t\t.o-nav__item.is-active .es-toolbar__link,\n\t\t.o-nav__item .es-toolbar__link:hover,\n\t\t.o-nav__item .es-toolbar__link:focus,\n\t\t.o-nav__item .es-toolbar__link:active {\n\t\t\tbackground-color: fade(@global-contrast-color, 10%);\n\t\t}\n\t}\n\n\t.es-navbar__body {\n\t\tbackground-color: @panel-box-secondary-background;\n\t\tborder: 1px solid darken(@panel-box-secondary-background, 3%);\n\t}\n\n\t.es-navbar__footer-link {\n\t\tcolor: @global-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.es-stream-embed {\n\t\tbackground-color: @global-extra-light-background;\n\t}\n\n\t.es-actions-list > li {\n\t\tfont-size: round((@global-font-size*0.9));\n\t}\n\n\t.es-profile-header__hd, \n\t.es-profile-header__bd, \n\t.es-profile-header__ft {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.es-profile-header__title {\n\t\t.uk-module-stripes;\n\t}\n\n\t.mod-es-menu-bar {\n\t\tpadding: 0px @theme-toolbar-padding;\n\t}\n\n\t.es-hr,\n\t.es-stream-embed,\n\t.es-story-footer,\n\t.es-story,\n\t.es-profile-header,\n\t.es-profile-header__ft,\n\t.es-stream-list > li + li,\n\t.mod-es-leader-item + .mod-es-leader-item,\n\t.es-story-meta-contents,\n\t.es-navbar__footer {\n\t\tborder-color: darken(@global-primary-light-background, 7%);\n\t}\n\n\t.es-navbar__footer {\n\t\tbackground-color: @global-background;\n\t}\n\n\t.es-login-box__form {\n\t\tbackground-color: @global-background;\n\t}\n\n\t.g-list-inline li.is-active .es-navbar__footer-link {\n\t\tcolor: @global-link-color;\n\t}\n\n\t.es-navbar__icon-link > i {\n\t\tcolor: @theme-breadcrumbs-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.es-story {\n\t\tbackground: @global-background; \n\t}\n\n\t.es-navbar__icon-link:hover > i {\n\t\tcolor: @global-link-color;\n\t}\n\n\t.es-snackbar {\n\t\tbackground-color: @global-primary-light-background;\n\t\tcolor: @global-color;\n\n\t\t.btn-rss {\n\t\t\tfont-size: round((@global-font-size*0.85));\n\t\t}\n\n\t\t.es-snackbar__title {\n\t\t\tfont-size: @global-font-size;\n\t\t\tfont-family: @global-heading-font-family;\n\t\t\tfont-weight: @global-heading-font-weight;\n\t\t}\n\t}\n\n\t.popbox-dropdown-nav__meta-lists a {\n\t\tfont-size: round((@global-font-size*0.85));\n\t\tfont-weight: @global-body-font-weight;\n\t\tcolor: @global-color !important;\n\t\tline-height: 20px;\n\t}\n\n\t.es-story-panel-button {\n\t\tfont-size: round((@global-font-size*0.95));\n\t\t\n\t\t.active {\n\t\t\tcolor: @global-primary-background;\n\t\t\tbackground-color: @global-primary-light-background;\n\t\t}\n\t}\n\n\t.es-story-panel-button.active {\n\t\tcolor: @global-color;\n\t\tbackground-color: @global-primary-light-background;\n\t}\n\n\t.es-story-panel-button {\n\t\tcolor: fade(@global-color, 60%);\n\t}\n\n\t.o-tabs {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.o-tabs--stacked .o-tabs__link:hover {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n\n\t.es-side-widget .o-tabs__link,\n\t.o-tabs--stacked .o-tabs__item {\n\t\tborder: none;\n\n\t\ta {\n\t\t\tcolor: @global-link-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-hover-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.o-tabs--stacked .o-tabs__item.active .o-tabs__link {\n\t\tborder: none;\n\t\tbackground-color: rgba(0,0,0,0);\n\t}\n\n\t.es-stream-meta .es-stream-title,\n\t.es-stream-meta .es-stream-title a {\n\t\tfont-size: round((@global-font-size*0.9));\n\t}\n\n\t\/\/ sidebar\n\t.es-side-widget__title {\n\t\tcolor: @global-heading-color;\n\t\tfont-size: 18px !important;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tmargin-bottom: 20px;\n\n\t\t&:before {\n\t\t\tcontent: \"\";\n\t\t\tleft: 0;\n\t\t\tbottom: 15px;\n\t\t\twidth: 50px;\n\t\t\tposition: absolute;\n\t\t\tborder-bottom: 1px solid @global-primary-background;\n\t\t}\n\t}\n\n\t\/\/ search\n\t.es-navbar__search,\n\t.es-navbar__search-input {\n\t\tbackground-color: lighten(@panel-box-secondary-background, 5%);\n\t}\n\n\t.es-navbar__search:before {\n\t\tcolor: @panel-box-secondary-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.es-navbar__search-input {\n\t\tcolor: @panel-box-secondary-color;\n\t}\n\n\t.es-story-privacy .es-privacy .es-privacy-toggle,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:focus,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:active,\n\t.btn-es-primary,\n\t.btn-es-primary:focus,\n\t.btn-es-primary:active {\n\t\tcolor: @button-primary-color !important;\n\t\tbackground: @button-primary-background !important;\n\t\tborder: 1px solid @global-border !important;\n\t\tfont-size: round((@global-font-size*0.85));\n\t\toutline: none;\n\t}\n\n\t.es-story-privacy .es-privacy .es-privacy-toggle:hover,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:active,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:active:active,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:hover:hover,\n\t.es-story-privacy .es-privacy .es-privacy-toggle:hover:active,\n\t.btn-es-primary:hover {\n\t\tcolor: @button-primary-hover-color !important;\n\t\tbackground: @button-primary-hover-background !important;\n\t\tborder-color: @global-border !important;\n\t\toutline: none;\n\t}\n\n\t.es-story-meta-button {\n\t\tcolor: fade(@global-color, 75%);\n\t}\n\n\t.btn-sm {\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.es-story-textfield {\n\t\tfont-size: @global-font-size;\n\t\tline-height: 22px;\n\t}\n\n\t.dropdown-menu,\n\t.popbox-dropdown-nav {\n\t\t-webkit-box-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t\t\t\tbox-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t}\n\n\t.dropdown-menu {\n\t\tpadding: 10px 15px;\n\n\t\tli {\n\t\t\tline-height: 24px;\n\t\t}\n\t}\n\n\t.es-side-widget+.es-side-widget {\n\t\tmargin-top: 25px;\n\t}\n\n\t.g-list-inline>li {\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.g-list-inline--delimited>li {\n\t\tfloat: left;\n\t\t.uk-flex;\n\t}\n\n\t&.es-widget-calendar {\n\t\tfont-size: round((@global-font-size*0.9));\n\t}\n\n\t.es-photo em {\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.es-login-box__msg-desc {\n\t\tfont-size: 20px;\n\t}\n\n\t.es-card__desc {\n\t\tdisplay: inline-block;\n\t\tmargin-top: 5px;\n\t}\n\n\t.es-login-box__msg-title {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h3-font-size;\n\t}\n\n\t.es-stream-meta {\n\t\tpadding: 10px 0;\n\t}\n\n\t.es-stream-header {\n\t\tpadding: 7px 8px;\n\t}\n\n\t.es-comments>.es-comment {\n\t\tline-height: 24px;\n\t}\n\n\n\t.o-checkbox label:before {\n\t\tmargin-top: 6px;\n\t}\n\n\t.es-likes-wrap,\n\t.es-repost-wrap,\n\t.es-comments-wrap {\n\t\tbackground-color: @global-primary-light-background;\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.t-text--muted {\n\t\tcolor: @global-muted-color;\n\t\tbackground-color: @global-extra-light-background;\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.es-comments-form .es-form {\n\t\tborder-color: darken(@global-primary-light-background, 3%);\n\t}\n\n\t.mentions textarea,\n\t.es-comments-form .es-form .mentions textarea {\n\t\tfont-size: round((@global-font-size*0.9));\n\t\tcolor: @global-color;\n\t}\n\n\t.o-form-control {\n\t\tbackground-color: @form-background;\n\t\tcolor: @form-color;\n\t\tborder-color: @form-border;\n\t\tfont-size: @form-font-size;\n\t\tfont-weight: @form-font-weight;\n\t\theight: @form-height;\n\t\tbox-shadow: none;\n\t}\n\n\t.es-login-box__form-title {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h4-font-size;\n\t\ttext-align: left;\n\t}\n\n\t.btn:active, \n\t.btn.active {\n\t\tbackground-color: @button-primary-hover-background !important;\n\t}\n\n\t.btn-es-primary-o,\n\t.btn-es-default-o {\n\t\tbackground-color: @button-primary-background !important;\n\t\tcolor: @button-primary-color !important;\n\t\tborder: 1px solid @global-border !important;\n\n\t\t&:active,\n\t\t&:hover {\n\t\t\tcolor: @button-primary-color !important;\n\t\t}\n\t}\n\n\t\/\/ card\n\t.es-card {\n\t\tborder-color: darken(@global-primary-light-background, 5%);\n\t\tfont-size: @global-font-size;\n\t\tline-height: @global-line-height;\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.es-card--border {\n\t\tborder-color: darken(@global-primary-light-background, 5%);\n\t}\n\n\t.es-card__meta {\n\t\tdisplay: inline-block;\n\t\tmargin-top: 0;\n\t\twidth: 100%;\n\t\tcolor: @global-color;\n\n\t\ta {\n\t\t\tcolor: @global-link-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-hover-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.es-card__title {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @base-h4-font-size;\n\t\tline-height: @base-h4-line-height;\n\t\tmargin-bottom: 0;\n\t}\n\n\t.es-calendar-date,\n\t.es-card__calendar-date {\n\t\tbackground-image: none;\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tborder: none;\n\t\ttop: -70px;\n\t\tpadding: 0;\n\n\t\t.es-calendar-date-mth,\n\t\t.es-card__calendar-day {\n\t\t\t.tm-block-month;\n\t\t\tmin-width: 50px;\n\t\t}\n\n\t\t.es-calendar-date-day,\n\t\t.es-card__calendar-mth {\n\t\t\t.tm-block-text;\n\t\t\tbackground-color: @global-background;\n\t\t}\n\t}\n\n\t.es-create-category-select .btn {\n\t\tborder-radius: @global-border-radius;\n\t\tborder-color: darken(@global-primary-light-background, 5%);\n\t}\n\n\t.es-create-category-select .es-title {\n\t\tcolor: @global-color;\n\t}\n}\n\n\/\/ \n\/\/ Easy Discuss 4.0\n\/\/ \n\n#ed {\n\tfont-family: @global-body-font-family;\n\tfont-weight: @global-body-font-weight;\n\tfont-size: @global-font-size;\n\tline-height: @global-line-height;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n\n\th1, h2, h3, h4, h5, h6, \n\t.h1, .h2, .h3, .h4, .h5, .h6 {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\n\tinput, \n\tbutton, \n\tselect, \n\ttextarea {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-family: @global-body-font-family; \n\t}\n\n\ttextarea,\n\t.markItUpEditor {\n\t\tfont-size: @global-font-size !important;\n\t}\n\n\t.btn {\n\t\tfont-size: @button-font-size;\n\t\tfont-weight: @button-font-weight;\n\t\tfont-family: @button-font-family;\n\t}\n\n\t.btn-link {\n\t\ttext-decoration: none !important;\n\t}\n\n\t.ed-editor__ft .btn.pull-right {\n\t\tmargin-left: 15px;\n\t}\n\n\t.form-control {\n\t\theight: @form-height;\n\t\tborder-color: @form-border;\n\t\tfont-size: @form-font-size;\n\t\tbackground-color: @form-background;\n\t\tcolor: @form-color;\n\t\tbox-shadow: none;\n\t}\n\n\t.progress {\n\t\tpadding: 0;\n\t}\n\n\tli {\n\t\tline-height: inherit;\n\t}\n\n\t.o-pagination > .disabled > span, \n\t.o-pagination > .disabled > span:hover, \n\t.o-pagination > .disabled > span:focus, \n\t.o-pagination > .disabled > a, \n\t.o-pagination > .disabled > a:hover, \n\t.o-pagination > .disabled > a:focus {\n\t\tbackground-color: @global-background;\n\t\tcolor: @global-color;\n\t\tborder-color: @global-light-background;\n\t}\n\n\t.o-checkbox label {\n\t\tline-height: 1;\n\t}\n\n\t.ed-navbar__support-toggle {\n\t\tmin-width: 250px;\n\t}\n\n\t.ed-navbar__body {\n\t\tbackground-color: @theme-breadcrumbs-background;\n\t\tborder: none;\n\t}\n\n\t.ed-navbar,\n\t.ed-navbar__search-input,\n\t.g-list-inline > li,\n\t.ed-navbar__footer-link,\n\t.ed-editor-tab__nav > li > a,\n\t.ed-editor-tab__content-note {\n\t\tfont-size: round((@global-font-size*0.9));\n\t}\n\n\t.ed-navbar__search-form {\n\t\tline-height: 1;\n\t\tpadding-left: 8px;\n\t}\n\n\t.ed-navbar__footer {\n\t\tbackground-color: @global-background;\n\t\tborder-color: darken(@global-primary-light-background, 10%);\n\t}\n\n\t.ed-navbar__footer-link {\n\t\tcolor: @global-color;\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-color;\n\t\t}\n\t}\n\n\t.ed-navbar__icon-link {\n\t\tcolor: @panel-box-primary-link-color;\n\n\t\t&:hover {\n\t\t\tcolor: @panel-box-primary-link-hover-color;\n\t\t}\n\t}\n\n\t.ed-navbar__search,\n\t.ed-navbar__search-input,\n\t.ed-navbar__icon-link.is-active {\n\t\tbackground-color: lighten(@panel-box-secondary-background, 5%);\n\t}\n\n\t.ed-navbar__search:before,\n\t.ed-navbar__search-input {\n\t\tcolor: @panel-box-secondary-color;\n\t}\n\n\t.popbox-dropdown {\n\t\tbackground-color: @global-primary-light-background;\n\t\t-webkit-box-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t\t\t\tbox-shadow: 2px 2px 2px 0 @global-dark-05-shadow;\n\t}\n\n\t.btn-primary,\n\t.btn-primary:focus,\n\t.btn-primary:active,\n\t.btn-primary:active:focus {\n\t\tbackground-color: @button-primary-background !important;\n\t\tcolor: @button-primary-color !important;\n\t\tborder-color: @global-border !important;\n\t\toutline: none;\n\t}\n\n\t.btn-primary:hover {\n\t\tbackground-color: @button-primary-hover-background !important;\n\t\tcolor: @button-primary-hover-color !important;\n\t\tborder-color: @global-border !important;\n\t}\n\n\t.ed-statistic__item,\n\t.ed-post-item {\n\t\tbackground-color: @global-background; \n\t}\n\n\t.ed-statistic__item {\n\t\tborder-color: @global-light-background;\n\t}\n\n\t.ed-page-title,\n\t.ed-post-item__title {\n\t\tfont-size: round((@base-h3-font-size*0.85));\n\t}\n\n\t.ed-forum-item__title,\n\t.ed-post-item__title,\n\t.ed-post-content__title {\n\t\tcolor: @global-heading-color;\n\n\t\ta {\n\t\t\tcolor: @global-heading-color;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ed-forum-item__title {\n\t\tfont-size: round((@base-h3-font-size*0.85));\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\n\t.ed-forum__hd-title {\n\t\tfont-weight: @global-heading-font-weight;\n\t\ttext-transform: lowercase;\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.ed-forum-item .fa {\n\t\tcolor: @global-color;\n\t}\n\n\t.ed-ask__bd {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n\n\t.ed-ask__input-title {\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-size: 20px;\n\t\theight: round((@form-height*1.5));\n\t}\n\n\t.o-empty__icon {\n\t\tcolor: @global-color;\n\t}\n\n\t.ed-badge,\n\t.ed-cat-panel,\n\t.ed-post-replies__empty,\n\t.ed-reply-form__bd,\n\t.o-empty--bordered,\n\t.ed-editor-widget,\n\t.ed-ask__bd,\n\t.ed-ask__input-title,\n\t.ed-post-item__hd,\n\t.ed-post-item__sub-hd,\n\t.has-body .ed-post-item__bd,\n\t.ed-board-stats__hd,\n\t.ed-board-stats__bd,\n\t.ed-forum__hd,\n\t.ed-forum__bd,\n\t.ed-forum__ft,\n\t.ed-post-item__ft,\n\t.ed-forum-item + .ed-forum-item,\n\t.ed-post-who-view__ft {\n\t\tborder-color: darken(@global-primary-light-background, 10%);\n\t}\n\n\t.ed-editor-tab {\n\t\tborder-top-color: darken(@global-primary-light-background, 5%); \n\t}\n\n\t.ed-editor-tab__nav {\n\t\tborder-bottom: 1px solid darken(@global-primary-light-background, 5%);\n\t\tbackground-color: @global-primary-light-background;\n\t\t\n\t\t> li > a {\n\t\t\tpadding: 14px 16px;\n\t\t}\n\n\t\t> :last-child > a,\n\t\t> li > a:hover,\n\t\t> :not(:first-child) > a {\n\t\t\tborder-color: darken(@global-primary-light-background, 5%); \n\t\t}\n\n\t\t> li > a:hover {\n\t\t\tbackground-color: darken(@global-primary-light-background, 5%);\n\t\t}\n\t}\n\n\t.ed-board-stats {\n\t\tbackground-color: @global-background;\n\t}\n\n\t.ed-badge {\n\t\tpadding: 15px;\n\t\tborder-radius: @global-border-radius;\n\t}\n\n\t.ed-badge__name {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\n\t.ed-post-item__sub-hd {\n\t\tbackground-color: @global-primary-light-background;\n\t}\n\n\t.ed-post-who-view__ft,\n\t.ed-post-item__ft {\n\t\tbackground-color: lighten(@global-primary-light-background, 10%);\n\t}\n\n\t.ed-post-item__ft {\n\t\tline-height: 20px;\n\t\tfont-size: round((@global-font-size*0.9));\n\t\tpadding: 10px 16px;\n\t}\n\n\t.ed-post-meta-reply,\n\t.ed-editor-widget__note {\n\t\tfont-size: round((@global-font-size*0.9));\n\t\tcolor: fade(@global-color, 50%);\n\t}\n\n\t.o-tabs {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.ed-board-stats__meta,\n\t.ed-post-meta-tag a, \n\t.ed-post-meta-cat a,\n\t.o-tabs--ed .o-tabs__link {\n\t\tcolor: fade(@global-color, 50%); \n\t}\n\n\t.o-tabs--ed .active .o-tabs__link {\n\t\tcolor: @global-primary-background;\n\t}\n\n\t.ed-statistic__item a {\n\t\tcolor: @global-color;\n\t}\n\n\t.ed-board-stats__hd {\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\n\t.ed-board-stats__bd-title {\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.ed-reply-form__bd,\n\t.ed-forum__ft {\n\t\tbackground-color: @global-primary-light-background;\n\t\tfont-size: @global-font-size;\n\t}\n}\n\n\/\/ Alerts\n\n#ed,\n#es {\n\t.o-alert {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\n\t.o-label--danger-o {\n\t\tbackground-color: @global-background !important;\n\t}\n\n\t.o-label--success-o {\n\t\tcolor: @alert-success-color !important;\n\t\tbackground-color: @alert-success-background !important;\n\t\tborder: 1px solid fade(@alert-success-background, 40%) !important;\n\t}\n\n\t.o-alert--danger, \n\t.o-alert--error {\n\t\tcolor: @alert-danger-color !important;\n\t\tbackground-color: @alert-danger-background !important;\n\t\tborder: 1px solid fade(@alert-danger-background, 40%) !important;\n\t}\n\n\t.o-alert__close {\n\t\tcolor: inherit;\n\t}\n}\n\n\/\/ \n\/\/ Easyblog\n\/\/ \n\ndiv#fd.eb {\n\t&.eb-mod * {\n\t\tline-height: @global-line-height;\n\t}\n\n\tinput,\n\tbutton,\n\tselect,\n\ttextarea {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-family: @global-body-font-family;\n\t\tline-height: @global-line-height;\n\t}\n\n\t.eb-mod-title {\n\t\tfont-size: @base-h3-font-size;\n\t\tline-height: @base-h3-line-height;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\n\t.eb-post {\n\t\tborder-color: fade(@global-primary-background, 20%); \n\t}\n\n\t.eb-post-featured i,\n\t.eb-post-type .fa {\n\t\tborder: 1px solid fade(@global-primary-background, 25%);\n\t}\n\n\t.eb-post-featured i {\n\t\tcolor: @global-warning-background;\n\t}\n\n\t.mod-muted,\n\t.eb-post-type .fa,\n\t.eb-post-meta .fa {\n\t\tcolor: @global-primary-background;\n\t}\n\n\t.eb-post-thumb .eb-post-image-cover {\n\t\tborder-radius: @global-border-radius;\n\t\tborder: none;\n\t\tbox-shadow: none;\n\t}\n\n\t.eb-post-calendar {\n\t\tborder: none;\n\t\tborder-radius: 0;\n\n\t\t.eb-post-calendar-m {\n\t\t\t.tm-block-month;\n\t\t}\n\n\t\t.eb-post-calendar-d {\n\t\t\t.tm-block-text;\n\t\t}\n\t}\n\n\t.mod-item+.mod-item {\n\t\tborder: none;\n\t}\n\n\t.eb-showcases {\n\t\tline-height: @global-line-height;\n\t}\n\n\t.btn-default,\n\t.eb-showcase-more .btn {\n\t\tcolor: @button-primary-color !important;\n\t\tbackground: @button-primary-background !important;\n\t\tborder: 1px solid @global-border !important;\n\n\t\t&:hover {\n\t\t\tcolor: @button-primary-hover-color !important;\n\t\t\tbackground: @button-primary-hover-background !important;\n\t\t}\n\t}\n\n\t.ticker,\n\t.ticker-title,\n\t.ticker-content,\n\t.ticker-wrapper.has-js,\n\t.ticker-swipe {\n\t\tbackground-color: @panel-box-primary-background;\n\t}\n\n\t.ticker-wrapper.has-js {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n\/\/ Easyblog\n\n#eb {\n\n\tinput,\n\tbutton,\n\tselect,\n\ttextarea {\n\t\tfont-size: @global-font-size;\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-family: @global-body-font-family;\n\t\tline-height: @global-line-height;\n\t}\n\n\thr {\n\t\tborder-top-color: @global-border;\n\t}\n\n\t.text-muted {\n\t\tcolor: @global-muted-color;\n\t}\n\n\t.fd-small {\n\t\tfont-size: 15px;\n\t}\n\n\t.ticker,\n\t.ticker-title,\n\t.ticker-content,\n\t.ticker-wrapper.has-js,\n\t.ticker-swipe {\n\t\tbackground-color: @panel-box-primary-background;\n\t}\n\n\t.ticker-wrapper.has-js {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.ticker-swipe span {\n\t\theight: 18px;\n\t\twidth: 2px;\n\t\tbackground-color: @panel-box-primary-color;\n\t}\n\n\t.eb-tags-item__icon .fa-rss-square,\n\t.eb-navbar-rss-icon {\n\t\tcolor: @global-warning-background;\n\t}\n\n\t.eb-navbar__body {\n\t\tbackground-color: @panel-box-secondary-background;\n\t\tborder: 1px solid darken(@panel-box-secondary-background, 3%); \n\t}\n\n\t.eb-navbar__footer {\n\t\tborder: 1px solid @global-border;\n\t\tbackground-color: @global-background;\n\t}\n\n\t.eb-section-heading {\n\t\tborder-bottom: none;\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t\tfont-size: @panel-title-font-size;\n\t\tline-height: @panel-title-line-height;\n\t\t.uk-module-stripes;\n\t\ttext-transform: none;\n\t}\n\n\t.eb-navbar__footer-link {\n\t\tcolor: @global-color;\n\t\tfont-size: round((@global-font-size*0.9));\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-color;\n\t\t}\n\t}\n\n\t.is-active > .eb-navbar__footer-link {\n\t\tcolor: @global-link-color;\n\t}\n\n\t.is-active .eb-navbar__footer-link:before {\n\t\tbackground-color: @global-link-color;\n\t}\n\n\t\/\/ navbar\n\t.eb-navbar__search,\n\t.eb-navbar__search-input {\n\t\tbackground-color: lighten(@panel-box-secondary-background, 5%);\n\t}\n\n\t.eb-navbar__search:before {\n\t\tcolor: @panel-box-secondary-color;\n\t\tfont-size: round((@global-font-size*0.85));\n\t}\n\n\t.eb-navbar__search-input {\n\t\tcolor: @panel-box-secondary-color;\n\t}\n\n\t\/\/ rating\n\t.eb-post-more+.eb-post-rating,\n\t.eb-post-more+.eb-post-actions .eb-post-rating {\n\t\tmargin-left: 0;\n\t}\n\n\t.eb-rating-form .fa.fa-star {\n\t margin-left: 0;\n\t}\n\n\t.eb-post-hits, \n\t.eb-post-comments a {\n\t\tcolor: @global-light-color;\n\t}\n\n\t.btn-primary,\n\t.btn-default,\n\t.eb-showcase-more .btn {\n\t\tcolor: @button-primary-color !important;\n\t\tbackground: @button-primary-background !important;\n\t\tborder: 1px solid @global-border !important;\n\t\tpadding: 10px 20px;\n\t\tfont-size: @button-font-size;\n\t\tfont-weight: @button-font-weight;\n\t\tfont-family: @button-font-family;\n\n\t\t&:hover {\n\t\t\tcolor: @button-primary-hover-color !important;\n\t\t\tbackground: @button-primary-hover-background !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t}\n\t}\n\n\t.eb-toolbar__search .btn-default {\n\t\tpadding: 0 20px;\n\t}\n\n\t.eb-toolbar__search-filter-btn .fa {\n\t\tline-height: 1;\n\t}\n\n\t.eb-toolbar__search .eb-filter-select-group .form-control {\n\t\tline-height: 25px;\n\t\tfont-size: 15px;\n\t\theight: 38px;\n\t}\n\n\t.btn-sm {\n\t\tpadding: 3px 15px;\n\t\tfont-size: 15px;\n\t}\n\n\t.eb-entry-author-recents {\n\t\tborder-top-color: @global-border;\n\t}\n\n\t.eb-post-comments-pre {\n\t\tborder-top-style: dotted;\n\t\tmargin-top: 20px;\n\t}\n\n\t.eb-comments-empty,\n\t.eb-empty {\n\t\tbackground: @global-primary-light-background;\n\t\tborder: 1px dashed @global-border;\n\t\tcolor: fade(@global-color, 50%);\n\t}\n\n\t.eb-authors-finder .form-control,\n\t.eb-tags-finder .form-control {\n\t\theight: 44px;\n\t}\n\n\t\/\/ Authors\n\t.eb-author {\n\t\tborder-color: @global-border;\n\t}\n\n\t.eb-authors-head {\n\t\tbackground-color: @global-primary-light-background;\n\t\tborder-color: @global-border;\n\t}\n\n\t.eb-authors-subscribe {\n\t\tfont-size: @global-font-size;\n\t}\n\n\t.eb-section-heading,\n\t.eb-author-filter {\n\t\tborder-bottom-color: @global-border;\n\t}\n\n\t.eb-entry-author-recents {\n\t\tbackground: @global-primary-light-background;\n\t\tfont-size: @global-font-size;\n\t\tborder-top: none;\n\t}\n\n\t.eb-comment-form {\n\t\tborder-color: @global-border;\n\t}\n\n\t\/\/ Stats\n\t.eb-stats-nav>li {\n\t\t.btn {\n\t\t\tborder-color: rgba(0,0,0,0) !important;\n\t\t}\n\n\t\t&.active>.btn {\n\t\t\tbackground: @global-secondary-background !important;\n\t\t}\n\n\t\t.btn:hover, \n\t\t.btn:focus {\n\t\t\tbackground: darken(@global-primary-background, 5%) !important;\n\t\t}\n\t}\n\n\t\/\/ Category\n\t.eb-category {\n\t\tborder-color: @global-border;\n\t}\n\n\t.form-control {\n\t\theight: @form-height;\n\t\tborder-color: @form-border;\n\t\tbackground-color: @form-background;\n\t\tcolor: @form-color;\n\t\tbox-shadow: none;\n\t}\n\n\t\/\/ post\n\t.eb-entry-meta .fa,\n\t.eb-entry-helper .fa,\n\t.eb-post-foot>div .fa,\n\t.eb-post-author .fa, \n\t.eb-post-date .fa, \n\t.eb-post-category .fa {\n\t\tcolor: @icon-button-color;\n\t}\n\n\t.eb-entry-author-meta>span {\n\t\tcolor: @global-link-color;\n\t\tfont-size: 14px;\n\n\t\t&:hover {\n\t\t\tcolor: @global-link-hover-color;\n\t\t}\n\t}\n\n\t.eb-entry-author-meta .btn-group--es-friends>a,\n\t.eb-entry-author-meta .btn--es-subscription {\n\t\tbackground: rgba(0,0,0,0);\n\t\tcolor: @global-link-color;\n\t\tfont-size: 14px;\n\t\t\n\t\t&:hover {\n\t\t\tcolor: @global-link-hover-color;\n\t\t}\n\t}\n\n\t.eb-entry-meta,\n\t.eb-post-meta {\n\t\tborder-bottom: 1px dotted fade(@global-heading-color, 20%);\n\t\tpadding-bottom: 10px;\n\t\tcolor: @global-color;\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: italic;\n\t\tpadding-top: 7px;\n\n\t\ta {\n\t\t\tcolor: fade(@global-color, 40%);\n\t\t\ttransition: @global-transition;\n\n\t &:hover {\n\t color: @global-link-color;\n\t transition: @global-transition;\n\t text-decoration: none;\n\t }\n\n\t &:hover:after {\n\t background-color: @global-link-color !important;\n\t }\n\t\t}\n\t}\n\n\t.eb-entry-meta > div > span,\n\t.eb-entry-meta > div > time {\n\t\tcolor: @global-color;\n\t}\n\n\t.eb-post-more {\n\t\tfloat: right;\n\t}\n\n\t.eb-post-head {\n\t\toverflow: visible;\n\t}\n\n\t.eb-entry-title,\n\t.eb-post-title {\n\t\t.uk-article-title;\n\t\toverflow: visible;\n\t\tfont-size: 34px;\n\t\tline-height: 48px;\n\t\toverflow: visible;\n\t\tmargin: 0 0 10px 0;\n\t\tpadding-right: 0;\n\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.eb-post-avatar + .eb-post-head {\n\t\t.eb-entry-title,\n\t\t.eb-post-title {\n\t\t\tpadding-right: 70px;\n\t\t}\n\t}\n\n\tblockquote.eb-quote {\n\t\tcolor: @global-color !important;\n\t\tfont-family: @global-italic-font-family;\n\t\tfont-style: italic;\n\t\tborder-left-color: @base-blockquote-border !important;\n\n\t\tp {\n\t\t\tline-height: @base-blockquote-line-height;\n\t\t\tfont-weight: @global-italic-font-weight;\n\t\t\tletter-spacing: @global-heading-letter-space;\n\t\t\tfont-size: @base-h4-font-size;\n\t\t}\n\t}\n\n\t.eb-post-avatar {\n\t\tfloat: right !important;\n\t\tz-index: 1;\n\t\tmargin-right: 0 !important;\n\t}\n\n\t.eb-post-author-avatar a {\n\t\tmargin-top: 15px;\n\t}\n\n\t.eb-post {\n\t\tborder-color: @global-border;\n\t}\n\n\t.eb-post-thumb.is-full .eb-post-image {\n\t\tborder: none;\n\t\tpadding: 0;\n\t\tborder-radius: 0;\n\t\tmargin: 10px -30px 30px;\n\n\t\timg {\n\t\t\tborder-radius: @global-border-radius;\n\t\t}\n\t}\n\n\t.eb-comment-body {\n\t\tcolor: @global-color;\n\t}\n\n\t.eb-post-calendar {\n\t\tborder: none;\n\t\tborder-radius: 0;\n\t\tbackground-color: rgba(0,0,0,0);\n\n\t\t.eb-post-calendar-m {\n\t\t\t.tm-block-month;\n\t\t}\n\n\t\t.eb-post-calendar-d {\n\t\t\t.tm-block-text;\n\t\t}\n\t}\n\n\t.eb-entry-article .ebd-block {\n\t\tfont-size: @global-font-size !important;\n\t\tline-height: @global-line-height !important;\n\t}\n\n\t.eb-header .eb-toolbar {\n\t\tbackground-color: @theme-breadcrumbs-background;\n\t\tborder: none;\n\n\t\t.o-nav__item.is-active .eb-toolbar__link, \n\t\t.o-nav__item .eb-toolbar__link:hover, \n\t\t.o-nav__item .eb-toolbar__link:focus, \n\t\t.o-nav__item .eb-toolbar__link:active {\n\t\t\tbackground-color: lighten(@theme-breadcrumbs-background, 5%);\n\t\t}\n\t}\n\n\t.eb-toolbar__item--search {\n\t\tborder: 1px solid @global-light-color;\n\t\tborder-top: none;\n\t}\n\n\t.eb-tags {\n\t\t.cell-tags span {\n\t\t\t&:after {\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\n\t\t\ta {\n\t\t\t\tline-height: @button-mini-line-height;\n\t\t\t\tmin-height: @button-mini-line-height;\n\t\t\t\tfont-size: round((@button-mini-font-size*1.2));\n\t\t\t\tfont-family: @base-body-font-family;\n\t\t\t\tmargin: 5px 10px 10px 0;\n\t\t\t\tpadding: 0 10px;\n\t\t\t\tborder: 1px solid @button-primary-background;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tborder-radius: 3px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tcolor: @button-primary-color;\n\t\t\t\tbackground: @button-primary-background;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\ttext-decoration: none;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \"\";\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\tcolor: @button-primary-hover-color;\n\t\t\t\t\tbackground-color: @button-primary-hover-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n\/\/ tags module\n\n.mod-easyblogtagcloud .tag-cloud {\n\tline-height: @button-mini-line-height !important;\n\tmin-height: @button-mini-line-height;\n\tfont-size: round((@button-mini-font-size*1.2)) !important;\n\tfont-family: @base-body-font-family;\n\tmargin: 5px 10px 10px 0;\n\tpadding: 0 10px;\n\tborder: 1px solid @button-primary-background;\n\tdisplay: inline-block;\n\tborder-radius: 3px;\n\tvertical-align: middle;\n\tcolor: @button-primary-background;\n\tbox-sizing: border-box;\n\ttext-decoration: none;\n\ttext-align: center;\n\n\t&:focus,\n\t&:hover {\n\t\ttext-decoration: none;\n\t\tcolor: fade(@button-primary-background, 50%);\n\t}\n}\n\n\/\/ \n\/\/ Web Chat\n\/\/ \n\n#tm-container .onwebchatbox {\n\n\tbackground: rgba(0,0,0,0) !important;\n\tbox-shadow: none !important;\n\twidth: 350px !important;\n\tright: 3px !important;\n\tmargin-bottom: 50px !important;\n\tborder-radius: @global-border-radius !important;\n\n\t> * {\n\t\tbackground: @global-background !important;\n\t}\n\n\t* {\n\t\tfont-family: @global-body-font-family !important;\n\t\tfont-weight: @global-body-font-weight !important;\n\t\tfont-style: normal;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: auto;\n\t\t-webkit-font-smoothing: auto;\n\t}\n\n\t.onwebchat_title2 {\n\t\tbox-shadow: none !important;\n\t\tbackground: rgba(0,0,0,0) !important;\n\t\tcolor: @global-color !important;\n\t\tmargin: 10px 0 0 20px !important;\n\t\tline-height: @global-line-height !important;\n\t\tpadding: 0 !important;\n\t\tborder: none;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.onweb_minimize_btn,\n\t#onweb_chaticon {\n\t\twidth: 60px;\n\t\theight: 60px;\n\t\tmargin: 0 !important;\n\t\tborder-radius: 50%;\n\t\tbox-shadow: none; \n\t\t-webkit-transition: @global-transition;\n\t\t\t\ttransition: @global-transition;\n\n\t\t&:hover {\n\t\t\tbox-shadow: none;\n\t\t}\n\t}\n\n\t.onweb_minimize_btn_icon {\n\t\tborder: 0;\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tposition: relative;\n\t\tmargin-top: 0;\n\t\tpadding: 0;\n\t\ttop: -67px;\n\t\tleft: -6px;\n\t\ttransform: rotate(0);\n\t\tz-index: 1100;\n\n\t\t&:before {\n\t\t\tcontent: \"\\f1fa\";\n\t\t\tfont-family: @global-buckle-icon;\n\t\t\tfont-size: 22px;\n\t\t\tposition: absolute;\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\ttext-align: center;\n\t\t\ttop: 38px;\n\t\t\tz-index: 0;\n\t\t\tcolor: @global-contrast-color;\n\t\t\tbackground-color: @global-secondary-background;\n\t\t\tborder-radius: 4px;\n\t\t\ttransition: @global-transition;\n\t\t}\n\t}\n\n\t.onweb_minimize_btn {\n\t\tbackground: @global-primary-background;\n\t\ttransition: @global-transition;\n\n\t\t&:hover {\n\t\t\topacity: 1;\n\t\t\tbackground: lighten(@global-primary-background, 5%);\n\t\t}\n\t }\n\n\t#div_chat_max_title {\n\t\ttext-align: left;\n\t\toverflow: visible;\n\t}\n\n\t.chat_info {\n\t\tborder-top-color: rgba(0,0,0,0);\n\t}\n\n\t#div_chat_min_title_span,\n\t#div_chat_max_title_span {\n\t\tcolor: @global-contrast-color !important;\n\t\tfont-family: @global-heading-font-family !important;\n\t\tfont-weight: @global-heading-font-weight !important;\n\t\tfont-size: 17px !important;\n\t}\n\n\t#onweb-offline-icon,\n\t#onweb-online-icon {\n\t\tdisplay: block;\n\t\twidth: 7px !important;\n\t\theight: 7px !important;\n\t\tposition: relative;\n\t\ttop: 2px;\n\t\tcontent: \"\";\n\t\tborder-radius: 50% !important;\n\t\tbox-sizing: border-box !important;\n\t\tpadding: 5px !important;\n\t\tright: 5px;\n\t\tmargin: 0 !important;\n\t}\n\n\t#onweb-offline-icon {\n\t\tbackground: @global-danger-background;\n\t}\n\n\t#onweb-online-icon {\n\t\tdisplay: block;\n\t\tbackground: @global-success-background;\n\t\tanimation: popping 2.5s cubic-bezier(0.25,0.1,0.25,1) infinite;\n\t}\n\n\t.widget-logo,\n\t#triangle_down,\n\t#div_chat_min_title_span,\n\t#div_chat_max_title_span {\n\t\tdisplay: none;\n\t}\n\n\t.chat_area {\n\t\twidth: 350px;\n\t\tpadding-top: 0;\n\t\tmargin-top: -53px;\n\t\tz-index: 1000;\n\t\tposition: relative;\n\t\tborder-radius: @global-border-radius @global-border-radius 0 0;\n\t\tbox-shadow: 0 -40px 0 @global-secondary-background;\n\n\t\t.me,\n\t\t.agent {\n\t\t\tborder: none;\n\t\t}\n\n\t\ta {\n\t\t\tcolor: @global-link-color;\n\t\t\t&:hover {\n\t\t\t\tcolor: @global-link-hover-color;\n\t\t\t}\n\t\t}\n\n\t\tp {\n\t\t\tfont-size: round((@global-font-size*0.9)) !important;\n\n\t\t\t&:first-of-type {\n\t\t\t\tmargin-top: 20px;\n\t\t\t}\n\t\t}\n\n\t\t.me {\n\t\t\tline-height: round((@global-line-height*0.7));\n\t\t\tcolor: @panel-box-primary-color;\n\t\t\tmargin-bottom: 3px;\n\t\t\tfloat: right !important;\n\t\t\tclear: right !important;\n\t\t\tmargin-right: 20px;\n\n\t\t\ta {\n\t\t\t\tcolor: @panel-box-primary-link-color;\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: @panel-box-primary-link-hover-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.agent {\n\t\t\tline-height: round((@global-line-height*0.8));\n\t\t\tcolor: @global-color;\n\t\t}\n\t}\n\n\t.me-bubble {\n\t\tbackground: @panel-box-primary-background;\n\t\tborder-radius: @global-border-radius;\n\t\t\n\t\t&:before,\n\t\t&:after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.agent-bubble {\n\t\tbackground: @global-primary-light-background;\n\t\twidth: auto !important;\n\t\tpadding: 8px; \n\n\t\t&:before {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&:after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.chat_message {\n\t\tbackground-color: @global-primary-light-background;\n\t\tborder-bottom: 25px solid @global-background !important;\n\t\tborder-radius: 0 0 5px 5px;\n\t\topacity: 1 !important;\n\t\tbox-shadow: 0 1px 6px rgba(0,0,0,0.05), 0 20px 30px rgba(0,0,0,0.12);\n\n\t\t.onwebtextarea {\n\t\t\tbackground-color: @global-primary-light-background !important;\n\t\t\tborder-radius: @form-input-border-radius !important;\n\t\t\tpadding: 5px 10px !important;\n\t\t\tcolor: @form-color !important;\n\t\t\tborder: 1px solid rgba(0,0,0,0) !important;\n\t\t\tbox-shadow: none !important;\n\t\t\tfont-size: round((@global-font-size*0.9)) !important;\n\t\t\tfont-weight: @global-body-font-weight !important;\n\t\t\tline-height: round((@global-line-height*0.8)) !important;\n\t\t\twidth: 270px !important;\n\t\t\tmargin-left: 10px !important;\n\t\t\tborder: 1px solid darken(@global-primary-light-background, 10%) !important;\n \t\tborder-width: 0 0 1px 1px !important;\n\n\t\t\t&:focus {\n\t\t\t\tborder-color: fade(@form-focus-border, 30%) !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t\/\/ offline\n\t#offline_form {\n\t\tborder-radius: 5px;\n\t\tpadding-bottom: 1px;\n\t\tbox-shadow: 0 1px 6px rgba(0,0,0,0.06), 0 20px 30px rgba(0,0,0,0.12);\n\n\t\t.onwebchatform_div {\n\t\t\tborder-radius: 0 0 5px 5px;\n\t\t}\n\t\n\t\t.onweboffline_msg {\n\t\t\tmargin-top: 82px !important;\n\t\t\tcolor: @global-color !important;\n\t\t\ttop: 15px;\n\t\t\tleft: 5px;\n\t\t\tpadding: 0 30px;\n\t\t\tfont-size: round((@global-font-size*0.9)) !important;\n\t\t\tline-height: round((@global-line-height*0.8)) !important;\n\t\t}\n\n\t\t#offlineform_btn {\n\t\t\tbackground-color: @button-primary-background !important;\n\t\t\tcolor: @button-primary-color !important;\n\t\t\tborder-radius: @global-border-radius !important;\n\t\t\tmargin: 20px 0 !important;\n\t\t\tbox-shadow: inset 0 1px 0 @global-light-1-shadow !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t}\n\n\t\t#off-form-onwebchat-logo {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t#off-form-onwebchat-logo {\n\t\tdisplay: none !important;\n\t}\n\n\t#offline_form > .onwebchatform_div > { \n\t\t#onwebchatoffname, \n\t\t#onwebchatoffemail, \n\t\t#onwebchatemailtext, \n\t\t#onprechatname, \n\t\t#onprechatemail, \n\t\t#onprechattext {\n\t\t\tbox-shadow: none !important;\n\t\t\theight: 30px !important;\n\t\t\tfont-family: @global-body-font-family !important;\n\t\t\tfont-weight: @global-body-font-weight !important;\n\t\t\tfont-size: round((@global-font-size*0.9)) !important;\n\t\t\tline-height: round((@global-line-height*0.8)) !important;\n\t\t\tbackground-color: @global-background !important;\n\t\t\tborder-radius: @form-input-border-radius !important;\n\t\t\tpadding: 5px 10px !important;\n\t\t\tcolor: @form-color !important;\n\t\t\tborder: 1px solid @form-border !important;\n\t\t}\n\t}\n\n\t.onweboffline_flds + .onweb_mail {\n\t\tborder: 1px solid @form-border !important;\n\t}\n\n\t.onweboffline_flds {\n\t\tfont-size: 13px !important;\n\t\tline-height: 20px !important;\n\t\tcolor: @global-color !important;\n\t}\n\n\t#offline_form > .onwebchatform_div > #onwebchatemailtext {\n\t\theight: 60px !important;\n\t}\n\n\t.server_messages {\n\t\tcolor: fade(@global-color, 50%) !important;\n\t}\n\n\t#iconsdiv {\n\t\tbottom: 40px;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tposition: absolute;\n\t\t\tfont-size: 18px;\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tcolor: @global-primary-background;\n\t\t}\n\n\t\t&:before {\n\t\t\tfont-family: @global-font-icon;\n\t\t\tcontent: \"\\f1d8\";\n\t\t\ttop: 10px;\n\t\t\tright: 5px;\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tbackground-image: url(\"\/templates\/buckle\/images\/icons\/smile.svg\");\n\t\t\tbackground-repeat: no-repeat;\n\t\t\tbottom: 10px;\n\t\t\tright: 5px;\n\t\t}\n\t}\n\n\t#wb-send-image,\n\t#wb-smile-image {\n\t\topacity: 0;\n\t}\n\n\t#wb-send-image {\n\t\ttop: 7px;\n\t}\n\n\t#wb-smile-image {\n\t\tz-index: 1;\n\t}\n\n\t.webchat_header {\n\t\tposition: relative;\n\t\tbackground: rgba(0,0,0,0) !important;\n\t\twidth: 60px !important;\n\t\theight: 60px !important;\n\t\ttop: 0 !important;\n\t\tright: -27px;\n\t\tfloat: right !important;\n\t\tpadding: 0 !important;\n\n\t\t&:before {\n\t\t\tcontent: \"\\f232\";\n\t\t\tfont-family: @global-buckle-icon;\n\t\t\tfont-size: 24px;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 37px;\n\t\t\tcolor: @theme-border-link-color;\n\t\t}\n\t}\n\n\t\/\/ scrollbar\n\t#chat_area_id::-webkit-scrollbar {\n\t\tborder: 3px solid @global-background;\n\t\twidth: 5px;\n\t\theight: 5px;\n\t}\n\n\t#chat_area_id::-webkit-scrollbar-button:start:decrement, \n\t#chat_area_id::-webkit-scrollbar-button:end:increment {\n\t\tbackground: @global-background;\n\t}\n\n\t#chat_area_id::-webkit-scrollbar-track {\n\t\tbackground: @global-background;\n\t\tbox-shadow: none;\n\t}\n\n\t#chat_area_id::-webkit-scrollbar-thumb {\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tbackground: @global-primary-background;\n\t\t\n\t\t&:hover {\n\t\t\tbackground: lighten(@global-primary-background, 10%);\n\t\t}\n\t}\n}\n\n.tm-scrollbars#tm-container .onwebchatbox .webchat_header {\n\tright: -27px - @theme-scrollbar-width\/2;\n}\n\n\/\/ \n\/\/ Komento\n\/\/ \n\n#kt {\n\tfont-family: @global-body-font-family;\n\tfont-size: @global-font-size;\n\tfont-weight: @global-body-font-weight;\n\tline-height: @global-line-height;\n\tmargin-top: @global-height;\n\t-moz-osx-font-smoothing: auto;\n\t-webkit-font-smoothing: auto;\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tfont-family: @global-heading-font-family;\n\t\tfont-weight: @global-heading-font-weight;\n\t}\n\t\n\tlabel {\n\t\tfont-weight: @global-body-font-weight;\n\t\tfont-size: @global-font-size;\n\t}\n\n\tinput,\n\tbutton,\n\tselect,\n\ttextarea,\n\t.o-form-control {\n\t\tfont-size: @form-font-size;\n\t\tfont-weight: @form-font-weight;\n\t\tbackground-color: @form-background;\n\t\tborder-color: @form-border;\n\t\tcolor: @form-color;\n\t\tfont-family: @global-body-font-family;\n\t\tbox-shadow: none;\n\t}\n\n\t.markItUpEditor {\n\t\tfont-size: @form-font-size !important;\n\t}\n\n\t.o-checkbox label {\n\t\tfont-weight: @global-body-font-weight;\n\t}\n\t\n\t.o-alert {\n\t\tfont-size: @global-font-size;\n\t}\n\n\tli,\n\t.markItUpEditor {\n\t\tline-height: @global-line-height;\n\t}\n\n\t.markItUpHeader,\n\t.kt-form-editor,\n\t.kt-editor-info {\n\t\tborder-color: @global-border !important;\n\t}\n\n\t.kt-listing-tools {\n\t\tfont-family: @global-body-font-family;\n\t\tdisplay: inline-block;\n\t\tfloat: right;\n\t\tmargin-top: -40px;\n\t}\n\n\t.o-empty {\n\t\tbackground-color: rgba(0,0,0,0);\n\t}\n\n\t.o-empty__icon {\n\t\tcolor: @global-heading-color;\n\t}\n\n\t.kt-login {\n\t\tbackground-color: rgba(0,0,0,0);\n\t\tcolor: @global-color;\n\t\tpadding: 20px 0;\n\t}\n\n\t.kt-login__title {\n\t\tfont-size: @global-font-size;\n\t}\n\t\n\t.o-avatar img {\n\t\tborder-radius: 50%;\n\t}\n\n\t.btn {\n\t\tfont-size: @button-font-size;\n\t\tfont-family: @global-body-font-family;\n\t}\n\t\n\t.btn-kt-default {\n\t\tbackground: @button-background !important;\n\t\tcolor: @global-contrast-color !important;\n\t\tborder: 1px solid @global-border !important;\n\t\t\n\t\t&:hover {\n\t\t\tbackground: @button-hover-background !important;\n\t\t\tcolor: @global-contrast-color !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t}\n\t\t\n\t\t&:active:focus,\n\t\t&:active {\n\t\t\tbackground: @button-active-background !important;\n\t\t\tcolor: @global-contrast-color !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\n\t}\n\t\n\t.btn-kt-primary {\n\t\tbackground: @button-primary-background !important;\n\t\tcolor: @global-contrast-color !important;\n\t\tborder: 1px solid @global-border !important;\n\t\t\n\t\t&:hover {\n\t\t\tbackground: @button-primary-hover-background !important;\n\t\t\tcolor: @global-contrast-color !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t}\n\t\t\n\t\t&:active:focus,\n\t\t&:active {\n\t\t\tbackground: @button-primary-active-background !important;\n\t\t\tcolor: @global-contrast-color !important;\n\t\t\tborder: 1px solid @global-border !important;\n\t\t\tbox-shadow: none;\n\t\t\toutline: none;\n\t\t}\n\t}\n\t\n\t.g-list-inline > li {\n\t\tfont-size: @global-font-size;\n\t}\n}\n\n\/\/ RTL\n\nhtml[dir=\"rtl\"] {\n .tm-navbar .uk-navbar-nav > li .uk-dropdown-navbar {\n left: 0;\n }\n}\n\n\/\/ Scrollbar\n\n.tm-scrollbars::-webkit-scrollbar {\n border: 2px solid @theme-border-background;\n width: @theme-scrollbar-width;\n}\n\n.tm-scrollbars::-webkit-scrollbar-track,\n.tm-scrollbars::-webkit-scrollbar-button:start:decrement, \n.tm-scrollbars::-webkit-scrollbar-button:end:increment {\n background: @theme-border-background;\n}\n\n.tm-scrollbars::-webkit-scrollbar-track {\n box-shadow: none;\n}\n\n.tm-scrollbars::-webkit-scrollbar-thumb {\n background: @global-primary-background;\n \n &:hover {\n background: lighten(@global-primary-background, 10%);\n }\n}\n\n\/\/ \n\/\/ Breezing Forms\n\/\/ \n\n.bfQuickMode {\n &:extend(.uk-form all);\n\n section.bfElemWrap,\n section.bfElemWrap:hover {\n background: rgba(0,0,0,0) !important;\n }\n\n .bfNextButton, \n .bfSubmitButton, \n .bfCancelButton {\n &:extend(.uk-button all);\n float: left;\n }\n}\n\n.buckle-icons li {\n\tmargin-bottom: 20px;\n\n\tdiv:before {\n\t\tfont-size: 40px;\n\t}\n}\n\n\/\/ RS form\n.feedback-container.feedback-position-left {\n left: @theme-border-size-large;\n}\n\n\/\/ JFBConnect\n#jfbc_loginregister dt {\n min-width: 200px;\n}\n\n#jfbc_loginregister dd {\n margin-left: 200px;\n}\n\n\/\/ Appointment component\n#accordion_grid * {\n box-sizing: initial;\n line-height: 1;\n}\n@import 'https:\/\/fonts.googleapis.com\/css?family=Barlow&display=swap';\n@import 'https:\/\/fonts.googleapis.com\/css?family=Poppins:100,200,400,500,600,700&display=swap';\n@import 'https:\/\/fonts.googleapis.com\/css?family=Merriweather:400,400i,700&display=swap';\n\n@global-primary-background: #e9e9e9;\n@global-link-color: #ecdcdc;\n@theme-page-loader-color: #e9e9e9;\n@theme-navbar-hover-color: #ecdcdc;\n@theme-navbar-active-item-background: #e9e9e9;\n@theme-menu-dropdown-border-color: #ecdcdc;\n@theme-menuitem-hover-color: #ecdcdc;\n@theme-menuright-button-background: #ecdcdc;\n@theme-footer-link-color: #ecdcdc;\n@global-primary-light-background: #e9e9e9;\n@theme-border-background: #e9e9e9;\n@global-primary-4-background: #5b0000;\n@global-secondary-background: #5b0000;\n@global-primary-2-background: #e61111;\n@global-primary-3-background: #980000;\n@global-color: #5b0000;\n@global-heading-color: #5b0000;\n@global-link-hover-color: #e16c6c;\n@theme-page-loader-background: #5b0000;\n@theme-breadcrumbs-background: #5b0000;\n@theme-border-font-color: #5b0000;\n@theme-border-link-color: #982525;\n@theme-border-link-hover-color: #e16c6c;\n@theme-navbar-background: #5b0000;\n@theme-navbar-sticky-active-color: #5b0000;\n@theme-navbar-active-item-color: #5b0000;\n@theme-transparent-header-color: #982525;\n@theme-transparent-navbar-active-item-color: #e16c6c;\n@theme-right-navbar-active-item-color: #982525;\n@theme-menu-dropdown-background: #5b0000;\n@theme-menuright-color: #5b0000;\n@theme-menuright-button-color: #5b0000;\n@theme-footer-background: #5b0000;\n@theme-footer-link-hover-color: #d94e4e;\n@theme-right-panel-color: #5b0000;"}]; .n2-ss-spinner-infinite-white-container { position: absolute; top: 50%; left: 50%; margin: -10px; background: #fff; width: 20px; height: 20px; padding: 5px; border-radius: 50%; z-index: 1000; } .n2-ss-spinner-infinite-white { outline: 1px solid RGBA(0,0,0,0); width:100%; height: 100%; } .n2-ss-spinner-infinite-white:before { position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin-top: -10px; margin-left: -10px; } .n2-ss-spinner-infinite-white:not(:required):before { content: ''; border-radius: 50%; border: 2px solid rgba(0, 0, 0, .3); border-top-color: rgba(0, 0, 0, .6); animation: n2InfiniteWhite .6s linear infinite; } @keyframes n2InfiniteWhite { to {transform: rotate(360deg);} }(function(){var N=this;N.N2_=N.N2_||{r:[],d:[]},N.N2R=N.N2R||function(){N.N2_.r.push(arguments)},N.N2D=N.N2D||function(){N.N2_.d.push(arguments)}}).call(window);if(!window.n2jQuery){window.n2jQuery={ready:function(cb){console.error('n2jQuery will be deprecated!');N2R(['$'],cb)}}}window.nextend={jQueryFallback:'https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js',localization:{},ready:function(cb){console.error('nextend.ready will be deprecated!');N2R('documentReady',function($){cb.call(window,$)})}};nextend.fontsLoaded=false;nextend.fontsLoadedActive=function(){nextend.fontsLoaded=true};var requiredFonts=["Poppins:n3","Poppins:n4","Barlow:n3","Barlow:n4"],fontData={google:{families:["Poppins:300,400","Barlow:300,400:latin"]},active:function(){nextend.fontsLoadedActive()},inactive:function(){nextend.fontsLoadedActive()},fontactive:function(f,s){fontData.resolveFont(f+':'+s)},fontinactive:function(f,s){fontData.resolveFont(f+':'+s)},resolveFont:function(n){for(var i=requiredFonts.length-1;i>=0;i--){if(requiredFonts[i]===n){requiredFonts.splice(i,1);break}}if(!requiredFonts.length)nextend.fontsLoadedActive()}};if(typeof WebFontConfig!=='undefined'&&typeof WebFont==='undefined'){var _WebFontConfig=WebFontConfig;for(var k in WebFontConfig){if(k=='active'){fontData.active=function(){nextend.fontsLoadedActive();_WebFontConfig.active()}}else if(k=='inactive'){fontData.inactive=function(){nextend.fontsLoadedActive();_WebFontConfig.inactive()}}else if(k=='fontactive'){fontData.fontactive=function(f,s){fontData.resolveFont(f+':'+s);_WebFontConfig.fontactive.apply(this,arguments)}}else if(k=='fontinactive'){fontData.fontinactive=function(f,s){fontData.resolveFont(f+':'+s);_WebFontConfig.fontinactive.apply(this,arguments)}}else if(k=='google'){if(typeof WebFontConfig.google.families!=='undefined'){for(var i=0;i3||document.documentElement.className.indexOf('wf-active')!==-1){nextend.fontsLoadedActive();clearInterval(nextend.fontInterval)}intercalCounter++},1000)}N2R(["documentReady","smartslider-frontend","nextend-gsap","smartslider-simple-type-frontend"],function(){new N2Classes.SmartSliderSimple('#n2-ss-21',{"admin":false,"callbacks":"","background.video.mobile":1,"randomize":{"randomize":0,"randomizeFirst":0},"alias":{"id":0,"smoothScroll":0,"slideSwitch":0,"scroll":1,"scrollSpeed":400},"align":"normal","isDelayed":0,"load":{"fade":1,"scroll":0},"playWhenVisible":1,"playWhenVisibleAt":0.5,"responsive":{"hideOn":{"desktopLandscape":false,"desktopPortrait":false,"tabletLandscape":false,"tabletPortrait":false,"mobileLandscape":false,"mobilePortrait":false},"onResizeEnabled":true,"type":"auto","downscale":1,"upscale":1,"minimumHeight":0,"maximumSlideWidth":{"desktopLandscape":3000,"desktopPortrait":3000,"tabletLandscape":3000,"tabletPortrait":3000,"mobileLandscape":3000,"mobilePortrait":3000},"forceFull":0,"forceFullOverflowX":"body","forceFullHorizontalSelector":"","constrainRatio":1,"sliderHeightBasedOn":"real","decreaseSliderHeight":0,"focusUser":1,"focusEdge":"auto","breakpoints":[{"device":"tabletPortrait","type":"max-screen-width","portraitWidth":1199,"landscapeWidth":1199},{"device":"mobilePortrait","type":"max-screen-width","portraitWidth":700,"landscapeWidth":900}],"enabledDevices":{"desktopLandscape":0,"desktopPortrait":1,"tabletLandscape":0,"tabletPortrait":1,"mobileLandscape":0,"mobilePortrait":1},"sizes":{"desktopPortrait":{"width":1400,"height":400,"max":3000,"min":1200},"tabletPortrait":{"width":701,"height":200,"max":1199,"min":701},"mobilePortrait":{"width":320,"height":91,"max":900,"min":320}},"normalizedDeviceModes":{"unknown":"desktopPortrait","desktopPortrait":"desktopPortrait","desktopLandscape":"desktopPortrait","tabletLandscape":"desktopPortrait","tabletPortrait":"tabletPortrait","mobileLandscape":"tabletPortrait","mobilePortrait":"mobilePortrait"},"overflowHiddenPage":0,"focus":{"offsetTop":"","offsetBottom":""}},"controls":{"mousewheel":0,"touch":"horizontal","keyboard":1,"blockCarouselInteraction":1},"lazyLoad":0,"lazyLoadNeighbor":0,"blockrightclick":0,"maintainSession":0,"autoplay":{"enabled":1,"start":1,"duration":10000,"autoplayLoop":1,"allowReStart":1,"pause":{"click":0,"mouse":"enter","mediaStarted":1},"resume":{"click":0,"mouse":"leave","mediaEnded":1,"slidechanged":0},"interval":1,"intervalModifier":"loop","intervalSlide":"current"},"perspective":1000,"layerMode":{"playOnce":0,"playFirstLayer":1,"mode":"skippable","inAnimation":"mainInEnd"},"parallax":{"enabled":1,"mobile":0,"is3D":0,"animate":1,"horizontal":"mouse","vertical":"mouse","origin":"slider","scrollmove":"both"},"postBackgroundAnimations":0,"bgAnimationsColor":"RGBA(51,51,51,1)","bgAnimations":0,"mainanimation":{"type":"horizontal","duration":800,"delay":0,"ease":"easeOutQuad","parallax":0,"shiftedBackgroundAnimation":"auto"},"carousel":1,"dynamicHeight":0,"initCallbacks":function($){new N2Classes.FrontendItemHeadingSplitText(this,"n2-ss-21item1","50% 50% 0px","visible",{"name":"Static","data":{"mode":"words","sort":"normal","duration":0.6,"stagger":0.05,"ease":"easeOutBack","opacity":0,"scale":1,"x":0,"y":80,"rotationX":0,"rotationY":0,"rotationZ":0}},0.9,false,0);N2D("SmartSliderWidgetIndicatorPie","SmartSliderWidget",function(n,t){"use strict";function i(t,i){this.key="indicator",this.options=i,N2Classes.SmartSliderWidget.prototype.constructor.call(this,t)}return((i.prototype=Object.create(N2Classes.SmartSliderWidget.prototype)).constructor=i).prototype.onStart=function(){this.$widget=this.slider.sliderElement.find(".nextend-indicator-pie");var t=this.options.size,i=t/2*this.options.thickness,s=t/2-i/2,e=t+4,o=e/2,r=n('').css({transform:"rotate(-90deg)"}).css("display","block").appendTo(this.$widget);this.circleLength=2*Math.PI*s,this.$circle=r.find("circle").eq(1),this.slider.stages.done("AutoplayReady",function(){this.slider.controls.autoplay.enableProgress(),this.slider.sliderElement.on({"autoplay.autoplay":this.onProgress.bind(this)})}.bind(this)),this.slider.stages.done("AutoplayDestroyed",this.destroy.bind(this))},i.prototype.onProgress=function(t,i){this.$circle.attr("stroke-dasharray",this.circleLength*i+" "+this.circleLength)},i.prototype.destroy=function(){this.$widget.remove()},i});new N2Classes.SmartSliderWidgetIndicatorPie(this,{"backstroke":"ffffff","backstrokeopacity":0,"frontstroke":"ffffff","frontstrokeopacity":0.5,"size":25,"thickness":1})}})})}); {"csrf.token":"57d6400b4d45decfbee055f46193ff14","system.paths":{"root":"","base":""}} Phone:
- [H3] Innovative Solutions
- [H3] Quality Services
- [H3] Planning & Strategy
- [H3] Our Clients
- [H3] certified
- [H3] R&D Machine and Engineering, Inc.
- [H4] DQS-UL Registered - ANAB Accredited
- [H4] Introduction
- [H4] Intellectual Property Rights
- [H4] Restrictions
- [H4] Your Content
- [H4] No warranties
- [H4] Limitation of liability
- [H4] Indemnification
- [H4] Severability
- [H4] Variation of Terms
- [H4] Assignment
- [H4] Entire Agreement
- [H4] Governing Law & Jurisdiction
- [H5] Email:
- [H5] 130 Scarlet Blvd
Images
We found 14 images on this web page.
11 alt attributes are empty or missing. Add alternative text so that search engines can better understand the content of your images.
Text/HTML Ratio
Ratio : 0%
This page's ratio of text to HTML code is below 15 percent, this means that your website probably needs more text content.
Flash
Perfect, no Flash content has been detected on this page.
Iframe
Great, there are no Iframes detected on this page.
SEO Links
URL Rewrite
Good. Your links looks friendly!
Underscores in the URLs
Perfect! No underscores detected in your URLs.
In-page links
We found a total of 8 links including 0 link(s) to files
| Anchor | Type | Juice |
|---|---|---|
| [email protected] | Internal | Passing Juice |
| Home | Internal | Passing Juice |
| About Us | Internal | Passing Juice |
| Certifications | Internal | Passing Juice |
| Key Equipment | Internal | Passing Juice |
| - | Internal | Passing Juice |
| - | Internal | Passing Juice |
| website | External | Passing Juice |
SEO Keywords
Keywords Cloud
Keywords Consistency
| Keyword | Content | Title | Keywords | Description | Headings |
|---|
Usability
Url
Domain : rdmachine.com
Length : 13
Favicon
Great, your website has a favicon.
Printability
We could not find a Print-Friendly CSS.
Language
Good. Your declared language is en.
Dublin Core
This page does not take advantage of Dublin Core.
Document
Doctype
HTML 5
Encoding
Perfect. Your declared charset is UTF-8.
W3C Validity
Errors : 0
Warnings : 0
Email Privacy
Warning! At least one email address has been found in the plain text. Use free antispam protector to hide email from spammers.
Deprecated HTML
Great! We haven't found deprecated HTML tags in your HTML.
Speed Tips
 |
Excellent, your website doesn't use nested tables. |
 |
Too bad, your website is using inline styles. |
|
Too bad, your website has too many CSS files (more than 4). |
|
Too bad, your website has too many JS files (more than 6). |
|
Perfect, your website takes advantage of gzip. |
Mobile
Mobile Optimization
|
Apple Icon |
|
Meta Viewport Tag |
|
Flash content |
Optimization
XML Sitemap
Missing
Your website does not have an XML sitemap - this can be problematic.
A sitemap lists URLs that are available for crawling and can include additional information like your site's latest updates, frequency of changes and importance of the URLs. This allows search engines to crawl the site more intelligently.
Robots.txt
http://rdmachine.com/robots.txt
Great, your website has a robots.txt file.
Analytics
Missing
We didn't detect an analytics tool installed on this website.
Web analytics let you measure visitor activity on your website. You should have at least one analytics tool installed, but It can also be good to install a second in order to cross-check the data.
PageSpeed Insights
Device
Categories
Seo Analyzer
Seo Analyzer is a free SEO tool which provides you content analysis of the website.