body {
  margin-top: 85px !important;
  padding-bottom: 20px;
  font-family: Ubuntu, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px !important;
  text-shadow: rgba(0,0,0,.01) 0 0 1px !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Ubuntu, sans-serif !important;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px !important;
	text-shadow: rgba(0,0,0,.01) 0 0 1px !important;
	padding: 5px 0 10px 0 !important;
}

.navbar-nav li {
	font-family: Ubuntu, sans-serif !important;
	font-size: 15px;
}

h6 {
	font-size: 13px !important;
	color: #5db254 !important;
	line-height: 1.428571429 !important;
	
}

/*a {text-decoration: none !important;}*/

/* menu */
.navbar {
	padding: 35px 0 0 0 !important;
}

.navbar-brand {
	padding: 0 20px 0 0 !important;
	margin-top: -30px;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #5Db254 !important;
    color: #ccc;
}    

/* blocks */
.bootstrap_block-shadow {
	display: block;
	box-shadow: 0px 5px 22px #cecece;
	padding: 15px;
}

/* page */
#clearfix {
	clear: both;
	padding-bottom: 22px;
}

#clearfixfooter {
	clear: both;
}

.breadcrumb a {color: #66b555 !important; font-size: 0.8em !important;}
.breadcrumb {margin-top: -22px !important;}

/* form */
.control-label {
	text-align: left !important;
}

.control-group {
	padding-left: 30px;
}

#contact-form.well {
	background-color: #fff !important;
	border: 0px solid #333 !important;
}

.controls > input {
	background-color: #effceb !important;
	border: 1px solid #d4f0c3 !important;
	padding: 5px;
}

.controls > textarea {
	background-color: #effceb !important;
	border: 1px solid #d4f0c3 !important;
	padding: 5px;
}

/* k2 */
#form-login-username > label {padding-right: 10px !important;}
#form-login-password > label {padding-right: 14px !important;}
#form-login-remember > label {padding-right: 10px !important;}
#form-login .button {float: left;}
#form-login li a {color: #555; margin: 0 0 0 0 !important;}
#form-login li a:hover {color: #5Db254; text-decoration: none !important;}
.k2LoginBlock ul li {margin: 0 !important;}

