/* common */

	html{
		position: relative;
		left: 0px;
		transition: left .5s ease-out;
	}
		html.slided{
			left: -300px;
		}

	body{
		width: 100%;
		margin: 0px;
		padding: 0px;
		font-family: Roboto;
		background-color: #FFFFFF;
		overflow-x: hidden;
	}
	h1{
		margin: 45px 0px 35px 0px;
		font-size: 22px;
		font-weight: 700;
		color: #222222;
		text-transform: uppercase;
	}
	h2{
		margin: 25px 0px 15px 0px;
		font-size: 20px;
		font-weight: 500;
		color: #222222;
	}
		h2 span.light{
			font-weight: 300;
		}
	p{
		margin-top: 0px;
		margin-bottom: 1em;
		font-size: 15px;
		font-weight: 300;
		color: #222222;
		line-height: 1.25em;

	}


	div.invisible{
		position: absolute;
		display: block;
		visibility: hidden;
		height: 0px !important;
	}

	a.more{
		font-size: 13px;
		font-weight: 500;
		color: #ff582b;
		text-decoration: none;
		transition: color .25s ease-in-out;
	}
		a.more:hover{
			color: #222222;
		}
	span.smalldate{
		font-weight: 300;
		font-size: 14px;
		color: #222222;
	}
	span.light{
		font-weight: 300;
	}
	span.small{
		font-size: 12px;
	}
	span.black{
		color: #222222;
	}
	hr.greyline{
		height: 1px;
		border: 0px;
		border-top: 1px solid #D5D7D9;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 0px;
	}

	span.filter-wrapper,
	span.pageheader{
		margin-top: 30px;
		display: block;
		position: relative;
		line-height: 20px;
		text-align: right;
	}
		span.filter{
			display: inline-block;
			position: relative;
			line-height: 20px;
			margin-left: 25px;
		}

		span.filter select{
			display: inline-block;
			position: relative;
			top: 7px;
			border: 0px;
			font-family: 'Roboto';
			font-size: 12px;
			line-height: 20px;
			font-weight: 300;
			color: #828282;
			text-transform: uppercase;
			text-align: right;
			cursor: pointer;
		}
			span.filter select option{
				text-align: right;
			}
		span.filter .fa{
			display: block;
			position: absolute;
			top: 7px;
			right: 0px;
			height: 20px;
			line-height: 20px;
			text-align: center;
			width: 20px;
			font-size: 12px;
			color: #4B4B4B;
			background-color: #FFFFFF;
		}
		span.pageheader a{
			display: inline-block;
			position: relative;
			top: 7px;
			font-size: 12px;
			line-height: 20px;
			font-weight: 300;
			color: #4B4B4B;
			text-transform: uppercase;
			text-decoration: none;
		}

	span.button,
	a.button,
	input.button{
		margin: 0px;
		display: inline-block;
		height: 30px;
		line-height: 30px;
		padding: 0px 25px;
		font-size: 14px;
		font-weight: 500;
		font-family: 'Roboto';
		/*background-color: #ff582b;*/
		background: linear-gradient(0deg,#ce0f33 0%,#e14a27 100%);
		color: #FFFFFF !important;
		/*text-transform: uppercase;*/
		text-decoration: none;
		border-radius: 5px;
		border: none;
		transition: background 0.25s ease-in-out;
	}
		span.button:hover,
		a.button:hover,
		input.button:hover{
			background: linear-gradient(0deg,#ce0f33 0%,#ce0f33 100%);
		}
		a.button i.fa,
		span.button i.fa{
			position: relative;
			left: -5px;
		}

	.center{
		text-align: center;
	}
	.left{
		text-align: left;
	}
	.right{
		text-align: right;
	}
	.relative{
		position: relative;
	}

	div.clear{
		clear: both;
	}
	div.push_025em{
		width: 100%;
		content: " ";
		height: .25em;
	}
	div.push_05em{
		width: 100%;
		content: " ";
		height: .5em;
	}
	div.push_1em{
		width: 100%;
		content: " ";
		height: 1em;
	}
	div.push_2em{
		width: 100%;
		content: " ";
		height: 2em;
	}
	h1.no-bottom-margin,
	h2.no-bottom-margin,
	div.no-bottom-margin{
		margin-bottom: 0px;
	}
	h1.no-top-margin,
	h2.no-top-margin,
	div.no-top-margin{
		margin-top: 0px;
	}

	span.message{
		display: inline-block;
		font-weight: 300px;
		padding: 10px 15px;
		background-color: #ff582b;
		color: #FFFFFF;
		font-size: 13px;
		margin-bottom: 10px;
		width: calc(100% - 30px);
	}

/* UI */
	/* ui-iconpop */
	.ui-iconpop{
		position: relative;
	}
		.ui-iconpop > .ui-icon{
			cursor: pointer;
		}
		.ui-iconpop-content{
			position: absolute;
			background-color: #EFF0F4;
			padding: 5px 5px 5px 8px;
			border-left: 3px solid #ff582b;
			border-radius: 2px;
			box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
			bottom: 24px;
			right: -4px;
    		z-index: 200;
    		display: none;
    		min-width: 300px;
    		max-width: 400px;
    		font-size: 14px;
    		font-weight: 400;
		}
			.ui-iconpop-content:before{
				content: " ";
				position: absolute;
				bottom: -6px;
				right: 6px;
				height: 12px;
				width: 12px;
				transform: rotate(45deg);
				background-color: #EFF0F4;
				box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
			}
		.ui-iconpop:hover .ui-iconpop-content{
			display: block;
			animation-name: iconpop;
			animation-duration: 0.25s;
			animation-iteration-count: 1;
			animation-direction: normal;
			animation-timing-function: ease-out;
		}
			@keyframes iconpop{
				0%  { display: none;  opacity: 0; bottom: 35px; }
				1%  { display: block; opacity: 0; bottom: 35px; }
				100%{ display: block; opacity: 1; bottom: 24px; }
			}

/* CONTENT - imgviewer */

	a.img-wrapper{
		display: inline-block;
		border: 0px;
		color: transparent;
		overflow: hidden;
	}
		a.img-wrapper img{
			transform: scale(1);
			transform-origin: 50% 50%;
			transition: transform .25s;
		}
		a.img-wrapper:hover img{
			transform: scale(1.25);
		}

	#imgviewer_overlay{
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background-color: rgba(0,0,0,.75);

	}
		#imgviewer_overlay .imgviewer_wrapper{
			position: relative;
			text-align: center;
			opacity: 0;
			transition: opacity .5s;
		}
			#imgviewer_overlay.shown .imgviewer_wrapper{
				opacity: 1;
			}

		#imgviewer_overlay .imgviewer_wrapper img{
			position: relative;
			max-height: 75%;
			height: auto;
			height: auto;
			cursor: pointer;
		}

		#imgviewer_overlay .imgviewer_wrapper > div{
			display: inline-block;
			position: relative;
		}

		#imgviewer_overlay .imgviewer_close{
			display: inline-block;
			position: relative;
		}
		#imgviewer_overlay .imgviewer_close_button{
			display: inline-block;
			position: absolute;
			bottom: 0px;
			right: 10px;
			text-align: right;
			color: rgba(0, 68, 138, .5);
			background-color: rgba(0,0,0,0);
			font-size: 40px;
			cursor: pointer;
			transition: color .5s;
		}
			#imgviewer_overlay .imgviewer_close_button:hover{
				color: rgba(0, 68, 138, 1);
			}

		#imgviewer_overlay .imgviewer_button{
			display: inline-block;
			position: absolute;
			bottom: 50%;
			text-align: right;
			color: rgba(0, 68, 138, .5);
			background-color: rgba(0,0,0,0);
			font-size: 40px;
			cursor: pointer;
			transition: color .5s;
		}
			#imgviewer_overlay .imgviewer_button:hover{
				color: rgba(0, 68, 138, 1);
			}
			#imgviewer_overlay .imgviewer_next{
				right: 10px;
			}
			#imgviewer_overlay .imgviewer_prev{
				left: 10px;
			}

