@charset "UTF-8";

:root {
    --green: #34B68D;
	--darkGreen: #258466;
	--lightGreen: #DDFCF3;
	--font: #8a8989;
	--lightGrey: #f2f2f2;
	--darkGrey: #e5e4e4;
	--navColor: #888;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: var(--font);
}

em{
	color: var(--font);
}

select, input, .uk-input, .uk-select, .uk-textarea{
	font-family: 'Roboto', sans-serif !important;
	font-size: 14px;
}

.ui-spinner{
	border-radius: 0;
	max-width: 65px;
}

.ui-spinner-input:focus{
	outline: none;
}

.top-header{
	padding-top: 5px;
	padding-bottom: 5px;
}

.language{
	padding-left: 0;
	margin-left: 15px;
}

.language button{
	padding: 0;
    border: none;
	outline: none;
	cursor: pointer;
	background-color: transparent;
	position: relative;
}

.language .uk-dropdown{
	padding: 5px;
}

.language span{
	margin: 5px;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

.language img{
	width: 25px;
}

.language button:after{
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
}

.top-header-newsletter{
	margin-left: auto;
}

.top-header-newsletter a{
	color: var(--green);
}

.top-header-newsletter a + a{
	margin-left: 15px;
}

.cart-container{
	margin-left: 15px;
	padding-left: 0;
	cursor: pointer;
}

.cart-container>.cart-title, .cart-container>.cart-counter{
	display: inline-block;
	vertical-align: middle;
}

.cart-title{
	padding-left: 0;
	font-size: 25px;
	color: var(--green);
}

.cart-container>.cart-counter{
	width: 28px;
    height: 28px;
    line-height: 28px;
    background: var(--lightGrey);
    border-radius: 50%;
    font-size: 14px;
    text-align: center;
}

.cartinfosum{
	border-top: 1px solid var(--darkGrey);
	margin: 5px 0;
}

.cartinfosum span{
	font-weight: bold;
}

.middle-header{
	padding-bottom: 15px;
}

.uk-logo{
	padding-left: 0;
}

.uk-logo img{
	max-width: 110px;
}

.slogen{
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
}

.uk-navbar-nav{
	padding: 13px 0;
}

.uk-navbar-toggle{
	min-height: 50px;
}

.uk-navbar-nav>li>a{
	min-height: auto;
	color: var(--navColor);
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
}

.search-bar{
	background-color: #333;
	padding: 5px 0;
}

.uk-button{
	color: #fff;
	background-color: var(--green);
	font-size: 13px;
	text-transform: default;
	border: none;
	padding: 0 30px;
	line-height: 38px;
	outline: none;
}

.uk-button:hover{
	background-color: var(--darkGreen);
	color: #fff;
}

.btn-container + .btn-container{
	margin-top: 5px;
}

.search-bar .uk-button{
	font-size: 16px;
}

.sidebar .btn-container{
	text-align: center;
}

.box-title, .formType_info{
	background: var(--lightGrey);
    border: 1px solid var(--darkGrey);
    padding: 15px 20px;
    margin-bottom: 30px;
    position: relative;
	font-size: 20px;
    font-weight: 500;
    line-height: normal;
    color: #191919;
    text-transform: uppercase;
}

.slider{
	margin-bottom: 30px;
}

.slider a.uk-position-small{
	background-color: var(--green);
	color: #fff;
	border-radius: 50%;
    text-align: center;
}

.sidebar-reg-buttons{
	margin-top: 10px;
}

.sidebar-reg-buttons>a{
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 2px);
}

.newsletter-block{
	background-color: var(--green);
	color: #fff;
	padding: 15px 0;
}

.newsletter-block a{
	color: #fff;
}

.home-slider-dots{
	margin: 15px 0;
}

.uk-slideshow-items{
	height: 495px;
}

.category.sidebar-box{
	margin-bottom: 30px;
}

.product-box{
	border: 1px solid #e5e4e4;
    background: #fff;
    padding: 15px;
    transition: all 0.3s ease 0s;
}

.product-box table{
	width: 100% !important;
}

.product-box-image{
	width: 230px;
	height: 230px;
	margin: 0 auto 10px;
	max-width: 100%;
}

.product-box-name, .product-box-name a{
	color: #333;
    transition: all 0.3s ease 0s;
	font-size: 16px;
	transition: all 0.3s ease 0s;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 10px;
	height: 65px;
}

