html {
font: 400 14px/20px Arial, sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background: #fff;
color: #333;
background-image: -webkit-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -moz-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -ms-radial-gradient(100% 100%, center, #fff, #fff);
background-image: -o-radial-gradient(100% 100%, center, #fff, #fff);
background-image: radial-gradient(100% 100% at center, #fff, #fff)
}
body {
margin: 0;
padding: 0;
}
a {
background: 0 0;
outline: none;
}
a:active,
a:hover {
outline: 0
}
.uk-link,
a {
color: #1D8ACB;
text-decoration: none;
cursor: pointer
}
abbr[title] {
border-bottom: 1px dotted
}
audio, canvas, img, svg, video {
max-width: 100%;
height: auto !important;
box-sizing: border-box;
}
b,
strong {
font-weight: 700
}
:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
font-size: 12px;
font-family: Consolas, monospace, serif;
color: #D05;
white-space: nowrap;
padding: 0 4px;
border: 1px solid #E5E5E5;
border-radius: 3px;
background: #fafafa
}
ins {
background: #ffa;
color: #666;
text-decoration: none
}
mark {
background: #ffa;
color: #666
}
q {
font-style: italic
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
audio,
canvas,
img,
svg,
video {
max-width: 100%;
height: auto;
box-sizing: border-box
}
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
max-width: none
}
img {
border: 0;
outline: none
}
svg:not(:root) {
overflow: hidden
}
blockquote,
figure {
margin: 0
}
address,
blockquote,
dl,
fieldset,
figure,
ol,
p,
pre,
ul {
margin: 0 0 10px 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 10px 0;
font-family: inherit;
color: #222;
text-transform: none
}
ol>li>ol,
ol>li>ul,
ul>li>ol,
ul>li>ul {
margin: 0
}
dt {
font-weight: 700
}
dd {
margin-left: 0
}
hr {
box-sizing: content-box;
height: 0;
margin: 15px 0;
border: 0;
border-top: 1px solid #E5E5E5
}
address {
font-style: normal
}
blockquote {
padding-left: 15px;
border-left: 5px solid #E5E5E5;
font-size: 16px;
line-height: 22px;
font-style: italic
}
pre {
padding: 10px;
background: #fafafa;
font: 12px/18px Consolas, monospace, serif;
color: #666;
-moz-tab-size: 4;
tab-size: 4;
overflow: auto;
border: 1px solid #E5E5E5;
border-radius: 3px
}
::-moz-selection {
background: #39f;
color: #fff;
text-shadow: none
}
::selection {
background: #39f;
color: #fff;
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
}
}
.uk-grid {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.uk-grid:after,
.uk-grid:before {
content: "";
display: block;
overflow: hidden
}
.uk-grid:after {
clear: both
}
.uk-grid>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
margin: 0;
float: left
}
.uk-grid>*>:last-child {
margin-bottom: 0
}
.uk-grid {
margin-left: -25px
}
.uk-grid>* {
padding-left: 25px
}
@media (min-width:1220px) {
.uk-grid {
margin-left: -35px
}
.uk-grid>* {
padding-left: 35px
}
}
.uk-grid-collapse {
margin-left: 0
}
.uk-grid-collapse>* {
padding-left: 0
}
.uk-grid-small {
margin-left: -10px
}
.uk-grid-small>* {
padding-left: 10px
}
.uk-grid-medium {
margin-left: -25px
}
.uk-grid-medium>* {
padding-left: 25px
}
@media (min-width:960px) {
.uk-grid-large {
margin-left: -35px
}
.uk-grid-large>* {
padding-left: 35px
}
}
@media (min-width:1220px) {
.uk-grid-large {
margin-left: -50px
}
.uk-grid-large>* {
padding-left: 50px
}
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px
}
.uk-grid-divider>* {
padding-left: 25px;
padding-right: 25px
}
.uk-grid-divider>[class*=uk-width-9-]:nth-child(n+2),
.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) {
border-left: 1px solid #E5E5E5
}
@media (min-width:768px) {
.uk-grid-divider>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:960px) {
.uk-grid-divider>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
}
@media (min-width:1220px) {
.uk-grid-divider:not(: empty) {
margin-left: -35px;
margin-right: -35px
}
.uk-grid-divider>* {
padding-left: 35px;
padding-right: 35px
}
.uk-grid-divider:empty {
margin-top: 35px;
margin-bottom: 35px
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #E5E5E5
}
.uk-grid-match>* {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-grid-match>*>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
box-sizing: border-box;
width: 100%
}
[class*=uk-grid-width]>* {
box-sizing: border-box;
width: 100%
}
.uk-grid-width-1-2>* {
width: 50%
}
.uk-grid-width-1-3>* {
width: 33.333%
}
.uk-grid-width-1-4>* {
width: 25%
}
.uk-grid-width-1-5>* {
width: 20%
}
.uk-grid-width-1-6>* {
width: 16.666%
}
.uk-grid-width-1-10>* {
width: 10%
}
.uk-grid-width-auto>* {
width: auto
}
@media (min-width:480px) {
.uk-grid-width-small-1-1>* {
width: 100%
}
.uk-grid-width-small-1-2>* {
width: 50%
}
.uk-grid-width-small-1-3>* {
width: 33.333%
}
.uk-grid-width-small-1-4>* {
width: 25%
}
.uk-grid-width-small-1-5>* {
width: 20%
}
.uk-grid-width-small-1-6>* {
width: 16.666%
}
.uk-grid-width-small-1-10>* {
width: 10%
}
}
@media (min-width:768px) {
.uk-grid-width-medium-1-1>* {
width: 100%
}
.uk-grid-width-medium-1-2>* {
width: 50%
}
.uk-grid-width-medium-1-3>* {
width: 33.333%
}
.uk-grid-width-medium-1-4>* {
width: 25%
}
.uk-grid-width-medium-1-5>* {
width: 20%
}
.uk-grid-width-medium-1-6>* {
width: 16.666%
}
.uk-grid-width-medium-1-10>* {
width: 10%
}
}
@media (min-width:960px) {
.uk-grid-width-large-1-1>* {
width: 100%
}
.uk-grid-width-large-1-2>* {
width: 50%
}
.uk-grid-width-large-1-3>* {
width: 33.333%
}
.uk-grid-width-large-1-4>* {
width: 25%
}
.uk-grid-width-large-1-5>* {
width: 20%
}
.uk-grid-width-large-1-6>* {
width: 16.666%
}
.uk-grid-width-large-1-10>* {
width: 10%
}
}
@media (min-width:1220px) {
.uk-grid-width-xlarge-1-1>* {
width: 100%
}
.uk-grid-width-xlarge-1-2>* {
width: 50%
}
.uk-grid-width-xlarge-1-3>* {
width: 33.333%
}
.uk-grid-width-xlarge-1-4>* {
width: 25%
}
.uk-grid-width-xlarge-1-5>* {
width: 20%
}
.uk-grid-width-xlarge-1-6>* {
width: 16.666%
}
.uk-grid-width-xlarge-1-10>* {
width: 10%
}
}
[class*=uk-width] {
-moz-box-sizing: border-box;
-webkit-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:1220px) {
.uk-width-xlarge-1-1 {
width: 100%
}
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
width: 50%
}
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
width: 33.333%
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
width: 66.666%
}
.uk-width-xlarge-1-4 {
width: 25%
}
.uk-width-xlarge-3-4 {
width: 75%
}
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
width: 20%
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
width: 40%
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
width: 60%
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
width: 80%
}
.uk-width-xlarge-1-6 {
width: 16.666%
}
.uk-width-xlarge-5-6 {
width: 83.333%
}
.uk-width-xlarge-1-10 {
width: 10%
}
.uk-width-xlarge-3-10 {
width: 30%
}
.uk-width-xlarge-7-10 {
width: 70%
}
.uk-width-xlarge-9-10 {
width: 90%
}
}
@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-panel {
display: block;
position: relative;
}
.uk-panel,
.uk-panel:hover {
text-decoration: none
}
.uk-panel:after,
.uk-panel:before {
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;
font-size: 18px;
line-height: 24px;
font-weight: 400;
text-transform: none;
color: #666
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1
}
.uk-panel-teaser {
margin-bottom: 15px
}
.uk-panel-box {
padding: 15px;
background: #fafafa;
color: #666;
border: 1px solid #E5E5E5;
border-radius: 4px
}
.uk-panel-box-hover:hover {
color: #666
}
.uk-panel-box .uk-panel-title {
color: #666
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-box>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-box>.uk-nav-side {
margin: 0 -15px
}
.uk-panel-box-primary {
background-color: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-panel-box-primary-hover:hover {
color: #2d7091
}
.uk-panel-box-primary .uk-panel-title {
color: #2d7091
}
.uk-panel-box-secondary {
background-color: #fff;
color: #444
}
.uk-panel-box-secondary-hover:hover {
color: #444
}
.uk-panel-box-secondary .uk-panel-title {
color: #444
}
.uk-panel-hover {
padding: 15px;
color: #666;
border: 1px solid transparent;
border-radius: 4px
}
.uk-panel-hover:hover {
background: #fafafa;
color: #666;
border-color: #E5E5E5
}
.uk-panel-hover .uk-panel-badge {
top: 10px;
right: 10px
}
.uk-panel-hover>.uk-panel-teaser {
margin-top: -16px;
margin-left: -16px;
margin-right: -16px
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #E5E5E5;
color: #666
}
.uk-panel-space {
padding: 30px
}
.uk-panel-space .uk-panel-badge {
top: 30px;
right: 30px
}
.uk-panel+.uk-panel-divider {
margin-top: 50px!important
}
.uk-panel+.uk-panel-divider:before {
content: "";
display: block;
position: absolute;
top: -25px;
left: 0;
right: 0;
border-top: 1px solid #E5E5E5
}
@media (min-width:1220px) {
.uk-panel+.uk-panel-divider {
margin-top: 70px!important
}
.uk-panel+.uk-panel-divider:before {
top: -35px
}
}
.uk-panel-box .uk-panel-teaser {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow: hidden;
-webkit-transform: translateZ(0)
}
.uk-block {
position: relative;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block {
padding-top: 50px;
padding-bottom: 50px
}
}
.uk-block:after,
.uk-block:before {
content: "";
display: table
}
.uk-block:after {
clear: both
}
.uk-block>:last-child {
margin-bottom: 0
}
.uk-block-large {
padding-top: 20px;
padding-bottom: 20px
}
@media (min-width:768px) {
.uk-block-large {
padding-top: 50px;
padding-bottom: 50px
}
}
@media (min-width:960px) {
.uk-block-large {
padding-top: 100px;
padding-bottom: 100px
}
}
.uk-block-default {
background: #fff
}
.uk-block-muted {
background: #f9f9f9
}
.uk-block-primary {
background: #00a8e6
}
.uk-block-secondary {
background: #222
}
.uk-block-default+.uk-block-default,
.uk-block-muted+.uk-block-muted,
.uk-block-primary+.uk-block-primary,
.uk-block-secondary+.uk-block-secondary {
padding-top: 0
}
.uk-article:after,
.uk-article:before {
content: "";
display: table
}
.uk-article:after {
clear: both
}
.uk-article>:last-child {
margin-bottom: 0
}
.uk-article-title {
font-size: 20px;
line-height: 24px;
font-weight: 300;
text-transform: none
}
.uk-article-title a {
color: inherit;
text-decoration: none
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #999
}
.uk-article-lead {
color: #222;
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.uk-article-divider {
margin-bottom: 25px;
border-color: #E5E5E5
}
*+.uk-article-divider {
margin-top: 25px
}
.uk-article+.uk-article {
padding-top: 50px;
border-top: 1px solid #E5E5E5
}
.uk-comment-header {
margin-bottom: 15px;
padding: 10px;
border: 1px solid #E5E5E5;
border-radius: 4px;
background: #fafafa
}
.uk-comment-header:after,
.uk-comment-header:before {
content: "";
display: table
}
.uk-comment-header:after {
clear: both
}
.uk-comment-avatar {
margin-right: 15px;
float: left
}
.uk-comment-title {
margin: 5px 0 0 0;
font-size: 16px;
line-height: 22px
}
.uk-comment-meta {
margin: 2px 0 0 0;
font-size: 11px;
line-height: 16px;
color: #999
}
.uk-comment-body {
padding-left: 10px;
padding-right: 10px
}
.uk-comment-body>:last-child {
margin-bottom: 0
}
.uk-comment-list {
padding: 0;
list-style: none
}
.uk-comment-list .uk-comment+ul {
margin: 25px 0 0 0;
list-style: none
}
.uk-comment-list .uk-comment+ul>li:nth-child(n+2),
.uk-comment-list>li:nth-child(n+2) {
margin-top: 25px
}
@media (min-width:768px) {
.uk-comment-list .uk-comment+ul {
padding-left: 100px
}
}
.uk-comment-primary .uk-comment-header {
border-color: rgba(45, 112, 145, .3);
background-color: #ebf7fd;
color: #2d7091;
text-shadow: 0 1px 0 #fff
}
.uk-cover-background {
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat
}
.uk-cover {
overflow: hidden
}
.uk-cover-object {
width: auto;
height: auto;
min-width: 100%;
min-height: 100%;
max-width: none;
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
[data-uk-cover] {
position: relative;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.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: 5px 15px
}
.uk-nav ul a {
padding: 5px 10px
}
.uk-nav li>a>div {
font-size: 12px;
line-height: 18px
}
.uk-nav-header {
padding: 3px 15px;
text-transform: uppercase;
font-weight: 700;
font-size: 12px
}
.uk-nav-header:not(:first-child) {
margin-top: 15px
}
.uk-nav-divider {
margin: 7px 15px
}
ul.uk-nav-sub {
padding: 5px 0 5px 15px
}
.uk-nav-parent-icon>.uk-parent>a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center
}
.uk-nav-parent-icon>.uk-parent.uk-open>a:after {
content: "\f107"
}
.uk-nav-side>li>a {
color: #666
}
.uk-nav-side>li>a:focus,
.uk-nav-side>li>a:hover {
background: rgba(0, 0, 0, .03);
color: #666;
outline: 0;
box-shadow: inset 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 #fff
}
.uk-nav-side>li.uk-active>a {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-side .uk-nav-header {
color: #666
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #E5E5E5;
box-shadow: 0 1px 0 #fff
}
.uk-nav-side ul a {
color: #1D8ACB
}
.uk-nav-side ul a:hover {
color: #0B5F90
}
.uk-nav-dropdown>li>a {
color: #666
}
.uk-nav-dropdown>li>a:focus,
.uk-nav-dropdown>li>a:hover {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-dropdown .uk-nav-header {
color: #999
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-dropdown ul a {
color: #1D8ACB
}
.uk-nav-dropdown ul a:hover {
color: #0B5F90
}
.uk-nav-navbar>li>a {
color: #666
}
.uk-nav-navbar .uk-nav-header {
color: #999
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-navbar ul a {
color: #1D8ACB
}
.uk-nav-navbar ul a:hover {
color: #0B5F90
}
.uk-nav-offcanvas>li>a {
color: #ccc;
padding: 10px 15px;
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas>.uk-open>a,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus,
html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover {
background: #404040;
color: #fff;
outline: 0
}
html .uk-nav.uk-nav-offcanvas>li.uk-active>a {
background: #1a1a1a;
color: #fff;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas .uk-nav-header {
color: #777;
margin-top: 0;
border-top: 1px solid rgba(0, 0, 0, .3);
background: #404040;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid rgba(255, 255, 255, .01);
margin: 0;
height: 4px;
background: rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .3)
}
.uk-nav-offcanvas ul a {
color: #ccc
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #fff
}
.uk-nav-offcanvas {
border-bottom: 1px solid rgba(0, 0, 0, .3);
box-shadow: 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-nav-offcanvas .uk-nav-sub {
border-top: 1px solid rgba(0, 0, 0, .3);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05)
}
.uk-navbar {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .3);
border-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-navbar:after,
.uk-navbar:before {
content: "";
display: table
}
.uk-navbar:after {
clear: both
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
}
.uk-navbar-nav>li {
float: left;
position: relative
}
.uk-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
padding: 10px 15px;
line-height: 20px;
color: #666;
font-size: 14px;
font-family: inherit;
font-weight: 400;
border: none;
}
.uk-navbar-nav>li>a[href='#'] {
cursor: text
}
.uk-navbar-nav>li.uk-open>a,
.uk-navbar-nav>li:hover>a,
.uk-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
}
.uk-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
}
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 28px
}
.uk-navbar-nav-subtitle>div {
margin-top: -6px;
font-size: 10px;
line-height: 12px
}
.uk-navbar-brand,
.uk-navbar-content,
.uk-navbar-toggle {
box-sizing: border-box;
display: block;
padding: 0 15px;
margin-top: -1px;
}
.uk-navbar-brand:before,
.uk-navbar-content: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: #1D8ACB
}
.uk-navbar-content>a:not([class]):hover {
color: #0B5F90
}
.uk-navbar-brand {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-brand:focus,
.uk-navbar-brand:hover {
color: #666;
text-decoration: none;
outline: 0
}
.uk-navbar-toggle {
font-size: 18px;
color: #666;
text-decoration: none
}
.uk-navbar-toggle:focus,
.uk-navbar-toggle:hover {
color: #666;
text-decoration: none;
outline: 0
}
.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-flip .uk-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-navbar-attached {
border-top-color: transparent;
border-left-color: transparent;
border-right-color: transparent;
border-radius: 0
}
.uk-navbar-attached .uk-navbar-nav>li>a {
border-radius: 0!important
}
.uk-subnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-subnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px;
position: relative
}
.uk-subnav:after,
.uk-subnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-subnav:after {
clear: both
}
.uk-subnav>* {
float: left
}
.uk-subnav>*>* {
display: inline-block;
color: #666
}
.uk-subnav>*>:focus,
.uk-subnav>*>:hover {
color: #1D8ACB;
text-decoration: none
}
.uk-subnav>.uk-active>* {
color: #1D8ACB
}
.uk-subnav-line>:before {
content: "";
display: inline-block;
height: 10px;
vertical-align: middle
}
.uk-subnav-line>:nth-child(n+2):before {
margin-right: 10px;
border-left: 1px solid #E5E5E5
}
.uk-subnav-pill>*>* {
padding: 3px 9px;
border-radius: 4px
}
.uk-subnav-pill>*>:focus,
.uk-subnav-pill>*>:hover {
background: #fafafa;
color: #666;
text-decoration: none;
outline: 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1)
}
.uk-subnav-pill>.uk-active>* {
background: #009dd8;
color: #fff;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-subnav>.uk-disabled>* {
background: 0 0;
color: #999;
text-decoration: none;
cursor: text;
box-shadow: none
}
.uk-breadcrumb {
padding: 0;
list-style: none;
font-size: 0
line-height: 0;
}
.uk-breadcrumb:before {
content: "";
display: table-cell
}
.uk-breadcrumb:after {
content: "";
display: table;
clear: both
}
.uk-breadcrumb>li {
display: block;
position: relative;
float: left;
}
.uk-breadcrumb>li+li {
margin-left: 15px;
padding-left: 15px;
}
.uk-breadcrumb>li>a,
.uk-breadcrumb>li>span {
display: block
}
.uk-breadcrumb>li:not(.uk-active)>span {
color: #999
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
font-size: 0
}
.uk-pagination:after,
.uk-pagination:before {
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: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
box-sizing: content-box;
text-align: center;
border-radius: 4px
}
.uk-pagination>li>a {
background: #f7f7f7;
color: #666;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
}
.uk-pagination>li>a:focus,
.uk-pagination>li>a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
background-image: none
}
.uk-pagination>li>a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-pagination>.uk-active>span {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-pagination>.uk-disabled>span {
background-color: #fafafa;
color: #999;
border: 1px solid rgba(0, 0, 0, .2);
text-shadow: 0 1px 0 #fff
}
.uk-pagination-previous {
float: left
}
.uk-pagination-next {
float: right
}
.uk-pagination-left {
text-align: left
}
.uk-pagination-right {
text-align: right
}
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #E5E5E5
}
.uk-tab:after,
.uk-tab:before {
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: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #1D8ACB;
text-decoration: none;
border-radius: 4px 4px 0 0;
text-shadow: 0 1px 0 #fff
}
.uk-tab>li:nth-child(n+2)>a {
margin-left: 5px
}
.uk-tab>li.uk-open>a,
.uk-tab>li>a:focus,
.uk-tab>li>a:hover {
border-color: #E5E5E5;
background: #fafafa;
color: #0B5F90;
outline: 0
}
.uk-tab>li.uk-open:not(.uk-active)>a,
.uk-tab>li:not(.uk-active)>a:focus,
.uk-tab>li:not(.uk-active)>a:hover {
margin-bottom: 1px;
padding-bottom: 7px
}
.uk-tab>li.uk-active>a {
border-color: #E5E5E5;
border-bottom-color: transparent;
background: #fff;
color: #666
}
.uk-tab>li.uk-disabled>a {
color: #999;
cursor: text
}
.uk-tab>li.uk-disabled.uk-active>a,
.uk-tab>li.uk-disabled>a:focus,
.uk-tab>li.uk-disabled>a:hover {
background: 0 0;
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 #E5E5E5
}
.uk-tab-center-bottom {
border-bottom: none;
border-top: 1px solid #E5E5E5
}
.uk-tab-center:after,
.uk-tab-center:before {
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 #E5E5E5;
border-bottom: none
}
.uk-tab-bottom>li {
margin-top: -1px;
margin-bottom: 0
}
.uk-tab-bottom>li>a {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-top-width: 0
}
.uk-tab-bottom>li.uk-open:not(.uk-active)>a,
.uk-tab-bottom>li:not(.uk-active)>a:focus,
.uk-tab-bottom>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px
}
.uk-tab-bottom>li.uk-active>a {
border-top-color: transparent;
border-bottom-color: #E5E5E5
}
.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 #E5E5E5;
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: 8px;
padding-bottom: 8px
}
.uk-tab-left>li:nth-child(n+2)>a,
.uk-tab-right>li:nth-child(n+2)>a {
margin-left: 0;
margin-top: 5px
}
.uk-tab-left>li.uk-active>a,
.uk-tab-right>li.uk-active>a {
border-color: #E5E5E5
}
.uk-tab-left {
border-right: 1px solid #E5E5E5
}
.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:focus,
.uk-tab-left>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-right: 1px;
padding-bottom: 8px;
padding-right: 11px
}
.uk-tab-left>li.uk-active>a {
border-right-color: transparent
}
.uk-tab-right {
border-left: 1px solid #E5E5E5
}
.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:focus,
.uk-tab-right>li:not(.uk-active)>a:hover {
margin-bottom: 0;
margin-left: 1px;
padding-bottom: 8px;
padding-left: 11px
}
.uk-tab-right>li.uk-active>a {
border-left-color: transparent
}
}
.uk-tab-bottom>li>a {
border-radius: 0 0 4px 4px
}
@media (min-width:768px) {
.uk-tab-left>li>a {
border-radius: 4px 0 0 4px
}
.uk-tab-right>li>a {
border-radius: 0 4px 4px 0
}
}
.uk-thumbnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-top: -10px;
padding: 0;
list-style: none
}
.uk-thumbnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
padding-left: 10px;
margin-top: 10px
}
.uk-thumbnav:after,
.uk-thumbnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-thumbnav:after {
clear: both
}
.uk-thumbnav>* {
float: left
}
.uk-thumbnav>*>* {
display: block;
background: #fff
}
.uk-thumbnav>*>*>img {
opacity: .7;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.uk-thumbnav>*>:focus>img,
.uk-thumbnav>*>:hover>img {
opacity: 1
}
.uk-thumbnav>.uk-active>*>img {
opacity: 1
}
.uk-list {
padding: 0;
list-style: none
}
.uk-list>li:after,
.uk-list>li:before {
content: "";
display: table
}
.uk-list>li:after {
clear: both
}
.uk-list>li>:last-child {
margin-bottom: 0
}
.uk-list ul {
margin: 0;
padding: 0px;
list-style: none
}
.uk-list-line>li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-list-striped>li {
padding: 5px 5px;
border-bottom: 1px solid #E5E5E5
}
.uk-list-striped>li:nth-of-type(odd) {
background: #fafafa
}
.uk-list-space>li:nth-child(n+2) {
margin-top: 10px
}
.uk-list-striped>li:first-child {
border-top: 1px solid #E5E5E5
}
@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: 400
}
.uk-description-list-line>dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #E5E5E5
}
.uk-description-list-line>dd {
color: #999
}
.uk-table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 15px
}
*+.uk-table {
margin-top: 15px
}
.uk-table td,
.uk-table th {
padding: 8px 8px;
border-bottom: 1px solid #E5E5E5
}
.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: 12px;
font-style: italic
}
.uk-table caption {
text-align: left;
color: #999
}
.uk-table tbody tr.uk-active {
background: #f0f0f0
}
.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: #f0f0f0
}
.uk-form input,
.uk-form select,
.uk-form textarea {
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: 700
}
.uk-form input::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
padding: 0;
margin: 0;
vertical-align: middle;
}
.uk-form input[type=checkbox]:not(:disabled),
.uk-form input[type=radio]:not(:disabled) {
cursor: pointer;
vertical-align: middle;
}
.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],
.uk-form textarea {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
}
.uk-form input[type=search]::-webkit-search-cancel-button,
.uk-form input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-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 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],
.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=color],
.uk-form select,
.uk-form textarea {
height: 32px;
padding: 0px 10px;
line-height: 32px;
max-width: 100%;
border: 1px solid #d5d5d5;
background: #fff;
color: #333;
outline: none;
font-size: 14px;line-height: 20px;
-webkit-transition: all .2s linear;
-webkit-transition-property: border, background, color, box-shadow, padding;
transition: all .2s linear;
transition-property: border, background, color, box-shadow, padding;
}
.uk-form input:not([type]):disabled,
.uk-form input[type=text]:disabled,
.uk-form input[type=password]: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=number]: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=color]:disabled,
.uk-form select:disabled,
.uk-form textarea:disabled {
border-color: #E5E5E5;
background-color: #fafafa;
color: #999
}
.uk-form:-ms-input-placeholder {
color: #999!important
}
.uk-form::-moz-placeholder {
color: #999
}
.uk-form::-webkit-input-placeholder {
color: #999
}
.uk-form:disabled:-ms-input-placeholder {
color: #999!important
}
.uk-form:disabled::-moz-placeholder {
color: #999
}
.uk-form:disabled::-webkit-input-placeholder {
color: #999
}
.uk-form legend {
width: 100%;
border: 0;
padding: 0;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #E5E5E5;
width: 100%
}
input:not([type]).uk-form-small,
input[type].uk-form-small,
select.uk-form-small,
textarea.uk-form-small {
height: 25px;
padding: 3px 3px;
font-size: 12px
}
input:not([type]).uk-form-large,
input[type].uk-form-large,
select.uk-form-large,
textarea.uk-form-large {
height: 40px;
padding: 8px 6px;
font-size: 16px
}
.uk-form select[multiple],
.uk-form select[size],
.uk-form textarea {
height: auto
}
.uk-form-danger {
border-color: #dc8d99!important;
background: #fff7f8!important;
color: #d85030!important
}
.uk-form-success {
border-color: #8ec73b!important;
background: #fafff2!important;
color: #659f13!important
}
.uk-form-blank {
border-color: transparent!important;
border-style: dashed!important;
background: 0 0!important
}
.uk-form-blank:focus {
border-color: #E5E5E5!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:after,
.uk-form-row:before {
content: "";
display: table
}
.uk-form-row:after {
clear: both
}
.uk-form-row+.uk-form-row {
margin-top: 15px
}
.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: 700
}
@media (max-width:959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: 700
}
}
@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: 30px;
margin-top: -7px;
font-size: 14px;
color: #999;
text-align: center;
pointer-events: none
}
.uk-form-icon:not(.uk-form-icon-flip)>input {
padding-left: 30px!important
}
.uk-form-icon-flip>[class*=uk-icon-] {
right: 0
}
.uk-form-icon-flip>input {
padding-right: 30px!important
}
.uk-button::-moz-focus-inner {
border: 0;
padding: 0
}
.uk-button {
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
-ms-appearance: none;
margin: 0;
border: none;
overflow: visible;
font: inherit;
color: inherit;
text-transform: none;
display: inline-block;
padding: 5px 15px;
background: #d5d5d5;
vertical-align: middle;
line-height: 20px;
font-size: 14px;
text-decoration: none;
text-align: center;
-webkit-transition: all .25s linear;
-o-transition: all .25s linear;
transition: all .25s linear;
outline: none;
}
.uk-button:not(:disabled) {
cursor: pointer
}
.uk-button.uk-active,
.uk-button:active {
background-color: inherit;
color: inherit;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-button-primary {
background-color: #009dd8;
color: #fff;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-primary:focus,
.uk-button-primary:hover {
background-color: #00aff2;
color: #fff;
background-image: none
}
.uk-button-primary.uk-active,
.uk-button-primary:active {
background-color: #008abf;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-success {
background-color: #82bb42;
color: #fff;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-success:focus,
.uk-button-success:hover {
background-color: #8fce48;
color: #fff;
background-image: none
}
.uk-button-success.uk-active,
.uk-button-success:active {
background-color: #76b430;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button-danger {
background-color: #d32c46;
color: #fff;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39);
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-button-danger:focus,
.uk-button-danger:hover {
background-color: #e33551;
color: #fff;
background-image: none
}
.uk-button-danger.uk-active,
.uk-button-danger:active {
background-color: #c91c37;
color: #fff;
background-image: none;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .4);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2)
}
.uk-button:disabled {
background-color: #fafafa;
color: #999;
border-color: rgba(0, 0, 0, .2);
background-image: none;
box-shadow: none;
text-shadow: 0 1px 0 #fff
}
.uk-button-link,
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:disabled,
.uk-button-link:focus,
.uk-button-link:hover {
border-color: transparent;
background: 0 0;
box-shadow: none;
text-shadow: none
}
.uk-button-link {
color: #1D8ACB
}
.uk-button-link.uk-active,
.uk-button-link:active,
.uk-button-link:focus,
.uk-button-link:hover {
color: #0B5F90;
text-decoration: underline
}
.uk-button-link:disabled {
color: #999
}
.uk-button-link:focus {
outline: 1px dotted
}
.uk-button-mini {
min-height: 20px;
padding: 0 6px;
line-height: 18px;
font-size: 11px
}
.uk-button-small {
min-height: 25px;
padding: 0 10px;
line-height: 23px;
font-size: 12px
}
.uk-button-large {
min-height: 40px;
padding: 0 15px;
line-height: 38px;
font-size: 16px;
border-radius: 5px
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
font-size: 0;
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-group>.uk-button:not(:first-child):not(:last-child),
.uk-button-group>div:not(:first-child):not(:last-child) .uk-button {
border-radius: 0
}
.uk-button-group>.uk-button:first-child,
.uk-button-group>div:first-child .uk-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.uk-button-group>.uk-button:last-child,
.uk-button-group>div:last-child .uk-button {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.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.uk-active,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button:hover {
position: relative
}
.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: 0 0;
display: inline-block;
box-sizing: content-box;
width: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome
}
.uk-close:focus,
.uk-close:hover {
opacity: .5;
outline: 0;
color: inherit;
text-decoration: none;
cursor: pointer
}
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #fff;
opacity: 1;
box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 0 6px rgba(0, 0, 0, .3)
}
.uk-close-alt:focus,
.uk-close-alt:hover {
opacity: 1
}
.uk-close-alt:after {
opacity: .5
}
.uk-close-alt:focus:after,
.uk-close-alt:hover:after {
opacity: .8
}
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #009dd8;
font-size: 10px;
font-weight: 700;
line-height: 14px;
color: #fff;
text-align: center;
vertical-align: middle;
text-transform: none;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
border-radius: 2px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
a.uk-badge:hover {
color: #fff
}
.uk-badge-notification {
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px
}
.uk-badge-success {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-badge-warning {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-badge-danger {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
border: 1px solid rgba(45, 112, 145, .3);
border-radius: 4px;
text-shadow: 0 1px 0 #fff
}
*+.uk-alert {
margin-top: 15px
}
.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: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.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%;
box-sizing: border-box;
margin: 0;
padding: 4px;
border: 1px solid #E5E5E5;
background: #fff;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .05)
}
a.uk-thumbnail:focus,
a.uk-thumbnail:hover {
border-color: #b2b2b2;
background-color: #fff;
text-decoration: none;
outline: 0;
box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #666
}
.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;
-webkit-transform: translateZ(0);
margin: 0
}
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}
.uk-overlay>:first-child {
margin-bottom: 0
}
.uk-overlay-panel {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
color: #fff
}
.uk-overlay-panel.uk-flex>*>:last-child,
.uk-overlay-panel>:last-child {
margin-bottom: 0
}
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
color: inherit
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline
}
.uk-overlay-panel a[class*=uk-icon-]:not(.uk-icon-button) {
color: inherit
}
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-active:not(.uk-active)>.uk-overlay-panel:not(.uk-ignore) {
opacity: 0
}
.uk-overlay-background {
background: rgba(0, 0, 0, .5)
}
.uk-overlay-image {
padding: 0
}
.uk-overlay-top {
bottom: auto
}
.uk-overlay-bottom {
top: auto
}
.uk-overlay-left {
right: auto
}
.uk-overlay-right {
left: auto
}
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #fff
}
.uk-overlay-blur,
.uk-overlay-fade,
.uk-overlay-grayscale,
.uk-overlay-scale,
.uk-overlay-spin,
[class*=uk-overlay-slide] {
transition-duration: .3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*=uk-overlay-slide] {
transition-duration: .8s
}
.uk-overlay-fade {
opacity: .7
}
.uk-overlay-active .uk-active>.uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-hover:hover .uk-overlay-fade {
opacity: 1
}
.uk-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1)
}
.uk-overlay-active .uk-active>.uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-hover:hover .uk-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
.uk-overlay-spin {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
.uk-overlay-active .uk-active>.uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-hover:hover .uk-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
.uk-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.uk-overlay-active .uk-active>.uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-hover:hover .uk-overlay-grayscale {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
[class*=uk-overlay-slide] {
opacity: 0
}
.uk-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
.uk-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%)
}
.uk-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.uk-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-overlay-active .uk-active>[class*=uk-overlay-slide],
.uk-overlay-hover.uk-hover [class*=uk-overlay-slide],
.uk-overlay-hover:hover [class*=uk-overlay-slide] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0)
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .3);
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay: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: #fff
}
.uk-overlay-area:not(:empty) {
font-size: 0
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-overlay-area-content {
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
font-size: 1rem;
text-align: center;
padding: 0 15px;
color: #fff
}
.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: 15px;
background: rgba(0, 0, 0, .5);
color: #fff;
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear;
-webkit-transform: translate3d(0, 0, 0)
}
.uk-overlay-toggle.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay:hover .uk-overlay-caption {
opacity: 1
}
[class*=uk-column-] {
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px
}
.uk-column-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
@media (min-width:480px) {
.uk-column-small-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-small-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-small-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-small-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-small-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:768px) {
.uk-column-medium-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-medium-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-medium-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-medium-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-medium-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:960px) {
.uk-column-large-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-large-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-large-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-large-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-large-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
@media (min-width:1220px) {
.uk-column-xlarge-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2
}
.uk-column-xlarge-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3
}
.uk-column-xlarge-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4
}
.uk-column-xlarge-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5
}
.uk-column-xlarge-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6
}
}
[class*=uk-animation-] {
-webkit-animation-duration: .5s;
animation-duration: .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-]:not([data-uk-scrollspy*=target]) {
opacity: 0
}
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: .8s;
animation-duration: .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-in;
animation-timing-function: ease-in
}
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s
}
.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%
}
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*=uk-animation-],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*=uk-animation-] {
-webkit-animation-name: none;
animation-name: none
}
@-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(.2)
}
100% {
opacity: 1;
-webkit-transform: scale(1)
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(.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(0)
}
100% {
-webkit-transform: rotate(359deg)
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0)
}
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,
.uk-dropdown-blank {
display: none;
position: absolute;
z-index: 1020;
box-sizing: border-box;
width: 200px
}
.uk-dropdown {
padding: 10px 20px;
background: #fff;
color: #666;
font-size: 1rem;
vertical-align: top;
border: 1px solid #d3d3d3;
}
.uk-open>.uk-dropdown,
.uk-open>.uk-dropdown-blank {
display: block;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-dropdown-top {
margin-top: -5px
}
.uk-dropdown-bottom {
}
.uk-dropdown-left {
margin-left: -5px
}
.uk-dropdown-right {
margin-left: 5px
}
.uk-dropdown .uk-nav {
margin: 0 -20px
}
.uk-grid .uk-dropdown-grid+.uk-dropdown-grid {
margin-top: 15px
}
.uk-dropdown-grid>[class*=uk-width-]>.uk-panel+.uk-panel {
margin-top: 15px
}
@media (min-width:768px) {
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-] {
padding-left: 15px;
padding-right: 15px
}
.uk-dropdown:not(.uk-dropdown-stack)>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
border-left: 1px solid #E5E5E5
}
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 400px
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 600px
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 800px
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1000px
}
}
@media (max-width:767px) {
.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-] {
width: 100%
}
.uk-dropdown-stack>.uk-dropdown-grid>[class*=uk-width-]:nth-child(n+2) {
margin-top: 15px
}
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap
}
.uk-dropdown-small .uk-nav {
margin: 0 -5px
}
.uk-dropdown-navbar {
background: #fff;
color: #666;
left: 0px;
}
.uk-open>.uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px
}
.uk-dropdown-navbar.uk-dropdown-flip {
left: auto
}
.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, .6);
opacity: 0;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-ms-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.uk-modal.uk-open {
opacity: 1
}
.uk-modal-page,
.uk-modal-page body {
overflow: hidden
}
.uk-modal-dialog {
position: relative;
box-sizing: border-box;
margin: 100px auto;
padding: 10px;
width: 650px;
max-width: 100%;
max-width: calc(100% - 20px);
background: #fff;
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity .3s linear, -webkit-transform .3s ease-out;
transition: opacity .3s linear, transform .3s ease-out;
box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
@media (max-width:767px) {
.uk-modal-dialog {
width: auto;
margin: 10px auto
}
}
.uk-open .uk-modal-dialog {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
.uk-modal-dialog>:not([class*=uk-modal-]):last-child {
margin-bottom: 0
}
.uk-modal-dialog>.uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
color: #898989;
}
.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]) {
margin-top: 0
}
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
border-radius: 0
}
.uk-modal-dialog-lightbox>.uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none
}
@media (max-width:767px) {
.uk-modal-dialog-lightbox>.uk-close:first-child {
top: -7px;
right: -7px
}
}
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear
}
.uk-modal-dialog-blank>.uk-close:first-child {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
float: none
}
@media (min-width:768px) {
.uk-modal-dialog-large {
width: 930px
}
}
@media (min-width:1220px) {
.uk-modal-dialog-large {
width: 1130px
}
}
.uk-modal-header {
margin-bottom: 15px;
margin: -20px -20px 15px -20px;
padding: 20px;
border-bottom: 1px solid #E5E5E5;
border-radius: 4px 4px 0 0;
background: #fafafa
}
.uk-modal-footer {
margin-top: 15px;
margin: 15px -20px -20px -20px;
padding: 20px;
border-top: 1px solid #E5E5E5;
border-radius: 0 0 4px 4px;
background: #fafafa
}
.uk-modal-footer>:last-child,
.uk-modal-header>:last-child {
margin-bottom: 0
}
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
color: #fff;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
touch-action: none;
background: rgba(0, 0, 0, .1)
}
.uk-offcanvas.uk-active {
display: block
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left .3s ease-in-out;
transition: margin-left .3s ease-in-out;
margin-left: 0
}
.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: #333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out;
-ms-scroll-chaining: none
}
.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-bar[mode=none] {
-webkit-transition: none;
transition: none
}
.uk-offcanvas-bar[mode=reveal] {
-webkit-transform: translateX(0);
transform: translateX(0);
clip: rect(0, 0, 100vh, 0);
-webkit-transition: -webkit-transform .3s ease-in-out, clip .3s ease-in-out;
transition: transform .3s ease-in-out, clip .3s ease-in-out
}
.uk-offcanvas-bar-flip[mode=reveal] {
clip: none;
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.uk-offcanvas-bar-flip[mode=reveal]>* {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: -webkit-transform .3s ease-in-out;
transition: transform .3s ease-in-out
}
.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode=reveal].uk-offcanvas-bar-show>* {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-offcanvas .uk-panel-title {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #ccc
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #fff
}
.uk-offcanvas-bar:after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-offcanvas-bar-flip:after {
right: auto;
left: 0;
width: 1px;
background: rgba(0, 0, 0, .6);
box-shadow: 0 0 5px 2px rgba(0, 0, 0, .6)
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
touch-action: cross-slide-y pinch-zoom double-tap-zoom
}
.uk-switcher>:not(.uk-active) {
display: none
}
.uk-text-small {
font-size: 11px;
line-height: 16px
}
.uk-text-large {
font-size: 20px;
line-height: 26px;
font-weight: 300
}
.uk-text-bold {
font-weight: 700
}
.uk-text-muted {
color: #999!important
}
.uk-text-primary {
color: #2d7091!important
}
.uk-text-success {
color: #659f13!important
}
.uk-text-warning {
color: #e28327!important
}
.uk-text-danger {
color: #d85030!important
}
.uk-text-contrast {
color: #fff!important
}
.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
}
.uk-text-left-medium {
text-align: left!important
}
}
@media (max-width:767px) {
.uk-text-center-small {
text-align: center!important
}
.uk-text-left-small {
text-align: left!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-text-capitalize {
text-transform: capitalize!important
}
.uk-text-lowercase {
text-transform: lowercase!important
}
.uk-text-uppercase {
text-transform: uppercase!important
}
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px
}
@media (min-width:1220px) {
.uk-container {
max-width: 1200px;
padding: 0 35px
}
}
.uk-container:after,
.uk-container:before {
content: "";
display: table
}
.uk-container:after {
clear: both
}
.uk-container-center {
margin-left: auto;
margin-right: auto
}
.uk-clearfix:before {
content: "";
display: table-cell
}
.uk-clearfix:after {
content: "";
display: table;
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: 15px
}
.uk-align-left {
margin-right: 15px;
float: left
}
.uk-align-right {
margin-left: 15px;
float: right
}
@media (min-width:768px) {
.uk-align-medium-left {
margin-right: 15px;
float: left
}
.uk-align-medium-right {
margin-left: 15px;
float: right
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto
}
.uk-vertical-align {
font-size: 0
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle
}
.uk-vertical-align-bottom,
.uk-vertical-align-middle {
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] {
box-sizing: border-box
}
.uk-height-1-1 {
height: 100%
}
.uk-height-viewport {
height: 100vh;
min-height: 600px
}
.uk-responsive-height,
.uk-responsive-width {
box-sizing: border-box
}
.uk-responsive-width {
max-width: 100%!important;
height: auto
}
.uk-responsive-height {
max-height: 100%;
width: auto
}
.uk-margin {
margin-bottom: 15px
}
*+.uk-margin {
margin-top: 15px
}
.uk-margin-top {
margin-top: 15px!important
}
.uk-margin-bottom {
margin-bottom: 15px!important
}
.uk-margin-left {
margin-left: 15px!important
}
.uk-margin-right {
margin-right: 15px!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-padding-remove {
padding: 0!important
}
.uk-padding-top-remove {
padding-top: 0!important
}
.uk-padding-bottom-remove {
padding-bottom: 0!important
}
.uk-padding-vertical-remove {
padding-top: 0!important;
padding-bottom: 0!important
}
.uk-border-circle {
border-radius: 50%
}
.uk-border-rounded {
border-radius: 5px
}
.uk-heading-large {
font-size: 36px;
line-height: 42px
}
@media (min-width:768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px
}
}
.uk-link-muted,
.uk-link-muted a {
color: #666
}
.uk-link-muted a:hover,
.uk-link-muted:hover {
color: #666
}
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset a:focus,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset:hover {
color: inherit;
text-decoration: none
}
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both
}
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #E5E5E5;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
border-radius: 3px
}
.uk-scrollable-box>:last-child {
margin-bottom: 0
}
.uk-overflow-hidden {
overflow: hidden
}
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch
}
.uk-overflow-container>:last-child {
margin-bottom: 0
}
.uk-position-absolute,
[class*=uk-position-top],
[class*=uk-position-bottom] {
position: absolute!important
}
.uk-position-top {
top: 0;
left: 0;
right: 0
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.uk-position-top-left {
top: 0;
left: 0
}
.uk-position-top-right {
top: 0;
right: 0
}
.uk-position-bottom-left {
bottom: 0;
left: 0
}
.uk-position-bottom-right {
bottom: 0;
right: 0
}
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0
}
.uk-position-relative {
position: relative!important
}
.uk-position-z-index {
z-index: 1
}
.uk-display-block {
display: block!important
}
.uk-display-inline {
display: inline!important
}
.uk-display-inline-block {
display: inline-block!important;
max-width: 100%
}
@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
}
.uk-notouch .uk-hidden-notouch,
.uk-touch .uk-hidden-touch {
display: none!important
}
.uk-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex
}
.uk-flex-inline>*,
.uk-flex>* {
-ms-flex-negative: 1
}
.uk-flex-top {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.uk-flex-middle {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.uk-flex-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end
}
.uk-flex-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.uk-flex-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.uk-flex-space-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around
}
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.uk-flex-column {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse
}
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse
}
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
-webkit-align-content: space-around;
align-content: space-around
}
.uk-flex-order-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
@media (min-width:480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:768px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
@media (min-width:1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99
}
}
.uk-flex-item-none {
-ms-flex: none;
-webkit-flex: none;
flex: none
}
.uk-flex-item-auto {
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
-ms-flex-negative: 1
}
.uk-flex-item-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.uk-contrast {
color: #fff
}
.uk-contrast .uk-link,
.uk-contrast a:not([class]) {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-link:hover,
.uk-contrast a:not([class]):hover {
color: #fff;
text-decoration: underline
}
.uk-contrast:not(pre)>code,
.uk-contrast:not(pre)>kbd,
.uk-contrast:not(pre)>samp {
color: #fff;
border-color: rgba(255, 255, 255, .2);
background: rgba(255, 255, 255, .1)
}
.uk-contrast em {
color: #fff
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
color: #fff
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav li>a,
.uk-contrast .uk-nav li>a:hover {
text-decoration: none
}
.uk-contrast .uk-nav-side>li>a {
color: #fff
}
.uk-contrast .uk-nav-side>li>a:focus,
.uk-contrast .uk-nav-side>li>a:hover {
background: rgba(255, 255, 255, .1);
color: #fff;
text-shadow: none
}
.uk-contrast .uk-nav-side>li.uk-active>a {
background: #fff;
color: #444;
text-shadow: none
}
.uk-contrast .uk-nav-side .uk-nav-header {
color: #fff
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-nav-side ul a:hover {
color: #fff
}
.uk-contrast .uk-subnav>*>a {
color: rgba(255, 255, 255, .7);
text-decoration: none
}
.uk-contrast .uk-subnav>*>a:focus,
.uk-contrast .uk-subnav>*>a:hover {
color: #fff;
text-decoration: none
}
.uk-contrast .uk-subnav>.uk-active>a {
color: #fff
}
.uk-contrast .uk-subnav-line>:nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-subnav-pill>*>a:focus,
.uk-contrast .uk-subnav-pill>*>a:hover {
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-subnav-pill>.uk-active>a {
background: #fff;
color: #444
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab>li>a {
border-color: transparent;
color: rgba(255, 255, 255, .7);
text-shadow: none
}
.uk-contrast .uk-tab>li.uk-open>a,
.uk-contrast .uk-tab>li>a:focus,
.uk-contrast .uk-tab>li>a:hover {
border-color: rgba(255, 255, 255, .7);
background: rgba(255, 255, 255, .7);
color: #444;
text-decoration: none
}
.uk-contrast .uk-tab>li.uk-active>a {
border-color: rgba(255, 255, 255, .2);
border-bottom-color: transparent;
background: #fff;
color: #444
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-tab-grid:before {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-list-line>li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, .2)
}
.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type=text],
.uk-contrast .uk-form input[type=password],
.uk-contrast .uk-form input[type=email],
.uk-contrast .uk-form input[type=url],
.uk-contrast .uk-form input[type=search],
.uk-contrast .uk-form input[type=tel],
.uk-contrast .uk-form input[type=number],
.uk-contrast .uk-form input[type=datetime],
.uk-contrast .uk-form input[type=datetime-local],
.uk-contrast .uk-form input[type=date],
.uk-contrast .uk-form input[type=month],
.uk-contrast .uk-form input[type=time],
.uk-contrast .uk-form input[type=week],
.uk-contrast .uk-form input[type=color],
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea {
border-color: rgba(255, 255, 255, .8);
background: rgba(255, 255, 255, .8);
color: #444;
background-clip: padding-box
}
.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type=text]:focus,
.uk-contrast .uk-form input[type=password]:focus,
.uk-contrast .uk-form input[type=email]:focus,
.uk-contrast .uk-form input[type=url]:focus,
.uk-contrast .uk-form input[type=search]:focus,
.uk-contrast .uk-form input[type=tel]:focus,
.uk-contrast .uk-form input[type=number]:focus,
.uk-contrast .uk-form input[type=datetime]:focus,
.uk-contrast .uk-form input[type=datetime-local]:focus,
.uk-contrast .uk-form input[type=date]:focus,
.uk-contrast .uk-form input[type=month]:focus,
.uk-contrast .uk-form input[type=time]:focus,
.uk-contrast .uk-form input[type=week]:focus,
.uk-contrast .uk-form input[type=color]:focus,
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus {
border-color: #fff;
background: #fff;
color: #444
}
.uk-contrast .uk-form:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)!important
}
.uk-contrast .uk-form::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-form::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
.uk-contrast .uk-button {
color: #444;
background: #fff;
border-color: transparent
}
.uk-contrast .uk-button:focus,
.uk-contrast .uk-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-button.uk-active,
.uk-contrast .uk-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-button-primary {
background-color: #009dd8;
color: #fff
}
.uk-contrast .uk-button-primary:focus,
.uk-contrast .uk-button-primary:hover {
background-color: #00aff2;
color: #fff
}
.uk-contrast .uk-button-primary.uk-active,
.uk-contrast .uk-button-primary:active {
background-color: #008abf;
color: #fff
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, .7)
}
.uk-contrast .uk-icon-hover:hover {
color: #fff
}
.uk-contrast .uk-icon-button {
background: #fff;
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:focus,
.uk-contrast .uk-icon-button:hover {
background-color: rgba(255, 255, 255, .8);
color: #444;
border-color: transparent
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, .7);
color: #444;
box-shadow: none
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, .6)!important
}
.uk-contrast .uk-text-primary {
color: #2d7091!important
}
@media print {
*,
:after,
:before {
background: 0 0!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
.uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.uk-dotnav>* {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
.uk-dotnav>*+* {margin-left: 10px;}
.uk-dotnav:after,
.uk-dotnav:before {
content: "";
display: block;
overflow: hidden
}
.uk-dotnav:after {
clear: both
}
.uk-dotnav>* {
float: left
}
.uk-dotnav>*>* {
display: block;
box-sizing: content-box;
width: 12px;
height: 12px;
background: #878481;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.uk-dotnav>*>:focus,
.uk-dotnav>*>:hover {
background: #333;
outline: 0
}
.uk-dotnav>*>:active {
background: rgba(50, 50, 50, .6)
}
.uk-dotnav>.uk-active>* {
background: rgba(50, 50, 50, .4);
}
.uk-dotnav-contrast>*>* {
background: rgba(255, 255, 255, .4)
}
.uk-dotnav-contrast>*>:focus,
.uk-dotnav-contrast>*>:hover {
background: rgba(255, 255, 255, .7)
}
.uk-dotnav-contrast>*>:active {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-contrast>.uk-active>* {
background: rgba(255, 255, 255, .9)
}
.uk-dotnav-vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.uk-dotnav-vertical>* {
float: none
}
.uk-slidenav {
display: inline-block;
box-sizing: border-box;
width: 60px;
height: 60px;
line-height: 60px;
color: rgba(50, 50, 50, .4);
font-size: 60px;
text-align: center
}
.uk-slidenav:focus,
.uk-slidenav:hover {
outline: 0;
text-decoration: none;
color: rgba(50, 50, 50, .7);
cursor: pointer
}
.uk-slidenav:active {
color: rgba(50, 50, 50, .9)
}
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome
}
.uk-slidenav-position {
position: relative
}
.uk-slidenav-position .uk-slidenav {
display: none;
position: absolute;
top: 50%;
z-index: 1;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.uk-slidenav-position:hover .uk-slidenav {
display: block
}
.uk-slidenav-position .uk-slidenav-previous {
left: 5px
}
.uk-slidenav-position .uk-slidenav-next {
right: 5px
}
.uk-slidenav-contrast {
color: rgba(255, 255, 255, .5)
}
.uk-slidenav-contrast:focus,
.uk-slidenav-contrast:hover {
color: rgba(255, 255, 255, .7)
}
.uk-slidenav-contrast:active {
color: rgba(255, 255, 255, .9)
}
.uk-form input[type=checkbox],
.uk-form input[type=radio] {
display: inline-block;
height: 13px;
width: 13px;
border: 1px solid #aaa;
overflow: hidden;
margin-top: -4px;
vertical-align: middle;
-webkit-appearance: none;
outline: 0;
background: 0 0
}
.uk-form input[type=radio] {
border-radius: 50%
}
.uk-form input[type=checkbox]:before,
.uk-form input[type=radio]:before {
display: block
}
.uk-form input[type=radio]:checked:before {
content: '';
width: 8px;
height: 8px;
margin: 1.5px auto 0;
border-radius: 50%;
background: #00a8e6
}
.uk-form input[type=checkbox]:checked:before,
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 12px;
-webkit-font-smoothing: antialiased;
text-align: center;
line-height: 11px;
color: #00a8e6
}
.uk-form input[type=checkbox]:indeterminate:before {
content: "\f068"
}
.uk-form input[type=checkbox]:disabled,
.uk-form input[type=radio]:disabled {
border-color: #ddd
}
.uk-form input[type=radio]:disabled:checked:before {
background-color: #aaa
}
.uk-form input[type=checkbox]:disabled:checked:before,
.uk-form input[type=checkbox]:disabled:indeterminate:before {
color: #aaa
}
.uk-form-file {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-file input[type=file] {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
opacity: 0;
cursor: pointer;
left: 0;
font-size: 500px
}
.uk-form-password {
display: inline-block;
position: relative;
max-width: 100%
}
.uk-form-password-toggle {
display: block;
position: absolute;
top: 50%;
right: 10px;
margin-top: -6px;
font-size: 13px;
line-height: 13px;
color: #999
}
.uk-form-password-toggle:hover {
color: #999;
text-decoration: none
}
.uk-form-password>input {
padding-right: 50px!important
}
.uk-form-select {
display: inline-block;
vertical-align: middle;
position: relative;
overflow: hidden
}
.uk-form-select select {
position: absolute;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
left: 0;
-webkit-appearance: none
}
.uk-placeholder {
margin-bottom: 15px;
padding: 15px;
border: 1px dashed #E5E5E5;
background: #fafafa;
color: #666
}
*+.uk-placeholder {
margin-top: 15px
}
.uk-placeholder>:last-child {
margin-bottom: 0
}
.uk-placeholder-large {
padding-top: 80px;
padding-bottom: 80px
}
.uk-progress {
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #f7f7f7;
overflow: hidden;
line-height: 20px;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .07), inset 0 2px 2px rgba(0, 0, 0, .07);
border-radius: 4px
}
*+.uk-progress {
margin-top: 15px
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #009dd8;
float: left;
-webkit-transition: width .6s ease;
transition: width .6s ease;
font-size: 12px;
color: #fff;
text-align: center;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-progress-mini {
height: 6px
}
.uk-progress-small {
height: 12px
}
.uk-progress-success .uk-progress-bar {
background-color: #82bb42;
background-image: -webkit-linear-gradient(top, #9fd256, #6fac34);
background-image: linear-gradient(to bottom, #9fd256, #6fac34)
}
.uk-progress-warning .uk-progress-bar {
background-color: #f9a124;
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406)
}
.uk-progress-danger .uk-progress-bar {
background-color: #d32c46;
background-image: -webkit-linear-gradient(top, #ee465a, #c11a39);
background-image: linear-gradient(to bottom, #ee465a, #c11a39)
}
.uk-progress-striped .uk-progress-bar {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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
}
}
.uk-progress-mini,
.uk-progress-small {
border-radius: 500px
}
.uk-accordion-title {
margin: 0;
font-size: 14px;
line-height: 20px;
cursor: pointer;
}
.uk-accordion-content:after,
.uk-accordion-content:before {
content: "";
display: table
}
.uk-accordion-content:after {
clear: both
}
.uk-accordion-content>:last-child {
margin-bottom: 0
}
.uk-autocomplete {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle
}
.uk-dropdown-flip {
left: auto;
right: 0
}
.uk-nav-autocomplete>li>a {
color: #666
}
.uk-nav-autocomplete>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-autocomplete .uk-nav-header {
color: #999
}
.uk-nav-autocomplete .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-datepicker {
z-index: 1050;
width: auto;
-webkit-animation: uk-fade .2s ease-in-out;
animation: uk-fade .2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0
}
.uk-datepicker-nav {
margin-bottom: 15px;
text-align: center;
line-height: 20px
}
.uk-datepicker-nav:after,
.uk-datepicker-nav:before {
content: "";
display: table
}
.uk-datepicker-nav:after {
clear: both
}
.uk-datepicker-nav a {
color: #666;
text-decoration: none
}
.uk-datepicker-nav a:hover {
color: #666
}
.uk-datepicker-previous {
float: left
}
.uk-datepicker-next {
float: right
}
.uk-datepicker-next:after,
.uk-datepicker-previous:after {
width: 20px;
font-family: FontAwesome
}
.uk-datepicker-previous:after {
content: "\f053"
}
.uk-datepicker-next:after {
content: "\f054"
}
.uk-datepicker-table {
width: 100%
}
.uk-datepicker-table td,
.uk-datepicker-table th {
padding: 2px
}
.uk-datepicker-table th {
font-size: 12px
}
.uk-datepicker-table a {
display: block;
width: 26px;
line-height: 24px;
text-align: center;
color: #666;
text-decoration: none;
border: 1px solid transparent;
border-radius: 4px;
background-origin: border-box
}
a.uk-datepicker-table-muted {
color: #999
}
.uk-datepicker-table a:focus,
.uk-datepicker-table a:hover {
background-color: #fafafa;
color: #666;
outline: 0;
border-color: rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
text-shadow: 0 1px 0 #fff
}
.uk-datepicker-table a:active {
background-color: #f5f5f5;
color: #666;
border-color: rgba(0, 0, 0, .2);
border-top-color: rgba(0, 0, 0, .3);
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-datepicker-table a.uk-active {
background: #009dd8;
color: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .4);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5);
background-image: linear-gradient(to bottom, #00b4f5, #008dc5);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-htmleditor-navbar {
background: #f7f7f7;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-color: rgba(0, 0, 0, .2);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee)
}
.uk-htmleditor-navbar:after,
.uk-htmleditor-navbar:before {
content: "";
display: table
}
.uk-htmleditor-navbar:after {
clear: both
}
.uk-htmleditor-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left
}
.uk-htmleditor-navbar-nav>li {
float: left
}
.uk-htmleditor-navbar-nav>li>a {
display: block;
box-sizing: border-box;
text-decoration: none;
height: 41px;
padding: 0 15px;
line-height: 40px;
color: #666;
font-size: 11px;
cursor: pointer;
margin-top: -1px;
margin-left: -1px;
border: 1px solid transparent;
border-bottom-width: 0;
text-shadow: 0 1px 0 #fff
}
.uk-htmleditor-navbar-nav>li:hover>a,
.uk-htmleditor-navbar-nav>li>a:focus {
background-color: transparent;
color: #666;
outline: 0;
position: relative;
z-index: 1;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .1);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li>a:active {
background-color: #f5f5f5;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-nav>li.uk-active>a {
background-color: #fafafa;
color: #666;
border-left-color: rgba(0, 0, 0, .1);
border-right-color: rgba(0, 0, 0, .1);
border-top-color: rgba(0, 0, 0, .2);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .1)
}
.uk-htmleditor-navbar-flip {
float: right
}
[data-mode=split] .uk-htmleditor-button-code,
[data-mode=split] .uk-htmleditor-button-preview {
display: none
}
.uk-htmleditor-content {
border-left: 1px solid #E5E5E5;
border-right: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.uk-htmleditor-content:after,
.uk-htmleditor-content:before {
content: "";
display: table
}
.uk-htmleditor-content:after {
clear: both
}
.uk-htmleditor-fullscreen {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
position: absolute;
top: 41px;
left: 0;
right: 0;
bottom: 0
}
.uk-htmleditor-fullscreen .uk-icon-expand:before {
content: "\f066"
}
.uk-htmleditor-code,
.uk-htmleditor-preview {
box-sizing: border-box
}
.uk-htmleditor-preview {
padding: 20px;
overflow-y: scroll;
position: relative
}
[data-mode=tab][data-active-tab=code] .uk-htmleditor-preview,
[data-mode=tab][data-active-tab=preview] .uk-htmleditor-code {
display: none
}
[data-mode=split] .uk-htmleditor-code,
[data-mode=split] .uk-htmleditor-preview {
float: left;
width: 50%
}
[data-mode=split] .uk-htmleditor-code {
border-right: 1px solid #eee
}
.uk-htmleditor-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.uk-htmleditor .CodeMirror {
padding: 10px;
box-sizing: border-box
}
.uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 4px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav>li>a {
margin-left: 0;
margin-right: -1px
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:first-child>li:first-child>a {
border-top-left-radius: 0
}
.uk-htmleditor-navbar-flip .uk-htmleditor-navbar-nav:last-child>li:last-child>a {
border-top-right-radius: 4px
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar {
border-top: none;
border-left: none;
border-right: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-content {
border: none;
border-radius: 0
}
.uk-htmleditor-fullscreen .uk-htmleditor-navbar-nav>li>a {
border-radius: 0!important
}
[data-uk-slider] {
direction: ltr
}
html[dir=rtl] .uk-slider>* {
direction: rtl
}
.uk-slider {
position: relative;
z-index: 0;
touch-action: pan-y
}
.uk-slider:not(.uk-grid) {
margin: 0;
padding: 0;
list-style: none
}
.uk-slider>* {
position: absolute;
top: 0;
left: 0
}
.uk-slider-container {
overflow: hidden
}
.uk-slider:not(.uk-drag) {
-webkit-transition: -webkit-transform .2s linear;
transition: transform .2s linear
}
.uk-slider.uk-drag {
cursor: col-resize;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-slider a,
.uk-slider img {
-webkit-user-drag: none;
user-drag: none;
-webkit-touch-callout: none
}
.uk-slider img {
pointer-events: none
}
.uk-slider-fullscreen,
.uk-slider-fullscreen>li {
height: 100vh
}
.uk-slideshow {
position: relative;
z-index: 0;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
touch-action: pan-y
}
.uk-slideshow>li {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0
}
.uk-slideshow>.uk-active {
z-index: 10;
opacity: 1
}
.uk-slideshow>li>img {
visibility: hidden
}
[data-uk-slideshow-slide] {
cursor: pointer
}
.uk-slideshow-fullscreen,
.uk-slideshow-fullscreen>li {
height: 100vh
}
.uk-slideshow-fade-in {
-webkit-animation: uk-fade .5s linear;
animation: uk-fade .5s linear
}
.uk-slideshow-fade-out {
-webkit-animation: uk-fade .5s linear reverse;
animation: uk-fade .5s linear reverse
}
.uk-slideshow-scroll-forward-in {
-webkit-animation: uk-slide-right .5s ease-in-out;
animation: uk-slide-right .5s ease-in-out
}
.uk-slideshow-scroll-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-scroll-backward-in {
-webkit-animation: uk-slide-left .5s ease-in-out;
animation: uk-slide-left .5s ease-in-out
}
.uk-slideshow-scroll-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-scale-out {
-webkit-animation: uk-fade-scale-15 .5s ease-in-out reverse;
animation: uk-fade-scale-15 .5s ease-in-out reverse
}
.uk-slideshow-swipe-forward-in {
-webkit-animation: uk-slide-left-33 .5s ease-in-out;
animation: uk-slide-left-33 .5s ease-in-out
}
.uk-slideshow-swipe-forward-out {
-webkit-animation: uk-slide-left .5s ease-in-out reverse;
animation: uk-slide-left .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in {
-webkit-animation: uk-slide-right-33 .5s ease-in-out;
animation: uk-slide-right-33 .5s ease-in-out
}
.uk-slideshow-swipe-backward-out {
-webkit-animation: uk-slide-right .5s ease-in-out reverse;
animation: uk-slide-right .5s ease-in-out reverse
}
.uk-slideshow-swipe-backward-in:before,
.uk-slideshow-swipe-forward-in:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
background: rgba(0, 0, 0, .6);
-webkit-animation: uk-fade .5s ease-in-out reverse;
animation: uk-fade .5s ease-in-out reverse
}
.uk-notify {
position: fixed;
top: 10px;
left: 10px;
z-index: 1040;
box-sizing: border-box;
width: 350px
}
.uk-notify-bottom-right,
.uk-notify-top-right {
left: auto;
right: 10px
}
.uk-notify-bottom-center,
.uk-notify-top-center {
left: 50%;
margin-left: -175px
}
.uk-notify-bottom-center,
.uk-notify-bottom-left,
.uk-notify-bottom-right {
top: auto;
bottom: 10px
}
@media (max-width:479px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0
}
}
.uk-notify-message {
position: relative;
margin-bottom: 10px;
padding: 15px;
background: #444;
color: #fff;
font-size: 16px;
line-height: 22px;
cursor: pointer;
border: 1px solid #444;
border-radius: 4px
}
.uk-notify-message>.uk-close {
visibility: hidden;
float: right
}
.uk-notify-message:hover>.uk-close {
visibility: visible
}
.uk-notify-message-primary {
background: #ebf7fd;
color: #2d7091;
border-color: rgba(45, 112, 145, .3)
}
.uk-notify-message-success {
background: #f2fae3;
color: #659f13;
border-color: rgba(101, 159, 19, .3)
}
.uk-notify-message-warning {
background: #fffceb;
color: #e28327;
border-color: rgba(226, 131, 39, .3)
}
.uk-notify-message-danger {
background: #fff1f0;
color: #d85030;
border-color: rgba(216, 80, 48, .3)
}
.uk-search {
display: inline-block;
position: relative;
margin: 0
}
.uk-search:before {
content: "\f002";
position: absolute;
top: 0;
left: 0;
width: 30px;
line-height: 30px;
text-align: center;
font-family: FontAwesome;
font-size: 14px;
color: rgba(0, 0, 0, .2)
}
.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 {
box-sizing: border-box;
margin: 0;
border-radius: 0;
font: inherit;
color: #666;
-webkit-appearance: none;
width: 120px;
height: 30px;
padding: 0 0 0 30px;
border: 1px solid transparent;
background: rgba(0, 0, 0, 0);
-webkit-transition: all .2s linear;
transition: all .2s linear;
vertical-align: middle
}
.uk-search-field:-ms-input-placeholder {
color: #999!important
}
.uk-search-field::-moz-placeholder {
color: #999
}
.uk-search-field::-webkit-input-placeholder {
color: #999
}
.uk-search-field:focus {
outline: 0
}
.uk-search-field:focus,
.uk-search.uk-active .uk-search-field {
width: 180px
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: #fff;
color: #666
}
.uk-open>.uk-dropdown-search {
-webkit-animation: uk-slide-top-fixed .2s ease-in-out;
animation: uk-slide-top-fixed .2s ease-in-out
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 12px;
margin-right: -16px
}
.uk-nav-search>li>a {
color: #666
}
.uk-nav-search>li.uk-active>a {
background: #009dd8;
color: #fff;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .2);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.uk-nav-search .uk-nav-header {
color: #999
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #E5E5E5
}
.uk-nav-search ul a {
color: #1D8ACB
}
.uk-nav-search ul a:hover {
color: #0B5F90
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px
}
.uk-offcanvas .uk-search:before {
color: #777
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: transparent;
background: #1a1a1a;
color: #ccc
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777!important
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777
}
.uk-nestable {
padding: 0;
list-style: none
}
.uk-nestable a,
.uk-nestable img {
-webkit-touch-callout: none
}
.uk-nestable-list {
margin: 0;
padding-left: 40px;
list-style: none
}
.uk-nestable-item {
touch-action: none
}
.uk-nestable-item+.uk-nestable-item {
margin-top: 10px
}
.uk-nestable-list:not(.uk-nestable-dragged)>.uk-nestable-item:first-child {
margin-top: 10px
}
.uk-nestable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none;
padding-left: 0
}
.uk-nestable-placeholder {
position: relative
}
.uk-nestable-placeholder>* {
opacity: 0
}
.uk-nestable-placeholder:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border: 1px dashed #E5E5E5;
opacity: 1
}
.uk-nestable-empty {
min-height: 30px
}
.uk-nestable-handle {
touch-action: none
}
.uk-nestable-handle:hover {
cursor: move
}
.uk-nestable-moving,
.uk-nestable-moving * {
cursor: move
}
.uk-nestable-moving iframe {
pointer-events: none
}
[data-nestable-action=toggle] {
cursor: pointer;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none
}
.uk-nestable-toggle {
display: inline-block;
visibility: hidden
}
.uk-nestable-toggle:after {
content: "\f147";
font-family: FontAwesome
}
.uk-parent>:not(.uk-nestable-list) .uk-nestable-toggle {
visibility: visible
}
.uk-collapsed .uk-nestable-list {
display: none
}
.uk-collapsed .uk-nestable-toggle:after {
content: "\f196"
}
.uk-nestable-panel {
padding: 5px;
background: #f7f7f7;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom-color: rgba(0, 0, 0, .3);
background-origin: border-box;
background-image: -webkit-linear-gradient(top, #fff, #eee);
background-image: linear-gradient(to bottom, #fff, #eee);
text-shadow: 0 1px 0 #fff
}
.uk-sortable {
position: relative
}
.uk-sortable>* {
touch-action: none
}
.uk-sortable a,
.uk-sortable img {
-webkit-touch-callout: none
}
.uk-sortable>:last-child {
margin-bottom: 0
}
.uk-sortable-dragged {
position: absolute;
z-index: 1050;
pointer-events: none
}
.uk-sortable-placeholder {
opacity: 0
}
.uk-sortable-empty {
min-height: 30px
}
.uk-sortable-handle {
touch-action: none
}
.uk-sortable-handle:hover {
cursor: move
}
.uk-sortable-moving,
.uk-sortable-moving * {
cursor: move
}
.uk-sortable-moving iframe {
pointer-events: none
}
[data-uk-sticky].uk-active {
z-index: 980;
box-sizing: border-box;
-webkit-backface-visibility: hidden
}
[data-uk-sticky][class*=uk-animation-] {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
[data-uk-sticky].uk-animation-reverse {
-webkit-animation-duration: .2s;
animation-duration: .2s
}
.uk-dragover {
box-shadow: 0 0 20px rgba(100, 100, 100, .3)
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333;
color: rgba(255, 255, 255, .7);
font-size: 12px;
line-height: 18px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333
}
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after,
.uk-tooltip-top:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after,
.uk-tooltip-bottom:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333
}
.uk-tooltip-bottom:after,
.uk-tooltip-top:after {
left: 50%;
margin-left: -5px
}
.uk-tooltip-bottom-left:after,
.uk-tooltip-top-left:after {
left: 10px
}
.uk-tooltip-bottom-right:after,
.uk-tooltip-top-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: #333
}
.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: #333
}