@import '/media/plg_system_jtaldef/index/css/2ebee300034df27163f360c097b112cf.css?ba7625ccb4d821b6717c08c0a972f9fc';
  html { font: 400 16px / 24px 'Lato'; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; background: #ffffff; color: #525252; } body { margin: 0; } a { background: transparent; } a:active, a:hover { outline: 0; } a, .uk-link { color: #b7c261; text-decoration: none; cursor: pointer; } a:hover, .uk-link:hover { color: #a5b337; text-decoration: underline; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } :not(pre) > code, :not(pre) > kbd, :not(pre) > samp { font-size: 14px; font-family: Consolas, monospace, serif; color: #525252; white-space: nowrap; padding: 2px 4px; border: 1px solid #eaeaea; border-radius: 2px; background: #fafafa; } em { color: #9c3302; } ins { background: #ededed; color: #525252; text-decoration: none; } mark { background: rgba(177, 189, 97, 0.3); color: #6e762e; } q { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; vertical-align: middle; } .uk-img-preserve, .uk-img-preserve img { max-width: none; } svg:not(:root) { overflow: hidden; } blockquote, figure { margin: 0; } p, ul, ol, dl, blockquote, pre, address, fieldset, figure { margin: 0 0 20px 0; } * + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure { margin-top: 20px; } h1, h2, h3, h4, h5, h6 { margin: 0 0 20px 0; font-family: 'Lato'; font-weight: 700; color: #525252; text-transform: uppercase; } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin-top: 30px; } h1, .uk-h1 { font-size: 38px; line-height: 48px; } h2, .uk-h2 { font-size: 32px; line-height: 40px; } h3, .uk-h3 { font-size: 26px; line-height: 34px; } h4, .uk-h4 { font-size: 18px; line-height: 25px; } h5, .uk-h5 { font-size: 16px; line-height: 24px; } h6, .uk-h6 { font-size: 14px; line-height: 21px; } ul, ol { padding-left: 30px; } ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } dt { font-weight: bold; } dd { margin-left: 0; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin: 20px 0; border: 0; border-top: 1px solid #eaeaea; } address { font-style: normal; } blockquote { padding-left: 15px; border-left: 5px solid #eaeaea; font-size: 18px; line-height: 25px; font-style: italic; } pre { padding: 10px; background: #fafafa; font: 14px / 21px Consolas, monospace, serif; color: #525252; -moz-tab-size: 4; tab-size: 4; overflow: auto; border: 1px solid #eaeaea; border-radius: 2px; } ::-moz-selection { background: rgba(177, 189, 97, 0.8); color: #ffffff; text-shadow: none; } ::selection { background: rgba(177, 189, 97, 0.8); color: #ffffff; text-shadow: none; } article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; } progress { vertical-align: baseline; } audio:not([controls]) { display: none; } [hidden], template { display: none; } iframe { border: 0; } @media screen and (max-width: 400px) { @-ms-viewport { width: device-width; } } h1, h2, h3, h4, h5, h6 { letter-spacing: 0; } .uk-grid:before, .uk-grid:after { content: " "; display: table; } .uk-grid:after { clear: both; } .uk-grid { margin: 0 0 0 -30px; padding: 0; list-style: none; } .uk-grid > * { margin: 0; padding-left: 30px; float: left; } .uk-grid > * > :last-child { margin-bottom: 0; } .uk-grid + .uk-grid { margin-top: 30px; } .uk-grid > .uk-grid-margin { margin-top: 30px; } .uk-grid > * > .uk-panel + .uk-panel { margin-top: 30px; } @media (min-width: 1220px) { .uk-grid:not(.uk-grid-preserve) { margin-left: -35px; } .uk-grid:not(.uk-grid-preserve) > * { padding-left: 35px; } .uk-grid:not(.uk-grid-preserve) + .uk-grid { margin-top: 35px; } .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { margin-top: 35px; } .uk-grid:not(.uk-grid-preserve) > * > .uk-panel + .uk-panel { margin-top: 35px; } } .uk-grid.uk-grid-small { margin-left: -10px; } .uk-grid.uk-grid-small > * { padding-left: 10px; } .uk-grid.uk-grid-small + .uk-grid-small { margin-top: 10px; } .uk-grid.uk-grid-small > .uk-grid-margin { margin-top: 10px; } .uk-grid.uk-grid-small > * > .uk-panel + .uk-panel { margin-top: 10px; } .uk-grid-divider:not(:empty) { margin-left: -30px; margin-right: -30px; } .uk-grid-divider > * { padding-left: 30px; padding-right: 30px; } .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left: 2px solid #eaeaea; } @media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 2px solid #eaeaea; } } @media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: 2px solid #eaeaea; } } @media (min-width: 1220px) { .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { margin-left: -35px; margin-right: -35px; } .uk-grid-divider:not(.uk-grid-preserve) > * { padding-left: 35px; padding-right: 35px; } .uk-grid-divider:not(.uk-grid-preserve):empty { margin-top: 35px; margin-bottom: 35px; } } .uk-grid-divider:empty { margin-top: 30px; margin-bottom: 30px; border-top: 2px solid #eaeaea; } [class*='uk-grid-width'] > * { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .uk-grid-width-1-2 > * { width: 50%; } .uk-grid-width-1-3 > * { width: 33.333%; } .uk-grid-width-1-4 > * { width: 25%; } .uk-grid-width-1-5 > * { width: 20%; } .uk-grid-width-1-6 > * { width: 16.666%; } .uk-grid-width-1-10 > * { width: 10%; } @media (min-width: 480px) { .uk-grid-width-small-1-2 > * { width: 50%; } .uk-grid-width-small-1-3 > * { width: 33.333%; } .uk-grid-width-small-1-4 > * { width: 25%; } .uk-grid-width-small-1-5 > * { width: 20%; } .uk-grid-width-small-1-6 > * { width: 16.666%; } .uk-grid-width-small-1-10 > * { width: 10%; } } @media (min-width: 768px) { .uk-grid-width-medium-1-2 > * { width: 50%; } .uk-grid-width-medium-1-3 > * { width: 33.333%; } .uk-grid-width-medium-1-4 > * { width: 25%; } .uk-grid-width-medium-1-5 > * { width: 20%; } .uk-grid-width-medium-1-6 > * { width: 16.666%; } .uk-grid-width-medium-1-10 > * { width: 10%; } } @media (min-width: 960px) { .uk-grid-width-large-1-2 > * { width: 50%; } .uk-grid-width-large-1-3 > * { width: 33.333%; } .uk-grid-width-large-1-4 > * { width: 25%; } .uk-grid-width-large-1-5 > * { width: 20%; } .uk-grid-width-large-1-6 > * { width: 16.666%; } .uk-grid-width-large-1-10 > * { width: 10%; } } @media (min-width: 1220px) { .uk-grid-width-xlarge-1-2 > * { width: 50%; } .uk-grid-width-xlarge-1-3 > * { width: 33.333%; } .uk-grid-width-xlarge-1-4 > * { width: 25%; } .uk-grid-width-xlarge-1-5 > * { width: 20%; } .uk-grid-width-xlarge-1-6 > * { width: 16.666%; } .uk-grid-width-xlarge-1-10 > * { width: 10%; } } [class*='uk-width'] { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .uk-width-1-1 { width: 100%; } .uk-width-1-2, .uk-width-2-4, .uk-width-3-6, .uk-width-5-10 { width: 50%; } .uk-width-1-3, .uk-width-2-6 { width: 33.333%; } .uk-width-2-3, .uk-width-4-6 { width: 66.666%; } .uk-width-1-4 { width: 25%; } .uk-width-3-4 { width: 75%; } .uk-width-1-5, .uk-width-2-10 { width: 20%; } .uk-width-2-5, .uk-width-4-10 { width: 40%; } .uk-width-3-5, .uk-width-6-10 { width: 60%; } .uk-width-4-5, .uk-width-8-10 { width: 80%; } .uk-width-1-6 { width: 16.666%; } .uk-width-5-6 { width: 83.333%; } .uk-width-1-10 { width: 10%; } .uk-width-3-10 { width: 30%; } .uk-width-7-10 { width: 70%; } .uk-width-9-10 { width: 90%; } @media (min-width: 480px) { .uk-width-small-1-1 { width: 100%; } .uk-width-small-1-2, .uk-width-small-2-4, .uk-width-small-3-6, .uk-width-small-5-10 { width: 50%; } .uk-width-small-1-3, .uk-width-small-2-6 { width: 33.333%; } .uk-width-small-2-3, .uk-width-small-4-6 { width: 66.666%; } .uk-width-small-1-4 { width: 25%; } .uk-width-small-3-4 { width: 75%; } .uk-width-small-1-5, .uk-width-small-2-10 { width: 20%; } .uk-width-small-2-5, .uk-width-small-4-10 { width: 40%; } .uk-width-small-3-5, .uk-width-small-6-10 { width: 60%; } .uk-width-small-4-5, .uk-width-small-8-10 { width: 80%; } .uk-width-small-1-6 { width: 16.666%; } .uk-width-small-5-6 { width: 83.333%; } .uk-width-small-1-10 { width: 10%; } .uk-width-small-3-10 { width: 30%; } .uk-width-small-7-10 { width: 70%; } .uk-width-small-9-10 { width: 90%; } } @media (min-width: 768px) { .uk-width-medium-1-1 { width: 100%; } .uk-width-medium-1-2, .uk-width-medium-2-4, .uk-width-medium-3-6, .uk-width-medium-5-10 { width: 50%; } .uk-width-medium-1-3, .uk-width-medium-2-6 { width: 33.333%; } .uk-width-medium-2-3, .uk-width-medium-4-6 { width: 66.666%; } .uk-width-medium-1-4 { width: 25%; } .uk-width-medium-3-4 { width: 75%; } .uk-width-medium-1-5, .uk-width-medium-2-10 { width: 20%; } .uk-width-medium-2-5, .uk-width-medium-4-10 { width: 40%; } .uk-width-medium-3-5, .uk-width-medium-6-10 { width: 60%; } .uk-width-medium-4-5, .uk-width-medium-8-10 { width: 80%; } .uk-width-medium-1-6 { width: 16.666%; } .uk-width-medium-5-6 { width: 83.333%; } .uk-width-medium-1-10 { width: 10%; } .uk-width-medium-3-10 { width: 30%; } .uk-width-medium-7-10 { width: 70%; } .uk-width-medium-9-10 { width: 90%; } } @media (min-width: 960px) { .uk-width-large-1-1 { width: 100%; } .uk-width-large-1-2, .uk-width-large-2-4, .uk-width-large-3-6, .uk-width-large-5-10 { width: 50%; } .uk-width-large-1-3, .uk-width-large-2-6 { width: 33.333%; } .uk-width-large-2-3, .uk-width-large-4-6 { width: 66.666%; } .uk-width-large-1-4 { width: 25%; } .uk-width-large-3-4 { width: 75%; } .uk-width-large-1-5, .uk-width-large-2-10 { width: 20%; } .uk-width-large-2-5, .uk-width-large-4-10 { width: 40%; } .uk-width-large-3-5, .uk-width-large-6-10 { width: 60%; } .uk-width-large-4-5, .uk-width-large-8-10 { width: 80%; } .uk-width-large-1-6 { width: 16.666%; } .uk-width-large-5-6 { width: 83.333%; } .uk-width-large-1-10 { width: 10%; } .uk-width-large-3-10 { width: 30%; } .uk-width-large-7-10 { width: 70%; } .uk-width-large-9-10 { width: 90%; } } @media (min-width: 768px) { [class*='uk-push-'], [class*='uk-pull-'] { position: relative; } .uk-push-1-2, .uk-push-2-4, .uk-push-3-6, .uk-push-5-10 { left: 50%; } .uk-push-1-3, .uk-push-2-6 { left: 33.333%; } .uk-push-2-3, .uk-push-4-6 { left: 66.666%; } .uk-push-1-4 { left: 25%; } .uk-push-3-4 { left: 75%; } .uk-push-1-5, .uk-push-2-10 { left: 20%; } .uk-push-2-5, .uk-push-4-10 { left: 40%; } .uk-push-3-5, .uk-push-6-10 { left: 60%; } .uk-push-4-5, .uk-push-8-10 { left: 80%; } .uk-push-1-6 { left: 16.666%; } .uk-push-5-6 { left: 83.333%; } .uk-push-1-10 { left: 10%; } .uk-push-3-10 { left: 30%; } .uk-push-7-10 { left: 70%; } .uk-push-9-10 { left: 90%; } .uk-pull-1-2, .uk-pull-2-4, .uk-pull-3-6, .uk-pull-5-10 { left: -50%; } .uk-pull-1-3, .uk-pull-2-6 { left: -33.333%; } .uk-pull-2-3, .uk-pull-4-6 { left: -66.666%; } .uk-pull-1-4 { left: -25%; } .uk-pull-3-4 { left: -75%; } .uk-pull-1-5, .uk-pull-2-10 { left: -20%; } .uk-pull-2-5, .uk-pull-4-10 { left: -40%; } .uk-pull-3-5, .uk-pull-6-10 { left: -60%; } .uk-pull-4-5, .uk-pull-8-10 { left: -80%; } .uk-pull-1-6 { left: -16.666%; } .uk-pull-5-6 { left: -83.333%; } .uk-pull-1-10 { left: -10%; } .uk-pull-3-10 { left: -30%; } .uk-pull-7-10 { left: -70%; } .uk-pull-9-10 { left: -90%; } } .uk-grid-divider > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), .uk-grid-divider > [class*='uk-width-2-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-3-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-4-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-5-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-6-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-7-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-8-']:nth-child(n+2), .uk-grid-divider > [class*='uk-width-9-']:nth-child(n+2) { border-left-style: dotted; -webkit-border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; } @media (min-width: 768px) { .uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left-style: dotted; -webkit-border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; } } @media (min-width: 960px) { .uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { border-left-style: dotted; -webkit-border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_vertical.svg") 0 0 0 2 repeat; } } .uk-panel { display: block; position: relative; } .uk-panel:before, .uk-panel:after { content: " "; display: table; } .uk-panel:after { clear: both; } .uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; } .uk-panel-title { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #525252; } .uk-panel-badge { position: absolute; top: 0; right: 0; z-index: 1; } .uk-panel-box { padding: 30px; background: #ffffff; color: #525252; border: 1px solid #eaeaea; } .uk-panel-box .uk-panel-title { color: #525252; } .uk-panel-box .uk-panel-badge { top: -1px; right: 10px; } .uk-panel-box .uk-panel-teaser { margin: -30px -30px 20px -30px; } .uk-panel-box > .uk-nav-side { margin: 0 -30px; } .uk-panel-box-primary { background-color: #b7c261; color: rgba(255, 255, 255, 0.9); border: none; box-shadow: inset 0 0 9px rgba(161, 173, 67, 0.8); } .uk-panel-box-primary > a:not([class]), .uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]) { color: #7b8629; } .uk-panel-box-primary > a:not([class]):hover, .uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]):hover { color: #697223; } .uk-panel-box-primary:before { content: none; } .uk-panel-box-primary .uk-panel-title { color: #ffffff; } .uk-panel-box-secondary { background-color: #fafafa; color: #525252; } .uk-panel-box-secondary:before { content: none; } .uk-panel-box-secondary .uk-panel-title { color: #525252; } .uk-panel-header .uk-panel-title { padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0); color: #525252; } .uk-panel-header .uk-panel-title.uk-panel-title:after { content: ""; display: block; height: 10px; margin-top: 10px; background: url("/templates/sakusanatemplate/less/uikit/images/default/border_striped_horizontal.png") 0 0 repeat-x; } .uk-panel-space { padding: 30px; } .uk-panel-space .uk-panel-badge { top: 30px; right: 30px; } .uk-panel + .uk-panel-divider { margin-top: 60px !important; } .uk-panel + .uk-panel-divider:before { content: ""; display: block; position: absolute; top: -30px; left: 0; right: 0; border-top: 1px solid #eaeaea; } @media (min-width: 1220px) { .uk-panel + .uk-panel-divider { margin-top: 70px !important; } .uk-panel + .uk-panel-divider:before { top: -35px; } } .uk-article:before, .uk-article:after { content: " "; display: table; } .uk-article:after { clear: both; } .uk-article > :last-child { margin-bottom: 0; } .uk-article + .uk-article { margin-top: 30px; } .uk-article-title { font-size: 40px; line-height: 42px; font-weight: 700; text-transform: uppercase; } .uk-article-title a { color: inherit; text-decoration: none; } .uk-article-meta { font-size: 18px; line-height: 27px; color: #777777; font-family: 'Times New Roman'; font-style: italic; } .uk-article-lead { color: rgba(82, 82, 82, 0.8); font-size: 20px; line-height: 27px; font-weight: normal; } .uk-article-divider { margin-bottom: 30px; border-color: #eaeaea; } * + .uk-article-divider { margin-top: 30px; } .uk-comment-header { margin-bottom: 20px; } .uk-comment-header:before, .uk-comment-header:after { content: " "; display: table; } .uk-comment-header:after { clear: both; } .uk-comment-avatar { margin-right: 20px; float: left; border: 3px solid #ffffff; border-radius: 100px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .uk-comment-title { margin: 5px 0 0 0; font-size: 18px; line-height: 25px; font-weight: 700; } .uk-comment-meta { margin: 2px 0 0 0; font-size: 12px; line-height: 17px; color: #aaaaaa; } .uk-comment-body > :last-child { margin-bottom: 0; } .uk-comment-list { padding: 0; list-style: none; } .uk-comment-list .uk-comment + ul { margin: 20px 0 0 0; list-style: none; } .uk-comment-list > li:nth-child(n+2), .uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: 20px; } @media (min-width: 768px) { .uk-comment-list .uk-comment + ul { padding-left: 100px; } } .uk-comment-primary { padding: 20px; background: #fafafa; box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03); border: 1px solid #eaeaea; } .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } .uk-nav li > a { display: block; text-decoration: none; } .uk-nav > li > a { padding: 7px 15px; } .uk-nav ul { padding-left: 15px; } .uk-nav ul a { padding: 2px 0; } .uk-nav li > a > div { font-size: 14px; line-height: 21px; } .uk-nav-header { padding: 7px 15px; text-transform: uppercase; font-size: 12px; font-weight: bold; } .uk-nav-header:not(:first-child) { margin-top: 20px; } .uk-nav-divider { margin: 0 0; border-width: 3px !important; } ul.uk-nav-sub { padding: 10px 0 10px 0; padding: 10px 20px; border-top: 1px solid #eaeaea; background: #fafafa; } .uk-nav-parent-icon > .uk-parent > a:after { content: "\f104"; width: 24px; margin-right: 0; float: right; font-family: FontAwesome; text-align: center; } .uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: "\f107"; } .uk-nav-side > li > a { color: rgba(82, 82, 82, 0.6); padding: 7px 0; } .uk-nav-side > li > a:hover, .uk-nav-side > li > a:focus { background: rgba(0, 0, 0, 0); color: #525252; outline: none; } .uk-nav-side > li.uk-active > a { background: rgba(0, 0, 0, 0); color: #525252; } .uk-nav-side .uk-nav-header { color: rgba(82, 82, 82, 0.85); padding: 7px 0; } .uk-nav-side .uk-nav-divider { border-top: 1px solid #eaeaea; } .uk-nav-side ul a { color: #aaaaaa; } .uk-nav-side ul a:hover { color: #525252; } .uk-nav-dropdown > li > a { color: #9f9f9f; } .uk-nav-dropdown > li > a:hover, .uk-nav-dropdown > li > a:focus { background: rgba(0, 0, 0, 0); color: #111111; outline: none; } .uk-nav-dropdown .uk-nav-header { color: #525252; font-weight: bold; } .uk-nav-dropdown .uk-nav-divider { border-top: 1px solid #eaeaea; } .uk-nav-dropdown ul a { color: #aaaaaa; } .uk-nav-dropdown ul a:hover { color: #525252; } .uk-nav-navbar > li > a { color: #525252; -webkit-transition: background-color 0.1s ease-in-out; transition: background-color 0.1s ease-in-out; } .uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus { background: #fafafa; color: #525252; outline: none; } .uk-nav-navbar .uk-nav-header { color: #525252; padding-left: 15px; } .uk-nav-navbar .uk-nav-divider { border-top: 1px solid rgba(234, 234, 234, 0.5); } .uk-nav-navbar ul a { color: rgba(82, 82, 82, 0.5); } .uk-nav-navbar ul a:hover { color: #525252; } .uk-nav-offcanvas > li > a { color: rgba(255, 255, 255, 0.5); padding: 10px 15px; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); } .uk-nav-offcanvas > .uk-open > a, html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { background: #373737; color: #ffffff; outline: none; } html .uk-nav.uk-nav-offcanvas > li.uk-active > a { background: #1d1d1d; color: #ffffff; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } html .uk-nav.uk-nav-offcanvas > li.uk-active > a:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 44px; border: 1px solid rgba(0, 0, 0, 0.06); background: #b1bd61; background-image: -webkit-linear-gradient(top, #bbc46a, #abb95b); background-image: linear-gradient(to bottom, #bbc46a, #abb95b); } .uk-nav-offcanvas .uk-nav-header { color: #777777; padding: 10px 15px; } .uk-nav-offcanvas .uk-nav-divider { border-top: 1px solid #101010; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); } .uk-nav-offcanvas ul a { color: rgba(255, 255, 255, 0.5); } html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: #ffffff; } .uk-nav-dropdown > .uk-active > a { color: #525252; } .uk-nav-navbar > .uk-active > a { background-color: #fafafa; } .uk-nav-side > li:not(.uk-nav-header) + li > a { border-top: 1px solid #eaeaea; } .uk-nav-side > .uk-open > a { color: #525252; } .uk-nav-navbar.uk-panel > li > a { color: #525252; } .uk-nav-navbar.uk-panel > li > a:hover { color: #525252; } .uk-nav-offcanvas { border-bottom: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); } .uk-nav-offcanvas ul.uk-nav-sub { border-top-color: none; background: rgba(255, 255, 255, 0.05); } .uk-nav-offcanvas ul.uk-nav-sub { border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); } .uk-panel-box .uk-nav-side { margin: 0; } .uk-panel-box .uk-open + li a { border-top: transparent; } .uk-panel-box .uk-nav-side .uk-nav-header { padding-left: 0; } .uk-panel-box .uk-nav-side .uk-nav-sub { background: none; border-top: transparent; } .uk-panel-box .uk-open.uk-parent ul.uk-nav-sub { background: #fafafa; } .uk-panel-box .uk-open.uk-parent > a { border-bottom: 1px solid #eaeaea; } .uk-navbar { background: #ffffff; color: #77797a; border-top: 1px solid #eaeaea; } .uk-navbar:before, .uk-navbar:after { content: " "; display: table; } .uk-navbar:after { clear: both; } .uk-navbar-nav { margin: 0; padding: 0; list-style: none; float: left; } .uk-navbar-nav > li { float: left; position: relative; } .uk-navbar-nav > li > a { display: block; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; height: 60px; padding: 0 15px; line-height: 60px; color: #aaaaaa; font-size: 14px; font-family: 'Lato'; font-weight: 400; background-image: linear-gradient(#ffffff, #ffffff 50%, #ffffff 50%, #ffffff); background-position: 0 100%; background-size: 100% 210%; text-transform: uppercase; } .uk-navbar-nav > li > a[href='#'] { cursor: text; } .uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a { background-color: #ffffff; color: #525252; outline: none; background-position: 0 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .uk-navbar-nav > li > a:active { background-color: #dddddd; color: #525252; } .uk-navbar-nav > li.uk-active > a { background-color: rgba(0, 0, 0, 0); color: #525252; font-weight: bold; } .uk-navbar-nav > li.uk-active > a:hover { color: #525252; } .uk-navbar-nav .uk-navbar-nav-subtitle { line-height: 48px; } .uk-navbar-nav-subtitle > div { margin-top: -16px; font-size: 10px; line-height: 12px; } .uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle { -moz-box-sizing: border-box; box-sizing: border-box; display: block; height: 60px; padding: 0 15px; float: left; } .uk-navbar-content:before, .uk-navbar-brand:before, .uk-navbar-toggle:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; } .uk-navbar-content > a:not([class]) { color: #b7c261; } .uk-navbar-content > a:not([class]):hover { color: #a5b337; } .uk-navbar-brand { font-size: 20px; color: #525252; text-decoration: none; } .uk-navbar-brand:hover, .uk-navbar-brand:focus { color: #525252; text-decoration: none; outline: none; } .uk-navbar-toggle { font-size: 20px; color: #525252; text-decoration: none; } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus { color: #525252; text-decoration: none; outline: none; } .uk-navbar-toggle:after { content: "\f0c9"; font-family: FontAwesome; vertical-align: middle; } .uk-navbar-toggle-alt:after { content: "\f002"; } .uk-navbar-center { float: none; text-align: center; max-width: 50%; margin-left: auto; margin-right: auto; } .uk-navbar-flip { float: right; } .uk-navbar-nav > .uk-active.uk-open > a { color: #525252; } .uk-navbar-toggle { padding: 0; } .uk-subnav { padding: 0; list-style: none; font-size: 0.001px; } .uk-subnav > li { position: relative; font-size: 1rem; vertical-align: top; } .uk-subnav > li, .uk-subnav > li > a, .uk-subnav > li > span { display: inline-block; } .uk-subnav > li:nth-child(n+2) { margin-left: 10px; } .uk-subnav > li > a { color: #525252; } .uk-subnav > li > a:hover { color: rgba(82, 82, 82, 0.7); } .uk-subnav > li > span { color: #aaaaaa; } .uk-subnav-line > li:nth-child(n+2):before { content: ""; display: inline-block; height: 10px; margin-right: 10px; border-left: 1px solid #d1d1d1; } .uk-subnav-pill > li > a, .uk-subnav-pill > li > span { padding: 3px 9px; text-decoration: none; padding: 3px 8px; border: 1px solid #eaeaea; border-radius: 1px; background: #fcfcfc; } .uk-subnav-pill > li > a:hover, .uk-subnav-pill > li > a:focus { background: #fcfcfc; color: rgba(82, 82, 82, 0.8); outline: none; border-color: rgba(0, 0, 0, 0.1); -webkit-transition: none; transition: none; } .uk-subnav-pill > li.uk-active > a { background: #b1bd61; color: #ffffff; border-color: rgba(0, 0, 0, 0.07); } .uk-subnav { font-weight: 400; } .uk-subnav > li > a:hover { text-decoration: none; } .uk-breadcrumb { padding: 0; list-style: none; font-size: 0.001px; } .uk-breadcrumb > li { font-size: 1rem; vertical-align: top; } .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span { display: inline-block; } .uk-breadcrumb > li:nth-child(n+2):before { content: "\f105"; display: inline-block; margin: 0 8px; margin: 1px 8px; color: #b7c261; font-family: "FontAwesome"; } .uk-breadcrumb > li:not(.uk-active) > span { color: #aaaaaa; } .uk-pagination { padding: 0; list-style: none; text-align: center; font-size: 0.001px; } .uk-pagination:before, .uk-pagination:after { content: " "; display: table; } .uk-pagination:after { clear: both; } .uk-pagination > li { display: inline-block; font-size: 1rem; vertical-align: top; } .uk-pagination > li:nth-child(n+2) { margin-left: 5px; } .uk-pagination > li > a, .uk-pagination > li > span { display: inline-block; min-width: 20px; padding: 3px 5px; line-height: 24px; text-decoration: none; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; padding: 5px 7px; border: 1px solid #dedede; } .uk-pagination > li > a { background: #fafafa; color: #525252; } .uk-pagination > li > a:hover, .uk-pagination > li > a:focus { background-color: #f5f5f5; color: rgba(82, 82, 82, 0.8); outline: none; } .uk-pagination > li > a:active { background-color: #eeeeee; color: #525252; position: relative; } .uk-pagination > .uk-active > span { background: #b1bd61; color: #ffffff; border-color: #9aa645; } .uk-pagination > .uk-disabled > span { background-color: #fafafa; color: #aaaaaa; } .uk-pagination-previous { float: left; } .uk-pagination-next { float: right; } .uk-pagination-left { text-align: left; } .uk-pagination-right { text-align: right; } .uk-pagination > li:nth-child(n+2) { margin-left: -1px; } .uk-pagination > li > a.previous { margin-right: 10px; } .uk-pagination > li > a.next { margin-left: 10px; } .uk-pagination .uk-active { position: relative; } .uk-tab { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #eaeaea; } .uk-tab:before, .uk-tab:after { content: " "; display: table; } .uk-tab:after { clear: both; } .uk-tab > li { margin-bottom: -1px; float: left; position: relative; } .uk-tab > li > a { display: block; padding: 10px 20px 10px 20px; border: 1px solid transparent; border-bottom-width: 0; color: #525252; text-decoration: none; font-weight: 400; } .uk-tab > li:nth-child(n+2) > a { margin-left: 5px; } .uk-tab > li > a:hover, .uk-tab > li > a:focus, .uk-tab > li.uk-open > a { border-color: #eaeaea; background: #fafafa; color: rgba(82, 82, 82, 0.8); outline: none; } .uk-tab > li:not(.uk-active) > a:hover, .uk-tab > li:not(.uk-active) > a:focus, .uk-tab > li.uk-open:not(.uk-active) > a { margin-bottom: 1px; padding-bottom: 9px; } .uk-tab > li.uk-active > a { border-color: #eaeaea; border-bottom-color: transparent; background: #ffffff; color: #525252; font-weight: 600; } .uk-tab > li.uk-disabled > a { color: #aaaaaa; cursor: auto; } .uk-tab > li.uk-disabled > a:hover, .uk-tab > li.uk-disabled > a:focus, .uk-tab > li.uk-disabled.uk-active > a { background: none; border-color: transparent; } .uk-tab-flip > li { float: right; } .uk-tab-flip > li:nth-child(n+2) > a { margin-left: 0; margin-right: 5px; } .uk-tab > li.uk-tab-responsive > a { margin-left: 0; margin-right: 0; } .uk-tab-responsive > a:before { content: "\f0c9\00a0"; font-family: FontAwesome; } .uk-tab-center { border-bottom: 1px solid #eaeaea; } .uk-tab-center-bottom { border-bottom: none; border-top: 1px solid #eaeaea; } .uk-tab-center:before, .uk-tab-center:after { content: " "; display: table; } .uk-tab-center:after { clear: both; } .uk-tab-center .uk-tab { position: relative; right: 50%; border: none; float: right; } .uk-tab-center .uk-tab > li { position: relative; right: -50%; } .uk-tab-center .uk-tab > li > a { text-align: center; } .uk-tab-bottom { border-top: 1px solid #eaeaea; border-bottom: none; } .uk-tab-bottom > li { margin-top: -1px; margin-bottom: 0; } .uk-tab-bottom > li > a { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-top-width: 0; } .uk-tab-bottom > li:not(.uk-active) > a:hover, .uk-tab-bottom > li:not(.uk-active) > a:focus, .uk-tab-bottom > li.uk-open:not(.uk-active) > a { margin-bottom: 0; margin-top: 1px; padding-bottom: 10px; padding-top: 9px; } .uk-tab-bottom > li.uk-active > a { border-top-color: transparent; border-bottom-color: #eaeaea; } .uk-tab-grid { margin-left: -5px; border-bottom: none; position: relative; z-index: 0; } .uk-tab-grid:before { display: block; position: absolute; left: 5px; right: 0; bottom: -1px; border-top: 1px solid #eaeaea; z-index: -1; } .uk-tab-grid > li:first-child > a { margin-left: 5px; } .uk-tab-grid > li > a { text-align: center; } .uk-tab-grid.uk-tab-bottom { border-top: none; } .uk-tab-grid.uk-tab-bottom:before { top: -1px; bottom: auto; } @media (min-width: 768px) { .uk-tab-left, .uk-tab-right { border-bottom: none; } .uk-tab-left > li, .uk-tab-right > li { margin-bottom: 0; float: none; } .uk-tab-left > li > a, .uk-tab-right > li > a { padding-top: 10px; padding-bottom: 10px; } .uk-tab-left > li:nth-child(n+2) > a, .uk-tab-right > li:nth-child(n+2) > a { margin-left: 0; margin-top: 5px; } .uk-tab-left > li.uk-active > a, .uk-tab-right > li.uk-active > a { border-color: #eaeaea; } .uk-tab-left { border-right: 1px solid #eaeaea; } .uk-tab-left > li { margin-right: -1px; } .uk-tab-left > li > a { border-bottom-width: 1px; border-right-width: 0; } .uk-tab-left > li:not(.uk-active) > a:hover, .uk-tab-left > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-right: 1px; padding-bottom: 10px; padding-right: 19px; } .uk-tab-left > li.uk-active > a { border-right-color: transparent; } .uk-tab-right { border-left: 1px solid #eaeaea; } .uk-tab-right > li { margin-left: -1px; } .uk-tab-right > li > a { border-bottom-width: 1px; border-left-width: 0; } .uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus { margin-bottom: 0; margin-left: 1px; padding-bottom: 10px; padding-left: 19px; } .uk-tab-right > li.uk-active > a { border-left-color: transparent; } } .uk-tab > li:nth-child(n+2) > a { margin-left: -1px; } .uk-tab-flip > li:nth-child(n+2) > a { margin-right: -1px; } .uk-tab-left > li:nth-child(n+2) > a { margin: -1px 0 0 0; } .uk-tab-right > li:nth-child(n+2) > a { margin-top: -1px; } .uk-tab-right > li:not(.uk-active) > a:hover, .uk-tab-right > li:not(.uk-active) > a:focus { padding-left: 18px; } .uk-list { padding: 0; list-style: none; } .uk-list > li:before, .uk-list > li:after { content: " "; display: table; } .uk-list > li:after { clear: both; } .uk-list > li > :last-child { margin-bottom: 0; } .uk-list ul { margin: 0; padding-left: 20px; list-style: none; } .uk-list-line > li:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #eaeaea; } .uk-list-striped > li { padding: 5px 5px; } .uk-list-striped > li:nth-of-type(odd) { background: #fafafa; } .uk-list-space > li:nth-child(n+2) { margin-top: 10px; } .uk-list > li > a { color: rgba(82, 82, 82, 0.6); } .uk-list > li > a:hover { color: #525252; } @media (min-width: 768px) { .uk-description-list-horizontal { overflow: hidden; } .uk-description-list-horizontal > dt { width: 160px; float: left; clear: both; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-description-list-horizontal > dd { margin-left: 180px; } } .uk-description-list-line > dt { font-weight: normal; } .uk-description-list-line > dt:nth-child(n+2) { margin-top: 5px; padding-top: 5px; border-top: 1px solid #eaeaea; } .uk-description-list-line > dd { color: #aaaaaa; } .uk-table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 20px; } * + .uk-table { margin-top: 20px; } .uk-table th, .uk-table td { padding: 10px 10px; } .uk-table th { text-align: left; } .uk-table td { vertical-align: top; } .uk-table thead th { vertical-align: bottom; } .uk-table caption, .uk-table tfoot { font-size: 14px; font-style: italic; } .uk-table caption { text-align: left; color: #aaaaaa; } .uk-table-middle, .uk-table-middle td { vertical-align: middle !important; } .uk-table-striped tbody tr:nth-of-type(odd) { background: #fafafa; } .uk-table-condensed td { padding: 4px 8px; } .uk-table-hover tbody tr:hover { background: #fafafa; } .uk-table thead th { border: 1px solid #eaeaea; color: #525252; text-transform: uppercase; text-align: center; } .uk-table thead th:first-child, .uk-table td:first-child { border-left: none; text-align: left; } .uk-table thead th:last-child { border-right: none; } .uk-table td { position: relative; border-left: 1px solid #eaeaea; vertical-align: middle; text-align: center; } .uk-form input, .uk-form select, .uk-form textarea { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; color: inherit; } .uk-form select { text-transform: none; } .uk-form optgroup { font: inherit; font-weight: bold; } .uk-form input::-moz-focus-inner { border: 0; padding: 0; } .uk-form input[type="checkbox"], .uk-form input[type="radio"] { padding: 0; } .uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) { cursor: pointer; } .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="number"], .uk-form input[type="datetime"] { -webkit-appearance: none; } .uk-form input[type="search"]::-webkit-search-cancel-button, .uk-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .uk-form input[type="number"]::-webkit-inner-spin-button, .uk-form input[type="number"]::-webkit-outer-spin-button { height: auto; } .uk-form fieldset { border: none; margin: 0; padding: 0; } .uk-form textarea { overflow: auto; vertical-align: top; } .uk-form ::-moz-placeholder { opacity: 1; } .uk-form :invalid { box-shadow: none; } .uk-form input:not([type="radio"]):not([type="checkbox"]), .uk-form select { vertical-align: middle; } .uk-form > :last-child { margin-bottom: 0; } .uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] { height: 37px; max-width: 100%; padding: 4px 6px; border: 1px solid #eaeaea; background: #ffffff; color: #525252; -webkit-transition: all linear 0.2s; transition: all linear 0.2s; font-weight: 300; } .uk-form select:focus, .uk-form textarea:focus, .uk-form input:not([type]):focus, .uk-form input[type="text"]:focus, .uk-form input[type="password"]:focus, .uk-form input[type="datetime"]:focus, .uk-form input[type="datetime-local"]:focus, .uk-form input[type="date"]:focus, .uk-form input[type="month"]:focus, .uk-form input[type="time"]:focus, .uk-form input[type="week"]:focus, .uk-form input[type="number"]:focus, .uk-form input[type="email"]:focus, .uk-form input[type="url"]:focus, .uk-form input[type="search"]:focus, .uk-form input[type="tel"]:focus, .uk-form input[type="color"]:focus { border-color: #d1d1d1; outline: 0; background: #ffffff; color: #525252; } .uk-form select:disabled, .uk-form textarea:disabled, .uk-form input:not([type]):disabled, .uk-form input[type="text"]:disabled, .uk-form input[type="password"]:disabled, .uk-form input[type="datetime"]:disabled, .uk-form input[type="datetime-local"]:disabled, .uk-form input[type="date"]:disabled, .uk-form input[type="month"]:disabled, .uk-form input[type="time"]:disabled, .uk-form input[type="week"]:disabled, .uk-form input[type="number"]:disabled, .uk-form input[type="email"]:disabled, .uk-form input[type="url"]:disabled, .uk-form input[type="search"]:disabled, .uk-form input[type="tel"]:disabled, .uk-form input[type="color"]:disabled { border-color: #eaeaea; background-color: #f5f5f5; color: #aaaaaa; } .uk-form :-ms-input-placeholder { color: #aaaaaa !important; } .uk-form ::-moz-placeholder { color: #aaaaaa; } .uk-form ::-webkit-input-placeholder { color: #aaaaaa; } .uk-form :disabled:-ms-input-placeholder { color: #aaaaaa !important; } .uk-form :disabled::-moz-placeholder { color: #aaaaaa; } .uk-form :disabled::-webkit-input-placeholder { color: #aaaaaa; } .uk-form legend { width: 100%; border: 0; padding: 0; padding-bottom: 20px; font-size: 20px; line-height: 33px; } .uk-form legend:after { content: ""; display: block; border-bottom: 1px solid #eaeaea; } select.uk-form-small, textarea.uk-form-small, input[type].uk-form-small, input:not([type]).uk-form-small { height: 26px; padding: 3px 3px; font-size: 14px; } select.uk-form-large, textarea.uk-form-large, input[type].uk-form-large, input:not([type]).uk-form-large { height: 41px; padding: 8px 6px; font-size: 18px; } .uk-form textarea, .uk-form select[multiple], .uk-form select[size] { height: auto; } .uk-form-danger { border-color: #e7dee0 !important; background: #fef8f9 !important; color: #d3b8b6 !important; } .uk-form-success { border-color: #e0e7d5 !important; background: #eff7ee !important; color: #afc4b0 !important; } .uk-form-blank { border-color: transparent !important; border-style: dashed !important; background: none !important; } .uk-form-blank:focus { border-color: #eaeaea !important; } input.uk-form-width-mini { width: 40px; } select.uk-form-width-mini { width: 65px; } .uk-form-width-small { width: 130px; } .uk-form-width-medium { width: 200px; } .uk-form-width-large { width: 500px; } .uk-form-row:before, .uk-form-row:after { content: " "; display: table; } .uk-form-row:after { clear: both; } .uk-form-row + .uk-form-row { margin-top: 20px; } .uk-form-help-inline { display: inline-block; margin: 0 0 0 10px; } .uk-form-help-block { margin: 5px 0 0 0; } .uk-form-controls > :first-child { margin-top: 0; } .uk-form-controls > :last-child { margin-bottom: 0; } .uk-form-controls-condensed { margin: 5px 0; } .uk-form-stacked .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } @media (max-width: 959px) { .uk-form-horizontal .uk-form-label { display: block; margin-bottom: 5px; font-weight: bold; } } @media (min-width: 960px) { .uk-form-horizontal .uk-form-label { width: 200px; margin-top: 5px; float: left; } .uk-form-horizontal .uk-form-controls { margin-left: 215px; } .uk-form-horizontal .uk-form-controls-text { padding-top: 5px; } } .uk-form-icon { display: inline-block; position: relative; max-width: 100%; } .uk-form-icon > [class*='uk-icon-'] { position: absolute; top: 50%; width: 36px; margin-top: -8px; font-size: 16px; color: #aaaaaa; text-align: center; pointer-events: none; } .uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: 36px !important; } .uk-form-icon-flip > [class*='uk-icon-'] { right: 0; } .uk-form-icon-flip > input { padding-right: 36px !important; } .uk-form legend { color: #525252; text-transform: uppercase; font-weight: 700; } .uk-button::-moz-focus-inner { border: 0; padding: 0; } .uk-button { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: #9f9f9f; text-transform: none; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 12px; background: #eeeeee; vertical-align: middle; line-height: 36px; min-height: 36px; text-decoration: none; text-align: center; border-width: 1px 1px 0 1px; border-style: solid; border-color: #eaeaea; background-image: -webkit-linear-gradient(top, #fcfcfc, #fafafa); background-image: linear-gradient(to bottom, #fcfcfc, #fafafa); box-shadow: inset 0 -1px rgba(0, 0, 0, 0.09); text-transform: uppercase; font-size: 14px; } .uk-button:not(:disabled) { cursor: pointer; } .uk-button:hover, .uk-button:focus { background-color: #fcfcfc; color: #c5c5c5; outline: none; text-decoration: none; border-color: rgba(0, 0, 0, 0.08); background-image: none; box-shadow: inset 1px 3px 2px rgba(0, 0, 0, 0.025), inset 0 -1px 1px rgba(0, 0, 0, 0.07); text-shadow: 1px 1px rgba(255, 255, 255, 0.9); } .uk-button:active, .uk-button.uk-active { background-color: #eeeeee; color: #c5c5c5; border-color: rgba(0, 0, 0, 0.09); background-image: none; box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.04), inset 0 0 1px rgba(0, 0, 0, 0.1); text-shadow: 1px 1px rgba(255, 255, 255, 0.5); } .uk-button-primary { background-color: #b1bd61; color: #ffffff; background-image: -webkit-linear-gradient(top, #bbc46a, #abb95b); background-image: linear-gradient(to bottom, #bbc46a, #abb95b); border-color: transparent; } .uk-button-primary:hover, .uk-button-primary:focus { background-color: #b1bd61; color: #ffffff; border-color: rgba(0, 0, 0, 0.1); background-image: none; box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.025); text-shadow: none; } .uk-button-primary:active, .uk-button-primary.uk-active { background-color: #acb956; color: #ffffff; background-image: none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); text-shadow: none; } .uk-button-success { background-color: #89b356; color: #ffffff; background-image: -webkit-linear-gradient(top, #91be59, #84ab54); background-image: linear-gradient(to bottom, #91be59, #84ab54); border-color: rgba(0, 0, 0, 0.06); } .uk-button-success:hover, .uk-button-success:focus { background-color: #89b356; color: #ffffff; background-image: none; border-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2); text-shadow: none; } .uk-button-success:active, .uk-button-success.uk-active { background-color: #82ac4e; color: #ffffff; background-image: none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: none; } .uk-button-danger { background-color: #ef6d38; color: #ffffff; border-color: rgba(0, 0, 0, 0.06); background-image: -webkit-linear-gradient(top, #f77a48, #ea642e); background-image: linear-gradient(to bottom, #f77a48, #ea642e); } .uk-button-danger:hover, .uk-button-danger:focus { background-color: #ef6d38; color: #ffffff; background-image: none; border-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.2); text-shadow: none; } .uk-button-danger:active, .uk-button-danger.uk-active { background-color: #ee622a; color: #ffffff; background-image: none; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); text-shadow: none; } .uk-button:disabled { background-color: #fafafa; color: #aaaaaa; box-shadow: inset 0 -1px rgba(0, 0, 0, 0.09); background-image: none; } .uk-button:disabled:hover { border-color: #eaeaea; } .uk-button-link, .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active, .uk-button-link:disabled { border-color: transparent; background: none; box-shadow: none; } .uk-button-link { color: #b7c261; } .uk-button-link:hover, .uk-button-link:focus, .uk-button-link:active, .uk-button-link.uk-active { color: #a5b337; text-decoration: underline; } .uk-button-link:disabled { color: #aaaaaa; } .uk-button-link:focus { outline: 1px dotted; } .uk-button-mini { min-height: 20px; padding: 0 6px; line-height: 20px; font-size: 12px; } .uk-button-small { min-height: 25px; padding: 0 10px; line-height: 25px; font-size: 14px; } .uk-button-large { min-height: 40px; padding: 0 15px; line-height: 40px; font-size: 18px; } .uk-button-group { display: inline-block; vertical-align: middle; position: relative; font-size: 0.001px; white-space: nowrap; } .uk-button-group > * { display: inline-block; } .uk-button-group .uk-button { vertical-align: top; } .uk-button-dropdown { display: inline-block; vertical-align: middle; position: relative; } .uk-button, a.uk-button, button.uk-button { font-weight: 300; } .uk-button-group > .uk-button:nth-child(n+2), .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; } .uk-button-group .uk-button:active { position: relative; } @font-face { font-family: 'FontAwesome'; src: url("../warp/vendor/uikit/fonts/fontawesome-webfont.eot"); src: url("../warp/vendor/uikit/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/templates/sakusanatemplate/warp/vendor/uikit/fonts/fontawesome-webfont.woff") format("woff"), url("/templates/sakusanatemplate/warp/vendor/uikit/fonts/fontawesome-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } [class*='uk-icon-'] { font-family: FontAwesome; display: inline-block; font-weight: normal; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uk-icon-small:before { font-size: 150%; vertical-align: -10%; } .uk-icon-medium:before { font-size: 200%; vertical-align: -16%; } .uk-icon-large:before { font-size: 250%; vertical-align: -22%; } .uk-icon-spin { display: inline-block; -webkit-animation: uk-rotate 2s infinite linear; animation: uk-rotate 2s infinite linear; } .uk-icon-button { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 26px; height: 26px; border-radius: 0; background: rgba(0, 0, 0, 0); line-height: 26px; color: #525252; font-size: 18px; text-align: center; } .uk-icon-button:hover, .uk-icon-button:focus { background-color: rgba(0, 0, 0, 0); color: #9f9f9f; text-decoration: none; outline: none; background-position: 0 0; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .uk-icon-button:active { background-color: rgba(0, 0, 0, 0); color: #d2d2d2; } .uk-icon-glass:before { content: "\f000"; } .uk-icon-music:before { content: "\f001"; } .uk-icon-search:before { content: "\f002"; } .uk-icon-envelope-o:before { content: "\f003"; } .uk-icon-heart:before { content: "\f004"; } .uk-icon-star:before { content: "\f005"; } .uk-icon-star-o:before { content: "\f006"; } .uk-icon-user:before { content: "\f007"; } .uk-icon-film:before { content: "\f008"; } .uk-icon-th-large:before { content: "\f009"; } .uk-icon-th:before { content: "\f00a"; } .uk-icon-th-list:before { content: "\f00b"; } .uk-icon-check:before { content: "\f00c"; } .uk-icon-remove:before, .uk-icon-close:before, .uk-icon-times:before { content: "\f00d"; } .uk-icon-search-plus:before { content: "\f00e"; } .uk-icon-search-minus:before { content: "\f010"; } .uk-icon-power-off:before { content: "\f011"; } .uk-icon-signal:before { content: "\f012"; } .uk-icon-gear:before, .uk-icon-cog:before { content: "\f013"; } .uk-icon-trash-o:before { content: "\f014"; } .uk-icon-home:before { content: "\f015"; } .uk-icon-file-o:before { content: "\f016"; } .uk-icon-clock-o:before { content: "\f017"; } .uk-icon-road:before { content: "\f018"; } .uk-icon-download:before { content: "\f019"; } .uk-icon-arrow-circle-o-down:before { content: "\f01a"; } .uk-icon-arrow-circle-o-up:before { content: "\f01b"; } .uk-icon-inbox:before { content: "\f01c"; } .uk-icon-play-circle-o:before { content: "\f01d"; } .uk-icon-rotate-right:before, .uk-icon-repeat:before { content: "\f01e"; } .uk-icon-refresh:before { content: "\f021"; } .uk-icon-list-alt:before { content: "\f022"; } .uk-icon-lock:before { content: "\f023"; } .uk-icon-flag:before { content: "\f024"; } .uk-icon-headphones:before { content: "\f025"; } .uk-icon-volume-off:before { content: "\f026"; } .uk-icon-volume-down:before { content: "\f027"; } .uk-icon-volume-up:before { content: "\f028"; } .uk-icon-qrcode:before { content: "\f029"; } .uk-icon-barcode:before { content: "\f02a"; } .uk-icon-tag:before { content: "\f02b"; } .uk-icon-tags:before { content: "\f02c"; } .uk-icon-book:before { content: "\f02d"; } .uk-icon-bookmark:before { content: "\f02e"; } .uk-icon-print:before { content: "\f02f"; } .uk-icon-camera:before { content: "\f030"; } .uk-icon-font:before { content: "\f031"; } .uk-icon-bold:before { content: "\f032"; } .uk-icon-italic:before { content: "\f033"; } .uk-icon-text-height:before { content: "\f034"; } .uk-icon-text-width:before { content: "\f035"; } .uk-icon-align-left:before { content: "\f036"; } .uk-icon-align-center:before { content: "\f037"; } .uk-icon-align-right:before { content: "\f038"; } .uk-icon-align-justify:before { content: "\f039"; } .uk-icon-list:before { content: "\f03a"; } .uk-icon-dedent:before, .uk-icon-outdent:before { content: "\f03b"; } .uk-icon-indent:before { content: "\f03c"; } .uk-icon-video-camera:before { content: "\f03d"; } .uk-icon-photo:before, .uk-icon-image:before, .uk-icon-picture-o:before { content: "\f03e"; } .uk-icon-pencil:before { content: "\f040"; } .uk-icon-map-marker:before { content: "\f041"; } .uk-icon-adjust:before { content: "\f042"; } .uk-icon-tint:before { content: "\f043"; } .uk-icon-edit:before, .uk-icon-pencil-square-o:before { content: "\f044"; } .uk-icon-share-square-o:before { content: "\f045"; } .uk-icon-check-square-o:before { content: "\f046"; } .uk-icon-arrows:before { content: "\f047"; } .uk-icon-step-backward:before { content: "\f048"; } .uk-icon-fast-backward:before { content: "\f049"; } .uk-icon-backward:before { content: "\f04a"; } .uk-icon-play:before { content: "\f04b"; } .uk-icon-pause:before { content: "\f04c"; } .uk-icon-stop:before { content: "\f04d"; } .uk-icon-forward:before { content: "\f04e"; } .uk-icon-fast-forward:before { content: "\f050"; } .uk-icon-step-forward:before { content: "\f051"; } .uk-icon-eject:before { content: "\f052"; } .uk-icon-chevron-left:before { content: "\f053"; } .uk-icon-chevron-right:before { content: "\f054"; } .uk-icon-plus-circle:before { content: "\f055"; } .uk-icon-minus-circle:before { content: "\f056"; } .uk-icon-times-circle:before { content: "\f057"; } .uk-icon-check-circle:before { content: "\f058"; } .uk-icon-question-circle:before { content: "\f059"; } .uk-icon-info-circle:before { content: "\f05a"; } .uk-icon-crosshairs:before { content: "\f05b"; } .uk-icon-times-circle-o:before { content: "\f05c"; } .uk-icon-check-circle-o:before { content: "\f05d"; } .uk-icon-ban:before { content: "\f05e"; } .uk-icon-arrow-left:before { content: "\f060"; } .uk-icon-arrow-right:before { content: "\f061"; } .uk-icon-arrow-up:before { content: "\f062"; } .uk-icon-arrow-down:before { content: "\f063"; } .uk-icon-mail-forward:before, .uk-icon-share:before { content: "\f064"; } .uk-icon-expand:before { content: "\f065"; } .uk-icon-compress:before { content: "\f066"; } .uk-icon-plus:before { content: "\f067"; } .uk-icon-minus:before { content: "\f068"; } .uk-icon-asterisk:before { content: "\f069"; } .uk-icon-exclamation-circle:before { content: "\f06a"; } .uk-icon-gift:before { content: "\f06b"; } .uk-icon-leaf:before { content: "\f06c"; } .uk-icon-fire:before { content: "\f06d"; } .uk-icon-eye:before { content: "\f06e"; } .uk-icon-eye-slash:before { content: "\f070"; } .uk-icon-warning:before, .uk-icon-exclamation-triangle:before { content: "\f071"; } .uk-icon-plane:before { content: "\f072"; } .uk-icon-calendar:before { content: "\f073"; } .uk-icon-random:before { content: "\f074"; } .uk-icon-comment:before { content: "\f075"; } .uk-icon-magnet:before { content: "\f076"; } .uk-icon-chevron-up:before { content: "\f077"; } .uk-icon-chevron-down:before { content: "\f078"; } .uk-icon-retweet:before { content: "\f079"; } .uk-icon-shopping-cart:before { content: "\f07a"; } .uk-icon-folder:before { content: "\f07b"; } .uk-icon-folder-open:before { content: "\f07c"; } .uk-icon-arrows-v:before { content: "\f07d"; } .uk-icon-arrows-h:before { content: "\f07e"; } .uk-icon-bar-chart-o:before, .uk-icon-bar-chart:before { content: "\f080"; } .uk-icon-twitter-square:before { content: "\f081"; } .uk-icon-facebook-square:before { content: "\f082"; } .uk-icon-camera-retro:before { content: "\f083"; } .uk-icon-key:before { content: "\f084"; } .uk-icon-gears:before, .uk-icon-cogs:before { content: "\f085"; } .uk-icon-comments:before { content: "\f086"; } .uk-icon-thumbs-o-up:before { content: "\f087"; } .uk-icon-thumbs-o-down:before { content: "\f088"; } .uk-icon-star-half:before { content: "\f089"; } .uk-icon-heart-o:before { content: "\f08a"; } .uk-icon-sign-out:before { content: "\f08b"; } .uk-icon-linkedin-square:before { content: "\f08c"; } .uk-icon-thumb-tack:before { content: "\f08d"; } .uk-icon-external-link:before { content: "\f08e"; } .uk-icon-sign-in:before { content: "\f090"; } .uk-icon-trophy:before { content: "\f091"; } .uk-icon-github-square:before { content: "\f092"; } .uk-icon-upload:before { content: "\f093"; } .uk-icon-lemon-o:before { content: "\f094"; } .uk-icon-phone:before { content: "\f095"; } .uk-icon-square-o:before { content: "\f096"; } .uk-icon-bookmark-o:before { content: "\f097"; } .uk-icon-phone-square:before { content: "\f098"; } .uk-icon-twitter:before { content: "\f099"; } .uk-icon-facebook:before { content: "\f09a"; } .uk-icon-github:before { content: "\f09b"; } .uk-icon-unlock:before { content: "\f09c"; } .uk-icon-credit-card:before { content: "\f09d"; } .uk-icon-rss:before { content: "\f09e"; } .uk-icon-hdd-o:before { content: "\f0a0"; } .uk-icon-bullhorn:before { content: "\f0a1"; } .uk-icon-bell:before { content: "\f0f3"; } .uk-icon-certificate:before { content: "\f0a3"; } .uk-icon-hand-o-right:before { content: "\f0a4"; } .uk-icon-hand-o-left:before { content: "\f0a5"; } .uk-icon-hand-o-up:before { content: "\f0a6"; } .uk-icon-hand-o-down:before { content: "\f0a7"; } .uk-icon-arrow-circle-left:before { content: "\f0a8"; } .uk-icon-arrow-circle-right:before { content: "\f0a9"; } .uk-icon-arrow-circle-up:before { content: "\f0aa"; } .uk-icon-arrow-circle-down:before { content: "\f0ab"; } .uk-icon-globe:before { content: "\f0ac"; } .uk-icon-wrench:before { content: "\f0ad"; } .uk-icon-tasks:before { content: "\f0ae"; } .uk-icon-filter:before { content: "\f0b0"; } .uk-icon-briefcase:before { content: "\f0b1"; } .uk-icon-arrows-alt:before { content: "\f0b2"; } .uk-icon-group:before, .uk-icon-users:before { content: "\f0c0"; } .uk-icon-chain:before, .uk-icon-link:before { content: "\f0c1"; } .uk-icon-cloud:before { content: "\f0c2"; } .uk-icon-flask:before { content: "\f0c3"; } .uk-icon-cut:before, .uk-icon-scissors:before { content: "\f0c4"; } .uk-icon-copy:before, .uk-icon-files-o:before { content: "\f0c5"; } .uk-icon-paperclip:before { content: "\f0c6"; } .uk-icon-save:before, .uk-icon-floppy-o:before { content: "\f0c7"; } .uk-icon-square:before { content: "\f0c8"; } .uk-icon-navicon:before, .uk-icon-reorder:before, .uk-icon-bars:before { content: "\f0c9"; } .uk-icon-list-ul:before { content: "\f0ca"; } .uk-icon-list-ol:before { content: "\f0cb"; } .uk-icon-strikethrough:before { content: "\f0cc"; } .uk-icon-underline:before { content: "\f0cd"; } .uk-icon-table:before { content: "\f0ce"; } .uk-icon-magic:before { content: "\f0d0"; } .uk-icon-truck:before { content: "\f0d1"; } .uk-icon-pinterest:before { content: "\f0d2"; } .uk-icon-pinterest-square:before { content: "\f0d3"; } .uk-icon-google-plus-square:before { content: "\f0d4"; } .uk-icon-google-plus:before { content: "\f0d5"; } .uk-icon-money:before { content: "\f0d6"; } .uk-icon-caret-down:before { content: "\f0d7"; } .uk-icon-caret-up:before { content: "\f0d8"; } .uk-icon-caret-left:before { content: "\f0d9"; } .uk-icon-caret-right:before { content: "\f0da"; } .uk-icon-columns:before { content: "\f0db"; } .uk-icon-unsorted:before, .uk-icon-sort:before { content: "\f0dc"; } .uk-icon-sort-down:before, .uk-icon-sort-desc:before { content: "\f0dd"; } .uk-icon-sort-up:before, .uk-icon-sort-asc:before { content: "\f0de"; } .uk-icon-envelope:before { content: "\f0e0"; } .uk-icon-linkedin:before { content: "\f0e1"; } .uk-icon-rotate-left:before, .uk-icon-undo:before { content: "\f0e2"; } .uk-icon-legal:before, .uk-icon-gavel:before { content: "\f0e3"; } .uk-icon-dashboard:before, .uk-icon-tachometer:before { content: "\f0e4"; } .uk-icon-comment-o:before { content: "\f0e5"; } .uk-icon-comments-o:before { content: "\f0e6"; } .uk-icon-flash:before, .uk-icon-bolt:before { content: "\f0e7"; } .uk-icon-sitemap:before { content: "\f0e8"; } .uk-icon-umbrella:before { content: "\f0e9"; } .uk-icon-paste:before, .uk-icon-clipboard:before { content: "\f0ea"; } .uk-icon-lightbulb-o:before { content: "\f0eb"; } .uk-icon-exchange:before { content: "\f0ec"; } .uk-icon-cloud-download:before { content: "\f0ed"; } .uk-icon-cloud-upload:before { content: "\f0ee"; } .uk-icon-user-md:before { content: "\f0f0"; } .uk-icon-stethoscope:before { content: "\f0f1"; } .uk-icon-suitcase:before { content: "\f0f2"; } .uk-icon-bell-o:before { content: "\f0a2"; } .uk-icon-coffee:before { content: "\f0f4"; } .uk-icon-cutlery:before { content: "\f0f5"; } .uk-icon-file-text-o:before { content: "\f0f6"; } .uk-icon-building-o:before { content: "\f0f7"; } .uk-icon-hospital-o:before { content: "\f0f8"; } .uk-icon-ambulance:before { content: "\f0f9"; } .uk-icon-medkit:before { content: "\f0fa"; } .uk-icon-fighter-jet:before { content: "\f0fb"; } .uk-icon-beer:before { content: "\f0fc"; } .uk-icon-h-square:before { content: "\f0fd"; } .uk-icon-plus-square:before { content: "\f0fe"; } .uk-icon-angle-double-left:before { content: "\f100"; } .uk-icon-angle-double-right:before { content: "\f101"; } .uk-icon-angle-double-up:before { content: "\f102"; } .uk-icon-angle-double-down:before { content: "\f103"; } .uk-icon-angle-left:before { content: "\f104"; } .uk-icon-angle-right:before { content: "\f105"; } .uk-icon-angle-up:before { content: "\f106"; } .uk-icon-angle-down:before { content: "\f107"; } .uk-icon-desktop:before { content: "\f108"; } .uk-icon-laptop:before { content: "\f109"; } .uk-icon-tablet:before { content: "\f10a"; } .uk-icon-mobile-phone:before, .uk-icon-mobile:before { content: "\f10b"; } .uk-icon-circle-o:before { content: "\f10c"; } .uk-icon-quote-left:before { content: "\f10d"; } .uk-icon-quote-right:before { content: "\f10e"; } .uk-icon-spinner:before { content: "\f110"; } .uk-icon-circle:before { content: "\f111"; } .uk-icon-mail-reply:before, .uk-icon-reply:before { content: "\f112"; } .uk-icon-github-alt:before { content: "\f113"; } .uk-icon-folder-o:before { content: "\f114"; } .uk-icon-folder-open-o:before { content: "\f115"; } .uk-icon-smile-o:before { content: "\f118"; } .uk-icon-frown-o:before { content: "\f119"; } .uk-icon-meh-o:before { content: "\f11a"; } .uk-icon-gamepad:before { content: "\f11b"; } .uk-icon-keyboard-o:before { content: "\f11c"; } .uk-icon-flag-o:before { content: "\f11d"; } .uk-icon-flag-checkered:before { content: "\f11e"; } .uk-icon-terminal:before { content: "\f120"; } .uk-icon-code:before { content: "\f121"; } .uk-icon-mail-reply-all:before, .uk-icon-reply-all:before { content: "\f122"; } .uk-icon-star-half-empty:before, .uk-icon-star-half-full:before, .uk-icon-star-half-o:before { content: "\f123"; } .uk-icon-location-arrow:before { content: "\f124"; } .uk-icon-crop:before { content: "\f125"; } .uk-icon-code-fork:before { content: "\f126"; } .uk-icon-unlink:before, .uk-icon-chain-broken:before { content: "\f127"; } .uk-icon-question:before { content: "\f128"; } .uk-icon-info:before { content: "\f129"; } .uk-icon-exclamation:before { content: "\f12a"; } .uk-icon-superscript:before { content: "\f12b"; } .uk-icon-subscript:before { content: "\f12c"; } .uk-icon-eraser:before { content: "\f12d"; } .uk-icon-puzzle-piece:before { content: "\f12e"; } .uk-icon-microphone:before { content: "\f130"; } .uk-icon-microphone-slash:before { content: "\f131"; } .uk-icon-shield:before { content: "\f132"; } .uk-icon-calendar-o:before { content: "\f133"; } .uk-icon-fire-extinguisher:before { content: "\f134"; } .uk-icon-rocket:before { content: "\f135"; } .uk-icon-maxcdn:before { content: "\f136"; } .uk-icon-chevron-circle-left:before { content: "\f137"; } .uk-icon-chevron-circle-right:before { content: "\f138"; } .uk-icon-chevron-circle-up:before { content: "\f139"; } .uk-icon-chevron-circle-down:before { content: "\f13a"; } .uk-icon-html5:before { content: "\f13b"; } .uk-icon-css3:before { content: "\f13c"; } .uk-icon-anchor:before { content: "\f13d"; } .uk-icon-unlock-alt:before { content: "\f13e"; } .uk-icon-bullseye:before { content: "\f140"; } .uk-icon-ellipsis-h:before { content: "\f141"; } .uk-icon-ellipsis-v:before { content: "\f142"; } .uk-icon-rss-square:before { content: "\f143"; } .uk-icon-play-circle:before { content: "\f144"; } .uk-icon-ticket:before { content: "\f145"; } .uk-icon-minus-square:before { content: "\f146"; } .uk-icon-minus-square-o:before { content: "\f147"; } .uk-icon-level-up:before { content: "\f148"; } .uk-icon-level-down:before { content: "\f149"; } .uk-icon-check-square:before { content: "\f14a"; } .uk-icon-pencil-square:before { content: "\f14b"; } .uk-icon-external-link-square:before { content: "\f14c"; } .uk-icon-share-square:before { content: "\f14d"; } .uk-icon-compass:before { content: "\f14e"; } .uk-icon-toggle-down:before, .uk-icon-caret-square-o-down:before { content: "\f150"; } .uk-icon-toggle-up:before, .uk-icon-caret-square-o-up:before { content: "\f151"; } .uk-icon-toggle-right:before, .uk-icon-caret-square-o-right:before { content: "\f152"; } .uk-icon-euro:before, .uk-icon-eur:before { content: "\f153"; } .uk-icon-gbp:before { content: "\f154"; } .uk-icon-dollar:before, .uk-icon-usd:before { content: "\f155"; } .uk-icon-rupee:before, .uk-icon-inr:before { content: "\f156"; } .uk-icon-cny:before, .uk-icon-rmb:before, .uk-icon-yen:before, .uk-icon-jpy:before { content: "\f157"; } .uk-icon-ruble:before, .uk-icon-rouble:before, .uk-icon-rub:before { content: "\f158"; } .uk-icon-won:before, .uk-icon-krw:before { content: "\f159"; } .uk-icon-bitcoin:before, .uk-icon-btc:before { content: "\f15a"; } .uk-icon-file:before { content: "\f15b"; } .uk-icon-file-text:before { content: "\f15c"; } .uk-icon-sort-alpha-asc:before { content: "\f15d"; } .uk-icon-sort-alpha-desc:before { content: "\f15e"; } .uk-icon-sort-amount-asc:before { content: "\f160"; } .uk-icon-sort-amount-desc:before { content: "\f161"; } .uk-icon-sort-numeric-asc:before { content: "\f162"; } .uk-icon-sort-numeric-desc:before { content: "\f163"; } .uk-icon-thumbs-up:before { content: "\f164"; } .uk-icon-thumbs-down:before { content: "\f165"; } .uk-icon-youtube-square:before { content: "\f166"; } .uk-icon-youtube:before { content: "\f167"; } .uk-icon-xing:before { content: "\f168"; } .uk-icon-xing-square:before { content: "\f169"; } .uk-icon-youtube-play:before { content: "\f16a"; } .uk-icon-dropbox:before { content: "\f16b"; } .uk-icon-stack-overflow:before { content: "\f16c"; } .uk-icon-instagram:before { content: "\f16d"; } .uk-icon-flickr:before { content: "\f16e"; } .uk-icon-adn:before { content: "\f170"; } .uk-icon-bitbucket:before { content: "\f171"; } .uk-icon-bitbucket-square:before { content: "\f172"; } .uk-icon-tumblr:before { content: "\f173"; } .uk-icon-tumblr-square:before { content: "\f174"; } .uk-icon-long-arrow-down:before { content: "\f175"; } .uk-icon-long-arrow-up:before { content: "\f176"; } .uk-icon-long-arrow-left:before { content: "\f177"; } .uk-icon-long-arrow-right:before { content: "\f178"; } .uk-icon-apple:before { content: "\f179"; } .uk-icon-windows:before { content: "\f17a"; } .uk-icon-android:before { content: "\f17b"; } .uk-icon-linux:before { content: "\f17c"; } .uk-icon-dribbble:before { content: "\f17d"; } .uk-icon-skype:before { content: "\f17e"; } .uk-icon-foursquare:before { content: "\f180"; } .uk-icon-trello:before { content: "\f181"; } .uk-icon-female:before { content: "\f182"; } .uk-icon-male:before { content: "\f183"; } .uk-icon-gittip:before { content: "\f184"; } .uk-icon-sun-o:before { content: "\f185"; } .uk-icon-moon-o:before { content: "\f186"; } .uk-icon-archive:before { content: "\f187"; } .uk-icon-bug:before { content: "\f188"; } .uk-icon-vk:before { content: "\f189"; } .uk-icon-weibo:before { content: "\f18a"; } .uk-icon-renren:before { content: "\f18b"; } .uk-icon-pagelines:before { content: "\f18c"; } .uk-icon-stack-exchange:before { content: "\f18d"; } .uk-icon-arrow-circle-o-right:before { content: "\f18e"; } .uk-icon-arrow-circle-o-left:before { content: "\f190"; } .uk-icon-toggle-left:before, .uk-icon-caret-square-o-left:before { content: "\f191"; } .uk-icon-dot-circle-o:before { content: "\f192"; } .uk-icon-wheelchair:before { content: "\f193"; } .uk-icon-vimeo-square:before { content: "\f194"; } .uk-icon-turkish-lira:before, .uk-icon-try:before { content: "\f195"; } .uk-icon-plus-square-o:before { content: "\f196"; } .uk-icon-space-shuttle:before { content: "\f197"; } .uk-icon-slack:before { content: "\f198"; } .uk-icon-envelope-square:before { content: "\f199"; } .uk-icon-wordpress:before { content: "\f19a"; } .uk-icon-openid:before { content: "\f19b"; } .uk-icon-institution:before, .uk-icon-bank:before, .uk-icon-university:before { content: "\f19c"; } .uk-icon-mortar-board:before, .uk-icon-graduation-cap:before { content: "\f19d"; } .uk-icon-yahoo:before { content: "\f19e"; } .uk-icon-google:before { content: "\f1a0"; } .uk-icon-reddit:before { content: "\f1a1"; } .uk-icon-reddit-square:before { content: "\f1a2"; } .uk-icon-stumbleupon-circle:before { content: "\f1a3"; } .uk-icon-stumbleupon:before { content: "\f1a4"; } .uk-icon-delicious:before { content: "\f1a5"; } .uk-icon-digg:before { content: "\f1a6"; } .uk-icon-pied-piper:before { content: "\f1a7"; } .uk-icon-pied-piper-alt:before { content: "\f1a8"; } .uk-icon-drupal:before { content: "\f1a9"; } .uk-icon-joomla:before { content: "\f1aa"; } .uk-icon-language:before { content: "\f1ab"; } .uk-icon-fax:before { content: "\f1ac"; } .uk-icon-building:before { content: "\f1ad"; } .uk-icon-child:before { content: "\f1ae"; } .uk-icon-paw:before { content: "\f1b0"; } .uk-icon-spoon:before { content: "\f1b1"; } .uk-icon-cube:before { content: "\f1b2"; } .uk-icon-cubes:before { content: "\f1b3"; } .uk-icon-behance:before { content: "\f1b4"; } .uk-icon-behance-square:before { content: "\f1b5"; } .uk-icon-steam:before { content: "\f1b6"; } .uk-icon-steam-square:before { content: "\f1b7"; } .uk-icon-recycle:before { content: "\f1b8"; } .uk-icon-automobile:before, .uk-icon-car:before { content: "\f1b9"; } .uk-icon-cab:before, .uk-icon-taxi:before { content: "\f1ba"; } .uk-icon-tree:before { content: "\f1bb"; } .uk-icon-spotify:before { content: "\f1bc"; } .uk-icon-deviantart:before { content: "\f1bd"; } .uk-icon-soundcloud:before { content: "\f1be"; } .uk-icon-database:before { content: "\f1c0"; } .uk-icon-file-pdf-o:before { content: "\f1c1"; } .uk-icon-file-word-o:before { content: "\f1c2"; } .uk-icon-file-excel-o:before { content: "\f1c3"; } .uk-icon-file-powerpoint-o:before { content: "\f1c4"; } .uk-icon-file-photo-o:before, .uk-icon-file-picture-o:before, .uk-icon-file-image-o:before { content: "\f1c5"; } .uk-icon-file-zip-o:before, .uk-icon-file-archive-o:before { content: "\f1c6"; } .uk-icon-file-sound-o:before, .uk-icon-file-audio-o:before { content: "\f1c7"; } .uk-icon-file-movie-o:before, .uk-icon-file-video-o:before { content: "\f1c8"; } .uk-icon-file-code-o:before { content: "\f1c9"; } .uk-icon-vine:before { content: "\f1ca"; } .uk-icon-codepen:before { content: "\f1cb"; } .uk-icon-jsfiddle:before { content: "\f1cc"; } .uk-icon-life-bouy:before, .uk-icon-life-buoy:before, .uk-icon-life-saver:before, .uk-icon-support:before, .uk-icon-life-ring:before { content: "\f1cd"; } .uk-icon-circle-o-notch:before { content: "\f1ce"; } .uk-icon-ra:before, .uk-icon-rebel:before { content: "\f1d0"; } .uk-icon-ge:before, .uk-icon-empire:before { content: "\f1d1"; } .uk-icon-git-square:before { content: "\f1d2"; } .uk-icon-git:before { content: "\f1d3"; } .uk-icon-hacker-news:before { content: "\f1d4"; } .uk-icon-tencent-weibo:before { content: "\f1d5"; } .uk-icon-qq:before { content: "\f1d6"; } .uk-icon-wechat:before, .uk-icon-weixin:before { content: "\f1d7"; } .uk-icon-send:before, .uk-icon-paper-plane:before { content: "\f1d8"; } .uk-icon-send-o:before, .uk-icon-paper-plane-o:before { content: "\f1d9"; } .uk-icon-history:before { content: "\f1da"; } .uk-icon-circle-thin:before { content: "\f1db"; } .uk-icon-header:before { content: "\f1dc"; } .uk-icon-paragraph:before { content: "\f1dd"; } .uk-icon-sliders:before { content: "\f1de"; } .uk-icon-share-alt:before { content: "\f1e0"; } .uk-icon-share-alt-square:before { content: "\f1e1"; } .uk-icon-bomb:before { content: "\f1e2"; } .uk-icon-soccer-ball-o:before, .uk-icon-futbol-o:before { content: "\f1e3"; } .uk-icon-tty:before { content: "\f1e4"; } .uk-icon-binoculars:before { content: "\f1e5"; } .uk-icon-plug:before { content: "\f1e6"; } .uk-icon-slideshare:before { content: "\f1e7"; } .uk-icon-twitch:before { content: "\f1e8"; } .uk-icon-yelp:before { content: "\f1e9"; } .uk-icon-newspaper-o:before { content: "\f1ea"; } .uk-icon-wifi:before { content: "\f1eb"; } .uk-icon-calculator:before { content: "\f1ec"; } .uk-icon-paypal:before { content: "\f1ed"; } .uk-icon-google-wallet:before { content: "\f1ee"; } .uk-icon-cc-visa:before { content: "\f1f0"; } .uk-icon-cc-mastercard:before { content: "\f1f1"; } .uk-icon-cc-discover:before { content: "\f1f2"; } .uk-icon-cc-amex:before { content: "\f1f3"; } .uk-icon-cc-paypal:before { content: "\f1f4"; } .uk-icon-cc-stripe:before { content: "\f1f5"; } .uk-icon-bell-slash:before { content: "\f1f6"; } .uk-icon-bell-slash-o:before { content: "\f1f7"; } .uk-icon-trash:before { content: "\f1f8"; } .uk-icon-copyright:before { content: "\f1f9"; } .uk-icon-at:before { content: "\f1fa"; } .uk-icon-eyedropper:before { content: "\f1fb"; } .uk-icon-paint-brush:before { content: "\f1fc"; } .uk-icon-birthday-cake:before { content: "\f1fd"; } .uk-icon-area-chart:before { content: "\f1fe"; } .uk-icon-pie-chart:before { content: "\f200"; } .uk-icon-line-chart:before { content: "\f201"; } .uk-icon-lastfm:before { content: "\f202"; } .uk-icon-lastfm-square:before { content: "\f203"; } .uk-icon-toggle-off:before { content: "\f204"; } .uk-icon-toggle-on:before { content: "\f205"; } .uk-icon-bicycle:before { content: "\f206"; } .uk-icon-bus:before { content: "\f207"; } .uk-icon-ioxhost:before { content: "\f208"; } .uk-icon-angellist:before { content: "\f209"; } .uk-icon-cc:before { content: "\f20a"; } .uk-icon-shekel:before, .uk-icon-sheqel:before, .uk-icon-ils:before { content: "\f20b"; } .uk-icon-meanpath:before { content: "\f20c"; } .uk-close::-moz-focus-inner { border: 0; padding: 0; } .uk-close { -webkit-appearance: none; margin: 0; border: none; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background: transparent; display: inline-block; -moz-box-sizing: content-box; box-sizing: content-box; width: 20px; line-height: 20px; text-align: center; vertical-align: middle; opacity: 0.3; opacity: 1; } .uk-close:after { display: block; content: "\f00d"; font-family: FontAwesome; } .uk-close:hover, .uk-close:focus { opacity: 0.5; outline: none; color: inherit; text-decoration: none; cursor: pointer; } .uk-close-alt { padding: 2px; border-radius: 50%; background: #fafafa; opacity: 1; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); } .uk-close-alt:hover, .uk-close-alt:focus { opacity: 1; } .uk-close-alt:after { opacity: 0.5; } .uk-close-alt:hover:after, .uk-close-alt:focus:after { opacity: 0.8; } .uk-close-alt:after { opacity: 1; } .uk-badge { display: inline-block; padding: 0 10px; background: #b1bd61; font-size: 12px; font-weight: inherit; line-height: 22px; color: #ffffff; text-align: center; vertical-align: middle; padding: 2px 10px; text-transform: uppercase; } a.uk-badge:hover { color: #ffffff; } .uk-badge-notification { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 24px; border-radius: 500px; font-size: 14px; line-height: 24px; } .uk-badge-success { background-color: #89b356; } .uk-badge-warning { background-color: #f5c45d; } .uk-badge-danger { background-color: #ef6d38; } .uk-alert { margin-bottom: 20px; padding: 10px; background: #fafafa; color: #a5b337; position: relative; border: 1px solid #eaeaea; border-radius: 0 2px 2px 0; box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03); text-transform: uppercase; font-weight: 400; } .uk-alert h2 + p { text-transform: none; } .uk-alert:before { content: ""; display: block; position: absolute; top: -1px; left: -3px; width: 3px; height: 100%; border: 1px solid rgba(0, 0, 0, 0.06); background: #b1bd61; background-image: -webkit-linear-gradient(top, #bbc46a, #abb95b); background-image: linear-gradient(to bottom, #bbc46a, #abb95b); } * + .uk-alert { margin-top: 20px; } .uk-alert > :last-child { margin-bottom: 0; } .uk-alert h1, .uk-alert h2, .uk-alert h3, .uk-alert h4, .uk-alert h5, .uk-alert h6 { color: inherit; } .uk-alert > .uk-close:first-child { float: right; } .uk-alert > .uk-close:first-child + * { margin-top: 0; } .uk-alert-success { background: #fafafa; color: #84ab54; } .uk-alert-success:before { background: #89b356; background-image: -webkit-linear-gradient(top, #91be59, #84ab54); background-image: linear-gradient(to bottom, #91be59, #84ab54); } .uk-alert-warning { background: #fafafa; color: #f3c053; } .uk-alert-warning:before { background: #f5c45d; background-image: -webkit-linear-gradient(top, #f7cb6b, #f3c053); background-image: linear-gradient(to bottom, #f7cb6b, #f3c053); } .uk-alert-danger { background: #fafafa; color: #ea642e; } .uk-alert-danger:before { background: #ef6d38; background-image: -webkit-linear-gradient(top, #f77a48, #ea642e); background-image: linear-gradient(to bottom, #f77a48, #ea642e); } .uk-alert-large { padding: 20px; } .uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; } .uk-thumbnail { display: inline-block; max-width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 1px solid #eaeaea; background: #ffffff; background-clip: border-box; } a.uk-thumbnail:hover, a.uk-thumbnail:focus { border-color: #dddddd; background-color: #ffffff; text-decoration: none; outline: none; } .uk-thumbnail-caption { padding-top: 10px; text-align: center; color: #525252; padding-bottom: 10px; } .uk-thumbnail-mini { width: 150px; } .uk-thumbnail-small { width: 200px; } .uk-thumbnail-medium { width: 300px; } .uk-thumbnail-large { width: 400px; } .uk-thumbnail-expand, .uk-thumbnail-expand > img { width: 100%; } .uk-overlay { display: inline-block; position: relative; max-width: 100%; vertical-align: middle; overflow: hidden; } .uk-overlay > :first-child { margin-bottom: 0; } .uk-overlay-area { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.2); margin: -1px; } .uk-overlay:hover .uk-overlay-area, .uk-overlay.uk-hover .uk-overlay-area, .uk-overlay-toggle:hover .uk-overlay-area, .uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; } .uk-overlay-area:empty:before { content: "\f002"; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -25px; margin-left: -25px; font-size: 50px; line-height: 1; font-family: FontAwesome; text-align: center; color: #ffffff; top: 55%; -webkit-transition: all 0.45s ease-out; transition: all 0.45s ease-out; opacity: 0; } .uk-overlay-area:not(:empty) { font-size: 0.001px; } .uk-overlay-area:not(:empty):before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .uk-overlay-area-content { display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; vertical-align: middle; font-size: 1rem; text-align: center; padding: 0 15px; color: #ffffff; display: block; position: absolute; top: 45%; -webkit-transition: all 0.45s ease-out; transition: all 0.45s ease-out; opacity: 0; } .uk-overlay-area-content h1, .uk-overlay-area-content h2, .uk-overlay-area-content h3, .uk-overlay-area-content h4, .uk-overlay-area-content h5, .uk-overlay-area-content h6 { color: #ffffff; } .uk-overlay-area-content > :last-child { margin-bottom: 0; } .uk-overlay-area-content a:not([class]), .uk-overlay-area-content a:not([class]):hover { color: inherit; } .uk-overlay-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px; background: rgba(0, 0, 0, 0.5); color: #ffffff; opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; -webkit-transform: translate3d(0, 0, 0); } .uk-overlay:hover .uk-overlay-caption, .uk-overlay.uk-hover .uk-overlay-caption, .uk-overlay-toggle:hover .uk-overlay-caption, .uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; } .uk-overlay-toggle:hover .uk-overlay-area-content { top: 40%; opacity: 0.9; } .uk-overlay-toggle:hover .uk-overlay-area:before { top: 50%; opacity: 0.9; } .uk-progress { -moz-box-sizing: border-box; box-sizing: border-box; height: 20px; margin-bottom: 20px; background: #fafafa; overflow: hidden; line-height: 20px; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); } * + .uk-progress { margin-top: 20px; } .uk-progress-bar { width: 0; height: 100%; background: #b1bd61; float: left; -webkit-transition: width 0.6s ease; transition: width 0.6s ease; font-size: 14px; color: #ffffff; text-align: center; border: 1px solid rgba(0, 0, 0, 0.07); background-image: -webkit-linear-gradient(top, #bbc46a, #abb95b); background-image: linear-gradient(to bottom, #bbc46a, #abb95b); } .uk-progress-mini { height: 6px; } .uk-progress-small { height: 12px; } .uk-progress-success .uk-progress-bar { background-color: #89b356; background-image: -webkit-linear-gradient(top, #91be59, #84ab54); background-image: linear-gradient(to bottom, #91be59, #84ab54); } .uk-progress-warning .uk-progress-bar { background-color: #f5c45d; background-image: -webkit-linear-gradient(top, #f7cb6b, #f3c053); background-image: linear-gradient(to bottom, #f7cb6b, #f3c053); } .uk-progress-danger .uk-progress-bar { background-color: #ef6d38; background-image: -webkit-linear-gradient(top, #f77a48, #ea642e); background-image: linear-gradient(to bottom, #f77a48, #ea642e); } .uk-progress-striped .uk-progress-bar { 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); 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); background-size: 30px 30px; } .uk-progress-striped.uk-active .uk-progress-bar { -webkit-animation: uk-progress-bar-stripes 2s linear infinite; animation: uk-progress-bar-stripes 2s linear infinite; } @-webkit-keyframes uk-progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } @keyframes uk-progress-bar-stripes { 0% { background-position: 0 0; } 100% { background-position: 30px 0; } } [class*='uk-animation-'] { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @media screen { [data-uk-scrollspy*='uk-animation-'] { opacity: 0; } } .uk-animation-fade { -webkit-animation-name: uk-fade; animation-name: uk-fade; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: linear !important; animation-timing-function: linear !important; } .uk-animation-scale-up { -webkit-animation-name: uk-fade-scale-02; animation-name: uk-fade-scale-02; } .uk-animation-scale-down { -webkit-animation-name: uk-fade-scale-18; animation-name: uk-fade-scale-18; } .uk-animation-slide-top { -webkit-animation-name: uk-fade-top; animation-name: uk-fade-top; } .uk-animation-slide-bottom { -webkit-animation-name: uk-fade-bottom; animation-name: uk-fade-bottom; } .uk-animation-slide-left { -webkit-animation-name: uk-fade-left; animation-name: uk-fade-left; } .uk-animation-slide-right { -webkit-animation-name: uk-fade-right; animation-name: uk-fade-right; } .uk-animation-scale { -webkit-animation-name: uk-scale-12; animation-name: uk-scale-12; } .uk-animation-shake { -webkit-animation-name: uk-shake; animation-name: uk-shake; } .uk-animation-reverse { -webkit-animation-direction: reverse; animation-direction: reverse; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .uk-animation-10 { -webkit-animation-duration: 10s; animation-duration: 10s; } .uk-animation-top-left { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .uk-animation-top-center { -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .uk-animation-top-right { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .uk-animation-middle-left { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } .uk-animation-middle-right { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .uk-animation-bottom-left { -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .uk-animation-bottom-center { -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } .uk-animation-bottom-right { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } @-webkit-keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes uk-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes uk-fade-top { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-top { 0% { opacity: 0; transform: translateY(-100%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes uk-fade-bottom { 0% { opacity: 0; -webkit-transform: translateY(100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-fade-bottom { 0% { opacity: 0; transform: translateY(100%); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes uk-fade-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-left { 0% { opacity: 0; transform: translateX(-100%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes uk-fade-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes uk-fade-right { 0% { opacity: 0; transform: translateX(100%); } 100% { opacity: 1; transform: translateX(0); } } @-webkit-keyframes uk-fade-scale-02 { 0% { opacity: 0; -webkit-transform: scale(0.2); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-02 { 0% { opacity: 0; transform: scale(0.2); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes uk-fade-scale-15 { 0% { opacity: 0; -webkit-transform: scale(1.5); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-15 { 0% { opacity: 0; transform: scale(1.5); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes uk-fade-scale-18 { 0% { opacity: 0; -webkit-transform: scale(1.8); } 100% { opacity: 1; -webkit-transform: scale(1); } } @keyframes uk-fade-scale-18 { 0% { opacity: 0; transform: scale(1.8); } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes uk-slide-left { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @-webkit-keyframes uk-slide-right { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @-webkit-keyframes uk-slide-left-33 { 0% { -webkit-transform: translateX(33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-left-33 { 0% { transform: translateX(33%); } 100% { transform: translateX(0); } } @-webkit-keyframes uk-slide-right-33 { 0% { -webkit-transform: translateX(-33%); } 100% { -webkit-transform: translateX(0); } } @keyframes uk-slide-right-33 { 0% { transform: translateX(-33%); } 100% { transform: translateX(0); } } @-webkit-keyframes uk-scale-12 { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @keyframes uk-scale-12 { 0% { transform: scale(1.2); } 100% { transform: scale(1); } } @-webkit-keyframes uk-rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @keyframes uk-rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } @-webkit-keyframes uk-shake { 0%, 100% { -webkit-transform: translateX(0); } 10% { -webkit-transform: translateX(-9px); } 20% { -webkit-transform: translateX(8px); } 30% { -webkit-transform: translateX(-7px); } 40% { -webkit-transform: translateX(6px); } 50% { -webkit-transform: translateX(-5px); } 60% { -webkit-transform: translateX(4px); } 70% { -webkit-transform: translateX(-3px); } 80% { -webkit-transform: translateX(2px); } 90% { -webkit-transform: translateX(-1px); } } @keyframes uk-shake { 0%, 100% { transform: translateX(0); } 10% { transform: translateX(-9px); } 20% { transform: translateX(8px); } 30% { transform: translateX(-7px); } 40% { transform: translateX(6px); } 50% { transform: translateX(-5px); } 60% { transform: translateX(4px); } 70% { transform: translateX(-3px); } 80% { transform: translateX(2px); } 90% { transform: translateX(-1px); } } @-webkit-keyframes uk-slide-top-fixed { 0% { opacity: 0; -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-top-fixed { 0% { opacity: 0; transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes uk-slide-bottom-fixed { 0% { opacity: 0; -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes uk-slide-bottom-fixed { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .uk-dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 1020; -moz-box-sizing: border-box; box-sizing: border-box; width: 250px; margin-top: 5px; padding: 30px; background: #ffffff; color: #525252; font-size: 1rem; vertical-align: top; box-shadow: 1px 0 0 rgba(47, 49, 53, 0.05), -1px 0 0 rgba(47, 49, 53, 0.05), 0 1px 0 rgba(47, 49, 53, 0.05); } .uk-dropdown ul.uk-nav-sub { border-bottom: 1px solid #eaeaea; } .uk-open > .uk-dropdown { display: block; -webkit-animation: uk-fade 0.2s ease-in-out; animation: uk-fade 0.2s ease-in-out; -webkit-transform-origin: 0 0; transform-origin: 0 0; } .uk-dropdown-flip { left: auto; right: 0; } .uk-dropdown-up { top: auto; bottom: 100%; margin-top: auto; margin-bottom: 5px; } .uk-dropdown .uk-nav { margin: 0 -30px; } .uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: 30px; } .uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: 30px; } @media (min-width: 768px) { .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid { margin-left: -30px; margin-right: -30px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] { padding-left: 30px; padding-right: 30px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { border-left: 1px solid #eaeaea; } .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: 500px; } .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: 750px; } .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: 1000px; } .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: 1250px; } } @media (max-width: 767px) { .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 30px; } } .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; } .uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: 30px; } .uk-dropdown-small { min-width: 150px; width: auto; padding: 5px; white-space: nowrap; } .uk-dropdown-small .uk-nav { margin: 0 -5px; } .uk-dropdown-navbar { margin-top: 0; background: #ffffff; color: #525252; box-shadow: 1px 0 0 rgba(47, 49, 53, 0.05), -1px 0 0 rgba(47, 49, 53, 0.05), 0 1px 0 rgba(47, 49, 53, 0.05); } .uk-dropdown-navbar .uk-panel a { color: #525252; } .uk-dropdown-navbar .uk-panel a:hover { color: #ffffff; } .uk-dropdown-navbar ul.uk-nav-sub { border-top-color: rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .uk-open > .uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } .uk-dropdown-scrollable { overflow-y: auto; max-height: 200px; } .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { border-left: none; padding-left: 0; } body .uk-dropdown .uk-nav, .uk-dropdown .uk-nav.uk-nav-navbar { margin: 0; } .uk-open > .uk-dropdown-navbar { -webkit-animation: uk-slide-top-fixed 0.2s ease-in; animation: uk-slide-top-fixed 0.2s ease-in; } .uk-dropdown-navbar:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { border-left-color: rgba(234, 234, 234, 0.1); } .uk-dropdown-small { padding: 5px 15px 15px 15px; } .uk-modal { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1010; overflow-y: auto; -webkit-overflow-scrolling: touch; background: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .uk-modal.uk-open { opacity: 1; } .uk-modal-page, .uk-modal-page body { overflow: hidden; } .uk-modal-dialog { position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 50px auto; padding: 20px; width: 600px; max-width: 100%; max-width: calc(100% - 20px); background: #ffffff; opacity: 0; -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; transition: opacity 0.3s linear, transform 0.3s ease-out; } @media (max-width: 767px) { .uk-modal-dialog { width: auto; margin: 10px; } } .uk-open .uk-modal-dialog { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .uk-modal-dialog > :last-child { margin-bottom: 0; } .uk-modal-dialog > .uk-close:first-child { margin: -10px -10px 0 0; float: right; } .uk-modal-dialog > .uk-close:first-child + * { margin-top: 0; } .uk-modal-dialog-frameless { padding: 0; } .uk-modal-dialog-frameless > .uk-close:first-child { position: absolute; top: -12px; right: -12px; margin: 0; float: none; } @media (max-width: 767px) { .uk-modal-dialog-frameless > .uk-close:first-child { top: -7px; right: -7px; } } @media (min-width: 768px) { .uk-modal-dialog-large { width: 930px; } } @media (min-width: 1220px) { .uk-modal-dialog-large { width: 1130px; } } .uk-offcanvas { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background: rgba(0, 0, 0, 0.5); } .uk-offcanvas.uk-active { display: block; } .uk-offcanvas-page { position: fixed; -webkit-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; } .uk-offcanvas-bar { position: fixed; top: 0; bottom: 0; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1001; width: 270px; max-width: 100%; background: #2a2a2a; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .uk-offcanvas-bar .uk-search:before { left: 5px; } .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { -webkit-transform: translateX(0%); transform: translateX(0%); } .uk-offcanvas-bar-flip { left: auto; right: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } .uk-offcanvas .uk-panel { margin: 20px 15px; color: #777777; } .uk-offcanvas .uk-panel-title { color: rgba(255, 255, 255, 0.5); } .uk-offcanvas .uk-panel a:not([class]) { color: rgba(255, 255, 255, 0.5); } .uk-offcanvas .uk-panel a:not([class]):hover { color: #ffffff; } .uk-offcanvas-bar:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; right: 0; width: 1px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); } .uk-offcanvas-bar-flip:after { right: auto; left: 0; width: 1px; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3); } .uk-switcher { margin: 0; padding: 0; list-style: none; } .uk-switcher > *:not(.uk-active) { display: none; } .uk-tooltip { display: none; position: absolute; z-index: 1030; -moz-box-sizing: border-box; box-sizing: border-box; max-width: 200px; padding: 5px 8px; background: #3f3c3c; color: rgba(255, 255, 255, 0.6); font-size: 14px; line-height: 21px; text-align: center; } .uk-tooltip:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 5px dashed #3f3c3c; } .uk-tooltip-top:after, .uk-tooltip-top-left:after, .uk-tooltip-top-right:after { bottom: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; border-top-color: #3f3c3c; } .uk-tooltip-bottom:after, .uk-tooltip-bottom-left:after, .uk-tooltip-bottom-right:after { top: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; border-bottom-color: #3f3c3c; } .uk-tooltip-top:after, .uk-tooltip-bottom:after { left: 50%; margin-left: -5px; } .uk-tooltip-top-left:after, .uk-tooltip-bottom-left:after { left: 10px; } .uk-tooltip-top-right:after, .uk-tooltip-bottom-right:after { right: 10px; } .uk-tooltip-left:after { right: -5px; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; border-left-color: #3f3c3c; } .uk-tooltip-right:after { left: -5px; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; border-right-color: #3f3c3c; } .uk-text-small { font-size: 12px; line-height: 17px; } .uk-text-large { font-size: 18px; line-height: 26px; font-weight: normal; } .uk-text-bold { font-weight: bold; } .uk-text-muted { color: #aaaaaa !important; } .uk-text-primary { color: #b0bd5a !important; } .uk-text-success { color: #84ab54 !important; } .uk-text-warning { color: #f3c053 !important; } .uk-text-danger { color: #ea642e !important; } .uk-text-left { text-align: left !important; } .uk-text-right { text-align: right !important; } .uk-text-center { text-align: center !important; } .uk-text-justify { text-align: justify !important; } .uk-text-top { vertical-align: top !important; } .uk-text-middle { vertical-align: middle !important; } .uk-text-bottom { vertical-align: bottom !important; } @media (max-width: 959px) { .uk-text-center-medium { text-align: center !important; } } @media (max-width: 767px) { .uk-text-center-small { text-align: center !important; } } .uk-text-nowrap { white-space: nowrap; } .uk-text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uk-text-break { word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .uk-container { -moz-box-sizing: border-box; box-sizing: border-box; max-width: 980px; padding: 0 25px; } @media (min-width: 1220px) { .uk-container { max-width: 1200px; padding: 0 70px; } } .uk-container:before, .uk-container:after { content: " "; display: table; } .uk-container:after { clear: both; } .uk-container-center { margin-left: auto; margin-right: auto; } .uk-clearfix:before, .uk-clearfix:after { content: " "; display: table; } .uk-clearfix:after { clear: both; } .uk-nbfc { overflow: hidden; } .uk-nbfc-alt { display: table-cell; width: 10000px; } .uk-float-left { float: left; } .uk-float-right { float: right; } [class*='uk-float-'] { max-width: 100%; } [class*='uk-align-'] { display: block; margin-bottom: 20px; } .uk-align-left { margin-right: 20px; float: left; } .uk-align-right { margin-left: 20px; float: right; } @media (min-width: 768px) { .uk-align-medium-left { margin-right: 20px; margin-bottom: 20px; float: left; } .uk-align-medium-right { margin-left: 20px; margin-bottom: 20px; float: right; } } .uk-align-center { margin-left: auto; margin-right: auto; } .uk-vertical-align { font-size: 0.001px; } .uk-vertical-align:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .uk-vertical-align-middle, .uk-vertical-align-bottom { display: inline-block; max-width: 100%; font-size: 1rem; } .uk-vertical-align-middle { vertical-align: middle; } .uk-vertical-align-bottom { vertical-align: bottom; } [class*='uk-height'] { -moz-box-sizing: border-box; box-sizing: border-box; } .uk-height-1-1 { height: 100%; } .uk-height-viewport { height: 100vh; min-height: 600px; } .uk-responsive-width, .uk-responsive-height { -moz-box-sizing: border-box; box-sizing: border-box; } .uk-responsive-width { max-width: 100%; height: auto; } .uk-responsive-height { max-height: 100%; width: auto; } .uk-margin { margin-bottom: 20px; } * + .uk-margin { margin-top: 20px; } .uk-margin-top { margin-top: 20px !important; } .uk-margin-bottom { margin-bottom: 20px !important; } .uk-margin-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 20px !important; } .uk-margin-large { margin-bottom: 50px; } * + .uk-margin-large { margin-top: 50px; } .uk-margin-large-top { margin-top: 50px !important; } .uk-margin-large-bottom { margin-bottom: 50px !important; } .uk-margin-large-left { margin-left: 50px !important; } .uk-margin-large-right { margin-right: 50px !important; } .uk-margin-small { margin-bottom: 5px; } * + .uk-margin-small { margin-top: 5px; } .uk-margin-small-top { margin-top: 5px !important; } .uk-margin-small-bottom { margin-bottom: 5px !important; } .uk-margin-small-left { margin-left: 5px !important; } .uk-margin-small-right { margin-right: 5px !important; } .uk-margin-remove { margin: 0 !important; } .uk-margin-top-remove { margin-top: 0 !important; } .uk-margin-bottom-remove { margin-bottom: 0 !important; } .uk-border-circle { border-radius: 50%; } .uk-border-rounded { border-radius: 5px; } @media (min-width: 768px) { .uk-heading-large { font-size: 60px; line-height: 66px; } } .uk-link-muted, .uk-link-muted a { color: #525252; } .uk-link-muted:hover, .uk-link-muted a:hover { color: rgba(82, 82, 82, 0.6); } .uk-link-reset, .uk-link-reset a, .uk-link-reset:hover, .uk-link-reset a:hover { color: inherit; text-decoration: none; } .uk-scrollable-text { height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box { -moz-box-sizing: border-box; box-sizing: border-box; height: 170px; padding: 10px; border: 1px solid #eaeaea; overflow: auto; -webkit-overflow-scrolling: touch; resize: both; } .uk-scrollable-box > :last-child { margin-bottom: 0; } .uk-overflow-container { overflow: auto; -webkit-overflow-scrolling: touch; } .uk-overflow-container > :last-child { margin-bottom: 0; } .uk-position-absolute { position: absolute !important; } .uk-position-relative { position: relative !important; } .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .uk-display-block { display: block !important; } .uk-display-inline { display: inline !important; } .uk-display-inline-block { display: inline-block !important; } @media (min-width: 960px) { .uk-visible-small { display: none !important; } .uk-visible-medium { display: none !important; } .uk-hidden-large { display: none !important; } } @media (min-width: 768px) and (max-width: 959px) { .uk-visible-small { display: none !important; } .uk-visible-large { display: none !important ; } .uk-hidden-medium { display: none !important; } } @media (max-width: 767px) { .uk-visible-medium { display: none !important; } .uk-visible-large { display: none !important; } .uk-hidden-small { display: none !important; } } .uk-hidden { display: none !important; visibility: hidden !important; } .uk-invisible { visibility: hidden !important; } .uk-visible-hover:hover .uk-hidden, .uk-visible-hover:hover .uk-invisible { display: block !important; visibility: visible !important; } .uk-visible-hover-inline:hover .uk-hidden, .uk-visible-hover-inline:hover .uk-invisible { display: inline-block !important; visibility: visible !important; } @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } a:hover { text-decoration: none; -webkit-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } .hook-comment-primary { padding: 20px; background: #fafafa; box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.03); border: 1px solid #eaeaea; } .uk-search { display: inline-block; position: relative; margin: 0; } .uk-search:before { content: "\f002"; position: absolute; top: 0; left: 0; width: 30px; line-height: 36px; text-align: center; font-family: FontAwesome; font-size: 18px; color: #aaaaaa; } .uk-search-field::-moz-focus-inner { border: 0; padding: 0; } .uk-search-field::-webkit-search-cancel-button, .uk-search-field::-webkit-search-decoration { -webkit-appearance: none; } .uk-search-field::-ms-clear { display: none; } .uk-search-field::-moz-placeholder { opacity: 1; } .uk-search-field { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; border-radius: 0; font: inherit; color: #aaaaaa; -webkit-appearance: none; width: 150px; height: 36px; padding: 0 0 0 30px; border: 1px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0); -webkit-transition: all linear 0.2s; transition: all linear 0.2s; vertical-align: middle; text-transform: uppercase; font-weight: 300; font-size: 14px; } .uk-search-field:-ms-input-placeholder { color: #aaaaaa !important; } .uk-search-field::-moz-placeholder { color: #aaaaaa; } .uk-search-field::-webkit-input-placeholder { color: #aaaaaa; } .uk-search-field:focus { outline: 0; } .uk-search-field:focus.uk-search-field:-ms-input-placeholder { color: rgba(170, 170, 170, 0.5); } .uk-search-field:focus.uk-search-field::-moz-placeholder { color: rgba(170, 170, 170, 0.5); } .uk-search-field:focus.uk-search-field::-webkit-input-placeholder { color: rgba(170, 170, 170, 0.5); } .uk-search-field:focus, .uk-search.uk-active .uk-search-field { width: 150px; } .uk-dropdown-search { width: 300px; margin-top: 0; background: #ffffff; color: #525252; box-shadow: 1px 0 0 rgba(47, 49, 53, 0.05), -1px 0 0 rgba(47, 49, 53, 0.05), 0 1px 0 rgba(47, 49, 53, 0.05); } .uk-dropdown-search ul.uk-nav-sub { border-top-color: rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .uk-dropdown-search ul.uk-nav-sub { border-top-color: rgba(255, 255, 255, 0.08); border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .uk-open > .uk-dropdown-search { -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; animation: uk-slide-top-fixed 0.2s ease-in-out; } .uk-navbar-flip .uk-dropdown-search { margin-top: 12px; margin-right: -15px; } .uk-nav-search > li > a { color: #525252; padding: 15px 15px; } .uk-nav-search > li > a:hover { color: #f5f5f5; } .uk-nav-search > li.uk-active > a { background: #fafafa; color: #525252; outline: none; } .uk-nav-search .uk-nav-header { color: rgba(82, 82, 82, 0.8); } .uk-nav-search .uk-nav-divider { border-top: 1px solid rgba(234, 234, 234, 0.5); } .uk-nav-search ul a { color: rgba(82, 82, 82, 0.5); } .uk-nav-search ul a:hover { color: #b7c261; } .uk-offcanvas .uk-search { display: block; margin: 20px 15px; } .uk-offcanvas .uk-search:before { color: #777777; } .uk-offcanvas .uk-search-field { width: 100%; border-color: rgba(0, 0, 0, 0); background: rgba(24, 24, 24, 0.62); color: #cccccc; padding: 0 10px 0 35px !important; border-radius: 50px; box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.1), 0 1px 0px 0px rgba(255, 255, 255, 0.07); } .uk-offcanvas .uk-search-field:-ms-input-placeholder { color: #777777 !important; } .uk-offcanvas .uk-search-field::-moz-placeholder { color: #777777; } .uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: #777777; } .uk-nav-search > li > a:hover { -webkit-transition: all .2s linear; transition: all .2s linear; } .uk-offcanvas-bar .uk-search:before { left: 5px; } #offcanvas .uk-panel > .uk-search { margin: 0; } [data-uk-sticky].uk-active { z-index: 980; -moz-box-sizing: border-box; box-sizing: border-box; } [data-uk-sticky][class*='uk-animation-'] { -webkit-animation-duration: 0.15s; animation-duration: 0.15s; } [data-uk-sticky].uk-animation-reverse { -webkit-animation-duration: 0.04s; animation-duration: 0.04s; } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uk-button, a.uk-button, button.uk-button { -webkit-font-smoothing: auto!important; -moz-osx-font-smoothing: auto!important; } .tm-top-block { box-shadow: 0 1px 0 rgba(47, 49, 53, 0.04); } .tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light { border-top: 1px solid #eaeef0; } .tm-block-light { background-color: #ffffff; } .tm-block-dark { background-color: #fcfcfc; } .tm-block-full { height: 400px; } .tm-logo-small { letter-spacing: -0.31em; } .tm-toolbar { padding-top: 10px; } .tm-page { max-width: 100%; margin: 0 auto; box-shadow: 0 0 0 1px rgba(47, 49, 53, 0.03), 0 1px 2px rgba(47, 49, 53, 0.04); } .tm-dropdown { min-width: 250px; width: auto; } .tm-headerbar { padding: 30px 0; } .tm-headerbar .tm-logo { float: left; } .tm-headerbar .uk-panel { max-width: 300px; margin-right: 0; float: right; } .uk-navbar-content:last-child { padding: 0; } [data-uk-sticky].uk-active.tm-navbar { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); } .tm-main > :nth-child(n+2) { margin-top: 35px; } .tm-content > :last-child { margin-bottom: 0; } .tm-bottom { border-top: 1px solid #eaeef0; background: #fcfcfc; } .tm-totop-scroller { height: 35px; margin-top: 25px; line-height: 30px; } @media (max-width: 767px) { .tm-page { margin-top: 0; margin-bottom: 35px; } .tm-page .tm-block:first-child { padding-top: 35px; } .tm-block { padding-bottom: 35px; } .tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light, .tm-block-full + .tm-block { padding-top: 35px; } .tm-bottom { padding-top: 35px; padding-bottom: 35px; } } @media (min-width: 768px) and (max-width: 959px) { .tm-page { margin-top: 1px!important; } } @media (min-width: 768px) { .tm-fullscreen:not(.uk-hidden-large) + .tm-page { margin-top: -100px; } .tm-page { max-width: 980px; margin: 35px auto; } .tm-page .tm-block:first-child { padding-top: 70px; } .tm-block { padding-bottom: 70px; } .tm-block-light + .tm-block-dark, .tm-block-dark + .tm-block-light, .tm-block-full + .tm-block { padding-top: 70px; } .tm-bottom { padding-top: 70px; padding-bottom: 70px; } } @media (min-width: 1220px) { .tm-page { max-width: 1200px; margin: 70px auto; } } .uk-dropdown-navbar.uk-dropdown-stack { min-width: 0 !important; max-width: none !important; } .tm-article-center .uk-article-title, .tm-article-center .uk-article-meta, .tm-article-center .tm-blog-more { text-align: center; } .tm-article-center .uk-article-meta { margin-bottom: 0; } .tm-article-center .tm-article-content:before { content: ""; display: block; position: relative; left: 50%; width: 220px; margin-top: 15px; margin-left: -110px; padding-top: 25px; border-top: 4px solid rgba(234, 234, 234, 0.6); } .uk-article + .uk-article { padding-top: 35px; border-top: 2px dotted #eaeaea; -webkit-border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_horizontal.svg") 2 0 0 0 repeat; border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_horizontal.svg") 2 0 0 0 repeat; } .tm-isblog .tm-content .uk-width-medium-1-2 .uk-article-title, .tm-isblog .tm-content .uk-width-medium-1-3 .uk-article-title { font-size: 32px; line-height: 34px; } .tm-isblog .tm-content .uk-width-medium-1-2 .uk-article-meta, .tm-isblog .tm-content .uk-width-medium-1-3 .uk-article-meta { font-size: 16px; line-height: 24px; } .tm-leading-article + .uk-grid .uk-article:first-child { padding-top: 35px; border-top: 2px dotted #eaeaea; -webkit-border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_horizontal.svg") 2 0 0 0 repeat; border-image: url("/templates/sakusanatemplate/less/uikit/images/border_dotted_horizontal.svg") 2 0 0 0 repeat; } .uk-article:last-child { margin-bottom: 35px; } .tm-teaser h1 { padding: 0 20px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); font-weight: 700; } .tm-teaser-subtitle { display: inline-block; position: relative; color: #ffffff; text-transform: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); line-height: 24px; font-weight: 400; font-size: 24px; } .tm-teaser-subtitle:before, .tm-teaser-subtitle:after { content: ''; position: absolute; top: 50%; width: 160px; border-top: 4px solid rgba(255, 255, 255, 0.3); opacity: 0; -webkit-transition: opacity 1s ease-out 0.2s, left 0.7s ease-out 0.1s, right 0.7s ease-out 0.1s; transition: opacity 1s ease-out 0.2s, left 0.7s ease-out 0.1s, right 0.7s ease-out 0.1s; } .tm-teaser-subtitle:before { left: 0; } .tm-teaser-subtitle:after { right: 0; } .uk-scrollspy-inview.tm-teaser-subtitle:before { left: -175px; opacity: 1; } .uk-scrollspy-inview.tm-teaser-subtitle:after { right: -175px; opacity: 1; } .tm-teaser-subtitle-small { display: inline-block; position: relative; color: #ffffff; text-transform: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); line-height: 20px; font-weight: 400; font-size: 20px; } .tm-teaser-subtitle-small:before, .tm-teaser-subtitle-small:after { content: ''; position: absolute; top: 50%; width: 206px; border-top: 4px solid rgba(255, 255, 255, 0.3); } .tm-teaser-subtitle-small:before { left: -221px; } .tm-teaser-subtitle-small:after { right: -221px; } @media (max-width: 767px) { .tm-teaser-subtitle:before, .tm-teaser-subtitle:after { width: 48px; } .uk-scrollspy-inview.tm-teaser-subtitle:before { left: -63px; } .uk-scrollspy-inview.tm-teaser-subtitle:after { right: -63px; } .tm-teaser-subtitle-small:before, .tm-teaser-subtitle-small:after { width: 72px; } .tm-teaser-subtitle-small:before { left: -108px; } .tm-teaser-subtitle-small:after { right: -108px; } } @media (max-width: 479px) { .tm-teaser-subtitle-small:before, .tm-teaser-subtitle-small:after, .tm-teaser-subtitle:before, .tm-teaser-subtitle:after { border-top: none; } } @media (min-width: 960px) { .tm-teaser { margin-top: -100px; } } .tm-heading-italic { color: #aaaaaa; text-transform: none; font-family: 'Times New Roman'; font-weight: normal; font-style: italic; } span.tm-heading-italic { line-height: 27px; font-size: 25px; } .tm-heading-underline { padding: 0 0 30px 0; } .tm-heading-underline:after { content: ""; display: block; position: absolute; left: 50%; width: 220px; margin-top: 13px; margin-left: -110px; border-top: 4px solid rgba(234, 234, 234, 0.6); } .tm-panel-note:before { content: ""; display: block; position: absolute; top: -15px; right: 0; left: 50%; width: 26px; height: 26px; margin-left: -13px; border-radius: 50px; background-color: #fcfcfc; box-shadow: inset 0 -1px #eaeaea; } .tm-badge-price { display: block; padding: 3px 6px; border: 1px solid #eaeaea; border-radius: 2px; background: #fafafa; color: #525252; vertical-align: middle; text-align: center; line-height: 15px; font-size: 13px; } .tm-heading-box { display: inline-block; padding: 40px 50px; background: rgba(177, 189, 97, 0.85); color: #ffffff; text-align: center; text-transform: uppercase; line-height: 26px; font-size: 26px; } .tm-heading-box:after { content: ""; display: block; position: relative; left: 50%; width: 80px; margin-top: 8.5px; margin-left: -40px; border-top: 3px solid #ffffff; } .tm-heading-box h1, .tm-heading-box h2, .tm-heading-box h3, .tm-heading-box h4, .tm-heading-box h5 { color: #ffffff; } .tm-overlay-title:after { content: ""; display: block; position: absolute; left: 50%; width: 18px; margin-top: 5px; margin-left: -9px; border-top: 2px solid #ffffff; } .tm-title-line { margin-bottom: 30px; overflow: hidden; text-align: center; } .tm-title-line:before, .tm-title-line:after { content: ""; display: inline-block; position: relative; width: 50%; height: 1px; background-color: #eaeaea; vertical-align: middle; } .tm-title-line:before { right: 20px; margin-left: -50%; } .tm-title-line:after { left: 20px; margin-right: -50%; } @media (max-width: 959px) { [class*='uk-animation-'] { -webkit-animation-name: none; animation-name: none; } [data-uk-scrollspy*='uk-animation-'] { opacity: 1; } } .tm-toolbar .uk-subnav > li > a { color: #525252; } .tm-headerbar .uk-link-muted, .tm-headerbar .uk-link-muted a { color: #525252; } .tm-headerbar .uk-link-muted:hover, .tm-headerbar .uk-link-muted a:hover { color: rgba(82, 82, 82, 0.7); } .tm-headerbar > h1, .tm-headerbar h2, .tm-headerbar h3, .tm-headerbar h4, .tm-headerbar h5, .tm-headerbar p, .tm-headerbar span { color: #525252; } .tm-bottom a:not([class]), .tm-bottom h1, .tm-bottom h2, .tm-bottom h3, .tm-bottom h4, .tm-bottom h5, .tm-bottom h6, .tm-bottom .uk-panel-title { color: #525252; } .tm-bottom a:not([class]):hover, .tm-bottom .uk-panel a:not([class]):hover { color: rgba(82, 82, 82, 0.7); } .tm-bottom .uk-panel, .tm-bottom .uk-panel li a:not([class]) { color: #525252; } .tm-bottom .uk-icon-button { color: #525252; } .tm-bottom .uk-icon-button:hover, .tm-bottom .uk-icon-button:focus { color: #9f9f9f; } .tm-bottom .uk-icon-button:active { color: #d2d2d2; } .tm-bottom select, .tm-bottom textarea, .tm-bottom input[type] { border-color: #eaeaea; background: #ffffff; color: #aaaaaa; } .tm-bottom select:focus, .tm-bottom textarea:focus, .tm-bottom input[type]:focus { border-color: #d1d1d1; background: #ffffff; color: #aaaaaa; } .tm-bottom .uk-form :-ms-input-placeholder { color: #aaaaaa; } .tm-bottom .uk-form ::-moz-placeholder { color: #aaaaaa; } .tm-bottom .uk-form ::-webkit-input-placeholder { color: #aaaaaa; } .tm-bottom .tm-title-line { color: #aaaaaa; } .tm-bottom .tm-title-line:before, .tm-bottom .tm-title-line:after { background-color: #eaeaea; } .uk-dropdown-navbar select, .uk-dropdown-navbar textarea, .uk-dropdown-navbar input[type] { border-color: #eaeaea; background: #ffffff; color: #aaaaaa; } .uk-dropdown-navbar select:focus, .uk-dropdown-navbar textarea:focus, .uk-dropdown-navbar input[type]:focus { border-color: #d1d1d1; background: #ffffff; color: #aaaaaa; } .uk-dropdown-navbar .uk-form :-ms-input-placeholder { color: #aaaaaa; } .uk-dropdown-navbar .uk-form ::-moz-placeholder { color: #aaaaaa; } .uk-dropdown-navbar .uk-form ::-webkit-input-placeholder { color: #aaaaaa; } .uk-dropdown-navbar .uk-list a { color: rgba(82, 82, 82, 0.6); } .uk-dropdown-navbar .uk-list a:hover { color: #525252; } .tm-footer { color: #525252; } .tm-footer a:not([class]) { color: #525252 !important; } .tm-footer a:not([class]):hover { color: rgba(82, 82, 82, 0.7) !important; } body { background: #F7F7F7; } .tm-fullscreen { height: 600px; border-top: 1px solid rgba(0, 0, 0, 0.05); border-bottom: 1px solid rgba(0, 0, 0, 0.15); } @media (max-width: 959px) { .tm-fullscreen { border-bottom: none; } } .tm-image { width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } .tm-error-icon { font-size: 250px; } .tm-error-headline { font-size: 100px; } .tm-offline { width: 300px; } .alignleft { display: block; margin-right: 20px; float: left; } .alignright { display: block; margin-left: 20px; float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .tm-socialbuttons { line-height: 1; } .tm-socialbuttons > div { margin-right: 10px; float: left; } .wk-slideshow-eat .nav { position: relative; z-index: 2; margin-top: 15px; text-align: center; } .wk-slideshow-eat .nav li { display: inline-block; margin-left: 5px; } .wk-slideshow-eat .nav li:first-child { margin-left: 0; } .wk-slideshow-eat .nav span { width: 6px; height: 6px; background-color: #eaeaea; border: 4px solid rgba(0, 0, 0, 0); border-radius: 50%; } .wk-slideshow-eat .nav span:hover, .wk-slideshow-eat .nav span:active { background-color: rgba(0, 0, 0, 0); border-color: #eaeaea; } .wk-slideshow-eat .nav .active span { background-color: #b1bd61; border-color: rgba(0, 0, 0, 0); } .wk-slideshow-eat > div { position: relative; } .wk-slideshow-eat > div .next, .wk-slideshow-eat > div .prev { top: 50%; width: 60px; height: 60px; margin-top: -30px; background-color: #b1bd61; border-radius: 50%; opacity: 0; } .wk-slideshow-eat > div .next:after, .wk-slideshow-eat > div .prev:after { text-align: center; position: absolute; width: 65px; height: 65px; font-size: 50px; line-height: 60px; color: #fff; font-family: 'FontAwesome'; } .wk-slideshow-eat > div:hover .next, .wk-slideshow-eat > div:hover .prev { -webkit-transition: all ease-out 0.3s; transition: all ease-out 0.3s; opacity: 1; } .wk-slideshow-eat > div:hover .next { right: -30px; } .wk-slideshow-eat > div:hover .prev { left: -30px; } .wk-slideshow-eat > div .next:after { content: "\f105"; } .wk-slideshow-eat > div .prev:after { content: "\f104"; } .wk-slideshow-eat > div .next:hover, .wk-slideshow-eat > div .prev:hover { background-color: #bac573; -webkit-transform: scale(1.05); transform: scale(1.2); transition: all ease-in-out 0.18s; } .wk-slideshow-eat:hover > div .next:active, .wk-slideshow-eat:hover > div .prev:active { background-color: #a9b64f; -webkit-transform: scale(1.03); transform: scale(1.1); transition: all ease-in-out 0.06s; } .tm-uppercase { text-transform: uppercase; } .tm-animation-delay-50 { -webkit-animation-delay: 50ms; animation-delay: 50ms; } .tm-animation-delay-150 { -webkit-animation-delay: 150ms; animation-delay: 150ms; }