article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
code,
kbd,
pre,
samp {
font-family: Consolas, monospace, serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
button:disabled,
input:disabled {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
::-moz-placeholder {
opacity: 1;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 14px;
}
body {
font-weight: normal;
}
@media (max-width: 767px) {
body {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
}
a {
color: #0077dd;
text-decoration: none;
}
a:hover {
color: #005599;
text-decoration: underline;
}
/*em {
color: #dd0055;
}*/
ins {
background: #ffffaa;
color: #444444;
text-decoration: none;
}
mark {
background: #ffffaa;
color: #444444;
}
::-moz-selection {
background: #3399ff;
color: #ffffff;
text-shadow: none;
}
::selection {
background: #3399ff;
color: #ffffff;
text-shadow: none;
}
abbr[title],
dfn[title] {
cursor: help;
}
dfn[title] {
border-bottom: 1px dotted;
font-style: normal;
}
img {
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
height: auto;
vertical-align: middle;
}
.uk-img-preserve,
.uk-img-preserve img,
img[src*="maps.gstatic.com"],
img[src*="googleapis.com"] {
max-width: none;
}
p,
hr,
ul,
ol,
dl,
blockquote,
pre,
address,
fieldset,
figure {
margin: 0 0 15px 0;
}
* + p,
* + hr,
* + ul,
* + ol,
* + dl,
* + blockquote,
* + pre,
* + address,
* + fieldset,
* + figure {
margin-top: 15px;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 25px;
}
h1,
.uk-h1 {
font-size: 36px;
line-height: 42px;
}
h2,
.uk-h2 {
font-size: 24px;
line-height: 30px;
}
h3,
.uk-h3 {
font-size: 18px;
line-height: 24px;
}
h4,
.uk-h4 {
font-size: 16px;
line-height: 22px;
}
h5,
.uk-h5 {
font-size: 14px;
line-height: 20px;
}
h6,
.uk-h6 {
font-size: 12px;
line-height: 18px;
}
ul,
ol {
padding-left: 30px;
}
ul > li > ul,
ul > li > ol,
ol > li > ol,
ol > li > ul {
margin: 0;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
hr {
display: block;
padding: 0;
border: 0;
border-top: 1px solid #dddddd;
}
address {
font-style: normal;
}
q,
blockquote {
font-style: italic;
}
blockquote {
padding-left: 15px;
border-left: 5px solid #dddddd;
font-size: 16px;
line-height: 22px;
}
blockquote small {
display: block;
color: #999999;
font-style: normal;
}
blockquote p:last-of-type {
margin-bottom: 5px;
}
code {
color: #dd0055;
font-size: 12px;
white-space: nowrap;
}
pre code {
color: inherit;
white-space: pre-wrap;
}
pre {
padding: 10px;
background: #f5f5f5;
color: #444444;
font-size: 12px;
line-height: 18px;
-moz-tab-size: 4;
tab-size: 4;
}
button,
input:not([type="radio"]):not([type="checkbox"]),
select {
vertical-align: middle;
}
iframe {
border: 0;
}
@media screen and (max-width: 400px) {
@-ms-viewport {
width: device-width;
}
}
.uk-grid:before,
.uk-grid:after {
content: " ";
display: table;
}
.uk-grid:after {
clear: both;
}
.uk-grid {
margin: 0 0 0 -25px;
padding: 0;
list-style: none;
}
.uk-grid + .uk-grid {
margin-top: 25px;
}
.uk-grid > [class*='uk-width-'] {
margin: 0;
padding-left: 25px;
float: left;
}
.uk-grid > [class*='uk-width-'] > :last-child:not(h1):not(h2):not(h3):not(h4) {
margin-bottom: 0;
}
.uk-grid > .uk-grid-margin {
margin-top: 25px;
}
.uk-grid-divider:not(:empty) {
margin-left: -25px;
margin-right: -25px;
}
.uk-grid-divider:not(:empty) > [class*='uk-width-'] {
padding-left: 25px;
padding-right: 25px;
}
.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2),
.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) {
border-left: 1px solid #dddddd;
}
@media (max-width: 767px) {
.uk-grid-divider:not(:empty) > [class*='uk-width-medium-'] {
padding:0;
}
.uk-grid:not(:empty) > [class*='uk-width-medium-'] ,
.uk-grid-divider:not(:empty) > [class*='uk-width-medium-'] {
margin-bottom:15px;
}
}
@media (min-width: 768px) {
.uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #dddddd;
}
}
@media (min-width: 960px) {
.uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #dddddd;
}
}
.uk-grid-divider:empty {
margin-top: 25px;
margin-bottom: 25px;
border-top: 1px solid #dddddd;
}
.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
margin-top: 25px;
}
@media (min-width: 1220px) {
.uk-grid:not(.uk-grid-preserve) {
margin-left: -50px;
}
.uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] {
padding-left: 50px;
}
.uk-grid:not(.uk-grid-preserve) + .uk-grid {
margin-top: 50px;
}
.uk-grid:not(.uk-grid-preserve) > .uk-grid-margin {
margin-top: 50px;
}
.uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel {
margin-top: 50px;
}
.uk-grid-divider:not(.uk-grid-preserve):not(:empty) {
margin-left: -50px;
margin-right: -50px;
}
.uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] {
padding-left: 50px;
padding-right: 50px;
}
.uk-grid-divider:not(.uk-grid-preserve):empty {
margin-top: 50px;
margin-bottom: 50px;
}
}
[class*='uk-width-'] {
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
overflow:hidden;
}
.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: 481px) {
.uk-width-medium-small-1-1 {
width: 100%;
}
.uk-width-medium-small-1-2,
.uk-width-medium-small-2-4,
.uk-width-medium-small-3-6,
.uk-width-medium-small-5-10 {
width: 50%;
}
.uk-width-medium-small-1-3,
.uk-width-medium-small-2-6 {
width: 33.333%;
}
.uk-width-medium-small-2-3,
.uk-width-medium-small-4-6 {
width: 66.666%;
}
.uk-width-medium-small-1-4 {
width: 25%;
}
.uk-width-medium-small-3-4 {
width: 75%;
}
.uk-width-medium-small-1-5,
.uk-width-medium-small-2-10 {
width: 20%;
}
.uk-width-medium-small-2-5,
.uk-width-medium-small-4-10 {
width: 40%;
}
.uk-width-medium-small-3-5,
.uk-width-medium-small-6-10 {
width: 60%;
}
.uk-width-medium-small-4-5,
.uk-width-medium-small-8-10 {
width: 80%;
}
.uk-width-medium-small-1-6 {
width: 16.666%;
}
.uk-width-medium-small-5-6 {
width: 83.333%;
}
.uk-width-medium-small-1-10 {
width: 10%;
}
.uk-width-medium-small-3-10 {
width: 30%;
}
.uk-width-medium-small-7-10 {
width: 70%;
}
.uk-width-medium-small-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
.uk-width-medium-1-1 {
width: 100%;
}
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%;
}
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%;
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%;
}
.uk-width-medium-1-4 {
width: 25%;
}
.uk-width-medium-3-4 {
width: 75%;
}
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%;
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%;
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%;
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%;
}
.uk-width-medium-1-6 {
width: 16.666%;
}
.uk-width-medium-5-6 {
width: 83.333%;
}
.uk-width-medium-1-10 {
width: 10%;
}
.uk-width-medium-3-10 {
width: 30%;
}
.uk-width-medium-7-10 {
width: 70%;
}
.uk-width-medium-9-10 {
width: 90%;
}
}
@media (min-width: 960px) {
.uk-width-large-1-1 {
width: 100%;
}
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%;
}
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%;
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%;
}
.uk-width-large-1-4 {
width: 25%;
}
.uk-width-large-3-4 {
width: 75%;
}
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%;
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%;
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%;
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%;
}
.uk-width-large-1-6 {
width: 16.666%;
}
.uk-width-large-5-6 {
width: 83.333%;
}
.uk-width-large-1-10 {
width: 10%;
}
.uk-width-large-3-10 {
width: 30%;
}
.uk-width-large-7-10 {
width: 70%;
}
.uk-width-large-9-10 {
width: 90%;
}
}
@media (min-width: 768px) {
[class*='uk-push-'],
[class*='uk-pull-'] {
position: relative;
}
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%;
}
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%;
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%;
}
.uk-push-1-4 {
left: 25%;
}
.uk-push-3-4 {
left: 75%;
}
.uk-push-1-5,
.uk-push-2-10 {
left: 20%;
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%;
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%;
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%;
}
.uk-push-1-6 {
left: 16.666%;
}
.uk-push-5-6 {
left: 83.333%;
}
.uk-push-1-10 {
left: 10%;
}
.uk-push-3-10 {
left: 30%;
}
.uk-push-7-10 {
left: 70%;
}
.uk-push-9-10 {
left: 90%;
}
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%;
}
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%;
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66.666%;
}
.uk-pull-1-4 {
left: -25%;
}
.uk-pull-3-4 {
left: -75%;
}
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%;
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%;
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%;
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%;
}
.uk-pull-1-6 {
left: -16.666%;
}
.uk-pull-5-6 {
left: -83.333%;
}
.uk-pull-1-10 {
left: -10%;
}
.uk-pull-3-10 {
left: -30%;
}
.uk-pull-7-10 {
left: -70%;
}
.uk-pull-9-10 {
left: -90%;
}
}
.uk-panel {
position: relative;
}
.uk-panel:before,
.uk-panel:after {
content: " ";
display: table;
}
.uk-panel:after {
clear: both;
}
.uk-panel > :not(.uk-panel-title):last-child {
margin-bottom: 0;
}
.uk-panel-title {
margin-bottom: 15px;
font-size: 18px;
line-height: 24px;
font-weight: normal;
text-transform: none;
color: #444444;
}
.uk-panel-badge {
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.uk-panel-badge + * {
margin-top: 0;
}
.uk-panel-box {
padding: 15px;
background: #f5f5f5;
color: #444444;
}
.uk-panel-box .uk-panel-title {
color: #444444;
}
.uk-panel-box .uk-panel-badge {
top: 10px;
right: 10px;
}
.uk-panel-box > .uk-nav-side {
margin: 0 -15px;
}
.uk-panel-box-primary {
background-color: #ebf7fd;
color: #2d7091;
}
.uk-panel-box-primary .uk-panel-title {
color: #2d7091;
}
.uk-panel-box-secondary {
background-color: #eeeeee;
color: #444444;
}
.uk-panel-box-secondary .uk-panel-title {
color: #444444;
}
.uk-panel-header .uk-panel-title {
padding-bottom: 10px;
border-bottom: 1px solid #dddddd;
color: #444444;
}
.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 #dddddd;
}
@media (min-width: 1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 70px !important;
}
.uk-panel + .uk-panel-divider:before {
top: -35px;
}
}
.uk-article:before,
.uk-article:after {
content: " ";
display: table;
}
.uk-article:after {
clear: both;
}
.uk-article > :last-child {
margin-bottom: 0;
}
.uk-article + .uk-article {
margin-top: 15px;
}
.uk-article-title {
font-size: 36px;
line-height: 42px;
font-weight: normal;
text-transform: none;
}
.uk-article-title a {
color: inherit;
text-decoration: none;
}
.uk-article-meta {
font-size: 12px;
line-height: 18px;
color: #999999;
}
.uk-article-lead {
color: #444444;
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
.uk-article-divider {
margin-bottom: 25px;
border-color: #dddddd;
}
* + .uk-article-divider {
margin-top: 25px;
}
.uk-comment-header {
margin-bottom: 15px;
}
.uk-comment-header:before,
.uk-comment-header:after {
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: #999999;
}
.uk-comment-body > :last-child {
margin-bottom: 0;
}
.uk-comment-list {
padding: 0;
list-style: none;
}
.uk-comment-list .uk-comment + ul {
margin: 15px 0 0 0;
list-style: none;
}
.uk-comment-list > li:nth-child(n+2),
.uk-comment-list .uk-comment + ul > li:nth-child(n+2) {
margin-top: 15px;
}
@media (min-width: 768px) {
.uk-comment-list .uk-comment + ul {
padding-left: 100px;
}
}
.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 {
padding-left: 15px;
}
.uk-nav ul a {
padding: 2px 0;
}
.uk-nav li > a > div {
font-size: 12px;
line-height: 18px;
}
.uk-nav-header {
padding: 5px 15px;
text-transform: uppercase;
font-weight: bold;
font-size: 12px;
}
.uk-nav-header:not(:first-child) {
margin-top: 15px;
}
.uk-nav-divider {
margin: 9px 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: #444444;
}
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
background: rgba(0, 0, 0, 0.05);
color: #444444;
outline: none;
}
.uk-nav-side > li.uk-active > a {
background: #004e9e;
color: #ffffff;
}
.uk-nav-side .uk-nav-header {
color: #444444;
}
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #dddddd;
}
.uk-nav-side ul a {
color: #0077dd;
}
.uk-nav-side ul a:hover {
color: #005599;
}
.uk-nav-dropdown > li > a {
color: #444444;
}
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
background: #004e9e;
color: #ffffff;
outline: none;
}
.uk-nav-dropdown .uk-nav-header {
color: #999999;
}
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #dddddd;
}
.uk-nav-dropdown ul a {
color: #0077dd;
}
.uk-nav-dropdown ul a:hover {
color: #005599;
}
.uk-nav-navbar > li > a {
color: #444444;
}
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background: #004e9e;
color: #ffffff;
outline: none;
}
.uk-nav-navbar .uk-nav-header {
color: #999999;
}
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #dddddd;
}
.uk-nav-navbar ul a {
color: #0077dd;
}
.uk-nav-navbar ul a:hover {
color: #005599;
}
.uk-nav-search > li > a {
color: #444444;
}
.uk-nav-search > li.uk-active > a {
background: #004e9e;
color: #ffffff;
outline: none;
}
.uk-nav-search .uk-nav-header {
color: #999999;
}
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #dddddd;
}
.uk-nav-search ul a {
color: #0077dd;
}
.uk-nav-search ul a:hover {
color: #005599;
}
.uk-nav-offcanvas > li > a {
color: #cccccc;
padding: 10px 15px;
}
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
background: #404040;
color: #ffffff;
outline: none;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
color: #ffffff;
}
.uk-nav-offcanvas .uk-nav-header {
color: #777777;
}
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid #1a1a1a;
}
.uk-nav-offcanvas ul a {
color: #cccccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #ffffff;
}
.uk-navbar {
background: #eeeeee;
color: #444444;
}
.uk-navbar:before,
.uk-navbar:after {
content: " ";
display: table;
}
.uk-navbar:after {
clear: both;
}
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
.uk-navbar-nav > li {
position: relative;
float: left;
}
.uk-navbar-nav > li > a {
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-decoration: none;
height: 40px;
padding: 0 15px;
line-height: 40px;
color: #444444;
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.uk-navbar-nav > li > a[href='#'] {
cursor: text;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: #f5f5f5;
color: #444444;
outline: none;
}
.uk-navbar-nav > li > a:active {
background-color: #dddddd;
color: #444444;
}
.uk-navbar-nav > li.uk-active > a {
background-color: #f5f5f5;
color: #444444;
}
.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-content,
.uk-navbar-brand,
.uk-navbar-toggle {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
height: 40px;
padding: 0 15px;
float: left;
}
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0;
}
.uk-navbar-content > a:not([class]) {
color: #0077dd;
}
.uk-navbar-content > a:not([class]):hover {
color: #005599;
}
.uk-navbar-brand {
font-size: 18px;
color: #444444;
}
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
color: #444444;
text-decoration: none;
outline: none;
}
.uk-navbar-toggle {
font-size: 18px;
color: #444444;
}
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
color: #444444;
text-decoration: none;
outline: none;
}
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
vertical-align: middle;
}
.uk-navbar-toggle-alt:after {
content: "\f002";
}
.uk-navbar-center {
max-width: 50%;
margin: auto;
float: none;
text-align: center;
}
.uk-navbar-flip {
float: right;
}
.uk-subnav {
padding: 0;
list-style: none;
letter-spacing: -0.31em;
}
.uk-subnav > li {
position: relative;
letter-spacing: normal;
}
.uk-subnav > li,
.uk-subnav > li > a,
.uk-subnav > li > span {
display: inline-block;
}
.uk-subnav > li:nth-child(n+2) {
margin-left: 10px;
}
.uk-subnav > li > a {
color: #0077dd;
}
.uk-subnav > li > a:hover {
color: #005599;
}
.uk-subnav > li > span {
color: #999999;
}
.uk-subnav-line > li:nth-child(n+2):before {
content: "";
display: inline-block;
height: 10px;
margin-right: 10px;
border-left: 1px solid #dddddd;
}
.uk-subnav-pill > li > a,
.uk-subnav-pill > li > span {
padding: 3px 9px;
text-decoration: none;
}
.uk-subnav-pill > li > a:hover,
.uk-subnav-pill > li > a:focus {
background: #eeeeee;
color: #444444;
outline: none;
}
.uk-subnav-pill > li.uk-active > a {
background: #004e9e;
color: #ffffff;
}
.uk-breadcrumb {
padding: 0;
list-style: none;
letter-spacing: -0.31em;
}
.uk-breadcrumb > li {
letter-spacing: normal;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px;
vertical-align: top;
}
.uk-breadcrumb > li:not(.uk-active) > span {
color: #999999;
}
.uk-pagination {
padding: 0;
list-style: none;
text-align: center;
letter-spacing: -0.31em;
}
.uk-pagination:before,
.uk-pagination:after {
content: " ";
display: table;
}
.uk-pagination:after {
clear: both;
}
.uk-pagination > li {
display: inline-block;
letter-spacing: normal;
}
.uk-pagination > li:nth-child(n+2) {
margin-left: 5px;
}
.uk-pagination > li > a,
.uk-pagination > li > span {
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
text-align: center;
}
.uk-pagination > li > a {
background: #eeeeee;
color: #444444;
}
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: #f5f5f5;
color: #444444;
outline: none;
}
.uk-pagination > li > a:active {
background-color: #dddddd;
color: #444444;
}
.uk-pagination > .uk-active > span {
background: #004e9e;
color: #ffffff;
}
.uk-pagination > .uk-disabled > span {
background-color: #f5f5f5;
color: #999999;
}
.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 #dddddd;
}
.uk-tab:before,
.uk-tab:after {
content: " ";
display: table;
}
.uk-tab:after {
clear: both;
}
.uk-tab > li {
position: relative;
margin-bottom: -1px;
float: left;
}
.uk-tab > li > a {
display: block;
padding: 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #0077dd;
text-decoration: none;
}
.uk-tab > li:nth-child(n+2) > a {
margin-left: 5px;
}
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
border-color: #f5f5f5;
background: #f5f5f5;
color: #005599;
outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li.uk-open:not(.uk-active) > a {
margin-bottom: 1px;
padding-bottom: 7px;
}
.uk-tab > li.uk-active > a {
border-color: #dddddd;
border-bottom-color: transparent;
background: #ffffff;
color: #444444;
}
.uk-tab > li.uk-disabled > a {
color: #999999;
cursor: auto;
}
.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
background: none;
border-color: transparent;
}
.uk-tab-flip > li {
float: right;
}
.uk-tab-flip > li:nth-child(n+2) > a {
margin-left: 0;
margin-right: 5px;
}
.uk-tab-responsive {
display: none;
}
.uk-tab-responsive > a:before {
content: "\f0c9\00a0";
font-family: FontAwesome;
}
@media (max-width: 767px) {
[data-uk-tab] > li {
display: none;
}
[data-uk-tab] > li.uk-tab-responsive {
display: block;
}
[data-uk-tab] > li.uk-tab-responsive > a {
margin-left: 0;
margin-right: 0;
}
}
.uk-tab-center {
border-bottom: 1px solid #dddddd;
}
.uk-tab-center-bottom {
border-bottom: none;
border-top: 1px solid #dddddd;
}
.uk-tab-center:before,
.uk-tab-center:after {
content: " ";
display: table;
}
.uk-tab-center:after {
clear: both;
}
.uk-tab-center .uk-tab {
position: relative;
left: 50%;
border: none;
float: left;
}
.uk-tab-center .uk-tab > li {
position: relative;
left: -50%;
}
.uk-tab-center .uk-tab > li > a {
text-align: center;
}
.uk-tab-bottom {
border-top: 1px solid #dddddd;
border-bottom: none;
}
.uk-tab-bottom > li {
margin-top: -1px;
margin-bottom: 0;
}
.uk-tab-bottom > li > a {
border-bottom-width: 1px;
border-top-width: 0;
}
.uk-tab-bottom > li:not(.uk-active) > a:hover,
.uk-tab-bottom > li:not(.uk-active) > a:focus,
.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px;
}
.uk-tab-bottom > li.uk-active > a {
border-top-color: transparent;
border-bottom-color: #dddddd;
}
.uk-tab-grid {
position: relative;
z-index: 0;
margin-left: -5px;
border-bottom: none;
}
.uk-tab-grid:before {
display: block;
position: absolute;
left: 5px;
right: 0px;
bottom: -1px;
z-index: -1;
border-top: 1px solid #dddddd;
}
.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: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: #dddddd;
}
.uk-tab-left {
border-right: 1px solid #dddddd;
}
.uk-tab-left > li {
margin-right: -1px;
}
.uk-tab-left > li > a {
border-bottom-width: 1px;
border-right-width: 0;
}
.uk-tab-left > li:not(.uk-active) > a:hover,
.uk-tab-left > li:not(.uk-active) > a:focus {
margin-bottom: 0;
margin-right: 1px;
padding-bottom: 8px;
padding-right: 11px;
}
.uk-tab-left > li.uk-active > a {
border-right-color: transparent;
}
.uk-tab-right {
border-left: 1px solid #dddddd;
}
.uk-tab-right > li {
margin-left: -1px;
}
.uk-tab-right > li > a {
border-bottom-width: 1px;
border-left-width: 0;
}
.uk-tab-right > li:not(.uk-active) > a:hover,
.uk-tab-right > li:not(.uk-active) > a:focus {
margin-bottom: 0;
margin-left: 1px;
padding-bottom: 8px;
padding-left: 11px;
}
.uk-tab-right > li.uk-active > a {
border-left-color: transparent;
}
}
.uk-list {
padding: 0;
list-style: none;
}
.uk-list ul {
margin: 0;
padding-left: 20px;
list-style: none;
}
.uk-list ul.uk-grid {
padding-left:0;
}
.uk-list li {line-height:30px;}
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #dddddd;
}
.uk-list-striped > li {
padding: 5px 5px;
}
.uk-list-striped > li:nth-of-type(odd) {
background: #F0F0F0;
}
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px;
}
@media (min-width: 768px) {
.uk-description-list-horizontal {
overflow: hidden;
}
.uk-description-list-horizontal > dt {
width: 160px;
float: left;
clear: both;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-description-list-horizontal > dd {
margin-left: 180px;
}
}
.uk-description-list-line > dt {
font-weight: normal;
}
.uk-description-list-line > dt:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #dddddd;
}
.uk-description-list-line > dd {
color: #999999;
}
.uk-table {
width: 100%;
margin-bottom: 15px;
}
* + .uk-table {
margin-top: 15px;
}
.uk-table th,
.uk-table td {
padding: 8px 8px;
}
.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: #999999;
}
.uk-table-middle,
.uk-table-middle td {
vertical-align: middle !important;
}
.uk-table-striped tbody tr:nth-of-type(odd) td {
background: #f5f5f5;
}
.uk-table-condensed td {
padding: 4px 8px;
}
.uk-table-hover tbody tr:hover td {
background: #eeeeee;
}
.uk-form > :last-child {
margin-bottom: 0;
}
.uk-form select,
.uk-form textarea,
.uk-form input:not([type]),
.uk-form input[type="text"],
.uk-form input[type="password"],
.uk-form input[type="datetime"],
.uk-form input[type="datetime-local"],
.uk-form input[type="date"],
.uk-form input[type="month"],
.uk-form input[type="time"],
.uk-form input[type="week"],
.uk-form input[type="number"],
.uk-form input[type="email"],
.uk-form input[type="url"],
.uk-form input[type="search"],
.uk-form input[type="tel"],
.uk-form input[type="color"] {
max-width: 100%;
border: 1px solid #dddddd;
background: #ffffff;
color: #444444;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
padding-top: 12px !important;
padding-right: 12px;
padding-bottom: 12px !important;
padding-left: 12px;
/*height: 42px;*/
border: 1px solid #dddddd;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-bottom:5px;
}
.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
border-color: #99baca;
outline: 0;
background: #f5fbfe;
color: #444444;
}
.uk-form select:disabled,
.uk-form textarea:disabled,
.uk-form input:not([type]):disabled,
.uk-form input[type="text"]:disabled,
.uk-form input[type="password"]:disabled,
.uk-form input[type="datetime"]:disabled,
.uk-form input[type="datetime-local"]:disabled,
.uk-form input[type="date"]:disabled,
.uk-form input[type="month"]:disabled,
.uk-form input[type="time"]:disabled,
.uk-form input[type="week"]:disabled,
.uk-form input[type="number"]:disabled,
.uk-form input[type="email"]:disabled,
.uk-form input[type="url"]:disabled,
.uk-form input[type="search"]:disabled,
.uk-form input[type="tel"]:disabled,
.uk-form input[type="color"]:disabled {
border-color: #dddddd;
background-color: #f5f5f5;
color: #999999;
}
.uk-form :-ms-input-placeholder {
color: #999999 !important;
}
.uk-form ::-moz-placeholder {
color: #999999;
}
.uk-form ::-webkit-input-placeholder {
color: #999999;
}
.uk-form :disabled:-ms-input-placeholder {
color: #999999 !important;
}
.uk-form :disabled::-moz-placeholder {
color: #999999;
}
.uk-form :disabled::-webkit-input-placeholder {
color: #999999;
}
.uk-form legend {
width: 100%;
padding-bottom: 15px;
font-size: 18px;
line-height: 30px;
}
.uk-form legend:after {
content: "";
display: block;
border-bottom: 1px solid #dddddd;
}
.uk-form-small {
height: 25px !important;
padding: 3px 3px !important;
font-size: 12px;
}
.uk-form-large {
height: 40px !important;
padding: 8px 6px !important;
font-size: 16px;
}
.uk-form textarea,
.uk-form select[multiple],
.uk-form select[size] {
height: auto !important;
}
.uk-form-danger {
border-color: #dc8d99 !important;
background: #fff7f8 !important;
color: #c91032 !important;
}
.uk-form-success {
border-color: #8ec73b !important;
background: #fafff2 !important;
color: #539022 !important;
}
.uk-form-blank {
border: none !important;
background: none !important;
box-shadow: none !important;
outline: 1px dashed transparent !important;
}
.uk-form-blank:focus {
outline-color: #dddddd !important;
}
input.uk-form-width-mini {
width: 40px;
}
select.uk-form-width-mini {
width: 65px;
}
.uk-form-width-small {
width: 130px;
}
.uk-form-width-medium {
width: 200px;
}
.uk-form-width-large {
width: 500px;
}
.uk-form-row:before,
.uk-form-row:after {
content: " ";
display: table;
}
.uk-form-row:after {
clear: both;
}
.uk-form-row + .uk-form-row {
margin-top: 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: bold;
}
@media (max-width: 959px) {
.uk-form-horizontal .uk-form-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
}
@media (min-width: 960px) {
.uk-form-horizontal .uk-form-label {
width: 200px;
margin-top: 5px;
float: left;
}
.uk-form-horizontal .uk-form-controls {
margin-left: 215px;
}
.uk-form-horizontal .uk-form-controls-text {
padding-top: 5px;
}
}
.uk-form-icon {
position: relative;
display: inline-block;
max-width: 100%;
}
.uk-form-icon > [class*='uk-icon-'] {
position: absolute;
top: 50%;
width: 30px;
margin-top: -7px;
font-size: 14px;
color: #999999;
text-align: center;
}
.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 {
display: inline-block;
min-height: 30px;
padding: 0 11px;
border: none;
background: #eeeeee;
line-height: 30px;
color: #444444;
letter-spacing: normal;
}
a.uk-button,
input.uk-button {
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.uk-button:hover,
.uk-button:focus {
background-color: #f5f5f5;
color: #444444;
outline: none;
}
.uk-button:active,
.uk-button.uk-active {
background-color: #dddddd;
color: #444444;
}
.uk-button-primary {
background-color: #004e9e;
color: #ffffff;
}
.uk-button-primary:hover,
.uk-button-primary:focus {
background-color: #0f5489;
color: #ffffff;
}
.uk-button-primary:active,
.uk-button-primary.uk-active {
background-color: #0091ca;
color: #ffffff;
}
.uk-button-success {
background-color: #8cc14c;
color: #ffffff;
}
.uk-button-success:hover,
.uk-button-success:focus {
background-color: #8ec73b;
color: #ffffff;
}
.uk-button-success:active,
.uk-button-success.uk-active {
background-color: #72ae41;
color: #ffffff;
}
.uk-button-danger {
background-color: #da314b;
color: #ffffff;
}
.uk-button-danger:hover,
.uk-button-danger:focus {
background-color: #e4354f;
color: #ffffff;
}
.uk-button-danger:active,
.uk-button-danger.uk-active {
background-color: #c91032;
color: #ffffff;
}
.uk-button:disabled {
background-color: #f5f5f5;
color: #999999;
}
.uk-button-link,
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active,
.uk-button-link:disabled {
display: inline;
border: none;
background: none;
}
.uk-button-link {
color: #0077dd;
}
.uk-button-link:hover,
.uk-button-link:focus,
.uk-button-link:active,
.uk-button-link.uk-active {
color: #005599;
text-decoration: underline;
}
.uk-button-link:disabled {
color: #999999;
}
.uk-button-link:focus {
outline: 1px dotted;
}
.uk-button-mini {
min-height: 20px;
padding: 0 6px;
line-height: 20px;
font-size: 11px;
}
.uk-button-small {
min-height: 25px;
padding: 0 10px;
line-height: 25px;
font-size: 12px;
}
.uk-button-large {
min-height: 40px;
padding: 15px 25px;
font-size: 16px;
line-height: 20px;
}
.uk-button-expand {
display: block;
width: 100%;
text-align: center;
}
.uk-button-expand + .uk-button-expand {
margin-top: 10px;
}
.uk-button-group {
display: inline-block;
vertical-align: middle;
position: relative;
letter-spacing: -0.31em;
white-space: nowrap;
}
.uk-button-group > * {
display: inline-block;
}
.uk-button-dropdown {
display: inline-block;
vertical-align: middle;
position: relative;
}
/*@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot");
src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}*/
i.fa {
font-family: 'FontAwesome' !important;
}
[class*='uk-icon-'] {
display: inline-block;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.uk-icon-small:before {
font-size: 150%;
vertical-align: -10%;
}
.uk-icon-medium:before {
font-size: 200%;
vertical-align: -16%;
}
.uk-icon-large:before {
font-size: 250%;
vertical-align: -22%;
}
.uk-icon-spin {
display: inline-block;
-webkit-animation: uk-spin 2s infinite linear;
animation: uk-spin 2s infinite linear;
}
.uk-icon-button {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 100%;
background: #eeeeee;
line-height: 35px;
color: #444444;
font-size: 18px;
text-align: center;
}
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #f5f5f5;
color: #444444;
text-decoration: none;
outline: none;
}
.uk-icon-button:active {
background-color: #dddddd;
color: #444444;
}
.uk-icon-glass:before {
content: "\f000";
}
.uk-icon-music:before {
content: "\f001";
}
.uk-icon-search:before {
content: "\f002";
}
.uk-icon-envelope-o:before {
content: "\f003";
}
.uk-icon-heart:before {
content: "\f004";
}
.uk-icon-star:before {
content: "\f005";
}
.uk-icon-star-o:before {
content: "\f006";
}
.uk-icon-user:before {
content: "\f007";
}
.uk-icon-film:before {
content: "\f008";
}
.uk-icon-th-large:before {
content: "\f009";
}
.uk-icon-th:before {
content: "\f00a";
}
.uk-icon-th-list:before {
content: "\f00b";
}
.uk-icon-check:before {
content: "\f00c";
}
.uk-icon-times:before {
content: "\f00d";
}
.uk-icon-search-plus:before {
content: "\f00e";
}
.uk-icon-search-minus:before {
content: "\f010";
}
.uk-icon-power-off:before {
content: "\f011";
}
.uk-icon-signal:before {
content: "\f012";
}
.uk-icon-gear:before,
.uk-icon-cog:before {
content: "\f013";
}
.uk-icon-trash-o:before {
content: "\f014";
}
.uk-icon-home:before {
content: "\f015";
}
.uk-icon-file-o:before {
content: "\f016";
}
.uk-icon-clock-o:before {
content: "\f017";
}
.uk-icon-road:before {
content: "\f018";
}
.uk-icon-download:before {
content: "\f019";
}
.uk-icon-arrow-circle-o-down:before {
content: "\f01a";
}
.uk-icon-arrow-circle-o-up:before {
content: "\f01b";
}
.uk-icon-inbox:before {
content: "\f01c";
}
.uk-icon-play-circle-o:before {
content: "\f01d";
}
.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
content: "\f01e";
}
.uk-icon-refresh:before {
content: "\f021";
}
.uk-icon-list-alt:before {
content: "\f022";
}
.uk-icon-lock:before {
content: "\f023";
}
.uk-icon-flag:before {
content: "\f024";
}
.uk-icon-headphones:before {
content: "\f025";
}
.uk-icon-volume-off:before {
content: "\f026";
}
.uk-icon-volume-down:before {
content: "\f027";
}
.uk-icon-volume-up:before {
content: "\f028";
}
.uk-icon-qrcode:before {
content: "\f029";
}
.uk-icon-barcode:before {
content: "\f02a";
}
.uk-icon-tag:before {
content: "\f02b";
}
.uk-icon-tags:before {
content: "\f02c";
}
.uk-icon-book:before {
content: "\f02d";
}
.uk-icon-bookmark:before {
content: "\f02e";
}
.uk-icon-print:before {
content: "\f02f";
}
.uk-icon-camera:before {
content: "\f030";
}
.uk-icon-font:before {
content: "\f031";
}
.uk-icon-bold:before {
content: "\f032";
}
.uk-icon-italic:before {
content: "\f033";
}
.uk-icon-text-height:before {
content: "\f034";
}
.uk-icon-text-width:before {
content: "\f035";
}
.uk-icon-align-left:before {
content: "\f036";
}
.uk-icon-align-center:before {
content: "\f037";
}
.uk-icon-align-right:before {
content: "\f038";
}
.uk-icon-align-justify:before {
content: "\f039";
}
.uk-icon-list:before {
content: "\f03a";
}
.uk-icon-dedent:before,
.uk-icon-outdent:before {
content: "\f03b";
}
.uk-icon-indent:before {
content: "\f03c";
}
.uk-icon-video-camera:before {
content: "\f03d";
}
.uk-icon-picture-o:before {
content: "\f03e";
}
.uk-icon-pencil:before {
content: "\f040";
}
.uk-icon-map-marker:before {
content: "\f041";
}
.uk-icon-adjust:before {
content: "\f042";
}
.uk-icon-tint:before {
content: "\f043";
}
.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
content: "\f044";
}
.uk-icon-share-square-o:before {
content: "\f045";
}
.uk-icon-check-square-o:before {
content: "\f046";
}
.uk-icon-arrows:before {
content: "\f047";
}
.uk-icon-step-backward:before {
content: "\f048";
}
.uk-icon-fast-backward:before {
content: "\f049";
}
.uk-icon-backward:before {
content: "\f04a";
}
.uk-icon-play:before {
content: "\f04b";
}
.uk-icon-pause:before {
content: "\f04c";
}
.uk-icon-stop:before {
content: "\f04d";
}
.uk-icon-forward:before {
content: "\f04e";
}
.uk-icon-fast-forward:before {
content: "\f050";
}
.uk-icon-step-forward:before {
content: "\f051";
}
.uk-icon-eject:before {
content: "\f052";
}
.uk-icon-chevron-left:before {
content: "\f053";
}
.uk-icon-chevron-right:before {
content: "\f054";
}
.uk-icon-plus-circle:before {
content: "\f055";
}
.uk-icon-minus-circle:before {
content: "\f056";
}
.uk-icon-times-circle:before {
content: "\f057";
}
.uk-icon-check-circle:before {
content: "\f058";
}
.uk-icon-question-circle:before {
content: "\f059";
}
.uk-icon-info-circle:before {
content: "\f05a";
}
.uk-icon-crosshairs:before {
content: "\f05b";
}
.uk-icon-times-circle-o:before {
content: "\f05c";
}
.uk-icon-check-circle-o:before {
content: "\f05d";
}
.uk-icon-ban:before {
content: "\f05e";
}
.uk-icon-arrow-left:before {
content: "\f060";
}
.uk-icon-arrow-right:before {
content: "\f061";
}
.uk-icon-arrow-up:before {
content: "\f062";
}
.uk-icon-arrow-down:before {
content: "\f063";
}
.uk-icon-mail-forward:before,
.uk-icon-share:before {
content: "\f064";
}
.uk-icon-expand:before {
content: "\f065";
}
.uk-icon-compress:before {
content: "\f066";
}
.uk-icon-plus:before {
content: "\f067";
}
.uk-icon-minus:before {
content: "\f068";
}
.uk-icon-asterisk:before {
content: "\f069";
}
.uk-icon-exclamation-circle:before {
content: "\f06a";
}
.uk-icon-gift:before {
content: "\f06b";
}
.uk-icon-leaf:before {
content: "\f06c";
}
.uk-icon-fire:before {
content: "\f06d";
}
.uk-icon-eye:before {
content: "\f06e";
}
.uk-icon-eye-slash:before {
content: "\f070";
}
.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
content: "\f071";
}
.uk-icon-plane:before {
content: "\f072";
}
.uk-icon-calendar:before {
content: "\f073";
}
.uk-icon-random:before {
content: "\f074";
}
.uk-icon-comment:before {
content: "\f075";
}
.uk-icon-magnet:before {
content: "\f076";
}
.uk-icon-chevron-up:before {
content: "\f077";
}
.uk-icon-chevron-down:before {
content: "\f078";
}
.uk-icon-retweet:before {
content: "\f079";
}
.uk-icon-shopping-cart:before {
content: "\f07a";
}
.uk-icon-folder:before {
content: "\f07b";
}
.uk-icon-folder-open:before {
content: "\f07c";
}
.uk-icon-arrows-v:before {
content: "\f07d";
}
.uk-icon-arrows-h:before {
content: "\f07e";
}
.uk-icon-bar-chart-o:before {
content: "\f080";
}
.uk-icon-twitter-square:before {
content: "\f081";
}
.uk-icon-facebook-square:before {
content: "\f082";
}
.uk-icon-camera-retro:before {
content: "\f083";
}
.uk-icon-key:before {
content: "\f084";
}
.uk-icon-gears:before,
.uk-icon-cogs:before {
content: "\f085";
}
.uk-icon-comments:before {
content: "\f086";
}
.uk-icon-thumbs-o-up:before {
content: "\f087";
}
.uk-icon-thumbs-o-down:before {
content: "\f088";
}
.uk-icon-star-half:before {
content: "\f089";
}
.uk-icon-heart-o:before {
content: "\f08a";
}
.uk-icon-sign-out:before {
content: "\f08b";
}
.uk-icon-linkedin-square:before {
content: "\f08c";
}
.uk-icon-thumb-tack:before {
content: "\f08d";
}
.uk-icon-external-link:before {
content: "\f08e";
}
.uk-icon-sign-in:before {
content: "\f090";
}
.uk-icon-trophy:before {
content: "\f091";
}
.uk-icon-github-square:before {
content: "\f092";
}
.uk-icon-upload:before {
content: "\f093";
}
.uk-icon-lemon-o:before {
content: "\f094";
}
.uk-icon-phone:before {
content: "\f095";
}
.uk-icon-square-o:before {
content: "\f096";
}
.uk-icon-bookmark-o:before {
content: "\f097";
}
.uk-icon-phone-square:before {
content: "\f098";
}
.uk-icon-twitter:before {
content: "\f099";
}
.uk-icon-facebook:before {
content: "\f09a";
}
.uk-icon-github:before {
content: "\f09b";
}
.uk-icon-unlock:before {
content: "\f09c";
}
.uk-icon-credit-card:before {
content: "\f09d";
}
.uk-icon-rss:before {
content: "\f09e";
}
.uk-icon-hdd-o:before {
content: "\f0a0";
}
.uk-icon-bullhorn:before {
content: "\f0a1";
}
.uk-icon-bell:before {
content: "\f0f3";
}
.uk-icon-certificate:before {
content: "\f0a3";
}
.uk-icon-hand-o-right:before {
content: "\f0a4";
}
.uk-icon-hand-o-left:before {
content: "\f0a5";
}
.uk-icon-hand-o-up:before {
content: "\f0a6";
}
.uk-icon-hand-o-down:before {
content: "\f0a7";
}
.uk-icon-arrow-circle-left:before {
content: "\f0a8";
}
.uk-icon-arrow-circle-right:before {
content: "\f0a9";
}
.uk-icon-arrow-circle-up:before {
content: "\f0aa";
}
.uk-icon-arrow-circle-down:before {
content: "\f0ab";
}
.uk-icon-globe:before {
content: "\f0ac";
}
.uk-icon-wrench:before {
content: "\f0ad";
}
.uk-icon-tasks:before {
content: "\f0ae";
}
.uk-icon-filter:before {
content: "\f0b0";
}
.uk-icon-briefcase:before {
content: "\f0b1";
}
.uk-icon-arrows-alt:before {
content: "\f0b2";
}
.uk-icon-group:before,
.uk-icon-users:before {
content: "\f0c0";
}
.uk-icon-chain:before,
.uk-icon-link:before {
content: "\f0c1";
}
.uk-icon-cloud:before {
content: "\f0c2";
}
.uk-icon-flask:before {
content: "\f0c3";
}
.uk-icon-cut:before,
.uk-icon-scissors:before {
content: "\f0c4";
}
.uk-icon-copy:before,
.uk-icon-files-o:before {
content: "\f0c5";
}
.uk-icon-paperclip:before {
content: "\f0c6";
}
.uk-icon-save:before,
.uk-icon-floppy-o:before {
content: "\f0c7";
}
.uk-icon-square:before {
content: "\f0c8";
}
.uk-icon-bars:before {
content: "\f0c9";
}
.uk-icon-list-ul:before {
content: "\f0ca";
}
.uk-icon-list-ol:before {
content: "\f0cb";
}
.uk-icon-strikethrough:before {
content: "\f0cc";
}
.uk-icon-underline:before {
content: "\f0cd";
}
.uk-icon-table:before {
content: "\f0ce";
}
.uk-icon-magic:before {
content: "\f0d0";
}
.uk-icon-truck:before {
content: "\f0d1";
}
.uk-icon-pinterest:before {
content: "\f0d2";
}
.uk-icon-pinterest-square:before {
content: "\f0d3";
}
.uk-icon-google-plus-square:before {
content: "\f0d4";
}
.uk-icon-google-plus:before {
content: "\f0d5";
}
.uk-icon-money:before {
content: "\f0d6";
}
.uk-icon-caret-down:before {
content: "\f0d7";
}
.uk-icon-caret-up:before {
content: "\f0d8";
}
.uk-icon-caret-left:before {
content: "\f0d9";
}
.uk-icon-caret-right:before {
content: "\f0da";
}
.uk-icon-columns:before {
content: "\f0db";
}
.uk-icon-unsorted:before,
.uk-icon-sort:before {
content: "\f0dc";
}
.uk-icon-sort-down:before,
.uk-icon-sort-asc:before {
content: "\f0dd";
}
.uk-icon-sort-up:before,
.uk-icon-sort-desc:before {
content: "\f0de";
}
.uk-icon-envelope:before {
content: "\f0e0";
}
.uk-icon-linkedin:before {
content: "\f0e1";
}
.uk-icon-rotate-left:before,
.uk-icon-undo:before {
content: "\f0e2";
}
.uk-icon-legal:before,
.uk-icon-gavel:before {
content: "\f0e3";
}
.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
content: "\f0e4";
}
.uk-icon-comment-o:before {
content: "\f0e5";
}
.uk-icon-comments-o:before {
content: "\f0e6";
}
.uk-icon-flash:before,
.uk-icon-bolt:before {
content: "\f0e7";
}
.uk-icon-sitemap:before {
content: "\f0e8";
}
.uk-icon-umbrella:before {
content: "\f0e9";
}
.uk-icon-paste:before,
.uk-icon-clipboard:before {
content: "\f0ea";
}
.uk-icon-lightbulb-o:before {
content: "\f0eb";
}
.uk-icon-exchange:before {
content: "\f0ec";
}
.uk-icon-cloud-download:before {
content: "\f0ed";
}
.uk-icon-cloud-upload:before {
content: "\f0ee";
}
.uk-icon-user-md:before {
content: "\f0f0";
}
.uk-icon-stethoscope:before {
content: "\f0f1";
}
.uk-icon-suitcase:before {
content: "\f0f2";
}
.uk-icon-bell-o:before {
content: "\f0a2";
}
.uk-icon-coffee:before {
content: "\f0f4";
}
.uk-icon-cutlery:before {
content: "\f0f5";
}
.uk-icon-file-text-o:before {
content: "\f0f6";
}
.uk-icon-building-o:before {
content: "\f0f7";
}
.uk-icon-hospital-o:before {
content: "\f0f8";
}
.uk-icon-ambulance:before {
content: "\f0f9";
}
.uk-icon-medkit:before {
content: "\f0fa";
}
.uk-icon-fighter-jet:before {
content: "\f0fb";
}
.uk-icon-beer:before {
content: "\f0fc";
}
.uk-icon-h-square:before {
content: "\f0fd";
}
.uk-icon-plus-square:before {
content: "\f0fe";
}
.uk-icon-angle-double-left:before {
content: "\f100";
}
.uk-icon-angle-double-right:before {
content: "\f101";
}
.uk-icon-angle-double-up:before {
content: "\f102";
}
.uk-icon-angle-double-down:before {
content: "\f103";
}
.uk-icon-angle-left:before {
content: "\f104";
}
.uk-icon-angle-right:before {
content: "\f105";
}
.uk-icon-angle-up:before {
content: "\f106";
}
.uk-icon-angle-down:before {
content: "\f107";
}
.uk-icon-desktop:before {
content: "\f108";
}
.uk-icon-laptop:before {
content: "\f109";
}
.uk-icon-tablet:before {
content: "\f10a";
}
.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
content: "\f10b";
}
.uk-icon-circle-o:before {
content: "\f10c";
}
.uk-icon-quote-left:before {
content: "\f10d";
}
.uk-icon-quote-right:before {
content: "\f10e";
}
.uk-icon-spinner:before {
content: "\f110";
}
.uk-icon-circle:before {
content: "\f111";
}
.uk-icon-mail-reply:before,
.uk-icon-reply:before {
content: "\f112";
}
.uk-icon-github-alt:before {
content: "\f113";
}
.uk-icon-folder-o:before {
content: "\f114";
}
.uk-icon-folder-open-o:before {
content: "\f115";
}
.uk-icon-smile-o:before {
content: "\f118";
}
.uk-icon-frown-o:before {
content: "\f119";
}
.uk-icon-meh-o:before {
content: "\f11a";
}
.uk-icon-gamepad:before {
content: "\f11b";
}
.uk-icon-keyboard-o:before {
content: "\f11c";
}
.uk-icon-flag-o:before {
content: "\f11d";
}
.uk-icon-flag-checkered:before {
content: "\f11e";
}
.uk-icon-terminal:before {
content: "\f120";
}
.uk-icon-code:before {
content: "\f121";
}
.uk-icon-reply-all:before {
content: "\f122";
}
.uk-icon-mail-reply-all:before {
content: "\f122";
}
.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
content: "\f123";
}
.uk-icon-location-arrow:before {
content: "\f124";
}
.uk-icon-crop:before {
content: "\f125";
}
.uk-icon-code-fork:before {
content: "\f126";
}
.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
content: "\f127";
}
.uk-icon-question:before {
content: "\f128";
}
.uk-icon-info:before {
content: "\f129";
}
.uk-icon-exclamation:before {
content: "\f12a";
}
.uk-icon-superscript:before {
content: "\f12b";
}
.uk-icon-subscript:before {
content: "\f12c";
}
.uk-icon-eraser:before {
content: "\f12d";
}
.uk-icon-puzzle-piece:before {
content: "\f12e";
}
.uk-icon-microphone:before {
content: "\f130";
}
.uk-icon-microphone-slash:before {
content: "\f131";
}
.uk-icon-shield:before {
content: "\f132";
}
.uk-icon-calendar-o:before {
content: "\f133";
}
.uk-icon-fire-extinguisher:before {
content: "\f134";
}
.uk-icon-rocket:before {
content: "\f135";
}
.uk-icon-maxcdn:before {
content: "\f136";
}
.uk-icon-chevron-circle-left:before {
content: "\f137";
}
.uk-icon-chevron-circle-right:before {
content: "\f138";
}
.uk-icon-chevron-circle-up:before {
content: "\f139";
}
.uk-icon-chevron-circle-down:before {
content: "\f13a";
}
.uk-icon-html5:before {
content: "\f13b";
}
.uk-icon-css3:before {
content: "\f13c";
}
.uk-icon-anchor:before {
content: "\f13d";
}
.uk-icon-unlock-alt:before {
content: "\f13e";
}
.uk-icon-bullseye:before {
content: "\f140";
}
.uk-icon-ellipsis-h:before {
content: "\f141";
}
.uk-icon-ellipsis-v:before {
content: "\f142";
}
.uk-icon-rss-square:before {
content: "\f143";
}
.uk-icon-play-circle:before {
content: "\f144";
}
.uk-icon-ticket:before {
content: "\f145";
}
.uk-icon-minus-square:before {
content: "\f146";
}
.uk-icon-minus-square-o:before {
content: "\f147";
}
.uk-icon-level-up:before {
content: "\f148";
}
.uk-icon-level-down:before {
content: "\f149";
}
.uk-icon-check-square:before {
content: "\f14a";
}
.uk-icon-pencil-square:before {
content: "\f14b";
}
.uk-icon-external-link-square:before {
content: "\f14c";
}
.uk-icon-share-square:before {
content: "\f14d";
}
.uk-icon-compass:before {
content: "\f14e";
}
.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
content: "\f150";
}
.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
content: "\f151";
}
.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
content: "\f152";
}
.uk-icon-euro:before,
.uk-icon-eur:before {
content: "\f153";
}
.uk-icon-gbp:before {
content: "\f154";
}
.uk-icon-dollar:before,
.uk-icon-usd:before {
content: "\f155";
}
.uk-icon-rupee:before,
.uk-icon-inr:before {
content: "\f156";
}
.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
content: "\f157";
}
.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
content: "\f158";
}
.uk-icon-won:before,
.uk-icon-krw:before {
content: "\f159";
}
.uk-icon-bitcoin:before,
.uk-icon-btc:before {
content: "\f15a";
}
.uk-icon-file:before {
content: "\f15b";
}
.uk-icon-file-text:before {
content: "\f15c";
}
.uk-icon-sort-alpha-asc:before {
content: "\f15d";
}
.uk-icon-sort-alpha-desc:before {
content: "\f15e";
}
.uk-icon-sort-amount-asc:before {
content: "\f160";
}
.uk-icon-sort-amount-desc:before {
content: "\f161";
}
.uk-icon-sort-numeric-asc:before {
content: "\f162";
}
.uk-icon-sort-numeric-desc:before {
content: "\f163";
}
.uk-icon-thumbs-up:before {
content: "\f164";
}
.uk-icon-thumbs-down:before {
content: "\f165";
}
.uk-icon-youtube-square:before {
content: "\f166";
}
.uk-icon-youtube:before {
content: "\f167";
}
.uk-icon-xing:before {
content: "\f168";
}
.uk-icon-xing-square:before {
content: "\f169";
}
.uk-icon-youtube-play:before {
content: "\f16a";
}
.uk-icon-dropbox:before {
content: "\f16b";
}
.uk-icon-stack-overflow:before {
content: "\f16c";
}
.uk-icon-instagram:before {
content: "\f16d";
}
.uk-icon-flickr:before {
content: "\f16e";
}
.uk-icon-adn:before {
content: "\f170";
}
.uk-icon-bitbucket:before {
content: "\f171";
}
.uk-icon-bitbucket-square:before {
content: "\f172";
}
.uk-icon-tumblr:before {
content: "\f173";
}
.uk-icon-tumblr-square:before {
content: "\f174";
}
.uk-icon-long-arrow-down:before {
content: "\f175";
}
.uk-icon-long-arrow-up:before {
content: "\f176";
}
.uk-icon-long-arrow-left:before {
content: "\f177";
}
.uk-icon-long-arrow-right:before {
content: "\f178";
}
.uk-icon-apple:before {
content: "\f179";
}
.uk-icon-windows:before {
content: "\f17a";
}
.uk-icon-android:before {
content: "\f17b";
}
.uk-icon-linux:before {
content: "\f17c";
}
.uk-icon-dribbble:before {
content: "\f17d";
}
.uk-icon-skype:before {
content: "\f17e";
}
.uk-icon-foursquare:before {
content: "\f180";
}
.uk-icon-trello:before {
content: "\f181";
}
.uk-icon-female:before {
content: "\f182";
}
.uk-icon-male:before {
content: "\f183";
}
.uk-icon-gittip:before {
content: "\f184";
}
.uk-icon-sun-o:before {
content: "\f185";
}
.uk-icon-moon-o:before {
content: "\f186";
}
.uk-icon-archive:before {
content: "\f187";
}
.uk-icon-bug:before {
content: "\f188";
}
.uk-icon-vk:before {
content: "\f189";
}
.uk-icon-weibo:before {
content: "\f18a";
}
.uk-icon-renren:before {
content: "\f18b";
}
.uk-icon-pagelines:before {
content: "\f18c";
}
.uk-icon-stack-exchange:before {
content: "\f18d";
}
.uk-icon-arrow-circle-o-right:before {
content: "\f18e";
}
.uk-icon-arrow-circle-o-left:before {
content: "\f190";
}
.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
content: "\f191";
}
.uk-icon-dot-circle-o:before {
content: "\f192";
}
.uk-icon-wheelchair:before {
content: "\f193";
}
.uk-icon-vimeo-square:before {
content: "\f194";
}
.uk-icon-turkish-lira:before,
.uk-icon-try:before {
content: "\f195";
}
.uk-icon-plus-square-o:before {
content: "\f196";
}
.uk-close {
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
width: 20px;
line-height: 20px;
text-align: center;
color: inherit;
opacity: 0.3;
padding: 0;
border: 0;
-webkit-appearance: none;
background: transparent;
}
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome;
}
.uk-close:hover,
.uk-close:focus {
opacity: 0.5;
outline: none;
}
a.uk-close:hover {
color: inherit;
text-decoration: none;
cursor: pointer;
}
.uk-close-alt {
padding: 2px;
border-radius: 100%;
background: #eeeeee;
opacity: 1;
}
.uk-close-alt:hover,
.uk-close-alt:focus {
opacity: 1;
}
.uk-close-alt:after {
opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
opacity: 0.8;
}
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #004e9e;
font-size: 10px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
text-align: center;
vertical-align: middle;
text-transform: none;
}
.uk-badge-notification {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px;
}
.uk-badge-success {
background-color: #8cc14c;
}
.uk-badge-grey {
background-color: #ddd;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
font-weight: 400;
line-height: 20px;
color:#333;
padding:5px 10px;
margin:0 2px 7px 0;
}
.uk-badge-warning {
background-color: #faa732;
}
.uk-badge-danger {
background-color: #da314b;
}
.uk-alert {
margin-bottom: 15px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
}
* + .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;
}
.uk-alert-warning {
background: #fffceb;
color: #e28327;
}
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
}
.uk-alert-large {
padding: 20px;
}
.uk-alert-large > .uk-close:first-child {
margin: -10px -10px 0 0;
}
.uk-thumbnail {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
margin: 0;
padding: 4px;
border: 1px solid #dddddd;
background: #ffffff;
}
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: #aaaaaa;
background-color: #ffffff;
text-decoration: none;
outline: none;
}
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #444444;
}
.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;
}
.uk-overlay-area {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.uk-overlay:hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area {
opacity: 1;
}
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #ffffff;
}
.uk-overlay-area:not(:empty) {
letter-spacing: -0.31em;
}
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-overlay-area-content {
display: inline-block;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
letter-spacing: normal;
text-align: center;
padding: 0 15px;
color: #ffffff;
}
.uk-overlay-area-content > :last-child {
margin-bottom: 0;
}
.uk-overlay-area-content a,
.uk-overlay-area-content a:hover {
color: inherit;
}
.uk-overlay-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption {
opacity: 1;
}
.uk-progress {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 20px;
margin-bottom: 15px;
background: #eeeeee;
overflow: hidden;
line-height: 20px;
}
* + .uk-progress {
margin-top: 15px;
}
.uk-progress-bar {
width: 0;
height: 100%;
background: #004e9e;
float: left;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
font-size: 12px;
color: #ffffff;
text-align: center;
}
.uk-progress-mini {
height: 6px;
}
.uk-progress-small {
height: 12px;
}
.uk-progress-success .uk-progress-bar {
background-color: #8cc14c;
}
.uk-progress-warning .uk-progress-bar {
background-color: #faa732;
}
.uk-progress-danger .uk-progress-bar {
background-color: #da314b;
}
.uk-progress-striped .uk-progress-bar {
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 30px 30px;
}
.uk-progress-striped.uk-active .uk-progress-bar {
-webkit-animation: uk-progress-bar-stripes 2s linear infinite;
animation: uk-progress-bar-stripes 2s linear infinite;
}
@-webkit-keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 0;
}
}
@keyframes uk-progress-bar-stripes {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 0;
}
}
.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, 0.2);
}
.uk-search-field {
width: 120px;
height: 30px;
padding: 0 30px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 0;
background: rgba(0, 0, 0, 0);
color: #444444;
-webkit-transition: all linear 0.2s;
transition: all linear 0.2s;
}
input.uk-search-field {
-webkit-appearance: none;
}
.uk-search-field:-ms-input-placeholder {
color: #999999;
}
.uk-search-field::-moz-placeholder {
color: #999999;
}
.uk-search-field::-webkit-input-placeholder {
color: #999999;
}
.uk-search-field::-ms-clear {
display: none;
}
.uk-search-field:focus {
outline: 0;
}
.uk-search-field:focus,
.uk-active .uk-search-field {
width: 180px;
}
.uk-search-close {
display: none;
position: absolute;
top: 0;
right: 0;
width: 30px;
line-height: 30px;
text-align: center;
font-size: 14px;
color: rgba(0, 0, 0, 0.2);
padding: 0;
border: 0;
-webkit-appearance: none;
background: transparent;
}
.uk-loading > .uk-search-close,
.uk-active > .uk-search-close {
display: block;
}
.uk-search-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome;
}
.uk-loading > .uk-search-close:after {
content: "\f110";
-webkit-animation: uk-spin 2s infinite linear;
animation: uk-spin 2s infinite linear;
}
[class*='uk-animation-'] {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
[data-uk-scrollspy*='uk-animation-'] {
opacity: 0;
}
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.uk-animation-scale-up {
-webkit-animation-name: uk-scale-up;
animation-name: uk-scale-up;
}
.uk-animation-scale-down {
-webkit-animation-name: uk-scale-down;
animation-name: uk-scale-down;
}
.uk-animation-slide-top {
-webkit-animation-name: uk-slide-top;
animation-name: uk-slide-top;
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-slide-bottom;
animation-name: uk-slide-bottom;
}
.uk-animation-slide-left {
-webkit-animation-name: uk-slide-left;
animation-name: uk-slide-left;
}
.uk-animation-slide-right {
-webkit-animation-name: uk-slide-right;
animation-name: uk-slide-right;
}
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake;
}
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
@-webkit-keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes uk-scale-up {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-scale-up {
0% {
opacity: 0;
transform: scale(0.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-scale-down {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-scale-down {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes uk-slide-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-top {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@-webkit-keyframes uk-slide-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-webkit-keyframes uk-slide-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@-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);
}
}
@-webkit-keyframes uk-spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes uk-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
.uk-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 200px;
margin-top: 5px;
padding: 15px;
background: #f5f5f5;
color: #444444;
letter-spacing: normal;
}
.uk-open > .uk-dropdown {
display: block;
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-dropdown-flip {
left: auto;
right: 0;
}
.uk-dropdown-up {
top: auto;
bottom: 100%;
margin-top: auto;
margin-bottom: 5px;
}
.uk-dropdown .uk-nav {
margin: 0 -15px;
}
.uk-dropdown > .uk-grid + .uk-grid {
margin-top: 15px;
}
.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
margin-top: 15px;
}
@media (min-width: 768px) {
.uk-dropdown:not(.uk-dropdown-stack) > .uk-grid {
margin-left: -15px;
margin-right: -15px;
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] {
padding-left: 15px;
padding-right: 15px;
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
border-left: 1px solid #dddddd;
}
.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 > .uk-grid > [class*='uk-width-'] {
width: 100%;
}
.uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) {
margin-top: 15px;
}
.uk-grid-divider:not(:empty) {
margin-left: 0;
margin-right: 0;
}
}
.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] {
width: 100%;
}
.uk-dropdown-stack > .uk-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 {
margin-top: 0;
background: #f5f5f5;
color: #444444;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
.uk-dropdown-search {
width: 300px;
margin-top: 0;
background: #f5f5f5;
color: #444444;
}
.uk-open > .uk-dropdown-search {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
.uk-navbar-flip .uk-dropdown-search {
margin-top: 5px;
margin-right: -15px;
}
.uk-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1020;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.uk-modal.uk-open {
opacity: 1;
}
.uk-modal-page {
overflow: hidden;
}
.uk-modal-dialog {
position: relative;
top: 5%;
left: 50%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
width: 50%;
margin-left: -25%;
background: #ffffff;
}
@media (max-width: 767px) {
.uk-modal-dialog {
top: 0;
left: 0;
right: 0;
width: auto;
margin: 10px;
}
}
.uk-modal-dialog > :last-child {
margin-bottom: 0;
}
.uk-modal-dialog-slide {
opacity: 0;
-webkit-transform: translateY(-25%);
transform: translateY(-25%);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
transition: opacity 0.3s linear, transform 0.3s ease-out;
}
.uk-open .uk-modal-dialog-slide {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.uk-modal-dialog > .uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
}
.uk-modal-dialog > .uk-close:first-child + * {
margin-top: 0;
}
.uk-modal-dialog-frameless {
padding: 0;
}
.uk-modal-dialog-frameless > .uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none;
}
@media (max-width: 767px) {
.uk-modal-dialog-frameless > .uk-close:first-child {
top: -7px;
right: -7px;
}
}
.uk-offcanvas {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
display: block;
}
.uk-offcanvas-page {
position: fixed;
-webkit-transition: margin-left 0.3s ease-in-out 50ms;
transition: margin-left 0.3s ease-in-out 50ms;
}
.uk-offcanvas-bar {
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1011;
width: 270px;
max-width: 100%;
background: #333333;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.uk-offcanvas .uk-panel {
margin: 20px 15px;
color: #777777;
}
.uk-offcanvas .uk-panel-title {
color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]) {
color: #cccccc;
}
.uk-offcanvas .uk-panel a:not([class]):hover {
color: #ffffff;
}
.uk-offcanvas .uk-search {
display: block;
margin: 20px 15px;
}
.uk-offcanvas .uk-search:before {
color: #777777;
}
.uk-offcanvas .uk-search-field {
width: 100%;
border-color: rgba(0, 0, 0, 0);
background: #1a1a1a;
color: #cccccc;
}
.uk-offcanvas .uk-search-field:-ms-input-placeholder {
color: #777777;
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777777;
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777777;
}
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
}
.uk-switcher > *:not(.uk-active) {
display: none;
}
.uk-tooltip {
display: none;
position: absolute;
z-index: 1030;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
background: #333333;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
line-height: 18px;
text-align: center;
}
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px dashed #333333;
}
.uk-tooltip-top:after,
.uk-tooltip-top-left:after,
.uk-tooltip-top-right:after {
bottom: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: #333333;
}
.uk-tooltip-bottom:after,
.uk-tooltip-bottom-left:after,
.uk-tooltip-bottom-right:after {
top: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: #333333;
}
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
left: 50%;
margin-left: -5px;
}
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
left: 10px;
}
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
right: 10px;
}
.uk-tooltip-left:after {
right: -5px;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: #333333;
}
.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: #333333;
}
.uk-text-small {
font-size: 11px;
line-height: 16px;
}
.uk-text-large {
font-size: 18px;
line-height: 24px;
}
.uk-text-bold {
font-weight: bold;
}
.uk-text-muted {
color: #999999 !important;
}
.uk-text-info {
color: #2d7091 !important;
}
.uk-text-success {
color: #659f13 !important;
}
.uk-text-warning {
color: #e28327 !important;
}
.uk-text-danger {
color: #d85030 !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-nowrap {
white-space: nowrap;
}
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
.uk-container {
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 980px;
padding: 0 15px;
}
@media (min-width: 1220px) {
.uk-container {
/** edit AS **/
/*max-width: 1200px;*/
padding: 0 15px;
max-width: 1080px;
}
}
.uk-container:before,
.uk-container:after {
content: " ";
display: table;
}
.uk-container:after {
clear: both;
}
.uk-container-center {
margin-left: auto;
margin-right: auto;
}
.uk-clearfix:before,
.uk-clearfix:after {
content: " ";
display: table;
}
.uk-clearfix:after {
clear: both;
}
.uk-nbfc {
overflow: hidden;
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px;
}
.uk-float-left {
float: left;
}
.uk-float-right {
float: right;
}
[class*='uk-float-'] {
max-width: 100%;
}
[class*='uk-align-'] {
display: block;
margin-bottom: 15px;
}
.uk-align-left {
margin-right: 15px;
float: left !important;
}
.uk-align-right {
margin-left: 15px;
float: right !important;
}
@media (min-width: 768px) {
.uk-align-medium-left {
margin-right: 15px;
margin-bottom: 15px;
float: left;
}
.uk-align-medium-right {
margin-left: 15px;
margin-bottom: 15px;
float: right;
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto;
}
.uk-vertical-align {
letter-spacing: -0.31em;
}
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
display: inline-block;
letter-spacing: normal;
max-width: 100%;
}
.uk-vertical-align-middle {
vertical-align: middle;
}
.uk-vertical-align-bottom {
vertical-align: bottom;
}
.uk-height-1-1 {
height: 100%;
}
.uk-responsive-width,
.uk-responsive-height {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.uk-responsive-width {
max-width: 100%;
height: auto;
}
.uk-responsive-height {
max-height: 100%;
width: auto;
}
.uk-margin {
margin-bottom: 25px;
}
* + .uk-margin {
margin-top: 25px;
}
.uk-margin-top {
margin-top: 25px !important;
}
.uk-margin-bottom {
margin-bottom: 25px !important;
}
.uk-margin-left {
margin-left: 25px !important;
}
.uk-margin-right {
margin-right: 25px !important;
}
.uk-margin-small-top {
margin-top: 5px !important;
}
.uk-margin-small-bottom {
margin-bottom: 5px !important;
}
.uk-margin-small-left {
margin-left: 5px !important;
}
.uk-margin-small-right {
margin-right: 5px !important;
}
.uk-margin-remove {
margin: 0 !important;
}
.uk-margin-top-remove {
margin-top: 0 !important;
}
.uk-margin-bottom-remove {
margin-bottom: 0 !important;
}
.uk-border-circle {
border-radius: 50%;
}
@media (min-width: 768px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px;
}
}
.uk-link-muted,
.uk-link-muted a {
color: #444444;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
color: #444444;
}
.uk-scrollable-text {
max-height: 300px;
overflow-y: scroll;
}
.uk-scrollable-box {
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: 170px;
padding: 10px;
border: 1px solid #dddddd;
overflow: auto;
}
.uk-scrollable-box > :last-child {
margin-bottom: 0;
}
.uk-display-block {
display: block !important;
}
.uk-display-inline {
display: inline !important;
}
.uk-display-inline-block {
display: inline-block !important;
}
.uk-display-table {
display: table !important;
}
@media (min-width: 960px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-medium {
display: none !important;
}
.uk-hidden-large {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 959px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-large {
display: none !important ;
}
.uk-hidden-medium {
display: none !important;
}
}
@media (max-width: 767px) {
.uk-visible-medium {
display: none !important;
}
.uk-visible-large {
display: none !important;
}
.uk-hidden-small {
display: none !important;
}
}
.uk-hidden {
display: none !important;
visibility: hidden !important;
}
.uk-visible-hover:hover .uk-hidden {
display: block !important;
visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden {
display: inline-block !important;
visibility: visible !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: auto;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img{
page-break-inside: auto;
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: auto;
page-break-after: avoid;
}
}
/** DATEPICKER STYLES ***/
.ui-datepicker {
width: 30em;
padding: .2em .2em 0;
display: none;
background:#fff;
background: rgb(249,249,249);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 );
border:1px solid #FAFAFA;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
background:#A00A0A;
color:#fff;
}
.ui-datepicker .ui-datepicker-header a{
color:#fff;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 2px;
}
.ui-datepicker .ui-datepicker-prev {
left: 0px;
}
.ui-datepicker .ui-datepicker-next {
right: 25px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 0px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 25px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: 0px;
top: 50%;
margin-top: -10px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 5em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em 0.6em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(../img/fancybox/fancybox_sprite.png);
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url(../img/fancybox/fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(../img/fancybox/blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: visible !important;
width: auto;
}
.fancybox-lock body {
overflow: hidden !important;
}
.fancybox-lock-test {
overflow-y: hidden !important;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url(../img/fancybox/fancybox_overlay.png);
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(../img/fancybox/fancybox_sprite@2x.png);
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
#fancybox-loading div {
background-image: url(../img/fancybox/fancybox_loading@2x.gif);
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}
/* flexslider */
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* Icon Fonts
*********************************/
/* Font-face Icons */
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; width: 100%; overflow: hidden;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0px; background: #fff; position: relative; zoom: 1 }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav {*height: 0; line-height:normal; text-indent: 0;}
.flex-direction-nav li { text-indent:0; }
.flex-direction-nav a { display: block; width: 40px; height: 80px; margin: -20px 0 0; position: absolute; top: 40%; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; color: rgba(255,255,255,0.8); text-shadow: 1px 1px 0 rgba(0,0,0,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 40px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 40px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
/*.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }*/
.flex-pauseplay a:hover { opacity: 1; }
/*.flex-pauseplay a.flex-play:before { content: '\f003'; }*/
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}
/* Hovereffects */
*,
*:after,
*::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
nav a {
position: relative;
display: inline-block;
margin: 15px 25px;
outline: none;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 400;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 1.35em;
}
nav a:hover,
nav a:focus {
outline: none;
}
/* Effect 1: Brackets */
.cl-effect-1 a::before,
.cl-effect-1 a::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.cl-effect-1 a::before {
margin-right: 6px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.cl-effect-1 a::after {
margin-left: 6px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.cl-effect-1 a:hover::before,
.cl-effect-1 a:hover::after,
.cl-effect-1 a:focus::before,
.cl-effect-1 a:focus::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
/* Effect 2: 3D rolling links, idea from http://hakim.se/thoughts/rolling-links */
.cl-effect-2 a {
line-height: 44px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.cl-effect-2 a span {
position: relative;
display: inline-block;
padding: 0 14px;
background: #2195de;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.csstransforms3d .cl-effect-2 a span::before {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0965a0;
content: attr(data-hover);
-webkit-transition: background 0.3s;
-moz-transition: background 0.3s;
transition: background 0.3s;
-webkit-transform: rotateX(-90deg);
-moz-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cl-effect-2 a:hover span,
.cl-effect-2 a:focus span {
-webkit-transform: rotateX(90deg) translateY(-22px);
-moz-transform: rotateX(90deg) translateY(-22px);
transform: rotateX(90deg) translateY(-22px);
}
.csstransforms3d .cl-effect-2 a:hover span::before,
.csstransforms3d .cl-effect-2 a:focus span::before {
background: #28a2ee;
}
/* Effect 3: bottom line slides/fades in */
.cl-effect-3 a {
padding: 8px 0;
}
.cl-effect-3 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: rgba(0,0,0,0.1);
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-3 a:hover::after,
.cl-effect-3 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 4: bottom border enlarge */
.cl-effect-4 a {
padding: 0 0 10px;
}
.cl-effect-4 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: height 0.3s, opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-4 a:hover::after,
.cl-effect-4 a:focus::after {
height: 5px;
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 5: same word slide in */
.cl-effect-5 a {
overflow: hidden;
padding: 0 4px;
height: 1em;
}
.cl-effect-5 a span {
position: relative;
display: inline-block;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-5 a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
font-weight: 700;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.cl-effect-5 a:hover span,
.cl-effect-5 a:focus span {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Effect 5: same word slide in and border bottom */
.cl-effect-6 a {
margin: 0 10px;
padding: 10px 20px;
}
.cl-effect-6 a::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
-webkit-transition: top 0.3s;
-moz-transition: top 0.3s;
transition: top 0.3s;
}
.cl-effect-6 a::after {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
background: #fff;
content: '';
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;
}
.cl-effect-6 a:hover::before {
top: 100%;
opacity: 1;
}
.cl-effect-6 a:hover::after {
height: 100%;
}
/* Effect 7: second border slides up */
.cl-effect-7 a {
padding: 12px 10px 10px;
color: #566473;
text-shadow: none;
font-weight: 700;
}
.cl-effect-7 a::before,
.cl-effect-7 a::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 3px;
background: #566473;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: scale(0.85);
-moz-transform: scale(0.85);
transform: scale(0.85);
}
.cl-effect-7 a::after {
opacity: 0;
-webkit-transition: top 0.3s, opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: top 0.3s, opacity 0.3s, -moz-transform 0.3s;
transition: top 0.3s, opacity 0.3s, transform 0.3s;
}
.cl-effect-7 a:hover::before,
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::before,
.cl-effect-7 a:focus::after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
}
.cl-effect-7 a:hover::after,
.cl-effect-7 a:focus::after {
top: 0%;
opacity: 1;
}
/* Effect 8: border slight translate */
.cl-effect-8 a {
padding: 10px 20px;
}
.cl-effect-8 a::before,
.cl-effect-8 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #354856;
content: '';
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-8 a::after {
border-color: #fff;
opacity: 0;
-webkit-transform: translateY(-7px) translateX(6px);
-moz-transform: translateY(-7px) translateX(6px);
transform: translateY(-7px) translateX(6px);
}
.cl-effect-8 a:hover::before,
.cl-effect-8 a:focus::before {
opacity: 0;
-webkit-transform: translateY(5px) translateX(-5px);
-moz-transform: translateY(5px) translateX(-5px);
transform: translateY(5px) translateX(-5px);
}
.cl-effect-8 a:hover::after,
.cl-effect-8 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px) translateX(0px);
-moz-transform: translateY(0px) translateX(0px);
transform: translateY(0px) translateX(0px);
}
/* Effect 9: second text and borders */
.cl-effect-9 a {
margin: 0 20px;
padding: 18px 20px;
}
.cl-effect-9 a::before,
.cl-effect-9 a::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: opacity 0.3s, height 0.3s;
-moz-transition: opacity 0.3s, height 0.3s;
transition: opacity 0.3s, height 0.3s;
}
.cl-effect-9 a::after {
top: 100%;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-9 a span:first-child {
z-index: 2;
display: block;
font-weight: 300;
}
.cl-effect-9 a span:last-child {
z-index: 1;
display: block;
padding: 8px 0 0 0;
color: rgba(0,0,0,0.4);
text-shadow: none;
text-transform: none;
font-style: italic;
font-size: 0.75em;
/*font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;*/
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:focus::before {
height: 6px;
}
.cl-effect-9 a:hover::before,
.cl-effect-9 a:hover::after,
.cl-effect-9 a:focus::before,
.cl-effect-9 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
.cl-effect-9 a:hover span:last-child,
.cl-effect-9 a:focus span:last-child {
opacity: 1;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);
}
/* Effect 10: reveal, push out */
.cl-effect-10 {
position: relative;
z-index: 1;
}
.cl-effect-10 a {
overflow: hidden;
margin: 0 15px;
}
.cl-effect-10 a span {
display: block;
padding: 10px 20px;
background: #0f7c67;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
.cl-effect-10 a::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #fff;
color: #0f7c67;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
.cl-effect-10 a:hover span,
.cl-effect-10 a:focus span {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.cl-effect-10 a:hover::before,
.cl-effect-10 a:focus::before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
/* Effect 11: text fill based on Lea Verou's animation http://dabblet.com/gist/6046779 */
.cl-effect-11 a {
padding: 10px 0;
border-top: 2px solid #0972b4;
color: #0972b4;
text-shadow: none;
}
.cl-effect-11 a::before {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
padding: 10px 0;
max-width: 0;
border-bottom: 2px solid #fff;
color: #fff;
content: attr(data-hover);
-webkit-transition: max-width 0.5s;
-moz-transition: max-width 0.5s;
transition: max-width 0.5s;
}
.cl-effect-11 a:hover::before,
.cl-effect-11 a:focus::before {
max-width: 100%;
}
/* Effect 12: circle */
.cl-effect-12 a::before,
.cl-effect-12 a::after {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
border: 2px solid rgba(0,0,0,0.1);
border-radius: 50%;
content: '';
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.2);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.2);
transform: translateX(-50%) translateY(-50%) scale(0.2);
}
.cl-effect-12 a::after {
width: 90px;
height: 90px;
border-width: 6px;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
.cl-effect-12 a:hover::before,
.cl-effect-12 a:hover::after,
.cl-effect-12 a:focus::before,
.cl-effect-12 a:focus::after {
opacity: 1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
/* Effect 13: three circles */
.cl-effect-13 a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-13 a::before {
position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;
}
.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {
color: #fff;
text-shadow: 10px 0 #fff, -10px 0 #fff;
}
.cl-effect-13 a:hover,
.cl-effect-13 a:focus {
color: #ba7700;
}
/* Effect 14: border switch */
.cl-effect-14 a {
padding: 0 20px;
height: 45px;
line-height: 45px;
}
.cl-effect-14 a::before,
.cl-effect-14 a::after {
position: absolute;
width: 45px;
height: 2px;
background: #fff;
content: '';
opacity: 0.2;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
pointer-events: none;
}
.cl-effect-14 a::before {
top: 0;
left: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-effect-14 a::after {
right: 0;
bottom: 0;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::before,
.cl-effect-14 a:focus::after {
opacity: 1;
}
.cl-effect-14 a:hover::before,
.cl-effect-14 a:focus::before {
left: 50%;
-webkit-transform: rotate(0deg) translateX(-50%);
-moz-transform: rotate(0deg) translateX(-50%);
transform: rotate(0deg) translateX(-50%);
}
.cl-effect-14 a:hover::after,
.cl-effect-14 a:focus::after {
right: 50%;
-webkit-transform: rotate(0deg) translateX(50%);
-moz-transform: rotate(0deg) translateX(50%);
transform: rotate(0deg) translateX(50%);
}
/* Effect 15: scale down, reveal */
.cl-effect-15 a {
color: rgba(0,0,0,0.2);
font-weight: 700;
text-shadow: none;
}
.cl-effect-15 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.cl-effect-15 a:hover::before,
.cl-effect-15 a:focus::before {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
transform: scale(0.9);
opacity: 0;
}
/* Effect 16: fall down */
.cl-effect-16 a {
color: #6f8686;
text-shadow: 0 0 1px rgba(111,134,134,0.3);
}
.cl-effect-16 a::before {
color: #fff;
content: attr(data-hover);
position: absolute;
opacity: 0;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
-webkit-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-moz-transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
transform: scale(1.1) translateX(10px) translateY(-10px) rotate(4deg);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-16 a:hover::before,
.cl-effect-16 a:focus::before {
-webkit-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
-moz-transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
transform: scale(1) translateX(0px) translateY(0px) rotate(0deg);
opacity: 1;
}
/* Effect 17: move up fade out, push border */
.cl-effect-17 a {
color: #10649b;
text-shadow: none;
padding: 10px 0;
}
.cl-effect-17 a::before {
color: #fff;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
content: attr(data-hover);
position: absolute;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background: #fff;
opacity: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-17 a:hover::before,
.cl-effect-17 a:focus::before {
opacity: 0;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
transform: translateY(-2px);
}
.cl-effect-17 a:hover::after,
.cl-effect-17 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
/* Effect 18: cross */
.cl-effect-18 {
position: relative;
z-index: 1;
}
.cl-effect-18 a {
padding: 0 5px;
color: #b4770d;
font-weight: 700;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-18 a::before,
.cl-effect-18 a::after {
position: absolute;
width: 100%;
left: 0;
top: 50%;
height: 2px;
margin-top: -1px;
background: #b4770d;
content: '';
z-index: -1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
pointer-events: none;
}
.cl-effect-18 a::before {
-webkit-transform: translateY(-20px);
-moz-transform: translateY(-20px);
transform: translateY(-20px);
}
.cl-effect-18 a::after {
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
}
.cl-effect-18 a:hover,
.cl-effect-18 a:focus {
color: #fff;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::before,
.cl-effect-18 a:focus::after {
opacity: 0.7;
}
.cl-effect-18 a:hover::before,
.cl-effect-18 a:focus::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.cl-effect-18 a:hover::after,
.cl-effect-18 a:focus::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Effect 19: 3D side */
.cl-effect-19 a {
line-height: 2em;
margin: 15px;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
width: 200px;
}
.cl-effect-19 a span {
position: relative;
display: inline-block;
width: 100%;
padding: 0 14px;
background: #e35041;
-webkit-transition: -webkit-transform 0.4s, background 0.4s;
-moz-transition: -moz-transform 0.4s, background 0.4s;
transition: transform 0.4s, background 0.4s;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -100px;
-moz-transform-origin: 50% 50% -100px;
transform-origin: 50% 50% -100px;
}
.csstransforms3d .cl-effect-19 a span::before {
position: absolute;
top: 0;
left: 100%;
width: 100%;
height: 100%;
background: #b53a2d;
content: attr(data-hover);
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;
-webkit-transform: rotateY(90deg);
-moz-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-moz-transform-origin: 0 50%;
transform-origin: 0 50%;
pointer-events: none;
}
.cl-effect-19 a:hover span,
.cl-effect-19 a:focus span {
background: #b53a2d;
-webkit-transform: rotateY(-90deg);
-moz-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.csstransforms3d .cl-effect-19 a:hover span::before,
.csstransforms3d .cl-effect-19 a:focus span::before {
background: #ef5e50;
}
/* Effect 20: 3D side */
.cl-effect-20 a {
line-height: 2em;
-webkit-perspective: 800px;
-moz-perspective: 800px;
perspective: 800px;
}
.cl-effect-20 a span {
position: relative;
display: inline-block;
padding: 3px 15px 0;
background: #587285;
box-shadow: inset 0 3px #2f4351;
-webkit-transition: background 0.6s;
-moz-transition: background 0.6s;
transition: background 0.6s;
-webkit-transform-origin: 50% 0;
-moz-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
color: #2f4351;
content: attr(data-hover);
-webkit-transform: rotateX(270deg);
-moz-transform: rotateX(270deg);
transform: rotateX(270deg);
-webkit-transition: -webkit-transform 0.6s;
-moz-transition: -moz-transform 0.6s;
transition: transform 0.6s;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
transform-origin: 0 0;
pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
background: #2f4351;
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
-webkit-transform: rotateX(10deg);
-moz-transform: rotateX(10deg);
transform: rotateX(10deg);
}
/* Effect 21: borders slight translate */
.cl-effect-21 a {
padding: 10px;
color: #237546;
font-weight: 700;
text-shadow: none;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.cl-effect-21 a::before,
.cl-effect-21 a::after {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #fff;
content: '';
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::before {
top: 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
transform: translateY(-10px);
}
.cl-effect-21 a::after {
bottom: 0;
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
transform: translateY(10px);
}
.cl-effect-21 a:hover,
.cl-effect-21 a:focus {
color: #fff;
}
.cl-effect-21 a:hover::before,
.cl-effect-21 a:focus::before,
.cl-effect-21 a:hover::after,
.cl-effect-21 a:focus::after {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
transform: translateY(0px);
}
@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.8em;
color:#333;
-webkit-font-smoothing: antialiased;
padding-bottom: 100px;
}
#content ul, #content ol {
line-height: 1.4em;
margin:15px 0 5px;
}
#content .iaa-slider ul {
line-height: 0;
margin: 0;
padding:0;
}
.flexslider .slides {
margin: 0 !important;
}
.save-wishlist .pdf-download i {
color:#004e9e;
padding-top:20px;
}
p.event-info {
width: 100%;
margin-left: 0;
float: none;
padding:15px 10px 10px 10px;
}
p.event-info span i {
font-size: 24px;
text-align: center;
width: 24px;
height:30px !important;
float:left;
margin-right:5px;
}
p.event-info span {
display: block;
float: none;
width: 100%;
height:40px;
}
.uk-padding-top-100 {padding-top: 100px;}
.no-padding {padding: 0 !important;}
@media all and (min-width: 481em) {
body:after {
content: "desktop";
display: none;
}
}
a {
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
p > a {
color: #4882BB;
}
a, a:hover, a:focus {
text-decoration: none;
color:#1B537D;
/*position: relative;*/
cursor:pointer;
}
a:hover, a:focus {
color:#004e9e;
}
img {
width: auto; /* Make images fill their parent's space. Solves IE8. */
max-width: 100%; /* Add !important if needed. */
height: auto;
}
button {
background: none; border: none;
}
li p i {
margin-right:10px;
}
h1,h2,h3,h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight: 400;
}
h2 {
font-size:1.6em;
color:#111;
margin-bottom:25px;
}
h3 {margin: 0 0 15px 0;}
h2.header-first,
#home #content h2,
#content #kiosk h2,
#home #content #worldcard h2 {
font-weight:700;
font-size:2em;
/*text-align:center;*/
color:#333;
}
h2.header-first {
margin: 10px 0 15px 0;
}
.clear-left { float:left; clear:both; }
.clear-right { clear:right; }
.float-right { float:right; }
.border-left {border-left:1px solid #ccc;}
.border-bottom {
border-bottom: 1px solid #D6D6D6;
padding-bottom: 15px;
margin-bottom: 0;
}
.align-bottom {
position: absolute;
bottom: 0px;
}
.align-middle {
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.uk-relative {position:relative;}
p.text-uppercase {text-transform:uppercase; font-size: 13px;}
.text-uppercase {text-transform:uppercase;}
.text-white {
color:#fff !important;
}
#wrapper {
display: block;
position: absolute;
background:#fff;
top: 0;
right: 0;
width: 100%;
height: 100%;
z-index:10;
box-shadow: 0px 0px 15px 0px #000;
-o-box-shadow: 0px 0px 15px 0px #000;
-moz-box-shadow: 0px 0px 15px 0px #000;
-webkit-box-shadow: 0px 0px 15px 0px #000;
}
p {
margin: 15px 0 15px 0;
}
.uk-table-striped tbody tr:nth-of-type(odd) td {
background: #F0F0F0;
}
/***********************************************
**********
******* OFF CANVAS NAVIGATION
****
*/
/** override uikit styles **/
.uk-offcanvas-bar {
/*width: 240px;*/
max-width: 60%;
background:#292929;
}
.offcanvas-nav-toggle i.fa:before {
content: "\f0c9";
}
.uk-offcanvas-page .offcanvas-nav-toggle i.fa:before {
content: "\f00d" !important;
}
#off-canvas-nav a .tooltip-container {display:none !important;}
/*
#wrapper.oc-opened,
#fixed-header.oc-opened {
right:200px;
}
#off-canvas-nav.oc-opened { right:0; z-index: 9999;}
#off-canvas-nav {
position: fixed;
top: 0;
right: -200px;
width: 200px;
z-index: -1;
background:#292929;
height:100%;
border-left: 1px solid #000;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
*/
#off-canvas-nav span,
#off-canvas-nav a {
color:#fff;
}
#off-canvas-nav a i {
float:left;
margin-top: 4px;
margin-right:6px;
}
#off-canvas-nav ul.uk-nav > li > a > i {
/*margin-right:8px;*/
margin-left: -19px;
margin-right: 10px;
}
#off-canvas-nav ul {
list-style-type:none;
padding:0;
margin:0;
float:left;
width:100%;
}
#off-canvas-nav ul li {
font-size: 14px;
float: left;
clear: both;
width: 100%;
margin-bottom: 1px;
border-bottom:1px solid #333;
}
#off-canvas-nav ul li span,
#off-canvas-nav ul li a {
padding: 13px 20px;
float: left;
clear: both;
width: 100%;
}
#off-canvas-nav ul li div.uk-dropdown a {padding:0;}
#off-canvas-nav ul.uk-nav > li > a {
padding: 13px 10px 13px 35px;
}
#off-canvas-nav ul li div.language div,
#off-canvas-nav ul li.language a {clear:none;}
#off-canvas-nav .top-actions li {
float:left;
width:100%;
clear:both;
border-bottom: 0;
}
#off-canvas-nav .top-actions li div.language { width:100%; clear:both; text-align:center;border:none;height: 50px;line-height: 50px; }
#off-canvas-nav .top-actions div.language div.uk-dropdown {display:block !important;position: inherit !important;margin: 0;background:none; border-left:1px solid #333;}
#off-canvas-nav .top-actions li div.language div { float:left; width:50%; padding: 0 !important; display:block !important;}
#off-canvas-nav .top-actions li div.language div.uk-active {background:#333}
/*#off-canvas-nav .top-actions li div.language ul { display:block; float:left; width:50%; background:none; padding:0; }
#off-canvas-nav .top-actions li div.language ul li { float:left; clear:none; width:100%; padding:0; }
#off-canvas-nav .top-actions li div.language ul li a { padding:15px 20px; }*/
#off-canvas-nav .top-actions li div.language img { width:25px; }
#off-canvas-nav .top-actions li:last-child { border:none; }
#off-canvas-nav .top-actions li:last-child { border-left:1px solid #333; }
#off-canvas-nav .top-actions {border-bottom: 1px solid #333;}
#off-canvas-nav .top-actions li.presse-btn-wrap,
#off-canvas-nav .top-actions li.aussteller-btn-wrap {
width:50% !important;
clear:none !important;
border-bottom: none;
border-top: 1px solid #333;
padding: 0;
margin: 0;
}
#off-canvas-nav .top-actions li.link-back {
border-top: 1px solid #333;
}
#off-canvas-nav .top-actions li i {width:100%;font-size:24px;}
#off-canvas-nav .top-actions li.presse-btn-wrap a,
#off-canvas-nav .top-actions li.aussteller-btn-wrap a,
#off-canvas-nav .top-actions li.link-back a {
text-align:center;
padding:10px;
color:#B8B8B8;
font-size: 12px;
}
#off-canvas-nav .oc-divider {
float: left;
width: 100%;
color: #666;
text-transform: uppercase;
font-weight: 700;
font-size: .8em;
background: #222;
padding: 10px 20px;
}
#off-canvas-nav a.see-wishlist {
display: block;
text-align: center;
width: 50%;
float:left;
padding: 10px;
}
#off-canvas-nav a.see-wishlist i,
#off-canvas-nav a.see-wishlist span {
width: 100%;
font-size: 24px;
}
#off-canvas-nav a.social-link {
border-bottom: 1px solid #333;
}
#off-canvas-nav a.social-link,
#off-canvas-nav a.social-link span {
color:#B8B8B8;
}
#off-canvas-nav a.social-link:not(.see-wishlist) {
width: 25%;
display: block;
float: left;
text-align: center;
border-left: 1px solid #333;
padding: 6px 0;
font-size: 20px;
}
#off-canvas-nav .social-link:not(.see-wishlist) i {
width: 100%;
}
#off-canvas-nav a.archiv.uk-visible-small {
width: 100%;
display: block;
text-align: left;
font-size: 20px;
padding:0px 15px;
border-bottom:1px solid #333
}
#off-canvas-nav a.archiv.uk-visible-small i,
#off-canvas-nav a.archiv.uk-visible-small small {
float: none;
display: inline-block !important;
font-size: 21px;
padding:10px 0px;
}
#off-canvas-nav a.archiv.uk-visible-small small {
font-size: 12px;
text-transform: uppercase;
}
#off-canvas-nav a.archiv.uk-visible-small br {display:none;}
/** Subnav **/
#off-canvas-nav ul ul {
display:none;
background:#333;
float:left;
width:100%;
padding:10px 0;
}
#off-canvas-nav ul ul li {
font-size: 12px;
float: left;
clear: both;
width: 100%;
margin-bottom: 1px;
border-bottom:none;
}
#off-canvas-nav ul ul li a {
padding: 5px 20px;
}
/***********************************************
**********
******* BANNER
****
*/
#topbanner {
background:#fafafa;
position:relative;
z-index:400;
width:100%;
display:none;
/*padding: 10px 0;*/
}
#topbanner img {
margin: 10px 0;
width:100%;
}
.content-banner-half-dbl,
.content-banner-full {display:none;}
.content-banner-full img {width: 100%;}
#fixed-bottom-banner {
position: fixed;
z-index: 401;
/*bottom: -15px;*/
bottom:0;
left: 0;
right: 0;
width: 100%;
float:left;
display:none;
padding-top:20px;
/* wenn kein banner aktiv, unbedingt einkommentieren! */
display: none !important;
}
#fixed-bottom-banner.static-bottom {
z-index:101;
position: absolute;
background: #131313;
}
#footer-wrapper .copyright-information.no-padding {padding-bottom:0;}
#fixed-bottom-banner img { float:left; width:100%; }
#fixed-bottom-banner .uk-container { position:relative; }
#fixed-bottom-banner .ad-btn {
position: absolute;
top: -20px;
background: #fff;
color:#004e9e;
border:2px solid #004e9e;
padding: 0;
-o-border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
border-radius: 22px;
width: 35px;
height: 35px;
display:none;
z-index: 99;
right: 20px;
}
#fixed-bottom-banner .ad-btn i {font-size: 2em !important;line-height: 0.9em !important;}
#fixed-bottom-banner .ad-btn:focus,
#fixed-bottom-banner .ad-btn:hover {
outline:none;
}
#fixed-bottom-banner .close-ad { right:20px;/* top:6px;*/ display:none;/*display:none !important;*/}
.prodbanner:hover { cursor:pointer; }
.prodbanner { float:left; width:100%; border:1px solid #ccc; padding:3px; }
.prodbanner h3 { margin:0; color:#ccc; }
.prodbanner img,
.banner-slider img { width:100% !important; height:auto !important;}
/***********************************************
**********
******* HEADER
****
*/
#header {
position:relative;
left:0;
right:0;
width:100%;
min-height: 70px;
background: #004e9e;
color: #fff;
z-index: 400;
}
#header .uk-container { padding:0; }
#scroll-to-top { display:none; }
.iaa-logo {
float: left;
padding: 9px 0 0 15px;
}
/***********************************************
**********
******* SUCHE
****
*/
#search-area {
float:right;
margin-top: 19px;
position:relative;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#search-area input {
border:none;
padding:8px 15px;
float:left;
display:none;
background:#fff;
-o-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius: 5px;
}
/***********************************************
**********
******* NAVIGATION
****
*/
.main-navigation { background:none; float: right; overflow: visible !important;}
.main-navigation .search-button {
float: right;
width: 58px;
color: #fff;
text-align: center;
font-size: 24px;
}
.main-navigation .offcanvas-nav-toggle {
float: right;
font-size: 26px;
color: #fff;
padding: 19px 20px;
}
.main-navigation .offcanvas-nav-toggle:focus,
.main-navigation .offcanvas-nav-toggle:hover,
.search-toggle:focus,
.search-toggle:hover {
border:none;
outline:none;
}
.search-toggle.active, .search-toggle.active:focus {position:relative; color:#fff;
}
.search-toggle .search-arrow {
float: left;
width: 100%;
background-image:none;
background-repeat:no-repeat;
background-position: center 0, left bottom;
height: 11px;
background-size: 25px;
position:absolute;
bottom:-1px;
left:0;
}
.search-toggle.active .search-arrow {
background-image: url(../img/arrow-white.png);
-o-transition: background 1s linear;
-ms-transition: background 1s linear;
-moz-transition: background 1s linear;
-webkit-transition: background 1s linear;
transition: background 1s linear;
}
.main-navigation .nav-items { display:none; }
.main-navigation .nav-items a { color:#fff; display: block;}
.main-navigation .nav-items > li > a { font-size:1.1em; margin: 0;padding: 0 10px;}
.main-navigation .nav-items > li {margin-right:1px;}
/***********************************************
**********
******* FIXED HEADER
****
*/
#fixed-header {
position: fixed;
top: -60px;
z-index: 500;
width: 100%;
right: 0;
background: #004e9e;
height: 55px;
visibility: hidden;
}
#fixed-header.opened { top:0; visibility: visible;}
#fixed-header .uk-container { padding:0; }
#fixed-header .main-navigation .offcanvas-nav-toggle { color:#fff; padding:14px; font-size: 22px; }
#fixed-header .main-navigation .nav-items { clear:none; }
#fixed-header .main-navigation .nav-items li { color:#fff; padding: 0px 5px; height: 55px; line-height: 55px; }
#fixed-header .main-navigation .nav-items ul { top:44px; }
#fixed-header .main-navigation .nav-items ul li { padding:0; height:auto; }
#fixed-header #scroll-to-top:hover { cursor:pointer; }
#fixed-header #scroll-to-top {
display:block;
float:left;
color:#96b4d2;
font-size:22px;
padding: 10px;
}
#fixed-header i:hover { color:#fff; }
#fixed-header #search-area { margin-top: 0px; }
/***********************************************
**********
******* SLIDER
****
*/
#iaa-slider {
color: #fff;
text-align:center;
float:left;
width:100%;
overflow:hidden;
position:relative;
overflow:hidden;
z-index:0;
}
#iaa-slider a.slide-item-link {
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index:999;
}
#iaa-slider.subpage-no-img {
z-index:9;
overflow: visible;
}
#iaa-slider .flex-direction-nav { display:none; }
#iaa-slider .flex-control-nav { bottom:0; z-index:100; }
#iaa-slider .flex-control-paging li a { background:#aaa; background:rgba(0,0,0,0.15); }
#iaa-slider .flex-control-paging li a.flex-active { background:#333; background:rgba(0,0,0,0.5); }
#iaa-slider .slider-claim {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
width:100%;
text-align:center;
opacity: .9;
-moz-opacity: .9;
-webkit-opacity: .9;
font-family: Arial, Helvetica, sans-serif;
z-index: 1;
}
/**** Layer Slider ****/
.flexslider .slides .layer-slider .slider-content {
position: absolute;
z-index: 99;
left: 0;
right: 0;
top:0;
bottom:0;
opacity:1;
padding: 0 30px;
width:100%;
}
.flexslider .slides .layer-slider.slider-align-right .slider-content {
right: 0;
left:0;
}
.flexslider .slides .layer-slider.slider-align-center .slider-content {
float:none
}
.flexslider .slides .layer-slider .slider-content img {
width: auto;
height: auto;
max-height: 70%;
max-width: 70%;
margin-top: 30px;
margin-left:0;
float:left;
}
.flexslider .slides .layer-slider.slider-align-right .slider-content img {
float:right;
}
.flexslider .slides .layer-slider.slider-align-center .slider-content img {
margin-left: auto;
float: none;
margin-right: auto;
}
#iaa-slider .layer-slider.slider-align-left .slider-main-img img {left:auto;}
#iaa-slider .layer-slider.slider-align-right .slider-main-img img {right:auto;}
#iaa-slider-mobil .uk-container {padding:0;}
#iaa-slider-mobil a.slide-item-link, #iaa-slider-mobil a.slide-item-link:hover,
#iaa-slider-mobil .slider-claim .button-wrap {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 998;
}
#iaa-slider-mobil .flex-direction-nav {display:none;}
#iaa-slider-mobil .flex-control-nav {
bottom: 15px;
z-index: 999;
}
#iaa-slider-mobil .flex-control-paging li a {
width: 17px;
height: 17px;
}
#iaa-slider-mobil .slider-image img, #iaa-slider-mobil .slider-main-img img,
#iaa-slider-mobil .flexslider .slides img {
margin-left: 0;
height:auto;
width:100%;
max-height:none;
}
/*** Ticket page table ***/
body#pid-613 .uk-table .td-last {
min-width: 120px;
padding-right: 20px;
text-align: right;
}
@media (min-width: 480px) {
.flexslider .slides .layer-slider .slider-content img {
margin-top: 55px;
}
}
@media (min-width: 768px) {
.flexslider .slides .layer-slider .slider-content img {
margin-top: 75px;
}
.flexslider .slides .layer-slider .slider-content {
padding: 0 100px;
}
}
@media (min-width: 980px) {
.flexslider .slides .layer-slider .slider-content {
padding: 0 30px;
}
/** Ticket page table **/
body#pid-613 .uk-table td.td-last {
min-width: 180px;
}
}
@media (min-width: 1220px) {
.flexslider .slides .layer-slider .slider-content img {
margin-top: 100px;
}
.flexslider .slides .layer-slider .slider-content {
padding: 0 15px;
}
#content {
min-height: 650px !important;
}
}
/*** HTML-Slider - deprecated/not in use ***/
/*#iaa-slider .slider-claim.text-light h2,
#iaa-slider .slider-claim.text-light p,
#iaa-slider .slider-claim p.text-light,
#iaa-slider .slider-claim.text-light span,
#iaa-slider .slider-claim.text-light div.claim-2col {
color:#fff;
text-shadow: 1px 1px #666;
text-shadow: 1px 1px rgba(0,0,0,0.5);
}
#iaa-slider .slider-claim.text-dark h2,
#iaa-slider .slider-claim.text-dark p,
#iaa-slider .slider-claim p.text-dark,
#iaa-slider .slider-claim.text-dark span,
#iaa-slider .slider-claim.text-dark div.claim-2col {
color:#333;
text-shadow: 1px 1px #fff;
text-shadow: 1px 1px rgba(255,255,255,0.8);
}
#iaa-slider .slider-claim h2 {
position:absolute;
float:left;
width:94%;
margin-left:-47%;
left:40%;
top:10%;
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
font-size:2.2em;
text-shadow: 1px 1px #666;
text-shadow: 1px 1px rgba(0,0,0,0.6);
margin-top:0;
font-family: Arial, Helvetica, sans-serif;
font-weight:300;
}
#iaa-slider .slider-claim p {
font-size:1.2em;
position:absolute;
float:left;
width:80%;
margin-right:-40%;
right:40%;
top:28%;
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
#iaa-slider .slider-claim .claim-2col {
top: auto;
bottom: 20px;
font-size: 1em;
}
#iaa-slider .slider-claim .claim-2col .claim-right {
padding-left: 20px;
line-height: 1.1em;
text-transform: uppercase;
}
#iaa-slider .slider-claim .button-wrap {
position:absolute;
float:left;
width:90%;
margin-left:-45%;
text-align:center;
left:40%;
bottom:5%;
opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
display: none;
}
#iaa-slider .slider-claim .button-wrap .uk-button {
border-radius: 5px;
}
*/
/*******************************/
/*** responsive layer slider ***/
#iaa-slider .slider-image img,
#iaa-slider .slider-main-img img {
max-height: 100%;
height: auto;
width: auto;
max-width:100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto auto;
}
#iaa-slider .slider-image,
#iaa-slider .slider-main-img {
position: absolute;
height: auto;
width:100%;
display:block;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
div.slider-background {
background-size: cover;
background-repeat:no-repeat;
}
#iaa-slider .slides li { height:auto; }
.flexslider .slides img {
/*width: auto;
display: block;
max-width: none;
height: 100%;
margin-left: -45%;*/
width: 170%;
display: block;
max-width: none;
height: auto;
margin-left: -35%;
}
/***********************************************
**********
******* CONTENT
****
*/
#content {
position:relative;
z-index:100;
float:left;
width:100%;
background:#fafafa;
min-height: 500px;
}
#content .uk-align-center h2 {text-align:center}
#content i:not(.fa-home):not(.iaa-home):not(.fa-search):not(.fa-map-marker):not(.fa-clock-o) {
margin-right:8px;
}
#content #breadcrumb i:not(.fa-home):not(.iaa-home) {
margin:0 8px;
}
#iaa-slider.subpage-no-img + #content {
margin-top:-28px;
z-index:1;
}
#footer-wrapper a {color:#fff;}
#footer-wrapper .copyright-information {
background:#131313;
-webkit-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5); /* WebKit */
-moz-box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5); /* Firefox */
box-shadow: inset 0px 3px 3px 0px rgba(0, 0, 0, 0.5); /* Standard */
/** Banner inactive **/
padding: 15px 0 20px;
color:#fff;
font-size:12px;
}
#footer-wrapper .poster-headline {font-size:30px;font-weight: 300; margin-bottom:10px;}
#footer-wrapper .poster-date {font-size:20px; font-weight: 300;}
#footer-wrapper .iaa-poster-info .social-link + .social-link {margin-left:15px;}
#footer-wrapper .footer-content {padding:25px;}
#footer-wrapper .footer-content .iaa-footer-logo {
padding:0;
width:110px;
margin-left: auto;
margin-right: auto;
}
.alle-news { float:left; margin-top:15px; }
.subline {
font-size: 1.3em;
float:left;
width:100%;
text-align:left;
}
.author-date {
float: left;
width: 100%;
border-bottom: 1px solid #004e9e;
padding-bottom: 10px;
color: #004e9e;
}
.author-date i,
.author-date p {
display:inline-block;
}
.row { clear:both; padding:15px 0; position:relative; }
.row.row-white { background:#fafafa; }
.row.row-darkgrey { background:#333; color:#fff; }
.row.row-transparent { background-color:transparent; }
.row.row-lightgrey, .box-lightgrey { background: #f0f0f0; }
.row.row-kachelmann { background: #fafafa url(../img/kachelmann.png) no-repeat top center; background-size:cover; }
.row.row-bigpadding { padding: 50px 0; }
.row.row-smallpadding { padding: 15px 0; }
.shadow-top { position: absolute; top: 0; left: 0; right: 0; width: 100%; }
.shadow-bottom { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; }
/*** PLUGINS: List and Detail pages ***/
.uk-button-category {
width: 60px;
height: 55px;
line-height: 55px;
font-size: 35px;
font-weight: bold;
}
.neuheiten-item .uk-button-category {
background: rgb(91, 175, 231);
color: #fff;
text-shadow: 1px 1px 0px rgb(33, 132, 199);
}
.neuheiten-item .uk-button-category:hover {
background: rgb(74, 161, 219);
color: #fff;
}
.presse-item .uk-button-category,
.event-item .uk-button-category,
.vortrag-item .uk-button-category {
background:none !important;
}
.presse-item,
.vortrag-item,
.event-item,
.neuheiten-item {position:relative; margin-bottom:25px;}
.presse-item .uk-button-category,
.vortrag-item .uk-button-category,
.event-item .uk-button-category {
position: absolute;
top: 50%;
margin-top: -25px;
text-align: center;
}
.neuheiten-item .uk-width-medium-1-5 {padding-left:20px;}
.neuheiten-item .uk-button-category {
text-align: center;
float:left;
margin:0px 2px 2px 0px;
}
.presse-item .uk-button-category,
.vortrag-item .uk-button-category,
.event-item .uk-button-category, {
top:0;
margin-top:0;
}
.presse-item h3,
.vortrag-item h3,
.event-item h3 {margin:0;}
.presse-item .item-content,
.vortrag-item .item-content,
.event-item .item-content {
margin-left:80px;
}
.event-information i {
margin-left: -40px;
width: 35px;
text-align: center;
vertical-align: 0;
}
.event-information span {
display: inline-block;
padding-left: 35px;
line-height: 22px;
margin-bottom: 14px;
width: 100%;
}
.event-info-block {padding-left: 150px; padding-right:20px;}
.event-info-block h3 {margin-top:0;}
/***********************************************
**********
******* WELTKARTE
****
*/
#worldcard {
background: #fafafa url(../img/weltkarte.png) no-repeat top center;
background-size:contain;
}
#worldcard h2 {
font-size:3em !important;
color:#004e9e !important;
opacity:.8;
-moz-opacity:.8;
-webkit-opacity:.8;
line-height: 1.1;
font-weight:400;
}
#worldcard h2 strong { font-weight:700 !important; }
/***********************************************
**********
******* QUICKLINKS
****
*/
.quicklink {
text-align:center;
float: left;
padding: 0 20px;
width:50%;
height:115px;
margin:10px 0;
position:relative;
}
.quicklink i {
font-size:40px;
float:left;
width:100%;
margin-bottom:5px;
position:absolute;
top:20px;
left:0;
}
.quicklink strong {
float:left;
width:100%;
margin:0;
color:#333;
font-weight:300;
font-size:1em;
line-height: 1.4em;
padding: 0 5px;
}
.quicklink p { display:none; float:left; width:100%; color:#333; font-size:.85em; }
/**** NEW QL EFFECT override AS ***/
.quicklink {
text-align: center;
margin: 20px auto;
padding: 0em 0 0em;
}
.icon {
display: inline-block;
font-size: 0px;
cursor: pointer;
margin: 0px 0px;
width: 80px;
height: 80px;
border-radius: 50%;
-o-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
text-align: center;
position: relative;
z-index: 1;
color: #fff;
}
.icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-o-border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.quicklink-wrap .icon {
color: #f0f0f0;
box-shadow: 0 0 0 3px #004e9e;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.quicklink-wrap .icon:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: #004e9e;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
}
/* Effect 2a */
.quicklink-wrap .icon:hover {
color: #f0f0f0;
}
.quicklink-wrap .icon:hover i {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.quicklink-wrap .icon:hover:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/***********************************************
**********
******* KIOSK
****
*/
#kiosk { position:relative; overflow:hidden; }
.kiosk-item {
position:absolute;
top:0;
left:0;
width:25%;
box-shadow:0px 0px 22px 3px #222;
-moz-box-shadow:0px 0px 22px 3px #222;
-webkit-box-shadow:0px 0px 22px 3px #222;
margin-left: -12.5%;
}
.kiosk-wrap { float:left; width:110%; position:absolute; top: 0; left: 0; }
/** edit/test AS **/
.kiosk-wrap { float:left; width:130%; position:absolute; top: 0; left: 0; }
.kiosk-item img { width:auto; height:auto; float:right; }
.kiosk-item.mag-1 { z-index:400; left:0; }
.kiosk-item.mag-2 { z-index:300; left:12.5%; }
.kiosk-item.mag-3 { z-index:200; left:25%; }
.kiosk-item.mag-4 { z-index:100; left:37.5%; }
.kiosk-text {
float: right;
clear: both;
position: absolute;
top: 10px;
right: 2%;
width: 40%;
}
/** edit/test AS **/
.kiosk-text {
float: right;
clear: both;
position: absolute;
top: 10px;
right: 2%;
width: 30%;
}
.kiosk-text h2 { text-align:left; }
/*.kiosk-text p*/ .kiosk-text i { display:none; }
.kiosk-text p {margin-top: -20px;}
/***********************************************
**********
******* ON SLIDER ACTION ITEMS
**** (switch between Exhibitors/Press/Main)
*/
#on-slider-actions {
/*position: absolute;*/
top: 0;
right: 0;
z-index: 100;
width: 100%;
float:right;
text-align:right;
}
#on-slider-actions .uk-container {position:relative;}
#on-slider-actions ul { padding:0; margin:0; list-style-type:none; }
#on-slider-actions ul ul { display:none; }
#on-slider-actions ul li { display:inline; float:right; }
#on-slider-actions ul li a i {
margin-right:10px;
}
#on-slider-actions ul div.language img {
width:22px;
height:16px;
display:block;
}
#on-slider-actions ul li div.language .uk-dropdown {background:none;left:auto; right:0; padding:0;}
/*#on-slider-actions ul li.language,*/
#on-slider-actions ul li div.language,
#on-slider-actions .presse-btn-wrap a,
#on-slider-actions .aussteller-btn-wrap a,
#on-slider-actions li.link-back a {
padding: 13px 20px 12px 20px;
color: #333;
float: right;
background: url(../img/whitetrans.png) repeat;
background: rgba(240,240,240,0.5);
margin-left:3px;
-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
}
#on-slider-actions a {
padding: 16px 20px 9px 20px;
}
#on-slider-actions ul li div.language {
padding:0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#on-slider-actions ul li div.language div,
#on-slider-actions ul li div.language .uk-dropdown a {
padding: 17px 20px 17px 20px;
min-width:22px;
}
#on-slider-actions ul li div.language.uk-open .uk-dropdown a {
display:block;
}
/*#on-slider-actions ul li div.language.uk-open {
height:100px;
}*/
#on-slider-actions ul li div.language {
height: 50px;
-webkit-transition-property: height;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: linear;
/*-webkit-transition-delay: 0.2s;*/
-moz-transition-property: height;
-moz-transition-duration: 0.3s;
-moz-transition-timing-function: linear;
/*-moz-transition-delay: 0.2s;*/
transition-property: height;
transition-duration: 0.3s;
transition-timing-function: linear;
/*transition-delay: 0.2s;*/
}
#on-slider-actions ul li div.language.uk-open {
height: 100px;
}
#on-slider-actions ul li div.language .uk-dropdown {
width: auto;
margin-top: -50px;
padding:0;
opacity:0;
-webkit-transition-property: opacity;
-webkit-transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
/*-webkit-transition-delay: 0.2s;*/
-moz-transition-property: opacity;
-moz-transition-duration: 0.5s;
-moz-transition-timing-function: linear;
/*-moz-transition-delay: 0.2s;*/
transition-property: opacity;
transition-duration: 0.5s;
transition-timing-function: linear;
/*transition-delay: 0.2s;*/
}
#on-slider-actions ul li div.language.uk-open .uk-dropdown {
opacity:1;
}
/*#on-slider-actions ul li.language:hover,
#on-slider-actions ul li div.language:hover,*/
#on-slider-actions a:hover,
#on-slider-actions li.active a {
background: rgba(240,240,240,.9);
cursor:pointer;
}
/*#home #on-slider-actions ul li.language,
#home #on-slider-actions ul li div.language,*/
#home #on-slider-actions a {
background: url(../img/whitetrans.png) repeat;
background: rgba(255,255,255,0.5);
}
/*#home #on-slider-actions ul li.language:hover,
#home #on-slider-actions ul li div.language:hover,*/
#home #on-slider-actions a:hover,
#home #on-slider-actions li.active a {
background: rgba(255,255,255,1);
}
/*#on-slider-actions ul li div.language div.language,
#on-slider-actions ul li.language ul li a,
#on-slider-actions ul li.language:hover ul li a,
#on-slider-actions ul li div.language:hover a,
#home #on-slider-actions ul li.language ul li a,
#home #on-slider-actions ul li div.language a,
#home #on-slider-actions ul li.language:hover ul li a,
#home #on-slider-actions ul li div.language:hover a {
padding: 15px 0 0 0;
float:none;
background:none;
margin:0;
}*/
/*#on-slider-actions .language { width:60px; }
#on-slider-actions .language ul li {
padding:0 0 15px 0;
}*/
#on-slider-actions .language span + ul li {
display: block;
float: left;
width: 100%;
clear: both;
padding:15px 0 0 0;
}
#on-slider-actions .top-actions {
position: absolute;
top: 0;
right: 15px;
z-index: 100;
float: right;
text-align: right;
opacity: 1;
}
#on-slider-actions .top-actions.deactivate {
opacity: 0.2;
}
/***********************************************
**********
******* FIXED SOCIALS
****
*/
#fixed-socials {
display:none;
position: fixed;
margin-top: 15%;
top:44%;
left: 0;
z-index: 200;
width:40px;
/* opacity:.9;
-o-opacity:.9;
-moz-opacity:.9;
-webkit-opacity:.9;*/
opacity:0;
-o-opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
#fixed-socials a {
color:#fff;
width:35px;
float:left;
clear:both;
padding:10px;
text-align: center;
background: #004e9e;
position: relative;
}
#fixed-socials .tooltip-container {
position: absolute;
left: 10px;
width: 150px;
top: 6px;
background: #333;
padding: 7px 10px;
font-size: 12px;
border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
opacity:0;
-o-opacity:0;
-moz-opacity:0;
-webkit-opacity:0;
}
#fixed-socials .tooltip-container i {
position:absolute;
left:-7px;
top:5px;
color:#333;
font-size:20px;
}
/***********************************************
**********
******* PROGRAMM NAVIGATION / ACCORDION
****
*/
.option-navigation {
padding: 20px;
padding: 15px;
border-top:2px solid #fff;
}
.row-lightgrey .option-navigation {
border: 2px solid #fff;
}
.option-navigation a {
width: 100%;
display: block;
padding: 15px;
line-height: 14px;
}
.option-navigation .option-wrap {margin-bottom:0 !important;}
.option-navigation a:hover {
background:#fff;
}
.option-navigation a i {
float: right;
margin-right:25px;
}
.option-navigation li.uk-active a,
.option-navigation a.active {
background: #004e9e;
color: #fff;
}
.option-items-item {
display:none;
position:relative;
}
.option-navigation .option-wrap a,
.option-navigation .option-wrap a:before {position:relative;}
.option-navigation .option-wrap a { padding-right:40px; line-height:1.5em;}
.option-navigation .option-wrap i {position: absolute; height:14px; right:5px; top:0; bottom: 0; margin:auto auto; padding:0; margin:auto auto;}
/***********************************************
**********
******* ACCORDION
****
*/
.accordion .accordion-item {
float: left;
width: 100%;
border: 1px solid #eee;
margin: 0 0 2px 0;
}
.accordion .accordion-item h3 {
float: left;
position: relative;
width: 100%;
padding: 18px 55px 18px 34px;
margin:0;
background: #f2f2f2;
color:#004e9e;
font-weight:300;
}
.accordion .accordion-item.active h3,
.accordion .accordion-item h3:hover { cursor:pointer; background: #004e9e; color:#fff; }
.accordion .accordion-item h3 i {
position: absolute; height: 14px; right: 15px; top: 0; bottom: 0; margin: auto auto; padding: 0; margin: auto auto;
}
.accordion .accordion-item-slideout {
display:none;
float:left;
width:100%;
padding: 25px 35px 0px 35px;
position:relative;
background:#fff;
}
.accordion .accordion-item-slideout .need-personal-support {
padding: 15px 0px 0px;
border-top: 1px dashed #DBDBDB;
}
.faq-accordion .accordion-item-slideout {padding:0;margin:0;}
.faq-accordion .accordion-item-slideout p:not(.need-personal-support) {font-size:1em; padding:25px 35px 0;margin:0;font-weight:bolder;}
.faq-accordion .accordion-item-slideout .need-personal-support {
padding:15px 35px 0;
border-top: 0px dashed #DBDBDB;
}
.row.faq-further {
padding: 15px 35px;
}
.faq-further h3 {
margin: 15px 0;
}
/**** Austellerliste *****/
.filterset {
padding:20px;
}
.filterset input,
.filterset select {
width:100%;
border:1px solid #dddddd;
-o-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.filterset select {
min-height:42px;
line-height:42px;
}
.filter-field {margin:5px 0;}
.search-field {
position:relative;
}
.search-field .search-button {
position:absolute;
right:1px;
top:1px;
height:40px;
font-size:20px;
padding:0 15px;
color:#fff;
background:#ddd;
-o-border-radius-topright: 4px;
-o-border-radius-bottomright: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.search-field input:focus {border:1px solid #004e9e; outline:none;}
.search-field input:focus + .search-button,
.search-field .search-button:hover {
background:#004e9e;
}
.search-field input {
padding:0 12px;
height: 42px;
}
.filterset .uk-form-icon {
display: block;
height: 40px;
line-height: 40px;
}
.filterset .uk-form-icon:not(.uk-form-icon-flip) > input {
padding-left: 30px !important;
padding: 20px 0;
}
input[type="checkbox"], input[type="radio"] {
width:18px;
height:18px;
margin: 0 10px 0 0;
}
.filterset label.checkbox-label {
line-height: 18px;
}
.filterset label.checkbox-label,
input[type="checkbox"], input[type="radio"] {float:left;}
.date-location-filter{overflow:visible;}
.date-location-filter input {
float: left;
}
.cat-filter .checkbox-label {
padding-right:20px;
}
#wrapper-search #exhibitors-search .filter-abc {
margin-bottom:0 !important;
}
#wrapper-search #exhibitors-search.uk-form {
padding: 0;
border: none;
}
/** Icons Listen **/
.listing .icon-wrap i {
display: block;
line-height: 40px;
color:#d1d1d1;
}
.listing .list-item {
position:relative;
}
.listing .icon-wrap a,
.listing .icon-wrap button {
width: 40px;
height: 100%;
position: absolute;
right: 80px;
top: 0;
margin-top: 0px;
text-align: center;
}
.listing .icon-wrap a.icon-detail {
right:0px;
width:60px;
}
.listing .icon-wrap a i,
.listing .icon-wrap button i {
position: absolute;
top:50%;
left:50%;
margin:-20px 0 0 -20px;
height:40px;
width:40px;
}
.listing .icon-wrap i:hover {
color:#004e9e;
}
.listing .list-item a.icon-detail:hover,
.listing .list-item:hover a.icon-detail {
}
.listing .list-item:hover a.icon-detail i {
color:#999;
}
.listing .list-item-button-wrap {
padding: 15px;
}
/** input type date - remove arrows **/
input[type="date"]
{
-webkit-appearance: none;
}
input[type=date]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
input[type=date]::-webkit-calendar-picker-indicator {
color: #000;
height: 7px;
position: relative;
width: 7px;
z-index: 0;
}
input[type=date]::-webkit-calendar-picker-indicator:hover {
background: none;
}
div.dotted-line {border-top: 2px dotted #e7e7e7; margin-top:15px; padding-top:15px;}
button.icon-wishlist, a.icon-wishlist, button:focus, a:focus, a.remove {color:#004e9e; cursor:pointer; outline:none; border:none;}
.uk-table-hover tbody tr:hover td{
background:#E5E5E5;
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.uk-list.uk-list-striped .list-item,
.uk-list .list-item,
.uk-list > li.list-item:nth-child(n+2) {padding:25px 0;}
/*.uk-list .list-item:first-child {padding:0 0 25px 0;}*/
.uk-list-line > li.list-item:nth-child(1) {border-top: 1px solid #dddddd;}
.uk-list-line > li.list-item:last-child {border-bottom: 1px solid #dddddd;}
.uk-list .news-list-item .uk-grid li:nth-child(1) {padding-left:0px;}
.uk-list-line > li:nth-child(n+2) {padding:0; margin:0;}
.calendar-sheet {
border-top: 15px solid #004e9e;
text-align:center;
text-transform:uppercase;
background:#fff;
padding:10px 5px;
width: 120px;
float: left;
background: rgb(249,249,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-8 */
}
.calendar-sheet.blue-sheet {
border-top: 15px solid #0F4A76;
}
.calendar-sheet span {
width: 100%;
display: block;
font-size:13px;
line-height: 16px;
}
.calendar-sheet span.date-number {
font-size: 60px;
line-height: 60px;
font-family: Arial, Helvetica, sans-serif;
}
.event-location-block,
.event-time-block {color:#0E4976;overflow:visible;}
.event-time-block .time {white-space:nowrap;}
.listing .uk-table-hover tr {
border-bottom:1px solid #aaa;
}
.prodbanner .flexslider{}
.uk-table th, .uk-table td {
padding: 10px 8px;
line-height:18px;font-size:13px;}
.anreise-tabelle td.td-2,
.anreise-tabelle td.td-4{
background: #D5DDE4 !important;
}
.filter-abc button.uk-button {
background:#f0f0f0;
margin:1px 0 2px 0;
}
.filter-abc button.uk-button:hover,
.filter-abc button.uk-button.uk-active {
background: #DDDDDD;
}
.filter-abc button.uk-button.uk-active:hover {background: #0f5489}
.filter-abc button.uk-button.uk-active {background: #0f5489;color: #fff;}
.filter-abc button.uk-button {text-transform:uppercase;}
.filter-abc button.uk-button {padding:0px 10px};
.uk-table .locations {
padding-left:15px;
}
ul.locations {margin-top:0;}
/**** NEWS / PRESSEMITTEILUNGEN ***/
h3.news-title {font-weight:600;margin:0 0 5px 0;}
.news-list-item {margin-bottom:15px;}
.news-list-item h3 {}
.uk-list li {
line-height: 24px;
}
/** Detail ***/
p.news-teaser {font-weight:600; font-size:18px;}
.related-news-images .related-img-wrap {
float: none;
padding: 0 25px;
margin: 0 0 0 -25px;
display: inline-block;
}
.sponsor-img-wrap {
background: #fff;
padding: 10px;
margin:20px 0;
}
.sponsoring-logos div.sponsoring-logos-single {
text-align: left;
height: 50px;
line-height: 50px;
}
.sponsoring-logos div.sponsoring-logos-single img {
max-height: 40px;
}
div.sponsoring-logos-single {
padding-left: 25px !important;
/* margin-left: 25px !important; */
}
div.sponsoring-logos .uk-grid {
margin-left: -25px;
}
ul.uk-display-inline-block li {
display: inline-block;
margin: 0 10px 0 0;
}
.uk-table .locations a,
.locations a {color:#333;}
.locations .main-location i,
.locations a.main-location i,
.locations .sub-location i,
.locations a.sub-location i,
.locations a.main-location:hover,
.locations a.sub-location:hover {color:#004e9e !important;}
.event-item h3 {margin-top:0;}
#ausstellerliste span.main-location, #ausstellerliste span.sub-location {display:block;}
#ausstellerliste span.sub-location {
display: block;
margin: 0 0 2px;
line-height: 16px;
}
.wishlist-container li.uk-active a i {filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
#ajaxAustList h3 {padding-left:5px 10px;background:#efefef;}
#ajaxAustList {margin-top: 15px;}
#ajaxAustList a {margin-top:0px;}
#ajaxAustList a.icon-wishlist-remove .fa-lg {vertical-align: 30%;}
/*** Buttons in Ausstellerliste und Detail ***/
.aussteller-buttons {margin-top:10px;}
.aussteller-buttons .uk-button {width:100%;margin-bottom:10px;min-height:45px;line-height: 45px;font-size: 13px;}
.aussteller-buttons .button-row {padding-left:10px;}
.aussteller-buttons:first-child {padding-left:15px;}
.aussteller-buttons .uk-button i.fa-right {float:right;line-height: 30px;color: #999;line-height: 45px;}
.aussteller-buttons .uk-button i.fa-right:before {font-size: 30px;line-height: 30px;margin-top: 8px;display: block;}
.aussteller-buttons .uk-button i.fa-left {padding-right:10px;color: #999;}
.aussteller-buttons .uk-button i.fa-left:before {font-size: 30px;margin-top: 8px;display: block;}
.aussteller-buttons .match-meet:after {content: 'Match & Meet';}
.aussteller-buttons .job-career {background:rgb(228,10,23) url(../img/IAA_job_career.png)bottom left no-repeat;text-align: right;color:#fff;line-height: 20px;}
.aussteller-buttons .job-career i {padding-right:5px;}
.aussteller-buttons .icon-wishlist {text-align:right;margin-bottom:10px;}
.aussteller-buttons .uk-button-primary i, .aussteller-buttons .uk-button-primary i:before {color:#fff;}
/***********************************************
**********
******* RESPONSIVE CSS
****
*/
.iaa-logo a {
display:block;
height:50px;
background:url(../img/iaa-logo-pfeile-weiss.png) no-repeat center center;
background:url(../img/iaa-logo-pfeile-weiss.svg) no-repeat center center;
background-size: contain;
}
.iaa-logo.nmw-logo {background:#fff;padding:10px;}
.iaa-logo.nmw-logo a {
background:url(../img/NMW_Logo.png) no-repeat center center;
background:url(../img/NMW_Logo_vektor.svg) no-repeat center center;
}
.no-svg .iaa-logo {
float: left;
padding: 9px 0 0 5px;
min-width:155px;
}
.no-svg .iaa-logo a{
display:block;
height:50px;
padding: 5px 0;
width:155px;
background:transparent url(../img/iaa-logo-pfeile-weiss_ie8.png) no-repeat left center;
}
.search-toggle, .search-toggle-fixed {
color: #fff !important;
padding: 21px 20px;
float:right;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.search-toggle:hover,
.search-toggle.active {
background: #201357;
-o-transition: background 1s linear;
-ms-transition: background 1s linear;
-moz-transition: background 1s linear;
-webkit-transition: background 1s linear;
transition: background 1s linear;
}
#search-area input {
font-size:18px;
}
#fixed-header .search-toggle, #fixed-header .search-toggle-fixed {
padding: 13px 20px;
}
.header-search-wrap {
position: absolute;
width: 100%;
top: 70px;
left: 0;
z-index:9999;
}
.header-search-wrap #search-area {
width:100%;
float:left;
margin-top:0;
-webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);
}
.header-search-wrap #search-area input {
display: block;
width: 100%;
background:#fff;
-o-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:14px 15px;
-o-transition: background 0.5s linear;
-ms-transition: background 0.5s linear;
-moz-transition: background 0.5s linear;
-webkit-transition: background 0.5s linear;
transition: background 0.5s linear;
height:50px;
}
.header-search-wrap #search-area input:hover,
.header-search-wrap #search-area input:focus {
background:#fff;
background:rgba(255, 255, 255, 1);
outline:none;
}
.header-search-wrap #search-area .search-button {
top:0;
right:5px;
font-size:26px;
color:#004e9e;
color:rgba(32,19,87,1);
}
.header-search-wrap #search-area .search-button:hover,
.header-search-wrap #search-area .search-button:hover i {
color:#004e9e;
color:rgba(32,19,87,1) !important;
}
#fixed-header.headerbar .header-search-wrap {
width: 100% !important;
margin-left: 0 !important;
left:0 !important;
opacity: 0;
top: 55px !important;
}
#fixed-header.headerbar.opened .header-search-wrap {
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
opacity:1;
}
.header-search-wrap {display:none;}
/*******************************/
/*** responsive layer slider ***/
#iaa-slider .slider-image img {
max-height: 100%;
height: auto;
width: auto;
max-width:100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto auto;
}
#iaa-slider .slider-image {
position: absolute;
height: auto;
width:100%;
display:block;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
div.slider-background {
min-height: 200px !important;
height:auto;
}
.breadcrumb-path {
margin-top: 8px;
width: 100%;
z-index: 999 !important;
display: block;
padding: 15px 0 5px 0;
}
.breadcrumb-path i.fa-home,
.breadcrumb-path i.iaa-home {
font-size: 1.5em;
line-height: 1em;
vertical-align: 0;
}
#content .uk-button,
#content .button-darkblue,
#content .button-white {margin-bottom:5px !important;}
/** IE8 Button height fix ***/
.no-borderradius #content .uk-button,
.no-borderradius #content .button-darkblue,
.no-borderradius #content .button-white {max-height:50px; overflow:hidden; padding-top:0px;padding-bottom:0px;line-height:50px;}
.no-borderradius span.news-category-icon-presse {background:url(../img/icons/icon_presse_iaa_ie8.png);}
.no-borderradius span.news-category-icon-aussteller {background:url(../img/icons/icon_presse_aussteller_ie8.png);}
.no-borderradius .search-field .search-button {top:5px;}
.no-borderradius .breadcrumb-wrap .fa-angle-right {margin:0 5px;}
.slider-logo-wrap {
display:block;
background:url(../img/iaa-logo-pfeile-weiss.png) no-repeat right center;
background:url(../img/iaa-logo-pfeile-weiss.svg) no-repeat right center;
background-size: contain;
background-position: 100% 0;
width: 50%;
float: right;
}
@media (min-width: 480px) {
/*#wrapper.oc-opened,
#fixed-header.oc-opened {
right:300px;
}
#off-canvas-nav { width: 300px; right:-300px; }
#off-canvas-nav.oc-opened { right:0; }*/
#iaa-slider .slides li { height:auto; }
.flexslider .slides img {
width: 100%;
display: block;
max-width: 100%;
height: auto;
margin-left: 0;
}
.header-search-wrap #search-area .search-button {
position:absolute;
top:10px;
}
.quicklink { width:25%; margin:10px 0; }
#iaa-slider .slider-claim h2 { font-size:2.3em; }
#iaa-slider .slider-claim p,
#iaa-slider .slider-claim .claim-2col {
font-size: 1.4em;
position: absolute;
float: left;
width: 84%;
margin-right: -42%;
right: 40%;
top:32%;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
}
#iaa-slider .slider-claim .claim-2col {
top:auto;
bottom: 20%;
}
}
@media (min-width: 640px){
.iaa-logo {
padding:15px;
}
.iaa-logo a {
height:40px;
}
.search-toggle {
float:left;
padding: 21px 15px;
}
.main-navigation { float: none;}
/*** Navigation */
.main-navigation .offcanvas-nav-toggle { display:none; }
.main-navigation .nav-items {
float: right;
list-style-type: none;
padding: 0;
margin:0 14px 0 0;
display:block;
}
.main-navigation .nav-items li:hover { cursor:pointer; }
.main-navigation .nav-items li {
display: inline;
float:left;
position:relative;
color: #fff;
float: left;
font-weight:500;
height:70px;
line-height:70px;
}
.main-navigation .nav-items ul {
float:left;
position:absolute;
top:59px;
padding:0;
width: 164px;
height:0;
opacity:0;
overflow:hidden;
opacity:.9;
-moz-opacity:.9;
-webkit-opacity:.9;
z-index:9999;
}
.main-navigation .nav-items li.active, .main-navigation .nav-items li:hover { background: #201357;}
.main-navigation .nav-items ul .subnav-arrow {
float: left;
background: url(../img/arrow-white.png) no-repeat;
background-position: 50% 0, left bottom;
height: 11px;
background-size: 25px;
}
.main-navigation .nav-items li:nth-child(n+4) ul.subnav .subnav-arrow,
.main-navigation .nav-items ul.al-right .subnav-arrow { float: right;}
.main-navigation .nav-items li:nth-child(n+4) ul.subnav li,
.main-navigation .nav-items ul.al-right li { float:right; }
.main-navigation .nav-items li:nth-child(n+4) ul.subnav,
.main-navigation .nav-items ul.al-right {
padding:0;
overflow:hidden;
right:0px;
}
.main-navigation .nav-items ul.two-cols {width:328px}
.main-navigation .nav-items ul.active { display:block; height:auto; opacity:1; }
.main-navigation .nav-items ul li { display:block; width: 100%; float:left; padding:0; height:auto; padding-right: 1px; padding-bottom: 1px; }
.main-navigation .nav-items ul li a { background:#fff; color:#004e9e; width: 100%; float:left; padding:0px 12px; height: 55px; line-height: 55px; font-size:1em; text-align:center; font-weight:300; }
.main-navigation .nav-items ul li a:hover { background:#004e9e; color:#fff; }
.main-navigation .nav-items > li > a { font-size:0.9em;}
#fixed-header .main-navigation .nav-items li {padding:0;}
.main-navigation .nav-items li:nth-child(n+4) ul.subnav .subnav-arrow, .main-navigation .nav-items ul.al-right .subnav-arrow {
/*background-position: 165px 0 right bottom;*/
background-position:50% 0, left bottom !important;
}
}
@media (min-width: 768px) {
.iaa-logo {
padding: 9px 0 0 15px;
}
.iaa-logo a {
height:50px;
}
.main-navigation { float: right;}
.search-toggle {
padding: 21px 15px;
float:right;
}
.uk-grid-divider .uk-width-medium-1-5:nth-child(-1n+5),
.uk-grid-divider .uk-width-medium-1-5:nth-child(5n){border:none !important;}
h2.header-first,
#home #content h2,
#content #kiosk h2,
#home #content #worldcard h2 {
font-size:3em;
line-height: 1.3em;
}
.subline { font-size: 1.8em; line-height: 1.4em;margin-top: 0;}
.uk-text-grid,
.uk-text-grid.grid-2col,
.uk-text-grid.grid-3col {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 35px;
-webkit-column-gap: 35px;
column-gap: 35px;
}
.breadcrumb-path {
width: 65%;
}
#banner1 .uk-container { padding:0; }
.row { padding:35px 45px; }
.row.row-smallpadding { padding: 15px 45px; }
#iaa-slider .slider-claim { text-align:center; }
#iaa-slider .slider-claim h2 { width:600px; margin-left:-300px; text-align:center; }
#iaa-slider .slider-claim p { display:block; width:650px; margin-right:-325px; }
#worldcard { padding: 100px 45px !important; }
#worldcard h2 { font-size:5em !important; }
#iaa-slider .flex-direction-nav { display:block; }
#iaa-slider .flex-direction-nav a { position:absolute; font-size:90px; color:#fff; height: 110px; }
#iaa-slider .slider-claim h2 { top:18%; font-size:3em; }
#iaa-slider .slider-claim p { top:35%;}
#iaa-slider .slider-claim .button-wrap { bottom:15%; display:block; }
.kiosk-text p { display:block; }
#fixed-socials { width:45px; display:block; }
#fixed-socials a { font-size:1.3em; width:45px; }
#fixed-socials .archive-wrap,
#fixed-socials .archive-wrap.close-archive {
width: 494px;
margin-top: 5px;
margin-left: -494px;
position: relative;
height: auto;
bottom: 0;
float: left;
clear: both;
transition: 1s;
}
.uk-notouch #fixed-socials .archive-wrap:hover,
#fixed-socials .archive-wrap.uk-active {
margin-left:0;
transition: 1s;
}
#fixed-socials .archive-wrap #archivLinks {
display: inline-block;
width: 494px;
border-right:2px solid transparent;
}
#fixed-socials .archive-wrap #archivLinks * {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
}
#fixed-socials .archive-wrap #archivLinks li {
border-bottom: 2px solid transparent;
float: left;
}
#fixed-socials .archive-wrap #archivLinks li.archiv-label {
height: 47px;
background: #004e9e;
color: #fff;
font-size: 16px;
line-height: 7px;
padding: 20px 15px;
transition: 1s;
}
#fixed-socials .archive-wrap a.archiv {
padding:7px 0 0;
display: inline-block;
float: right;
margin-right: -45px;
margin-top: 0;
}
#fixed-socials .archive-wrap a.archiv i {font-size:1.13em;}
#fixed-socials .archive-wrap:hover a.archiv,
#fixed-socials .archive-wrap.uk-active a.archiv,
#fixed-socials .archive-wrap:hover #archivLinks li.archiv-label,
#fixed-socials .archive-wrap.uk-active #archivLinks li.archiv-label {
background: #00ace9;
transition: 1s;
}
#fixed-socials .archive-wrap a.archiv small {
font-size: 8px;
text-transform: uppercase;
padding:0;
margin: -7px 0 -3px;
width: 100%;
display: block;
}
#fixed-socials .archive-wrap #archivLinks .archive-link-title {
width: 80px;
height: 57px;
background: #fff;
color: #333;
text-align: left;
font-size: 13px;
line-height: 1.3;
/* font-weight: 600; */
padding: 12px 7px;
float:left;
}
#fixed-socials .archive-wrap #archivLinks li:hover .archive-link-title,
#fixed-socials .archive-wrap #archivLinks a:hover .archive-link-title {
color: #034472;
}
#fixed-socials .archive-wrap #archivLinks .archive-link-kv {
height: 57px;
text-align: left;
display:block;
float:left;
width:412px;
background:#fff;
}
#fixed-socials .archive-wrap #archivLinks .archive-link-kv .img_wrapper {
height: 57px !important;
width:412px !important;
display:block !important;
position:relative;
}
#fixed-socials .archive-wrap #archivLinks li .archive-link-kv img {
opacity:0.7;
transition:0.5s;
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
/* filter: url("data:image/svg+xml;utf8,#grayscale"); */
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
filter: url('../js/filters.svg#grayscale');
filter: gray;
-webkit-filter: grayscale(1);
max-height:100%;
max-width:100%;
}
#fixed-socials .archive-wrap #archivLinks li:hover .archive-link-kv img {
opacity:1;
transition:0.5s;
filter: none;
-webkit-filter: grayscale(0);
}
#fixed-socials .tooltip-container { top: 10px; }
/*** Anzeige der Buttons ***/
.icon-wrap-detail {
text-align:right;
margin:25px 0 35px 0;
}
.cat-filter .checkbox-label {
width: 100%;
}
.filterset {
padding: 20px;
}
input[type="checkbox"], input[type="radio"] {
height: 45px;
}
.filterset label.checkbox-label {
line-height: 45px;
}
.locations a {margin:15px 0;}
.news-latest-img-wrap {
position:relative;
overflow:hidden;
padding-bottom:66%;
/*background: #619DCA;*/
background: #fff;
}
.news-latest-img-wrap a {
display: block;
width: 100%;
height: 100%;
}
p.news-list-date-cat-wrap {
margin-top: 0;
}
/* .news-latest-img-wrap img {
max-width: none;
min-width: 105%;
position: absolute;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
width: auto;
height: 105%;
top: -2%;
right: 0;
bottom: 0;
left: -2%;
opacity: 0.7;
}
.news-latest-img-wrap:hover img {
width: auto;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
height: 100%;
margin-left: 2%;
margin-top: 1.3%;
opacity: 1;
min-width: 100%;
}
*/
.news-latest-img-wrap img {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto auto;
max-width: none;
width: auto;
width: 100%;
height: auto;
opacity: 0.8;
/* Webkit for Chrome and Safari */
-webkit-transform: scale(1.05, 1.05); // This is the enlarged size scale of the image.
-webkit-transition-duration: 300ms;
-webkit-transition-timing-function: ease-out;
/* Webkit for Mozila Firefox */
-moz-transform: scale(1.05, 1.05);
-moz-transition-duration: 300ms;
-moz-transition-timing-function: ease-out;
/* Webkit for IE( Version: 11, 10 ) */
-ms-transform: scale(1.05, 1.05);
-ms-transition-duration: 300ms;
-ms-transition-timing-function: ease-out;
}
.news-latest-img-wrap:hover img {
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
transition: all 0.3s linear;
opacity: 1;
/* Webkit for Chrome and Safari */
-webkit-transform: scale(1, 1); // This is the scale for the normal size of the image.
-webkit-transition-duration: 300ms;
-webkit-transition-timing-function: ease-out;
/* Webkit for Mozila Firefox */
-moz-transform: scale(1, 1);
-moz-transition-duration: 300ms;
-moz-transition-timing-function: ease-out;
/* Webkit for IE( Version: 11, 10 ) */
-ms-transform: scale(1, 1);
-ms-transition-duration: 300ms;
-ms-transition-timing-function: ease-out;
}
.news-item-latest .news-date-cat-wrap {
margin: 15px 0;
}
.header-search-wrap {
/* Fallback values if JS does not work */
width: 534px;
left:50%;
margin-left: -475px;
}
.detail-img-wrap img {
max-width: 100%;
max-height: 35%;
width: auto;
}
#iaa-slider .slider-claim .claim-2col {
font-size: 1.3em;
}
div.slider-background,
#iaa-slider .flexslider .slides li {
min-height: 330px !important;
height:auto;
}
p.event-info {
padding:0;
}
p.event-info span i {
font-size: 26px;
text-align: center;
width: 26px;
height: 35px !important;
float: left;
margin-right: 15px;
margin-top:-5px;
}
p.event-info span {
height:35px;
padding-top:5px;
}
.news-item {padding-top:0px !important;}
h2 + h3 {
margin-top:-15px;
margin-bottom:15px;
}
a.button-darkblue.uk-width-medium-1-2 {
float: left;
margin: 0 1% 0 0;
padding-right: 20px;
padding-left: 20px;
width: 49% !important;
display: block !important;
}
a.button-darkblue.uk-width-medium-2-3,
a.button-darkblue.uk-width-medium-3-4,
a.button-darkblue.uk-width-medium-4-5 {
margin: 0 auto;
float:none;
width: 75% !important;
display:block !important;
}
a.button-darkblue.uk-width-medium-4-5 {
width: 80% !important;
}
a.button-darkblue.uk-width-medium-2-3 {
width: 66% !important;
}
.uk-grid-divider .uk-width-medium-1-2:nth-child(even) {
border-left: none !important;
}
}
@media (min-width: 960px) {
.search-toggle {
padding: 21px 20px;
}
.main-navigation .nav-items > li > a { font-size:1.1em;margin: 0;padding: 0 10px;min-width: 69px;}
#wrapper {
box-shadow:none;
-o-box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.uk-text-grid,
.uk-text-grid.grid-3col {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 35px;
-webkit-column-gap: 35px;
column-gap: 35px;
orphans: 3;
}
.uk-text-grid.grid-2col {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 35px;
-webkit-column-gap: 35px;
column-gap: 35px;
orphans: 3;
}
#on-slider-actions { display:block; }
.header-search-wrap {
width: 625px;
left:50%;
margin-left: -475px;
}
a.button-darkblue.uk-width-large-1-2 {
float: left;
margin: 0 2% 0 0;
padding-right: 30px;
padding-left: 30px;
width: 48% !important;
display: block !important;
}
a.button-darkblue.uk-width-large-2-3,
a.button-darkblue.uk-width-large-3-4,
a.button-darkblue.uk-width-large-4-5 {
margin: 0 auto;
float:none;
width: 75% !important;
display:block !important;
}
a.button-darkblue.uk-width-large-4-5 {
width: 80% !important;
}
a.button-darkblue.uk-width-large-2-3 {
width: 66% !important;
}
}
@media (min-width: 1220px) {
.main-navigation .nav-items {
max-width:820px;
}
.iaa-logo { padding: 9px 0 0 15px; }
body { background-size: cover; }
#iaa-slider .slider-claim h2 { width:1200px; margin-left:-600px; font-size:4em; margin-bottom:25px; }
#iaa-slider .slider-claim p { display:block; width:900px; margin-right:-450px; font-size:2em; line-height:1.3em; top:37%; }
#iaa-slider .slider-claim .button-wrap {
bottom: 13%;
}
.kiosk-text { right:5%; width:36%; top:13%; }
/** edit/test AS **/
.kiosk-text { right:5%; width:26%; top:13%; }
.kiosk-text h2 { font-size:4em; }
.kiosk-text p { font-size:1.5em; }
#search-area { width:220px; -webkit-box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2);}
.main-navigation .nav-items li { padding-left:0px; padding-right:0px; }
.row { padding: 35px 35px; }
.row.row-smallpadding { padding: 25px 25px; }
.row.row-bigpadding { padding: 100px 25px; }
#worldcard { padding: 180px 0; }
.event-info-block {
padding-left: 170px;
padding-right: 20px;
}
.header-search-wrap {
width: 740px;
left: 50%;
margin-left: -525px;
}
.main-navigation .nav-items ul.al-large-left .subnav-arrow { background-position:10px 0, left bottom; }
.main-navigation .nav-items ul.al-large-left li { float:left; }
.main-navigation .nav-items ul.al-large-left {
float:left;
width:440px;
right:auto;
left:10px;
}
div.slider-background,
#iaa-slider .flexslider .slides li {
min-height: 400px !important;
}
}
@media (min-width: 1601px) {
#iaa-slider .slider-claim h2 { top:22%; }
#iaa-slider .slider-claim p { top:37%;}
#iaa-slider .slider-claim .button-wrap { top:65%; }
#iaa-slider .slider-claim .claim-2col .claim-right {
padding-left:50px;
line-height:1.35em;
}
#iaa-slider .slider-claim .claim-2col {
bottom: 35px;
font-size:2em;
}
#iaa-slider .slider-claim.keyvisual h2 {top:18%;}
}
@media (max-width: 959px) {
.header-search-wrap {float:right;}
}
@media all and (max-width: 768px) {
body:after {
content: "mobile";
display: none;
}
}
@media only screen and (max-width: 767px) {
p.event-info {
/*background: #fff;
border: 2px dashed #ddd;*/
padding: 0;
margin-top:0;
}
.indent,
#content ul, #content ol {
padding-left: 17px;
}
.uk-grid .uk-grid>.uk-width-medium-1-2, .uk-grid .uk-grid {
margin-bottom: 0;
}
a.uk-button.uk-button-large.uk-button-primary {
float: left;
margin: 0 0 0 5px;
}
#worldcard a.uk-button.uk-button-large.uk-button-primary {float:none;}
#footer-wrapper .autoheight {
min-height: inherit !important;
margin-bottom:0;
}
#footer-wrapper .sitemap-right {padding-left:35px;}
#footer-wrapper .iaa-poster-info {margin-top:35px; padding-top:35px; border-top:1px solid #fff;}
.prodbanner .flexslider .slides img {
width: 100%;
display: block;
max-width: 100%;
height: auto;
margin-left: 0;
}
.uk-button {
min-height: 40px;
padding: 0 15px;
line-height: 40px;
}
h1, .uk-h1 {
font-size: 28px;
line-height: 32px;
}
/*** Anzeige der Buttons ***/
.icon-wrap-detail a {
text-align:center;
padding:15px 0;
width: 48%;
float:left;
background:#0F4A76;
color:#fff;
}
.icon-wrap-detail:nth-child(even) a {margin-left:4%;}
.calendar-sheet {
width: 100px;
max-width: 100%;
min-width: 70px;
padding:5px;
margin-bottom:15px;
}
.calendar-sheet span {
font-size: 11px;
line-height: 14px;
}
.calendar-sheet span.date-number {
font-size: 50px;
line-height: 50px;
}
.event-info-block {
padding-left: 0;
}
.action-icons {
position: absolute;
top: 15px;
right: 15px;
width: auto;
margin: 0;
}
.action-icons a {
text-align: center !important;
padding-left: 0 !important;
min-width: 30px;
/*font-size: 1.4em;*/
}
.list-item-button-wrap {
width: 100%;
position: absolute;
left: 0;
}
.list-item-button-wrap a {
float: left;
margin: 0 1%;
width: 48%;
background: #0d4671;
color: #fff;
}
.list-item-button-wrap a:hover {
background: #0F5489;
color: #fff;
}
.news-item-latest {padding:25px 0;}
.event-information {
font-size: 16px;
}
.event-information i {
margin-right:5px;
margin-left: -45px;
width: 45px;
text-align: center;
vertical-align: 0;
}
span.event-date {
display: none;
}
.sponsoring-logos {
padding-bottom: 30px;
}
.uk-table-hover tbody tr:hover td, .uk-list.uk-list-striped .list-item:hover,
.uk-list-striped > li:nth-of-type(odd) {background:none;}
/*.list-item .calendar-sheet {
margin-top: 185px;
}
.list-item .event-information {
position: absolute;
left: 150px;
width: auto;
top: 215px;
padding: 0;
}
.list-item .event-data .event-info-block .event-description {
margin-top: -280px;
}*/
.locations a {
background-color: #eee;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
font-weight: 400;
line-height: 20px;
color: #333;
padding: 5px 10px;
margin: 0 2px 7px 0;
display:inline-block;
}
.sponsoren-wrapper .uk-grid-divider:not(:empty) > [class*='uk-width-medium-'] {
padding: 0 25px;
}
.uk-button.uk-display-mobile-block {
display:block;
float: none;
width: 100%;
padding: 0;
margin: 0 !important;
}
.option-navigation { padding:0;}
.option-navigation .option-items {margin-bottom:0 !important;}
#fixed-bottom-banner .toggle-height { right:20px; display:block !important;}
.uk-width-medium-1-2.autoheight {min-height:0 !important;}
.news-latest-img-wrap {height: auto !important;}
.uk-list:not(.uk-list-line).uk-list-striped .list-item, .uk-list:not(.uk-list-line) .list-item, .uk-list:not(.uk-list-line) .list-item:first-child, .uk-list:not(.uk-list-line) > li.list-item:nth-child(n+2) {
padding: 20px 0 0 0;
border-bottom: 1px solid #D6D6D6;
}
.uk-list .list-item + .list-item:last-child {
border-bottom: 0px !important;
}
a.news-more-link {
float: none;
display: inline-block;
width: auto;
margin: 20px 0 0;
background: #004e9e;
border-radius: 5px;
color: #fff;
padding: 10px;
text-align: center;
font-size: 16px;
width: auto;
/*position: absolute;
right: 0;
bottom: 15px;*/
}
h3.news-title,
.news-date-cat-wrap {
/* position: absolute;
top: 10px;
left:0;
width:100%;*/
}
.news-item .news-date-cat-wrap {
margin: 15px 0;
}
.news-item, .uk-list.uk-list-striped .news-item, .uk-list .news-item, .uk-list .news-item:first-child, .uk-list > li.news-item:nth-child(n+2) {
padding: 45px 0;
}
.news-item.news-item-latest {
position: relative;
width: auto;
border-bottom: 1px solid #D6D6D6;
}
.news-img-wrap.no-image {
display: none;
}
.list-item ul.uk-grid > li {
padding-left: 0;
padding-right: 25px;
}
h3.news-list-headline {
border-bottom: 1px solid #D6D6D6;
padding-bottom: 15px;
margin-bottom: 0;
}
/** remove min-height if 4-col-content **/
.uk-width-1-2.uk-width-medium-1-4 {min-height:140px !important;}
#content div.uk-grid div:not(".option-wrap") {
text-align: center;
}
#content div.uk-grid p, div.uk-grid h3, div.uk-grid h2, div.uk-grid h1, div.uk-grid li {
text-align: left;
}
}
@media (min-width: 481px) and (max-width: 639px) {
.main-navigation {width:inherit;}
.iaa-logo {width: 33%;}
.quicklink-wrap a {font-size:12px;}
div.slider-background,
#iaa-slider .flexslider .slides li {
min-height: 250px !important;
height:auto;
}
#footer-wrapper .uk-width-1-2.uk-width-medium-1-4 {min-height:120px !important;}
}
@media (min-width: 640px) and (max-width: 767px) {
.iaa-logo a {
height: 34px;
width: 140px;
}
/** Navigation nicht zweispaltig ***/
.main-navigation .nav-items ul {
width:200px !important;
}
.main-navigation .nav-items ul li,
.main-navigation .nav-items ul.two-cols li {
width: 100% !important;
}
.main-navigation .nav-items li:nth-child(n+4) ul.subnav .subnav-arrow, .main-navigation .nav-items ul.al-right .subnav-arrow {
/*background-position: 165px 0 right bottom;*/
background-position:50% 0, left bottom !important;
}
.main-navigation .nav-items ul li a {
height: 45px;
line-height: 45px;
}
#fixed-socials a.see-wishlist span, .fixed-socials a.see-wishlist span {display:none;}
#fixed-socials a .tooltip-container, .fixed-socials a .tooltip-container {display:none !important;}
div#fixed-socials {
display: block;
position: absolute;
/*** Banner visible ***/
top: 100px;
/*** Banner hidden ***/
top: 10px;
left:50%;
width: 50%;
z-index: 999;
margin-top: 0;
}
#fixed-socials a {
color: #fff;
width: 45px;
float: right;
clear: none;
padding: 5px 10px;
text-align: center;
background: #004e9e;
}
#fixed-socials > a, #fixed-socials .archive-wrap {
opacity: 0.9;
-o-opacity: 0.9;
-moz-opacity: 0.9;
-webkit-opacity: 0.9;
}
#fixed-socials a i {
font-size: 24px;
}
#fixed-header #scroll-to-top {
display: none;
float: left;
color:#fff;
color:rgba(255,255,255,0.70);
font-size: 22px;
position: absolute;
padding: 5px 10px 8px;
top: 55px;
right: 0;
background:rgba(206,220,226,0.70);
text-align:center;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
#fixed-header.opened #scroll-to-top {
display: block;
}
#fixed-header #scroll-to-top:hover {
color:#fff;
color:rgba(255,255,255,1);
background:rgba(206,220,226,0.90);
}
#fixed-header .search-toggle {
position: absolute;
}
div.slider-background,
#iaa-slider .flexslider .slides li {
min-height: 250px !important;
height:auto;
}
.quicklink-wrap {padding-top:50px}
#on-slider-actions .top-actions {right:0;}
}
@media all and (max-width: 479px) {
#topbanner {/*padding:5px 0;*/}
#topbanner img {margin:5px 0;}
body p {line-height: 1.4em;}
body:before {content:'smartphone'; opacity:0;}
#veranstaltungsliste .list-item .calendar-sheet {display:none;}
.list-item span.event-date {display:block;}
.list-item .event-information {
position:inherit;
margin-left:25px;
}
.list-item .event-data .event-info-block .event-description {
margin-top: 30px;
}
.quicklink {
margin: 10px auto;
}
#iaa-slider .slider-claim {
font-size:12px;
line-height:20px;
}
#iaa-slider .slider-claim .claim-2col {
top: auto;
position: absolute;
bottom: 15%;
left: 50%;
margin-left: -40%;
width: 80%;
max-height: 33%;
}
#iaa-slider .slider-claim .claim-2col .claim-right {
padding-left: 20px;
line-height: 1.1em;
text-transform: uppercase;
font-size: 1.4em;
}
#iaa-slider .slider-claim.keyvisual {top:15px}
#iaa-slider .slider-claim h2,
#iaa-slider .slider-claim.keyvisual h2 {
font-size: 2em;
font-weight: 300;
text-shadow: 1px 1px #666;
text-shadow: 1px 1px rgba(0,0,0,0.8);
}
.slider-logo-wrap {
display:block;
background:url(../img/iaa-logo-pfeile-weiss.png) no-repeat right center;
background:url(../img/iaa-logo-pfeile-weiss.svg) no-repeat right center;
background-size: contain;
background-position: 100% 0;
width: 100%;
float: right;
}
#fixed-header .header-search-wrap {
top: 47px;
}
#search-area {
float: none;
margin-top: 0;
position: relative;
}
#search-area input {
border: none;
width: 100%;
padding: 15px;
display: block;
background: #fff;
-o-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 60px !important;
}
.main-navigation .search-button {
float: right;
width: 58px;
color: #004e9e;
text-align: center;
font-size: 28px;
position: absolute;
right: 0;
top: 0;
padding: 15px;
}
.banner-slider .slides img {
width: 100%;
height: auto;
margin-left: 0;
}
.presse-item, .vortrag-item, .event-item, .neuheiten-item {
margin-bottom: 20px;
}
/** Special Content Mod **/
p.author-date {
margin: 0 0 15px 0;
color: #333;
border: 1px solid #ddd;
border-width:1px 0px;
padding: 10px 0;
}
p.author-date i {
display: none;
}
h2:not(.header-first) {
font-size: 1.4em;
}
h2.header-first,
#home #content h2,
#content #kiosk h2,
#home #content #worldcard h2 {
text-align: left;
margin: 15px 0 10px;
font-size: 1.6em;
}
#iaa-slider h2 {text-align:center;}
#worldcard h2 {margin:40px 0 !important; font-size:3em !important; text-align:center !important;}
.row.row-lightgrey {
border-top: 1px solid #fff;
border-bottom: 1px solid #e2e2e2;
background: rgb(240,240,240); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,1) 98%, rgba(240,240,240,1) 98%, rgba(226,226,226,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(98%,rgba(240,240,240,1)), color-stop(98%,rgba(240,240,240,1)), color-stop(100%,rgba(226,226,226,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 98%,rgba(240,240,240,1) 98%,rgba(226,226,226,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 98%,rgba(240,240,240,1) 98%,rgba(226,226,226,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 98%,rgba(240,240,240,1) 98%,rgba(226,226,226,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(240,240,240,1) 0%,rgba(240,240,240,1) 98%,rgba(240,240,240,1) 98%,rgba(226,226,226,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-8 */
}
.row.row-kachelmann,
div.row-white,
.row.row-white {
border-top:1px solid #fff;
border-bottom:1px solid #ededed;
background:#F9F9F9;
background: rgb(249,249,249); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk2JSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(249,249,249,1) 96%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(96%,rgba(249,249,249,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 96%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 96%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 96%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(249,249,249,1) 0%,rgba(249,249,249,1) 96%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
}
#footer-wrapper .footer-content {
padding: 55px 15px 15px;
}
p.event-info {
width: 100%;
margin-left: 0;
float: none;
/*padding:15px 10px 0 10px;*/
padding: 0;
}
p.event-info span i {
font-size: 24px;
text-align: center;
width: 30px;
height:30px !important;
float:left;
margin-top:-5px;
}
p.event-info span {
display: block;
float: none;
width: 100%;
height:45px;
padding:5px 0;
}
#iaa-slider {border-top:2px solid #fff; border-bottom:2px solid #fff;}
#home a.uk-button.uk-button-large.uk-button-primary,
#home a.uk-button.uk-button-large {
float: none;
text-align: center;
margin: 0 20% 0 20%;
min-width: 60%;
white-space:nowrap;
}
/*** KIOSK EDIT ***/
#kiosk {
height: auto !important;
padding: 0 0 110px;
}
.kiosk-text {
float: left;
position: absolute;
bottom: 10px;
left: 0;
top: auto;
right: auto;
width: 100%;
display: block;
text-align: center;
}
#kiosk .kiosk-text h2 {
text-align:center !important;
}
.kiosk-wrap {
float: left;
width: 109%;
position: inherit;
height: auto;
display: block;
}
.kiosk-item {
position: inherit;
left: 0 !important;
width: 25%;
box-shadow: 0px 0px 22px 3px #222;
-moz-box-shadow: 0px 0px 22px 3px #222;
-webkit-box-shadow: 0px 0px 22px 3px #222;
margin-left: -2% !important;
float: left;
}
.quicklink strong {
font-size:0.9em;
line-height: 1.4em;
padding: 0 5px;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
a.news-more-link {
width:100%;
}
a.news-more-link i:before {
content:'';
}
}
.footer-logo-wrap {
width:110px;
}
.uk-modal p {
margin: 0 0 15px 0;
}
.uk-modal p + p {
margin: 15px 0 15px 0;
}
/*** Search-results with modal >> example ***/
#modalSearch {
z-index: 102;
}
.on-touch-search-wrap {
position: relative;
height:0;
display:none;
}
.uk-modal-page {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
/** TABLET iPad ***/
@media (width: 1024px) and (height: 768px) {
div.slider-background,
#iaa-slider .flexslider .slides li {
min-height: 330px !important;
height:auto;
}
}
/*** smaller Social bar if viewport is smaller than 1080px ***/
@media all and (max-width: 1080px) {
#fixed-socials,
#fixed-socials a {
width: 38px;
}
#fixed-socials .archive-wrap a.archiv {
margin-right: -38px;
}
}
@media (min-width: 640px) and (max-width: 767px) {
#fixed-socials .archive-wrap a.archiv {
margin-right: 0;
}
}
#ui-datepicker-div {z-index:900 !important;}
/*** smarthones ***/
@media screen and (max-width: 480px) {
#fixed-bottom-banner .toggle-height { right:20px; display:block !important;}
.flexslider .slides .layer-slider .slider-content {display:none;}
/* body#home .quicklink-wrap {height:302px;}
body#home #content {padding-top: 302px;}
body#home #iaa-slider {top: 302px;}*/
#footer-wrapper .poster-headline {
font-size: 22px;
margin-bottom:5px;
}
#footer-wrapper .poster-date {
font-size: 14px;
}
#footer-wrapper .sitemap-left {
padding-right: 15px !important;
}
#footer-wrapper .sitemap-right {
padding-left: 15px !important;
}
/*.button-darkblue, .button-white {display:block; width:100%;}*/
}
@media screen and (max-width: 320px) {
#footer-wrapper .uk-width-1-2.uk-width-medium-1-4 {
width:100% !important;
padding:0 !important;
margin:0 !important;
border:0 !important;
min-height:0 !important;
}
}
/* ALL Mobile Devices + square format */
@media only screen and (width: 360px) and (height: 360px),
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (device-width: 720px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 2),
only screen and (max-device-width: 1280px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2),
only screen and (max-device-width: 1920px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3),
only screen and (max-width: 480px) and (orientation: landscape) {
/**** toggle height button show ***/
#fixed-bottom-banner .toggle-height {right:20px; display:block !important;}
}
/*** smarthones landscape mode or square like blackberry q10 ***/
@media only screen and (width: 360px) and (height: 360px),
only screen and (device-width: 720px) and (device-height: 720px) and (-webkit-device-pixel-ratio: 2),
only screen and (max-device-width: 480px) and (orientation: landscape) {
/**** height button / close button ***/
#fixed-bottom-banner .close-ad { right:20px; display:block !important;}
#fixed-bottom-banner .toggle-height { right:60px;}
}
/*@media (max-width: 767px) and (orientation: landscape) {
#iaa-slider-mobil {display:none !important;}
#iaa-slider {display:block !important;}
}*/
/************************ Additional *****************************/
/*.ember-view {display:none;}*/
/*.ember-view .main {position:absolute;z-index:10000;width:50%;background:white;}*/
/* Kiosk Dynamisch */
.kiosk-item.kiosk-mag:nth-child(1) { z-index:400;}
.kiosk-item.kiosk-mag:nth-child(2) { z-index:300;}
.kiosk-item.kiosk-mag:nth-child(3) { z-index:200;}
.kiosk-item.kiosk-mag:nth-child(4) { z-index:100;}
.kiosk-item.kiosk-mag:nth-child(5) { z-index:90;}
.kiosk-item.kiosk-mag:nth-child(6) { z-index:80;}
.kiosk-item.kiosk-mag:nth-child(7) { z-index:70;}
.kiosk-item.kiosk-mag:nth-child(8) { z-index:60;}
.kiosk-item.kiosk-mag:nth-child(8) { z-index:50;}
/** Button style for RTE Buttons **/
.button-darkblue, div.button-darkblue, .button-darkblue a, p.button-darkblue a, a.button-darkblue, span.button-darkblue, em.button-darkblue, strong.button-darkblue {-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;display: inline-block;border: none;letter-spacing: normal;background-color: #004e9e;color: #ffffff;min-height: 40px;padding: 15px 25px;font-size: 16px;line-height: 20px;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;text-decoration: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;}
.button-darkblue:hover, div.button-darkblue:hover, .button-darkblue a:hover, p.button-darkblue a:hover, a.button-darkblue:hover, span.button-darkblue:hover, em.button-darkblue:hover, strong.button-darkblue:hover, .button-darkblue:focus, div.button-darkblue:focus, .button-darkblue a:focus, p.button-darkblue a:focus, a.button-darkblue:focus, span.button-darkblue:focus, em.button-darkblue:focus, strong.button-darkblue:focus {background-color: #0f5489;color: #ffffff;}
.button-white, div.button-white, .button-white a, p.button-white a, a.button-white, span.button-white, em.button-white, strong.button-white {-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;transition: all 0.2s ease-in;display: inline-block;border: none;letter-spacing: normal;background-color: #eee;color: #444;min-height: 40px;padding: 15px 25px;font-size: 16px;line-height: 20px;-moz-box-sizing: border-box;box-sizing: border-box;vertical-align: middle;text-decoration: none;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;width:auto;}
.button-white:hover, div.button-white:hover, .button-white a:hover, p.button-white a:hover, a.button-white:hover, span.button-white:hover, em.button-white:hover, strong.button-white:hover, .button-white:focus, div.button-white:focus, .button-white a:focus, p.button-white a:focus, a.button-white:focus, span.button-white:focus, em.button-white:focus, strong.button-white:focus {background-color: #f8f8f8;color: #444;}
button.icon-button-darkblue i,
a.icon-button-darkblue i {
background: #1B537D;
color: #fff;
padding: 0.2em;
margin: 0;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
}
button.icon-button-darkblue i {
width:36px;
height:36px;
cursor:pointer;
line-height: 36px;
padding: 0;
}
/** Additional sytle for RTE block-style classes **/
.align-left,
.uk-text-left {
text-align: left !important;
}
.align-right,
.uk-text-right {
text-align: right !important;
}
.align-center,
.uk-text-center {
text-align: center !important;
}
.align-justify,
.uk-text-justify {
text-align: justify !important;
}
/** Upload-Item style **/
li.csc-uploads-element {
margin-bottom: 25px !important;
}
.csc-uploads-element .filelink-icon {color:#004e9e;margin-left:-30px;}
.csc-uploads-element h3 {width: 100%;margin-bottom: 0;}
.csc-uploads-element {margin-bottom:25px; list-style: none;}
.csc-uploads-element span.filetype,
.csc-uploads-element h3,
.csc-uploads-element span.filesize,
.csc-uploads-element p.description {display:block;padding-left:30px;}
.csc-uploads-element p {margin:5px 0;}
/* ElasticSearch Additions */
.csc-uploads-element .thumb-wrap {margin-right: 50px;}
span.news-category-icon {display:inline-block;height:28px;width:21px;vertical-align: bottom;}
span.news-category-icon-presse {background:url(../img/icons/icon_presse_iaa.png);background-size: contain;}
span.news-category-icon-aussteller {background:url(../img/icons/icon_presse_aussteller.png);background-size: contain;}
.no-results i {margin-right:10px;}
/* search loading */
/*.iaa-search-results, .iaa-details-page {display: none;}*/
.iaa-search-loading {display: none;}
#event-detail .row:nth-child(odd) {background:#fafafa;}
#event-detail .row:nth-child(even) {background: #f0f0f0;}
#news-detail .row:nth-child(odd) {background:#fafafa;}
#news-detail .row:nth-child(even) {background: #f0f0f0;}
#news-detail .row h2 {font-size:1.6em !important;text-align: center;font-weight:normal;}
/*.news-list .news-latest-img-wrap {height:200px;overflow:hidden;}
.news-list .news-latest-img-wrap img {width:105%;height:auto;}*/
@media (max-width: 767px) {
/*.news-item-latest {padding-top:80px !important;}*/
.news-item .news-date-cat-wrap {margin: 10px 0px;}
.accordion .accordion-item h3 {
padding: 15px 35px 15px 15px;
font-size: 15px;
line-height:20px;
font-weight:bold;
}
.accordion .accordion-item h3 i {
position: absolute; height: 14px; right: 5px; top: 0; bottom: 0; margin: auto auto; padding: 0; margin: auto auto;
}
.faq-accordion .accordion-item-slideout p:not(.need-personal-support) {
padding: 25px 15px 0;
margin: 0;
font-weight: normal;
}
.faq-accordion .accordion-item-slideout .need-personal-support {padding: 25px 15px 0;}
.row.faq-further {
padding: 15px 15px;
}
.uk-grid-divider .uk-width-1-3:nth-child(-1n+3),
.uk-grid-divider .uk-width-1-3:nth-child(3n+2) {border:none !important;}
}
/* icons for search by type */
.fa-search-aftermarket:before {content: "\f1b9";} /* fa-automobile */
.fa-search-aussteller:before {content: "\f140";} /* fa-bullseye */
.fa-search-cms:before {content: "\f039";} /* fa-align-justify */
.fa-search-cms:before {content: "\f05a";} /* ersetzt durch fa-file */
.fa-search-galerie:before {content: "\f03e";} /* fa-image */
.fa-search-neuheit:before {content: "\f0e7";} /*fa-flash */
.fa-search-news:before {content:""} /* fa-file */
.fa-search-video:before {content:"\f1c8"} /* fa-file-video-o */
.fa-search-image:before {content:"\f03e"} /* fa-file-image-o */
.fa-search-medium:before, .fa-search-document:before {content:"\f016"} /* fa-file-o */
/** Icon für Pressemitteilungen – Unterscheidung IAA allg. / Austeller fehlt noch **/
.fa-search-news {width:34px; height:46px; background: url(../img/icons/icon_presse_iaa.png) no-repeat center top; background-size:contain} /* fa-file */
.fa-search-termin:before {content: "\f073";} /* fa-calendar */
#search-page-list .list-item {padding:0px;}
#search-page-list .list-item ul {padding:10px 0px;}
#search-page-list .list-item ul li {padding:0px;margin:0px;}
#search-page-list .list-item ul li i.fa-lg {margin-left:10px;font-size:34px;vertical-align: -35%;}
#search-page-list .list-item ul li p {margin:5px 0px;}
#search-page-list .list-item h3 {margin:0px;}
#search-page-list a.link-item-wrap {display:block;height:100%;}
#search-page-list a.link-item-wrap:hover {background:#f0f0f0;}
#global-search-wrap {background:#dddddd;color:#333;}
#global-search-wrap .list-item {padding:0px;border-bottom: 1px solid #fff;}
#global-search-wrap .list-item ul {padding:10px 0px;}
#global-search-wrap .list-item ul li {padding:0px 20px 0px 0px;margin:0px;}
#global-search-wrap .list-item ul li i.fa-lg {margin-left:20px;font-size:34px;vertical-align: -35%; color:#333;}
#global-search-wrap .list-item ul li p {margin:5px 0px;}
#global-search-wrap .list-item h3 {margin:0px;color:#333333;}
#global-search-wrap .uk-grid {margin:0px;}
#global-search-wrap a.link-item-wrap {display:block;height:100%;color:#333333;}
#global-search-wrap a.link-item-wrap:hover {background:#f0f0f0;color:#000000;}
/*#fixed-socials .fa-print {opacity:0.4;}*/
#wrapper-search .uk-form {margin:0px;}
#news-detail .ansprechpartner-block span {/*white-space:nowrap;*/display:inline-block;}
#news-detail .ansprechpartner-block .uk-width-medium-1-2 {overflow:visible;}
#news-detail .ansprechpartner-block .uk-width-medium-1-2.contact-row {border:none;}
#news-detail .ansprechpartner-block .uk-grid-divider {margin-bottom:20px !important;}
#news-detail .ansprechpartner-block .contact-person-name {font-weight:bold;}
#news-detail .veranstalter-box .uk-width-medium-1-2.contact-row {border:none;}
#exhibitor-detail .veranstalter-box .uk-width-medium-1-2.contact-row {border:none;}
#exhibitor-detail .veranstalter-box .veranstalter-logo-detail {display:block;margin-bottom:10px;}
#exhibitor-detail .veranstalter-box .veranstalter-logo-detail img {max-height: 150px;}
#event-detail .event-content p, #event-detail .event-content li {font-size:14px;line-height:18px;}
#event-detail .event-content .column-holder {margin-top:10px;}
#event-detail .event-content .column-holder p {margin:0px;}
#event-detail .veranstalter-box {margin-bottom: 20px !important;}
#event-detail .veranstalter-box .uk-width-medium-1-2.contact-row {border:none;}
#event-detail .veranstalter-box .uk-width-medium-1-2.contact-row:nth-child(2n) {border-left: 1px solid #fff !important;}
#event-detail .veranstalter-box span.company {display:block;/*white-space:nowrap;*/line-height:18px;margin-top:5px;}
#event-detail span.event-organizer-company:after {content:" / ";}
#event-detail span.event-organizer-company:nth-last-child(3):after {content:" ";}
#event-detail span.filetype {text-transform:uppercase;}
#media-search .sort-heading .uk-button {width:100%;}
#media-search .row-smallpaddingfilter {padding:0px 0px 10px 0px;}
/* Icons for placeholder > FontAwesome Updated to 4.1 */
#media-list .placeholder {display:block;width:100%;height:123px;background:#eeeeee;text-align:center;padding-top: 50px;}
#media-list .placeholder:before {font-size: 60px;font-family: 'FontAwesome';color: rgba(15,85,140,0.3);}
#media-list .placeholder-zip:before {content:"\f1c6";}
#media-list .placeholder-rtf:before {content:"\f0f6";}
#media-list .placeholder-doc:before {content:"\f1c2";}
#media-list .placeholder-mp4:before {content:"\f1c8";}
#media-list .placeholder-mp3:before {content:"\f1c7";}
.media-fancybox i {padding-right:10px;}
.media-fancybox .fancybox-nav {width:50px;}
.media-fancybox .fancybox-next {right:-50px;}
.media-fancybox .fancybox-prev {left:-50px;}
.media-fancybox .row-lightboxpadding {padding:5px;}
.media-fancybox .row-lightboxpadding p {margin:5px 0px;}
.media-fancybox .row-lightboxpadding span.description {font-weight:bold;}
.media-fancybox .row-lightboxpadding span.type {text-transform:uppercase;}
@media (min-width: 1020px) {
.media-fancybox .link-original {width:100%;float:right;}
.media-fancybox .link-download {width:100%;float:left;}
}
@media (max-width: 767px) {
#media-list .uk-width-small-1-5, #gallery-list .uk-width-small-1-5, #gallery-view .uk-width-small-1-5, #single-gallery-view .uk-width-small-1-5 {width:20%;}
#media-list .uk-width-small-4-5, #gallery-list .uk-width-small-4-5, #gallery-view .uk-width-small-4-5, #single-gallery-view .uk-width-small-4-5 {width:80%;}
#media-list .uk-width-small-1-1 .uk-button.download, #gallery-list .uk-width-small-1-1 .uk-button.download, #gallery-view .uk-width-small-1-1 .uk-button.download, #single-gallery-view .uk-width-small-1-1 .uk-button.download {width:100%;}
#media-list .uk-width-small-1-1 .uk-button.link, #gallery-list .uk-width-small-1-1 .uk-button.link, #gallery-view .uk-width-small-1-1 .uk-button.link, #single-gallery-view .uk-width-small-1-1 .uk-button.link {width:100%;}
#gallery-search .gallery-button {padding:0px;}
#gallery-search .row-sort .uk-width-small-1-2 {width:50%;}
#event-detail .veranstalter-box .uk-width-medium-1-2.contact-row {padding:0 15px 0 0;text-align: center;}
#event-detail .veranstalter-box .uk-width-medium-1-2.contact-row:nth-child(2n) {padding:0 0 0 15px;border-left: 1px solid #fff;}
}
#gallery-search .iaa-lightbox-group {vertical-align: middle;height: 77px;display: inline-block;margin-top: 1px;overflow: hidden;width:100%;}
#gallery-search .list-item ul li {padding-left:0px;}
#gallery-search .list-item-description {font-size:10px;line-height:11px;margin-bottom: 15px;}
#gallery-search .gallery-button a, #gallery-view .gallery-button a, #single-gallery-view .gallery-button a {float:right;}
#gallery-search .row-smallpaddingfilter {padding:0px;}
#gallery-search .row-blue.row-smallpaddingfilter {padding:10px 0px;background:#004e9e;}
#gallery-search .row-sort {padding:5px 0px;}
#gallery-search .row-sort button {width:100%;}
#gallery-view .gallery-view-single, #single-gallery-view .gallery-view-single {padding-left:0px;}
#single-gallery-view .iaa-lightbox-group {display:block;height:130px;background:#eee;overflow:hidden;text-align: center;}
#single-gallery-view .iaa-lightbox-group img {-moz-box-sizing: border-box;box-sizing: border-box;max-width: 100%;max-height: 100%;vertical-align:middle;}
/*** edit AS - 24-09-2014 ***/
#single-gallery-view .iaa-lightbox-group, #gallery-view .iaa-lightbox-group {display: block;height: 115px;background: none;overflow: hidden;text-align: center;}
#single-gallery-view .iaa-lightbox-group img, #gallery-view .iaa-lightbox-group img {-moz-box-sizing: border-box;box-sizing: border-box;max-width: 100%;/*max-height: 100%;*/vertical-align:middle;}
#single-gallery-view .gallery-single .list-item-description {/*min-height: 150px;*/}
/*** Fancybox bugfix ***/
.fancybox-nav,
.fancybox-nav:hover,
.fancybox-close,
.fancybox-close:hover {
position: absolute;
}
.fancybox-wrap iframe {
max-width: 100%;
}
.fancybox-skin {
background: #fff !important;
}
/*** form styles - mailform untouchable markup fix ***/
form.uk-form legend {display:none;}
form.uk-form .uk-form-row {width:100%;}
form.uk-form * {
box-sizing:border-box;
}
form.uk-form .powermail_fieldset .uk-form-row + .uk-form-row {
margin-top: 0px;
}
.powermail_fieldwrap {
position: relative;
}
/*** Captcha style ***/
div.powermail_captcha_outer {
width: 100%;
margin-left: 0%;
}
div.powermail_captcha_outer input.powermail_captcha {width:100%;}
div.powermail_captcha_outer img { margin: 0 0 10px 0;}
.powermail_message_error {
font-style: italic;
color: rgba(209, 0, 0, 1);
list-style: none;
}
.powermail_fieldwrap .formError {
position: absolute;
top: 0 !important;
right: 0 !important;
left:auto !important;
margin-top: 3px !important;
line-height: 17px !important;
font-style:italic;
font-size:13px;
width: 53%;
color:#E37676;
color:rgba(208, 0, 0, 0.7) !important;
}
.powermail_fieldwrap .formError + input {border:1px solid rgba(208, 0, 0, 0.5); background:rgba(208, 0, 0, 0.05);}
form.uk-form .powermail_fieldset .mandatory {margin-left:5px; font-weight:bold;}
form.uk-form .uk-form-row label,
form.uk-form .uk-form-row input:not(.powermail_checkbox),
form.uk-form .uk-form-row textarea {
width: 100%;
float:left;
display: block;
}
form.uk-form .uk-form-row input:not(.powermail_checkbox) {padding:11px 12px !important;}
form.uk-form .powermail_fieldwrap_textarea .uk-form-row,
form.uk-form .csc-form-element-textarea .uk-form-row {
border-top:1px solid #dddddd;
padding-top:20px;
margin-top:15px;
clear: both;
}
form.uk-form .powermail_fieldwrap_submit input,
form.uk-form .csc-form-element-submit input {
-o-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
display: inline-block;
border: none;
letter-spacing: normal;
background-color: #004e9e;
color: #ffffff;
min-height: 40px;
padding: 15px 25px;
font-size: 16px;
line-height: 20px;
-moz-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-decoration: none;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-top:15px;
float:right !important;
}
form.uk-form .powermail_fieldwrap_submit input:focus, form.uk-form .powermail_fieldwrap_submit input:hover,
form.uk-form .csc-form-element-submit input:focus, form.uk-form .csc-form-element-submit input:hover {
background-color: #0f5489;
color: #ffffff;
}
form.uk-form .powermail_fieldwrap_check,
form.uk-form .csc-form-element-checkbox {margin:15px 0 5px !important;}
form.uk-form .powermail_fieldset .powermail_fieldset .powermail_fieldwrap_text,
form.uk-form .csc-form-element-fieldset .csc-form-element-fieldset .csc-form-element-textblock,
form.uk-form .csc-form-element-checkbox .uk-form-row label,
form.uk-form .powermail_fieldwrap_check label {
width: auto !important;
float: none;
margin-left: 32px;
}
.powermail_fieldwrap_check input[type="checkbox"],
.csc-form-element-checkbox input[type="checkbox"] {
width: 22px !important;
height: 22px !important;
margin: 0;
}
form.uk-form .powermail_fieldset .powermail_fieldset,
form.uk-form .csc-form-element-fieldset .csc-form-element-fieldset {
width: 100%;
margin-left: 0;
}
form.uk-form .powermail_fieldset .powermail_fieldwrap_text + .powermail_fieldwrap_input,
form.uk-form .csc-form-element-fieldset .csc-form-element-textblock + .csc-form-element-textline {
margin-top: 35px;
}
form.uk-form .powermail_fieldset .powermail_fieldset .powermail_fieldwrap_check .uk-form-row,
form.uk-form .csc-form-element-fieldset .csc-form-element-fieldset .csc-form-element-checkbox .uk-form-row {
margin-left: 0;
width: auto !important;
float: left;
}
@media (min-width: 480px) {
form.uk-form .uk-form-row label {
width: 45%;
float: left;
display: block;
}
form.uk-form .uk-form-row input:not(.powermail_checkbox),
form.uk-form .uk-form-row textarea {
width: 55%;
float: left;
display: block;
}
form.uk-form .powermail_fieldwrap_submit .uk-form-row input,
form.uk-form .csc-form-element-submit .uk-form-row input {float:right !important; width:55%;}
form.uk-form .powermail_fieldwrap_check .uk-form-row,
form.uk-form .csc-form-element-checkbox .uk-form-row {margin-left: 45%;width: 55%;}
/*** Captcha style ***/
div.powermail_captcha_outer {
width: 55%;
margin-left: 45%;
}
}
@media (min-width: 768px) {
/* form.uk-form .uk-form-row {width:47.5%; float:left; margin-left:2.5%;margin-bottom:8px;}
*/
form.uk-form {margin-left:-2.5%;}
form.uk-form.save-wishlist {margin-left:0;}
form.uk-form .powermail_fieldset,
form.uk-form .csc-form-element-fieldset {width:47.5%; float:left; margin-left:2.5%;margin-bottom:8px;}
form.uk-form .uk-form-row {width:100%;}
form.uk-form .uk-form-row label {
width: 100%;
float: left;
display: block;
}
form.uk-form .uk-form-row input:not(.powermail_checkbox),
form.uk-form .uk-form-row textarea {
width: 100%;
float: left;
display: block;
}
form.uk-form .powermail_fieldwrap_textarea div.uk-form-row,
form.uk-form .csc-form-element-textarea div.uk-form-row {
width: 97.5%;
margin-left:2.5%;
}
form.uk-form .powermail_fieldwrap_submit .uk-form-row input,
form.uk-form .csc-form-element-submit .uk-form-row input {width:47.5%;}
form.uk-form .powermail_fieldwrap_check .uk-form-row,
form.uk-form .csc-form-element-checkbox .uk-form-row {margin-left: 0;width: 100%;}
/*** Captcha style ***/
div.powermail_captcha_outer {
width: 100%;
margin-left: 0%;
}
}
@media (min-width: 980px) {
form.uk-form .powermail_fieldwrap_textarea .uk-form-row,
form.uk-form .csc-form-element-textarea .uk-form-row {
border-top:none;
padding-top:0;
margin-top:0;
}
.main-navigation .nav-items ul {
width: 191px;
}
.main-navigation .nav-items ul.two-cols {
width: 382px;
}
/* form.uk-form .uk-form-row {width:45%; float:left;margin-left:5%;margin-bottom:0;}
form.uk-form {margin-left:-5%;}*/
form.uk-form .uk-form-row label {
width: 45%;
float: left;
display: block;
}
form.uk-form .uk-form-row input:not(.powermail_checkbox) {
width: 55%;
float: left;
display: block;
}
.uk-modal form.uk-form .uk-form-row label {
width: 35%;
}
.uk-modal form.uk-form .uk-form-row input:not(.powermail_checkbox) {
width: 65%;
}
/* form.uk-form .csc-form-element-textarea div.uk-form-row label {width:20%;}
form.uk-form .csc-form-element-textarea div.uk-form-row textarea {width:75%; margin-left:20%;}*/
form.uk-form .powermail_fieldset,
form.uk-form .csc-form-element-fieldset {width:47.5%; float:left; margin-left:2.5%;margin-bottom:8px;}
form.uk-form .uk-form-row {width:100%;}
form.uk-form .powermail_fieldwrap_submit .uk-form-row input,
form.uk-form .csc-form-element-submit .uk-form-row input {width:auto !important;}
form.uk-form .powermail_fieldwrap_check .uk-form-row,
form.uk-form .csc-form-element-checkbox .uk-form-row,
form.uk-form .powermail_fieldset .powermail_fieldset,
form.uk-form .csc-form-element-fieldset .csc-form-element-fieldset {
width: 55%;
margin-left: 45%;
}
form.uk-form .powermail_fieldwrap_submit input {float:right !important;width:auto !important;}
/*** Captcha style ***/
div.powermail_captcha_outer {
width: 55%;
margin-left: 45%;
}
}
/** FULL width in modal/dialog-box **/
.uk-modal form.uk-form .powermail_fieldset,
.uk-modal form.uk-form .csc-form-element-fieldset {
width: 97.5%;
margin-top:0;
}
.uk-modal form.uk-form .powermail_fieldset .powermail_fieldset,
.uk-modal form.uk-form .csc-form-element-fieldset .csc-form-element-fieldset {
margin-left:0;
}
/*** IE 8 opti ***/
.no-svg .main-navigation .nav-items li ul.subnav .subnav-arrow,/* IE8 */
.no-svg .main-navigation .nav-items ul.al-right .subnav-arrow/* IE8 */ { background-position: right top !important; }
.no-svg .main-navigation .nav-items li ul.subnav li,/* IE8 */
.no-svg .main-navigation .nav-items ul.al-right li/* IE8 */ { float:right !important; }
.no-svg .main-navigation .nav-items li ul.subnav,/* IE8 */
.no-svg .main-navigation .nav-items ul.al-right/* IE8 */ {
padding:0 !important;
width:400px !important;
overflow:hidden !important;
right:0px !important;
}
#fixed-header .iaa-logo {display:none;}
/** add video responsive styles **/
/*.video-container embed {max-width:100%;}*/
.video-container {
position: relative;
width:100%;
padding-bottom: 60%;
padding-top: 20px;
height: 0;
overflow: hidden;
}
/*.video-container canvas {width:100%; height:auto;}*/
.video-container iframe {width:100%;}
.video-container iframe,
.video-container embed,
.video-container video {
position: absolute;
top: 0;
left: 0;
max-width: 100%;
/* height: 100%; */
}
#content p {
line-height: 1.4em;
}
/** AS: gallery optimization **/
.gallery-single {
margin-bottom:10px !important;
min-height:180px;
}
.gallery-single .list-item-description {
line-height:16px;
font-size:12px;
/*height: 8.2em;
display: -webkit-box;
-moz-line-clamp: 6;
-moz-box-orient: vertical;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;*/
}
/*.gallery-single a.iaa-lightbox-group{
position: relative;
display:block;
margin-bottom:5px;
width: 100%;
max-height:100%;
padding-top: 33%;
overflow: hidden;
}
.gallery-single a.iaa-lightbox-group:before{
content: "";
display: block;
padding-top: 33%;
}
.gallery-single a.iaa-lightbox-group img{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width:100%;
margin: auto;
display:block;
}*/
div#c20283,
div#c20303 {
margin-top: 50px;
}
/* pagination */
.pagination {}
.pagination li.previous {margin-right:25px;font-size:24px;}
.pagination li.previous a, .pagination li.previous span {margin-top:5px;}
.pagination li.last, .pagination li.last span {margin-right:25px;font-size:24px;}
.pagination li.last a {margin-top:5px;}
.pagination li.first {margin-right:25px;font-size:24px;}
.pagination li.first a, .pagination li.first span {margin-top:5px;}
.pagination li a, .pagination li span {padding:5px 10px;line-height:20px;vertical-align:middle;}
.pagination li.next {margin-left:30px;font-size:24px;}
.pagination li.next a, .pagination li.next span {margin-top:5px;}
.pagination li span {background: #eeeeee;padding:5px 10px;opacity:0.5;cursor:default;}
.pagination > li.uk-active > a {background:#0f5489;color:#fff;}
.pagination li.uk-active a:hover {background:#0f5489;color:#fff;}
.list-item.press-item .fa-map-marker {float:left;}
.list-item.press-item span.raum {
padding-left: 20px;
display: block;
}
#event-detail a:not(.icon-wishlist):not(.icon-calendar) {
width: 100%;
display: block;
}
/* Pressekonferenzen workaround mobile */
@media only screen and (max-width: 767px) {
.list-item.press-item {
position: relative;
padding-top: 50px !important;
}
.list-item.press-item li {width:100%;}
.list-item.press-item .actions {
position: absolute;
top: 20px;
padding: 0;
right: 0;
width:50% !important;
}
.list-item .calendar-sheet {
display: block;
margin-top:0;
}
.list-item.press-item span.press-item-title {
font-weight: 700;
}
.list-item.press-item span.raum {
padding-left: 25px;
}
.uk-modal .uk-width-1-2 {width:100%;}
.uk-modal .uk-width-1-2 + .uk-width-1-2 {margin-top:20px;}
.uk-modal-dialog {
width: 100%;
margin:0;
}
.uk-padding-top-100 {
padding-top: 70px;
}
}
/* Navigation zu Nomenklatur Count hack */
.option-navigation .option-wrap a span {float:right;margin-right:30px;}
/* Aussteller */
#exhibitor-detail h2, #exhibitor-detail h2 span {text-align:center;}
/*** JOB AND CAREER PAGE ***/
#pid-1933 #content .uk-width-1-2.uk-width-medium-1-4 a {
width: 100%;
display: block;
text-align: center;
color:#333 !important;
}
#pid-1933 a.button-darkblue {
background:#d1000a;
}
#pid-1933 a.button-darkblue:hover {
background:#E40613;
}
#pid-1933 #content p > a ,
#pid-1933 #content h2 > a {
color: #d1000a;
}
#pid-1933 h2 /* Job and Career */ {
font-weight:700;
font-size:2em;
/*text-align:center;*/
color:#333;
margin: 10px 0 15px 0;
}
@media (min-width: 768px) {
#pid-1933 h2 /* job and career */{
font-size:3em;
line-height: 1.3em;
}
}
@media (max-width: 479px) {
#pid-1933 h2 /* Job and Career */ {
text-align: left;
margin: 15px 0 10px;
font-size: 1.6em;
}
}
.box-jc-red {
background: #d1000a;
border-radius: 25px;
-moz-border-radius: 25px;
-webkit-border-radius: 25px; width: auto;
padding: 15px 25px;
color: #000;
text-align:left !important;
}
.box-jc-red a {color:#fff;}
.box-jc-red large {font-size:1.4em;}
/***************************** VDEOJS **********************************/
/*!
Video.js Default Styles (http://videojs.com)
Version 4.7.1
Create your own skin at http://designer.videojs.com
*/
/* SKIN
================================================================================
The main class name for all skin-specific styles. To make your own skin,
replace all occurances of 'vjs-default-skin' with a new name. Then add your new
skin name to your video tag instead of the default skin.
e.g.