.itemImageBlock {float: left; padding: 5px 25px !important;}
.table-striped {width: 60% !important;}
.itemListCategory {border: 0px !important;padding: 4px 4px 4px 24px !important;}
.subCategory {border: 0px !important;padding: 4px 4px 4px 24px !important;}
.subCategory a {color: #60b555 !important;}
.subCategory h2 {font-size: 26px !important;}
.catItemView a {color: #60b555 !important;}
.subCategoryImage {float: left; padding: 22px;}
.itemListSubCategories h3 {display: none !important;}
.subCategoryMore {display: none !important;}
.k2Anchor {display: none !important;}
.catItemReadMore {display: none !important;}

.catItemImageBlock {position: relative !important;}
.catItemImage {text-align: left !important; display: block !important; width: 73%;}
.catItemImage:hover {
  background-color: #5Db254;
  overflow: hidden;
  width: 77%;
  height: 50%;
  transition: .3s ease;
  opacity: 1;
}


/* button */
.btn-primary {
	background-color: #60b555 !important;
	border: 1px solid #60b555 !important;
}


/* footer */
.potpis {
	display: block;
	width: 220px;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	font-size:9px; 
	color:#aaaaaa; 
	float:left;
}

.footerbgrmax {
	background-color: #201a23;	
}

.footerbgr {
	color: #777;
  padding: 15px;
  margin: 0 auto;
  height: 225px;
}

.footer2bgr {
  padding: 15px;
  margin: 0 auto;
  height: 100px;
}

.blog {width: 1050px !important; margin: 10px auto !important;}
.container {margin: 10px auto !important;	padding-top: 20px !important;max-width: 1050px !important;}


@media (min-width: 768px) {
  .footerbgr {width: 750px;}
  .footer2bgr {width: 750px;}
  .breadcrumb {margin-top: -5px !important;}
}
@media (min-width: 992px) {
  .footerbgr {width: 970px;}
  .footer2bgr {width: 970px;}
  .footer2bgr {width: 1170px;}
  .breadcrumb {margin-top: -22px !important;}
}
@media (min-width: 1200px) {
  .footerbgr {width: 1170px;}
  .breadcrumb {margin-top: -22px !important;}
}

@media only screen and (max-width: 600px) {
	.productimage {width: 100% !important; padding: 0 0 20px 0 !important;}
}


/* addons */
div.aikonmenu div.logo {
	top: 5px;
}

div.aikonmenu.logo-menu-icons ul {
	float: right !important;
}

a {color: #72a875 !important;}
a:hover {color: #878a87 !important;}
.menuwrapper > ul li.active > a {background-color: #82828255;}
.menuwrapper > ul li:hover > a, .menuwrapper > ul li:hover > span {background-color: #82828255;}
.menuwrapper > ul > li > ul > li {background-color: #fffe;}

.span3 {float: left;}
.span4 {float: left;}
.span5 {float: left;}
.span6 {float: left;}


.productimage {
	float: left !important;
	padding-right: 50px;
	padding-bottom: 50px;
}

.pull-left.item-image {
	margin: 12px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.pull-left.item-image:hover {
	box-shadow: 5px 15px 15px rgba(0,0,0,0.3);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.item-image {
	margin: 20px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.item-image:hover {
	box-shadow: 5px 15px 15px rgba(0,0,0,0.3);
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.page-header h2 a {
	text-decoration: none;
	padding-left: 20px;
	color: #0a8412;
	position: relative;
	font-size: 0.7em;
}

.page-header h2 a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #ba006c;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;
  transition: all 0.5s cubic-bezier(1, 0.25, 0, 0.75) 0s;
}

.page-header h2 a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.bptext {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 10px 0 0 0;
	background-color: #00000077;
	color: #fff;
	font-size: 2em;
}

/* override default feather style... */
.fixwidth {
	background: rgba(256,256,256, 0.8);
}

.item-page h2 {
	color: #ba006c !important;
}

/* bootstrap blocks custom */

.col-md-4 {
	float: left;
	padding: 5px 20px 5px 0;
}

@media screen and (max-width: 980px) {
	.col-md-4 {
		float: left;
		padding: 5px 0px 5px 0;
	}
}

.bootstrap_block h3 {
    color: #84b975;
    padding: 10px;
}

.bootstrap_block p {
    font-size: 0.9em;
    line-height: 1.8em;
    text-align: justify;
    padding: 10px;
    color: #777;
}

/* body */

@media only screen and (max-width: 600px) {
    .container {display:flex; flex-wrap:wrap; overflow: visible;}
    .row {max-width:100vw;}
    .col-4 {width:100vw;}
    .col-8 {width:100vw;}
    
    .slideplus-container {max-width:95vw !important;}
}

/* footer */

.footerbgr p {font-size:0.85em;}
.footer2bgr p {font-size:0.85em;}
.footer2bgr .potpis {font-size:0.55em;}

.customfooter h5 {
    padding-bottom: 10px;
    color: #3a5b4c;
    font-size: 1em;
}

@media only screen and (max-width: 600px) {
    .footerbgrmax {height:100vw;}    
}

/* addons */

.gridc {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
}
@media only screen and (max-width: 600px) {
    .gridc {grid-template-columns: 1fr;}    
}
.gridr {
	display: grid;
	grid-gap: 20px;
	grid-template-rows: 1fr 1fr 1fr;
}

.gridcr {
	display: grid;
	grid-gap: 20px;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

.box {
	color: #ggg;
	text-align: center;
	padding: 10px;
}

.producticons {
	padding: 10px 0;
}

@media only screen and (max-width: 600px) {
	.producticons {width: 100% !important; padding: 0 0 20px 0 !important;}
}

/* blog category page */

.com-content-category-blog__items.blog-items.columns-3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
	gap: 20px 20px;
    display: grid;
} 

@media screen and (max-width: 980px) {
    .com-content-category-blog__items.blog-items.columns-3 {
		grid-template-columns: 1fr;
		grid-auto-flow: row;
		gap: 20px 20px;
		display: grid;
	} 
}

/* mob. menu logo */

@media screen and (max-width: 980px) {
    div.aikonmenu .aikon-menu-mobile-logo img {
        height: auto;
        width: 300;
        margin-left: 2px;
    }
}

/* .com-content-category-blog .item-content {order: -1;} */
/* .com-content-article .item-image {order: -1;} */
/* .com-content-category-blog .item-image {order: -1;} */