/* CONTENT - animation */
	.vpa-hidden{
		opacity: 0;
	}
	.vpa-visible{
		opacity: 1;
	}

/* paginator */
	.paginator-wrapper{
		position: relative;
	}

		.paginator{
			text-align: center;
			margin-top: 10px;
			margin-bottom: 10px;
		}
			.paginator ul li{
				list-style: none;
				display: inline-block;
				margin-bottom: 5px;

			}
				.paginator ul li a{
					display: inline-block;
					font-weight: 300;
					font-size: 12px;
					color: #4B4B4B;
					min-width: 15px;
					text-align: center;
					text-decoration: none;
				}
					.paginator ul li a.active,
					.paginator ul li a:hover{
						font-weight: 700;
						text-decoration: none;
					}

		.paginator-info{
			position: absolute;
			top: 0px;
			right: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			display: inline-block;
			font-weight: 300;
			font-size: 12px;
			color: #4B4B4B;
		}

/* ui elements */
	div.ui-widget{
		position: fixed;
		top: 10px;
		left: 10px;
		display: inline-block;
		margin: 0px auto;
		background-color: #EEEEEE;
		padding: 15px;
		box-shadow: 0px 2px 2px rgba(0,0,0,.25);
		color: #222222;
		border-radius: 5px;
		z-index: 1000;
	}
		div.ui-widget p{
			color: #222222;
		}

