@import url('uikit.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
  
/** SVETLO ZELENA: #99ba2e **/
/** TAMNO BRAON: #3a2218**/
/** ZELENA: #71ad68 **/

::-moz-selection { color: #ffffff; background: #3a2218;}
::selection { color: #ffffff; background: #3a2218:}

html {background: #3a2218;}
body {font-size: 16px; font-family: 'Open Sans', sans-serif; font-weight: lighter; color: #333;}
a {color: #001C37;}
a:hover {text-decoration: none; color: #99ba2e;}
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};

.topbar {background-image: linear-gradient(-45deg, #001A35, #005377, #27383F); text-align: center; color: #fff; padding: 4px 0px; border-bottom: 4px solid #d8c0a9;}
.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: #fff; padding-top: 10px; border-bottom: 5px solid #3a2218;}
.navigation .logo {width: 220px; margin: 0px 0px 10px 0px;}
.navigation .logo a {padding: 0px;}
.navigation .uk-navbar-container {background: none;}
.navigation .uk-navbar-nav {width: 100%;}
.navigation .menu {width: 100%; position: relative; overflow: hidden;}
.navigation .menu ul {padding: 0px; margin: 44px 0px 0px 0px; background: #edcd84; border-radius: 10px 10px 0px 0px;}
.navigation .menu ul li {list-style: none; display: inline;}
.navigation .menu ul li a {line-height: 45px; color: #3a2218; padding: 20px 20px; font-weight: bold; text-transform: uppercase;}
.navigation .menu ul li a:hover {color: #fff; background: #3a2218;}
.navigation .menu ul li.active a {color: #fff; background: #99ba2e;}
.navigation .search {position: absolute; bottom: 4px; right: 2px;}
.navigation .callus {color: #99ba2e; float: right; font-size: 13px; border-top: 1px dotted #71ad68; padding-top: 5px;}
.navigation .callus .phone {color: #3a2218; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 14px;}
.navigation .hamburger {position: absolute; right: 0px; color: #3a2218;}
.navigation .hamburger:hover {color: #71ad68;}

.language {position: absolute; top: -45px; right: 0px;}
.language .lang-inline {background:none !important;}
.language .lang-inline li a {color: #3a2218 !important; padding-right: 0px !important; font-weight: normal !important;}
.language .lang-inline li a:hover {background: none !important; color: #99ba2e !important;}

.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: #3a2218;}
.offcanvas ul li:hover {background: #3a2218; font-weight: bold; color: #fff;}
.offcanvas ul li.active {background: #99ba2e; font-weight: bold; color: #fff;}
.offcanvas ul li.active a {color: #fff;}
.offcanvas .contact ul li, .offcanvas .contact ul li a {color: #3a2218; font-size: 12px;}
.offcanvas .contact ul li:hover, .offcanvas .contact ul li a:hover {color: #3a2218; background: none;}
.offcanvas .language {position: relative; top: 0px; left: 0px; border-top: 1px solid #99ba2e; border-bottom: 1px solid #99ba2e; padding: 5px 0px; margin: 10px 0px;}
.offcanvas .language li:hover {background: none !important;}

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

.bottom {background: #b8dcb3; padding: 30px 0px;}
.infobox .wrapper {margin: 10px; padding: 20px; text-align: center; border-bottom: 4px solid #fff; background: rgba(255,255,255,0.2);}
.infobox h2 {font-size: 18px !important; color: #3a2218; padding: 20px 0px; background: #fff; border-radius: 0px 0px 40px 0px; margin-top: 0px;}
.infobox p {font-size: 14px;}

.bottom2 {background: #fff; padding: 30px 0px;}
.bottom2 p {text-align: center; padding: 0px; margin: 0px; font-weight: bold; font-size: 24px; color: #3a2218;}


/** HOMEPAGE **/


/** CONTENT **/
.content {background: url('../images/background.jpg') fixed; padding-top: 20px;}
.content .article {background:  url('../images/hazelnut.png') repeat-x center bottom #fff; padding: 50px 20px 70px; margin-bottom: 20px; border-radius: 10px;}
.content .sidebar {padding-left: 0px;}

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

/** ARTICLE **/
.item-page p {margin-bottom: 20px; line-height: 28px; font-weight: normal;}
.item-page h3 {color: #001C37; border-bottom: 1px solid #99ba2e; 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;}
.item-page .product-title {text-align: left;}
.item-page .sku {font-size: 14px; margin-bottom: 20px;}
.item-page .products {border-bottom: 1px solid #fff; padding-bottom: 20px;}
.item-page .product-details {padding: 20px 0px 0px 0px;}

.gallery .uk-subnav {margin-top: 10px;}
.gallery .uk-subnav li a {font-weight: bold; color: #000; background: #fff; color: #001A35; border: 2px solid #d8c0a9; border-radius: 20px;}
.gallery .uk-subnav li a:hover {background: #d8c0a9; 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;}


.uk-card-body {min-height: 48px;}
.uk-card-media-top {min-height: 215px; max-height: 250px; overflow: hidden;}

/** CATEGORY **/
.cat-title {margin: 0px; position: relative;}
.cat-title a {color: #000; background: #d8c0a9; 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 #d8c0a9; 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 #d8c0a9;}
.pagination ul li {display: inline-block;}
.pagination ul li a {background: #d8c0a9; color: #fff; padding: 10px 15px; border-radius: 20px; font-weight: bold; font-size: 14px; margin: 0px 2px; font-weight: bold; line-height: 42px;}
.pagination ul li a:hover {text-decoration: none; background: #000; color: #fff;}
.pagination ul li.active a {background: #000; color: #fff;}

/** POSITIONS **/
.moduletablerepresentation {border: 1px solid #d8c0a9; padding: 20px; background: rgba(255,255,255,0.2); margin-bottom: 30px !important;}
.moduletablerepresentation h3 {font-family: "Open Sans", serif; text-transform: uppercase; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 10px;}

/** FOOTER **/
.footer {background: #99ba2e;}
.footer .wrapper {padding: 30px 0px; margin-top: 0px;}
.footer .wrapper h3 {color: #fff; border-bottom: 1px solid #3a2218; font-weight: bold; font-size: 18px; text-transform: uppercase; padding-bottom: 7px;}
.footer .menu ul li a {display: block; text-transform: uppercase; color: #fff !important; margin: 0px 10px; font-weight: bold; border-bottom: 1px dotted rgba(255,255,255,0.2); line-height: 40px;}
.footer .menu ul li a:hover {text-decoration: none; color: #3a2218 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.footer .social {text-align: center; padding-top: 0px;}
.footer .contact {color: #fff;}
.footer .contact ul li {list-style: none; margin-bottom: 15px;}
.footer .contact ul li a {color: #fff;}
.footer .contact ul li a:hover {text-decoration: none; color: #3a2218 !important; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);}
.footer ul {padding: 0px; margin: 0px;}
.footer ul li {list-style: none;}
.language ul {border-bottom: none;}
.copyright {background: #3a2218; padding: 30px 0px 50px 0px; font-size: 14px; line-height: 24px; color: #fff; text-align: center;}
.copyright a {font-weight: bold; color: #fff;}
.sos {margin-top:50px;}
.sos a {background: #ff000b; border-radius: 20px; padding: 20px 20px 20px; display: block; color: #fff; font-size: 24px; font-weight: bold; }
.sos a:hover {background: #99ba2e;}
.sos a span {font-size: 18px; font-weight: normal;}
.sos img {width: 80px; float: left; margin-right: 20px;}

/** 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: #3a2218; font-weight: bold;}
input#submit:hover {background: #99ba2e;}

/** 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 #71ad68; 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 #99ba2e; 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: #3a2218; 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: #71ad68; border-radius: 30px;}

/** ERROR PAGE **/
.errorPage {background: url('../images/background.jpg') fixed; text-align: center; margin-top: 100px;}
.errorPage .error {background: #fff; padding: 100px 0px;}
.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 #99ba2e; padding: 5px 20px; border-radius: 3px;}
.errorPage .error .button:hover {background: #3a2218; color: #fff; text-decoration: none;}
.errorPage .error h3 {font-size: 140px; color: #99ba2e; padding: 50px 0px; border-bottom: 1px dashed #99ba2e; line-height: 110px;}


@media (min-width: 768px) {
	.logo {margin: 0px 30px 0px 0px !important;}
	.spotlight {margin-top: -90px;}
	.article-slider .wrapper {width: 80%; padding: 100px 120px; 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 .article {padding: 50px 50px 70px; }
	.content .team {text-align: center; padding: 50px 50px 0px;}
	.content .team p.email a {font-size: 14px;}
	.content .sidebar {padding-left: 50px;}
	.footer .social {padding-top: 50px;}
}

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

@media (min-width: 1025px) {

}