- ID de l'analyse :
- b83fa606-2b3f-4664-a05f-fddbccecd01dTerminée
- URL soumise :
- https://x-cat.racing/
- Fin du rapport :
Liens : 10 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://www.facebook.com/XCATWorldChampionship | |
| https://twitter.com/xcatworldchamp | |
| https://www.youtube.com/channel/UCX7gEYQAJLb7FBKMacgYcqA?view_as=subscriber | |
| https://www.instagram.com/xcatworldchampionship/ | |
| https://www.odtululerdershanesi.org/ | kızılay dershaneler |
| https://www.uim.sport/ | |
| https://www.fakerolex.uk.com | replica Rolex |
| https://www.rolexreplica.co.it | Rolex replica |
| https://www.replicawatchesinc.com | replica watches |
| http://www.e-softweb.net/ | e-softweb |
Variables JavaScript : 15 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| gtag | function |
| $ | function |
| jQuery | function |
| google_tag_manager | object |
| google_tag_data | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" class="uk-notouch"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="Description" content="UIM XCAT World Championship is the most exciting event in powerboating. The finest expression of powerboat racing at international level.">
<title>UIM XCAT Powerboating World Championship</title>
<meta name="KEYWORDS" content="xcat, powerboat, world championship, uim, sport event, offshore, Extreme Powerboat, Dubai, Cina, Stresa, Italy, motoscafi veloci">
<!-- Google Tag Manager -->
<script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TBQLJKQ"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TBQLJKQ');</script>
<!-- End Google Tag Manager -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/lightbox.css">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,300italic,400italic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,300italic,700italic,700,400italic" rel="stylesheet" type="text/css">
<link rel="icon" href="https://x-cat.racing/img/favicon.ico">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-YRSJD94P6D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YRSJD94P6D');
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="owl-carousel/owl.carousel.css">
<!-- Default Theme -->
<link rel="stylesheet" href="owl-carousel/owl.theme.css">
<!-- Include js plugin -->
<script src="owl-carousel/owl.carousel.js"></script>
<script src="js/countdown.js" type="text/javascript" charset="utf-8"></script>
<script src="js/lightbox.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
.hide {display: none}
</style>
<style>.fluidvids{width:100%;position:relative;}.fluidvids iframe{position:absolute;top:0px;left:0px;width:80%;height:80%;margin-left:10%}</style></head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TBQLJKQ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<header class="header-home">
<style>
@import 'https://fonts.googleapis.com/css?family=Oswald:400,300,600,900';
@import 'https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,300,700';
/*
* Style
*/
a,
.uk-link {
color: #363533;
text-decoration: none;
cursor: pointer;
}
a:hover,
.uk-link:hover {
color: #ffc722;
text-decoration: underline;
}
/*
* Preserve original dimensions
*/
.uk-img-preserve,
.uk-img-preserve audio,
.uk-img-preserve canvas,
.uk-img-preserve img,
.uk-img-preserve svg,
.uk-img-preserve video {
max-width: none;
}
/* Sub-objects: `uk-width-*`
========================================================================== */
[class*='uk-width'] {
box-sizing: border-box;
width: 100%;
}
/*
* Widths
*/
/* Whole */
.uk-width-1-1 {
width: 100%;
}
/* Halves */
.uk-width-1-2,
.uk-width-2-4,
.uk-width-3-6,
.uk-width-5-10 {
width: 50%;
}
/* Thirds */
.uk-width-1-3,
.uk-width-2-6 {
width: 33.333%;
}
.uk-width-2-3,
.uk-width-4-6 {
width: 66.666%;
}
/* Quarters */
.uk-width-1-4 {
width: 25%;
}
.uk-width-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-1-5,
.uk-width-2-10 {
width: 20%;
}
.uk-width-2-5,
.uk-width-4-10 {
width: 40%;
}
.uk-width-3-5,
.uk-width-6-10 {
width: 60%;
}
.uk-width-4-5,
.uk-width-8-10 {
width: 80%;
}
/* Sixths */
.uk-width-1-6 {
width: 16.666%;
}
.uk-width-5-6 {
width: 83.333%;
}
/* Tenths */
.uk-width-1-10 {
width: 10%;
}
.uk-width-3-10 {
width: 30%;
}
.uk-width-7-10 {
width: 70%;
}
.uk-width-9-10 {
width: 90%;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
/* Whole */
.uk-width-small-1-1 {
width: 100%;
}
/* Halves */
.uk-width-small-1-2,
.uk-width-small-2-4,
.uk-width-small-3-6,
.uk-width-small-5-10 {
width: 50%;
}
/* Thirds */
.uk-width-small-1-3,
.uk-width-small-2-6 {
width: 33.333%;
}
.uk-width-small-2-3,
.uk-width-small-4-6 {
width: 66.666%;
}
/* Quarters */
.uk-width-small-1-4 {
width: 25%;
}
.uk-width-small-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-small-1-5,
.uk-width-small-2-10 {
width: 20%;
}
.uk-width-small-2-5,
.uk-width-small-4-10 {
width: 40%;
}
.uk-width-small-3-5,
.uk-width-small-6-10 {
width: 60%;
}
.uk-width-small-4-5,
.uk-width-small-8-10 {
width: 80%;
}
/* Sixths */
.uk-width-small-1-6 {
width: 16.666%;
}
.uk-width-small-5-6 {
width: 83.333%;
}
/* Tenths */
.uk-width-small-1-10 {
width: 10%;
}
.uk-width-small-3-10 {
width: 30%;
}
.uk-width-small-7-10 {
width: 70%;
}
.uk-width-small-9-10 {
width: 90%;
}
}
/* Tablet and bigger */
@media (min-width: 880px) {
/* Whole */
.uk-width-medium-1-1 {
width: 100%;
}
/* Halves */
.uk-width-medium-1-2,
.uk-width-medium-2-4,
.uk-width-medium-3-6,
.uk-width-medium-5-10 {
width: 50%;
}
/* Thirds */
.uk-width-medium-1-3,
.uk-width-medium-2-6 {
width: 33.333%;
}
.uk-width-medium-2-3,
.uk-width-medium-4-6 {
width: 66.666%;
}
/* Quarters */
.uk-width-medium-1-4 {
width: 25%;
}
.uk-width-medium-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-medium-1-5,
.uk-width-medium-2-10 {
width: 20%;
}
.uk-width-medium-2-5,
.uk-width-medium-4-10 {
width: 40%;
}
.uk-width-medium-3-5,
.uk-width-medium-6-10 {
width: 60%;
}
.uk-width-medium-4-5,
.uk-width-medium-8-10 {
width: 80%;
}
/* Sixths */
.uk-width-medium-1-6 {
width: 16.666%;
}
.uk-width-medium-5-6 {
width: 83.333%;
}
/* Tenths */
.uk-width-medium-1-10 {
width: 10%;
}
.uk-width-medium-3-10 {
width: 30%;
}
.uk-width-medium-7-10 {
width: 70%;
}
.uk-width-medium-9-10 {
width: 90%;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
/* Whole */
.uk-width-large-1-1 {
width: 100%;
}
/* Halves */
.uk-width-large-1-2,
.uk-width-large-2-4,
.uk-width-large-3-6,
.uk-width-large-5-10 {
width: 50%;
}
/* Thirds */
.uk-width-large-1-3,
.uk-width-large-2-6 {
width: 33.333%;
}
.uk-width-large-2-3,
.uk-width-large-4-6 {
width: 66.666%;
}
/* Quarters */
.uk-width-large-1-4 {
width: 25%;
}
.uk-width-large-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-large-1-5,
.uk-width-large-2-10 {
width: 20%;
}
.uk-width-large-2-5,
.uk-width-large-4-10 {
width: 40%;
}
.uk-width-large-3-5,
.uk-width-large-6-10 {
width: 60%;
}
.uk-width-large-4-5,
.uk-width-large-8-10 {
width: 80%;
}
/* Sixths */
.uk-width-large-1-6 {
width: 16.666%;
}
.uk-width-large-5-6 {
width: 83.333%;
}
/* Tenths */
.uk-width-large-1-10 {
width: 10%;
}
.uk-width-large-3-10 {
width: 30%;
}
.uk-width-large-7-10 {
width: 70%;
}
.uk-width-large-9-10 {
width: 90%;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
/* Whole */
.uk-width-xlarge-1-1 {
width: 100%;
}
/* Halves */
.uk-width-xlarge-1-2,
.uk-width-xlarge-2-4,
.uk-width-xlarge-3-6,
.uk-width-xlarge-5-10 {
width: 50%;
}
/* Thirds */
.uk-width-xlarge-1-3,
.uk-width-xlarge-2-6 {
width: 33.333%;
}
.uk-width-xlarge-2-3,
.uk-width-xlarge-4-6 {
width: 66.666%;
}
/* Quarters */
.uk-width-xlarge-1-4 {
width: 25%;
}
.uk-width-xlarge-3-4 {
width: 75%;
}
/* Fifths */
.uk-width-xlarge-1-5,
.uk-width-xlarge-2-10 {
width: 20%;
}
.uk-width-xlarge-2-5,
.uk-width-xlarge-4-10 {
width: 40%;
}
.uk-width-xlarge-3-5,
.uk-width-xlarge-6-10 {
width: 60%;
}
.uk-width-xlarge-4-5,
.uk-width-xlarge-8-10 {
width: 80%;
}
/* Sixths */
.uk-width-xlarge-1-6 {
width: 16.666%;
}
.uk-width-xlarge-5-6 {
width: 83.333%;
}
/* Tenths */
.uk-width-xlarge-1-10 {
width: 10%;
}
.uk-width-xlarge-3-10 {
width: 30%;
}
.uk-width-xlarge-7-10 {
width: 70%;
}
.uk-width-xlarge-9-10 {
width: 90%;
}
}
/* Sub-object: `uk-push-*` and `uk-pull-*`
========================================================================== */
/*
* Source ordering
* Works only with `uk-width-medium-*`
*/
/* Tablet and bigger */
@media (min-width: 880px) {
[class*='uk-push-'],
[class*='uk-pull-'] {
position: relative;
}
/*
* Push
*/
/* Halves */
.uk-push-1-2,
.uk-push-2-4,
.uk-push-3-6,
.uk-push-5-10 {
left: 50%;
}
/* Thirds */
.uk-push-1-3,
.uk-push-2-6 {
left: 33.333%;
}
.uk-push-2-3,
.uk-push-4-6 {
left: 66.666%;
}
/* Quarters */
.uk-push-1-4 {
left: 25%;
}
.uk-push-3-4 {
left: 75%;
}
/* Fifths */
.uk-push-1-5,
.uk-push-2-10 {
left: 20%;
}
.uk-push-2-5,
.uk-push-4-10 {
left: 40%;
}
.uk-push-3-5,
.uk-push-6-10 {
left: 60%;
}
.uk-push-4-5,
.uk-push-8-10 {
left: 80%;
}
/* Sixths */
.uk-push-1-6 {
left: 16.666%;
}
.uk-push-5-6 {
left: 83.333%;
}
/* Tenths */
.uk-push-1-10 {
left: 10%;
}
.uk-push-3-10 {
left: 30%;
}
.uk-push-7-10 {
left: 70%;
}
.uk-push-9-10 {
left: 90%;
}
/*
* Pull
*/
/* Halves */
.uk-pull-1-2,
.uk-pull-2-4,
.uk-pull-3-6,
.uk-pull-5-10 {
left: -50%;
}
/* Thirds */
.uk-pull-1-3,
.uk-pull-2-6 {
left: -33.333%;
}
.uk-pull-2-3,
.uk-pull-4-6 {
left: -66.666%;
}
/* Quarters */
.uk-pull-1-4 {
left: -25%;
}
.uk-pull-3-4 {
left: -75%;
}
/* Fifths */
.uk-pull-1-5,
.uk-pull-2-10 {
left: -20%;
}
.uk-pull-2-5,
.uk-pull-4-10 {
left: -40%;
}
.uk-pull-3-5,
.uk-pull-6-10 {
left: -60%;
}
.uk-pull-4-5,
.uk-pull-8-10 {
left: -80%;
}
/* Sixths */
.uk-pull-1-6 {
left: -16.666%;
}
.uk-pull-5-6 {
left: -83.333%;
}
/* Tenths */
.uk-pull-1-10 {
left: -10%;
}
.uk-pull-3-10 {
left: -30%;
}
.uk-pull-7-10 {
left: -70%;
}
.uk-pull-9-10 {
left: -90%;
}
}
.uk-width-1-12 {
width: 8.333%;
}
.uk-width-2-12 {
width: 16.666%;
}
.uk-width-3-12 {
width: 25%;
}
.uk-width-4-12 {
width: 33.333%;
}
.uk-width-5-12 {
width: 41.666%;
}
.uk-width-6-12 {
width: 50%;
}
.uk-width-7-12 {
width: 58.333%;
}
.uk-width-8-12 {
width: 66.666%;
}
.uk-width-9-12 {
width: 75%;
}
.uk-width-10-12 {
width: 83.333%;
}
.uk-width-11-12 {
width: 91.666%;
}
/* Only tablets and desktop */
@media (min-width: 880px) {
.uk-width-medium-1-12 {
width: 8.333%;
}
.uk-width-medium-2-12 {
width: 16.666%;
}
.uk-width-medium-3-12 {
width: 25%;
}
.uk-width-medium-4-12 {
width: 33.333%;
}
.uk-width-medium-5-12 {
width: 41.666%;
}
.uk-width-medium-6-12 {
width: 50%;
}
.uk-width-medium-7-12 {
width: 58.333%;
}
.uk-width-medium-8-12 {
width: 66.666%;
}
.uk-width-medium-9-12 {
width: 75%;
}
.uk-width-medium-10-12 {
width: 83.333%;
}
.uk-width-medium-11-12 {
width: 91.666%;
}
}
/* Only desktop */
@media (min-width: 960px) {
.uk-width-large-1-12 {
width: 8.333%;
}
.uk-width-large-2-12 {
width: 16.666%;
}
.uk-width-large-3-12 {
width: 25%;
}
.uk-width-large-4-12 {
width: 33.333%;
}
.uk-width-large-5-12 {
width: 41.666%;
}
.uk-width-large-6-12 {
width: 50%;
}
.uk-width-large-7-12 {
width: 58.333%;
}
.uk-width-large-8-12 {
width: 66.666%;
}
.uk-width-large-9-12 {
width: 75%;
}
.uk-width-large-10-12 {
width: 83.333%;
}
.uk-width-large-11-12 {
width: 91.666%;
}
}
/* ========================================================================
Component: Panel
========================================================================== */
/* ========================================================================
Component: Nav
========================================================================== */
.uk-nav,
.uk-nav ul {
margin: 0;
padding: 0;
list-style: none;
}
/*
* Items
*/
.uk-nav li > a {
display: block;
text-decoration: none;
}
.uk-nav > li > a {
padding: 5px 20px;
}
/*
* Nested items
*/
.uk-nav ul {
padding-left: 15px;
}
.uk-nav ul a {
padding: 2px 0;
}
/*
* Item subtitle
*/
.uk-nav li > a > div {
font-size: 12px;
line-height: 18px;
}
/* Sub-object: `uk-nav-header`
========================================================================== */
.uk-nav-header {
padding: 5px 20px;
text-transform: uppercase;
font-weight: normal;
font-size: 12px;
}
.uk-nav-header:not(:first-child) {
margin-top: 20px;
}
/* Sub-object: `uk-nav-divider`
========================================================================== */
.uk-nav-divider {
margin: 9px 20px;
}
/* Sub-object: `uk-nav-sub`
========================================================================== */
/*
* `ul` needed for higher specificity to override padding
*/
ul.uk-nav-sub {
padding: 5px 0 5px 20px;
}
/* Modifier: `uk-nav-parent-icon`
========================================================================== */
.uk-nav-parent-icon > .uk-parent > a:after {
content: "\f104";
width: 20px;
margin-right: -10px;
float: right;
font-family: FontAwesome;
text-align: center;
}
.uk-nav-parent-icon > .uk-parent.uk-open > a:after {
content: "\f107";
}
/* Modifier `uk-nav-side`
========================================================================== */
/*
* Items
*/
.uk-nav-side > li > a {
color: #363533;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-side > li > a:hover,
.uk-nav-side > li > a:focus {
background: rgba(0, 0, 0, 0.05);
color: #363533;
/* 2 */
outline: none;
}
/* Active */
.uk-nav-side > li.uk-active > a {
background: #00a8e6;
color: #ffc722;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-side .uk-nav-header {
color: #363533;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-side .uk-nav-divider {
border-top: 1px solid #dddddd;
}
/*
* Nested items
*/
.uk-nav-side ul a {
color: #363533;
}
.uk-nav-side ul a:hover {
color: #ffc722;
}
/* Modifier `uk-nav-dropdown`
========================================================================== */
/*
* Items
*/
.uk-nav-dropdown > li > a {
color: #363533;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-dropdown > li > a:hover,
.uk-nav-dropdown > li > a:focus {
background: #00a8e6;
color: #ffc722;
/* 2 */
outline: none;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-dropdown .uk-nav-header {
color: #999999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-dropdown .uk-nav-divider {
border-top: 1px solid #dddddd;
}
/*
* Nested items
*/
.uk-nav-dropdown ul a {
color: #363533;
}
.uk-nav-dropdown ul a:hover {
color: #ffc722;
}
/* Modifier `uk-nav-navbar`
========================================================================== */
/*
* Items
*/
.uk-nav-navbar > li > a {
color: #363533;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-navbar > li > a:hover,
.uk-nav-navbar > li > a:focus {
background: #00a8e6;
color: #ffc722;
/* 2 */
outline: none;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-navbar .uk-nav-header {
color: #999999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-navbar .uk-nav-divider {
border-top: 1px solid #dddddd;
}
/*
* Nested items
*/
.uk-nav-navbar ul a {
color: #363533;
}
.uk-nav-navbar ul a:hover {
color: #ffc722;
}
/* Modifier `uk-nav-offcanvas`
========================================================================== */
/*
* Items
*/
.uk-nav-offcanvas > li > a {
color: #cccccc;
padding: 10px 15px;
}
/*
* Hover
* No hover on touch devices because it behaves buggy in fixed offcanvas
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus {
background: #404040;
color: #ffffff;
/* 2 */
outline: none;
}
/*
* Active
* `html .uk-nav` needed for higher specificity to override hover
*/
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
background: #1a1a1a;
color: #ffffff;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-offcanvas .uk-nav-header {
color: #777777;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-offcanvas .uk-nav-divider {
border-top: 1px solid #1a1a1a;
}
/*
* Nested items
* No hover on touch devices because it behaves buggy in fixed offcanvas
*/
.uk-nav-offcanvas ul a {
color: #cccccc;
}
html:not(.uk-touch) .uk-nav-offcanvas ul a:hover {
color: #ffffff;
}
/* ========================================================================
Component: Navbar
========================================================================== */
.uk-navbar {
background: rgba(255, 255, 255, 0);
color: #363533;
}
/*
* Micro clearfix
*/
.uk-navbar:before,
.uk-navbar:after {
content: "";
display: table;
}
.uk-navbar:after {
clear: both;
}
/* Sub-object: `uk-navbar-nav`
========================================================================== */
.uk-navbar-nav {
margin: 0;
padding: 0;
list-style: none;
float: left;
}
/*
* 1. Create position context for dropdowns
*/
.uk-navbar-nav > li {
float: left;
/* 1 */
position: relative;
}
/*
* 1. Dimensions
* 2. Style
*/
.uk-navbar-nav > li > a {
display: block;
box-sizing: border-box;
text-decoration: none;
/* 1 */
height: 45px;
padding: 0 15px;
line-height: 45px;
/* 2 */
color: #363533;
font-size: 14px;
font-family: 'Oswald';
font-weight: normal;
}
/* Appear not as link */
.uk-navbar-nav > li > a[href='#'] {
cursor: text;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Also apply if dropdown is opened
* 3. Remove default focus style
*/
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
background-color: rgba(255, 255, 255, 0);
color: #363533;
/* 3 */
outline: none;
}
/* OnClick */
.uk-navbar-nav > li > a:active {
background-color: rgba(221, 221, 221, 0);
color: #363533;
}
/* Active */
.uk-navbar-nav > li.uk-active > a {
background-color: #f5f5f5;
color: #363533;
}
/* Sub-objects: `uk-navbar-nav-subtitle`
========================================================================== */
.uk-navbar-nav .uk-navbar-nav-subtitle {
line-height: 33px;
}
.uk-navbar-nav-subtitle > div {
margin-top: -8.5px;
font-size: 10px;
line-height: 12px;
}
/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`
========================================================================== */
/*
* Imitate navbar items
*/
.uk-navbar-content,
.uk-navbar-brand,
.uk-navbar-toggle {
box-sizing: border-box;
display: block;
height: 45px;
padding: 0 15px;
float: left;
}
/*
* Helper to center all child elements vertically
*/
.uk-navbar-content:before,
.uk-navbar-brand:before,
.uk-navbar-toggle:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
/* Sub-objects: `uk-navbar-content`
========================================================================== */
/*
* Better sibling spacing
*/
.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) {
padding-left: 0;
}
/*
* Link colors
*/
.uk-navbar-content > a:not([class]) {
color: #363533;
}
.uk-navbar-content > a:not([class]):hover {
color: #ffc722;
}
/* Sub-objects: `uk-navbar-brand`
========================================================================== */
.uk-navbar-brand {
font-size: 18px;
color: #363533;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-brand:hover,
.uk-navbar-brand:focus {
color: #363533;
text-decoration: none;
/* 2 */
outline: none;
}
/* Sub-object: `uk-navbar-toggle`
========================================================================== */
.uk-navbar-toggle {
font-size: 18px;
color: #363533;
text-decoration: none;
}
/*
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-navbar-toggle:hover,
.uk-navbar-toggle:focus {
color: #363533;
text-decoration: none;
/* 2 */
outline: none;
}
/*
* 1. Center icon vertically
*/
.uk-navbar-toggle:after {
content: "\f0c9";
font-family: FontAwesome;
/* 1 */
vertical-align: middle;
}
.uk-navbar-toggle-alt:after {
content: "\f002";
}
/* Sub-object: `uk-navbar-center`
========================================================================== */
/*
* The element with this class needs to be last child in the navbar
* 1. This hack is needed because other float elements shift centered text
*/
.uk-navbar-center {
float: none;
text-align: center;
/* 1 */
max-width: 50%;
margin-left: auto;
margin-right: auto;
}
/* Sub-object: `uk-navbar-flip`
========================================================================== */
.uk-navbar-flip {
float: right;
}
/* ========================================================================
Component: Subnav
========================================================================== */
/*
* 1. Gutter
* 2. Remove default list style
*/
.uk-subnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* 1 */
margin-left: -10px;
margin-top: -10px;
/* 2 */
padding: 0;
list-style: none;
}
/*
* 1. Space is allocated solely based on content dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
* 3. Create position context for dropdowns
*/
.uk-subnav > * {
/* 1 */
-ms-flex: none;
-webkit-flex: none;
flex: none;
/* 2 */
padding-left: 10px;
margin-top: 10px;
/* 3 */
position: relative;
}
/*
* DEPRECATED IE9 Support
*/
.uk-subnav:before,
.uk-subnav:after {
content: "";
display: block;
overflow: hidden;
}
.uk-subnav:after {
clear: both;
}
.uk-subnav > * {
float: left;
}
/* Items
========================================================================== */
.uk-subnav > * > * {
display: inline-block;
color: #363533;
}
/*
* Hover
* 1. Apply hover style also to focus state
*/
.uk-subnav > * > :hover,
.uk-subnav > * > :focus {
color: #363533;
text-decoration: none;
}
/*
* Active
*/
.uk-subnav > .uk-active > * {
color: #363533;
}
/* Modifier: 'subnav-line'
========================================================================== */
.uk-subnav-line > :before {
content: "";
display: inline-block;
height: 10px;
vertical-align: middle;
}
.uk-subnav-line > :nth-child(n+2):before {
margin-right: 10px;
border-left: 1px solid #dddddd;
}
/* Modifier: 'subnav-pill'
========================================================================== */
.uk-subnav-pill > * > * {
padding: 3px 9px;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-subnav-pill > * > :hover,
.uk-subnav-pill > * > :focus {
background: #eeeeee;
color: #363533;
text-decoration: none;
/* 2 */
outline: none;
}
/*
* Active
* `li` needed for higher specificity to override hover
*/
.uk-subnav-pill > .uk-active > * {
background: #00a8e6;
color: #ffc722;
}
/* Disabled state
========================================================================== */
.uk-subnav > .uk-disabled > * {
background: none;
color: #999999;
text-decoration: none;
cursor: text;
}
/* ========================================================================
Component: Breadcrumb
========================================================================== */
/*
* 1. Remove default list style
* 2. Remove whitespace between child elements when using `inline-block`
*/
.uk-breadcrumb {
/* 1 */
padding: 0;
list-style: none;
/* 2 */
font-size: 0.001px;
}
/* Items
========================================================================== */
/*
* Reset whitespace hack
*/
.uk-breadcrumb > li {
font-size: 1rem;
vertical-align: top;
}
.uk-breadcrumb > li,
.uk-breadcrumb > li > a,
.uk-breadcrumb > li > span {
display: inline-block;
}
.uk-breadcrumb > li:nth-child(n+2):before {
content: "/";
display: inline-block;
margin: 0 8px;
}
/*
* Disabled
*/
.uk-breadcrumb > li:not(.uk-active) > span {
color: #999999;
}
/* ========================================================================
Component: Pagination
========================================================================== */
/*
* 1. Remove default list style
* 2. Center pagination by default
* 3. Remove whitespace between child elements when using `inline-block`
*/
.uk-pagination {
/* 1 */
padding: 0;
list-style: none;
/* 2 */
text-align: center;
/* 3 */
font-size: 0.001px;
}
/*
* Micro clearfix
* Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
*/
.uk-pagination:before,
.uk-pagination:after {
content: "";
display: table;
}
.uk-pagination:after {
clear: both;
}
/* Items
========================================================================== */
/*
* 1. Reset whitespace hack
* 2. Remove the gap at the bottom of it container
*/
.uk-pagination > li {
display: inline-block;
/* 1 */
font-size: 1rem;
/* 2 */
vertical-align: top;
}
.uk-pagination > li:nth-child(n+2) {
margin-left: 5px;
}
/*
* 1. Makes pagination more robust against different box-sizing use
* 2. Reset text-align to center if alignment modifier is used
*/
.uk-pagination > li > a,
.uk-pagination > li > span {
display: inline-block;
min-width: 16px;
padding: 3px 5px;
line-height: 20px;
text-decoration: none;
/* 1 */
box-sizing: content-box;
/* 2 */
text-align: center;
}
/*
* Links
*/
.uk-pagination > li > a {
background: #eeeeee;
color: #363533;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-pagination > li > a:hover,
.uk-pagination > li > a:focus {
background-color: #f5f5f5;
color: #363533;
/* 2 */
outline: none;
}
/* OnClick */
.uk-pagination > li > a:active {
background-color: #dddddd;
color: #363533;
}
/*
* Active
*/
.uk-pagination > .uk-active > span {
background: #00a8e6;
color: #ffc722;
}
/*
* Disabled
*/
.uk-pagination > .uk-disabled > span {
background-color: #f5f5f5;
color: #999999;
}
/* Previous and next navigation
========================================================================== */
.uk-pagination-previous {
float: left;
}
.uk-pagination-next {
float: right;
}
/* Alignment modifiers
========================================================================== */
.uk-pagination-left {
text-align: left;
}
.uk-pagination-right {
text-align: right;
}
/* ========================================================================
Component: Tab
========================================================================== */
.uk-tab {
margin: 0;
padding: 0;
list-style: none;
border-bottom: 1px solid #dddddd;
}
/*
* Micro clearfix on the deepest container
*/
.uk-tab:before,
.uk-tab:after {
content: "";
display: table;
}
.uk-tab:after {
clear: both;
}
/*
* Items
* 1. Create position context for dropdowns
*/
.uk-tab > li {
margin-bottom: -1px;
float: left;
/* 1 */
position: relative;
}
.uk-tab > li > a {
display: block;
padding: 8px 12px 8px 12px;
border: 1px solid transparent;
border-bottom-width: 0;
color: #363533;
text-decoration: none;
}
.uk-tab > li:nth-child(n+2) > a {
margin-left: 5px;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Also apply if dropdown is opened
* 3. Remove default focus style
*/
.uk-tab > li > a:hover,
.uk-tab > li > a:focus,
.uk-tab > li.uk-open > a {
border-color: #f5f5f5;
background: #f5f5f5;
color: #ffc722;
/* 2 */
outline: none;
}
.uk-tab > li:not(.uk-active) > a:hover,
.uk-tab > li:not(.uk-active) > a:focus,
.uk-tab > li.uk-open:not(.uk-active) > a {
margin-bottom: 1px;
padding-bottom: 7px;
}
/* Active */
.uk-tab > li.uk-active > a {
border-color: #dddddd;
border-bottom-color: transparent;
background: #ffffff;
color: #363533;
}
/* Disabled */
.uk-tab > li.uk-disabled > a {
color: #999999;
cursor: text;
}
.uk-tab > li.uk-disabled > a:hover,
.uk-tab > li.uk-disabled > a:focus,
.uk-tab > li.uk-disabled.uk-active > a {
background: none;
border-color: transparent;
}
/* Modifier: 'tab-flip'
========================================================================== */
.uk-tab-flip > li {
float: right;
}
.uk-tab-flip > li:nth-child(n+2) > a {
margin-left: 0;
margin-right: 5px;
}
/* Modifier: 'tab-responsive'
========================================================================== */
.uk-tab > li.uk-tab-responsive > a {
margin-left: 0;
margin-right: 0;
}
/*
* Icon
*/
.uk-tab-responsive > a:before {
content: "\f0c9\00a0";
font-family: FontAwesome;
}
/* Modifier: 'tab-center'
========================================================================== */
.uk-tab-center {
border-bottom: 1px solid #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;
}
/*
* 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs
*/
.uk-tab-center .uk-tab {
position: relative;
right: 50%;
border: none;
float: right;
}
.uk-tab-center .uk-tab > li {
position: relative;
right: -50%;
}
.uk-tab-center .uk-tab > li > a {
text-align: center;
}
/* Modifier: 'tab-bottom'
========================================================================== */
.uk-tab-bottom {
border-top: 1px solid #dddddd;
border-bottom: none;
}
.uk-tab-bottom > li {
margin-top: -1px;
margin-bottom: 0;
}
.uk-tab-bottom > li > a {
padding-top: 8px;
padding-bottom: 8px;
border-bottom-width: 1px;
border-top-width: 0;
}
.uk-tab-bottom > li:not(.uk-active) > a:hover,
.uk-tab-bottom > li:not(.uk-active) > a:focus,
.uk-tab-bottom > li.uk-open:not(.uk-active) > a {
margin-bottom: 0;
margin-top: 1px;
padding-bottom: 8px;
padding-top: 7px;
}
.uk-tab-bottom > li.uk-active > a {
border-top-color: transparent;
border-bottom-color: #dddddd;
}
/* Modifier: 'tab-grid'
========================================================================== */
/*
* 1. Create position context to prevent hidden border because of negative `z-index`
*/
.uk-tab-grid {
margin-left: -5px;
border-bottom: none;
/* 1 */
position: relative;
z-index: 0;
}
.uk-tab-grid:before {
display: block;
position: absolute;
left: 5px;
right: 0;
bottom: -1px;
border-top: 1px solid #dddddd;
/* 1 */
z-index: -1;
}
.uk-tab-grid > li:first-child > a {
margin-left: 5px;
}
.uk-tab-grid > li > a {
text-align: center;
}
/*
* If `uk-tab-bottom`
*/
.uk-tab-grid.uk-tab-bottom {
border-top: none;
}
.uk-tab-grid.uk-tab-bottom:before {
top: -1px;
bottom: auto;
}
/* Modifier: 'tab-left', 'tab-right'
========================================================================== */
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-tab-left,
.uk-tab-right {
border-bottom: none;
}
.uk-tab-left > li,
.uk-tab-right > li {
margin-bottom: 0;
float: none;
}
.uk-tab-left > li > a,
.uk-tab-right > li > a {
padding-top: 8px;
padding-bottom: 8px;
}
.uk-tab-left > li:nth-child(n+2) > a,
.uk-tab-right > li:nth-child(n+2) > a {
margin-left: 0;
margin-top: 5px;
}
.uk-tab-left > li.uk-active > a,
.uk-tab-right > li.uk-active > a {
border-color: #dddddd;
}
/*
* Modifier: 'tab-left'
*/
.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;
}
/*
* Modifier: 'tab-right'
*/
.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;
}
}
/* ========================================================================
Component: Thumbnav
========================================================================== */
/*
* 1. Gutter
* 2. Remove default list style
*/
.uk-thumbnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* 1 */
margin-left: -10px;
margin-top: -10px;
/* 2 */
padding: 0;
list-style: none;
}
/*
* 1. Space is allocated solely based on content dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
*/
.uk-thumbnav > * {
/* 1 */
-ms-flex: none;
-webkit-flex: none;
flex: none;
/* 2 */
padding-left: 10px;
margin-top: 10px;
}
/*
* DEPRECATED IE9 Support
*/
.uk-thumbnav:before,
.uk-thumbnav:after {
content: "";
display: block;
overflow: hidden;
}
.uk-thumbnav:after {
clear: both;
}
.uk-thumbnav > * {
float: left;
}
/* Items
========================================================================== */
.uk-thumbnav > * > * {
display: block;
background: #ffffff;
}
.uk-thumbnav > * > * > img {
opacity: 0.7;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
/*
* Hover
*/
.uk-thumbnav > * > :hover > img,
.uk-thumbnav > * > :focus > img {
opacity: 1;
}
/*
* Active
*/
.uk-thumbnav > .uk-active > * > img {
opacity: 1;
}
/* ========================================================================
Component: List
========================================================================== */
.uk-list {
padding: 0;
list-style: none;
}
/*
* Micro clearfix to make list more robust
*/
.uk-list > li:before,
.uk-list > li:after {
content: "";
display: table;
}
.uk-list > li:after {
clear: both;
}
/*
* Remove margin from the last-child
*/
.uk-list > li > :last-child {
margin-bottom: 0;
}
/*
* Nested lists
*/
.uk-list ul {
margin: 0;
padding-left: 20px;
list-style: none;
}
/* Modifier: `uk-list-line`
========================================================================== */
.uk-list-line > li:nth-child(n+2) {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #dddddd;
}
/* Modifier: `uk-list-striped`
========================================================================== */
.uk-list-striped > li {
padding: 5px 5px;
}
.uk-list-striped > li:nth-of-type(odd) {
background: #f5f5f5;
}
/* Modifier: `uk-list-space`
========================================================================== */
.uk-list-space > li:nth-child(n+2) {
margin-top: 10px;
}
/* ========================================================================
Component: Icon
========================================================================== */
/*
* 1. Allow margin
* 2. Prevent inherit font style
* 4. Correct line-height
* 5. Better font rendering
* 6. Remove `text-decoration` for anchors
*/
[class*='uk-icon-'] {
font-family: FontAwesome;
/* 1 */
display: inline-block;
/* 2 */
font-weight: normal;
font-style: normal;
/* 4 */
line-height: 1;
/* 5 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* 6 */
[class*='uk-icon-'],
[class*='uk-icon-']:hover,
[class*='uk-icon-']:focus {
text-decoration: none;
}
/* Size modifiers
========================================================================== */
.uk-icon-small {
font-size: 150%;
vertical-align: -10%;
}
.uk-icon-medium {
font-size: 200%;
vertical-align: -16%;
}
.uk-icon-large {
font-size: 250%;
vertical-align: -22%;
}
/* Modifier: `uk-icon-justify`
========================================================================== */
.uk-icon-justify {
width: 1em;
text-align: center;
}
/* Modifier: `uk-icon-spin`
========================================================================== */
.uk-icon-spin {
display: inline-block;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
/* Modifier: `uk-icon-hover`
========================================================================== */
.uk-icon-hover {
color: #999999;
}
/*
* Hover
*/
.uk-icon-hover:hover {
color: #363533;
}
/* Modifier: `uk-icon-button`
========================================================================== */
.uk-icon-button {
box-sizing: border-box;
display: inline-block;
width: 35px;
height: 35px;
border-radius: 100%;
background: #eeeeee;
line-height: 35px;
color: #363533;
font-size: 18px;
text-align: center;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-icon-button:hover,
.uk-icon-button:focus {
background-color: #f5f5f5;
color: #ffc722;
/* 2 */
outline: none;
}
/* Active */
.uk-icon-button:active {
background-color: #dddddd;
color: #363533;
}
/* Icon mapping
========================================================================== */
.uk-icon-glass:before {
content: "\f000";
}
.uk-icon-music:before {
content: "\f001";
}
.uk-icon-search:before {
content: "\f002";
}
.uk-icon-envelope-o:before {
content: "\f003";
}
.uk-icon-heart:before {
content: "\f004";
}
.uk-icon-star:before {
content: "\f005";
}
.uk-icon-star-o:before {
content: "\f006";
}
.uk-icon-user:before {
content: "\f007";
}
.uk-icon-film:before {
content: "\f008";
}
.uk-icon-th-large:before {
content: "\f009";
}
.uk-icon-th:before {
content: "\f00a";
}
.uk-icon-th-list:before {
content: "\f00b";
}
.uk-icon-check:before {
content: "\f00c";
}
.uk-icon-remove:before,
.uk-icon-close:before,
.uk-icon-times:before {
content: "\f00d";
}
.uk-icon-search-plus:before {
content: "\f00e";
}
.uk-icon-search-minus:before {
content: "\f010";
}
.uk-icon-power-off:before {
content: "\f011";
}
.uk-icon-signal:before {
content: "\f012";
}
.uk-icon-gear:before,
.uk-icon-cog:before {
content: "\f013";
}
.uk-icon-trash-o:before {
content: "\f014";
}
.uk-icon-home:before {
content: "\f015";
}
.uk-icon-file-o:before {
content: "\f016";
}
.uk-icon-clock-o:before {
content: "\f017";
}
.uk-icon-road:before {
content: "\f018";
}
.uk-icon-download:before {
content: "\f019";
}
.uk-icon-arrow-circle-o-down:before {
content: "\f01a";
}
.uk-icon-arrow-circle-o-up:before {
content: "\f01b";
}
.uk-icon-inbox:before {
content: "\f01c";
}
.uk-icon-play-circle-o:before {
content: "\f01d";
}
.uk-icon-rotate-right:before,
.uk-icon-repeat:before {
content: "\f01e";
}
.uk-icon-refresh:before {
content: "\f021";
}
.uk-icon-list-alt:before {
content: "\f022";
}
.uk-icon-lock:before {
content: "\f023";
}
.uk-icon-flag:before {
content: "\f024";
}
.uk-icon-headphones:before {
content: "\f025";
}
.uk-icon-volume-off:before {
content: "\f026";
}
.uk-icon-volume-down:before {
content: "\f027";
}
.uk-icon-volume-up:before {
content: "\f028";
}
.uk-icon-qrcode:before {
content: "\f029";
}
.uk-icon-barcode:before {
content: "\f02a";
}
.uk-icon-tag:before {
content: "\f02b";
}
.uk-icon-tags:before {
content: "\f02c";
}
.uk-icon-book:before {
content: "\f02d";
}
.uk-icon-bookmark:before {
content: "\f02e";
}
.uk-icon-print:before {
content: "\f02f";
}
.uk-icon-camera:before {
content: "\f030";
}
.uk-icon-font:before {
content: "\f031";
}
.uk-icon-bold:before {
content: "\f032";
}
.uk-icon-italic:before {
content: "\f033";
}
.uk-icon-text-height:before {
content: "\f034";
}
.uk-icon-text-width:before {
content: "\f035";
}
.uk-icon-align-left:before {
content: "\f036";
}
.uk-icon-align-center:before {
content: "\f037";
}
.uk-icon-align-right:before {
content: "\f038";
}
.uk-icon-align-justify:before {
content: "\f039";
}
.uk-icon-list:before {
content: "\f03a";
}
.uk-icon-dedent:before,
.uk-icon-outdent:before {
content: "\f03b";
}
.uk-icon-indent:before {
content: "\f03c";
}
.uk-icon-video-camera:before {
content: "\f03d";
}
.uk-icon-photo:before,
.uk-icon-image:before,
.uk-icon-picture-o:before {
content: "\f03e";
}
.uk-icon-pencil:before {
content: "\f040";
}
.uk-icon-map-marker:before {
content: "\f041";
}
.uk-icon-adjust:before {
content: "\f042";
}
.uk-icon-tint:before {
content: "\f043";
}
.uk-icon-edit:before,
.uk-icon-pencil-square-o:before {
content: "\f044";
}
.uk-icon-share-square-o:before {
content: "\f045";
}
.uk-icon-check-square-o:before {
content: "\f046";
}
.uk-icon-arrows:before {
content: "\f047";
}
.uk-icon-step-backward:before {
content: "\f048";
}
.uk-icon-fast-backward:before {
content: "\f049";
}
.uk-icon-backward:before {
content: "\f04a";
}
.uk-icon-play:before {
content: "\f04b";
}
.uk-icon-pause:before {
content: "\f04c";
}
.uk-icon-stop:before {
content: "\f04d";
}
.uk-icon-forward:before {
content: "\f04e";
}
.uk-icon-fast-forward:before {
content: "\f050";
}
.uk-icon-step-forward:before {
content: "\f051";
}
.uk-icon-eject:before {
content: "\f052";
}
.uk-icon-chevron-left:before {
content: "\f053";
}
.uk-icon-chevron-right:before {
content: "\f054";
}
.uk-icon-plus-circle:before {
content: "\f055";
}
.uk-icon-minus-circle:before {
content: "\f056";
}
.uk-icon-times-circle:before {
content: "\f057";
}
.uk-icon-check-circle:before {
content: "\f058";
}
.uk-icon-question-circle:before {
content: "\f059";
}
.uk-icon-info-circle:before {
content: "\f05a";
}
.uk-icon-crosshairs:before {
content: "\f05b";
}
.uk-icon-times-circle-o:before {
content: "\f05c";
}
.uk-icon-check-circle-o:before {
content: "\f05d";
}
.uk-icon-ban:before {
content: "\f05e";
}
.uk-icon-arrow-left:before {
content: "\f060";
}
.uk-icon-arrow-right:before {
content: "\f061";
}
.uk-icon-arrow-up:before {
content: "\f062";
}
.uk-icon-arrow-down:before {
content: "\f063";
}
.uk-icon-mail-forward:before,
.uk-icon-share:before {
content: "\f064";
}
.uk-icon-expand:before {
content: "\f065";
}
.uk-icon-compress:before {
content: "\f066";
}
.uk-icon-plus:before {
content: "\f067";
}
.uk-icon-minus:before {
content: "\f068";
}
.uk-icon-asterisk:before {
content: "\f069";
}
.uk-icon-exclamation-circle:before {
content: "\f06a";
}
.uk-icon-gift:before {
content: "\f06b";
}
.uk-icon-leaf:before {
content: "\f06c";
}
.uk-icon-fire:before {
content: "\f06d";
}
.uk-icon-eye:before {
content: "\f06e";
}
.uk-icon-eye-slash:before {
content: "\f070";
}
.uk-icon-warning:before,
.uk-icon-exclamation-triangle:before {
content: "\f071";
}
.uk-icon-plane:before {
content: "\f072";
}
.uk-icon-calendar:before {
content: "\f073";
}
.uk-icon-random:before {
content: "\f074";
}
.uk-icon-comment:before {
content: "\f075";
}
.uk-icon-magnet:before {
content: "\f076";
}
.uk-icon-chevron-up:before {
content: "\f077";
}
.uk-icon-chevron-down:before {
content: "\f078";
}
.uk-icon-retweet:before {
content: "\f079";
}
.uk-icon-shopping-cart:before {
content: "\f07a";
}
.uk-icon-folder:before {
content: "\f07b";
}
.uk-icon-folder-open:before {
content: "\f07c";
}
.uk-icon-arrows-v:before {
content: "\f07d";
}
.uk-icon-arrows-h:before {
content: "\f07e";
}
.uk-icon-bar-chart-o:before,
.uk-icon-bar-chart:before {
content: "\f080";
}
.uk-icon-twitter-square:before {
content: "\f081";
}
.uk-icon-facebook-square:before {
content: "\f082";
}
.uk-icon-camera-retro:before {
content: "\f083";
}
.uk-icon-key:before {
content: "\f084";
}
.uk-icon-gears:before,
.uk-icon-cogs:before {
content: "\f085";
}
.uk-icon-comments:before {
content: "\f086";
}
.uk-icon-thumbs-o-up:before {
content: "\f087";
}
.uk-icon-thumbs-o-down:before {
content: "\f088";
}
.uk-icon-star-half:before {
content: "\f089";
}
.uk-icon-heart-o:before {
content: "\f08a";
}
.uk-icon-sign-out:before {
content: "\f08b";
}
.uk-icon-linkedin-square:before {
content: "\f08c";
}
.uk-icon-thumb-tack:before {
content: "\f08d";
}
.uk-icon-external-link:before {
content: "\f08e";
}
.uk-icon-sign-in:before {
content: "\f090";
}
.uk-icon-trophy:before {
content: "\f091";
}
.uk-icon-github-square:before {
content: "\f092";
}
.uk-icon-upload:before {
content: "\f093";
}
.uk-icon-lemon-o:before {
content: "\f094";
}
.uk-icon-phone:before {
content: "\f095";
}
.uk-icon-square-o:before {
content: "\f096";
}
.uk-icon-bookmark-o:before {
content: "\f097";
}
.uk-icon-phone-square:before {
content: "\f098";
}
.uk-icon-twitter:before {
content: "\f099";
}
.uk-icon-facebook-f:before,
.uk-icon-facebook:before {
content: "\f09a";
}
.uk-icon-github:before {
content: "\f09b";
}
.uk-icon-unlock:before {
content: "\f09c";
}
.uk-icon-credit-card:before {
content: "\f09d";
}
.uk-icon-rss:before {
content: "\f09e";
}
.uk-icon-hdd-o:before {
content: "\f0a0";
}
.uk-icon-bullhorn:before {
content: "\f0a1";
}
.uk-icon-bell:before {
content: "\f0f3";
}
.uk-icon-certificate:before {
content: "\f0a3";
}
.uk-icon-hand-o-right:before {
content: "\f0a4";
}
.uk-icon-hand-o-left:before {
content: "\f0a5";
}
.uk-icon-hand-o-up:before {
content: "\f0a6";
}
.uk-icon-hand-o-down:before {
content: "\f0a7";
}
.uk-icon-arrow-circle-left:before {
content: "\f0a8";
}
.uk-icon-arrow-circle-right:before {
content: "\f0a9";
}
.uk-icon-arrow-circle-up:before {
content: "\f0aa";
}
.uk-icon-arrow-circle-down:before {
content: "\f0ab";
}
.uk-icon-globe:before {
content: "\f0ac";
}
.uk-icon-wrench:before {
content: "\f0ad";
}
.uk-icon-tasks:before {
content: "\f0ae";
}
.uk-icon-filter:before {
content: "\f0b0";
}
.uk-icon-briefcase:before {
content: "\f0b1";
}
.uk-icon-arrows-alt:before {
content: "\f0b2";
}
.uk-icon-group:before,
.uk-icon-users:before {
content: "\f0c0";
}
.uk-icon-chain:before,
.uk-icon-link:before {
content: "\f0c1";
}
.uk-icon-cloud:before {
content: "\f0c2";
}
.uk-icon-flask:before {
content: "\f0c3";
}
.uk-icon-cut:before,
.uk-icon-scissors:before {
content: "\f0c4";
}
.uk-icon-copy:before,
.uk-icon-files-o:before {
content: "\f0c5";
}
.uk-icon-paperclip:before {
content: "\f0c6";
}
.uk-icon-save:before,
.uk-icon-floppy-o:before {
content: "\f0c7";
}
.uk-icon-square:before {
content: "\f0c8";
}
.uk-icon-navicon:before,
.uk-icon-reorder:before,
.uk-icon-bars:before {
content: "\f0c9";
}
.uk-icon-list-ul:before {
content: "\f0ca";
}
.uk-icon-list-ol:before {
content: "\f0cb";
}
.uk-icon-strikethrough:before {
content: "\f0cc";
}
.uk-icon-underline:before {
content: "\f0cd";
}
.uk-icon-table:before {
content: "\f0ce";
}
.uk-icon-magic:before {
content: "\f0d0";
}
.uk-icon-truck:before {
content: "\f0d1";
}
.uk-icon-pinterest:before {
content: "\f0d2";
}
.uk-icon-pinterest-square:before {
content: "\f0d3";
}
.uk-icon-google-plus-square:before {
content: "\f0d4";
}
.uk-icon-google-plus:before {
content: "\f0d5";
}
.uk-icon-money:before {
content: "\f0d6";
}
.uk-icon-caret-down:before {
content: "\f0d7";
}
.uk-icon-caret-up:before {
content: "\f0d8";
}
.uk-icon-caret-left:before {
content: "\f0d9";
}
.uk-icon-caret-right:before {
content: "\f0da";
}
.uk-icon-columns:before {
content: "\f0db";
}
.uk-icon-unsorted:before,
.uk-icon-sort:before {
content: "\f0dc";
}
.uk-icon-sort-down:before,
.uk-icon-sort-desc:before {
content: "\f0dd";
}
.uk-icon-sort-up:before,
.uk-icon-sort-asc:before {
content: "\f0de";
}
.uk-icon-envelope:before {
content: "\f0e0";
}
.uk-icon-linkedin:before {
content: "\f0e1";
}
.uk-icon-rotate-left:before,
.uk-icon-undo:before {
content: "\f0e2";
}
.uk-icon-legal:before,
.uk-icon-gavel:before {
content: "\f0e3";
}
.uk-icon-dashboard:before,
.uk-icon-tachometer:before {
content: "\f0e4";
}
.uk-icon-comment-o:before {
content: "\f0e5";
}
.uk-icon-comments-o:before {
content: "\f0e6";
}
.uk-icon-flash:before,
.uk-icon-bolt:before {
content: "\f0e7";
}
.uk-icon-sitemap:before {
content: "\f0e8";
}
.uk-icon-umbrella:before {
content: "\f0e9";
}
.uk-icon-paste:before,
.uk-icon-clipboard:before {
content: "\f0ea";
}
.uk-icon-lightbulb-o:before {
content: "\f0eb";
}
.uk-icon-exchange:before {
content: "\f0ec";
}
.uk-icon-cloud-download:before {
content: "\f0ed";
}
.uk-icon-cloud-upload:before {
content: "\f0ee";
}
.uk-icon-user-md:before {
content: "\f0f0";
}
.uk-icon-stethoscope:before {
content: "\f0f1";
}
.uk-icon-suitcase:before {
content: "\f0f2";
}
.uk-icon-bell-o:before {
content: "\f0a2";
}
.uk-icon-coffee:before {
content: "\f0f4";
}
.uk-icon-cutlery:before {
content: "\f0f5";
}
.uk-icon-file-text-o:before {
content: "\f0f6";
}
.uk-icon-building-o:before {
content: "\f0f7";
}
.uk-icon-hospital-o:before {
content: "\f0f8";
}
.uk-icon-ambulance:before {
content: "\f0f9";
}
.uk-icon-medkit:before {
content: "\f0fa";
}
.uk-icon-fighter-jet:before {
content: "\f0fb";
}
.uk-icon-beer:before {
content: "\f0fc";
}
.uk-icon-h-square:before {
content: "\f0fd";
}
.uk-icon-plus-square:before {
content: "\f0fe";
}
.uk-icon-angle-double-left:before {
content: "\f100";
}
.uk-icon-angle-double-right:before {
content: "\f101";
}
.uk-icon-angle-double-up:before {
content: "\f102";
}
.uk-icon-angle-double-down:before {
content: "\f103";
}
.uk-icon-angle-left:before {
content: "\f104";
}
.uk-icon-angle-right:before {
content: "\f105";
}
.uk-icon-angle-up:before {
content: "\f106";
}
.uk-icon-angle-down:before {
content: "\f107";
}
.uk-icon-desktop:before {
content: "\f108";
}
.uk-icon-laptop:before {
content: "\f109";
}
.uk-icon-tablet:before {
content: "\f10a";
}
.uk-icon-mobile-phone:before,
.uk-icon-mobile:before {
content: "\f10b";
}
.uk-icon-circle-o:before {
content: "\f10c";
}
.uk-icon-quote-left:before {
content: "\f10d";
}
.uk-icon-quote-right:before {
content: "\f10e";
}
.uk-icon-spinner:before {
content: "\f110";
}
.uk-icon-circle:before {
content: "\f111";
}
.uk-icon-mail-reply:before,
.uk-icon-reply:before {
content: "\f112";
}
.uk-icon-github-alt:before {
content: "\f113";
}
.uk-icon-folder-o:before {
content: "\f114";
}
.uk-icon-folder-open-o:before {
content: "\f115";
}
.uk-icon-smile-o:before {
content: "\f118";
}
.uk-icon-frown-o:before {
content: "\f119";
}
.uk-icon-meh-o:before {
content: "\f11a";
}
.uk-icon-gamepad:before {
content: "\f11b";
}
.uk-icon-keyboard-o:before {
content: "\f11c";
}
.uk-icon-flag-o:before {
content: "\f11d";
}
.uk-icon-flag-checkered:before {
content: "\f11e";
}
.uk-icon-terminal:before {
content: "\f120";
}
.uk-icon-code:before {
content: "\f121";
}
.uk-icon-mail-reply-all:before,
.uk-icon-reply-all:before {
content: "\f122";
}
.uk-icon-star-half-empty:before,
.uk-icon-star-half-full:before,
.uk-icon-star-half-o:before {
content: "\f123";
}
.uk-icon-location-arrow:before {
content: "\f124";
}
.uk-icon-crop:before {
content: "\f125";
}
.uk-icon-code-fork:before {
content: "\f126";
}
.uk-icon-unlink:before,
.uk-icon-chain-broken:before {
content: "\f127";
}
.uk-icon-question:before {
content: "\f128";
}
.uk-icon-info:before {
content: "\f129";
}
.uk-icon-exclamation:before {
content: "\f12a";
}
.uk-icon-superscript:before {
content: "\f12b";
}
.uk-icon-subscript:before {
content: "\f12c";
}
.uk-icon-eraser:before {
content: "\f12d";
}
.uk-icon-puzzle-piece:before {
content: "\f12e";
}
.uk-icon-microphone:before {
content: "\f130";
}
.uk-icon-microphone-slash:before {
content: "\f131";
}
.uk-icon-shield:before {
content: "\f132";
}
.uk-icon-calendar-o:before {
content: "\f133";
}
.uk-icon-fire-extinguisher:before {
content: "\f134";
}
.uk-icon-rocket:before {
content: "\f135";
}
.uk-icon-maxcdn:before {
content: "\f136";
}
.uk-icon-chevron-circle-left:before {
content: "\f137";
}
.uk-icon-chevron-circle-right:before {
content: "\f138";
}
.uk-icon-chevron-circle-up:before {
content: "\f139";
}
.uk-icon-chevron-circle-down:before {
content: "\f13a";
}
.uk-icon-html5:before {
content: "\f13b";
}
.uk-icon-css3:before {
content: "\f13c";
}
.uk-icon-anchor:before {
content: "\f13d";
}
.uk-icon-unlock-alt:before {
content: "\f13e";
}
.uk-icon-bullseye:before {
content: "\f140";
}
.uk-icon-ellipsis-h:before {
content: "\f141";
}
.uk-icon-ellipsis-v:before {
content: "\f142";
}
.uk-icon-rss-square:before {
content: "\f143";
}
.uk-icon-play-circle:before {
content: "\f144";
}
.uk-icon-ticket:before {
content: "\f145";
}
.uk-icon-minus-square:before {
content: "\f146";
}
.uk-icon-minus-square-o:before {
content: "\f147";
}
.uk-icon-level-up:before {
content: "\f148";
}
.uk-icon-level-down:before {
content: "\f149";
}
.uk-icon-check-square:before {
content: "\f14a";
}
.uk-icon-pencil-square:before {
content: "\f14b";
}
.uk-icon-external-link-square:before {
content: "\f14c";
}
.uk-icon-share-square:before {
content: "\f14d";
}
.uk-icon-compass:before {
content: "\f14e";
}
.uk-icon-toggle-down:before,
.uk-icon-caret-square-o-down:before {
content: "\f150";
}
.uk-icon-toggle-up:before,
.uk-icon-caret-square-o-up:before {
content: "\f151";
}
.uk-icon-toggle-right:before,
.uk-icon-caret-square-o-right:before {
content: "\f152";
}
.uk-icon-euro:before,
.uk-icon-eur:before {
content: "\f153";
}
.uk-icon-gbp:before {
content: "\f154";
}
.uk-icon-dollar:before,
.uk-icon-usd:before {
content: "\f155";
}
.uk-icon-rupee:before,
.uk-icon-inr:before {
content: "\f156";
}
.uk-icon-cny:before,
.uk-icon-rmb:before,
.uk-icon-yen:before,
.uk-icon-jpy:before {
content: "\f157";
}
.uk-icon-ruble:before,
.uk-icon-rouble:before,
.uk-icon-rub:before {
content: "\f158";
}
.uk-icon-won:before,
.uk-icon-krw:before {
content: "\f159";
}
.uk-icon-bitcoin:before,
.uk-icon-btc:before {
content: "\f15a";
}
.uk-icon-file:before {
content: "\f15b";
}
.uk-icon-file-text:before {
content: "\f15c";
}
.uk-icon-sort-alpha-asc:before {
content: "\f15d";
}
.uk-icon-sort-alpha-desc:before {
content: "\f15e";
}
.uk-icon-sort-amount-asc:before {
content: "\f160";
}
.uk-icon-sort-amount-desc:before {
content: "\f161";
}
.uk-icon-sort-numeric-asc:before {
content: "\f162";
}
.uk-icon-sort-numeric-desc:before {
content: "\f163";
}
.uk-icon-thumbs-up:before {
content: "\f164";
}
.uk-icon-thumbs-down:before {
content: "\f165";
}
.uk-icon-youtube-square:before {
content: "\f166";
}
.uk-icon-youtube:before {
content: "\f167";
}
.uk-icon-xing:before {
content: "\f168";
}
.uk-icon-xing-square:before {
content: "\f169";
}
.uk-icon-youtube-play:before {
content: "\f16a";
}
.uk-icon-dropbox:before {
content: "\f16b";
}
.uk-icon-stack-overflow:before {
content: "\f16c";
}
.uk-icon-instagram:before {
content: "\f16d";
}
.uk-icon-flickr:before {
content: "\f023";
}
.uk-icon-adn:before {
content: "\f170";
}
.uk-icon-bitbucket:before {
content: "\f171";
}
.uk-icon-bitbucket-square:before {
content: "\f172";
}
.uk-icon-tumblr:before {
content: "\f173";
}
.uk-icon-tumblr-square:before {
content: "\f174";
}
.uk-icon-long-arrow-down:before {
content: "\f175";
}
.uk-icon-long-arrow-up:before {
content: "\f176";
}
.uk-icon-long-arrow-left:before {
content: "\f177";
}
.uk-icon-long-arrow-right:before {
content: "\f178";
}
.uk-icon-apple:before {
content: "\f179";
}
.uk-icon-windows:before {
content: "\f17a";
}
.uk-icon-android:before {
content: "\f17b";
}
.uk-icon-linux:before {
content: "\f17c";
}
.uk-icon-dribbble:before {
content: "\f17d";
}
.uk-icon-skype:before {
content: "\f17e";
}
.uk-icon-foursquare:before {
content: "\f180";
}
.uk-icon-trello:before {
content: "\f181";
}
.uk-icon-female:before {
content: "\f182";
}
.uk-icon-male:before {
content: "\f183";
}
.uk-icon-gittip:before,
.uk-icon-gratipay:before {
content: "\f184";
}
.uk-icon-sun-o:before {
content: "\f185";
}
.uk-icon-moon-o:before {
content: "\f186";
}
.uk-icon-archive:before {
content: "\f187";
}
.uk-icon-bug:before {
content: "\f188";
}
.uk-icon-vk:before {
content: "\f189";
}
.uk-icon-weibo:before {
content: "\f18a";
}
.uk-icon-renren:before {
content: "\f18b";
}
.uk-icon-pagelines:before {
content: "\f18c";
}
.uk-icon-stack-exchange:before {
content: "\f18d";
}
.uk-icon-arrow-circle-o-right:before {
content: "\f18e";
}
.uk-icon-arrow-circle-o-left:before {
content: "\f190";
}
.uk-icon-toggle-left:before,
.uk-icon-caret-square-o-left:before {
content: "\f191";
}
.uk-icon-dot-circle-o:before {
content: "\f192";
}
.uk-icon-wheelchair:before {
content: "\f193";
}
.uk-icon-vimeo-square:before {
content: "\f194";
}
.uk-icon-turkish-lira:before,
.uk-icon-try:before {
content: "\f195";
}
.uk-icon-plus-square-o:before {
content: "\f196";
}
.uk-icon-space-shuttle:before {
content: "\f197";
}
.uk-icon-slack:before {
content: "\f198";
}
.uk-icon-envelope-square:before {
content: "\f199";
}
.uk-icon-wordpress:before {
content: "\f19a";
}
.uk-icon-openid:before {
content: "\f19b";
}
.uk-icon-institution:before,
.uk-icon-bank:before,
.uk-icon-university:before {
content: "\f19c";
}
.uk-icon-mortar-board:before,
.uk-icon-graduation-cap:before {
content: "\f19d";
}
.uk-icon-yahoo:before {
content: "\f19e";
}
.uk-icon-google:before {
content: "\f1a0";
}
.uk-icon-reddit:before {
content: "\f1a1";
}
.uk-icon-reddit-square:before {
content: "\f1a2";
}
.uk-icon-stumbleupon-circle:before {
content: "\f1a3";
}
.uk-icon-stumbleupon:before {
content: "\f1a4";
}
.uk-icon-delicious:before {
content: "\f1a5";
}
.uk-icon-digg:before {
content: "\f1a6";
}
.uk-icon-pied-piper:before {
content: "\f1a7";
}
.uk-icon-pied-piper-alt:before {
content: "\f1a8";
}
.uk-icon-drupal:before {
content: "\f1a9";
}
.uk-icon-joomla:before {
content: "\f1aa";
}
.uk-icon-language:before {
content: "\f1ab";
}
.uk-icon-fax:before {
content: "\f1ac";
}
.uk-icon-building:before {
content: "\f1ad";
}
.uk-icon-child:before {
content: "\f1ae";
}
.uk-icon-paw:before {
content: "\f1b0";
}
.uk-icon-spoon:before {
content: "\f1b1";
}
.uk-icon-cube:before {
content: "\f1b2";
}
.uk-icon-cubes:before {
content: "\f1b3";
}
.uk-icon-behance:before {
content: "\f1b4";
}
.uk-icon-behance-square:before {
content: "\f1b5";
}
.uk-icon-steam:before {
content: "\f1b6";
}
.uk-icon-steam-square:before {
content: "\f1b7";
}
.uk-icon-recycle:before {
content: "\f1b8";
}
.uk-icon-automobile:before,
.uk-icon-car:before {
content: "\f1b9";
}
.uk-icon-cab:before,
.uk-icon-taxi:before {
content: "\f1ba";
}
.uk-icon-tree:before {
content: "\f1bb";
}
.uk-icon-spotify:before {
content: "\f1bc";
}
.uk-icon-deviantart:before {
content: "\f1bd";
}
.uk-icon-soundcloud:before {
content: "\f1be";
}
.uk-icon-database:before {
content: "\f1c0";
}
.uk-icon-file-pdf-o:before {
content: "\f1c1";
}
.uk-icon-file-word-o:before {
content: "\f1c2";
}
.uk-icon-file-excel-o:before {
content: "\f1c3";
}
.uk-icon-file-powerpoint-o:before {
content: "\f1c4";
}
.uk-icon-file-photo-o:before,
.uk-icon-file-picture-o:before,
.uk-icon-file-image-o:before {
content: "\f1c5";
}
.uk-icon-file-zip-o:before,
.uk-icon-file-archive-o:before {
content: "\f1c6";
}
.uk-icon-file-sound-o:before,
.uk-icon-file-audio-o:before {
content: "\f1c7";
}
.uk-icon-file-movie-o:before,
.uk-icon-file-video-o:before {
content: "\f1c8";
}
.uk-icon-file-code-o:before {
content: "\f1c9";
}
.uk-icon-vine:before {
content: "\f1ca";
}
.uk-icon-codepen:before {
content: "\f1cb";
}
.uk-icon-jsfiddle:before {
content: "\f1cc";
}
.uk-icon-life-bouy:before,
.uk-icon-life-buoy:before,
.uk-icon-life-saver:before,
.uk-icon-support:before,
.uk-icon-life-ring:before {
content: "\f1cd";
}
.uk-icon-circle-o-notch:before {
content: "\f1ce";
}
.uk-icon-ra:before,
.uk-icon-rebel:before {
content: "\f1d0";
}
.uk-icon-ge:before,
.uk-icon-empire:before {
content: "\f1d1";
}
.uk-icon-git-square:before {
content: "\f1d2";
}
.uk-icon-git:before {
content: "\f1d3";
}
.uk-icon-hacker-news:before {
content: "\f1d4";
}
.uk-icon-tencent-weibo:before {
content: "\f1d5";
}
.uk-icon-qq:before {
content: "\f1d6";
}
.uk-icon-wechat:before,
.uk-icon-weixin:before {
content: "\f1d7";
}
.uk-icon-send:before,
.uk-icon-paper-plane:before {
content: "\f1d8";
}
.uk-icon-send-o:before,
.uk-icon-paper-plane-o:before {
content: "\f1d9";
}
.uk-icon-history:before {
content: "\f1da";
}
.uk-icon-genderless:before,
.uk-icon-circle-thin:before {
content: "\f1db";
}
.uk-icon-header:before {
content: "\f1dc";
}
.uk-icon-paragraph:before {
content: "\f1dd";
}
.uk-icon-sliders:before {
content: "\f1de";
}
.uk-icon-share-alt:before {
content: "\f1e0";
}
.uk-icon-share-alt-square:before {
content: "\f1e1";
}
.uk-icon-bomb:before {
content: "\f1e2";
}
.uk-icon-soccer-ball-o:before,
.uk-icon-futbol-o:before {
content: "\f1e3";
}
.uk-icon-tty:before {
content: "\f1e4";
}
.uk-icon-binoculars:before {
content: "\f1e5";
}
.uk-icon-plug:before {
content: "\f1e6";
}
.uk-icon-slideshare:before {
content: "\f1e7";
}
.uk-icon-twitch:before {
content: "\f1e8";
}
.uk-icon-yelp:before {
content: "\f1e9";
}
.uk-icon-newspaper-o:before {
content: "\f1ea";
}
.uk-icon-wifi:before {
content: "\f1eb";
}
.uk-icon-calculator:before {
content: "\f1ec";
}
.uk-icon-paypal:before {
content: "\f1ed";
}
.uk-icon-google-wallet:before {
content: "\f1ee";
}
.uk-icon-cc-visa:before {
content: "\f1f0";
}
.uk-icon-cc-mastercard:before {
content: "\f1f1";
}
.uk-icon-cc-discover:before {
content: "\f1f2";
}
.uk-icon-cc-amex:before {
content: "\f1f3";
}
.uk-icon-cc-paypal:before {
content: "\f1f4";
}
.uk-icon-cc-stripe:before {
content: "\f1f5";
}
.uk-icon-bell-slash:before {
content: "\f1f6";
}
.uk-icon-bell-slash-o:before {
content: "\f1f7";
}
.uk-icon-trash:before {
content: "\f1f8";
}
.uk-icon-copyright:before {
content: "\f1f9";
}
.uk-icon-at:before {
content: "\f1fa";
}
.uk-icon-eyedropper:before {
content: "\f1fb";
}
.uk-icon-paint-brush:before {
content: "\f1fc";
}
.uk-icon-birthday-cake:before {
content: "\f1fd";
}
.uk-icon-area-chart:before {
content: "\f1fe";
}
.uk-icon-pie-chart:before {
content: "\f200";
}
.uk-icon-line-chart:before {
content: "\f201";
}
.uk-icon-lastfm:before {
content: "\f202";
}
.uk-icon-lastfm-square:before {
content: "\f203";
}
.uk-icon-toggle-off:before {
content: "\f204";
}
.uk-icon-toggle-on:before {
content: "\f205";
}
.uk-icon-bicycle:before {
content: "\f206";
}
.uk-icon-bus:before {
content: "\f207";
}
.uk-icon-ioxhost:before {
content: "\f208";
}
.uk-icon-angellist:before {
content: "\f209";
}
.uk-icon-cc:before {
content: "\f20a";
}
.uk-icon-shekel:before,
.uk-icon-sheqel:before,
.uk-icon-ils:before {
content: "\f20b";
}
.uk-icon-meanpath:before {
content: "\f20c";
}
.uk-icon-buysellads:before {
content: "\f20d";
}
.uk-icon-connectdevelop:before {
content: "\f20e";
}
.uk-icon-dashcube:before {
content: "\f210";
}
.uk-icon-forumbee:before {
content: "\f211";
}
.uk-icon-leanpub:before {
content: "\f212";
}
.uk-icon-sellsy:before {
content: "\f213";
}
.uk-icon-shirtsinbulk:before {
content: "\f214";
}
.uk-icon-simplybuilt:before {
content: "\f215";
}
.uk-icon-skyatlas:before {
content: "\f216";
}
.uk-icon-cart-plus:before {
content: "\f217";
}
.uk-icon-cart-arrow-down:before {
content: "\f218";
}
.uk-icon-diamond:before {
content: "\f219";
}
.uk-icon-ship:before {
content: "\f21a";
}
.uk-icon-user-secret:before {
content: "\f21b";
}
.uk-icon-motorcycle:before {
content: "\f21c";
}
.uk-icon-street-view:before {
content: "\f21d";
}
.uk-icon-heartbeat:before {
content: "\f21e";
}
.uk-icon-venus:before {
content: "\f221";
}
.uk-icon-mars:before {
content: "\f222";
}
.uk-icon-mercury:before {
content: "\f223";
}
.uk-icon-transgender:before {
content: "\f224";
}
.uk-icon-transgender-alt:before {
content: "\f225";
}
.uk-icon-venus-double:before {
content: "\f226";
}
.uk-icon-mars-double:before {
content: "\f227";
}
.uk-icon-venus-mars:before {
content: "\f228";
}
.uk-icon-mars-stroke:before {
content: "\f229";
}
.uk-icon-mars-stroke-v:before {
content: "\f22a";
}
.uk-icon-mars-stroke-h:before {
content: "\f22b";
}
.uk-icon-neuter:before {
content: "\f22c";
}
.uk-icon-facebook-official:before {
content: "\f230";
}
.uk-icon-pinterest-p:before {
content: "\f231";
}
.uk-icon-whatsapp:before {
content: "\f232";
}
.uk-icon-server:before {
content: "\f233";
}
.uk-icon-user-plus:before {
content: "\f234";
}
.uk-icon-user-times:before {
content: "\f235";
}
.uk-icon-hotel:before,
.uk-icon-bed:before {
content: "\f236";
}
.uk-icon-viacoin:before {
content: "\f237";
}
.uk-icon-train:before {
content: "\f238";
}
.uk-icon-subway:before {
content: "\f239";
}
.uk-icon-medium-logo:before {
content: "\f23a";
}
.uk-icon-500px:before {
content: "\f26e";
}
.uk-icon-amazon:before {
content: "\f270";
}
.uk-icon-balance-scale:before {
content: "\f24e";
}
.uk-icon-battery-empty:before,
.uk-icon-battery-0:before {
content: "\f244";
}
.uk-icon-battery-quarter:before,
.uk-icon-battery-1:before {
content: "\f243";
}
.uk-icon-battery-half:before,
.uk-icon-battery-2:before {
content: "\f242";
}
.uk-icon-battery-three-quarters:before,
.uk-icon-battery-3:before {
content: "\f241";
}
.uk-icon-battery-full:before,
.uk-icon-battery-4:before {
content: "\f240";
}
.uk-icon-black-tie:before {
content: "\f27e";
}
.uk-icon-calendar-check-o:before {
content: "\f274";
}
.uk-icon-calendar-minus-o:before {
content: "\f272";
}
.uk-icon-calendar-plus-o:before {
content: "\f271";
}
.uk-icon-calendar-times-o:before {
content: "\f273";
}
.uk-icon-cc-diners-club:before {
content: "\f24c";
}
.uk-icon-cc-jcb:before {
content: "\f24b";
}
.uk-icon-chrome:before {
content: "\f268";
}
.uk-icon-clone:before {
content: "\f24d";
}
.uk-icon-commenting:before {
content: "\f27a";
}
.uk-icon-commenting-o:before {
content: "\f27b";
}
.uk-icon-contao:before {
content: "\f26d";
}
.uk-icon-creative-commons:before {
content: "\f25e";
}
.uk-icon-expeditedssl:before {
content: "\f23e";
}
.uk-icon-firefox:before {
content: "\f269";
}
.uk-icon-fonticons:before {
content: "\f280";
}
.uk-icon-get-pocket:before {
content: "\f265";
}
.uk-icon-gg:before {
content: "\f260";
}
.uk-icon-gg-circle:before {
content: "\f261";
}
.uk-icon-hand-lizard-o:before {
content: "\f258";
}
.uk-icon-hand-stop-o:before,
.uk-icon-hand-paper-o:before {
content: "\f256";
}
.uk-icon-hand-peace-o:before {
content: "\f25b";
}
.uk-icon-hand-pointer-o:before {
content: "\f25a";
}
.uk-icon-hand-grab-o:before,
.uk-icon-hand-rock-o:before {
content: "\f255";
}
.uk-icon-hand-scissors-o:before {
content: "\f257";
}
.uk-icon-hand-spock-o:before {
content: "\f259";
}
.uk-icon-hourglass:before {
content: "\f254";
}
.uk-icon-hourglass-o:before {
content: "\f250";
}
.uk-icon-hourglass-1:before,
.uk-icon-hourglass-start:before {
content: "\f251";
}
.uk-icon-hourglass-2:before,
.uk-icon-hourglass-half:before {
content: "\f252";
}
.uk-icon-hourglass-3:before,
.uk-icon-hourglass-end:before {
content: "\f253";
}
.uk-icon-houzz:before {
content: "\f27c";
}
.uk-icon-i-cursor:before {
content: "\f246";
}
.uk-icon-industry:before {
content: "\f275";
}
.uk-icon-internet-explorer:before {
content: "\f26b";
}
.uk-icon-map:before {
content: "\f279";
}
.uk-icon-map-o:before {
content: "\f278";
}
.uk-icon-map-pin:before {
content: "\f276";
}
.uk-icon-map-signs:before {
content: "\f277";
}
.uk-icon-mouse-pointer:before {
content: "\f245";
}
.uk-icon-object-group:before {
content: "\f247";
}
.uk-icon-object-ungroup:before {
content: "\f248";
}
.uk-icon-odnoklassniki:before {
content: "\f263";
}
.uk-icon-odnoklassniki-square:before {
content: "\f264";
}
.uk-icon-opencart:before {
content: "\f23d";
}
.uk-icon-opera:before {
content: "\f26a";
}
.uk-icon-optin-monster:before {
content: "\f23c";
}
.uk-icon-registered:before {
content: "\f25d";
}
.uk-icon-safari:before {
content: "\f267";
}
.uk-icon-sticky-note:before {
content: "\f249";
}
.uk-icon-sticky-note-o:before {
content: "\f24a";
}
.uk-icon-tv:before,
.uk-icon-television:before {
content: "\f26c";
}
.uk-icon-trademark:before {
content: "\f25c";
}
.uk-icon-tripadvisor:before {
content: "\f262";
}
.uk-icon-vimeo:before {
content: "\f27d";
}
.uk-icon-wikipedia-w:before {
content: "\f266";
}
.uk-icon-yc:before,
.uk-icon-y-combinator:before {
content: "\f23b";
}
.uk-icon-yc-square:before,
.uk-icon-y-combinator-square:before {
content: "\f1d4";
}
.uk-icon-bluetooth:before {
content: "\f293";
}
.uk-icon-bluetooth-b:before {
content: "\f294";
}
.uk-icon-codiepie:before {
content: "\f284";
}
.uk-icon-credit-card-alt:before {
content: "\f283";
}
.uk-icon-edge:before {
content: "\f282";
}
.uk-icon-fort-awesome:before {
content: "\f286";
}
.uk-icon-hashtag:before {
content: "\f292";
}
.uk-icon-mixcloud:before {
content: "\f289";
}
.uk-icon-modx:before {
content: "\f285";
}
.uk-icon-pause-circle:before {
content: "\f28b";
}
.uk-icon-pause-circle-o:before {
content: "\f28c";
}
.uk-icon-percent:before {
content: "\f295";
}
.uk-icon-product-hunt:before {
content: "\f288";
}
.uk-icon-reddit-alien:before {
content: "\f281";
}
.uk-icon-scribd:before {
content: "\f28a";
}
.uk-icon-shopping-bag:before {
content: "\f290";
}
.uk-icon-shopping-basket:before {
content: "\f291";
}
.uk-icon-stop-circle:before {
content: "\f28d";
}
.uk-icon-stop-circle-o:before {
content: "\f28e";
}
.uk-icon-usb:before {
content: "\f287";
}
/* ========================================================================
Component: Close
========================================================================== */
/*
* Removes inner padding and border in Firefox 4+.
*/
.uk-close::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Correct inability to style clickable `input` types in iOS.
* 2. Remove margins in Chrome, Safari and Opera.
* 3. Remove borders for `button`.
* 4. Address `overflow` set to `hidden` in IE 8/9/10/11.
* 5. Correct `font` properties and `color` not being inherited for `button`.
* 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE
* 7. Remove default `button` padding and background color
* 8. Style
*/
.uk-close {
/* 1 */
-webkit-appearance: none;
/* 2 */
margin: 0;
/* 3 */
border: none;
/* 4 */
overflow: visible;
/* 5 */
font: inherit;
color: inherit;
/* 6 */
text-transform: none;
/* 7. */
padding: 0;
background: transparent;
/* 8 */
display: inline-block;
box-sizing: content-box;
width: 20px;
line-height: 20px;
text-align: center;
vertical-align: middle;
opacity: 0.3;
}
/* Icon */
.uk-close:after {
display: block;
content: "\f00d";
font-family: FontAwesome;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
* 3. Required for `a` elements
*/
.uk-close:hover,
.uk-close:focus {
opacity: 0.5;
/* 2 */
outline: none;
/* 3 */
color: inherit;
text-decoration: none;
cursor: pointer;
}
/* Modifier
========================================================================== */
.uk-close-alt {
padding: 2px;
border-radius: 50%;
background: #eeeeee;
opacity: 1;
}
/* Hover */
.uk-close-alt:hover,
.uk-close-alt:focus {
opacity: 1;
}
/* Icon */
.uk-close-alt:after {
opacity: 0.5;
}
.uk-close-alt:hover:after,
.uk-close-alt:focus:after {
opacity: 0.8;
}
/* ========================================================================
Component: Badge
========================================================================== */
.uk-badge {
display: inline-block;
padding: 0 5px;
background: #00a8e6;
font-size: 11px;
font-weight: normal;
line-height: 15px;
color: #ffc722;
text-align: center;
vertical-align: middle;
text-transform: none;
}
/*
* Keep color when badge is a link
*/
a.uk-badge:hover {
color: #ffc722;
}
/* Modifier: `uk-badge-notification`;
========================================================================== */
.uk-badge-notification {
box-sizing: border-box;
min-width: 18px;
border-radius: 500px;
font-size: 12px;
line-height: 18px;
}
/* Color modifier
========================================================================== */
/*
* Modifier: `uk-badge-success`
*/
.uk-badge-success {
background-color: #8cc14c;
}
/*
* Modifier: `uk-badge-warning`
*/
.uk-badge-warning {
background-color: #faa732;
}
/*
* Modifier: `uk-badge-danger`
*/
.uk-badge-danger {
background-color: #da314b;
}
/* ========================================================================
Component: Alert
========================================================================== */
.uk-alert {
margin-bottom: 20px;
padding: 10px;
background: #ebf7fd;
color: #2d7091;
}
/*
* Add margin if adjacent element
*/
* + .uk-alert {
margin-top: 20px;
}
/*
* Remove margin from the last-child
*/
.uk-alert > :last-child {
margin-bottom: 0;
}
/*
* Keep color for headings if the default heading color is changed
*/
.uk-alert h1,
.uk-alert h2,
.uk-alert h3,
.uk-alert h4,
.uk-alert h5,
.uk-alert h6 {
color: inherit;
}
/* Close in alert
========================================================================== */
.uk-alert > .uk-close:first-child {
float: right;
}
/*
* Remove margin from adjacent element
*/
.uk-alert > .uk-close:first-child + * {
margin-top: 0;
}
/* Modifier: `uk-alert-success`
========================================================================== */
.uk-alert-success {
background: #f2fae3;
color: #659f13;
}
/* Modifier: `uk-alert-warning`
========================================================================== */
.uk-alert-warning {
background: #fffceb;
color: #e28327;
}
/* Modifier: `uk-alert-danger`
========================================================================== */
.uk-alert-danger {
background: #fff1f0;
color: #d85030;
}
/* Modifier: `uk-alert-large`
========================================================================== */
.uk-alert-large {
padding: 20px;
}
.uk-alert-large > .uk-close:first-child {
margin: -10px -10px 0 0;
}
/* ========================================================================
Component: Thumbnail
========================================================================== */
/*
* 1. Container width fits its content
* 2. Responsive behavior
* 3. Corrects `max-width` behavior sed
* 4. Required for `figure` element
* 5. Style
*/
.uk-thumbnail {
/* 1 */
display: inline-block;
/* 2 */
max-width: 100%;
/* 3 */
box-sizing: border-box;
/* 3 */
margin: 0;
/* 4 */
padding: 4px;
border: 1px solid #dddddd;
background: #ffffff;
}
/*
* Hover state for `a` elements
* 1. Apply hover style also to focus state
* 2. Needed for caption
* 3. Remove default focus style
*/
a.uk-thumbnail:hover,
a.uk-thumbnail:focus {
border-color: #aaaaaa;
background-color: #ffffff;
/* 2 */
text-decoration: none;
/* 3 */
outline: none;
}
/* Caption
========================================================================== */
.uk-thumbnail-caption {
padding-top: 4px;
text-align: center;
color: #363533;
}
/* Sizes
========================================================================== */
.uk-thumbnail-mini {
width: 150px;
}
.uk-thumbnail-small {
width: 200px;
}
.uk-thumbnail-medium {
width: 300px;
}
.uk-thumbnail-large {
width: 400px;
}
.uk-thumbnail-expand,
.uk-thumbnail-expand > img {
width: 100%;
}
/* ========================================================================
Component: Overlay
========================================================================== */
/*
* 1. Container width fits its content
* 2. Create position context
* 3. Set max-width for responsive images to prevent `inline-block` consequences
* 4. Remove the gap between the container and its child element
* 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome
* 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
* 7. Reset margin
*/
.uk-overlay {
/* 1 */
display: inline-block;
/* 2 */
position: relative;
/* 3 */
max-width: 100%;
/* 4 */
vertical-align: middle;
/* 5 */
overflow: hidden;
/* 6 */
-webkit-transform: translateZ(0);
/* 7 */
margin: 0;
}
/* 6 for Safari */
.uk-overlay.uk-border-circle {
-webkit-mask-image: -webkit-radial-gradient(circle, #ffffff 100%, #000000 100%);
}
/*
* Remove margin from content
*/
.uk-overlay > :first-child {
margin-bottom: 0;
}
/* Sub-object `uk-overlay-panel`
========================================================================== */
/*
* 1. Position cover
* 2. Style
*/
.uk-overlay-panel {
/* 1 */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* 2 */
padding: 20px;
color: #ffc722;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-panel > :last-child,
.uk-overlay-panel.uk-flex > * > :last-child {
margin-bottom: 0;
}
/*
* Keep color for headings if the default heading color is changed
*/
.uk-overlay-panel h1,
.uk-overlay-panel h2,
.uk-overlay-panel h3,
.uk-overlay-panel h4,
.uk-overlay-panel h5,
.uk-overlay-panel h6 {
color: inherit;
}
.uk-overlay-panel a:not([class]) {
color: inherit;
text-decoration: underline;
}
.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) {
color: inherit;
}
/* Sub-object `uk-overlay-hover` and `uk-overlay-active`
========================================================================== */
.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) {
opacity: 0;
}
.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) {
opacity: 0;
}
/* Modifier `uk-overlay-background`
========================================================================== */
.uk-overlay-background {
background: rgba(0, 0, 0, 0.5);
}
/* Modifier `uk-overlay-image`
========================================================================== */
/*
* Reset panel
*/
.uk-overlay-image {
padding: 0;
}
/* Position modifiers
========================================================================== */
.uk-overlay-top {
bottom: auto;
}
.uk-overlay-bottom {
top: auto;
}
.uk-overlay-left {
right: auto;
}
.uk-overlay-right {
left: auto;
}
/* Sub-object `uk-overlay-icon`
========================================================================== */
.uk-overlay-icon:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #ffc722;
}
/* Transitions
========================================================================== */
.uk-overlay-fade,
.uk-overlay-scale,
.uk-overlay-spin,
.uk-overlay-grayscale,
.uk-overlay-blur,
[class*='uk-overlay-slide'] {
transition-duration: 0.3s;
transition-timing-function: ease-out;
transition-property: opacity, transform, filter;
}
.uk-overlay-active .uk-overlay-fade,
.uk-overlay-active .uk-overlay-scale,
.uk-overlay-active .uk-overlay-spin,
.uk-overlay-active [class*='uk-overlay-slide'] {
transition-duration: 0.8s;
}
/*
* Fade
*/
.uk-overlay-fade {
opacity: 0.7;
}
.uk-overlay-hover:hover .uk-overlay-fade,
.uk-overlay-hover.uk-hover .uk-overlay-fade,
.uk-overlay-active .uk-active > .uk-overlay-fade {
opacity: 1;
}
/*
* Scale
*/
.uk-overlay-scale {
-webkit-transform: scale(1);
transform: scale(1);
}
.uk-overlay-hover:hover .uk-overlay-scale,
.uk-overlay-hover.uk-hover .uk-overlay-scale,
.uk-overlay-active .uk-active > .uk-overlay-scale {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
/*
* Spin
*/
.uk-overlay-spin {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.uk-overlay-hover:hover .uk-overlay-spin,
.uk-overlay-hover.uk-hover .uk-overlay-spin,
.uk-overlay-active .uk-active > .uk-overlay-spin {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
/*
* Grayscale
*/
.uk-overlay-grayscale {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.uk-overlay-hover:hover .uk-overlay-grayscale,
.uk-overlay-hover.uk-hover .uk-overlay-grayscale,
.uk-overlay-active .uk-active > .uk-overlay-grayscale {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/*
* Slide
*/
[class*='uk-overlay-slide'] {
opacity: 0;
}
/* Top */
.uk-overlay-slide-top {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
/* Bottom */
.uk-overlay-slide-bottom {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
/* Left */
.uk-overlay-slide-left {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
/* Right */
.uk-overlay-slide-right {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* Hover */
.uk-overlay-hover:hover [class*='uk-overlay-slide'],
.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],
.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {
opacity: 1;
-webkit-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
/* DEPRECATED
* Sub-object `uk-overlay-area`
========================================================================== */
/*
* 1. Set position
* 2. Set style
* 3. Fade-in transition
*/
.uk-overlay-area {
/* 1 */
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* 2 */
background: rgba(0, 0, 0, 0.3);
/* 3 */
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
/*
* Hover
* 1. `uk-hover` to support touch devices
* 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
*/
.uk-overlay:hover .uk-overlay-area,
.uk-overlay.uk-hover .uk-overlay-area,
.uk-overlay-toggle:hover .uk-overlay-area,
.uk-overlay-toggle.uk-hover .uk-overlay-area {
opacity: 1;
}
/*
* Icon
*/
.uk-overlay-area:empty:before {
content: "\f002";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin-top: -25px;
margin-left: -25px;
font-size: 50px;
line-height: 1;
font-family: FontAwesome;
text-align: center;
color: #ffffff;
}
/* DEPRECATED
* Sub-object `uk-overlay-area-content`
========================================================================== */
/*
* Remove whitespace between child elements when using `inline-block`
* Needed for Firefox
*/
.uk-overlay-area:not(:empty) {
font-size: 0.001px;
}
/*
* 1. Needed for vertical alignment
*/
.uk-overlay-area:not(:empty):before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
/*
* 1. Set vertical alignment
* 2. Reset whitespace hack
* 3. Set horizontal alignment
* 4. Set style
*/
.uk-overlay-area-content {
/* 1 */
display: inline-block;
box-sizing: border-box;
width: 100%;
vertical-align: middle;
/* 2 */
font-size: 1rem;
/* 3 */
text-align: center;
/* 4 */
padding: 0 15px;
color: #ffffff;
}
/*
* Remove margin from the last-child
*/
.uk-overlay-area-content > :last-child {
margin-bottom: 0;
}
/*
* Links in overlay area
*/
.uk-overlay-area-content a:not([class]),
.uk-overlay-area-content a:not([class]):hover {
color: inherit;
}
/* DEPRECATED
* Sub-object `uk-overlay-caption`
========================================================================== */
/*
* 1. Set position
* 2. Set style
* 3. Fade-in transition
*/
.uk-overlay-caption {
/* 1 */
position: absolute;
bottom: 0;
left: 0;
right: 0;
/* 2 */
padding: 15px;
background: rgba(0, 0, 0, 0.5);
color: #ffffff;
/* 3 */
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
-webkit-transform: translate3d(0, 0, 0);
}
/*
* Hover
* 1. `uk-hover` to support touch devices
* 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier
*/
.uk-overlay:hover .uk-overlay-caption,
.uk-overlay.uk-hover .uk-overlay-caption,
.uk-overlay-toggle:hover .uk-overlay-caption,
.uk-overlay-toggle.uk-hover .uk-overlay-caption {
opacity: 1;
}
/* ========================================================================
Component: Column
========================================================================== */
[class*='uk-column-'] {
-webkit-column-gap: 25px;
-moz-column-gap: 25px;
column-gap: 25px;
}
/* Width modifiers
========================================================================== */
.uk-column-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.uk-column-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.uk-column-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.uk-column-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.uk-column-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
.uk-column-small-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.uk-column-small-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.uk-column-small-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.uk-column-small-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.uk-column-small-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
}
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-column-medium-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.uk-column-medium-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.uk-column-medium-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.uk-column-medium-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.uk-column-medium-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-column-large-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.uk-column-large-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.uk-column-large-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.uk-column-large-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.uk-column-large-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-column-xlarge-1-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.uk-column-xlarge-1-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.uk-column-xlarge-1-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.uk-column-xlarge-1-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.uk-column-xlarge-1-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
}
/* ========================================================================
Component: Animation
========================================================================== */
[class*='uk-animation-'] {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* Hide animated element if scrollspy is used */
@media screen {
[data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
opacity: 0;
}
}
/*
* Fade
* Higher specificity (!important) needed because of reverse modifier
*/
.uk-animation-fade {
-webkit-animation-name: uk-fade;
animation-name: uk-fade;
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
/*
* Fade with scale
*/
.uk-animation-scale-up {
-webkit-animation-name: uk-fade-scale-02;
animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
-webkit-animation-name: uk-fade-scale-18;
animation-name: uk-fade-scale-18;
}
/*
* Fade with slide
*/
.uk-animation-slide-top {
-webkit-animation-name: uk-fade-top;
animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
-webkit-animation-name: uk-fade-bottom;
animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
-webkit-animation-name: uk-fade-left;
animation-name: uk-fade-left;
}
.uk-animation-slide-right {
-webkit-animation-name: uk-fade-right;
animation-name: uk-fade-right;
}
/*
* Scale
*/
.uk-animation-scale {
-webkit-animation-name: uk-scale-12;
animation-name: uk-scale-12;
}
/*
* Shake
*/
.uk-animation-shake {
-webkit-animation-name: uk-shake;
animation-name: uk-shake;
}
/* Direction modifiers
========================================================================== */
.uk-animation-reverse {
-webkit-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/* Duration modifiers
========================================================================== */
.uk-animation-15 {
-webkit-animation-duration: 15s;
animation-duration: 15s;
}
/* Origin modifiers
========================================================================== */
.uk-animation-top-left {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.uk-animation-top-center {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.uk-animation-top-right {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.uk-animation-middle-left {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.uk-animation-middle-right {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.uk-animation-bottom-left {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.uk-animation-bottom-center {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.uk-animation-bottom-right {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
/* Sub-object: `uk-animation-hover`
========================================================================== */
/*
* Enable animation only on hover
* Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`
*/
.uk-animation-hover:not(:hover),
.uk-animation-hover:not(:hover) [class*='uk-animation-'],
.uk-touch .uk-animation-hover:not(.uk-hover),
.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {
-webkit-animation-name: none;
animation-name: none;
}
/* Keyframes: Fade
* Used by dropdown, datepicker and slideshow component
========================================================================== */
@-webkit-keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes uk-fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* Keyframes: Fade with slide
========================================================================== */
/*
* Top
*/
@-webkit-keyframes uk-fade-top {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-fade-top {
0% {
opacity: 0;
transform: translateY(-100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Bottom
*/
@-webkit-keyframes uk-fade-bottom {
0% {
opacity: 0;
-webkit-transform: translateY(100%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-fade-bottom {
0% {
opacity: 0;
transform: translateY(100%);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Left
*/
@-webkit-keyframes uk-fade-left {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-fade-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/*
* Right
*/
@-webkit-keyframes uk-fade-right {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes uk-fade-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
/* Keyframes: Fade with scale
========================================================================== */
/*
* Scale by 0.2
*/
@-webkit-keyframes uk-fade-scale-02 {
0% {
opacity: 0;
-webkit-transform: scale(0.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-02 {
0% {
opacity: 0;
transform: scale(0.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/*
* Scale by 1.5
* Used by slideshow component
*/
@-webkit-keyframes uk-fade-scale-15 {
0% {
opacity: 0;
-webkit-transform: scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-15 {
0% {
opacity: 0;
transform: scale(1.5);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/*
* Scale by 1.8
*/
@-webkit-keyframes uk-fade-scale-18 {
0% {
opacity: 0;
-webkit-transform: scale(1.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@keyframes uk-fade-scale-18 {
0% {
opacity: 0;
transform: scale(1.8);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/* Keyframes: Slide
* Used by slideshow component
========================================================================== */
/*
* Left
*/
@-webkit-keyframes uk-slide-left {
0% {
-webkit-transform: translateX(-100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left {
0% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
/*
* Right
*/
@-webkit-keyframes uk-slide-right {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0);
}
}
/*
* Left third
*/
@-webkit-keyframes uk-slide-left-33 {
0% {
-webkit-transform: translateX(33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-left-33 {
0% {
transform: translateX(33%);
}
100% {
transform: translateX(0);
}
}
/*
* Right third
*/
@-webkit-keyframes uk-slide-right-33 {
0% {
-webkit-transform: translateX(-33%);
}
100% {
-webkit-transform: translateX(0);
}
}
@keyframes uk-slide-right-33 {
0% {
transform: translateX(-33%);
}
100% {
transform: translateX(0);
}
}
/* Keyframes: Scale
========================================================================== */
@-webkit-keyframes uk-scale-12 {
0% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes uk-scale-12 {
0% {
transform: scale(1.2);
}
100% {
transform: scale(1);
}
}
/* Keyframes: Rotate
* Used by icon component
========================================================================== */
@-webkit-keyframes uk-rotate {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@keyframes uk-rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(359deg);
}
}
/* Keyframes: Shake
========================================================================== */
@-webkit-keyframes uk-shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10% {
-webkit-transform: translateX(-9px);
}
20% {
-webkit-transform: translateX(8px);
}
30% {
-webkit-transform: translateX(-7px);
}
40% {
-webkit-transform: translateX(6px);
}
50% {
-webkit-transform: translateX(-5px);
}
60% {
-webkit-transform: translateX(4px);
}
70% {
-webkit-transform: translateX(-3px);
}
80% {
-webkit-transform: translateX(2px);
}
90% {
-webkit-transform: translateX(-1px);
}
}
@keyframes uk-shake {
0%,
100% {
transform: translateX(0);
}
10% {
transform: translateX(-9px);
}
20% {
transform: translateX(8px);
}
30% {
transform: translateX(-7px);
}
40% {
transform: translateX(6px);
}
50% {
transform: translateX(-5px);
}
60% {
transform: translateX(4px);
}
70% {
transform: translateX(-3px);
}
80% {
transform: translateX(2px);
}
90% {
transform: translateX(-1px);
}
}
/* Keyframes: Fade with slide fixed
* Used by dropdown and search component
========================================================================== */
/*
* Top fixed
*/
@-webkit-keyframes uk-slide-top-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-top-fixed {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/*
* Bottom fixed
*/
@-webkit-keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes uk-slide-bottom-fixed {
0% {
opacity: 0;
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
/* ========================================================================
Component: Dropdown
========================================================================== */
/*
* 1. Hide by default
* 2. Set position
* 3. Box-sizing is needed for `uk-dropdown-justify`
* 4. Set width
*/
.uk-dropdown,
.uk-dropdown-blank {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1020;
/* 3 */
box-sizing: border-box;
/* 4 */
width: 220px;
}
/*
* Dropdown style
* 1. Reset button group whitespace hack
*/
.uk-dropdown {
padding: 15px;
background: rgba(255, 255, 255, 0);
color: #363533;
/* 1 */
font-size: 1rem;
vertical-align: top;
}
/*
* 1. Show dropdown
* 2. Set animation
* 3. Needed for scale animation
*/
.uk-open > .uk-dropdown,
.uk-open > .uk-dropdown-blank {
/* 1 */
display: block;
/* 2 */
-webkit-animation: uk-fade 0.2s ease-in-out;
animation: uk-fade 0.2s ease-in-out;
/* 3 */
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
/* Alignment modifiers
========================================================================== */
/*
* Modifier
*/
.uk-dropdown-top {
margin-top: -5px;
}
.uk-dropdown-bottom {
margin-top: 5px;
}
.uk-dropdown-left {
margin-left: -5px;
}
.uk-dropdown-right {
margin-left: 5px;
}
/* Nav in dropdown
========================================================================== */
.uk-dropdown .uk-nav {
margin: 0 -15px;
}
/* Grid and panel in dropdown
========================================================================== */
/*
* Vertical gutter
*/
/*
* Grid
* Higher specificity to override large gutter
*/
.uk-grid .uk-dropdown-grid + .uk-dropdown-grid {
margin-top: 15px;
}
/* Panels */
.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel {
margin-top: 15px;
}
/* Tablet and bigger */
@media (min-width: 880px) {
/*
* Horizontal gutter
*/
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {
margin-left: -15px;
margin-right: -15px;
}
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {
padding-left: 15px;
padding-right: 15px;
}
/*
* Column divider
*/
.uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
border-left: 1px solid #dddddd;
}
/*
* Width multiplier for dropdown columns
*/
.uk-dropdown-width-2:not(.uk-dropdown-stack) {
width: 440px;
}
.uk-dropdown-width-3:not(.uk-dropdown-stack) {
width: 660px;
}
.uk-dropdown-width-4:not(.uk-dropdown-stack) {
width: 880px;
}
.uk-dropdown-width-5:not(.uk-dropdown-stack) {
width: 1100px;
}
}
/* Phone landscape and smaller */
@media (max-width: 879px) {
/*
* Stack columns and take full width
*/
.uk-dropdown-grid > [class*='uk-width-'] {
width: 100%;
}
/*
* Vertical gutter
*/
.uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
margin-top: 15px;
}
}
/*
* Stack grid columns
*/
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] {
width: 100%;
}
.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) {
margin-top: 15px;
}
/* Modifier `uk-dropdown-small`
========================================================================== */
/*
* Set min-width and text expands dropdown if needed
*/
.uk-dropdown-small {
min-width: 150px;
width: auto;
padding: 5px;
white-space: nowrap;
}
/*
* Nav in dropdown
*/
.uk-dropdown-small .uk-nav {
margin: 0 -5px;
}
/* Modifier: `uk-dropdown-navbar`
========================================================================== */
.uk-dropdown-navbar {
margin-top: 0;
background: #f5f5f5;
color: #363533;
}
.uk-open > .uk-dropdown-navbar {
-webkit-animation: uk-slide-top-fixed 0.2s ease-in-out;
animation: uk-slide-top-fixed 0.2s ease-in-out;
}
/* Modifier `uk-dropdown-scrollable`
========================================================================== */
/*
* Usefull for long lists
*/
.uk-dropdown-scrollable {
overflow-y: auto;
max-height: 200px;
}
/* Sub-object: `uk-dropdown-overlay`
========================================================================== */
/* ========================================================================
Component: Modal
========================================================================== */
/*
* This is the modal overlay and modal dialog container
* 1. Hide by default
* 2. Set fixed position
* 3. Allow scrolling for the modal dialog
* 4. Mask the background page
* 5. Fade-in transition
* 6. Deactivate browser history navigation in IE11
* 7. force hardware acceleration to prevent browser rendering hiccups
*/
.uk-modal {
/* 1 */
display: none;
/* 2 */
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1010;
/* 3 */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
/* 4 */
background: rgba(0, 0, 0, 0.6);
/* 5 */
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
/* 6 */
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
/* 7 */
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
/*
* Open state
*/
.uk-modal.uk-open {
opacity: 1;
}
/*
* Prevents duplicated scrollbar caused by 4.
*/
.uk-modal-page,
.uk-modal-page body {
overflow: hidden;
}
/* Sub-object: `uk-modal-dialog`
========================================================================== */
/*
* 1. Create position context for caption, spinner and close button
* 2. Set box sizing
* 3. Set style
* 4. Slide-in transition
*/
.uk-modal-dialog {
/* 1 */
position: relative;
/* 2 */
box-sizing: border-box;
margin: 50px auto;
padding: 20px;
width: 600px;
max-width: 100%;
max-width: calc(100% - 20px);
/* 3 */
background: #ffffff;
/* 4 */
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
-webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;
transition: opacity 0.3s linear, transform 0.3s ease-out;
}
/* Phone landscape and smaller */
@media (max-width: 879px) {
/*
* Fit in small screen
*/
.uk-modal-dialog {
width: auto;
margin: 10px auto;
}
}
/*
* Open state
*/
.uk-open .uk-modal-dialog {
/* 4 */
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
/*
* Remove margin from the last-child
*/
.uk-modal-dialog > :not([class*='uk-modal-']):last-child {
margin-bottom: 0;
}
/* Close in modal
========================================================================== */
.uk-modal-dialog > .uk-close:first-child {
margin: -10px -10px 0 0;
float: right;
}
/*
* Remove margin from adjacent element
*/
.uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) {
margin-top: 0;
}
/* Modifier: `uk-modal-dialog-lightbox`
========================================================================== */
.uk-modal-dialog-lightbox {
margin: 15px auto;
padding: 0;
max-width: 95%;
max-width: calc(100% - 30px);
min-height: 50px;
}
/*
* Close button
*/
.uk-modal-dialog-lightbox > .uk-close:first-child {
position: absolute;
top: -12px;
right: -12px;
margin: 0;
float: none;
}
/* Phone landscape and smaller */
@media (max-width: 879px) {
.uk-modal-dialog-lightbox > .uk-close:first-child {
top: -7px;
right: -7px;
}
}
/* Modifier: `uk-modal-dialog-blank`
========================================================================== */
.uk-modal-dialog-blank {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
-webkit-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
/*
* Close button
*/
.uk-modal-dialog-blank > .uk-close:first-child {
position: absolute;
top: 20px;
right: 20px;
z-index: 1;
margin: 0;
float: none;
}
/* Modifier: `uk-modal-dialog-large`
========================================================================== */
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-modal-dialog-large {
width: 930px;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-modal-dialog-large {
width: 1130px;
}
}
/* Sub-Object: `uk-modal-header` and `uk-modal-footer`
========================================================================== */
.uk-modal-header {
margin-bottom: 20px;
}
.uk-modal-footer {
margin-top: 20px;
}
/*
* Remove margin from the last-child
*/
.uk-modal-header > :last-child,
.uk-modal-footer > :last-child {
margin-bottom: 0;
}
/* Sub-Object: `uk-modal-caption`
========================================================================== */
.uk-modal-caption {
position: absolute;
left: 0;
right: 0;
bottom: -20px;
margin-bottom: -10px;
color: #ffc722;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Sub-Object: `uk-modal-spinner`
========================================================================== */
.uk-modal-spinner {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 25px;
color: #ddd;
}
.uk-modal-spinner:after {
content: "\f110";
display: block;
font-family: FontAwesome;
-webkit-animation: uk-rotate 2s infinite linear;
animation: uk-rotate 2s infinite linear;
}
/* ========================================================================
Component: Off-canvas
========================================================================== */
/*
* This is the offcanvas overlay and bar container
* 1. Hide by default
* 2. Set fixed position
* 3. Deactivate browser touch actions in IE11
* 4. Mask the background page
*/
.uk-offcanvas {
/* 1 */
display: none;
/* 2 */
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
/* 3 */
touch-action: none;
/* 4 */
background: rgba(0, 0, 0, 0.1);
}
.uk-offcanvas.uk-active {
display: block;
}
/* Sub-object `uk-offcanvas-page`
========================================================================== */
/*
* Prepares the whole HTML page to slide-out
* 1. Fix the main page and disallow scrolling
* 2. Side-out transition
*/
.uk-offcanvas-page {
/* 1 */
position: fixed;
/* 2 */
-webkit-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
}
/* Sub-object `uk-offcanvas-bar`
========================================================================== */
/*
* This is the offcanvas bar
* 1. Set fixed position
* 2. Size and style
* 3. Allow scrolling
* 4. Side-out transition
* 5. Deactivate scroll chaining in IE11
*/
.uk-offcanvas-bar {
/* 1 */
position: fixed;
top: 0;
bottom: 0;
left: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
z-index: 1001;
/* 2 */
width: 270px;
max-width: 100%;
background: #333333;
/* 3 */
overflow-y: auto;
-webkit-overflow-scrolling: touch;
/* 4 */
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
/* 5 */
-ms-scroll-chaining: none;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
/* Modifier `uk-offcanvas-bar-flip`
========================================================================== */
.uk-offcanvas-bar-flip {
left: auto;
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
/* Panel in offcanvas
========================================================================== */
.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;
}
/* ========================================================================
Component: Switcher
========================================================================== */
/*
* 1. Deactivate browser history navigation in IE11
*/
.uk-switcher {
margin: 0;
padding: 0;
list-style: none;
/* 1 */
touch-action: cross-slide-y pinch-zoom double-tap-zoom;
}
/*
* Items
*/
.uk-switcher > :not(.uk-active) {
display: none;
}
/* ========================================================================
Component: Text
========================================================================== */
/* Size modifiers
========================================================================== */
.uk-text-small {
font-size: 11px;
line-height: 16px;
}
.uk-text-large {
font-size: 18px;
line-height: 24px;
font-weight: normal;
}
/* Weight modifiers
========================================================================== */
.uk-text-bold {
font-weight: bold;
}
/* Color modifiers
========================================================================== */
.uk-text-muted {
color: #999999 !important;
}
.uk-text-primary {
color: #2d7091 !important;
}
.uk-text-success {
color: #659f13 !important;
}
.uk-text-warning {
color: #e28327 !important;
}
.uk-text-danger {
color: #d85030 !important;
}
.uk-text-contrast {
color: #ffc722 !important;
}
/* Alignment modifiers
========================================================================== */
.uk-text-left {
text-align: left !important;
}
.uk-text-right {
text-align: right !important;
}
.uk-text-center {
text-align: center !important;
}
.uk-text-justify {
text-align: justify !important;
}
.uk-text-top {
vertical-align: top !important;
}
.uk-text-middle {
vertical-align: middle !important;
}
.uk-text-bottom {
vertical-align: bottom !important;
}
/* Only tablets portrait and smaller */
@media (max-width: 959px) {
.uk-text-center-medium {
text-align: center !important;
}
.uk-text-left-medium {
text-align: left !important;
}
}
/* Phone landscape and smaller */
@media (max-width: 879px) {
.uk-text-center-small {
text-align: center !important;
}
.uk-text-left-small {
text-align: left !important;
}
}
/* Wrap modifiers
========================================================================== */
/*
* Prevent text from wrapping onto multiple lines
*/
.uk-text-nowrap {
white-space: nowrap;
}
/*
* Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
*/
.uk-text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*
* Break strings if their length exceeds the width of their container
*/
.uk-text-break {
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
/* ========================================================================
Component: Utility
========================================================================== */
/* Container
========================================================================== */
.uk-container {
box-sizing: border-box;
max-width: 980px;
padding: 0 25px;
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-container {
max-width: 1200px;
padding: 0 20px;
}
}
/*
* Micro clearfix
*/
.uk-container:before,
.uk-container:after {
content: "";
display: table;
}
.uk-container:after {
clear: both;
}
/*
* Center container
*/
.uk-container-center {
margin-left: auto;
margin-right: auto;
}
/* Clearing
========================================================================== */
/*
* Micro clearfix
* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
* `table` is used again with `:after` because `clear` only works with block elements.
* Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
*/
.uk-clearfix:before {
content: "";
display: table-cell;
}
.uk-clearfix:after {
content: "";
display: table;
clear: both;
}
/*
* Create a new block formatting context
*/
.uk-nbfc {
overflow: hidden;
}
.uk-nbfc-alt {
display: table-cell;
width: 10000px;
}
/* Alignment of block elements
========================================================================== */
/*
* Float blocks
* 1. Prevent content overflow on small devices
*/
.uk-float-left {
float: left;
}
.uk-float-right {
float: right;
}
/* 1 */
[class*='uk-float-'] {
max-width: 100%;
}
/* Alignment of images and objects
========================================================================== */
/*
* Alignment
*/
[class*='uk-align-'] {
display: block;
margin-bottom: 20px;
}
.uk-align-left {
margin-right: 20px;
float: left;
}
.uk-align-right {
margin-left: 20px;
float: right;
}
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-align-medium-left {
margin-right: 20px;
float: left;
}
.uk-align-medium-right {
margin-left: 20px;
float: right;
}
}
.uk-align-center {
margin-left: auto;
margin-right: auto;
}
/* Vertical alignment
========================================================================== */
/*
* Remove whitespace between child elements when using `inline-block`
*/
.uk-vertical-align {
font-size: 0.001px;
}
/*
* The `uk-vertical-align` container needs a specific height
*/
.uk-vertical-align:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
/*
* Sub-object which can have any height
* 1. Reset whitespace hack
*/
.uk-vertical-align-middle,
.uk-vertical-align-bottom {
display: inline-block;
max-width: 100%;
/* 1 */
font-size: 1rem;
}
.uk-vertical-align-middle {
vertical-align: middle;
}
.uk-vertical-align-bottom {
vertical-align: bottom;
}
/* Height
========================================================================== */
/*
* More robust if padding and border are used
*/
[class*='uk-height'] {
box-sizing: border-box;
}
/*
* Useful to extend the `html` and `body` element to the full height of the page.
*/
.uk-height-1-1 {
height: 100%;
}
/*
* Useful to create image teasers
*/
.uk-height-viewport {
height: 100vh;
min-height: 600px;
}
/* Responsive objects
* Note: Images are already responsive by default, see Base component
========================================================================== */
/*
* 1. Corrects `max-width` and `max-height` behavior if padding and border are used
*/
.uk-responsive-width,
.uk-responsive-height {
box-sizing: border-box;
}
/*
* Responsiveness: Sets a maximum width relative to the parent and auto scales the height
* `important` needed to override `uk-img-preserve img`
*/
.uk-responsive-width {
max-width: 100% !important;
height: auto;
}
/*
* Responsiveness: Sets a maximum height relative to the parent and auto scales the width
* Only works if the parent element has a fixed height.
*/
.uk-responsive-height {
max-height: 100%;
width: auto;
}
/* Margin
========================================================================== */
/*
* Create a block with the same margin of a paragraph
* Add margin if adjacent element
*/
.uk-margin {
margin-bottom: 20px;
}
* + .uk-margin {
margin-top: 20px;
}
.uk-margin-top {
margin-top: 20px !important;
}
.uk-margin-bottom {
margin-bottom: 20px !important;
}
.uk-margin-left {
margin-left: 20px !important;
}
.uk-margin-right {
margin-right: 20px !important;
}
/*
* Larger margins
*/
.uk-margin-large {
margin-bottom: 50px;
}
* + .uk-margin-large {
margin-top: 50px;
}
.uk-margin-large-top {
margin-top: 50px !important;
}
.uk-margin-large-bottom {
margin-bottom: 50px !important;
}
.uk-margin-large-left {
margin-left: 50px !important;
}
.uk-margin-large-right {
margin-right: 50px !important;
}
/*
* Smaller margins
*/
.uk-margin-small {
margin-bottom: 5px;
}
* + .uk-margin-small {
margin-top: 5px;
}
.uk-margin-small-top {
margin-top: 5px !important;
}
.uk-margin-small-bottom {
margin-bottom: 5px !important;
}
.uk-margin-small-left {
margin-left: 5px !important;
}
.uk-margin-small-right {
margin-right: 5px !important;
}
/*
* Remove margins
*/
.uk-margin-remove {
margin: 0 !important;
}
.uk-margin-top-remove {
margin-top: 0 !important;
}
.uk-margin-bottom-remove {
margin-bottom: 0 !important;
}
/* Padding
========================================================================== */
.uk-padding-remove {
padding: 0 !important;
}
.uk-padding-top-remove {
padding-top: 0 !important;
}
.uk-padding-bottom-remove {
padding-bottom: 0 !important;
}
.uk-padding-vertical-remove {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* Border
========================================================================== */
.uk-border-circle {
border-radius: 50%;
}
.uk-border-rounded {
border-radius: 5px;
}
/* Headings
========================================================================== */
.uk-heading-large {
font-size: 36px;
line-height: 42px;
}
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-heading-large {
font-size: 52px;
line-height: 64px;
}
}
/* Link
========================================================================== */
/*
* Let links appear in default text color
*/
.uk-link-muted,
.uk-link-muted a {
color: #363533;
}
.uk-link-muted:hover,
.uk-link-muted a:hover {
color: #363533;
}
/*
* Reset link style
*/
.uk-link-reset,
.uk-link-reset a,
.uk-link-reset:hover,
.uk-link-reset a:hover,
.uk-link-reset:focus,
.uk-link-reset a:focus {
color: inherit;
text-decoration: none;
}
/* Scrollable
========================================================================== */
/*
* Enable scrolling for preformatted text
*/
.uk-scrollable-text {
height: 300px;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
resize: both;
}
/*
* Box with scrolling enabled
*/
.uk-scrollable-box {
box-sizing: border-box;
height: 170px;
padding: 10px;
border: 1px solid #dddddd;
overflow: auto;
-webkit-overflow-scrolling: touch;
resize: both;
}
.uk-scrollable-box > :last-child {
margin-bottom: 0;
}
/* Overflow
========================================================================== */
.uk-overflow-hidden {
overflow: hidden;
}
/*
* Enable scrollbars if content is clipped
*/
.uk-overflow-container {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.uk-overflow-container > :last-child {
margin-bottom: 0;
}
/* Position
========================================================================== */
.uk-position-absolute,
[class*='uk-position-top'],
[class*='uk-position-bottom'] {
position: absolute !important;
}
/* Don't use `width: 100%` because it is wrong if the parent has padding. */
.uk-position-top {
top: 0;
left: 0;
right: 0;
}
.uk-position-bottom {
bottom: 0;
left: 0;
right: 0;
}
.uk-position-top-left {
top: 0;
left: 0;
}
.uk-position-top-right {
top: 0;
right: 0;
}
.uk-position-bottom-left {
bottom: 0;
left: 0;
}
.uk-position-bottom-right {
bottom: 0;
right: 0;
}
/*
* Cover
*/
.uk-position-cover {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
/*
* Relative
*/
.uk-position-relative {
position: relative !important;
}
/*
* Z-index
*/
.uk-position-z-index {
z-index: 1;
}
/* Display
========================================================================== */
/*
* Display
* 1. Required if child is a responsive image
*/
.uk-display-block {
display: block !important;
}
.uk-display-inline {
display: inline !important;
}
.uk-display-inline-block {
display: inline-block !important;
/* 1 */
max-width: 100%;
}
/*
* Visibility
* Avoids setting display to `block` so it works also with `inline-block` and `table`
*/
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-medium {
display: none !important;
}
.uk-hidden-large {
display: none !important;
}
}
/* Tablets portrait */
@media (min-width: 880px) and (max-width: 959px) {
.uk-visible-small {
display: none !important;
}
.uk-visible-large {
display: none !important ;
}
.uk-hidden-medium {
display: none !important;
}
}
/* Phone landscape and smaller*/
@media (max-width: 879px) {
.uk-visible-medium {
display: none !important;
}
.uk-visible-large {
display: none !important;
}
.uk-hidden-small {
display: none !important;
}
}
/* Remove from the flow and screen readers on any device */
.uk-hidden {
display: none !important;
visibility: hidden !important;
}
/* It's hidden, but still affects layout */
.uk-invisible {
visibility: hidden !important;
}
/* Show on hover */
.uk-visible-hover:hover .uk-hidden,
.uk-visible-hover:hover .uk-invisible {
display: block !important;
visibility: visible !important;
}
.uk-visible-hover-inline:hover .uk-hidden,
.uk-visible-hover-inline:hover .uk-invisible {
display: inline-block !important;
visibility: visible !important;
}
/* Hide on touch */
.uk-touch .uk-hidden-touch,
.uk-notouch .uk-hidden-notouch {
display: none !important;
}
/* ========================================================================
Component: Flex
========================================================================== */
.uk-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.uk-flex-inline {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
}
/*
* Fixes initial flex-shrink value in IE10
*/
.uk-flex > *,
.uk-flex-inline > * {
-ms-flex-negative: 1;
}
/* Alignment
========================================================================== */
/*
* Vertical alignment
* Default value is `stretch`
*/
.uk-flex-top {
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.uk-flex-middle {
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.uk-flex-bottom {
-ms-flex-align: end;
-webkit-align-items: flex-end;
align-items: flex-end;
}
/*
* Horizontal alignment
* Default value is `flex-start`
*/
.uk-flex-center {
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.uk-flex-right {
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.uk-flex-space-between {
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.uk-flex-space-around {
-ms-flex-pack: distribute;
-webkit-justify-content: space-around;
justify-content: space-around;
}
/* Direction
========================================================================== */
.uk-flex-row-reverse {
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.uk-flex-column {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.uk-flex-column-reverse {
-ms-flex-direction: column-reverse;
-webkit-flex-direction: column-reverse;
flex-direction: column-reverse;
}
/* Wrap
========================================================================== */
.uk-flex-nowrap {
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.uk-flex-wrap {
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse;
-webkit-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
/*
* Horizontal alignment
* Default value is `stretch`
*/
.uk-flex-wrap-top {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
.uk-flex-wrap-middle {
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center;
}
.uk-flex-wrap-bottom {
-ms-flex-line-pack: end;
-webkit-align-content: flex-end;
align-content: flex-end;
}
.uk-flex-wrap-space-between {
-ms-flex-line-pack: justify;
-webkit-align-content: space-between;
align-content: space-between;
}
.uk-flex-wrap-space-around {
-ms-flex-line-pack: distribute;
-webkit-align-content: space-around;
align-content: space-around;
}
/* Item ordering
========================================================================== */
/*
* Default is 0
*/
.uk-flex-order-first {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
.uk-flex-order-first-small {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-small {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
/* Tablet and bigger */
@media (min-width: 880px) {
.uk-flex-order-first-medium {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-medium {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-flex-order-first-large {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-large {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-flex-order-first-xlarge {
-ms-flex-order: -1;
-webkit-order: -1;
order: -1;
}
.uk-flex-order-last-xlarge {
-ms-flex-order: 99;
-webkit-order: 99;
order: 99;
}
}
/* Item dimensions
========================================================================== */
/*
* Initial: 0 1 auto
* Content dimensions, but shrinks
*/
/*
* No Flex: 0 0 auto
* Content dimensions
*/
.uk-flex-item-none {
-ms-flex: none;
-webkit-flex: none;
flex: none;
}
/*
* Relative Flex: 1 1 auto
* Space is allocated considering content
* 1. Fixes flex-shrink value in IE10
*/
.uk-flex-item-auto {
-ms-flex: auto;
-webkit-flex: auto;
flex: auto;
/* 1 */
-ms-flex-negative: 1;
}
/*
* Absolute Flex: 1 1 0%
* Space is allocated solely based on flex
*/
.uk-flex-item-1 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
}
/* ========================================================================
Component: Contrast
========================================================================== */
.uk-contrast {
color: #ffffff;
/* Active */
}
.uk-contrast a:not([class]),
.uk-contrast .uk-link {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast a:not([class]):hover,
.uk-contrast .uk-link:hover {
color: #ffffff;
text-decoration: underline;
}
.uk-contrast :not(pre) > code,
.uk-contrast :not(pre) > kbd,
.uk-contrast :not(pre) > samp {
color: #ffffff;
}
.uk-contrast em {
color: #ffffff;
}
.uk-contrast h1,
.uk-contrast h2,
.uk-contrast h3,
.uk-contrast h4,
.uk-contrast h5,
.uk-contrast h6 {
color: #ffffff;
}
.uk-contrast hr {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav li > a,
.uk-contrast .uk-nav li > a:hover {
text-decoration: none;
}
.uk-contrast .uk-nav-side > li > a {
color: #ffffff;
}
.uk-contrast .uk-nav-side > li > a:hover,
.uk-contrast .uk-nav-side > li > a:focus {
background: rgba(255, 255, 255, 0.1);
color: #ffffff;
}
.uk-contrast .uk-nav-side > li.uk-active > a {
background: #ffffff;
color: #444444;
}
.uk-contrast .uk-nav-side .uk-nav-header {
color: #ffffff;
}
.uk-contrast .uk-nav-side .uk-nav-divider {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-nav-side ul a {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-nav-side ul a:hover {
color: #ffffff;
}
.uk-contrast .uk-subnav > * > a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
}
.uk-contrast .uk-subnav > * > a:hover,
.uk-contrast .uk-subnav > * > a:focus {
color: #ffffff;
text-decoration: none;
}
.uk-contrast .uk-subnav > .uk-active > a {
color: #ffffff;
}
.uk-contrast .uk-subnav-line > :nth-child(n+2):before {
border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-subnav-pill > * > a:hover,
.uk-contrast .uk-subnav-pill > * > a:focus {
background: rgba(255, 255, 255, 0.7);
color: #444444;
text-decoration: none;
}
.uk-contrast .uk-subnav-pill > .uk-active > a {
background: #ffffff;
color: #444444;
}
.uk-contrast .uk-tab {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab > li > a {
border-color: transparent;
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-tab > li > a:hover,
.uk-contrast .uk-tab > li > a:focus,
.uk-contrast .uk-tab > li.uk-open > a {
border-color: rgba(255, 255, 255, 0.7);
background: rgba(255, 255, 255, 0.7);
color: #444444;
text-decoration: none;
}
.uk-contrast .uk-tab > li.uk-active > a {
border-color: rgba(255, 255, 255, 0.2);
border-bottom-color: transparent;
background: #ffffff;
color: #444444;
}
.uk-contrast .uk-tab-center {
border-bottom-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-tab-grid:before {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-list-line > li:nth-child(n+2) {
border-top-color: rgba(255, 255, 255, 0.2);
}
.uk-contrast .uk-form select,
.uk-contrast .uk-form textarea,
.uk-contrast .uk-form input:not([type]),
.uk-contrast .uk-form input[type="text"],
.uk-contrast .uk-form input[type="password"],
.uk-contrast .uk-form input[type="datetime"],
.uk-contrast .uk-form input[type="datetime-local"],
.uk-contrast .uk-form input[type="date"],
.uk-contrast .uk-form input[type="month"],
.uk-contrast .uk-form input[type="time"],
.uk-contrast .uk-form input[type="week"],
.uk-contrast .uk-form input[type="number"],
.uk-contrast .uk-form input[type="email"],
.uk-contrast .uk-form input[type="url"],
.uk-contrast .uk-form input[type="search"],
.uk-contrast .uk-form input[type="tel"],
.uk-contrast .uk-form input[type="color"] {
border-color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
color: #444444;
background-clip: padding-box;
}
.uk-contrast .uk-form select:focus,
.uk-contrast .uk-form textarea:focus,
.uk-contrast .uk-form input:not([type]):focus,
.uk-contrast .uk-form input[type="text"]:focus,
.uk-contrast .uk-form input[type="password"]:focus,
.uk-contrast .uk-form input[type="datetime"]:focus,
.uk-contrast .uk-form input[type="datetime-local"]:focus,
.uk-contrast .uk-form input[type="date"]:focus,
.uk-contrast .uk-form input[type="month"]:focus,
.uk-contrast .uk-form input[type="time"]:focus,
.uk-contrast .uk-form input[type="week"]:focus,
.uk-contrast .uk-form input[type="number"]:focus,
.uk-contrast .uk-form input[type="email"]:focus,
.uk-contrast .uk-form input[type="url"]:focus,
.uk-contrast .uk-form input[type="search"]:focus,
.uk-contrast .uk-form input[type="tel"]:focus,
.uk-contrast .uk-form input[type="color"]:focus {
border-color: #ffffff;
background: #ffffff;
color: #444444;
}
.uk-contrast .uk-form :-ms-input-placeholder {
color: rgba(68, 68, 68, 0.7) !important;
}
.uk-contrast .uk-form ::-moz-placeholder {
color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-form ::-webkit-input-placeholder {
color: rgba(68, 68, 68, 0.7);
}
.uk-contrast .uk-button {
color: #444444;
background: #ffffff;
}
.uk-contrast .uk-button:hover,
.uk-contrast .uk-button:focus {
background-color: rgba(255, 255, 255, 0.8);
color: #444444;
}
.uk-contrast .uk-button:active,
.uk-contrast .uk-button.uk-active {
background-color: rgba(255, 255, 255, 0.7);
color: #444444;
}
.uk-contrast .uk-button-primary {
background-color: #00a8e6;
color: #ffffff;
}
.uk-contrast .uk-button-primary:hover,
.uk-contrast .uk-button-primary:focus {
background-color: #35b3ee;
color: #ffffff;
}
.uk-contrast .uk-button-primary:active,
.uk-contrast .uk-button-primary.uk-active {
background-color: #0091ca;
color: #ffffff;
}
.uk-contrast .uk-icon-hover {
color: rgba(255, 255, 255, 0.7);
}
.uk-contrast .uk-icon-hover:hover {
color: #ffffff;
}
.uk-contrast .uk-icon-button {
background: #ffffff;
color: #444444;
}
.uk-contrast .uk-icon-button:hover,
.uk-contrast .uk-icon-button:focus {
background-color: rgba(255, 255, 255, 0.8);
color: #444444;
}
.uk-contrast .uk-icon-button:active {
background-color: rgba(255, 255, 255, 0.7);
color: #444444;
}
.uk-contrast .uk-text-muted {
color: rgba(255, 255, 255, 0.6) !important;
}
.uk-contrast .uk-text-primary {
color: #2d7091 !important;
}
/* ========================================================================
Component: Print
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/* ========================================================================
Component: Dotnav
========================================================================== */
/*
* 1. Gutter
* 2. Remove default list style
*/
.uk-dotnav {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
/* 1 */
margin-left: -15px;
margin-top: -15px;
/* 2 */
padding: 0;
list-style: none;
}
/*
* 1. Space is allocated solely based on content dimensions
* 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied
*/
.uk-dotnav > * {
/* 1 */
-ms-flex: none;
-webkit-flex: none;
flex: none;
/* 2 */
padding-left: 15px;
margin-top: 15px;
}
/*
* DEPRECATED IE9 Support
*/
.uk-dotnav:before,
.uk-dotnav:after {
content: "";
display: block;
overflow: hidden;
}
.uk-dotnav:after {
clear: both;
}
.uk-dotnav > * {
float: left;
}
/* Items
========================================================================== */
/*
* Items
* 1. Hide text if present
*/
.uk-dotnav > * > * {
display: block;
box-sizing: content-box;
width: 20px;
height: 20px;
border-radius: 50%;
background: rgba(50, 50, 50, 0.1);
/* 1 */
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.uk-dotnav > * > :hover,
.uk-dotnav > * > :focus {
background: rgba(50, 50, 50, 0.4);
/* 2 */
outline: none;
}
/* OnClick */
.uk-dotnav > * > :active {
background: rgba(50, 50, 50, 0.6);
}
/* Active */
.uk-dotnav > .uk-active > * {
background: rgba(50, 50, 50, 0.4);
}
/* Modifier: `uk-dotnav-contrast`
========================================================================== */
.uk-dotnav-contrast > * > * {
background: rgba(255, 255, 255, 0.4);
}
/*
* Hover
* 1. Apply hover style also to focus state
*/
.uk-dotnav-contrast > * > :hover,
.uk-dotnav-contrast > * > :focus {
background: rgba(255, 255, 255, 0.7);
}
/* OnClick */
.uk-dotnav-contrast > * > :active {
background: rgba(255, 255, 255, 0.9);
}
/* Active */
.uk-dotnav-contrast > .uk-active > * {
background: rgba(255, 255, 255, 0.9);
}
/* Modifier: 'uk-dotnav-vertical'
========================================================================== */
/*
* DEPRECATED
*/
.uk-dotnav-vertical {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
/*
* DEPRECATED IE9 Support
*/
.uk-dotnav-vertical > * {
float: none;
}
/* ========================================================================
Component: Slidenav
========================================================================== */
/*
* 1. Required for `a` elements
* 2. Dimension
* 3. Style
*/
.uk-slidenav {
/* 1 */
display: inline-block;
/* 2 */
box-sizing: border-box;
width: 60px;
height: 60px;
/* 3 */
line-height: 60px;
color: rgba(50, 50, 50, 0.4);
font-size: 60px;
text-align: center;
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
* 3. Required for `a` elements
* 4. Style
*/
.uk-slidenav:hover,
.uk-slidenav:focus {
/* 2 */
outline: none;
/* 3 */
text-decoration: none;
/* 4 */
color: rgba(50, 50, 50, 0.7);
cursor: pointer;
}
/* Active */
.uk-slidenav:active {
color: rgba(50, 50, 50, 0.9);
}
/*
* Icons
*/
.uk-slidenav-previous:before {
content: "\f104";
font-family: FontAwesome;
}
.uk-slidenav-next:before {
content: "\f105";
font-family: FontAwesome;
}
/* Sub-object: `uk-slidenav-position`
========================================================================== */
/*
* Create position context
*/
.uk-slidenav-position {
position: relative;
}
/*
* Center vertically
*/
.uk-slidenav-position .uk-slidenav {
display: none;
position: absolute;
top: 50%;
z-index: 1;
margin-top: -30px;
}
.uk-slidenav-position:hover .uk-slidenav {
display: block;
}
.uk-slidenav-position .uk-slidenav-previous {
left: 20px;
}
.uk-slidenav-position .uk-slidenav-next {
right: 20px;
}
/* Modifier: `uk-slidenav-contrast`
========================================================================== */
.uk-slidenav-contrast {
color: rgba(255, 255, 255, 0.5);
}
/*
* Hover
* 1. Apply hover style also to focus state
*/
.uk-slidenav-contrast:hover,
.uk-slidenav-contrast:focus {
color: rgba(255, 255, 255, 0.7);
}
/* Active */
.uk-slidenav-contrast:active {
color: rgba(255, 255, 255, 0.9);
}
/* ========================================================================
Component: Progress
========================================================================== */
/*
* 1. Clearing
* 2. Vertical alignment if text is used
*/
.uk-progress {
box-sizing: border-box;
height: 20px;
margin-bottom: 20px;
background: #eeeeee;
/* 1 */
overflow: hidden;
/* 2 */
line-height: 20px;
}
/*
* Add margin if adjacent element
*/
* + .uk-progress {
margin-top: 20px;
}
/* Sub-object: `uk-progress-bar`
========================================================================== */
/*
* 1. Transition
* 2. Needed for text
*/
.uk-progress-bar {
width: 0;
height: 100%;
background: #00a8e6;
float: left;
/* 1 */
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
/* 2 */
font-size: 12px;
color: #ffc722;
text-align: center;
}
/* Size modifiers
========================================================================== */
/* Mini */
.uk-progress-mini {
height: 6px;
}
/* Small */
.uk-progress-small {
height: 12px;
}
/* Color modifiers
========================================================================== */
.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;
}
/* Modifier: `uk-progress-striped`
========================================================================== */
.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;
}
/*
* Animation
*/
.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;
}
}
/* ========================================================================
Component: Accordion
========================================================================== */
/* Sub-object: `uk-accordion-title`
========================================================================== */
.uk-accordion-title {
margin-top: 0;
margin-bottom: 20px;
padding: 5px 20px;
background: #eeeeee;
font-size: 18px;
line-height: 24px;
cursor: pointer;
}
/* Sub-object: `uk-accordion-content`
========================================================================== */
.uk-accordion-content {
padding: 0 20px 20px 20px;
}
/*
* Micro clearfix to make panels more robust
*/
.uk-accordion-content:before,
.uk-accordion-content:after {
content: "";
display: table;
}
.uk-accordion-content:after {
clear: both;
}
/*
* Remove margin from the last-child
*/
.uk-accordion-content > :last-child {
margin-bottom: 0;
}
/*
* Dependency `uk-navbar-flip`
*/
.uk-navbar-flip .uk-dropdown-search {
margin-top: 5px;
margin-right: -15px;
}
/* Nav modifier `uk-nav-search`
========================================================================== */
/*
* Items
*/
.uk-nav-search > li > a {
color: #363533;
}
/*
* Active
* 1. Remove default focus style
*/
.uk-nav-search > li.uk-active > a {
background: #00a8e6;
color: #ffc722;
/* 1 */
outline: none;
}
/*
* Sub-object: `uk-nav-header`
*/
.uk-nav-search .uk-nav-header {
color: #999999;
}
/*
* Sub-object: `uk-nav-divider`
*/
.uk-nav-search .uk-nav-divider {
border-top: 1px solid #dddddd;
}
/*
* Nested items
*/
.uk-nav-search ul a {
color: #363533;
}
.uk-nav-search ul a:hover {
color: #ffc722;
}
/* Search in offcanvas
========================================================================== */
.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 !important;
}
.uk-offcanvas .uk-search-field::-moz-placeholder {
color: #777777;
}
.uk-offcanvas .uk-search-field::-webkit-input-placeholder {
color: #777777;
}
/* ========================================================================
Component: Tooltip
========================================================================== */
/*
* 1. Hide by default
* 2. Set fixed position
* 3. Set dimensions
* 4. Set style
*/
.uk-tooltip {
/* 1 */
display: none;
/* 2 */
position: absolute;
z-index: 1030;
/* 3 */
box-sizing: border-box;
max-width: 200px;
padding: 5px 8px;
/* 4 */
background: #333333;
color: rgba(255, 255, 255, 0.7);
font-size: 12px;
line-height: 18px;
}
/* Triangle
========================================================================== */
/*
* 1. Dashed is less antialised than solid
*/
.uk-tooltip:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
/* 1 */
border: 5px dashed #333333;
}
/* Direction modifiers
========================================================================== */
/*
* Top
*/
.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;
}
/*
* Bottom
*/
.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;
}
/*
* Top/Bottom center
*/
.uk-tooltip-top:after,
.uk-tooltip-bottom:after {
left: 50%;
margin-left: -5px;
}
/*
* Top/Bottom left
*/
.uk-tooltip-top-left:after,
.uk-tooltip-bottom-left:after {
left: 10px;
}
/*
* Top/Bottom right
*/
.uk-tooltip-top-right:after,
.uk-tooltip-bottom-right:after {
right: 10px;
}
/*
* Left
*/
.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;
}
/*
* Right
*/
.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;
}
/* ========================================================================
Warp theme
========================================================================== */
/* Layout
========================================================================== */
/*
* Blocks
*/
.tm-toolbar,
.tm-headerbar,
.tm-navbar,
.tm-footer {
margin-top: 25px;
margin-bottom: 25px;
}
/* Only large screens */
@media (min-width: 1220px) {
.tm-headerbar,
.tm-navbar,
.tm-footer {
margin-top: 35px;
margin-bottom: 35px;
}
}
/* Only phones */
@media (max-width: 879px) {
.tm-navbar {
margin: 0 -25px 25px -25px;
border-width: 0 0 1px 0;
}
.tm-logo-small:hover {
text-decoration: none;
}
.tm-navbar:not(.uk-navbar-attached) {
border-radius: 0;
}
}
/*
* Logo small
* Remove whitespace caused by vertical centering to prevent logo wrapping into the next line
*/
.tm-logo-small {
letter-spacing: -0.31em;
}
/*
* Toolbar
*/
.tm-toolbar .uk-float-left .uk-panel {
margin: 0 25px 0 0;
float: left;
}
.tm-toolbar .uk-float-right .uk-panel {
margin: 0 0 0 25px;
float: right;
}
/*
* Headerbar
*/
.tm-headerbar .tm-logo {
float: left;
}
.tm-headerbar .uk-panel {
max-width: 300px;
margin-right: 0;
float: right;
}
/*
* Middle
*/
.tm-main > :nth-child(n+2) {
margin-top: 25px;
}
.tm-content > :last-child {
margin-bottom: 0;
}
/*
* Footer
*/
.tm-footer {
position: relative;
text-align: center;
}
.tm-footer .uk-panel + .uk-panel {
margin-top: 25px;
}
/*
* To-top scroller
*/
.tm-totop-scroller {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
color: #363533;
text-align: center;
-webkit-transition: all linear 0.05s;
transition: all linear 0.05s;
}
.tm-totop-scroller:after {
content: "\f077";
font-family: "FontAwesome";
}
/*
* Hover
* 1. Apply hover style also to focus state
* 2. Remove default focus style
*/
.tm-totop-scroller:hover,
.tm-totop-scroller:focus {
/* 1 */
color: #6a6865;
font-size: 16px;
outline: none;
/* 2 */
text-decoration: none;
}
/* Active */
.tm-totop-scroller:active {
color: #020201;
font-size: 11px;
}
/* Blog
========================================================================== */
/*
* Leading article
* Joomla only
*/
.tm-leading-article .uk-article:last-child {
padding-bottom: 25px;
border-bottom: 1px solid #dddddd;
}
/* Error
========================================================================== */
.tm-error-icon {
font-size: 250px;
}
.tm-error-headline {
font-size: 100px;
}
/* Offline
========================================================================== */
.tm-offline {
width: 300px;
}
/* Socialbuttons
========================================================================== */
.tm-socialbuttons {
line-height: 1;
}
.tm-socialbuttons > div {
margin-right: 10px;
float: left;
}
/* WordPress only
========================================================================== */
.alignleft {
display: block;
margin-right: 20px;
float: left;
}
.alignright {
display: block;
margin-left: 20px;
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.uk-width-1-12 {
width: 8.333%;
}
.uk-width-2-12 {
width: 16.666%;
}
.uk-width-3-12 {
width: 25%;
}
.uk-width-4-12 {
width: 33.333%;
}
.uk-width-5-12 {
width: 41.666%;
}
.uk-width-6-12 {
width: 50%;
}
.uk-width-7-12 {
width: 58.333%;
}
.uk-width-8-12 {
width: 66.666%;
}
.uk-width-9-12 {
width: 75%;
}
.uk-width-10-12 {
width: 83.333%;
}
.uk-width-11-12 {
width: 91.666%;
}
/* Only tablets and desktop */
@media (min-width: 880px) {
.uk-width-medium-1-12 {
width: 8.333%;
}
.uk-width-medium-2-12 {
width: 16.666%;
}
.uk-width-medium-3-12 {
width: 25%;
}
.uk-width-medium-4-12 {
width: 33.333%;
}
.uk-width-medium-5-12 {
width: 41.666%;
}
.uk-width-medium-6-12 {
width: 50%;
}
.uk-width-medium-7-12 {
width: 58.333%;
}
.uk-width-medium-8-12 {
width: 66.666%;
}
.uk-width-medium-9-12 {
width: 75%;
}
.uk-width-medium-10-12 {
width: 83.333%;
}
.uk-width-medium-11-12 {
width: 91.666%;
}
}
/* Only desktop */
@media (min-width: 960px) {
.uk-width-large-1-12 {
width: 8.333%;
}
.uk-width-large-2-12 {
width: 16.666%;
}
.uk-width-large-3-12 {
width: 25%;
}
.uk-width-large-4-12 {
width: 33.333%;
}
.uk-width-large-5-12 {
width: 41.666%;
}
.uk-width-large-6-12 {
width: 50%;
}
.uk-width-large-7-12 {
width: 58.333%;
}
.uk-width-large-8-12 {
width: 66.666%;
}
.uk-width-large-9-12 {
width: 75%;
}
.uk-width-large-10-12 {
width: 83.333%;
}
.uk-width-large-11-12 {
width: 91.666%;
}
}
/********custom theme style********/
.uk-panel-box-primary {
background-color: #ffc722;
color: #363533;
}
.uk-panel-box-primary .uk-panel-title {
color: #363533;
}
.uk-panel-box-primary a:hover {
color: #fff;
}
.uk-panel-box-secondary {
background-color: #363533;
color: #ffc722;
}
.uk-panel-box-secondary .uk-panel-title {
color: #ffc722;
}
.uk-panel-box-secondary a {
color: #ffc722;
}
.uk-panel-box-secondary a:hover {
color: #fff;
}
.uk-badge,
.uk-button {
color: #363533;
}
.uk-pagination {
padding-bottom: 40px;
}
.uk-pagination > .uk-active > span {
background: #ffc722;
color: #363533;
}
.akslider-module .uk-dotnav > li.uk-active > a {
background: #ffc722;
}
.akslider-module .uk-dotnav > li:hover a {
background: #ffc722;
}
.akslider-module .uk-dotnav > li.uk-active > a:hover {
color: #ffc722;
background: #ffc722;
}
.uk-slidenav-contrast:hover {
color: #ffc722;
}
.akslider-module .uk-slidenav:hover:before {
color: #ffc722;
}
.uk-dropdown-small {
background: #fff;
}
.uk-dropdown {
background: #fff;
}
.uk-dropdown .uk-active {
opacity: 0.7;
}
.tm-menu-box .uk-sticky-placeholder {
height: 70px !important;
}
.tt-no-sticky-menu .tm-menu-box {
position: relative;
margin-bottom: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Oswald';
}
.over-wrap {
overflow-x: hidden;
}
a {
transition: 400ms color;
-webkit-transition: 400ms color;
outline: none;
}
a:hover {
text-decoration: none;
}
a:focus {
text-decoration: none;
}
q {
quotes: "“" "”";
}
.clear {
clear: both;
display: block !important;
}
.tm-full-width > .uk-container {
max-width: 100%;
width: 100%;
padding: 0;
}
.toolbar-wrap {
position: absolute;
width: 100%;
z-index: 1;
}
.tm-toolbar {
margin: 0;
height: 30px;
}
.tm-toolbar .social-top > a {
margin: 0 10px;
text-align: center;
position: relative;
background: none;
width: 24px;
display: inline-block;
line-height: 30px;
transition: background 200ms;
-webkit-transition: background 200ms;
}
.tm-toolbar .social-top > a:before {
content: '';
z-index: 0;
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background: #ffc722;
transform: skewX(-33deg);
-webkit-transform: skewX(-33deg);
transition: all 400ms;
-webkit-transition: all 400ms;
}
.tm-toolbar .social-top > a .uk-icon-small {
font-size: 93%;
color: #fff;
opacity: 0.5;
position: relative;
}
.tm-toolbar .social-top > a:hover .uk-icon-small {
color: #000;
opacity: 1;
}
.tm-toolbar .social-top > a .uk-icon-small:hover {
color: #000;
opacity: 1;
}
.tm-toolbar .social-top > a:hover:before {
opacity: 1;
right: -10px;
left: -10px;
}
/********LOGO********/
.tm-logo {
padding-right: 80px;
position: relative;
transition: 400ms all;
-webkit-transition: 400ms all;
z-index: 3;
}
.tm-logo:before {
content: '';
transform: skewX(-33deg);
-webkit-transform: skewX(-33deg);
background: #fdbd00;
position: absolute;
right: 33px;
top: -30px;
bottom: -11px;
left: -1000%;
z-index: -2;
transition: 400ms all;
-webkit-transition: 400ms all;
}
.tm-logo:after {
content: '';
transform: skewX(-33deg);
-webkit-transform: skewX(-33deg);
background: #ffc722;
position: absolute;
right: 39px;
top: 0;
bottom: 0;
left: -1000%;
z-index: -1;
}
.tm-logo > img {
margin-top: 0px;
vertical-align: top;
display: inline-block;
transform: rotate(0);
transition: 400ms all;
-webkit-transition: 400ms all;
}
.tm-logo span {
padding-left: 17px;
display: inline-block;
color: #343025;
font-size: 38px;
line-height: 70px;
text-transform: uppercase;
text-decoration: none;
transition: 400ms all;
-webkit-transition: 400ms all ;
}
.tm-logo span em {
color: #ffffff;
font-style: normal;
transition: 400ms all;
-webkit-transition: 400ms all ;
line-height: 70px;
}
.tm-logo:hover {
text-decoration: none;
}
.tm-logo:hover span {
color: #fff;
}
.tm-logo:hover span em {
color: #343025;
font-style: normal;
}
/********MAIN MENU********/
.tm-menu-box {
position: absolute;
z-index: 10;
width: 100%;
top: 30px !important;
}
.tm-menu-box:before {
content: '';
background: rgba(0, 0, 0, 0.2);
top: 0;
bottom: 0;
left: -1000px;
position: absolute;
display: block;
}
.uk-navbar {
margin: 0;
background: none;
background: rgba(0, 0, 0, 0.2);
transition: 400ms all;
-webkit-transition: 400ms all;
}
.uk-navbar.uk-active {
background: rgba(0, 0, 0, 0.6);
}
.uk-navbar.uk-active .tm-logo:before {
top: 0;
bottom: 0;
right: auto;
}
.tm-navbar {
z-index: 100;
}
.uk-navbar-nav {
float: right;
}
.uk-navbar-nav > li.uk-active:before {
width: 100%;
}
.uk-navbar-nav > li.uk-active > a {
background: none;
color: #ffc722;
}
.uk-navbar-nav > li {
background: none;
position: relative;
}
.uk-navbar-nav > li.uk-open {
background-color: none;
}
.uk-navbar-nav > li:before {
content: '';
width: 0;
height: 3px;
bottom: 0;
left: 0;
background: #ffc722;
position: absolute;
transition: all 400ms;
-webkit-transition: all 400ms;
}
.uk-navbar-nav > li:hover {
background: none;
}
.uk-navbar-nav > li:hover:before {
width: 100%;
}
.uk-navbar-nav > li > a {
padding: 0 20px;
height: auto;
font-size: 15px;
color: #fff;
text-transform: uppercase;
line-height: 70px;
}
.uk-navbar-nav > li:hover > a {
background: none;
color: #ffc722;
}
.uk-navbar-nav > li.uk-open > a {
color: #ffc722;
}
.uk-parent .uk-dropdown {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.uk-dropdown-navbar {
background: #363533;
}
.uk-parent .uk-dropdown .uk-nav:before {
content: '';
width: 100%;
height: 3px;
top: -3px;
left: 0;
right: 0;
background: #ffc722;
position: absolute;
transition: all 400ms;
-webkit-transition: all 400ms;
}
.uk-nav-navbar > li > a {
padding: 11px 20px;
color: #fff;
text-transform: uppercase;
position: relative;
overflow: hidden;
}
.uk-nav-navbar > li > a:before {
content: '';
width: 0;
height: 2px;
background: #ffc722;
left: 0;
bottom: 0;
position: absolute;
transition: all 400ms;
-webkit-transition: all 400ms;
}
.uk-nav-navbar > li > a:after {
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 8px solid #ffc722;
position: absolute;
bottom: 2px;
right: -7px;
opacity: 0;
transition: 700ms opacity;
-webkit-transition: 700ms opacity ;
}
.uk-nav-navbar > li > a:hover {
color: #ffc722;
background: none;
}
.uk-nav-navbar > li > a:hover:before {
width: 100%;
}
.uk-nav-navbar > li > a:hover:after {
opacity: 1;
}
.uk-nav-navbar > li.uk-active > a:before {
width: 100%;
}
.uk-nav-navbar > li.uk-active > a:after {
opacity: 1;
}
/****************CUSTOM RESPONSIVE****************/
@media (max-width: 1220px) {
.all-statistics-wrap .item > div {
width: 100%;
}
.all-statistics-wrap .item .info {
text-align: center;
}
.uk-navbar-nav > li > a {
padding: 0 10px;
font-size: 14px;
}
.about-team-page-top-wrap .top-banner .inner {
font-size: 26px;
line-height: 38px;
}
.our-news-article .img-wrap a:after {
left: 200%;
}
.our-news-article .img-wrap a:hover:after {
left: -100%;
width: 300%;
}
.achievments-block {
width: 100%;
left: 0;
}
.tt-achievments-wrap {
background: none;
}
.our-awards-main-wrap {
background: #f2f2f2;
}
.achievments-inner {
background: #363533;
}
.va-latest-middle .name:before {
display: none;
}
.jshop_img_description {
display: none;
}
.tabs-switch-top li a {
width: 100px;
}
[id*="mapplaceholder"] {
display: none;
}
.contact-left-wrap {
display: none;
}
.contact-right-wrap {
width: 100%;
}
.map-wrap .contact-form:before {
display: none;
}
.map-wrap .contact-form .aiContactSafe_contact_form_field_right {
float: none;
}
.map-wrap .contact-form .aiContactSafe_contact_form_field_right:before {
display: none;
}
.map-wrap .contact-form input[type="text"] {
width: 100%;
padding-left: 20px;
box-sizing: border-box;
border-width: 1px;
}
.map-wrap .contact-form input.email[type="text"] {
width: 100%;
}
.map-wrap .contact-form textarea {
width: 100%;
border-width: 1px;
}
}
@media (max-width: 980px) {
.uk-navbar-nav > li > a {
padding: 0 10px;
font-size: 14px;
}
.uk-navbar-toggle {
float: right;
margin-top: 10px;
}
.uk-navbar-toggle:after {
color: #ffc722;
}
.va-promo-text {
left: 0;
}
.va-latest-middle .score .title {
display: none;
}
.va-latest-wrap .score {
padding: 0;
width: 100%;
text-align: center;
}
.va-latest-middle .table {
width: 150px;
margin: 0 auto;
}
.match-list-wrap .match-list-item .location {
display: none;
}
.about-team-page-top-wrap .top-banner .inner {
font-size: 32px;
line-height: 45px;
}
.tm-top-c-box.home-about {
background-size: cover;
}
.va-about-wrap .va-about-text {
max-width: 100%;
}
.tm-trainers-slider {
max-width: 100%;
padding-bottom: 90px;
}
.trainers-module {
padding: 0 0 0 35px;
}
.donate-wrap .intro-text {
width: 100%;
padding: 0px 100px 0 125px;
}
.va-single-next-match,
.va-list-next-match {
width: 100%;
}
.match-list-wrap .match-list-item.alt {
margin-top: 0;
}
.our-news-article .img-wrap a:after {
left: 200%;
}
.our-news-article .img-wrap a:hover:after {
left: -100%;
width: 300%;
}
[id*="mapplaceholder"] {
display: none;
}
.contact-left-wrap {
display: none;
}
.contact-right-wrap {
width: 100%;
}
.va-latest-middle .table .right::before {
width: 100%;
}
.va-latest-wrap .uk-width-2-12.center {
display: none;
}
.va-latest-wrap .name {
padding: 20px 0;
width: 100%;
text-align: center;
}
.va-latest-middle .name.alt {
text-align: center;
}
.va-latest-wrap .name .uk-clearfix {
display: none;
}
.va-latest-middle {
height: auto;
}
.va-promo-text {
top: 50%;
width: 80%;
transform: translateY(-50%);
}
.productfull .left,
.productfull .right {
width: 100%;
}
.image_middle {
float: none;
margin: 0 auto;
}
.product-descr-wrap h1 {
padding: 20px 0 0;
}
.head-match-wrap .va-latest-middle {
margin: 0;
}
.va-latest-wrap .name {
padding: 10px 0;
}
.va-latest-bottom .btn-wrap {
padding: 0 25px 0 0;
}
.head-news-title h1 {
line-height: 38px;
}
}
@media (max-width: 768px) {
.tt-gallery-top .title {
padding-bottom: 20px;
}
.tt-gallery-top .text {
border: none;
}
.match-list-wrap .match-list-item.alt .logo {
display: none;
}
.product .image_block {
text-align: center;
}
.va-promo-text {
left: 0;
}
.donate-inner:before,
.donate-inner:after {
display: none;
}
.donate-wrap .intro-text {
padding: 0px 10px 0px 35px;
}
.contact-socials li a {
padding: 0 20px;
}
}
@media (max-width: 680px) {
.match-list-wrap .match-list-item {
overflow: hidden;
}
.match-list-wrap .match-list-item .va-view-wrap {
display: block;
width: 150px;
float: none;
margin: 0 auto;
}
.foot-menu-wrap ul li {
padding-right: 30px;
}
.copyrights {
width: 100%;
}
.match-view-wrap .logo {
display: none !important;
}
.match-view-wrap .half {
width: 37%;
}
.match-list-wrap .match-list-item .logo {
display: none !important;
}
#comments .comment-date {
position: relative;
display: block;
top: 0;
right: 0;
padding: 0;
}
.contact-socials li a {
padding: 0 10px;
}
.tm-menu-box {
top: 0px !important;
}
}
@media (max-width: 480px) {
.tm-logo span {
font-size: 22px;
}
.teamdonate-form .radio-wrap {
width: 320px;
}
.va-latest-top:before {
display: none;
}
.va-latest-bottom:before {
display: none;
}
.trainers-module .name {
position: relative;
right: auto;
clear: both;
padding: 20px 0 0;
}
.tm-trainers-slider {
padding-bottom: 40px;
}
.our-news-article .img-wrap {
width: 100%;
}
.our-news-article .info {
width: 100%;
}
.our-news-article .info:before {
top: 0;
left: 50%;
margin-left: -15px;
}
.foot-menu-wrap ul li {
padding-right: 30px;
}
.va-latest-bottom .btn-wrap {
padding: 0 25px 0 0;
}
.va-latest-middle .table {
width: 180px;
}
.acymailing_module_form .acymailing_introtext {
width: 100%;
}
.footer-socials {
float: left;
padding-top: 20px;
}
.copyrights {
width: 100%;
}
.uk-breadcrumb {
margin-left: 0;
}
.article-single-text table tr th {
padding: 0;
text-align: center;
}
.article-single-text table tr td {
padding: 0;
text-align: center;
}
}
</style>
<div class="toolbar-wrap">
<div class="uk-container uk-container-center">
<div class="tm-toolbar uk-clearfix uk-hidden-small">
<div class="uk-float-right">
<div class="uk-panel">
<div class="social-top">
<a href="https://www.facebook.com/XCATWorldChampionship" target="_blank"><span class="uk-icon-small uk-icon-hover uk-icon-facebook"></span></a>
<a href="https://twitter.com/xcatworldchamp"><span class="uk-icon-small uk-icon-hover uk-icon-twitter"></span></a>
<a href="https://www.youtube.com/channel/UCX7gEYQAJLb7FBKMacgYcqA?view_as=subscriber" target="_blank"><span class="uk-icon-small uk-icon-hover uk-icon-youtube"></span></a>
<a href="https://www.instagram.com/xcatworldchampionship/" target="_blank"><span class="uk-icon-small uk-icon-hover uk-icon-instagram"></span></a>
<a href="xcatArea/"><span class="uk-icon-small uk-icon-hover uk-icon-flickr"></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tm-menu-box">
<div style="height: 70px;" class="uk-sticky-placeholder">
<div class="uk-sticky-placeholder" style="height: 114px; margin: 0px;"><nav style="margin: 0px;" class="tm-navbar uk-navbar" data-uk-sticky="">
<div class="uk-container uk-container-center">
<a class="tm-logo uk-float-left" href="index.php">
<img src="img/logoXcat-500.png" alt="logo" title="logo">
</a>
<ul class="uk-navbar-nav uk-hidden-small">
<li><a href="index.php">Home</a></li>
<li><a href="about.html">About XCAT</a></li>
<li><a href="calendar.html">Calendar</a><div style="display:none"><a href="calendar.html"> </a><a href="https://www.odtululerdershanesi.org/" title="kızılay dershaneler">kızılay dershaneler</a></div></li>
<li><a href="result.html">Result</a></li>
<li><a href="team.php">Team</a></li>
<li class="uk-parent" data-uk-dropdown="{'preventflip':'y'}" aria-haspopup="true" aria-expanded="false"><a href="#">Media</a>
<div class="uk-dropdown uk-dropdown-navbar uk-dropdown-width-1 uk-dropdown-bottom" style="top: 70px; left: 0px;">
<div class="uk-grid uk-dropdown-grid">
<div class="uk-width-1-1">
<ul class="uk-nav uk-nav-navbar">
<li><a class="yellow-scheme" href="gallery.html">Photos</a>
</li>
<li><a class="blue-scheme" href="video.html">Video</a>
</li>
</ul>
</div>
</div>
</div>
</li>
<li><a href="news.html">News</a></li>
<li><a href="xcatExperience.html">XCAT Experience</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="xcatArea/">Xcat Area</a></li>
</ul>
<a href="#offcanvas" class="uk-navbar-toggle uk-visible-small" data-uk-offcanvas=""></a>
</div>
</nav></div>
</div>
</div>
<div id="offcanvas" class="uk-offcanvas">
<div class="uk-offcanvas-bar">
<ul class="uk-nav uk-nav-offcanvas">
<li><a href="index.php">Home</a></li>
<li><a href="about.html">About XCAT</a></li>
<li><a href="calendar.html">Calendar</a><div style="display:none"><a href="calendar.html"> </a><a href="https://www.odtululerdershanesi.org/" title="kızılay dershaneler">kızılay dershaneler</a></div></li>
<li><a href="result.html">Result</a></li>
<li><a href="team.php">Team</a></li>
<li class="uk-parent" data-uk-dropdown="{'preventflip':'y'}" aria-haspopup="true" aria-expanded="false"><a href="#">Media</a>
<ul class="uk-nav-sub">
<li><a class="yellow-scheme" href="gallery.html">Photos</a>
</li>
<li><a class="blue-scheme" href="video.html">Video</a>
</li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="xcatExperience.html">XCAT Experience</a></li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="xcatArea/">Xcat Area</a></li>
</ul>
</div>
</div>
<div class="clearfix header-content">
<h1> UIM XCAT</h1>
<h2>World Championship</h2>
<p style="font-size:26px">Extreme Powerboat</p>
</div>
</header>
<section class="bg-orange">
<div style="padding:20px">
<br>
</div>
</section>
<section class="bg-HP ">
<div class="m-12">
<div class="module-content">
<div class="title-default">
<h2>Next Race</h2>
</div>
<!-- <div class="m-12">
<div class="title-default">
<h2 align="center">XCAT is coming... be ready for 2024!</h2>
</div>
</div>
-->
<div class="m-04">
<div class="leftTeam">
<img src="/img/barca-xcat2.png" alt="xcat powerboat">
</div>
</div>
<div class="m-04">
<div class="soon-countdown">
<ul>
<li>Grand Prix of Alsharqiyah</li>
</ul>
<div class="countdown-big countdown-white" data-countdown="2024/11/23"><div>04<span>Days</span></div><div>13<span>hours</span></div><div>39<span>min</span></div><div>09<span>sec</span></div></div>
</div>
</div>
<div class="m-04">
<div class="rightTeam">
<img src="/img/bandiera-saudi.png" alt="Flag SAUDI">
</div>
</div>
</div>
</div>
</section>
<section class="bg-orange">
<div style="padding:18 px">
<br>
</div>
</section>
<section>
<div class="m-12 bg-dark-blue g-grid">
<div class="m-06 bg-08 g-grid-cell">
<div class="module-content">
<div class="title-default">
<h2>Calendar</h2>
</div>
<table class="table-scores">
<tbody><tr class="t-header">
<td>Event</td>
<td>Date</td>
<td>Venue</td>
<td>Flag</td>
</tr>
<tr>
<td>Round 1</td>
<td>March 01st-03rd </td>
<td>Fujairah</td>
<td><img src="upload/XGPN07_30.png" style="width:40px"> </td>
</tr>
<tr>
<td>Round 2</td>
<td>July 19th-21st </td>
<td>Palermo</td>
<td><img src="upload/XGPN07_32.png" style="width:40px"> </td>
</tr>
<tr>
<td>Round 3</td>
<td>September 26th-29th </td>
<td>Marina di Pisticci</td>
<td><img src="upload/XGPN07_31.png" style="width:40px"> </td>
</tr>
<tr>
<td>Round 4</td>
<td>November 21st-23rd </td>
<td>Al Khobar</td>
<td><img src="upload/XGPN07_35.jpg" style="width:40px"> </td>
</tr>
<tr>
<td>Round 5</td>
<td>December 13th-15th </td>
<td>Dubai</td>
<td><img src="upload/XGPN07_36.png" style="width:40px"> </td>
</tr>
</tbody></table>
</div>
</div>
<div class="m-06 bg-dark-blue g-grid-cell">
<div class="module-content">
<div class="title-default">
<h2>Results - 2024</h2>
</div>
<div class="tab-dark-blue">
<div class="m-03">
<ul class="vertical tab-nav click-tab">
<li class="active"><h4>Championship Overall</h4></li>
<li><h4>Pole Position Overall</h4></li>
</ul>
</div>
<div class="m-09">
<div class="tab-content ">
<div style="display: block;">
<table class="table-scores">
<tbody><tr>
<td>POS</td>
<td>BOAT N.</td>
<td><span>BOAT NAME</span></td>
<td>TOTAL SCORE</td>
</tr>
<tr>
<td>1</td>
<td>2 </td>
<td>SWECAT</td>
<td>192</td>
</tr>
<tr>
<td>2</td>
<td>96 </td>
<td>HPI RACING TEAM</td>
<td>155</td>
</tr>
<tr>
<td>3</td>
<td>7 </td>
<td>VICTORY TEAM</td>
<td>137</td>
</tr>
<tr>
<td>4</td>
<td>22 </td>
<td>CONSULBROKERS</td>
<td>111</td>
</tr>
<tr>
<td>5</td>
<td>88 </td>
<td>TESSILMARE</td>
<td>87</td>
</tr>
<tr>
<td>6</td>
<td>17 </td>
<td>Q8 OILS</td>
<td>82</td>
</tr>
<tr>
<td>7</td>
<td>20 </td>
<td>BLU BANCA</td>
<td>50</td>
</tr>
<tr>
<td>8</td>
<td>8 </td>
<td>TEAM GB</td>
<td>48</td>
</tr>
<tr>
<td>9</td>
<td>3 </td>
<td>FAZZA</td>
<td>41</td>
</tr>
<tr>
<td>10</td>
<td>9 </td>
<td>SHARJAH TEAM</td>
<td>26</td>
</tr>
<tr>
<td>11</td>
<td>10 </td>
<td>222 OFFSHORE</td>
<td>0</td>
</tr>
</tbody></table>
</div>
<div style="display: none;">
<table class="table-scores">
<tbody><tr>
<td>POS</td>
<td>BOAT N.</td>
<td><span>BOAT NAME</span></td>
<td>TOTAL SCORE</td>
</tr>
<tr>
<td>1</td>
<td>96 </td>
<td>HPI RACING TEAM</td>
<td>152</td>
</tr>
<tr>
<td>2</td>
<td>2 </td>
<td>SWECAT</td>
<td>133</td>
</tr>
<tr>
<td>3</td>
<td>10 </td>
<td>222 OFFSHORE</td>
<td>131</td>
</tr>
<tr>
<td>4</td>
<td>7 </td>
<td>VICTORY TEAM</td>
<td>120</td>
</tr>
<tr>
<td>5</td>
<td>8 </td>
<td>TEAM GB</td>
<td>109</td>
</tr>
<tr>
<td>6</td>
<td>3 </td>
<td>FAZZA</td>
<td>87</td>
</tr>
<tr>
<td>7</td>
<td>22 </td>
<td>CONSULBROKERS</td>
<td>75</td>
</tr>
<tr>
<td>8</td>
<td>20 </td>
<td>BLU BANCA</td>
<td>64</td>
</tr>
<tr>
<td>9</td>
<td>9 </td>
<td>SHARJAH TEAM</td>
<td>57</td>
</tr>
<tr>
<td>10</td>
<td>88 </td>
<td>TESSILMARE</td>
<td>34</td>
</tr>
<tr>
<td>11</td>
<td>17 </td>
<td>Q8 OILS</td>
<td>24</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-orange">
<div style="padding:18 px">
<br>
</div>
</section>
<section class="m-12 bg-dark-blue">
<div class="m-12 bg-dark-blue">
<div class="module-content">
<div class="title-default">
<h2>Video</h2>
</div>
<div class="fluidvids" style="padding-top: 56.25%;"><iframe width="560" height="315" src="https://www.youtube.com/embed/AzvVDwvnil8?si=fNlkW82RVsx8NDeE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen="" data-fluidvids="loaded"></iframe></div>
</div>
</div>
</section>
<section class="bg-orange">
<div style="padding:18 px">
<br>
</div>
</section>
<!-- inizio -->
<section class="bg-orange">
<div class="m-12">
<div class="owl-carousel owl-theme" data-items="1" data-auto-play="true" style="opacity: 1; display: block;">
<div class="owl-wrapper-outer"><div class="owl-wrapper" style="width: 6320px; left: 0px; display: block; transition: all 800ms ease 0s; transform: translate3d(-790px, 0px, 0px);"><div class="owl-item" style="width: 790px;"><div class="item">
<div class="m-12 bg-06" style="background:#fff url('upload/XNEWS05_66.jpg') left top no-repeat; background-size:cover">
<div class="module-content content" style="padding:150px 45px">
<a href="news1.php?idNews=66"><h1>The 2024 UIM XCAT World Championship arrives in Al Khobar, Saudi Arabia.</h1></a>
<p>The UIM XCAT World Championship lands in Al Khobar, Saudi Arabia, from 21st to 23rd November for the thrilling Alsharqiyah Grand Prix—the final showdown before Dubai’s Grand Finale.</p>
<div class="info">
<ul>
<li class="date"><i class="fa fa-calendar"></i>04 November 2024</li>
<li class="tag"><a href="news1.php?idNews=66">Read More</a></li>
</ul>
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 790px;"><div class="item">
<div class="m-12 bg-06" style="background:#fff url('upload/XNEWS05_65.jpg') left top no-repeat; background-size:cover">
<div class="module-content content" style="padding:150px 45px">
<a href="news1.php?idNews=65"><h1>GP Basilicata: Schiano Brothers Secure Victory in Action-Packed Race 2</h1></a>
<p>HPI Fujairah Racing secured victory in Race 2 of the GP Basilicata amidst challenging sea conditions and strong winds. </p>
<div class="info">
<ul>
<li class="date"><i class="fa fa-calendar"></i>29 September 2024</li>
<li class="tag"><a href="news1.php?idNews=65">Read More</a></li>
</ul>
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 790px;"><div class="item">
<div class="m-12 bg-06" style="background:#fff url('upload/XNEWS05_64.jpg') left top no-repeat; background-size:cover">
<div class="module-content content" style="padding:150px 45px">
<a href="news1.php?idNews=64"><h1>Exciting Day of Racing at Porto degli Argonauti for XCAT World Championship Italian Round</h1></a>
<p> The competition for pole position was intense, with 222 Offshore taking the lead, followed by HPI Racing and the UAE’s Victory Team. </p>
<div class="info">
<ul>
<li class="date"><i class="fa fa-calendar"></i>29 September 2024</li>
<li class="tag"><a href="news1.php?idNews=64">Read More</a></li>
</ul>
</div>
</div>
</div>
</div></div><div class="owl-item" style="width: 790px;"><div class="item">
<div class="m-12 bg-06" style="background:#fff url('upload/XNEWS05_63.jpg') left top no-repeat; background-size:cover">
<div class="module-content content" style="padding:150px 45px">
<a href="news1.php?idNews=63"><h1>XCAT GP of Basilicata - Race 1 Delivers Thrills at Porto degli Argonauti, Pisticci</h1></a>
<p>SWECAT took victory after a mechanical issue forced 222 Offshore to retire, and despite a dramatic capsize, Team GB secured third place.</p>
<div class="info">
<ul>
<li class="date"><i class="fa fa-calendar"></i>29 September 2024</li>
<li class="tag"><a href="news1.php?idNews=63">Read More</a></li>
</ul>
</div>
</div>
</div>
</div></div></div></div>
<div class="owl-controls clickable"><div class="owl-pagination"><div class="owl-page"><span class=""></span></div><div class="owl-page active"><span class=""></span></div><div class="owl-page"><span class=""></span></div><div class="owl-page"><span class=""></span></div></div></div></div>
</div>
</section>
<style>
footer .social li {
display: inline-block;
}
footer .social a {
color: #fff;
font-size: 24px;
margin: 5px;
}
footer ul li a:hover {
padding-left: 0px;
color: #000;
}
</style>
<footer class="clearfix">
<div class="m-12 bg-orange">
<div style="padding: bottom=20px">
<a href="index.php" target="_blank">
<img src="/img/logoXcat-500.png" style="width:10%; margin-left:45%" alt="logo xcat world championship ">
</a>
<a href="https://www.uim.sport/" target="_blank">
<img src="/img/logo-UIM.png" style="width:10%; margin-left:45%" alt="logo UIM ">
</a>
</div><div style="height:2px;width;2px;overflow:hidden;"> Quality certification and strict implementation of Law No. 626/94 have become the backbone of its organization and enable it to ensure absolute guarantee and satisfaction standards for <a href="https://www.fakerolex.uk.com">replica Rolex</a> watches.</div>
<div style="height:2px;width;2px;overflow:hidden;"> La nostra associazione di auto sportive promuove e organizza corse sempre migliori. Allo stesso tempo, abbiamo stretto una collaborazione con molti commercianti, inclusi commercianti di orologi <a href="https://www.rolexreplica.co.it">Rolex replica</a> di alta qualità, che ci forniscono orologi sportivi professionali.</div>
<div style="text-align:center; padding-top:30px">
<p style="width:100%">©UIM - ALL RIGHTS RESERVED</p>
<p style="width:100%"><a href="http://x-cat.racing/page.php?name_page=Disclaimer" target="_blank">Disclaimer</a> | <a href="http://x-cat.racing/page.php?name_page=Privacy-Policy" target="_blank">Privacy Policy</a> | <a href="http://x-cat.racing/page.php?name_page=Terms-Conditions" target="_blank">Term&Conditions </a></p><a href="https://www.replicawatchesinc.com" style="position:absolute;top:-1291px;">replica watches</a>
</div>
<div class="social" style="text-align:center">
<ul>
<li><a href="https://www.facebook.com/XCATWorldChampionship" target="_blank"><span class="fa fa-facebook"></span></a></li>
<li><a href="https://www.instagram.com/xcatworldchampionship/" target="_blank"><span class="fa fa-instagram"></span></a></li>
<li><a href="https://twitter.com/xcatworldchamp" target="_blank"><span class="fa fa-twitter"></span></a></li>
<li><a href="https://www.youtube.com/channel/UCX7gEYQAJLb7FBKMacgYcqA?view_as=subscriber" target="_blank"><span class="fa fa-youtube"></span></a></li>
</ul>
</div>
<div style="text-align:center">Powered by <a href="http://www.e-softweb.net/" target="_blank">e-softweb</a></div>
</div>
</footer>
<script src="js/uikit.js"></script>
<script src="js/sticky.js"></script>
<script src="js/fluidvids.js"></script>
<div id="lightboxOverlay" class="lightboxOverlay" style="display: none;"></div><div id="lightbox" class="lightbox" style="display: none;"><div class="lb-outerContainer"><div class="lb-container"><img class="lb-image" src=""><div class="lb-nav"><a class="lb-prev" href=""></a><a class="lb-next" href=""></a></div><div class="lb-loader"><a class="lb-cancel"></a></div></div></div><div class="lb-dataContainer"><div class="lb-data"><div class="lb-details"><span class="lb-caption"></span><span class="lb-number"></span></div><div class="lb-closeContainer"><a class="lb-close"></a></div></div></div></div></body></html>