@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
 
/** #c83729 **/
/** #f7dc1c **/
/** #425d9a **/

::-moz-selection { color: #231f20; background: #f7dc1c;}
::selection { color: #231f20; background: #f7dc1c:}

html {background: #ffffff;}
body {font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter; color: #333;}
a {color: #c83729;}
a:hover {text-decoration: none; color: #000;}
p {margin: 0px;}
em {color: #c83729;}
.highlight {font-weight: bold; margin: 0px 5px; color: #c83729;}

h1, h2, h3 {font-weight: bold; font-family: 'Open Sans', sans-serif;}
	
/** MENU **/
.navigation {background: #425d9a;}
.navigation .logo {width: 250px; margin-bottom: -25px;}
.navigation .uk-navbar {background: none; padding: 10px 0px;}
.navigation ul {margin: 0px;}
.navigation ul li {list-style: none; display: inline-block; line-height: 30px; text-transform: uppercase;}
.navigation ul li a {display: block; padding: 15px 20px 5px; color: #fff; font-weight: normal;}
.navigation ul li a:hover {text-decoration: none; border-bottom: 5px solid #c83729;}
.navigation ul li.active a {border-bottom: 5px solid #f7dc1c;}
.navigation .hamburger {margin-right: 10px; color: #fff;}
.navigation .hamburger svg {width: 32px; height: 32px;}
.uk-offcanvas-bar {background: #425d9a; padding: 0px;}
.uk-offcanvas-bar .logo {padding: 20px;}
.uk-offcanvas-bar ul {background: #c83729; padding: 0px;}
.uk-offcanvas-bar ul li {list-style: none;}
.uk-offcanvas-bar ul li a {display: block; padding: 5px 20px;}
.uk-offcanvas-bar ul li.current a {background: #f7dc1c; color: #000; font-weight: bold;}

/** CONTENT **/
.content {padding: 80px 0px 50px; background: url("../images/player.svg") no-repeat bottom right;}

/** ARTICLE **/
.item-page {margin-top: 20px;}
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal;}
.item-page h2 {text-transform: uppercase; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #f7dc1c; font-weight: bold; color: #c83729;}
.item-page .item-image img {width: 100%; margin-bottom: 30px;}
.item-page .moduletable h3 {border-top: 1px solid #c83729; padding-top: 20px; margin-top: 50px;}
.item-page .product-title {text-align: left;}
.ordernow {display: block; background: #c83729; font-size: 24px; font-weight: bold; color: #fff; text-align: center; padding: 20px; border-right: 20px solid #f7dc1c; border-left: 20px solid #f7dc1c;}
.ordernow:hover {background: #425d9a; color: #f7dc1c;}

.gallery .uk-subnav {margin-top: 10px;}
.gallery .uk-subnav li a {font-weight: bold; color: #000; background: #fff; color: #231f20; border: 2px solid #f7dc1c; border-radius: 20px;}
.gallery .uk-subnav li a:hover {background: #f7dc1c; color: #231f20; border: 2px solid #c83729; border-radius: 20px;}
.gallery .uk-subnav li.uk-active a {background: #c83729; border-radius: 20px; font-weight: bold; border: 2px solid #231f20; color: #fff;}

.blog-featured h2 {color: #c83729; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #f7dc1c;}

.uk-card-body {min-height: 48px;}
.uk-card-media-top {min-height: 250px; max-height: 250px; overflow: hidden;}
.uk-card-media-top img {min-height: 150px;}

/** CATEGORY **/
.pagination {text-align: center; margin-top: 20px;}
.pagination ul {padding-top: 10px; padding-left: 0px; margin-top: 10px; border-top: 1px dotted #f7dc1c;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #f7dc1c; color: #fff; padding: 10px 15px; border-radius: 20px; font-weight: bold; font-size: 14px; margin: 0px 2px; font-weight: bold; line-height: 42px;}
.pagination ul li a:hover {text-decoration: none; background: #000; color: #fff;}
.pagination ul li.active a {background: #000; color: #fff;}

/** ARTICLE SLIDER **/
.article-slider .title {background: #c83729; color: #f7dc1c; font-weight: bold; padding: 20px; display: inline-block;}

/** POSITIONS **/
.welcome {margin-bottom: 20px;}
.welcome span {text-align: center; background: #425d9a; color: #fff; display: block; font-size: 32px; font-weight: bold; padding: 20px 50px;}
.sidebar {background:rgba(0,0,0,0.5); padding: 20px;}
.sidebar h3 {color: #fff; text-transform: uppercase; border-bottom: 1px solid #f7dc1c; padding-bottom: 7px;}
.sidebar ul {margin: 0px; padding: 0px;}
.sidebar ul li {list-style: none; margin-bottom: 2px;}
.sidebar a {background: rgba(255,255,255,0.2); display: block; padding: 10px; color: #fff;}
.sidebar a:hover {background: #f7dc1c;}
.sidebar .current a {background: #c83729; font-weight: bold;}
.spotlight {margin-top: 90px;}
.bottom {background: url("../images/bottom.jpg") no-repeat right; height: 200px; background-size: cover;}
.readmore {background: #425d9a; border: 5px solid #f7dc1c; padding: 20px; color: #fff; display: inline-block; border-radius: 20px; font-size: 18px; font-weight: bold;}
.readmore:hover {background: #c83729; color: #f7dc1c; border-color: #425d9a;}
.frontpage-left .uk-card, .frontpage-right .uk-card {color: #fff; background: #c83729; box-shadow: none;}
.frontpage-left .uk-card h3, .frontpage-right .uk-card h3 {font-size: 48px; color: #f7dc1c;}
.moduletablerepresentation {border: 1px solid #f7dc1c; padding: 20px; background: rgba(255,255,255,0.2); margin-bottom: 30px !important;}
.moduletablerepresentation h3 {text-transform: uppercase; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}
.uk-lightbox  {background: rgba(0,0,0,0.8);}

/** FOOTER **/
.footer {background: #c83729; padding: 50px 0px; color: #fff; text-align: center; border-top: 10px solid #f7dc1c; border-bottom: 30px solid #425d9a;}
.footer ul {border-bottom: 1px dashed #f7dc1c; padding-bottom: 20px; padding-left: 0px;}
.footer ul li {display: inline-block;}
.footer ul li a {text-transform: uppercase; color: #fff !important; margin: 0px 10px; font-weight: bold;}
.footer ul li a:hover {text-decoration: none; color: #f7dc1c !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.footer .social a.uk-icon {font-size: 18px; border: 1px solid;  padding: 5px; border-radius: 3px; margin: 0px 5px;}
.footer .social a.uk-icon:hover {color: #425d9a; background: #f7dc1c;}
.language ul {border-bottom: none;}
.copyright {font-size: 14px; line-height: 24px; color: #fff; margin-top: 30px;}
.copyright a {font-weight: bold; color: #fff;}

/** FORMS **/
input:focus, input:active {box-shadow: none;}

/** LINKS **/
.link a {border: 1px solid #c83729; border-radius: 3px; padding: 5px 10px; display: block; margin: 5px 0px; background: #fff; font-weight: bold;}
.link a:hover {background: #000; color: #fff; text-decoration: none;}

/** YOUTUBE **/
.youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** ERROR PAGE **/
.errorPage {background: #fff; text-align: center; margin-top: 100px;}
.errorPage .error img {width: 250px;}
.errorPage .error p {font-size: 18px; margin-bottom: 50px;}
.errorPage .error .button {color: #000; font-weight: normal; text-transform: uppercase; border: 1px solid #c83729; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #c83729; padding: 50px 0px; border-bottom: 1px dashed #c83729; line-height: 110px;}


@media (min-width: 768px) {
}

@media (min-width: 1024px) {
	.content {padding: 40px 0px 50px;}
	.spotlight {margin-top: 50px;}
}

@media (min-width: 1025px) {

}