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

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

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

/** MENU **/
.navigation {background: rgba(255,255,255,0.9);}
.navigation .logo {padding: 10px 10px 10px 0px;}
.navigation .logo a {padding: 0px;}
.navigation .logo img {height: 55px;}
.navigation .uk-navbar-container {background: none; border-bottom: 1px solid #ccc;}
.navigation .menu {position: relative; margin-left: 0px;}
.navigation .menu ul {margin: 0px;}
.navigation .menu ul li {list-style: none; display: inline-block; padding-left: 22px;}
.navigation .menu ul li a {color: #999999; padding: 0px 0px 0px 0px; font-weight: normal; text-transform: uppercase; font-size: 14px; min-height: 40px;}
.navigation .menu ul li a:hover {color: #23355D; border-bottom: 4px solid #73AA37;}
.navigation .menu ul li.active a {color: #23355D; border-bottom: 4px solid #73AA37; font-weight: 500;}
.navigation .menu .uk-dropdown {box-shadow: none; background: #23355D; padding: 0px; top: 40px !important;}
.navigation .menu .uk-dropdown ul {line-height: 20px;}
.navigation .menu .uk-dropdown ul li {padding: 0px; display: block;}
.navigation .menu .uk-dropdown ul li a {text-transform: none; font-weight: normal; padding: 10px; border-bottom: none; min-height: 20px; color: #fff;}
.navigation .menu .uk-dropdown ul li.active a {font-weight: bold;}
.navigation .menu .uk-dropdown ul li a:hover {font-weight: 500; background: #73AA37;}
.navigation .hamburger {position: absolute; right: 0px; color: #73AA37;}
.navigation .hamburger:hover {color: #73AA37;}
.navigation .get-in-touch ul {margin-top: 18px;}
.navigation .get-in-touch ul li {list-style: none; display: inline-block; padding-left: 10px; opacity: 0.5;}
.navigation .get-in-touch ul li:hover {opacity: 1;}
.navigation .language {font-size: 14px; padding: 0px 20px 0px 0px;}
.navigation .language a {font-weight: normal; color: #999999;}
.navigation .language img {border-radius: 20px; width: 15px; height: 15px; margin: -2px 5px 0px 0px;}
.navigation .language .uk-dropdown {min-width: 80px; padding: 12px;}

.uk-offcanvas-bar {background: #fff;}
.uk-offcanvas-bar ul {display: block; padding: 0px; margin-top: 50px;}
.uk-offcanvas-bar ul li a {color: #999999 !important; display: block; margin-bottom: 10px; padding: 0px; min-height: unset;}
.uk-offcanvas-bar ul li.active a {font-weight: bold; color: #000 !important;}
.uk-offcanvas-bar .get-in-touch ul {margin-top: 40px; border-top: 1px solid #73AA37; padding-top: 20px;}
.uk-offcanvas-bar .get-in-touch ul li {list-style: none; display: inline-block; padding-right: 10px; opacity: 0.5;}
.uk-offcanvas-bar .get-in-touch ul li:hover {opacity: 1;}

.spotlight {padding-top: 20px; width: 90%; margin: 0px auto 50px;}
.article-slider {border-radius: 0px 50px 0px 50px; overflow: hidden;}
.article-slider .image {min-height: 600px;}
.article-slider .text {background: #23355D; text-align: left; min-height: 600px;}
.article-slider .text .uk-overlay {background: rgb(35, 53, 93, 0.9);}

.top .uk-card-primary {background: #f5f5f5; box-shadow: none; border-radius: 5px; color: #23355D; font-weight: normal; transition: all 0.2s;}
.top .uk-card-primary:hover {transform: scale(1.05);}
.top span {font-size: 48px; color: #73AA37 !important; font-weight: bold; border-bottom: 1px solid #fff; padding-bottom: 5px; display: inline-block; margin-bottom: 15px;}
.top h4 {color: #23355D !important; font-weight: bold !important;}

.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: #23355D;}
.content .blog .item .numbers {font-weight: bold; font-size: 21px; margin-bottom: 20px;}
.content .blog .item .numbers span {font-weight: lighter; font-size: 16px;}
.content .blog-item {box-shadow: none; border-radius: 5px; overflow: hidden; transition: all 0.2s;}
.content .blog-item:hover {transform: scale(1.03);}
.content .blog-item .uk-card-body {background: #f5f5f5;}
.content .item-page a {color: #23355D; font-weight: bold;}
.content .karijera li {margin-bottom: 2px;}
.content .karijera a {font-size: 18px; background: #23355D; padding: 10px 20px; color: #fff; display: block;}
.content .karijera a:hover {background: #73AA37;}

.inspiring-image img {width: 100%; margin-bottom: 20px;}
h2.inspire {border-bottom: 3px solid #73AA37; padding-bottom: 10px; color: #23355D; font-weight: lighter; font-size: 48px; margin-bottom: 50px;}

.bottom {margin: 50px 0px;}
.bottom .logo {padding: 0px 10px;}
.bottom .logo a {width: 100%; text-align: center;}
.bottom img {filter: grayscale(100%); opacity: 0.5; max-height: 120px; margin: 0px auto;}
.bottom img:hover {filter: grayscale(0%); opacity: 1;}

.social ul {margin: 0px; padding: 20px 0px 20px; border-top: 1px solid #ccc;}
.social ul li {list-style: none; display: inline-block;}

/** PAGINATION **/
.pagination {text-align: center; margin-top: 20px;}
.pagination p {border-bottom: 1px solid #fff; padding-bottom: 2px; font-size: 12px;}
.pagination ul li {list-style: none; display: inline-block; padding: 0px 2px;}
.pagination ul li a {background: #73AA37; padding: 5px 10px; border-radius: 20px; font-size: 12px; color: #fff;}
.pagination ul li.active a {font-weight: bold;}
.pagination ul li a:hover {background: #23355D;}

/** FOOTER MENU **/
.footer .wrapper {background: #23355D;}
.footer .stripe {position: absolute; background: #73AA37; height: 100%; width: 50%; right: 0px; z-index: -10;}
.footer .menu {margin-left: 20px;}
.footer .menu li {display: inline-block;}
.footer .menu a {color: #fff;}
.footer .menu a:hover {color: #73AA37;}
.footer .copyright p {font-size: 12px; color: #fff; border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0px; margin: 0px 35px; display: inline-block;}
.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: #23355D; opacity: 1; border-color: #23355D;}

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

/** CONTACT FORM **/
.contact-form .uk-input, .contact-form .uk-textarea {border-radius: 5px;}
.contact-form .uk-input:focus, .contact-form .uk-textarea:focus {border-color: #73AA37;}
.contact-form .uk-button-primary {background: #23355D; font-weight: normal; border-radius: 5px;}
.contact-form .uk-button-primary:hover {background: #73AA37;}

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

/** DOWNLOAD **/
.download .item {border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 40px;}
.download .item h3 {color: #23355D;}
.download a.download {background: #23355D; padding: 5px 30px; color: #fff; font-weight: normal; border-radius: 5px;}
.download a.download:hover {background: #73AA37;}
.download .image {border: 1px solid #73AA37; border-radius: 2px;}

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

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

@media (min-width: 768px) {
    .spotlight {padding-top: 50px;}
    .text {position: relative;}
    .article-slider {border-radius: 0px 150px 0px 150px;}
}

@media (min-width: 1024px) {
    .spotlight {width: 80%;}
    .text {position: relative;}
    .navigation .language {font-size: 14px; padding: 0px 0px 0px 20px;}
}

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