@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=latin-ext');
  
::-moz-selection { color: #ffffff; background: #FF0214;}
::selection { color: #ffffff; background: #FF0214;}

html {background: #222;}
body {font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: lighter; color: #333;}
a {color: #FF0214;}
a:hover {text-decoration: none; color: #FF0214;}
p {margin: 0px 0px 15px;}
em {color: #FF0214;}
.highlight {font-weight: bold; margin: 0px 5px; color: #FF0214;}

h1, h2, h3 {font-family: 'Roboto', sans-serif; font-weight: bold;}

.welcome img {margin-bottom: 20px; border-radius: 5px; transition: 0.5s all;}
.welcome img:hover {transform: scale(1.04);}

/** MENU **/
.navigation {background: #000; padding-bottom: 20px;}
.navigation .logo {width: 100px; margin: 20px 0px -40px;}
.navigation .logo img {width: 100px;}
.navigation .logo a {padding: 0px;}
.navigation .menu img {width: 21px;}
.navigation .menu ul {padding: 0px; margin: 0px;}
.navigation .menu li {list-style: none; display: inline;}
.navigation .menu li a {color: #fff; font-weight: bold; padding-left: 25px;}
.navigation .menu li a:hover {color: #FF0214;}
.navigation .contact {padding: 15px 0px; text-align: right; font-size: 14px; color: #fff;}
.navigation .uk-badge {background: #FF0214; border-radius: 3px; margin-left: 10px; width: 30px; height: 30px;}
.navigation .uk-badge:hover {background: #222 !important; color: #fff;}
.navigation .shield {background: radial-gradient(closest-side, rgba(0,0,0,1) 30%,rgba(0,0,0,0)); height: 200px; width: 200px; z-index: -20; bottom: -50px;}
.navigation button {color: #fff;}

.spotlight {padding-top: 120px;}
.spotlight h1 {font-weight: lighter; border-bottom: 1px solid #FF0214; padding-bottom: 5px;}
.spotlight h2 {margin: 0px; font-size: 21px;}
.spotlight p {font-weight: lighter; font-size: 18px; margin-top: 5px;}

.content {padding: 50px 0px;}
.content .blog .item {padding: 20px; border: 1px solid transparent;}
.content .blog .item:hover {border: 1px solid #333; border-radius: 5px;}
.content .blog .item h2 a {color: #FF0214;}
.content .blog .item .numbers {font-weight: bold; font-size: 21px; margin-bottom: 20px;}
.content .blog .item .numbers span {font-weight: lighter; font-size: 16px;}

.item-page {background: #fff; border-radius: 10px; padding: 30px 40px 40px;}
.inspiring-image img {width: 100%; margin-bottom: 20px; margin-top: -30px; border-radius: 0px 0px 10px 10px; overflow: hidden;}
h2.inspire {border-bottom: 3px solid #FF0214; padding-bottom: 10px;}

.bottom {padding: 30px 0px 50px; border-top: 1px solid #FF0214;}
.bottom h3 {text-align: center;}

/** FOOTER MENU **/
.footer {background: #000; text-align: center; padding: 20px 0px; border-bottom: 20px solid #FF0214;}
.footer .social ul {margin-top: 10px; padding: 0px;}
.footer .social ul li {display: inline; padding: 0px 5px;}
.footer .social ul li a {background: #FF0214; color: #fff; border-radius: 7px;}
.footer .social ul li a:hover {background: #fff; color: #FF0214;}
.footer .copyright {font-size: 12px; color: #fff; border-top: 1px solid rgba(255,255,255,0.2); padding-top: 30px; margin-top: 20px;}
.footer .copyright a {color: #fff; font-weight: bold;}
.footer .copyright span {font-weight: bold;}
.footer .copyright .scrollup {background: none; border: 1px solid #fff; opacity: .5;}
.footer .copyright .scrollup:hover {background: #FF0214; opacity: 1; border-color: #FF0214;}

/** FORMS **/
.uk-button-default {background: #000; font-weight: normal; border: none; color: #fff; font-weight: bold; border-radius: 5px;}
.uk-button-default:hover {background: #FF0214; color: #fff;}



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

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

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

@media (min-width: 768px) {

}

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

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