@media handheld, only screen and (max-width: 1024px) {

	body {
		/*background: red;*/
	}

	.head-line {
		font-size: 40px;
		padding: 0 50px 0 0;
	}

	h1 {
		font-size: 40px;
	}

}

@media handheld, only screen and (max-width: 768px) {

	body {
		/*background: green;*/
	}

	.main-nav {
		font-size: 13px;
	}

	.main-nav li {
		margin-right: 1em;
	}

}

@media handheld, only screen and (max-width: 767px) {

	/*body {
		background: yellow;
	}*/

	.logo {
		display: block;
		border-bottom: 1px solid #ddd;
		padding: 0 0 20px;
	}

	.logo img {
		max-width: 280px;
	}

	.main-nav ul {
		margin: 0;
	}

	.main-nav a {
		padding: 7px;
	}

	.main-nav .login {
		float: left;
	}

}

.single-language {
	border-top: 3px solid #A7CEE6;
}

.search-form .Inputfield {
	margin-right: 0;
}

.search-form {
	margin-bottom: 20px;
}

.search-form input,
.search-form select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 1px solid #979797;
	padding: 5%;
	font-family: "PT Sans", sans-serif;
	font-size: 16px;
	color: #444;

}

.search-form input {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMzQ0LjUsMjk4YzE1LTIzLjYsMjMuOC01MS42LDIzLjgtODEuN2MwLTg0LjEtNjguMS0xNTIuMy0xNTIuMS0xNTIuM0MxMzIuMSw2NCw2NCwxMzIuMiw2NCwyMTYuMyAgYzAsODQuMSw2OC4xLDE1Mi4zLDE1Mi4xLDE1Mi4zYzMwLjUsMCw1OC45LTksODIuNy0yNC40bDYuOS00LjhMNDE0LjMsNDQ4bDMzLjctMzQuM0wzMzkuNSwzMDUuMUwzNDQuNSwyOTh6IE0zMDEuNCwxMzEuMiAgYzIyLjcsMjIuNywzNS4yLDUyLjksMzUuMiw4NWMwLDMyLjEtMTIuNSw2Mi4zLTM1LjIsODVjLTIyLjcsMjIuNy01Mi45LDM1LjItODUsMzUuMmMtMzIuMSwwLTYyLjMtMTIuNS04NS0zNS4yICBjLTIyLjctMjIuNy0zNS4yLTUyLjktMzUuMi04NWMwLTMyLjEsMTIuNS02Mi4zLDM1LjItODVjMjIuNy0yMi43LDUyLjktMzUuMiw4NS0zNS4yQzI0OC41LDk2LDI3OC43LDEwOC41LDMwMS40LDEzMS4yeiIvPjwvc3ZnPg==) no-repeat 95% 50%;
	background-size: 20px 20px;
	max-width: 90%;
	width: 90%;
}

.search-form select{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat 95% 50%;
	max-width: 100%;
	width: 100%;

}

#ajax_container {
	position: relative;
}

#load_list {
    position: absolute;
    top: 0;
    bottom: 40px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5) url(/site/templates/images/ajax-loader.gif) no-repeat center center;
    z-index: 1;
}

.products {
	display: flex;
}

.product {
	display: flex;
}

.product .uk-card {
	display: flex;
	flex-direction: column;
}

.product .uk-card-body {
	flex-grow: 1;
}

.product .uk-card-title {
	color: #0273AB;
	font-size: 1.2em;
}

.product .uk-card-title a {
	color: #0273AB;
	text-decoration: none;
}

.container-product-cta {
	background: #60BDAE;
}

.container-product-content {
	background: #fff;
}

.product-benefits {
	list-style: none outside;
	margin: 0 0 2em 0;
}

.product-benefits li {
	list-style: none outside;
}

.container-product-cta {
	padding: 20px 0;
}

.container-product-cta * {
	color: #fff;
}

.container-product-cta h2 {
	font-size: 1.2em;
	margin-bottom: 0;
}

.uk-button-default:hover, .uk-button-default:focus {
	background-color: #0273AB;
    color: #fff;
    border-color: #0273AB;
}

.container-product-content {
	padding: 40px 0 20px;
}

.container-product-content .uk-card-title {
	color: #0273AB;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

.container-product-content .uk-card p {
	margin: 0.5em 0;
}

.container-product-related-products {
	padding-top: 40px;
}
