@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:200,400,700&display=swap&subset=latin-ext');
  
/** SVETLO: ##C20E1A **/
/** TAMNO: #1F7037 **/

::-moz-selection { color: #ffffff; background: #1F7037;}
::selection { color: #ffffff; background: #1F7037;}

body {font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter; color: #333;}
a {color: #001C37;}
a:hover {text-decoration: none; color: #232f54;}
p {margin: 0px 0px 15px;}
em {color: #3a2218;}
.highlight {font-weight: bold; margin: 0px 5px; color: #005377;}

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

.navigation {background: #fff; padding: 40px 20px; border-top: 10px solid #000;}
.navigation .logo {width: 100px;}
.navigation ul {float: right; margin: 0px 0px 0px;}
.navigation ul li {list-style: none; display: inline;}
.navigation ul li a {padding: 30px; text-transform: uppercase; font-weight: bold;}
.navigation ul li a:hover {border-bottom: 10px solid #1F7037; color: #C20E1A;}
.navigation ul li.active a {border-bottom: 10px solid #C20E1A;}
.navigation .hamburger {float: right;}
.offcanvas {width: 100%;}
.offcanvas .menu {background: rgba(255,255,255,0.9); width: 100%; height: 100%; text-align: center;}
.offcanvas .menu img {padding: 50px;}
.offcanvas .menu ul {margin: 0px; padding: 0px;}
.offcanvas .menu ul li {list-style: none;}
.offcanvas .menu ul li a {color: #C20E1A; font-weight: bold; display: block; border-bottom: 1px dotted #000; text-transform: uppercase; font-size: 21px; padding: 10px 0px; width: 80%; margin: 0px auto;}
.offcanvas .logo {width: 300px; margin-top: 100px;}
.offcanvas button {color: #000;}

.content {background: #ededed; min-height: 100vh; padding: 50px 0px; margin-bottom: 50px;}
.content h1 {text-transform: uppercase; text-align: center; border-bottom: 2px solid #C20E1A; padding-bottom: 10px;}
.content .itemImage {padding: 20px; background: #fff; margin-bottom: 50px;}

.rsform-submit-button {background: #1F7037; font-weight: bold;}
.rsform-submit-button:hover {background: #000;}

.bottom {margin-bottom: 20px;}
.bottom a, .bottom a:hover {background: none !important;}

.footer {padding: 15px 0px; background: #1F7037; text-align: center; color: #fff; border-bottom: 10px solid #C20E1A; margin-top: 50px; font-size: 14px;}
.footer p {margin: 0px;}
.footer span {color: #000;}
.footer a {color: #C20E1A;}
.footer a:hover {color: #fff;}
.footer ul {text-align: center; padding: 30px 0px;}
.footer ul li {list-style: none; display: inline; padding: 0px 5px;}
.footer ul li a {background: #C20E1A; color: #fff; width: 56px; height: 56px;}
.footer ul li a:hover {background: #232f54; color: #fff;}

/** UI KIT **/
.uk-lightbox {background: rgba(0,0,0,0.7);}
.uk-lightbox img {border: 10px solid #fff;}
.uk-lightbox-toolbar {background: #232f54;}
.uk-lightbox-caption {font-size: 14px; padding: 20px;}
.uk-accordion li {border-bottom: 1px dotted #ccc;}
.uk-accordion li.uk-open .uk-accordion-title {font-weight: normal;}
.uk-accordion-title {color: #232f54; font-weight: bold;}
.uk-accordion-title:hover {color: #C20E1A;}
.uk-accordion-content {padding: 20px; background: #f5f5f5; margin-bottom: 20px; border-bottom: 2px solid #C20E1A; font-size: 18px;}
.uk-offcanvas-close {bottom: 20px; color: #fff; top: auto;}

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

@media (max-width: 768px) {

}

@media (min-width: 768px) {
	.uk-lightbox-caption {font-size: 18px; padding: 20px 200px;}
}

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

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