/* header */
	header{
		width: 100%;
		min-height: 140px;
		background-color: #FFFFFF;
		box-shadow: 0px 0px 40px rgba(0,0,0,.25);
		position: relative;
		z-index: 2;
	}
		header .headerstrip{
			position: relative;
			min-height: 140px;
		}
			header .logo{
				margin-top: 30px;
				margin-right: 30px;
				display: inline-block;
				width: 150px;
				height: 70px;
				overflow: hidden;
			}
				header .logo img{
					width: 150px;
					height: 70px;
				}

			header nav{
				position: absolute;
				top: 25px;
				right: 0px;
			}
				header nav ul{
					margin: 0px;
					padding: 0px;
				}
				header nav ul li{
					display: inline-block;
					margin-left: 22px;
				}
				header nav ul li a{
					display: inline-block;
					font-family: 'Roboto';
					font-size: 14px;
					color: #222222;
					text-decoration: none;
					padding-bottom: 2px;
					font-weight: bold;
					transition: color .15s ease-in-out;
				}
					header nav ul li a.personal{
						color: #828282;
					}
					header nav ul li a.active,
					header nav ul li a:hover{
						color: #ff582b;
					}

			header .widgets{
				position: absolute;
				bottom: 30px;
				right: 0px;
				min-height: 40px;
				min-width: 100px;
				color: #222222;
				line-height: 40px;
			}
				header .widgets form{
					display: inline-block;
				}
				.widgets span{
					position: relative;
					display: inline-block;
					line-height: 40px;
					font-weight: 300;
					font-size: 14px;
					padding: 0px;
					margin: 0px;
				}
				.widgets span.divider{
					display: inline-block;
					width: 15px;
				}
					.widgets span a{
						color: #ff582b;
						text-decoration: none;
					}
				.widgets a.icon{
					position: relative;
					top: 0px;
					display: inline-block;
					height: 40px;
					width: 35px;
					line-height: 40px;
					text-align: center;
					color: #828282;
					font-size: 35px;
					text-decoration: none;
					margin-left: 15px;
					transition: color .25s ease-in-out;
				}
					.widgets a.icon:hover{
						color: #ff582b;
					}
				.widgets a.icon-inverse{
					background-color: #828282;
					color: #FFFFFF;
					font-size: 28px;
					transition: background-color .25s ease-in-out;
					border-radius: 4px;
				}
					.widgets a.icon-inverse:hover{
						color: #FFFFFF;
						background-color: #ff582b;
					}
					.widgets a.icon .badge{
						position: absolute;
						top: -10px;
						right: -15px;
						font-family: 'Roboto';
						font-size: 14px;
						font-style: normal;
						display: block;
						height: 25px;
						line-height: 25px;
						min-width: 25px;
						text-align: center;
						background-color: #222222;
						color: #FFFFFF;
						border-radius: 25px;
					}
					.widgets a.icon .badge.animated{
						animation-name: badge;
						animation-duration: 5s;
						animation-iteration-count: infinite;
						animation-direction: normal;
					}
						@keyframes badge{
							0%		{ transform: rotate(-360deg); }
							10%		{ transform: rotate(   0deg); }
							100%	{ transform: rotate(   0deg); }
						}


					.widgets span .dropdown{
						display: none;
						position: absolute;
						right: -5px;
						background-color: #FFFFFF;
						z-index: 2000;
						padding: 10px;
						opacity: 0;
						box-shadow: 0px 2px 2px rgba(0,0,0,.33);
						border-radius: 5px;
						text-align: right;
						min-width: 400px;

						animation-name: lazy-fadein;
						animation-duration: .5s;
						animation-iteration-count: 1;
						animation-direction: normal;
					}
						@keyframes lazy-fadein{
							0%		{ opacity: 0; margin-top: -20px;}
							10%		{ opacity: 0; margin-top: -20px; }
							100%	{ opacity: 1; margin-top: 0px; }
						}

						.widgets span:hover .dropdown{
							display: block;
							opacity: 1;
						}

					.input-holder{
						position: relative;
						top: 10px;
						display: inline-block;
						margin-right: -5px;
						overflow: hidden;
						height: 40px;
						text-align: right;
						vertical-align: baseline;
						width: 0px;
						white-space: nowrap;
						transition: width .5s ease-in-out;
					}
						.login-widget:hover .input-holder{
							width: 370px;
						}
						.search-widget:hover .input-holder{
							width: 180px;
						}
						.widgets input{
							display: inline-block;
							position: relative;
							height: 40px;
							line-height: 40px;
							border: 0px;
							background-color: #FFFFFF;
							font-weight: 300;
							font-size: 12px;
							padding: 0px 10px;
							margin-left: 10px;
							width: 150px;
						}

