@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: #2D2C82;}
::selection { color: #ffffff; background: #2D2C82;}

html {background: url('../images/M.png') bottom right no-repeat #fff; background-attachment: fixed;}
body {font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter; color: #333; min-height: 100vh;}
a {color: #2D2C82;}
a:hover {text-decoration: none; color: #2D2C82;}
p {margin: 0px 0px 15px;}
em {color: #2D2C82;}
.highlight {font-weight: bold; margin: 0px 5px; color: #2D2C82;}

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

.lottie {width: 200px; height: 200px; margin: 0px auto;}

.contactUs {border: 1px solid #ccc; padding: 3px 10px; display: inline-block; margin: 0px 2px; border-radius: 10px 0px 10px 0px; background: #ededed;}
.contactUs:hover {background: #2D2C82; color: #fff !important;}

/** MENU **/
.navigation {background:  rgba(255,255,255);}
.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: 40px;}
.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: #2D2C82; border-bottom: 4px solid #d8d9db;}
.navigation .menu ul li.active a {color: #2D2C82; border-bottom: 4px solid #d8d9db; font-weight: 500;}
.navigation .menu .uk-dropdown {box-shadow: none; background: #2D2C82; 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 {background: #232268;}
.navigation .menu .uk-dropdown ul li a:hover {font-weight: 500; background: #d8d9db; color: black}
.navigation .hamburger {position: absolute; right: 0px; color: #d8d9db;}
.navigation .hamburger:hover {color: #d8d9db;}
.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: #2D2C82;}
.uk-offcanvas-bar .logo {width: 150px; margin: 20px auto 0px;}
.uk-offcanvas-bar ul {display: block; padding: 0px; margin-top: 50px;}
.uk-offcanvas-bar ul li a {color: #fff !important; display: block; margin-bottom: 10px; padding: 0px 0px 10px; min-height: unset; border-bottom: 1px solid rgba(255,255,255,0.2);}
.uk-offcanvas-bar ul li.active a {font-weight: bold; color: #fff !important;}
.uk-offcanvas-bar .uk-dropdown ul {margin-top: 0px;}
.uk-offcanvas-bar .uk-dropdown ul li a {text-transform: none; font-weight: normal; padding: 10px; border-bottom: none; min-height: 20px; color: #2D2C82 !important;}
.uk-offcanvas-bar .uk-dropdown ul li.active a {background: #ededed !important;}
.uk-offcanvas-bar .get-in-touch ul {margin-top: 40px; border-top: 1px solid #d8d9db; 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;}

.top-menu {position: relative;}
.top-menu .links {background: #232268; padding: 2px 0px 5px;}
.top-menu .links ul {padding: 0px; margin: 0px;}
.top-menu .links li {list-style: none;}
.top-menu .links a {color: #fff; padding-right: 20px; font-size: 14px;}
.top-menu .links a:hover {color: #ccc;}
.top-menu .menu {background: #ededed; padding-bottom: 20px; z-index: 100; }
.top-menu .menu h4 {font-size: 18px; margin: 20px 0px 5px; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.top-menu .menu ul {padding: 0px;}
.top-menu .menu ul li {padding: 0px; display: block;}

.spotlight {padding-top: 20px; width: 90%; margin: 0px auto; position: relative;}
.article-slider {border-radius: 0px 50px 0px 50px; overflow: hidden; box-shadow: 0px 20px 20px rgba(0,0,0,0.2); position: relative; z-index: 0;}
.article-slider .image {min-height: 600px;}
.article-slider h1 {background: #2D2C82; padding: 10px 20px; border-radius: 20px 0px 20px 0px;}

.statistics {padding: 50px 0px; background: linear-gradient(0deg, rgba(219, 223, 223, 0.0) 0%, rgba(219, 223, 223, 0.8) 100%);}
.statistics .number {font-size: 56px; color: #2D2C82; font-weight: bold;}
.statistics .text {color: #000;}
.statistics .text::after {content: ""; display: block; width: 40px; height: 4px; border-radius: 2px; background: #2D2C82; margin: 10px auto 0px;}

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

.homepageicons .uk-card {border-radius: 50px 0px 50px 0px; padding: 40px 20px; transition: all 0.2s;}
.homepageicons .uk-card:hover {transform: scale(1.05); cursor: pointer; background: #ededed;}
.homepageicons .uk-button-primary {background: white; border: 1px solid #d8d9db; color: #232268; font-weight: bold;}
.homepageicons .lottie {width: 180px; height: 180px; margin: 0px auto;}

.sidebar {position: relative; z-index: 1;}

.content {padding: 50px 0px;}
.content .box {background: #f5f5f5; padding: 20px 40px 10px; margin-bottom: 20px;}
.content .box h3 {color: #2D2C82; font-weight: lighter; border-bottom: 2px solid #fff; padding-bottom: 5px;}
.content  h3 {color: #2D2C82; font-weight: lighter; border-bottom: 1px solid #d8d9db; padding-bottom: 5px;}
.content .team p {font-weight: bold; padding: 0px; margin: 10px 0px 0px 0px;}
.content .team img {border: 5px solid #2D2C82; border-radius: 50px 0px 50px 0px;}
.content .team .uk-card {border-radius: 50px 0px 50px 0px; padding: 20px; transition: all 0.2s;}
.content .team .uk-card:hover {transform: scale(1.05); cursor: pointer;}
.content .divisions .uk-card {border-radius: 50px 0px 50px 0px; padding: 40px 20px; transition: all 0.2s;}
.content .divisions .uk-card:hover {transform: scale(1.05); cursor: pointer; background: #ededed;}
.content .divisions .uk-button-primary {background: white; border: 1px solid #d8d9db;}
.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: #2D2C82;}
.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; overflow: hidden; transition: all 0.2s;}
.content .blog-item .image, .news .image {border-radius: 20px 0px 20px 0px;}
.content .blog-item:hover {transform: scale(1.03);}
.content .blog-item .uk-card-body {background: #f5f5f5;}
.content .blog-item h3 {font-weight: bold;}
.content .blog-item .uk-button {background: #ededed; border-radius: 10px 0px 10px 0px;}
.content .blog-item .uk-button span {color: #1b1a53;}
.content .blog-item .uk-button:hover {background: #2D2C82;}
.content .blog-item .uk-button:hover span {color: #fff;}
.content .item-page a {color: #2D2C82; font-weight: bold;}
.content .karijera li {margin-bottom: 2px;}
.content .karijera a {font-size: 18px; background: #2D2C82; padding: 10px 20px; color: #fff; display: block;}
.content .karijera a:hover {background: #d8d9db;}

.projects a {display: block; background: #2D2C82; color: #fff !important; font-weight: lighter !important; font-size: 21px; text-align: center; padding: 20px; border-radius: 20px 0px 20px 0px; margin-bottom: 10px;}
.projects a:hover {background: #999999; color: #232268;}

.nasaprica ul {padding: 0px;}
.nasaprica ul li {list-style: none; margin-right: 50px;}
.nasaprica a {font-size: 20px; display: block; padding: 7px 10px; font-weight: bold; background: #ededed; margin-bottom: 4px;}
.nasaprica a:hover {background: #232268; color: #fff;}

.inspiring-image img {width: 100%; margin-bottom: 20px;}
h2.inspire, .page-header h1 {border-bottom: 3px solid #d8d9db; padding-bottom: 10px; color: #2D2C82; font-weight: lighter; font-size: 48px; margin-bottom: 50px;}

.category-desc {margin-bottom: 50px;}
.items-more .nav li a {display: block; font-size: 18px; font-weight: bold; margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.items-more .nav li a:hover {color: #333}

.laudonovac a img {border-radius: 50px 0px 50px 0px; overflow: hidden; transition: all 0.2s;}
.laudonovac a img:hover {transform: scale(1.05);}
.laudonovacLink, .laudonovacLink:hover {color: unset;}

.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;}

.map {width: 90%; margin: 0px auto 50px; border-radius: 0px 50px 0px 50px; overflow: hidden;}

.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: #d8d9db; 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: #2D2C82;}

/** FOOTER MENU **/
.footer .wrapper {background: #2D2C82; border-radius: 20px 0px 0px 0px; padding: 20px 0px;}
.footer .stripe {position: absolute; background: #d8d9db; height: 100%; width: 50%; right: 0px; z-index: -10;}
.footer .menu ul {flex-direction: column; text-align: left;}
.footer .menu {margin-left: 20px;}
.footer .menu li {display: inline-block;}
.footer .menu a {color: #fff; justify-content: left; min-height: 30px;}
.footer .menu a:hover {color: #d8d9db;}
.footer .copyright p {font-size: 12px; color: #fff; border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0px; margin: 10px 35px 0px; 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: #2D2C82; opacity: 1; border-color: #2D2C82;}
.footer .info {font-size: 12px; opacity: 0.5; color: #fff; padding: 0px 35px 10px;}

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

/** CONTACT FORM **/
.contact-form {background: #f5f5f5; padding: 20px 40px 30px; border-radius: 0px 50px 0px 50px; margin-top: 50px;}
.contact-form fieldset {border: none; padding: 0px; margin: 0px;}
.formContainer > .uk-grid > .uk-width-6-12 {position: relative;}
.rsform-block-submit {position: absolute; bottom: 0px; width: 50%;}
.rsform-block-attachment .uk-button-default {background: none; border: 1px solid #ccc; color: #333; margin-left: 10px;}
.contact-form .uk-input, .contact-form .uk-textarea {border-radius: 5px;}
.contact-form .uk-input:focus, .contact-form .uk-textarea:focus {border-color: #d8d9db;}
.contact-form .uk-button-primary {background: #2D2C82; font-weight: normal; border-radius: 5px; width: 100%;}
.contact-form .uk-button-primary:hover {background: #d8d9db;}

/** 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: #2D2C82;}
.download a.download {background: #2D2C82; padding: 5px 30px; color: #fff; font-weight: normal; border-radius: 5px;}
.download a.download:hover {background: #d8d9db;}
.download .image {border: 1px solid #d8d9db; 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: #2D2C82; color: #fff; font-weight: normal; text-transform: uppercase; border: 1px solid #2D2C82; padding: 5px 20px; border-radius: 5px;}
.errorPage .error .button:hover {background: #d8d9db; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; font-weight: bold; color: #2D2C82; padding: 50px 0px; border-bottom: 1px solid #ccc; line-height: 110px;}

/** COOKIES **/
.cookie {background: #1b1a53; padding: 20px; border-radius: 10px;}
.cookie h4 {color: #fff; border-bottom: 1px solid #2D2C82; padding-bottom: 5px; margin-bottom: 10px;}
.cookie p {color: #fff; font-weight: lighter; font-size: 14px}
.cookie button {background: #fff; border-radius: 50px; color: #2D2C82; font-weight: bold;}
.cookie button:hover {background: #2D2C82; color: #fff;}

/** UI KIT **/
.uk-modal-dialog h3 {font-weight: bold; color: #2D2C82; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.uk-accordion-title {font-size: 16px;}
.uk-accordion-content {background: #f5f5f5; border-radius: 10px 0px 10px 0px; padding: 20px;}

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

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

@media (min-width: 1024px) {
    .spotlight {width: 90%;}
    .text {position: relative;}
    .navigation .language {font-size: 14px; padding: 0px 0px 0px 20px;}
    .footer .copyright p {margin: 0px 35px 0px;}
    .footer .menu ul {flex-direction: row; text-align: left;}
    .footer .wrapper {padding: 0px;}
    .footer .menu a {justify-content: left; min-height: 80px;}
}

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