@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap&subset=latin-ext');
  
/** CRVENA #B53134 **/
/** TAMNO PLAVA: #231B59 **/
/** ZUTA: #FCD116 **/

::-moz-selection { color: #ffffff; background: #231B59;}
::selection { color: #ffffff; background: #231B59:}

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

h1, h2 {font-weight: bold; font-family: 'Montserrat', sans-serif; color: #231B59;}
h3 {font-family: "Montserrat", serif};

.topbar {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); text-align: center; color: #fff; padding: 4px 0px; border-bottom: 4px solid #4a6eb2;}
.topbar ul {padding: 0px 0px 3px 0px; margin: 0px;}
.topbar ul li {display: inline; margin-right: 20px;}
.topbar ul li a {color: #fff; font-size: 13px;}
	
/** MENU **/
.navigation {background: rgba(255,255,255,0.9); padding-top: 10px;}
.navigation .logo {width: 220px; margin: 0px 0px 10px 0px;}
.navigation .logo a {padding: 0px;}
.navigation .uk-navbar-container {background: none; border-bottom: 5px solid #231B59;}
.navigation .uk-navbar-nav {width: 100%;}
.navigation .menu {width: 100%; position: relative; overflow: hidden;}
.navigation .menu ul {padding: 0px 0px 0px 30px; margin: 35px 0px 0px 30px;}
.navigation .menu ul li {list-style: none; display: inline;}
.navigation .menu ul li a {line-height: 45px; padding: 0px 15px; font-weight: normal; text-transform: uppercase; color: #B53134; font-family: 'Montserrat', sans-serif;}
.navigation .menu ul li a:hover {color: #231B59;}
.navigation .menu ul li.active a {color: #000;}
.navigation .search {position: absolute; bottom: 4px; right: 2px;}
.navigation .search ul li a {padding: 0px;}
.navigation .callus {color: #4a6eb2; float: right; font-size: 13px; border-top: 1px dotted #FCD116; padding-top: 5px;}
.navigation .callus .phone {color: #231B59; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.navigation .hamburger {position: absolute; right: 0px; color: #231B59;}
.navigation .hamburger:hover {color: #FCD116;}
.frontpage .nav-border {position: absolute; width: 10px; height: 100%; background: #231B59; top: 0px; right: 0px;}

.uk-offcanvas-bar {background: #fff;}
.offcanvas ul {margin: 20px 0px; padding: 0px;}
.offcanvas ul li {list-style: none; padding: 3px 10px;}
.offcanvas ul li a {color: #231B59;}
.offcanvas ul li:hover {background: #231B59; font-weight: bold; color: #fff;}
.offcanvas ul li.active {background: #4a6eb2; font-weight: bold; color: #fff;}
.offcanvas ul li.active a {color: #fff;}
.offcanvas .callus {margin-bottom: 20px; color: #4a6eb2;}
.offcanvas .callus .phone {color: #231B59; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 18px;}
.offcanvas .search input {border: 1px solid #ccc; border-radius: 20px;}

/** SLIDER **/
.article-slider {margin-bottom: 0px;}
.article-slider .wrapper {width: 80%; margin: 0px auto; background: rgba(255,255,255,0.7); padding: 30px; border-bottom: 5px solid #4a6eb2; border-radius: 30px 0px 30px 0px;}
.article-slider h1 {font-size: 24px; color: #231B59; text-transform: uppercase;}
.article-slider h3 {color: #4a6eb2; font-size: 32px; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.article-slider p {background: #FCD116; padding: 10px 20px; font-weight: normal; font-size: 16px;}
.article-slider span a {display: block; text-align: right; color: #231B59; margin-top: 10px;}
.article-slider span a:hover {color: #4a6eb2;}
.article-slider span a::after {content: ''; display: block; width: 0; height: 1px; background: #fff; transition: width .3s; margin-top: 5px;}
.article-slider span a:hover::after {width: 100%;}

.spotlight {border: 1px solid #ccc; padding: 20px; margin-top: 20px; background: #fff;;}
.spotlight p {margin: 0px; font-size: 13px;}
.spotlight .flags {text-align: center;}
.spotlight .flags img {height: 60px; margin: 0px 5px;}
.bottom {background: #fff; padding: 30px 0px;}

/** CONTENT **/
.content .article {background: #fff; padding: 20px; border-bottom: 10px solid #FCD116; border-top: 2px solid #ededed;  margin: 20px 0px;}
.content .sidebar {padding-left: 0px;}

/** ARTICLE **/
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal;}
.item-page h2 {font-family: "Montserrat", serif; text-transform: uppercase; font-size: 32px; margin-bottom: 30px; border-bottom: 1px solid #4a6eb2; font-weight: bold; color: #001C37;}
.item-page h3 {color: #001C37; border-bottom: 1px solid #4a6eb2; padding-bottom: 5px;}
.item-page .item-image img {width: 100%; margin-bottom: 30px;}
.item-page .moduletable h3 {border-top: 1px solid #4b6eb2; padding-top: 20px; margin-top: 50px;}

.gallery .uk-subnav {margin-top: 10px;}
.gallery .uk-subnav li a {font-weight: bold; color: #000; background: #fff; color: #001A35; border: 2px solid #4a6eb2; border-radius: 20px;}
.gallery .uk-subnav li a:hover {background: #4a6eb2; color: #001A35; border: 2px solid #001C37; border-radius: 20px;}
.gallery .uk-subnav li.uk-active a {background-image: linear-gradient(-45deg, #001A35, #001C37, #27383F); border-radius: 20px; font-weight: bold; border: 2px solid #001A35; color: #fff;}

.blog-featured h2 {font-family: "Montserrat", serif; color: #001C37; font-size: 32px; text-align: center; margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #4a6eb2;}

.uk-card-body {min-height: 48px; background: #ededed;}
.uk-card-body a {font-weight: bold; font-family: "Montserrat", serif; font-size: 18px; text-transform: uppercase;}
.uk-card-media-top {min-height: 215px; max-height: 250px; overflow: hidden;}
/* .uk-card-media-top img {min-height: 150px;} */

/** CATEGORY **/
.cat-title {margin: 0px; position: relative;}
.cat-title a {color: #000; background: #4a6eb2; padding: 10px; font-weight: normal; text-transform: uppercase; text-align: center; font-size: 16px; display: block;}
.cat-title a:hover {color: #fff; background: #001C37;}
.cat-title .badge {position: absolute; right: -12px; top: -12px; background: #fff; border: 1px solid #4a6eb2; border-radius: 20px; padding: 2px 10px; font-size: 16px; font-weight: bold;}
.cat-children {margin-bottom: 50px;}
.pagination {text-align: center; margin-top: 20px;}
.pagination ul {padding-top: 10px; padding-left: 0px; margin-top: 10px; border-top: 1px dotted #4a6eb2;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #4a6eb2; color: #fff; padding: 10px 15px; font-weight: bold; font-size: 14px; margin: 0px 2px; font-weight: bold; line-height: 42px;}
.pagination ul li a:hover {text-decoration: none; background: #B53134; color: #fff;}
.pagination ul li.active a {background: #B53134; color: #fff;}

/** FOOTER **/
.footer {background: #4a6eb2;}
.footer .wrapper {padding: 30px; margin-top: 0px;}
.footer .wrapper h3 {color: #fff; border-bottom: 1px solid #231B59; font-weight: bold; font-size: 18px; text-transform: uppercase; padding-bottom: 7px;}
.footer .footermenu ul {margin: 30px 0px; padding: 0px; text-align: center;}
.footer .footermenu ul li {display: inline; list-style: none;}
.footer .footermenu ul li a {text-transform: uppercase; color: #fff !important; margin: 0px 10px; font-weight: bold; line-height: 40px;}
.footer .footermenu ul li a:hover {text-decoration: none; color: #FCD116 !important; border-bottom: 3px solid #B53134;}

.copyright {background: #231B59; padding: 30px 0px 50px 0px; font-size: 14px; line-height: 24px; color: #fff; text-align: center;}
.copyright a {font-weight: bold; color: #fff;}

/** ACCORDION **/
.uk-accordion-title span {font-size: 14px; display: block; margin: 5px 0px;}

/** FORMS **/
input:focus, input:active {box-shadow: none;}
input#name, input#email {border-radius: 20px;}
textarea#message {border-radius: 5px;}
input#submit {background: #231B59; font-weight: bold;}
input#submit:hover {background: #4a6eb2;}

/** SAEARCH **/
.search form {position: relative;}
.search button {background: none; position: absolute; border: none; right: 5px; top: 4px;}
.search button:hover {cursor: pointer;}
.search button span {color: #fff;}
.search input {height: 30px; margin-right: 5px; border: none; padding: 5px 15px; background: rgba(255,255,255,0.2); border-radius: 20px;}
.search-results .result-title {font-size: 24px; border-bottom: 1px solid #FCD116; padding-bottom: 5px; margin-bottom: 10px; margin-top: 20px;}
.search-results .result-category {font-size: 12px; margin-bottom: 20px;}

/** LINKS **/
.link a {border: 1px solid #e4ac00; 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%; }

#cookies {background: #231B59; padding: 10px 0px 15px 0px;}
#cookies .content-text {text-align: right; color: #fff;}
#cookies span {text-align: left; display: block;}
#cookies button {margin: 0px !important; background: #FCD116; border-radius: 30px;}

/** 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 #B53134; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #000; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #B53134; padding: 50px 0px; border-bottom: 1px dashed #B53134; line-height: 110px;}


@media (min-width: 768px) {
	.logo {margin: 0px 30px 0px 0px !important;}
	.article-slider .wrapper {width: 40%; padding: 100px 200px; border-bottom: 4px solid rgba(0,0,0,0.2); border-top: 4px solid rgba(255,255,255,0.5);}
	.article-slider h1 {font-size: 48px;}
	.content .sidebar {padding-left: 50px;}
	.spotlight .flags {text-align: right;}
	.spotlight .flags img {height: 80px; margin: 0px 0px 0px 10px;}
}

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

@media (min-width: 1025px) {

}