/* mobile navigation */
	header nav.mobile-menu ul li a{
		font-size: 40px;
		/*margin-right: 20px;*/
		border-bottom: none !important;
	}

	div.mobile{
		z-index: 2000;
		position: absolute;
		top: 0px;
		left: 100%;
		width: 300px;
		background-color: #4B4B4B;
		margin: 0px;
		padding: 0px;
		min-height: 100%;
	}
		div.mobile h1{
			margin: 0px;
			padding: 10px 20px;
			text-transform: uppercase;
			background-color: #D5D7D9;
		}
		div.mobile nav ul{
			margin: 10px 0px;
			padding: 0px;
		}
			div.mobile nav ul li{
				display: block;
				padding: 10px 20px;
			}
				div.mobile nav ul li a{
					display: block;
					font-family: 'Roboto';
					font-size: 22px;
					text-transform: uppercase;
					color: #FFFFFF;
					text-decoration: none;
					font-weight: normal;
				}

		div.mobile .widgets{
			padding: 20px;
			color: #FFFFFF;
		}
			div.mobile .widgets .widget{
				margin-top: 15px;
			}
			div.mobile .widgets a.icon-inverse {
				background-color: transparent;
				color: #FFFFFF;
				font-size: 35px;
			}
			div.mobile .widgets .input-holder{
				width: 170px;
				height: auto;
				white-space: normal;
				text-align: left;
			}
				div.mobile .widgets input{
					margin-left: 0px;
					margin-top: 10px;
				}

/* footer */
	footer{
		display: block;
		padding-top: 50px;
		padding-bottom: 50px;
		font-size: 12px;
		font-weight: 300;
		color: #ff582b;
	}
		footer span{
			margin-right: 10px;
		}
		footer nav,
		footer nav ul{
			margin: 0px;
			padding: 0px;
			display: inline-block;
		}
			footer nav ul li{
				display: inline-block;
				margin-right: 10px;
				line-height: 2em;
			}
				footer nav ul li a{
					font-size: 12px;
					font-weight: 300;
					color: #222222;
					text-decoration: none;
				}