.product-box-info{
	margin-bottom: 15px;
}

.product-box-name a:hover{
	color: var(--green);
	text-decoration: none;
}

.product-box-description{
	font-size: 12px;
    line-height: 18px;
	color: #888;
    min-height:18px;
	max-height: 50px;
    overflow: hidden;
}

.product-box-description p, .product-box-description *+ul{
	margin: 0 !important;
}

.product-box-description p+p{
	margin-bottom: 5px !important;
}

.product-box-buttons>a{
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0;
	width: 49%;
	padding: 5px;
}

.price{
	margin: 0;
	font-size: 20px;
	color: var(--green);
    line-height: 130%;
    min-height:52px;
    text-align:right;
}
.price .net{
    font-size:14px;
    line-height: 100%;
}

.qlabel{
	margin-left: 10px;
}

main{
	padding: 30px 0 0 0;
}

.sidebar .box{
	margin-bottom: 30px;
}

.sidebar-category{
	list-style: none;
	margin-top: -30px;
    padding-left: 0;
	background-color: var(--green)
}

.category .box-title{
	background-color: var(--green);
	color: #fff;
    border: 0;
    border-bottom: 1px solid var(--darkGreen);
}

.uk-alert p{
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.home-intro-text{
    font-size:16px;
    background: var(--lightGrey);
    padding:20px;
    border: 1px solid var(--darkGrey);
	margin-bottom: 30px;
}

.no-link{
	cursor: default;
}

.category.sidebar-box{
	position: relative;
}

.category > ul > li > ul.submenu{
    position: absolute;
    top: 0;
    left: 265px;
    color: white;
    display: none;
    padding: 20px;
    font-size: 14px;
    width: 865px;
    -moz-column-width: 180px;
    -webkit-column-width: 180px;
    column-width: 180px;
    z-index: 1000;
	bottom: 0;
	background: #f2f2f2;
	border-left: solid 7px #333;
}

.category ul{
	list-style: none;
    padding-left: 0;
}

.category > ul > li > a{
	font-size: 16px;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 15px 20px;
    color: #fff;
	border-bottom: 1px solid var(--darkGreen);
}

.sidebar-category>li:hover .submenu{
	display: block;
}

.submenu > li > a{
	font-size: 16px;
    display: block;
    color: #191919;
    text-transform: uppercase;
    padding: 0 0 5px 0;
    margin: 0px 0px 15px 0;
    padding-top:15px;
    border-bottom: solid 1px var(--green);
}

.subsubmenu{
	margin-bottom: 15px;
}

.submenu .subsubmenu>li>a{
    color: #888;
    display: block;
    line-height: 20px;
    padding:7px 0;
}

.sidebar-category > .submenu > a:after{
	font-family: "Font Awesome 5 Pro";
    content: "\f054";
    position: absolute;
    right: 15px;
    font-weight: 900;
	z-index: 3;
}

.sidebar-category > li > a > span{
	position: relative;
	z-index: 10;
}

.submenu .submenu{
	position: absolute;
	left: 280px;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
}

.sidebar-category > li > a:before, .sidebar-category .submenu > li > a:before{
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 1;
    background: #333;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    opacity: 0;
}

.sidebar-category > li:hover > a:before{
	width: 100%;
	opacity: 1;
}

.submenu .submenu>li{
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;
	margin-bottom: 15px;
}


/*




.sidebar-category .submenu.opened{
	background-color: var(--darkBlue);
}

.category .box-title{
	background-color: var(--blue);
	color: #fff;
	border: none;
	border-bottom: 1px solid var(--darkBlue);
}

.sidebar-category > li{
	border-bottom: 1px solid var(--darkBlue);
	background-color: var(--blue);
}

.sidebar-category > li > a{
	font-size: 16px;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 15px 20px;
    color: #fff;
}

.sidebar-category .submenu > li > a{
	font-size: 14px;
    display: block;
    text-decoration: none;
    position: relative;
    padding: 15px 20px;
    color: #fff;
}

.sidebar-category > li > a > span, .sidebar-category .submenu > li > a > span{
	z-index: 2;
	position: relative;
}

.sidebar-category > li > a:before, .sidebar-category .submenu > li > a:before{
    content: "";
    position: absolute;
    transition: all 0.3s ease 0s;
    z-index: 1;
    background: #333;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
    opacity: 0;
}

.sidebar-category > li:hover > a:before, .sidebar-category .submenu > li:hover > a:before, .sidebar-category > li > a.opened:before, .sidebar-category .submenu > li.active > a:before{
	width: 100%;
	opacity: 1;
}
*/


.formRow.formType_check, .paymentmode{
	display: flex;
	margin: 10px 0;
}

.formRow.formLink a{
	display: block;
}

.uk-radio{
	margin-right: 10px;
}

.formRow + .formRow, .formRow + .formSubmitRow{
	margin-top: 10px;
}

.formRow.formType_check>.formLabel{
	order: 3;
}

.formRow.formType_check>.formItem{
	width: 20px;
	margin-right: 10px;
	order: 2;
}

.formSubmitRow{
	width: 100%;
	text-align: center;
}

.other{
	margin-top: 10px !important;
}

.sidebar .product-box + .product-box, .sidebar .manufacturer-box+.manufacturer-box{
	margin-top: 15px;
}

.manufacturer-box{
	border: 1px solid #e5e4e4;
    padding: 15px;
    transition: all 0.3s ease 0s;
}

.manufacturer-box h3{
	margin: 0 0 0 10px;
}

.pagination-container{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	margin: 15px 0;
}

.uk-pagination{
	margin: 0;
}

.uk-pagination .uk-active{
	font-weight: bold;
}

.product-detail-images{
	width: 300px;
}

.product-detail .info .price{
	min-height: auto;
}

.product-detail .description{
	margin-top: 15px;
}

.product-detail-main-image{
	border: 1px solid var(--darkGrey);
	margin-bottom: 10px;
}

.product-detail-main-image .uk-background-contain, .product-detail-sub-image .uk-background-contain{
	padding-top: 100%;
    background-size:contain;
}

.product-detail-sub-image{
	border: 1px solid var(--darkGrey);
}

.product-detail-name{
	font-size: 22px;
    line-height: 22px;
    font-weight: bold;
	color: #B4B4B4;
	margin-bottom: 10px;
}

.product-detail-id{
	font-size: 12px;
    font-weight: bold;
    margin: 5px 0 5px 0;
}

.product-detail-header{
	border-bottom: 1px solid #ECECEC;
	margin-bottom: 10px;
}

.product-detail .uk-table .uk-button{
	margin-left: 10px;
}

.pmorerow{
	text-align: center;
}

.warning{
	margin: 5px 0;
}

.formWarning, .warning{
	display: block;
	display: block;
    width: 100%;
    color: red;
    flex: 1;
    order: 4;
}

.formItem+.formWarning{
	margin-left: 10px;
}

.checkout .ui-spinner{
	border: 1px solid #e5e5e5;
}

.checkout-page .shipmentdetail{
	margin-top: 0;
}

.shipmentcont{
	margin: 20px 0;
}

.formType_info{
	font-weight: bold;
	font-size: 20px;
}

.mobile-category .uk-accordion{
	background-color: var(--green);
}

.mobile-category .uk-accordion-title{
	color: #fff;	
	font-size: 16px;
}

.mobile-category>ul>li>.uk-accordion-title{
	padding: 15px 20px;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.mobile-category{
	display: none;
}

.mobile-category .uk-open .uk-accordion-content{
	padding-left: 15px;
	padding-right: 0;
	margin-top: 0px;
}

.mobile-category .uk-accordion-content li{
	font-size: 16px;
    line-height: 1.4;
    color: #333;
    overflow: hidden;
	margin-top: 0;
	padding: 5px;
}

.mobile-category .uk-accordion-content li a{
	color: #fff;
}

.mobile-category .uk-accordion-content li a:hover{
	text-decoration: none;
}

.mobile-category .uk-open>.uk-accordion-title::before{
	background-image: none;
	font-family: "Font Awesome 5 Pro";
    content: "\f078";
    font-weight: 900;
    z-index: 3;
	float: none;
	position: absolute;
	right: 30px;
}

.mobile-category .uk-accordion-title::before{
	background-image: none;
	font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-weight: 900;
    z-index: 3;
	float: none;
	position: absolute;
	right: 30px;
}

.mobile-search, .mobile-search-bar{
	display: none;
}

.mobile-search-bar{
	position: fixed;
	top: 50px;
    margin-top: 0 !important;
    left: 0;
    right: 0;
	padding-left: 30px;
	padding-right: 15px;
}

.hidden{
	display: none;
}

.pricetable td{
	vertical-align: middle;
}

.product-page, .search-page{
	padding-bottom: 30px;
}

.pagination-info{
	text-align: right;
	padding-right: 20px;
}
/* .uk-accordion>:nth-child(n+2), .uk-accordion-content{ */
	/* margin-top: 10px; */
/* } */

.pagination-container{
	border: 1px solid var(--lightGrey);
}

.pagination-container .uk-flex-first{
	padding-left: 0 !important;
}

.g-recaptcha>div{
	margin: 0 auto;
}

.uk-lightbox{
	background-color: rgba(255, 255, 255, 0.8) !important;
}

footer{
	background: #f2f2f2;
}

.foot table{
	width: 100%;
}

.foot table img{
	height: auto !important;
	max-width: 75px;
}

.web{
	border-top: 1px solid #dedede;
	padding: 15px 0;
	text-align: center;
}

/* RESPONSIVE */

@media only screen and (max-width: 960px){
	.sidebar .category{
		display: none;
	}
	
	.header-flex{
		display: block;
	}
	
	.logo-container{
		margin-top: 50px !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.header-content-flex{
		display: flex;
		flex-wrap: wrap;
		position: fixed;
		top: 0;
		background-color: #333;
		padding: 0 15px;
		z-index: 999;
		left: 0;
		right: 0;
		margin-top: 0 !important;
	}
	
	.search-bar{
		display: none;
	}
	
	.mobile-search{
		display: block;
		color: #fff;
		font-size: 20px;
		padding-left: 20px;
		cursor: pointer;
	}
	
	.uk-navbar-toggle{
		color: #fff;
	}
	
	.language button:after{
		color: #fff;
		padding-left: 5px;
	}
	
	.uk-offcanvas-bar .separator{
		margin: 10px 0;
		border: 1px solid #555;
	}
	
	.uk-offcanvas .uk-nav>li>a{
		font-size: 16px;
	}
	
	.uk-offcanvas .uk-nav>li>a:hover{
		color: #aaa;
	}
	
	.middle-header{
		padding: 0;
		order: 0;
	}
	
	.top-header{
		order: 2;
		margin-left: auto;
	}
	
	.top-header-newsletter, .language button span{
		display: none;
	}
	

    .foot table, .foot tr, .foot td{
		display: block;
		text-align: center;
	}
	
	.uk-slideshow-items{
		height: auto;
	}
	
	.mobile-category{
		display: block;
	}
	
	.mobile-category .uk-accordion-content>ul>li:hover, .mobile-category>.uk-accordion>li>.uk-accordion-title:hover{
		background-color: #000;
	}
	
	.infopage .text a{
		word-break: break-word;
	}
	
	.infopage .text table{
		width: 100% !important;
	}
	
	.product-box .price{
		text-align: center;
	}
	
}

@media only screen and (max-width: 640px){
	.mobile-category .uk-accordion-title::before, .mobile-category .uk-open>.uk-accordion-title::before{
		right: 15px;
	}
	
	.product-detail .product-detail-container{
		order: 2;
	}
	
	.checkout-page table, .pricetable{
		border: 0;
	}

	.checkout-page table thead, .pricetable thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.checkout-page table tr, .pricetable tr{
		border-bottom: 3px solid #ddd;
		display: block;
	}

	.checkout-page table td, .pricetable td {
		border-bottom: 1px solid #ddd;
		display: block;
		font-size: .8em;
		text-align: right;
	}
	
	.checkout-page table td.operation, .checkout-page table td.image{
		text-align: center;
	}

	.checkout-page table td::before, .pricetable td::before {
		/*
		* aria-label has no advantage, it won't be read inside a table
		content: attr(aria-label);
		*/
		content: attr(data-label);
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.checkout-page table td:last-child, .pricetable td:last-child {
		border-bottom: 0;
	}

	.checkout-page table .specialrow td:not(.mobile), .checkout-page table .sumrow td:not(.mobile){
		display: none;
	}

	.checkout-page table .specialrow td:nth-child(4), .checkout-page table .sumrow td:nth-child(4){
		border-bottom: none;
	}
	
	.mobile-search-bar{
		padding-left: 15px;
	}
	
	.pricetable .qlabel{
		display: none;
	}
	
}