/* promobox */
	main .promobox{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
		main .promobox .slides{
			position: relative;
			top: 0px;
			left: 0px;
			transition: left .75s ease-in-out;
		}
			main .promobox .slide{
				display: block;
				float: left;
			}

			main .promobox .page-prev,
			main .promobox .page-next{
				position: absolute;
				display: block;
				top: calc(50% - 20px);
				left: 10px;
				height: 40px;
				width: 40px;
				line-height: 40px;
				font-size: 25px;
				text-align: center;
				background-color: rgba(255,255,255,.5);
				color: rgba(0,0,0,.5);
				border-radius: 40px;
			}
			main .promobox .page-next{
				left: auto;
				right: 10px;
			}

		main .promobox .indicators{
			display: block;
			position: absolute;
			bottom: 0px;
			width: 100%;
			height: 20px;
			padding-bottom: 10px;
			text-align: center;
		}
			main .promobox .indicators > a{
				display: inline-block;
				height: 15px;
				width: 15px;
				border-radius: 15px;
				margin: 0px 1px;
				background-color: rgba(255,255,255,0.5);
				transition: background-color .25s ease-in-out;
			}
				main .promobox .indicators > a.active,
				main .promobox .indicators > a:hover{
					background-color: rgba(255,255,255,1);
				}

/* content */
	main{
		min-height: 700px;
	}

		.page ul,
		.page ol,
		.news ul,
		.news ol{
			margin: 5px 0px 10px 0px;
			padding: 0px 0px 0px 20px;
		}
			.page ul li,
			.page ol li,
			.news ul li,
			.news ol li{
				font-weight: 300;
				list-style-position: outside;
				list-style-type: disc;
				padding: 0.33em 0em;
				line-height: 1.25em;
			}
			.page ol li,
			.news ol li{
				list-style-type: decimal;
			}
		.page a,
		.news a{
			color: #ff582b;
		}

		.news table tr td,
		.page table tr td{
			font-size: 15px;
			font-weight: 300;
			line-height: 1.25em;
			padding: .25em 1em;
		}

		.small{
			font-size: 11px;
		}

		.page .grid_6 > div{
			line-height: 1.33em;
		}
		.page > .grid_6.pageblock{
			position: relative;
			display: block;
		}
			.page > .grid_6.pageblock:after{
				display: block;
				position: absolute;
				top: 0px;
				height: 100%;
				width: 1px;
				content: "";
				border-left: 1px solid #828282;
			}
			.page > .grid_6.pageblock > *{
				margin-left: 20px;
			}

/* news & questions */
	span.news-widget > a.icon{
		margin-left: 0px;
	}

	.news input[type='text']{
		display: inline-block;
		position: relative;
		height: 30px;
		line-height: 30px;
		border: 0px;
		background-color: #FFFFFF;
		font-weight: 300;
		font-size: 14px;
		padding: 0px 10px;
		margin-left: 0px;
		margin-bottom: 10px;
		width: 500px;
		border: 1px solid #D5D7D9;
		border-radius: 4px;
	}

	.news h1{
		position: relative;
		margin-bottom: 10px;
		line-height: 1em;
	}
		.news h1 .unread{
			position: absolute;
			right: 0px;
		}
			.news h1 .unread .icon-checked{
				position: relative;
				display: block;
				height: 32px;
				widows: 32px;
			}
				.news h1 .unread .icon-checked .fa{
					position: absolute;
					top: 0px;
					right: 0px;
				}
					.news h1 .unread .icon-checked .fa:nth-child(2){
						font-size: 0.5em;
						top: 5px;
						right: 6px;
					}

	.news .newslist-image-wrapper{
		position: relative;
		display: block;
		margin-top: 15px;
		margin-bottom: 15px;
	}


		.news .newslist-image-wrapper .label{
			display: inline-block;
			position: absolute;
			top: 0px;
			left: 7px;
			padding: 0px 7px;
			height: 20px;
			line-height: 20px;
			min-width: 45px;
			text-align: center;
			background-color: #ff582b;
			color: #FFFFFF;
			font-size: 13px;
			font-weight: 500;
		}

	.questions .notification{
		display: none;
		margin-bottom: 2em;
	}
		.questions .notification > div{
			position: relative;
			width: 100%;
			background-color: #ff582b;
			color: #FFFFFF;
			padding: 10px 10px;
		}
			.questions .notification > div > i.fa{
				width: 32px;
				font-size: 32px;
				text-align: center;
				float: left;
				margin-right: 10px;
			}
			.questions .notification > div p{
				width: calc(100% - 64px);
				float: left;
				font-weight: 300;
				color: #FFFFFF;
			}

	.questions p{
		font-weight: 400;
		line-height: 1.5em;
	}
		.questions .question-block{
			margin-top: 0px;
			margin-bottom: 30px;
		}
			.questions .question-block > span{
				display: block;
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.questions .question-block input{
				display: inline-block;
				width: 0px;
				height: 0px;
				opacity: 0;
				visibility: hidden;
			}
			.questions .question-block label{
				display: inline-block;
				float: left;
				margin-left: 5px;
				font-weight: 300;
				font-size: 15px;
				line-height: 19px;
			}
			.questions .question-block label:before{
				content: ".";
				display: inline-block;
				float: left;
				width: 19px;
				height: 19px;
				background-color: #F4F4F4;
				color: #F4F4F4;
				border-radius: 19px;
				text-align: center;
				margin-right: 10px;
				transition: all .25s ease-in-out;
				font-weight: 300;
				font-size: 15px;
			}
				.questions .question-block label > span{
    				display: block;
					margin-left: 30px;
				}

			.questions .question-block input:checked + label:before{
				background-color: #ff582b;
				color: #ff582b;
			}

			.questions .question-block input:invalid + label{
				/*background-color: #ff582b;*/
				border-left: 2px solid;
				border-color: #ff582b;
				padding-left: 5px;
			}


	.submit-wrapper{
		text-align: right;
	}

	.dropdown a.news-item{
		display: block;
		white-space: nowrap;
		text-align: left;
		color: #222222;
		height: 30px;
		transition: color .25s ease-in-out;
		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px solid #D5D7D9;
	}
		.dropdown a.news-item:hover{
			color: #ff582b;
		}
		.dropdown a.news-item img{
			display: inline-block;
			margin-right: 10px;
		}
		.dropdown a.news-item span{
			display: inline-block;
			height: 30px;
			line-height: 30px;
			width: 380px;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

/* profile */
	.profile{

	}
		.profile table td{
			font-size: 15px;
			font-weight: 300;
			color: #222222;
			line-height: 1.5em;
		}
		.profile table td:first-child{
			font-weight: 500;
			min-width: 130px;
		}

	.profile label{
		display: inline-block;
		min-width: 130px;
	}
	.profile input[type='text'],
	.profile input[type='password']{
		display: inline-block;
		position: relative;
		height: 40px;
		line-height: 40px;
		border: 0px;
		background-color: #FFFFFF;
		font-weight: 300;
		font-size: 12px;
		padding: 0px 10px;
		margin-left: 0px;
		margin-bottom: 10px;
		width: 500px;
		border: 1px solid #D5D7D9;
		border-radius: 4px;
	}

/* points */
	.points h3{
		position: relative;
		font-size: 18px;
		font-weight: 500;
		padding-top: 25px;
		padding-bottom: 20px;
		margin: 0px;
		border-top: 1px solid #D5D7D9;
	}
		.points h3:first-child{
			border-top: none;
		}
		.points h3 span.right{
			display: inline-block;
			float: right;
		}
		.points h3 .button{
			position: absolute;
			top: 20px;
			right: 120px;
		}

/* shop */
	.shop h1{
		position: relative;
		padding-top: 20px;
		padding-bottom: 20px;
		margin: 0px;
		line-height: 22px;
	}
		.shop h1 > span.highlight{
			font-weight: 300;
			font-size: 12px;
			line-height: 22px;
			float: right;
		}
			.shop h1 > span.highlight .fa{
				font-size: 20px;
				line-height: 22px;
				padding-left: 5px;
			}

	.shop .shop-item{
		position: relative;
		min-height: 205px;
		padding-bottom: 20px;		
	}
		.shop .shop-item:nth-child(2n-1):after{
			content: ".";
			display: block;
			position: absolute;
			right: -13px;
			top: 10px;
			height: calc(100% - 30px);
			width: 2px;			
			overflow: hidden;
			text-indent: -10px;
		}

		.shop .shop-item .actions{
			position: relative;
			border-left: 1px solid #828282;
			min-height: 140px;
		}
		.shop .shop-item p{
			font-weight: 300;
			font-size: 12px;
			color: #4B4B4B;
			max-height: 140px;
			margin-bottom: 0px;
		}
		.shop .shop-item .button{
			position: absolute;
			bottom: 10px;
			left: 13px;
		}

		.shop .shop-item .params{
			background-color: #ffffff;
			font-weight: normal;
			display: block;
			margin-left: 13px;			
			margin-bottom: 2px;
			width: calc(100% - 13px);
			font-size: 12px;
			border: 1px solid #D5D7D9;
			border-radius: 4px;
		}

		.shop .shop-item .notavailable{
			position: absolute;
			margin-bottom: 0px;
			bottom: 10px;
			left: 13px;
		}

		.shop .shop-item h2{
			font-size: 18px;
			margin: 0px 0px 10px 13px;
			color: #ff582b;
		}
			.shop .shop-item h2 > b{
				font-size: 24px;
			}
		.shop .shop-item h3{
			font-size: 15px;
			color: #4B4B4B;
			margin: 0px 0px 10px 13px;
		}
		.shop .shop-item .imgviewer{
			visibility: hidden;
			height: 0px;
			width: 0px;
			position: absolute;
		}
			.shop .shop-item .imgviewer:first-child{
				visibility: visible;
				height: auto;
				width: auto;
				position: relative;
			}

	/* cart-widget */

	span.cart-widget > a.icon{
		margin-left: 0px;
	}
	span.cart-widget .dropdown table{
		color: #000000;
		min-width: 400px;
		width: auto;
		margin-bottom: 20px;
		border-bottom: 1px solid #D5D7D9;
	}
		span.cart-widget .dropdown table tr td{
			padding: 0px 5px;
			white-space: nowrap;
			border-top: 1px solid #D5D7D9;
		}
		span.cart-widget .dropdown table tr:nth-child(2n+1) td{
			/*background-color: #EEEEEE;*/
		}
		span.cart-widget .dropdown table tr td a.trash{
			color: #ff582b;
			transition: color .25s ease-in-out;
		}
			span.cart-widget .dropdown table tr td a.trash:hover{
				color: #000000;		
			}
	span.cart-widget .dropdown table img{
		width: 40px !important;
		height: 40px !important;
	}
	span.cart-widget .dropdown table input{
		width: 20px;
		background-color: #EEEEEE;
	}

	.shop.item span input{
		display: inline-block;
		padding: 2px 5px;
		border: 1px solid #D5D7D9;
		font-weight: 300;
		font-size: 14px;
		width: 50px;		
	}

	/* cart */
	.cart table{
		width: 100%;
		min-width: 400px;
		margin-bottom: 20px;
		border-bottom: 1px solid #D5D7D9;
	}
		.cart table form,
		.cart table input{
			display: inline-block;
		}
			.cart table input{
				padding: 2px 5px;
				border: 1px solid #D5D7D9;
				font-weight: 300;
				font-size: 14px;
				width: 25px;
			}
			.cart table td{
				border-top: 1px solid #D5D7D9;
				padding: 5px;
				font-weight: 300;
			}
				.cart table td.image{
					width: 65px;
					max-width: 65px;
				}
			.cart table tr td a.trash{
				color: #ff582b;
				transition: color .25s ease-in-out;
			}
				.cart table tr td a.trash:hover{
					color: #000000;		
				}
	/* summary */
	.summary table{
	}
		.summary table td{
			padding: 5px;
			font-weight: 300;
			line-height: 1.5em;
		}

/* document module */
	.breadcrumb{
		font-size: 13px;
		color: #222222;
		border-bottom: 1px solid #D5D7D9;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.breadcrumb .date{
		float: right;
	}
	.breadcrumb a{
		color: #222222;
		text-decoration: none;
		font-weight: 300;
	}
		.breadcrumb a:hover{
			color: #ff582b;
		}

	.documents ul{
		padding: 0px;
		margin: 0px;
	}
		.documents ul li{
			list-style: none;
			padding: 0px;
			margin: 0px;
			font-size: 14px;
			line-height: 30px;
		}
			.documents ul li a{
				color: #222222;
				text-decoration: none;
			}
				.documents ul li a > i{
					font-size: 16px;
				}
			.documents ul li a:hover{
				color: #ff582b;
			}

	.fileinfo{
		display: none;
		position: relative;
		border: 1px solid #D5D7D9;
		margin-top: 3px;
		margin-bottom: 0px;
	}
	.fileinfo::before{
		content: "";
		position: absolute;
		top: -5px;
		left: 5px;
		border-top: 1px solid #D5D7D9;
		border-left: 1px solid #D5D7D9;
		background-color: #ffffff;
		height: 8px;
		width: 8px;
		transform: rotate(45deg);
	}
	.fileinfo_content{
		position: relative;
		margin: 10px;
		overflow: hidden;
		font-size: 13px;
	}
		.fileinfo .imgdl{
			position: relative;
			display: block;
			width: 70px;
			height: 70px;
			border: 1px solid #D5D7D9;
		}
		.fileinfo .imgdl img{
			position: absolute;
			display: block;
			top: 0px;
			left: 0px;
			width: 70px;
			height: 70px;
		}
		.fileinfo .imgdl span{
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 70px;
			height: 100px;
			line-height: 100px;
			text-align: center;
			color: #ff582b;
			font-size: 30px;
			background-color: rgba(255,255,255,.85);
		}
			.fileinfo .imgdl:hover span{
				display: block;
			}

		.fileinfo p{
			margin: 0px;
			padding: 0px;
			margin-bottom: 3px;
			line-height: 1.25em;
			color: #222222;
			font-size: 13px;
		}
		.fileinfo p .date{
			display: inline-block;
			margin-top: 4px;
			margin-bottom: 4px;
			color: #D5D7D9;
		}
		.fileinfo p.bottom{
			background-color: #ffffff;
			position: absolute;
			bottom: 4px;
		}

/* cookie policy */
	div.cookie-wrap{
		display: none;
		position: fixed;
		bottom: 0px;
		left: 0px;
		width: 100%;
		background-color: rgba(0,0,0,0.8);
		color: rgba(255, 255, 255, 1.0);
	}
		div.cookie-wrap p{
			margin-top: 1em;
			line-height: 1.25em;
			color: rgba(255, 255, 255, 1.0);
		}

/* gdpr popup */
	div.staticoverlay{
		position: fixed;
		display: block;
		height: 100vh;
		width: 100vw;
		background-color: rgba(0,0,0,0.75);
		top: 0px;
		left: 0px;
		padding: 0px;
		margin: 0px;
	}
		div.staticoverlay > div{
			width: 500px;
			max-width: calc(100% - 40px);
			padding: 20px;
			background-color: rgba(255, 255, 255, 1.0);
			border-radius: 5px;
			position: absolute;
			left: 50vw;
			top: 50vh;
			transform: translateX(-50%) translateY(-50%);
		}
		div.staticoverlay > div > div.gdpr-ajax-viewer{
			border-top: 1px solid #cecece;
			position: relative;
			height: 30vh;
		}

		div.staticoverlay > div > div.gdpr-ajax-viewer > .container,
		div.staticoverlay > div > div.gdpr-ajax-viewer > .container > div{
			position: relative;
			width: 100%;
			margin: 0px;
			padding: 0px;
		}

	.profile .checkbox-group{
		display: inline-block;
		vertical-align: middle;
	}
		.profile .checkbox-group input[type=checkbox]{
			visibility: hidden;
			width: 0px;
			height: 0px;
			position: absolute;
		}
		.profile .checkbox-group label{
			width: auto;
			max-width: none;
			min-width: none;
		}
			.profile .checkbox-group label:before{
				content: ' ';
				display: inline-block;
				height: 1em;
				width: 1em;
				border: 1px solid #D5D7D9;
				background-color: transparent;
				position: relative;
				top: 2px;
				margin-right: 0.5em;
			}
				.profile .checkbox-group input[type=checkbox]:checked + label:before{
					background-color: #ff582b;
					border: 1px solid #ff582b;
				}

/* Responsive */

	/* Normal size */
	@media only screen and (min-width: 768px) {
		.show-m,
		.show-m-inline,
		.mobile-menu{
			display: none !important;
		}

		.ie .news .newslist-image-wrapper img{ width: 223px; }
	}

	/* Tablet Portrait size to Base 996px */
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		header nav{
			margin-right: 20px;
		}
		header nav ul li{
			margin-left: 10px;
		}
		header nav ul li a{
			font-size: 22px;
		}
		header .widgets{
			margin-right: 20px;
		}
		header .logo:first-child{
			margin-top: 35px;
		}
		header .logo{
			margin-top: 10px;
			margin-right: 1000px;
		}

		/* documents */
		.container .fileinfo_content > div{
			width: 98%;
			clear: both;
		}
			.container .fileinfo_content > div.alpha{
				margin-bottom: 1em;
			}
			.fileinfo p.bottom{
				bottom: auto;
				position: relative;
			}
			.fileinfo .noimage{
				display: none;
			}

		.promobox-wrapper,
		.promobox-wrapper > div{
			padding: 0px !important;
			margin: 0px !important;
			width: 100% !important;
		}

		.ie .news .newslist-image-wrapper img{ width: 176px; }
	}

	/* All Mobile Sizes */
	@media only screen and (max-width: 767px) {
		/* 996gs hotfix */
		.container .grid_1, .container .grid_2, .container .grid_3, .container .grid_4, .container .grid_5, .container .grid_6, .container .grid_7, .container .grid_8, .container .grid_9, .container .grid_10, .container .grid_11, .container .grid_12 {
			margin: 0px auto;
			display: block;
		}

		.hidden-m{
			display: none !important;
		}

		.shop .shop-item:nth-child(2n-1):after{
			display: none;
		}
		.shop .shop-item .actions{
			min-height: 110px;
		}

		.shop .shop-item p{
			margin-bottom: 1.5em;
		}


		.points h3 .button{
			display: inline-block;
			position: unset;
			top: unset;
			right: unset;
		}
		.profile input[type='text'],
		.profile input[type='password'] {
			width: 100%;
			margin-top: 5px;
			margin-bottom: 10px;
		}
		.summary table{
			width: 100% !important;
		}
		.cart table tr td a.trash{
			display: none;
		}
		.cart table tr td:nth-child(1){
			max-width: 50px;
		}
		.cart table tr td:nth-child(2){
			max-width: 100px;
		}

		header,
		header .headerstrip {
			min-height: 120px;
		}

		.promobox-wrapper,
		.promobox-wrapper > div{
			padding: 0px !important;
			margin: 0px !important;
			width: 100% !important;
		}

	}

	/* Mobile Landscape Size to Tablet Portrait */
	@media only screen and (min-width: 480px) and (max-width: 767px) {

	}

	/* Mobile Portrait Size to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
		.hidden-xs{
			display: none !important;
		}
		header .logo{
			margin-top: 10px;
			margin-right: 10px;
		}
		footer nav ul li{
			margin-top: 10px;
			margin-right: 10px;
			margin-left: 0px;
		}

		.fileinfo .imgdl{
			margin: 0px auto;
		}

		.shop h1 > span.highlight{
			display: block;
			float: none;
		}

		.ie .news .newslist-image-wrapper img{ width: 260px; }
	}

/* /CSS */