a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%
}

html,body {
	height: 100%
}

a {
	text-decoration: none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section {
	display: block
}

b,strong {
	font-weight: bold
}

img {
	color: transparent;
	font-size: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic
}

ul,ol {
	list-style: none
}

li {
	display: list-item
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

th,td,caption {
	font-weight: normal;
	vertical-align: top;
	text-align: left
}

q {
	quotes: none
}

q:before,q:after {
	content: "";
	content: none
}

sub,sup,small {
	font-size: 75%
}

sub,sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -0.25em
}

sup {
	top: -0.5em
}

svg {
	overflow: hidden
}

@media (max-width:400px) {
	@	-ms-viewport {
		width: 320px
	}
}

@media (max-width:800px) {
	.daohang {
		display: none;
	}
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0
}

.grid-container:before,.grid-5:before,.mobile-grid-5:before,.tablet-grid-5:before,.grid-10:before,.mobile-grid-10:before,.tablet-grid-10:before,.grid-15:before,.mobile-grid-15:before,.tablet-grid-15:before,.grid-20:before,.mobile-grid-20:before,.tablet-grid-20:before,.grid-25:before,.mobile-grid-25:before,.tablet-grid-25:before,.grid-30:before,.mobile-grid-30:before,.tablet-grid-30:before,.grid-35:before,.mobile-grid-35:before,.tablet-grid-35:before,.grid-40:before,.mobile-grid-40:before,.tablet-grid-40:before,.grid-45:before,.mobile-grid-45:before,.tablet-grid-45:before,.grid-50:before,.mobile-grid-50:before,.tablet-grid-50:before,.grid-55:before,.mobile-grid-55:before,.tablet-grid-55:before,.grid-60:before,.mobile-grid-60:before,.tablet-grid-60:before,.grid-65:before,.mobile-grid-65:before,.tablet-grid-65:before,.grid-70:before,.mobile-grid-70:before,.tablet-grid-70:before,.grid-75:before,.mobile-grid-75:before,.tablet-grid-75:before,.grid-80:before,.mobile-grid-80:before,.tablet-grid-80:before,.grid-85:before,.mobile-grid-85:before,.tablet-grid-85:before,.grid-90:before,.mobile-grid-90:before,.tablet-grid-90:before,.grid-95:before,.mobile-grid-95:before,.tablet-grid-95:before,.grid-100:before,.mobile-grid-100:before,.tablet-grid-100:before,.grid-33:before,.mobile-grid-33:before,.tablet-grid-33:before,.grid-66:before,.mobile-grid-66:before,.tablet-grid-66:before,.clearfix:before,.grid-container:after,.grid-5:after,.mobile-grid-5:after,.tablet-grid-5:after,.grid-10:after,.mobile-grid-10:after,.tablet-grid-10:after,.grid-15:after,.mobile-grid-15:after,.tablet-grid-15:after,.grid-20:after,.mobile-grid-20:after,.tablet-grid-20:after,.grid-25:after,.mobile-grid-25:after,.tablet-grid-25:after,.grid-30:after,.mobile-grid-30:after,.tablet-grid-30:after,.grid-35:after,.mobile-grid-35:after,.tablet-grid-35:after,.grid-40:after,.mobile-grid-40:after,.tablet-grid-40:after,.grid-45:after,.mobile-grid-45:after,.tablet-grid-45:after,.grid-50:after,.mobile-grid-50:after,.tablet-grid-50:after,.grid-55:after,.mobile-grid-55:after,.tablet-grid-55:after,.grid-60:after,.mobile-grid-60:after,.tablet-grid-60:after,.grid-65:after,.mobile-grid-65:after,.tablet-grid-65:after,.grid-70:after,.mobile-grid-70:after,.tablet-grid-70:after,.grid-75:after,.mobile-grid-75:after,.tablet-grid-75:after,.grid-80:after,.mobile-grid-80:after,.tablet-grid-80:after,.grid-85:after,.mobile-grid-85:after,.tablet-grid-85:after,.grid-90:after,.mobile-grid-90:after,.tablet-grid-90:after,.grid-95:after,.mobile-grid-95:after,.tablet-grid-95:after,.grid-100:after,.mobile-grid-100:after,.tablet-grid-100:after,.grid-33:after,.mobile-grid-33:after,.tablet-grid-33:after,.grid-66:after,.mobile-grid-66:after,.tablet-grid-66:after,.clearfix:after {
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.grid-container:after,.grid-5:after,.mobile-grid-5:after,.tablet-grid-5:after,.grid-10:after,.mobile-grid-10:after,.tablet-grid-10:after,.grid-15:after,.mobile-grid-15:after,.tablet-grid-15:after,.grid-20:after,.mobile-grid-20:after,.tablet-grid-20:after,.grid-25:after,.mobile-grid-25:after,.tablet-grid-25:after,.grid-30:after,.mobile-grid-30:after,.tablet-grid-30:after,.grid-35:after,.mobile-grid-35:after,.tablet-grid-35:after,.grid-40:after,.mobile-grid-40:after,.tablet-grid-40:after,.grid-45:after,.mobile-grid-45:after,.tablet-grid-45:after,.grid-50:after,.mobile-grid-50:after,.tablet-grid-50:after,.grid-55:after,.mobile-grid-55:after,.tablet-grid-55:after,.grid-60:after,.mobile-grid-60:after,.tablet-grid-60:after,.grid-65:after,.mobile-grid-65:after,.tablet-grid-65:after,.grid-70:after,.mobile-grid-70:after,.tablet-grid-70:after,.grid-75:after,.mobile-grid-75:after,.tablet-grid-75:after,.grid-80:after,.mobile-grid-80:after,.tablet-grid-80:after,.grid-85:after,.mobile-grid-85:after,.tablet-grid-85:after,.grid-90:after,.mobile-grid-90:after,.tablet-grid-90:after,.grid-95:after,.mobile-grid-95:after,.tablet-grid-95:after,.grid-100:after,.mobile-grid-100:after,.tablet-grid-100:after,.grid-33:after,.mobile-grid-33:after,.tablet-grid-33:after,.grid-66:after,.mobile-grid-66:after,.tablet-grid-66:after,.clearfix:after {
	clear: both
}

.grid-container,.grid-5,.mobile-grid-5,.tablet-grid-5,.grid-10,.mobile-grid-10,.tablet-grid-10,.grid-15,.mobile-grid-15,.tablet-grid-15,.grid-20,.mobile-grid-20,.tablet-grid-20,.grid-25,.mobile-grid-25,.tablet-grid-25,.grid-30,.mobile-grid-30,.tablet-grid-30,.grid-35,.mobile-grid-35,.tablet-grid-35,.grid-40,.mobile-grid-40,.tablet-grid-40,.grid-45,.mobile-grid-45,.tablet-grid-45,.grid-50,.mobile-grid-50,.tablet-grid-50,.grid-55,.mobile-grid-55,.tablet-grid-55,.grid-60,.mobile-grid-60,.tablet-grid-60,.grid-65,.mobile-grid-65,.tablet-grid-65,.grid-70,.mobile-grid-70,.tablet-grid-70,.grid-75,.mobile-grid-75,.tablet-grid-75,.grid-80,.mobile-grid-80,.tablet-grid-80,.grid-85,.mobile-grid-85,.tablet-grid-85,.grid-90,.mobile-grid-90,.tablet-grid-90,.grid-95,.mobile-grid-95,.tablet-grid-95,.grid-100,.mobile-grid-100,.tablet-grid-100,.grid-33,.mobile-grid-33,.tablet-grid-33,.grid-66,.mobile-grid-66,.tablet-grid-66,.clearfix {
	*zoom: 1
}

.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	padding-left: 15px;
	padding-right: 15px
}

.grid-5,.mobile-grid-5,.tablet-grid-5,.grid-10,.mobile-grid-10,.tablet-grid-10,.grid-15,.mobile-grid-15,.tablet-grid-15,.grid-20,.mobile-grid-20,.tablet-grid-20,.grid-25,.mobile-grid-25,.tablet-grid-25,.grid-30,.mobile-grid-30,.tablet-grid-30,.grid-35,.mobile-grid-35,.tablet-grid-35,.grid-40,.mobile-grid-40,.tablet-grid-40,.grid-45,.mobile-grid-45,.tablet-grid-45,.grid-50,.mobile-grid-50,.tablet-grid-50,.grid-55,.mobile-grid-55,.tablet-grid-55,.grid-60,.mobile-grid-60,.tablet-grid-60,.grid-65,.mobile-grid-65,.tablet-grid-65,.grid-70,.mobile-grid-70,.tablet-grid-70,.grid-75,.mobile-grid-75,.tablet-grid-75,.grid-80,.mobile-grid-80,.tablet-grid-80,.grid-85,.mobile-grid-85,.tablet-grid-85,.grid-90,.mobile-grid-90,.tablet-grid-90,.grid-95,.mobile-grid-95,.tablet-grid-95,.grid-100,.mobile-grid-100,.tablet-grid-100,.grid-33,.mobile-grid-33,.tablet-grid-33,.grid-66,.mobile-grid-66,.tablet-grid-66 {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
	*padding-left: 0;
	*padding-right: 0
}

.grid-5>*,.mobile-grid-5>*,.tablet-grid-5>*,.grid-10>*,.mobile-grid-10>*,.tablet-grid-10>*,.grid-15>*,.mobile-grid-15>*,.tablet-grid-15>*,.grid-20>*,.mobile-grid-20>*,.tablet-grid-20>*,.grid-25>*,.mobile-grid-25>*,.tablet-grid-25>*,.grid-30>*,.mobile-grid-30>*,.tablet-grid-30>*,.grid-35>*,.mobile-grid-35>*,.tablet-grid-35>*,.grid-40>*,.mobile-grid-40>*,.tablet-grid-40>*,.grid-45>*,.mobile-grid-45>*,.tablet-grid-45>*,.grid-50>*,.mobile-grid-50>*,.tablet-grid-50>*,.grid-55>*,.mobile-grid-55>*,.tablet-grid-55>*,.grid-60>*,.mobile-grid-60>*,.tablet-grid-60>*,.grid-65>*,.mobile-grid-65>*,.tablet-grid-65>*,.grid-70>*,.mobile-grid-70>*,.tablet-grid-70>*,.grid-75>*,.mobile-grid-75>*,.tablet-grid-75>*,.grid-80>*,.mobile-grid-80>*,.tablet-grid-80>*,.grid-85>*,.mobile-grid-85>*,.tablet-grid-85>*,.grid-90>*,.mobile-grid-90>*,.tablet-grid-90>*,.grid-95>*,.mobile-grid-95>*,.tablet-grid-95>*,.grid-100>*,.mobile-grid-100>*,.tablet-grid-100>*,.grid-33>*,.mobile-grid-33>*,.tablet-grid-33>*,.grid-66>*,.mobile-grid-66>*,.tablet-grid-66>* {
	*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '15px');
	*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '15px')
}

.grid-parent {
	padding-left: 0;
	padding-right: 0
}

@media (max-width:767px) {
	.mobile-push-5,.mobile-pull-5,.mobile-push-10,.mobile-pull-10,.mobile-push-15,.mobile-pull-15,.mobile-push-20,.mobile-pull-20,.mobile-push-25,.mobile-pull-25,.mobile-push-30,.mobile-pull-30,.mobile-push-35,.mobile-pull-35,.mobile-push-40,.mobile-pull-40,.mobile-push-45,.mobile-pull-45,.mobile-push-50,.mobile-pull-50,.mobile-push-55,.mobile-pull-55,.mobile-push-60,.mobile-pull-60,.mobile-push-65,.mobile-pull-65,.mobile-push-70,.mobile-pull-70,.mobile-push-75,.mobile-pull-75,.mobile-push-80,.mobile-pull-80,.mobile-push-85,.mobile-pull-85,.mobile-push-90,.mobile-pull-90,.mobile-push-95,.mobile-pull-95,.mobile-push-33,.mobile-pull-33,.mobile-push-66,.mobile-pull-66 {
		position: relative
	}

	.hide-on-mobile {
		display: none !important
	}

	.mobile-grid-5 {
		float: left;
		width: 5%;
		*width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-5 {
		margin-left: 5%
	}

	.mobile-suffix-5 {
		margin-right: 5%
	}

	.mobile-push-5 {
		left: 5%;
		*left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-5 {
		left: -5%;
		*left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-10 {
		float: left;
		width: 10%;
		*width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-10 {
		margin-left: 10%
	}

	.mobile-suffix-10 {
		margin-right: 10%
	}

	.mobile-push-10 {
		left: 10%;
		*left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-10 {
		left: -10%;
		*left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-15 {
		float: left;
		width: 15%;
		*width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-15 {
		margin-left: 15%
	}

	.mobile-suffix-15 {
		margin-right: 15%
	}

	.mobile-push-15 {
		left: 15%;
		*left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-15 {
		left: -15%;
		*left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-20 {
		float: left;
		width: 20%;
		*width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-20 {
		margin-left: 20%
	}

	.mobile-suffix-20 {
		margin-right: 20%
	}

	.mobile-push-20 {
		left: 20%;
		*left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-20 {
		left: -20%;
		*left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-25 {
		float: left;
		width: 25%;
		*width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-25 {
		margin-left: 25%
	}

	.mobile-suffix-25 {
		margin-right: 25%
	}

	.mobile-push-25 {
		left: 25%;
		*left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-25 {
		left: -25%;
		*left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-30 {
		float: left;
		width: 30%;
		*width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-30 {
		margin-left: 30%
	}

	.mobile-suffix-30 {
		margin-right: 30%
	}

	.mobile-push-30 {
		left: 30%;
		*left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-30 {
		left: -30%;
		*left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-35 {
		float: left;
		width: 35%;
		*width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-35 {
		margin-left: 35%
	}

	.mobile-suffix-35 {
		margin-right: 35%
	}

	.mobile-push-35 {
		left: 35%;
		*left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-35 {
		left: -35%;
		*left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-40 {
		float: left;
		width: 40%;
		*width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-40 {
		margin-left: 40%
	}

	.mobile-suffix-40 {
		margin-right: 40%
	}

	.mobile-push-40 {
		left: 40%;
		*left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-40 {
		left: -40%;
		*left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-45 {
		float: left;
		width: 45%;
		*width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-45 {
		margin-left: 45%
	}

	.mobile-suffix-45 {
		margin-right: 45%
	}

	.mobile-push-45 {
		left: 45%;
		*left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-45 {
		left: -45%;
		*left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-50 {
		float: left;
		width: 50%;
		*width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-50 {
		margin-left: 50%
	}

	.mobile-suffix-50 {
		margin-right: 50%
	}

	.mobile-push-50 {
		left: 50%;
		*left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-50 {
		left: -50%;
		*left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-55 {
		float: left;
		width: 55%;
		*width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-55 {
		margin-left: 55%
	}

	.mobile-suffix-55 {
		margin-right: 55%
	}

	.mobile-push-55 {
		left: 55%;
		*left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-55 {
		left: -55%;
		*left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-60 {
		float: left;
		width: 60%;
		*width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-60 {
		margin-left: 60%
	}

	.mobile-suffix-60 {
		margin-right: 60%
	}

	.mobile-push-60 {
		left: 60%;
		*left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-60 {
		left: -60%;
		*left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-65 {
		float: left;
		width: 65%;
		*width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-65 {
		margin-left: 65%
	}

	.mobile-suffix-65 {
		margin-right: 65%
	}

	.mobile-push-65 {
		left: 65%;
		*left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-65 {
		left: -65%;
		*left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-70 {
		float: left;
		width: 70%;
		*width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-70 {
		margin-left: 70%
	}

	.mobile-suffix-70 {
		margin-right: 70%
	}

	.mobile-push-70 {
		left: 70%;
		*left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-70 {
		left: -70%;
		*left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-75 {
		float: left;
		width: 75%;
		*width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-75 {
		margin-left: 75%
	}

	.mobile-suffix-75 {
		margin-right: 75%
	}

	.mobile-push-75 {
		left: 75%;
		*left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-75 {
		left: -75%;
		*left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-80 {
		float: left;
		width: 80%;
		*width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-80 {
		margin-left: 80%
	}

	.mobile-suffix-80 {
		margin-right: 80%
	}

	.mobile-push-80 {
		left: 80%;
		*left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-80 {
		left: -80%;
		*left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-85 {
		float: left;
		width: 85%;
		*width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-85 {
		margin-left: 85%
	}

	.mobile-suffix-85 {
		margin-right: 85%
	}

	.mobile-push-85 {
		left: 85%;
		*left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-85 {
		left: -85%;
		*left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-90 {
		float: left;
		width: 90%;
		*width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-90 {
		margin-left: 90%
	}

	.mobile-suffix-90 {
		margin-right: 90%
	}

	.mobile-push-90 {
		left: 90%;
		*left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-90 {
		left: -90%;
		*left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-95 {
		float: left;
		width: 95%;
		*width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-95 {
		margin-left: 95%
	}

	.mobile-suffix-95 {
		margin-right: 95%
	}

	.mobile-push-95 {
		left: 95%;
		*left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-95 {
		left: -95%;
		*left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-33 {
		float: left;
		width: 33.3333333333%;
		*width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-33 {
		margin-left: 33.3333333333%
	}

	.mobile-suffix-33 {
		margin-right: 33.3333333333%
	}

	.mobile-push-33 {
		left: 33.3333333333%;
		*left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-33 {
		left: -33.3333333333%;
		*left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-66 {
		float: left;
		width: 66.6666666667%;
		*width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-prefix-66 {
		margin-left: 66.6666666667%
	}

	.mobile-suffix-66 {
		margin-right: 66.6666666667%
	}

	.mobile-push-66 {
		left: 66.6666666667%;
		*left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-pull-66 {
		left: -66.6666666667%;
		*left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.mobile-grid-100 {
		clear: both;
		width: 100%
	}
}

@media (min-width:768px) and (max-width:1024px) {
	.tablet-push-5,.tablet-pull-5,.tablet-push-10,.tablet-pull-10,.tablet-push-15,.tablet-pull-15,.tablet-push-20,.tablet-pull-20,.tablet-push-25,.tablet-pull-25,.tablet-push-30,.tablet-pull-30,.tablet-push-35,.tablet-pull-35,.tablet-push-40,.tablet-pull-40,.tablet-push-45,.tablet-pull-45,.tablet-push-50,.tablet-pull-50,.tablet-push-55,.tablet-pull-55,.tablet-push-60,.tablet-pull-60,.tablet-push-65,.tablet-pull-65,.tablet-push-70,.tablet-pull-70,.tablet-push-75,.tablet-pull-75,.tablet-push-80,.tablet-pull-80,.tablet-push-85,.tablet-pull-85,.tablet-push-90,.tablet-pull-90,.tablet-push-95,.tablet-pull-95,.tablet-push-33,.tablet-pull-33,.tablet-push-66,.tablet-pull-66 {
		position: relative
	}

	.hide-on-tablet {
		display: none !important
	}

	.tablet-grid-5 {
		float: left;
		width: 5%;
		*width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-5 {
		margin-left: 5%
	}

	.tablet-suffix-5 {
		margin-right: 5%
	}

	.tablet-push-5 {
		left: 5%;
		*left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-5 {
		left: -5%;
		*left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-10 {
		float: left;
		width: 10%;
		*width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-10 {
		margin-left: 10%
	}

	.tablet-suffix-10 {
		margin-right: 10%
	}

	.tablet-push-10 {
		left: 10%;
		*left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-10 {
		left: -10%;
		*left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-15 {
		float: left;
		width: 15%;
		*width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-15 {
		margin-left: 15%
	}

	.tablet-suffix-15 {
		margin-right: 15%
	}

	.tablet-push-15 {
		left: 15%;
		*left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-15 {
		left: -15%;
		*left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-20 {
		float: left;
		width: 20%;
		*width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-20 {
		margin-left: 20%
	}

	.tablet-suffix-20 {
		margin-right: 20%
	}

	.tablet-push-20 {
		left: 20%;
		*left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-20 {
		left: -20%;
		*left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-25 {
		float: left;
		width: 25%;
		*width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-25 {
		margin-left: 25%
	}

	.tablet-suffix-25 {
		margin-right: 25%
	}

	.tablet-push-25 {
		left: 25%;
		*left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-25 {
		left: -25%;
		*left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-30 {
		float: left;
		width: 30%;
		*width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-30 {
		margin-left: 30%
	}

	.tablet-suffix-30 {
		margin-right: 30%
	}

	.tablet-push-30 {
		left: 30%;
		*left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-30 {
		left: -30%;
		*left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-35 {
		float: left;
		width: 35%;
		*width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-35 {
		margin-left: 35%
	}

	.tablet-suffix-35 {
		margin-right: 35%
	}

	.tablet-push-35 {
		left: 35%;
		*left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-35 {
		left: -35%;
		*left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-40 {
		float: left;
		width: 40%;
		*width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-40 {
		margin-left: 40%
	}

	.tablet-suffix-40 {
		margin-right: 40%
	}

	.tablet-push-40 {
		left: 40%;
		*left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-40 {
		left: -40%;
		*left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-45 {
		float: left;
		width: 45%;
		*width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-45 {
		margin-left: 45%
	}

	.tablet-suffix-45 {
		margin-right: 45%
	}

	.tablet-push-45 {
		left: 45%;
		*left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-45 {
		left: -45%;
		*left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-50 {
		float: left;
		width: 50%;
		*width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-50 {
		margin-left: 50%
	}

	.tablet-suffix-50 {
		margin-right: 50%
	}

	.tablet-push-50 {
		left: 50%;
		*left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-50 {
		left: -50%;
		*left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-55 {
		float: left;
		width: 55%;
		*width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-55 {
		margin-left: 55%
	}

	.tablet-suffix-55 {
		margin-right: 55%
	}

	.tablet-push-55 {
		left: 55%;
		*left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-55 {
		left: -55%;
		*left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-60 {
		float: left;
		width: 60%;
		*width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-60 {
		margin-left: 60%
	}

	.tablet-suffix-60 {
		margin-right: 60%
	}

	.tablet-push-60 {
		left: 60%;
		*left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-60 {
		left: -60%;
		*left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-65 {
		float: left;
		width: 65%;
		*width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-65 {
		margin-left: 65%
	}

	.tablet-suffix-65 {
		margin-right: 65%
	}

	.tablet-push-65 {
		left: 65%;
		*left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-65 {
		left: -65%;
		*left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-70 {
		float: left;
		width: 70%;
		*width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-70 {
		margin-left: 70%
	}

	.tablet-suffix-70 {
		margin-right: 70%
	}

	.tablet-push-70 {
		left: 70%;
		*left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-70 {
		left: -70%;
		*left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-75 {
		float: left;
		width: 75%;
		*width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-75 {
		margin-left: 75%
	}

	.tablet-suffix-75 {
		margin-right: 75%
	}

	.tablet-push-75 {
		left: 75%;
		*left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-75 {
		left: -75%;
		*left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-80 {
		float: left;
		width: 80%;
		*width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-80 {
		margin-left: 80%
	}

	.tablet-suffix-80 {
		margin-right: 80%
	}

	.tablet-push-80 {
		left: 80%;
		*left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-80 {
		left: -80%;
		*left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-85 {
		float: left;
		width: 85%;
		*width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-85 {
		margin-left: 85%
	}

	.tablet-suffix-85 {
		margin-right: 85%
	}

	.tablet-push-85 {
		left: 85%;
		*left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-85 {
		left: -85%;
		*left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-90 {
		float: left;
		width: 90%;
		*width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-90 {
		margin-left: 90%
	}

	.tablet-suffix-90 {
		margin-right: 90%
	}

	.tablet-push-90 {
		left: 90%;
		*left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-90 {
		left: -90%;
		*left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-95 {
		float: left;
		width: 95%;
		*width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-95 {
		margin-left: 95%
	}

	.tablet-suffix-95 {
		margin-right: 95%
	}

	.tablet-push-95 {
		left: 95%;
		*left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-95 {
		left: -95%;
		*left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-33 {
		float: left;
		width: 33.3333333333%;
		*width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-33 {
		margin-left: 33.3333333333%
	}

	.tablet-suffix-33 {
		margin-right: 33.3333333333%
	}

	.tablet-push-33 {
		left: 33.3333333333%;
		*left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-33 {
		left: -33.3333333333%;
		*left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-66 {
		float: left;
		width: 66.6666666667%;
		*width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-prefix-66 {
		margin-left: 66.6666666667%
	}

	.tablet-suffix-66 {
		margin-right: 66.6666666667%
	}

	.tablet-push-66 {
		left: 66.6666666667%;
		*left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-pull-66 {
		left: -66.6666666667%;
		*left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.tablet-grid-100 {
		clear: both;
		width: 100%
	}
}

.index-jiashao {
	display: flex;
	background: #fff;
	margin: 0px  auto 30px;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
	box-sizing: border-box;
}

.index-jieshaotu {
	width: 50%;
}

.index-xiaozi {
	display: block;
	width: 50%;
	border-radius: 20px;
	padding: 5%;
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	font-size: 1rem;
	line-height: 25px;
}

@media (min-width:1025px) {
	.push-5,.pull-5,.push-10,.pull-10,.push-15,.pull-15,.push-20,.pull-20,.push-25,.pull-25,.push-30,.pull-30,.push-35,.pull-35,.push-40,.pull-40,.push-45,.pull-45,.push-50,.pull-50,.push-55,.pull-55,.push-60,.pull-60,.push-65,.pull-65,.push-70,.pull-70,.push-75,.pull-75,.push-80,.pull-80,.push-85,.pull-85,.push-90,.pull-90,.push-95,.pull-95,.push-33,.pull-33,.push-66,.pull-66 {
		position: relative
	}

	.hide-on-desktop {
		display: none !important
	}

	.grid-5 {
		float: left;
		width: 5%;
		*width: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-5 {
		margin-left: 5%
	}

	.suffix-5 {
		margin-right: 5%
	}

	.push-5 {
		left: 5%;
		*left: expression(Math.floor(.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-5 {
		left: -5%;
		*left: expression(Math.floor(-.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-10 {
		float: left;
		width: 10%;
		*width: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-10 {
		margin-left: 10%
	}

	.suffix-10 {
		margin-right: 10%
	}

	.push-10 {
		left: 10%;
		*left: expression(Math.floor(.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-10 {
		left: -10%;
		*left: expression(Math.floor(-.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-15 {
		float: left;
		width: 15%;
		*width: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-15 {
		margin-left: 15%
	}

	.suffix-15 {
		margin-right: 15%
	}

	.push-15 {
		left: 15%;
		*left: expression(Math.floor(.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-15 {
		left: -15%;
		*left: expression(Math.floor(-.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-20 {
		float: left;
		width: 20%;
		*width: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-20 {
		margin-left: 20%
	}

	.suffix-20 {
		margin-right: 20%
	}

	.push-20 {
		left: 20%;
		*left: expression(Math.floor(.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-20 {
		left: -20%;
		*left: expression(Math.floor(-.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-25 {
		float: left;
		width: 25%;
		*width: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-25 {
		margin-left: 25%
	}

	.suffix-25 {
		margin-right: 25%
	}

	.push-25 {
		left: 25%;
		*left: expression(Math.floor(.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-25 {
		left: -25%;
		*left: expression(Math.floor(-.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-30 {
		float: left;
		width: 30%;
		*width: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-30 {
		margin-left: 30%
	}

	.suffix-30 {
		margin-right: 30%
	}

	.push-30 {
		left: 30%;
		*left: expression(Math.floor(.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-30 {
		left: -30%;
		*left: expression(Math.floor(-.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-35 {
		float: left;
		width: 35%;
		*width: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-35 {
		margin-left: 35%
	}

	.suffix-35 {
		margin-right: 35%
	}

	.push-35 {
		left: 35%;
		*left: expression(Math.floor(.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-35 {
		left: -35%;
		*left: expression(Math.floor(-.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-40 {
		float: left;
		width: 40%;
		*width: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-40 {
		margin-left: 40%
	}

	.suffix-40 {
		margin-right: 40%
	}

	.push-40 {
		left: 40%;
		*left: expression(Math.floor(.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-40 {
		left: -40%;
		*left: expression(Math.floor(-.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-45 {
		float: left;
		width: 45%;
		*width: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-45 {
		margin-left: 45%
	}

	.suffix-45 {
		margin-right: 45%
	}

	.push-45 {
		left: 45%;
		*left: expression(Math.floor(.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-45 {
		left: -45%;
		*left: expression(Math.floor(-.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-50 {
		float: left;
		width: 50%;
		*width: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-50 {
		margin-left: 50%
	}

	.suffix-50 {
		margin-right: 50%
	}

	.push-50 {
		left: 50%;
		*left: expression(Math.floor(.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-50 {
		left: -50%;
		*left: expression(Math.floor(-.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-55 {
		float: left;
		width: 55%;
		*width: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-55 {
		margin-left: 55%
	}

	.suffix-55 {
		margin-right: 55%
	}

	.push-55 {
		left: 55%;
		*left: expression(Math.floor(.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-55 {
		left: -55%;
		*left: expression(Math.floor(-.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-60 {
		float: left;
		width: 60%;
		*width: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-60 {
		margin-left: 60%
	}

	.suffix-60 {
		margin-right: 60%
	}

	.push-60 {
		left: 60%;
		*left: expression(Math.floor(.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-60 {
		left: -60%;
		*left: expression(Math.floor(-.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-65 {
		float: left;
		width: 65%;
		*width: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-65 {
		margin-left: 65%
	}

	.suffix-65 {
		margin-right: 65%
	}

	.push-65 {
		left: 65%;
		*left: expression(Math.floor(.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-65 {
		left: -65%;
		*left: expression(Math.floor(-.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-70 {
		float: left;
		width: 70%;
		*width: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-70 {
		margin-left: 70%
	}

	.suffix-70 {
		margin-right: 70%
	}

	.push-70 {
		left: 70%;
		*left: expression(Math.floor(.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-70 {
		left: -70%;
		*left: expression(Math.floor(-.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-75 {
		float: left;
		width: 75%;
		*width: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-75 {
		margin-left: 75%
	}

	.suffix-75 {
		margin-right: 75%
	}

	.push-75 {
		left: 75%;
		*left: expression(Math.floor(.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-75 {
		left: -75%;
		*left: expression(Math.floor(-.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-80 {
		float: left;
		width: 80%;
		*width: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-80 {
		margin-left: 80%
	}

	.suffix-80 {
		margin-right: 80%
	}

	.push-80 {
		left: 80%;
		*left: expression(Math.floor(.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-80 {
		left: -80%;
		*left: expression(Math.floor(-.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-85 {
		float: left;
		width: 85%;
		*width: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-85 {
		margin-left: 85%
	}

	.suffix-85 {
		margin-right: 85%
	}

	.push-85 {
		left: 85%;
		*left: expression(Math.floor(.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-85 {
		left: -85%;
		*left: expression(Math.floor(-.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-90 {
		float: left;
		width: 90%;
		*width: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-90 {
		margin-left: 90%
	}

	.suffix-90 {
		margin-right: 90%
	}

	.push-90 {
		left: 90%;
		*left: expression(Math.floor(.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-90 {
		left: -90%;
		*left: expression(Math.floor(-.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-95 {
		float: left;
		width: 95%;
		*width: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-95 {
		margin-left: 95%
	}

	.suffix-95 {
		margin-right: 95%
	}

	.push-95 {
		left: 95%;
		*left: expression(Math.floor(.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-95 {
		left: -95%;
		*left: expression(Math.floor(-.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-33 {
		float: left;
		width: 33.3333333333%;
		*width: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-33 {
		margin-left: 33.3333333333%
	}

	.suffix-33 {
		margin-right: 33.3333333333%
	}

	.push-33 {
		left: 33.3333333333%;
		*left: expression(Math.floor(.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-33 {
		left: -33.3333333333%;
		*left: expression(Math.floor(-.3333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-66 {
		float: left;
		width: 66.6666666667%;
		*width: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.prefix-66 {
		margin-left: 66.6666666667%
	}

	.suffix-66 {
		margin-right: 66.6666666667%
	}

	.push-66 {
		left: 66.6666666667%;
		*left: expression(Math.floor(.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.pull-66 {
		left: -66.6666666667%;
		*left: expression(Math.floor(-.6666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px')
	}

	.grid-100 {
		clear: both;
		width: 100%
	}
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block
}

.slick-track:before,.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff url("../images/ajax-loader.gif") center center no-repeat
}

@font-face {
	font-family:"slick";src:url("/assets/global/lib/slick/slick-1.5.7/sli../images/slick.eot");src:url("../images/slick.eot") format("embedded-opentype"),url("../images/slick.woff") format("woff"),url("../images/slick.ttf") format("truetype"),url("../images/slick.svg#slick") format("svg");font-weight:normal;font-style:normal
}

.slick-prev,.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
	opacity: .25
}

.slick-prev:before,.slick-next:before {
	font-family: "slick";
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: -25px
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}

.slick-prev:before {
	content: "←"
}
[dir="rtl"] .slick-prev:before {
	content: "→"
}

.slick-next {
	right: -25px
}
[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}

.slick-next:before {
	content: "→"
}
[dir="rtl"] .slick-next:before {
	content: "←"
}

.slick-slider {
	margin-bottom: 30px
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}

.clear {
	display: inherit;
	height: auto;
	overflow: visible;
	visibility: visible;
	width: auto
}

textarea:focus,input:focus,*:focus {
	outline: 0
}

body {
	margin: 0;
	padding: 0;
	position: static;
	height: auto;
	background-color: #fff;
	font: 12.8px / 1.5 Montserrat,Verdana,Arial,sans-serif
}

@media only screen and (max-width:1024px) {
	body {
		padding-top: 60px
	}
}

@media only screen and (max-width:1024px) {
	body.popup {
		padding-top: 0
	}
}

@media only screen and (min-width:1215px) {
	body {
		font: 16px / 1.5 Montserrat,Verdana,Arial,sans-serif
	}
}

body:after {
	content: "unknown";
	opacity: 0;
	pointer-events: none;
	display: block;
	position: fixed
}

@media only screen and (max-width:320px) {
	body:after {
		content: 'tiny'
	}
}

@media only screen and (max-width:767px) {
	body:after {
		content: 'mobile'
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	body:after {
		content: 'tablet'
	}
}

@media only screen and (min-width:1025px) {
	body:after {
		content: 'desktop'
	}
}

@media only screen and (min-width:1215px) {
	body:after {
		content: 'widescreen'
	}
}

@media only screen and (min-width:1350px) {
	body:after {
		content: 'widescreen-nav'
	}
}

@media only screen and (min-width:1415px) {
	body:after {
		content: 'ultrawide'
	}
}

@media only screen and (min-width:1215px) {
	.grid-container {
		max-width: 80%;
	}
}

@media only screen and (min-width:768px) {
	.grid-5,.mobile-grid-5,.tablet-grid-5,.grid-10,.mobile-grid-10,.tablet-grid-10,.grid-15,.mobile-grid-15,.tablet-grid-15,.grid-20,.mobile-grid-20,.tablet-grid-20,.grid-25,.mobile-grid-25,.tablet-grid-25,.grid-30,.mobile-grid-30,.tablet-grid-30,.grid-35,.mobile-grid-35,.tablet-grid-35,.grid-40,.mobile-grid-40,.tablet-grid-40,.grid-45,.mobile-grid-45,.tablet-grid-45,.grid-50,.mobile-grid-50,.tablet-grid-50,.grid-55,.mobile-grid-55,.tablet-grid-55,.grid-60,.mobile-grid-60,.tablet-grid-60,.grid-65,.mobile-grid-65,.tablet-grid-65,.grid-70,.mobile-grid-70,.tablet-grid-70,.grid-75,.mobile-grid-75,.tablet-grid-75,.grid-80,.mobile-grid-80,.tablet-grid-80,.grid-85,.mobile-grid-85,.tablet-grid-85,.grid-90,.mobile-grid-90,.tablet-grid-90,.grid-95,.mobile-grid-95,.tablet-grid-95,.grid-100,.mobile-grid-100,.tablet-grid-100,.grid-33,.mobile-grid-33,.tablet-grid-33,.grid-66,.mobile-grid-66,.tablet-grid-66 {
		min-height: 1px
	}
}

@media only screen and (max-width:767px) {
	.col.tablet-grid-5:not(:last-child),.col.tablet-grid-10:not(:last-child),.col.tablet-grid-15:not(:last-child),.col.tablet-grid-20:not(:last-child),.col.tablet-grid-25:not(:last-child),.col.tablet-grid-30:not(:last-child),.col.tablet-grid-33:not(:last-child),.col.tablet-grid-35:not(:last-child),.col.tablet-grid-40:not(:last-child),.col.tablet-grid-45:not(:last-child),.col.tablet-grid-50:not(:last-child),.col.tablet-grid-50:not(:last-child),.col.tablet-grid-55:not(:last-child),.col.tablet-grid-60:not(:last-child),.col.tablet-grid-65:not(:last-child),.col.tablet-grid-66:not(:last-child),.col.tablet-grid-70:not(:last-child),.col.tablet-grid-75:not(:last-child),.col.tablet-grid-80:not(:last-child),.col.tablet.col.grid-85:not(:last-child),.col.tablet-grid-90:not(:last-child),.col.tablet-grid-95:not(:last-child),.col.tablet-grid-100:not(:last-child) {
		margin-bottom: 15px
	}
}

.area {
	margin: 0;
	padding: 0;
	display: block;
	position: relative
}

@media only screen and (min-width:768px) {
	.area {
		z-index: 100
	}
}

iframe[name='google_conversion_frame'] {
	height: 0 !important;
	width: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
	margin-top: -13px;
	float: left
}

.grid-16-66 {
	float: left;
	width: 16.66%;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.grid-16-66 {
		width: 33.3333333333%
	}
}

@media only screen and (max-width:767px) {
	.grid-16-66 {
		width: 50%
	}
}

.grid-16-66:before {
	content: ".";
	display: block;
	overflow: hidden;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0
}

.grid-16-66:after {
	clear: both
}

:target {
	padding-top: 45px;
	margin-top: -45px
}

header {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2000
}

@media only screen and (min-width:1025px) {
	header {
		font-size: 11.2px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header {
		font-size: 14px
	}
}

@media only screen and (min-width:1025px) {
	header .color-line {
		height: 7px;
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		background-color: #dd3018;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2010
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .color-line {
		height: 8.75px
	}
}

@media only screen and (max-width:1024px) {
	header.mobile-nav-open {
		bottom: 0
	}
}

header.nav-sub-open {
	background-color: #fff;
	bottom: 0
}

header.noscript {
	position: absolute
}

header .corner {
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	z-index: 2020
}

@media only screen and (max-width:1024px) {
	header .corner div {
		-webkit-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		height: 60px;
		background-color: #fff;
		position: absolute;
		top: 0;
		width: 100%
	}

	header .corner.left {
		height: 93px;
		width: 100%
	}

	header .corner.right {
		display: none
	}
}

@media only screen and (min-width:1025px) {
	header .corner {
		height: 86.8px;
		width: 368px;
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner {
		height: 108.5px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner {
		width: 460px
	}
}

@media only screen and (min-width:1025px) {
	header .corner div {
		height: 56px;
		width: 288px;
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		background-color: #fff;
		position: absolute;
		top: 0
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner div {
		height: 70px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner div {
		width: 360px
	}
}

@media only screen and (min-width:1025px) {
	header .corner.left {
		left: 0
	}

	header .corner.left div {
		left: -80px;
		-webkit-box-shadow: 2px 2px 23px 0 rgba(255,255,255,0.1);
		-moz-box-shadow: 2px 2px 23px 0 rgba(255,255,255,0.1);
		box-shadow: 2px 2px 23px 0 rgba(255,255,255,0.1);
		transform: skew(-60deg)
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner.left div {
		left: -100px
	}
}

@media only screen and (min-width:1025px) {
	header .corner.right {
		right: 0
	}

	header .corner.right div {
		right: -81px;
		-webkit-box-shadow: -2px 2px 23px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: -2px 2px 23px 0 rgba(0,0,0,0.1);
		box-shadow: -2px 2px 23px 0 rgba(0,0,0,0.1);
		transform: skew(60deg)
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .corner.right div {
		right: -101.25px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .corner {
		width: 262.752px;
		height: 39.984px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner {
		width: 328.44px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .corner div {
		width: 205.632px;
		height: 39.984px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner div {
		width: 257.04px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner div {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .corner.left div {
		left: -57.12px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner.left div {
		left: -71.4px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .corner.right div {
		right: -57.834px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .corner.right div {
		right: -72.2925px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header.nav-open .corner {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header.nav-open .corner {
		height: 62.475px
	}
}

header .logo {
	height: 56px;
	width: 184px;
	background-size: 144px;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	background-image: url("../images/logo-1x.png");
	background-repeat: no-repeat;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2030
}

@media only screen and (min-width:1215px) {
	header .logo {
		height: 70px
	}
}

@media only screen and (min-width:1215px) {
	header .logo {
		width: 230px
	}
}

@media only screen and (min-width:1215px) {
	header .logo {
		background-size: 180px
	}
}

@media only screen and (max-width:1024px) {
	header .logo {
		height: 60px;
		width: 75%;
		background-size: auto 45px;
		background-position: 15px center
	}
}

@media only screen and (min-width:1025px) {
	header .logo {
		background-position: center center
	}
}

header .logo span {
	display: none
}

@media only screen and (max-width:1024px) {
	header.mobile-nav-open .logo {
		display: none
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .logo {
		width: 131.376px;
		height: 39.984px;
		background-size: 102.816px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .logo {
		width: 164.22px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .logo {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .logo {
		background-size: 128.52px
	}
}

@media only screen and (min-width:1025px) {
	header .menu-button {
		display: none
	}
}

@media only screen and (max-width:1024px) {
	header .menu-button {
		display: block;
		height: 60px;
		position: absolute;
		right: 0;
		top: 0;
		width: 45px;
		z-index: 2020
	}

	header .menu-button span {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		background-color: #000;
		display: block;
		height: 1px;
		left: 15px;
		width: 15px;
		position: absolute
	}

	header .menu-button span:first-child {
		top: 27.5px
	}

	header .menu-button span:last-child {
		top: 32.5px
	}

	header .menu-button.mobile-nav-open .menu-button span:first-child {
		transform: rotate(45deg);
		top: 30px
	}

	header .menu-button.mobile-nav-open .menu-button span:last-child {
		top: 30px;
		transform: rotate(-45deg)
	}
}

@media only screen and (max-width:1024px) {
	header nav {
		background-color: #fff;
		bottom: 0;
		display: none;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2005;
		overflow-y: scroll;
		margin-top: 60px
	}

	header nav .main li a,header nav .main li span {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		display: block;
		font-size: 12.8px;
		line-height: 2;
		padding: 7.5px;
		min-height: 25px;
		text-transform: uppercase;
		text-decoration: none;
		color: #000;
		font-weight: bold
	}

	header nav .main li .sub {
		display: none
	}

	header nav .main li .sub .grid-container,header nav .main li .sub .col {
		padding-left: 0;
		padding-right: 0
	}

	header nav .main li>a {
		border-bottom: 1px solid #ccc
	}

	header nav .main li.has-sub>a {
		background-image: url(../images/toggle-arrow-down.svg);
		background-size: false;
		background-size: 9px;
		-moz-transition: all 0;
		-webkit-transition: all 0;
		transition: all 0;
		background-repeat: no-repeat;
		background-position: right 15px center
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main li.has-sub>a {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
	header nav .main li.has-sub>a {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min-resolution:288dpi),only screen and (max-width:1024px) and (min-resolution:2dppx) {
	header nav .main li.has-sub>a {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main li.has-sub>a {
		background-size: 11.25px
	}
}

@media only screen and (max-width:1024px) {
	header nav .main li.has-sub.active>a {
		background-image: url(../images/toggle-arrow-up.svg);
		background-size: false
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main li.has-sub.active>a {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
	header nav .main li.has-sub.active>a {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min-resolution:288dpi),only screen and (max-width:1024px) and (min-resolution:2dppx) {
	header nav .main li.has-sub.active>a {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (max-width:1024px) {
	header nav .main li.has-sub.active .sub {
		display: block
	}

	header nav .addendum .close-container {
		display: none
	}

	header nav .addendum .sub {
		display: none
	}

	header nav .addendum .end .header-brands {
		text-align: center;
		max-width: 250px
	}

	header nav .addendum .end .header-brands .header-brands-intro {
		display: block;
		margin: 15px auto
	}

	header nav .addendum .end .header-brands .company-logo.verder-scientific {
		display: block;
		margin: 0 auto
	}

	header.mobile-nav-open nav {
		display: block
	}
}

@media only screen and (min-width:1025px) {
	header nav {
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 2005
	}

	header nav .main {
		height: 88px;
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main {
		height: 110px
	}
}

@media only screen and (min-width:1025px) {
	header nav .main li {
		display: inline-block;
		position: relative;
		z-index: 1
	}

	header nav .main li a {
		line-height: 56px;
		font-size: 11.2px;
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: #000;
		display: block;
		padding: 0 7.5px;
		position: relative;
		text-decoration: none;
		text-transform: uppercase;
		z-index: 2
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a {
		line-height: 70px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a {
		font-size: 14px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a {
		padding: 0 5px
	}
}

@media only screen and (min-width:1025px) and (min-width:1350px) {
	header nav .main li a {
		padding: 0 15px
	}
}

@media only screen and (min-width:1025px) {
	header nav .main li a::before {
		border-top-width: 5px;
		top: 7px;
		border-right-width: 10px;
		border-left-width: 10px;
		border-left-color: transparent;
		border-left-style: solid;
		border-right-color: transparent;
		border-right-style: solid;
		border-top-color: #dd3018;
		border-top-style: solid;
		content: '';
		height: 0;
		left: 40%;
		opacity: 0;
		position: absolute;
		visibility: hidden;
		width: 0;
		z-index: 2
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a::before {
		border-top-width: 6.25px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a::before {
		top: 8.75px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a::before {
		border-right-width: 12.5px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a::before {
		border-left-width: 12.5px
	}
}

@media only screen and (min-width:1025px) {
	header nav .main li a .glyphicons {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		line-height: 48.5px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .main li a .glyphicons {
		line-height: 60.625px
	}
}

@media only screen and (min-width:1025px) {
	header nav .main li.current a::before {
		opacity: 1;
		visibility: visible
	}

	header nav .main li .sub {
		display: none
	}

	header nav .addendum {
		border-top-width: 56px;
		border-top-color: #fff;
		border-top-style: solid;
		bottom: 0;
		left: 0;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 0;
		visibility: hidden
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header nav .addendum {
		border-top-width: 70px
	}
}

@media only screen and (min-width:1025px) {
	header nav .addendum .row {
		padding-bottom: 15px
	}

	header nav .addendum .close-container {
		position: relative
	}

	header nav .addendum .close-container .close {
		position: absolute;
		right: 0;
		top: 0;
		float: none;
		margin-top: 25px;
		z-index: 1000
	}

	header nav .addendum .sub {
		background-color: #fff;
		display: none;
		padding-bottom: 0;
		padding-top: 25px
	}

	header nav .addendum .sub.sub-open {
		display: block
	}

	header nav .addendum .end {
		background-color: #fff;
		padding-top: 15px;
		padding-bottom: 15px
	}

	header nav .addendum .end .grid-container {
		border-top: 1px solid #ccc;
		padding-top: 15px
	}

	header nav .addendum .end .header-brands {
		text-align: center
	}

	header nav .addendum .end .header-brands>* {
		vertical-align: middle
	}

	header nav .addendum .end .header-brands .header-brands-intro {
		display: inline-block;
		margin-right: 30px
	}

	header nav .addendum .end .header-brands .company-logo.verder-scientific {
		margin-left: 30px
	}

	header.nav-sub-narrow nav .addendum {
		overflow: auto
	}

	header.nav-active nav .main li a {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: #878787
	}

	header.nav-active nav .main li.active a {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: #000
	}

	header.nav-sub-open nav .main li.current a::before {
		opacity: 0;
		visibility: hidden
	}

	header.nav-sub-open nav .main li.sub-open a::before {
		opacity: 1;
		visibility: visible
	}

	header.nav-sub-open nav .addendum {
		opacity: 1;
		visibility: visible
	}

	body.scrolledDown header nav .main {
		height: 39.984px;
		-webkit-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		-moz-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
		background-color: #fff
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header nav .main {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header nav .main li a {
		line-height: 46.984px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header nav .main li a {
		line-height: 58.73px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header nav .main li a .glyphicons {
		line-height: 39.484px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header nav .main li a .glyphicons {
		line-height: 49.355px
	}
}

@media only screen and (min-width:1025px) {
	body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open) nav .main li a {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: #fff
	}

	body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open).nav-active nav .main li a {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: rgba(255,255,255,0.75)
	}

	body.dark-hero:not(.scrolledDown) header:not(.nav-sub-open).nav-active nav .main li.active a {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		color: #fff
	}
}

header .widgets {
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	position: absolute;
	text-align: right;
	top: 0;
	z-index: 2020
}

@media only screen and (min-width:1025px) {
	header .widgets {
		height: 56px;
		padding-right: 15px;
		right: 0
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .widgets {
		height: 70px
	}
}

@media only screen and (max-width:1024px) {
	header .widgets {
		display: none;
		height: 60px;
		left: 0;
		padding-right: 0
	}
}

header .widgets .widget {
	width: 16px;
	font-size: 11.2px;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	color: #000;
	display: block;
	float: left;
	text-decoration: none
}

@media only screen and (min-width:1215px) {
	header .widgets .widget {
		width: 50px
	}
}

@media only screen and (min-width:1215px) {
	header .widgets .widget {
		font-size: 14px
	}
}

@media only screen and (min-width:1025px) {
	header .widgets .widget {
		height: 56px;
		line-height: 56px;
		padding: 0 15px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .widgets .widget {
		height: 70px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .widgets .widget {
		line-height: 70px
	}
}

@media only screen and (max-width:1024px) {
	header .widgets .widget {
		height: 60px;
		line-height: 60px;
		padding: 0 7.5px
	}
}

header .widgets .widget:last-child {
	margin-right: 15px
}

header .widgets .widget.glyphicons,header .widgets .widget .glyphicons {
	font-size: 17.92px
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.glyphicons,header .widgets .widget .glyphicons {
		font-size: 22.4px
	}
}

header .widgets .widget.glyphicons::before,header .widgets .widget .glyphicons::before {
	padding-bottom: 0;
	padding-top: 0
}

header .widgets .widget>span {
	display: none
}

header .widgets .widget a {
	color: #000;
	text-decoration: none
}

header .widgets .widget.search {
	background-image: url("../images/search.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 16px
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.search {
		background-size: 20px
	}
}

header .widgets .widget.with-menu {
	-moz-transition: all 0;
	-webkit-transition: all 0;
	transition: all 0;
	padding-right: 15px;
	position: relative;
	width: auto
}

header .widgets .widget.with-menu::before {
	background-image: url(../images/toggle-arrow-down.svg);
	background-size: false;
	background-size: 9px;
	-moz-transition: all 0;
	-webkit-transition: all 0;
	transition: all 0;
	filter: invert(100%);
	background-position: right center;
	background-repeat: no-repeat;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.with-menu::before {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (min-device-pixel-ratio:1.5) {
	header .widgets .widget.with-menu::before {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:288dpi),only screen and (min-resolution:2dppx) {
	header .widgets .widget.with-menu::before {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.with-menu::before {
		background-size: 11.25px
	}
}

header .widgets .widget.with-menu>span {
	cursor: pointer;
	display: block
}

header .widgets .widget.with-menu a {
	display: block
}

header .widgets .widget.with-menu ul {
	-webkit-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	width: 158px;
	-moz-transition: top .25s,width .25s;
	-webkit-transition: top .25s,width .25s;
	transition: top .25s,width .25s;
	background-color: #fff;
	list-style: none;
	opacity: 0;
	padding: 15px 0;
	position: absolute;
	right: 0;
	visibility: hidden
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.with-menu ul {
		width: 197.5px
	}
}

@media only screen and (min-width:1025px) {
	header .widgets .widget.with-menu ul {
		top: 57px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	header .widgets .widget.with-menu ul {
		top: 71.25px
	}
}

@media only screen and (min-width:1025px) and (max-height:699px) {
	header .widgets .widget.with-menu ul {
		width: 316px;
		-moz-column-count: 2;
		-moz-column-gap: 1px;
		-webkit-column-count: 2;
		-webkit-column-gap: 1px;
		column-count: 2;
		column-gap: 1px
	}
}

@media only screen and (min-width:1025px) and (max-height:699px) and (min-width:1215px) {
	header .widgets .widget.with-menu ul {
		width: 395px
	}
}

@media only screen and (min-width:1025px) and (max-height:699px) {
	header .widgets .widget.with-menu ul li {
		-moz-break-inside: avoid;
		-webkit-break-inside: avoid;
		break-inside: avoid
	}
}

@media only screen and (max-width:1024px) {
	header .widgets .widget.with-menu ul {
		top: 61px;
		width: 250px;
		left: 0;
		right: auto;
		-moz-column-count: 2;
		-moz-column-gap: 1px;
		-webkit-column-count: 2;
		-webkit-column-gap: 1px;
		column-count: 2;
		column-gap: 1px
	}

	header .widgets .widget.with-menu ul li {
		-moz-break-inside: avoid;
		-webkit-break-inside: avoid;
		break-inside: avoid
	}
}

header .widgets .widget.with-menu ul li a {
	color: #878787;
	line-height: 1;
	padding: 7.5px 30px
}

header .widgets .widget.with-menu ul li a.current,header .widgets .widget.with-menu ul li a:hover {
	color: #000
}

header .widgets .widget.with-menu.open::before {
	background-image: url(../images/toggle-arrow-up.svg);
	background-size: false
}

@media only screen and (min-width:1215px) {
	header .widgets .widget.with-menu.open::before {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (min-device-pixel-ratio:1.5) {
	header .widgets .widget.with-menu.open::before {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:288dpi),only screen and (min-resolution:2dppx) {
	header .widgets .widget.with-menu.open::before {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

header .widgets .widget.with-menu.open ul {
	opacity: 1;
	visibility: visible
}

@media only screen and (max-width:1024px) {
	header.mobile-nav-open .widgets {
		display: block
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .widgets {
		height: 39.984px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .widgets .widget {
		width: 11.424px;
		height: 39.984px;
		line-height: 39.984px;
		background-size: 11.424px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget {
		width: 14.28px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget {
		height: 49.98px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget {
		line-height: 49.98px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget {
		background-size: 14.28px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .widgets .widget.with-menu {
		background-size: 6.426px;
		width: auto
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget.with-menu {
		background-size: 8.0325px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .widgets .widget.with-menu ul {
		top: 40.984px;
		width: 112.812px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget.with-menu ul {
		top: 51.23px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget.with-menu ul {
		width: 141.015px
	}
}

@media only screen and (min-width:1025px) and (max-height:699px) {
	body.scrolledDown header .widgets .widget.with-menu ul {
		width: 225.624px
	}
}

@media only screen and (min-width:1025px) and (max-height:699px) and (min-width:1215px) {
	body.scrolledDown header .widgets .widget.with-menu ul {
		width: 282.03px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown header .widgets .widget.with-menu ul li a {
		padding: 3.75px 30px
	}
}

header.noscript .widgets .widget.with-menu {
	display: none
}

@media only screen and (min-width:1025px) {
	.area.size-regular .grid-container {
		max-width: 80%
	}
}

@media only screen and (min-width:1215px) {
	.area.size-regular .grid-container {
		max-width: 80%;
	}
}

@media only screen and (min-width:1415px) {
	.area.size-ultrawide .grid-container {
		max-width: 80%
	}
}

.area.content {
	background-color: #fff;
	z-index: 100;
	padding-bottom: 50px
}

@media only screen and (min-width:768px) {
	.area.content::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#fff 0%,#fff 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#fff 0%,#fff 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content::before {
		background: linear-gradient(30deg,#fff 0%,#fff 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#fff 0%,#fff 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #fff;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content::after {
		left: 36.5px;
		right: 36.5px
	}
}

@media only screen and (min-width:768px) {
	.area.content {
		padding-top: 35px
	}
}

@media only screen and (max-width:767px) {
	.area.content {
		padding-top: 20px
	}

	.area.content>.grid-container {
		padding-left: 0;
		padding-right: 0
	}
}

.area.content.nopadding {
	padding-top: 0;
	padding-bottom: 0
}

.area.content.spacy {
	padding-top: 65px;
	padding-bottom: 65px
}

.area.content.bg-light {
	background-color: #ededed;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-light::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#ededed 0%,#ededed 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#ededed 0%,#ededed 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-light::before {
		background: linear-gradient(30deg,#ededed 0%,#ededed 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#ededed 0%,#ededed 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-light::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #ededed;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-light::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-light:not(.with-background)+.area.content.bg-light:not(.with-background) {
	padding-top: 0
}

.area.content.bg-dark {
	background-color: #807f7f;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-dark::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#807f7f 0%,#807f7f 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#807f7f 0%,#807f7f 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-dark::before {
		background: linear-gradient(30deg,#807f7f 0%,#807f7f 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#807f7f 0%,#807f7f 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-dark::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #807f7f;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-dark::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-dark:not(.with-background)+.area.content.bg-dark:not(.with-background) {
	padding-top: 0
}

.area.content.bg-accent {
	background-color: #dd3018;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-accent::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#dd3018 0%,#dd3018 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#dd3018 0%,#dd3018 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-accent::before {
		background: linear-gradient(30deg,#dd3018 0%,#dd3018 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#dd3018 0%,#dd3018 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-accent::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #dd3018;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-accent::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-accent:not(.with-background)+.area.content.bg-accent:not(.with-background) {
	padding-top: 0
}

.area.content.bg-atm {
	background-color: #822a3a;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-atm::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#822a3a 0%,#822a3a 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#822a3a 0%,#822a3a 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-atm::before {
		background: linear-gradient(30deg,#822a3a 0%,#822a3a 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#822a3a 0%,#822a3a 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-atm::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #822a3a;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-atm::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-atm:not(.with-background)+.area.content.bg-atm:not(.with-background) {
	padding-top: 0
}

.area.content.bg-carbolite {
	background-color: #e30613;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-carbolite::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#e30613 0%,#e30613 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#e30613 0%,#e30613 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-carbolite::before {
		background: linear-gradient(30deg,#e30613 0%,#e30613 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#e30613 0%,#e30613 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-carbolite::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #e30613;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-carbolite::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-carbolite:not(.with-background)+.area.content.bg-carbolite:not(.with-background) {
	padding-top: 0
}

.area.content.bg-eltra {
	background-color: #f39200;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-eltra::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#f39200 0%,#f39200 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#f39200 0%,#f39200 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-eltra::before {
		background: linear-gradient(30deg,#f39200 0%,#f39200 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#f39200 0%,#f39200 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-eltra::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #f39200;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-eltra::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-eltra:not(.with-background)+.area.content.bg-eltra:not(.with-background) {
	padding-top: 0
}

.area.content.bg-microtrac {
	background-color: #00b4cd;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-microtrac::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#00b4cd 0%,#00b4cd 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#00b4cd 0%,#00b4cd 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-microtrac::before {
		background: linear-gradient(30deg,#00b4cd 0%,#00b4cd 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#00b4cd 0%,#00b4cd 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-microtrac::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #00b4cd;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-microtrac::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-microtrac:not(.with-background)+.area.content.bg-microtrac:not(.with-background) {
	padding-top: 0
}

.area.content.bg-qness {
	background-color: #e25303;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-qness::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#e25303 0%,#e25303 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#e25303 0%,#e25303 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-qness::before {
		background: linear-gradient(30deg,#e25303 0%,#e25303 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#e25303 0%,#e25303 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-qness::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #e25303;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-qness::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-qness:not(.with-background)+.area.content.bg-qness:not(.with-background) {
	padding-top: 0
}

.area.content.bg-retsch {
	background-color: #dd3018;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-retsch::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#dd3018 0%,#dd3018 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#dd3018 0%,#dd3018 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-retsch::before {
		background: linear-gradient(30deg,#dd3018 0%,#dd3018 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#dd3018 0%,#dd3018 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-retsch::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #dd3018;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-retsch::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-retsch:not(.with-background)+.area.content.bg-retsch:not(.with-background) {
	padding-top: 0
}

.area.content.bg-retsch-technology {
	background-color: #40c0f0;
	z-index: 100
}

@media only screen and (min-width:768px) {
	.area.content.bg-retsch-technology::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#40c0f0 0%,#40c0f0 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#40c0f0 0%,#40c0f0 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-retsch-technology::before {
		background: linear-gradient(30deg,#40c0f0 0%,#40c0f0 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#40c0f0 0%,#40c0f0 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.area.content.bg-retsch-technology::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #40c0f0;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.area.content.bg-retsch-technology::after {
		left: 36.5px;
		right: 36.5px
	}
}

.area.content.bg-retsch-technology:not(.with-background)+.area.content.bg-retsch-technology:not(.with-background) {
	padding-top: 0
}

.area.content.bg-none:not(.with-background)+.area.content.bg-none:not(.with-background) {
	padding-top: 0
}

.area.content.bg-atm {
	color: #fff
}

.area.content.bg-atm h1 {
	color: #fff
}

.area.content.bg-carbolite {
	color: #fff
}

.area.content.bg-carbolite h1 {
	color: #fff
}

.area.content.bg-eltra {
	color: #fff
}

.area.content.bg-eltra h1 {
	color: #fff
}

.area.content.bg-microtrac {
	color: #fff
}

.area.content.bg-microtrac h1 {
	color: #fff
}

.area.content.bg-qness {
	color: #fff
}

.area.content.bg-qness h1 {
	color: #fff
}

.area.content.bg-retsch {
	color: #fff
}

.area.content.bg-retsch h1 {
	color: #fff
}

.area.content.bg-retsch-technology {
	color: #fff
}

.area.content.bg-retsch-technology h1 {
	color: #fff
}

.area.content.with-background {
	z-index: 99;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center
}

.area.content.with-background.background-cover {
	background-size: cover
}

.area.content.with-background.background-contain {
	background-size: contain
}

.area.content.content-tabs-first-content {
	padding-top: 0
}

@media only screen and (min-width:768px) {
	.area.content.height-small {
		min-height: 200px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.height-small {
		min-height: 250px
	}
}

@media only screen and (min-width:768px) {
	.area.content.height-medium {
		min-height: 400px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.height-medium {
		min-height: 500px
	}
}

@media only screen and (min-width:768px) {
	.area.content.height-large {
		min-height: 600px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.height-large {
		min-height: 750px
	}
}

.area.content.breadcrumbs {
	padding-bottom: 30px;
	padding-top: 15px
}

.area.content.breadcrumbs::after {
	content: none
}

.area.content.breadcrumbs nav * {
	font-size: 8.5333333333px
}

@media only screen and (min-width:1215px) {
	.area.content.breadcrumbs nav * {
		font-size: 10.6666666667px
	}
}

.area.content.breadcrumbs nav ul {
	font-size: 0;
	margin-bottom: 0;
	padding-left: 0
}

.area.content.breadcrumbs nav ul li {
	font-size: 12.8px;
	display: inline-block;
	vertical-align: top
}

@media only screen and (min-width:1215px) {
	.area.content.breadcrumbs nav ul li {
		font-size: 16px
	}
}

.area.content.breadcrumbs nav ul li a,.area.content.breadcrumbs nav ul li span {
	display: block;
	line-height: 17.0666666666px;
	text-decoration: none;
	text-transform: uppercase;
	color: #878787
}

@media only screen and (min-width:1215px) {
	.area.content.breadcrumbs nav ul li a,.area.content.breadcrumbs nav ul li span {
		line-height: 21.3333333333px
	}
}

.area.content.breadcrumbs nav ul li a:before,.area.content.breadcrumbs nav ul li span:before {
	content: "\0000a0\0000a0>\0000a0\0000a0"
}

.area.content.breadcrumbs nav ul li:first-child a:before {
	content: ""
}

.area.content.breadcrumbs nav ul li.current a,.area.content.breadcrumbs nav ul li.current span {
	color: #dd3018
}

@media only screen and (min-width:1025px) {
	.area.content.breadcrumbs nav ul li a:hover {
		color: #dd3018
	}
}

.area.content.hero {
	background-color: #ededed;
	overflow-x: hidden;
	padding: 0;
	position: relative;
	z-index: 100
}

@media only screen and (min-width:1025px) {
	.area.content.hero {
		-moz-transition: all .25s;
		-webkit-transition: all .25s;
		transition: all .25s;
		margin-top: 7px;
		min-height: 100px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	.area.content.hero {
		margin-top: 8.75px
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	.area.content.hero {
		min-height: 125px
	}
}
 .container {
      max-width: 1000px;
      margin: 0 auto;
      padding: 40px 20px;
    }
    /* 联系信息样式 */
    .contact-us {
      max-width: 100%;
      margin: 0 0 40px 0;
      padding: 30px;
      border: 1px solid #f0f0f0;
      border-radius: 8px;
      background-color: #ffffff;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    }
    .contact-us h2 {
      color: #e53e3e;
      border-bottom: 2px solid #fef0f0;
      padding-bottom: 15px;
      margin-bottom: 20px;
      font-size: 24px;
      font-weight: 600;
    }
    .contact-info {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
    }
    .contact-info p {
      margin: 0;
      line-height: 1.8;
      color: #555555;
      flex: 1;
      min-width: 250px;
    }
    .contact-info strong {
      color: #333333;
      min-width: 120px;
      display: inline-block;
      font-weight: 600;
    }
    .contact-info .phone-highlight {
      color: #e53e3e;
      font-weight: 600;
    }
    /* 说明文本样式 */
    .intro-text {
      text-align: center;
      margin: 0 0 40px 0;
      padding: 0 20px;
    }
    .intro-text p {
      color: #666666;
      font-size: 16px;
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.8;
    }
    /* 表单样式 */
    .form-container {
      background-color: #ffffff;
      border: 1px solid #f0f0f0;
      border-radius: 8px;
      padding: 40px;
      box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
    }
    .form-header {
      color: #333333;
      font-size: 18px;
      margin: 0 0 20px 0;
      padding-bottom: 10px;
      border-bottom: 1px solid #f0f0f0;
      font-weight: 600;
    }
    .form-header.red {
      color: #e53e3e;
      border-bottom-color: #fef0f0;
    }
    .form-list {
      list-style: none;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 25px;
    }
    .required-section {
      grid-column: 1 / -1;
      margin-bottom: 15px;
      padding: 10px 15px;
      background-color: #fef8f8;
      border-left: 3px solid #e53e3e;
    }
    .required-section p {
      color: #e53e3e;
      font-size: 14px;
      font-weight: 500;
    }
    @media (max-width: 768px) {
      .form-list {
        grid-template-columns: 1fr;
      }
    }
    .form-item {
      margin-bottom: 0;
    }
    .form-item.full-width {
      grid-column: 1 / -1;
    }
    .form-item label {
      display: block;
      font-weight: bold;
      margin-bottom: 8px;
      color: #333333;
      font-size: 15px;
    }
    .form-item label .required {
      color: #e53e3e;
      margin-left: 3px;
    }
    .form-item input[type="text"],
    .form-item select,
    .form-item textarea {
      width: 90%;
      padding: 12px 15px;
      border: none;
      border-radius: 4px;
      font-size: 14px;
      color: #333333;
      background: #efefef;
      transition: border-color 0.3s ease;
    }
    .form-item input[type="text"]:focus,
    .form-item select:focus,
    .form-item textarea:focus {
      outline: none;
      border-color: #e53e3e;
      box-shadow: 0 0 0 2px rgba(229, 62, 62, 0.1);
    }
    .form-item textarea {
      min-height: 120px;
      resize: vertical;
    }
    .form-item textarea::placeholder {
      color: #999999;
    }
    .submit-btn {
      margin-top: 30px;
      text-align: center;
      grid-column: 1 / -1;
    }
    .submit-btn a {
      display: inline-block;
      padding: 14px 40px;
      background-color: #e53e3e;
      color: #ffffff;
      font-size: 16px;
      font-weight: 600;
      border-radius: 4px;
      text-decoration: none;
      transition: all 0.3s ease;
      border: none;
      cursor: pointer;
    }
    .submit-btn a:hover {
      background-color: #d32f2f;
      transform: translateY(-2px);
      box-shadow: 0 4px 12px rgba(229, 62, 62, 0.2);
    }
    .form-note {
      margin-top: 20px;
      text-align: center;
      font-size: 12px;
      color: #999999;
      grid-column: 1 / -1;
    }
    /* 响应式调整 */
    @media (max-width: 768px) {
      .container {
        padding: 20px 15px;
      }
      .contact-us {
        padding: 20px;
      }
      .contact-us h2 {
        font-size: 20px;
      }
      .form-container {
        padding: 25px;
      }
      .submit-btn a {
        padding: 12px 30px;
        font-size: 14px;
      }
    }
.area.content.hero::before,.area.content.hero::after {
	display: none
}

.area.content.hero .slideshow {
	display: none
}

.area.content.hero .slideshow.slick-slider {
	display: block;
	margin: 0
}

.area.content.hero .slideshow .item {
	overflow: hidden;
	background-size:  100%;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative
}
        
   
        
        .section-title {
            position: relative;
            display: inline-block;
        }
        
        .section-title::after {
            content: '';
            position: absolute;
            left: 20%;
            bottom: -8px;
            width: 60px;
            height: 3px;
            background-color: #d82219;
        }
        
        .factory-item {
            cursor: pointer;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .factory-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1);
        }
        
        /* 弹窗样式 */
        .modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 1000;
            align-items: center;
            justify-content: center;
            padding: 20px;
        }
        
        .modal-content {
            max-width: 90%;
            max-height: 90%;
            position: relative;
        }
        
        .modal-content img {
            max-width: 100%;
            max-height: 80vh;
            border: 4px solid white;
            border-radius: 8px;
        }
        
        .close-modal {
            position: absolute;
            top: -40px;
            right: 0;
            color: white;
            font-size: 30px;
            cursor: pointer;
        }
        
        .modal-caption {
            color: white;
            text-align: center;
            margin-top: 15px;
            font-size: 18px;
        }
        
        /* 滚动显示动画 */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }
        
        .fade-in.active {
            opacity: 1;
            transform: translateY(0);
        }
        .slick-track .item {
        	background: #fff;
        }
        
@media only screen and (min-width:768px) {
	.area.content.hero .slideshow .item {
		height: 200px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.hero .slideshow .item {
		height: 250px
	}
}

@media only screen and (min-width:768px) {
	.area.content.hero .slideshow.size-medium .item {
		height: 400px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.hero .slideshow.size-medium .item {
		height: 500px
	}
}

@media only screen and (min-width:768px) {
	.area.content.hero .slideshow.size-large .item {
		height: 600px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content.hero .slideshow.size-large .item {
		height: 750px
	}
}

.area.content.hero .slideshow button.slick-prev.slick-arrow,.area.content.hero .slideshow button.slick-next.slick-arrow {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: none !important;
	height: 57px;
	width: 20px;
	z-index: 1000
}

.area.content.hero .slideshow button.slick-prev.slick-arrow:before,.area.content.hero .slideshow button.slick-next.slick-arrow:before {
	content: ""
}

.area.content.hero .slideshow.hover button.slick-prev.slick-arrow,.area.content.hero .slideshow.hover button.slick-next.slick-arrow {
	display: inline-block !important
}

.area.content.hero .slideshow button.slick-prev.slick-arrow {
	left: 15px;
	background-image: url("../images/prev.svg")
}

.area.content.hero .slideshow button.slick-next.slick-arrow {
	right: 15px;
	background-image: url("../images/next.svg")
}

@media only screen and (max-width:767px) {
	.area.content.hero .slideshow button.slick-prev.slick-arrow,.area.content.hero .slideshow button.slick-next.slick-arrow {
		top: 50%
	}
}

.area.content.hero .slideshow .slick-dots {
	bottom: 0;
	margin-bottom: 20px;
	padding-left: 0;
	list-style: none
}

.area.content.hero .slideshow .slick-dots li {
	margin: 0;
	width: auto;
	height: auto;
	padding: 0 3.75px
}

.area.content.hero .slideshow .slick-dots li button {
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	background-color: #d7d7d7;
	opacity: .75;
	height: 3px;
	padding: 0
}

@media only screen and (max-width:767px) {
	.area.content.hero .slideshow .slick-dots li button {
		width: 60px
	}
}

@media only screen and (min-width:768px) {
	.area.content.hero .slideshow .slick-dots li button {
		width: 120px
	}
}

.area.content.hero .slideshow .slick-dots li button:before {
	content: ''
}

.area.content.hero .slideshow .slick-dots li.slick-active button {
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	background-color: #dd3018;
	opacity: 1
}

.area.content.hero.noscript .slideshow {
	display: block
}

@media only screen and (min-width:1025px) {
	.area.content.hero.noscript .slideshow .item>.grid-container {
		padding-top: 56px
	}
}

@media only screen and (min-width:1025px) {
	body.scrolledDown-subNavBar .area.content.hero {
		margin-bottom: 32px;
		-moz-transition: all 0;
		-webkit-transition: all 0;
		transition: all 0
	}
}

@media only screen and (min-width:1025px) and (min-width:1215px) {
	body.scrolledDown-subNavBar .area.content.hero {
		margin-bottom: 40px
	}
}

.toplink {
	-webkit-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	box-shadow: 2px 2px 23px 0 rgba(0,0,0,0.1);
	-moz-transition: opacity .25s;
	-webkit-transition: opacity .25s;
	transition: opacity .25s;
	-moz-transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	background-color: #dd3018;
	background-image: url("../images/toplink.png");
	background-size: 18px 18px;
	background-position: center center;
	background-repeat: no-repeat;
	bottom: 15px;
	cursor: pointer;
	height: 40px;
	opacity: 0;
	position: fixed;
	right: 15px;
	width: 40px;
	z-index: 590
}

@media only screen and (min-width:1025px) {
	.toplink {
		display: block
	}
}

@media only screen and (max-width:1024px) {
	.toplink {
		display: none
	}
}

body.scrolledDown .toplink {
	opacity: 1
}

footer {
	background-color: #1a2833;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 99;
	color: #b1bac3;
	padding-bottom: 55px;
	position: relative
}

footer .dynamic-image-source {
	display: none !important;
	background-image: url("../images/footer-bg.jpg")
}

@media only screen and (min-width:768px) {
	footer::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#1a2833 0%,#1a2833 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#1a2833 0%,#1a2833 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	footer::before {
		background: linear-gradient(30deg,#1a2833 0%,#1a2833 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#1a2833 0%,#1a2833 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	footer::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #1a2833;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	footer::after {
		left: 36.5px;
		right: 36.5px
	}
}

footer::after {
	display: none
}

footer a {
	color: #b1bac3;
	text-decoration: none
}

footer a:hover {
	color: #fff
}

footer .area.nav {
	font-size: 12.8px;
	line-height: 2;
	padding: 60px 0 120px 0;
	z-index: 100
}

@media only screen and (max-width:767px) {
	footer .area.nav {
		padding: 35px 0
	}
}

@media only screen and (min-width:1215px) {
	footer .area.nav {
		font-size: 16px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	footer .area.nav nav {
		margin-bottom: 30px
	}
}

footer .area.nav nav ul li:first-child,footer .area.nav nav b {
	display: block;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 15.36px
}

@media only screen and (min-width:1215px) {
	footer .area.nav nav ul li:first-child,footer .area.nav nav b {
		font-size: 19.2px
	}
}

@media only screen and (max-width:767px) {
	footer .area.nav nav ul li:first-child,footer .area.nav nav b {
		margin-bottom: 7.5px
	}
}

footer .area.nav nav ul li:first-child,footer .area.nav nav ul li:first-child a,footer .area.nav nav b,footer .area.nav nav b a {
	color: #fff
}

footer .area.nav nav ul li:first-child {
	margin-bottom: 30px
}

@media only screen and (max-width:767px) {
	footer .area.nav nav ul li:first-child {
		margin-bottom: 7.5px
	}
}

footer .area.nav nav hr:before {
	content: "\00a0"
}

footer .area.logos {
	z-index: 100
}

footer .area.logos.noscript {
	display: none
}

footer .area.logos a.logo {
	text-align: left;
	text-indent: -9999px;
	white-space: nowrap;
	height: 20px;
	filter: invert(20%) sepia(10%) saturate(232%) hue-rotate(169deg) brightness(91%) contrast(92%);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo {
		height: 25px
	}
}

footer .area.logos a.logo:hover {
	filter: none
}

footer .area.logos a.logo.company {
	width: 100px;
	height: 25px;
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo.company {
		width: 125px
	}
}

footer .area.logos a.logo.company .dynamic-image-source {
	display: none !important;
	background-image: url("../images/logo-white.svg")
}

footer .area.logos a.logo.advancedweb {
	width: 100px
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo.advancedweb {
		width: 125px
	}
}

footer .area.logos a.logo.advancedweb .dynamic-image-source {
	display: none !important;
	background-image: url("../images/advancedweb-logo-white.svg")
}

footer .area.logos a.logo.youtube {
	width: 80px
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo.youtube {
		width: 100px
	}
}

footer .area.logos a.logo.youtube .dynamic-image-source {
	display: none !important;
	background-image: url("../images/youtube.svg")
}

footer .area.logos a.logo.linkedin {
	width: 80px
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo.linkedin {
		width: 100px
	}
}

footer .area.logos a.logo.linkedin .dynamic-image-source {
	display: none !important;
	background-image: url("../images/linkedin.svg")
}

footer .area.logos a.logo.part-of-vs {
	width: 90px
}

@media only screen and (min-width:1215px) {
	footer .area.logos a.logo.part-of-vs {
		width: 112.5px
	}
}

footer .area.logos a.logo.part-of-vs .dynamic-image-source {
	display: none !important;
	background-image: url("../images/part-of-vs.svg")
}

@media only screen and (max-width:767px) {
	footer .area.logos a.logo {
		display: inline-block;
		margin: 15px
	}
}

@media only screen and (min-width:768px) {
	footer .area.logos a.logo {
		display: inline-block;
		margin: 0 30px
	}

	footer .area.logos a.logo.part-of-vs {
		background-position: center right
	}

	footer .area.logos .logos-left {
		text-align: left
	}

	footer .area.logos .logos-left a.logo {
		margin-left: 0
	}

	footer .area.logos .logos-center {
		text-align: center
	}

	footer .area.logos .logos-right {
		text-align: right
	}

	footer .area.logos .logos-right a.logo {
		margin-right: 0
	}
}

footer .area.legal {
	z-index: 100
}

@media only screen and (max-width:767px) {
	footer .area.legal {
		padding-bottom: 30px
	}
}

footer .area.legal .legal-nav {
	margin-top: 15px;
	border-top: 1px solid #b1bac3;
	padding-top: 15px;
	text-align: right
}

@media only screen and (max-width:767px) {
	footer .area.legal .legal-nav ul li a {
		line-height: 2
	}
}

@media only screen and (min-width:768px) {
	footer .area.legal .legal-nav ul li {
		display: inline-block
	}

	footer .area.legal .legal-nav ul li a {
		border-left: 1px solid #b1bac3;
		display: block;
		line-height: 1;
		padding: 0 7.5px
	}

	footer .area.legal .legal-nav ul li:first-child a {
		border-left: 0;
		padding-left: 0
	}

	footer .area.legal .legal-nav ul li:last-child a {
		padding-right: 0
	}
}

footer .area.legal .legal-copy {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: right
}

.cookie-info {
	background-color: #ededed;
	bottom: 0;
	display: none;
	left: 0;
	padding-top: 45px;
	padding-bottom: 30px;
	position: fixed;
	right: 0;
	z-index: 590
}

@media only screen and (min-width:768px) {
	.cookie-info::before {
		top: -20px;
		content: '';
		display: block;
		height: 20px;
		position: absolute;
		z-index: 101;
		left: 0;
		right: 0;
		background: linear-gradient(30deg,#ededed 0%,#ededed 73px,rgba(255,255,255,0) 73px),linear-gradient(330deg,#ededed 0%,#ededed 73px,rgba(255,255,255,0) 73px)
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.cookie-info::before {
		background: linear-gradient(30deg,#ededed 0%,#ededed 36.5px,rgba(255,255,255,0) 36.5px),linear-gradient(330deg,#ededed 0%,#ededed 36.5px,rgba(255,255,255,0) 36.5px)
	}
}

@media only screen and (min-width:768px) {
	.cookie-info::after {
		border-bottom-width: 0;
		border-left-color: transparent;
		border-left-width: 35px;
		border-right-color: transparent;
		border-right-width: 35px;
		border-style: solid;
		border-top-color: #ededed;
		border-top-width: 20px;
		bottom: -20px;
		content: '';
		display: block;
		height: 0;
		left: 73px;
		position: absolute;
		right: 73px
	}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	.cookie-info::after {
		left: 36.5px;
		right: 36.5px
	}
}

@media only screen and (max-width:767px) {
	.cookie-info {
		padding-bottom: 15px
	}
}

.content {
	color: #333
}

.content p,.content dl,.content hr,.content ol,.content ul,.content pre,.content table,.content address,.content fieldset,.content figure,.content form {
	margin-bottom: 15px
}

.content pre,.content code {
	font-family: "DejaVu Sans Mono",Monaco,Consolas,monospace
}

.content strong {
	color: #000
}

.content small {
	font-size: 11.7333333333px
}

.content small.very {
	font-size: 8.5333333333px
}

.content sup,.content sub {
	font-size: 80%
}

.content h1 sup,.content h1 sub,.content h2 sup,.content h2 sub,.content h3 sup,.content h3 sub,.content h4 sup,.content h4 sub,.content h5 sup,.content h5 sub,.content h6 sup,.content h6 sub {
	font-size: 60%
}

@media only screen and (min-width:1025px) {
	.content a:hover,.content a strong:hover {
		color: #000
	}
}

.content hr {
	clear: both;
	border: none;
	border-top: 1px solid #ccc
}

.content ul,.content ol {
	padding-left: 15px
}

.content ul ul,.content ul ol,.content ol ul,.content ol ol {
	margin-bottom: 0
}

.content ul {
	list-style: disc
}

.content ol {
	list-style: decimal
}

.content ul.styled,.content .product_details ul,.content .text-image ul {
	list-style: none;
	padding-left: 0
}

.content ul.styled li,.content .text-image ul li,.content .product_details ul li,.content ul li.styled {
	padding-left: 15px;
	position: relative
}

.content ul.styled li::before,.content .text-image ul li::before,.content .product_details ul li::before,.content ul li.styled::before {
	margin-top: 3.2px;
	background-color: #dd3018;
	content: "\00a0";
	display: inline-block;
	left: 0;
	line-height: 1;
	overflow: hidden;
	position: absolute;
	width: 1px
}

@media only screen and (min-width:1215px) {
	.content ul.styled li::before,.content .text-image ul li::before,.content .product_details ul li::before,.content ul li.styled::before {
		margin-top: 4px
	}
}

.content div.table-wrapper {
	overflow-x: auto
}

.content table {
	width: 100%;
	border-collapse: collapse
}

.content table th,.content table td {
	padding: 7.5px
}

.content table th:first-child,.content table td:first-child {
	padding-left: 0
}

.content table th:last-child,.content table td:last-child {
	padding-right: 0
}

.content table tr:first-child th,.content table tr:first-child td {
	padding-top: 0
}

.content table tr:last-child th,.content table tr:last-child td {
	padding-bottom: 0
}

.content table th.center,.content table td.center {
	text-align: center
}

.content table th.right,.content table td.right {
	text-align: right
}

.content table th.middle,.content table td.middle {
	vertical-align: middle
}

.content table th.nowrap,.content table td.nowrap {
	white-space: nowrap
}

.content table.horizontal-lines th,.content table.horizontal-lines td {
	border-top: 1px solid #ccc
}

.content table.horizontal-lines tr:first-child th,.content table.horizontal-lines tr:first-child td {
	border-top: none
}

.content textarea:focus,.content input:focus,.content *:focus {
	outline: 0
}

.content select option {
	font-family: Montserrat,Verdana,Arial,sans-serif;
	line-height: 1.5
}

.content dl dt,.content dl dd {
	display: inline-block;
	margin-bottom: 7.5px;
	vertical-align: top
}

.content dl dt {
	width: 33%
}

.content dl dd {
	width: 66%
}

.content .text-left {
	text-align: left
}

.content .center,.content .text-center {
	text-align: center
}

.content .text-right {
	text-align: right
}

.content .clear-left {
	clear: left
}

.content .float-left {
	float: left
}

.content .float-right {
	float: right
}

.content .banner {
	margin-left: -15px;
	margin-right: -15px
}

.content .close {
	text-align: left;
	text-indent: -9999px;
	white-space: nowrap;
	float: right;
	width: 20px;
	height: 20px;
	background-color: #dd3018;
	background-image: url(../images/close-1x.png);
	background-size: 10px 10px;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer
}

@media only screen and (min-width:1215px) {
	.content .close {
		background-image: url(../images/close-2x.png) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (min-device-pixel-ratio:1.5) {
	.content .close {
		background-image: url(../images/close-2x.png) !important
	}
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:288dpi),only screen and (min-resolution:2dppx) {
	.content .close {
		background-image: url(../images/close-3x.png) !important
	}
}

.content .close.round {
	border-radius: 10px
}

.content .ajax {
	display: none
}

.content .ajax.visible {
	display: block
}

.content .error-message {
	color: #c00
}

.content div.notice,.content #flashMessage {
	margin: 15px 0;
	padding: 15px;
	border: 2px solid #ccc;
	background-color: #ededed
}

@media only screen and (min-width:768px) {
	.content div.notice,.content #flashMessage {
		width: 500px
	}
}

.content div.csc-textpic-image img {
	max-width: 100%;
	height: auto
}

.content .csc-default {
	clear: both
}

picture.zoomed img {
	display: block;
	margin: 0 auto;
	max-height: 100%
}

.content .btn,.content .button,.area.content .nav-block ul li a.btn {
	display: inline-block;
	border: none;
	padding: 0 15px;
	cursor: pointer;
	white-space: nowrap;
	position: relative;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	line-height: 34px;
	min-height: 34px;
	font-size: 12.8px;
	text-decoration: none;
	font-family: inherit
}

@media only screen and (min-width:1215px) {
	.content .btn,.content .button,.area.content .nav-block ul li a.btn {
		line-height: 42.5px !important
	}
}

@media only screen and (min-width:1215px) {
	.content .btn,.content .button,.area.content .nav-block ul li a.btn {
		min-height: 42.5px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn,.content .button,.area.content .nav-block ul li a.btn {
		font-size: 16px
	}
}

.content .btn,.content .btn *,.content .button,.content .button *,.area.content .nav-block ul li a.btn,.area.content .nav-block ul li a.btn * {
	color: #fff
}

@media only screen and (min-width:1025px) {
	.content .btn:hover,.content .btn:hover *,.content .button:hover,.content .button:hover *,.area.content .nav-block ul li a.btn:hover,.area.content .nav-block ul li a.btn:hover * {
		color: #fff;
		text-decoration: none !important
	}
}

.content .btn.glyphicons,.content .button.glyphicons,.area.content .nav-block ul li a.btn.glyphicons {
	position: relative;
	margin-left: 37px
}

@media only screen and (min-width:1215px) {
	.content .btn.glyphicons,.content .button.glyphicons,.area.content .nav-block ul li a.btn.glyphicons {
		margin-left: 46.25px
	}
}

.content .btn.glyphicons:before,.content .button.glyphicons:before,.area.content .nav-block ul li a.btn.glyphicons:before {
	position: absolute;
	top: 0;
	left: -37px;
	bottom: 0;
	line-height: 34px;
	width: 34px;
	padding: 0;
	font-family: 'Glyphicons Regular';
	font-weight: normal;
	text-align: center
}

@media only screen and (min-width:1215px) {
	.content .btn.glyphicons:before,.content .button.glyphicons:before,.area.content .nav-block ul li a.btn.glyphicons:before {
		left: -46.25px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.glyphicons:before,.content .button.glyphicons:before,.area.content .nav-block ul li a.btn.glyphicons:before {
		line-height: 42.5px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.glyphicons:before,.content .button.glyphicons:before,.area.content .nav-block ul li a.btn.glyphicons:before {
		width: 42.5px
	}
}

.content .btn,.content .btn.glyphicons:before,.content .button,.content .button.glyphicons:before,.area.content .nav-block ul li a.btn,.area.content .nav-block ul li a.btn.glyphicons:before {
	background-color: #dd3018
}

@media only screen and (min-width:1025px) {
	.content .btn:hover,.content .btn.glyphicons:hover:before,.content .button:hover,.content .button.glyphicons:hover:before,.area.content .nav-block ul li a.btn:hover,.area.content .nav-block ul li a.btn.glyphicons:hover:before {
		background-color: #008eec
	}
}

.content .btn.atm,.content .btn.atm.glyphicons:before,.content .button.atm,.content .button.atm.glyphicons:before,.area.content .nav-block ul li a.btn.atm,.area.content .nav-block ul li a.btn.atm.glyphicons:before {
	background-color: #822a3a
}

@media only screen and (min-width:1025px) {
	.content .btn.atm:hover,.content .btn.atm.glyphicons:hover:before,.content .button.atm:hover,.content .button.atm.glyphicons:hover:before,.area.content .nav-block ul li a.btn.atm:hover,.area.content .nav-block ul li a.btn.atm.glyphicons:hover:before {
		background-color: #a9364b
	}
}

.content .btn.carbolite,.content .btn.carbolite.glyphicons:before,.content .button.carbolite,.content .button.carbolite.glyphicons:before,.area.content .nav-block ul li a.btn.carbolite,.area.content .nav-block ul li a.btn.carbolite.glyphicons:before {
	background-color: #e30613
}

@media only screen and (min-width:1025px) {
	.content .btn.carbolite:hover,.content .btn.carbolite.glyphicons:hover:before,.content .button.carbolite:hover,.content .button.carbolite.glyphicons:hover:before,.area.content .nav-block ul li a.btn.carbolite:hover,.area.content .nav-block ul li a.btn.carbolite.glyphicons:hover:before {
		background-color: #f9232f
	}
}

.content .btn.eltra,.content .btn.eltra.glyphicons:before,.content .button.eltra,.content .button.eltra.glyphicons:before,.area.content .nav-block ul li a.btn.eltra,.area.content .nav-block ul li a.btn.eltra.glyphicons:before {
	background-color: #f39200
}

@media only screen and (min-width:1025px) {
	.content .btn.eltra:hover,.content .btn.eltra.glyphicons:hover:before,.content .button.eltra:hover,.content .button.eltra.glyphicons:hover:before,.area.content .nav-block ul li a.btn.eltra:hover,.area.content .nav-block ul li a.btn.eltra.glyphicons:hover:before {
		background-color: #ffa927
	}
}

.content .btn.endecotts,.content .btn.endecotts.glyphicons:before,.content .button.endecotts,.content .button.endecotts.glyphicons:before,.area.content .nav-block ul li a.btn.endecotts,.area.content .nav-block ul li a.btn.endecotts.glyphicons:before {
	background-color: #014e2f
}

@media only screen and (min-width:1025px) {
	.content .btn.endecotts:hover,.content .btn.endecotts.glyphicons:hover:before,.content .button.endecotts:hover,.content .button.endecotts.glyphicons:hover:before,.area.content .nav-block ul li a.btn.endecotts:hover,.area.content .nav-block ul li a.btn.endecotts.glyphicons:hover:before {
		background-color: #02804d
	}
}

.content .btn.microtrac,.content .btn.microtrac.glyphicons:before,.content .button.microtrac,.content .button.microtrac.glyphicons:before,.area.content .nav-block ul li a.btn.microtrac,.area.content .nav-block ul li a.btn.microtrac.glyphicons:before {
	background-color: #00b4cd
}

@media only screen and (min-width:1025px) {
	.content .btn.microtrac:hover,.content .btn.microtrac.glyphicons:hover:before,.content .button.microtrac:hover,.content .button.microtrac.glyphicons:hover:before,.area.content .nav-block ul li a.btn.microtrac:hover,.area.content .nav-block ul li a.btn.microtrac.glyphicons:hover:before {
		background-color: #01e0ff
	}
}

.content .btn.qness,.content .btn.qness.glyphicons:before,.content .button.qness,.content .button.qness.glyphicons:before,.area.content .nav-block ul li a.btn.qness,.area.content .nav-block ul li a.btn.qness.glyphicons:before {
	background-color: #e25303
}

@media only screen and (min-width:1025px) {
	.content .btn.qness:hover,.content .btn.qness.glyphicons:hover:before,.content .button.qness:hover,.content .button.qness.glyphicons:hover:before,.area.content .nav-block ul li a.btn.qness:hover,.area.content .nav-block ul li a.btn.qness.glyphicons:hover:before {
		background-color: #fc6c1c
	}
}

.content .btn.retsch,.content .btn.retsch.glyphicons:before,.content .button.retsch,.content .button.retsch.glyphicons:before,.area.content .nav-block ul li a.btn.retsch,.area.content .nav-block ul li a.btn.retsch.glyphicons:before {
	background-color: #dd3018
}

@media only screen and (min-width:1025px) {
	.content .btn.retsch:hover,.content .btn.retsch.glyphicons:hover:before,.content .button.retsch:hover,.content .button.retsch.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch:hover,.area.content .nav-block ul li a.btn.retsch.glyphicons:hover:before {
		background-color: #008eec
	}
}

.content .btn.retsch-technology,.content .btn.retsch-technology.glyphicons:before,.content .button.retsch-technology,.content .button.retsch-technology.glyphicons:before,.area.content .nav-block ul li a.btn.retsch-technology,.area.content .nav-block ul li a.btn.retsch-technology.glyphicons:before {
	background-color: #40c0f0
}

@media only screen and (min-width:1025px) {
	.content .btn.retsch-technology:hover,.content .btn.retsch-technology.glyphicons:hover:before,.content .button.retsch-technology:hover,.content .button.retsch-technology.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch-technology:hover,.area.content .nav-block ul li a.btn.retsch-technology.glyphicons:hover:before {
		background-color: #6fd0f4
	}
}

.content .btn.btn-error,.content .btn.btn-error.glyphicons:before,.content .button.btn-error,.content .button.btn-error.glyphicons:before,.area.content .nav-block ul li a.btn.btn-error,.area.content .nav-block ul li a.btn.btn-error.glyphicons:before {
	background-color: #c00
}

@media only screen and (min-width:1025px) {
	.content .btn.btn-error:hover,.content .btn.btn-error.glyphicons:hover:before,.content .button.btn-error:hover,.content .button.btn-error.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-error:hover,.area.content .nav-block ul li a.btn.btn-error.glyphicons:hover:before {
		background-color: red
	}
}

.content .btn.btn-success,.content .btn.btn-success.glyphicons:before,.content .button.btn-success,.content .button.btn-success.glyphicons:before,.area.content .nav-block ul li a.btn.btn-success,.area.content .nav-block ul li a.btn.btn-success.glyphicons:before {
	background-color: #3b8916
}

@media only screen and (min-width:1025px) {
	.content .btn.btn-success:hover,.content .btn.btn-success.glyphicons:hover:before,.content .button.btn-success:hover,.content .button.btn-success.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-success:hover,.area.content .nav-block ul li a.btn.btn-success.glyphicons:hover:before {
		background-color: #4eb51d
	}
}

.content .btn.inverted,.content .btn.inverted.glyphicons:before,.content .btn.atm-inverted,.content .btn.atm-inverted.glyphicons:before,.content .btn.carbolite-inverted,.content .btn.carbolite-inverted.glyphicons:before,.content .btn.eltra-inverted,.content .btn.eltra-inverted.glyphicons:before,.content .btn.endecotts-inverted,.content .btn.endecotts-inverted.glyphicons:before,.content .btn.qness-inverted,.content .btn.qness-inverted.glyphicons:before,.content .btn.retsch-inverted,.content .btn.retsch-inverted.glyphicons:before,.content .btn.retsch-technology-inverted,.content .btn.retsch-technology-inverted.glyphicons:before,.content .btn.btn-error-inverted,.content .btn.btn-error-inverted.glyphicons:before,.content .btn.btn-success-inverted,.content .btn.btn-success-inverted.glyphicons:before,.content .button.inverted,.content .button.inverted.glyphicons:before,.content .button.atm-inverted,.content .button.atm-inverted.glyphicons:before,.content .button.carbolite-inverted,.content .button.carbolite-inverted.glyphicons:before,.content .button.eltra-inverted,.content .button.eltra-inverted.glyphicons:before,.content .button.endecotts-inverted,.content .button.endecotts-inverted.glyphicons:before,.content .button.qness-inverted,.content .button.qness-inverted.glyphicons:before,.content .button.retsch-inverted,.content .button.retsch-inverted.glyphicons:before,.content .button.retsch-technology-inverted,.content .button.retsch-technology-inverted.glyphicons:before,.content .button.btn-error-inverted,.content .button.btn-error-inverted.glyphicons:before,.content .button.btn-success-inverted,.content .button.btn-success-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.inverted,.area.content .nav-block ul li a.btn.inverted.glyphicons:before,.area.content .nav-block ul li a.btn.atm-inverted,.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.carbolite-inverted,.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.eltra-inverted,.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.endecotts-inverted,.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.qness-inverted,.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.retsch-inverted,.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.retsch-technology-inverted,.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.btn-error-inverted,.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.btn-success-inverted,.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:before {
	background-color: #fff
}

@media only screen and (min-width:1025px) {
	.content .btn.inverted:hover,.content .btn.inverted.glyphicons:hover:before,.content .btn.atm-inverted:hover,.content .btn.atm-inverted.glyphicons:hover:before,.content .btn.carbolite-inverted:hover,.content .btn.carbolite-inverted.glyphicons:hover:before,.content .btn.eltra-inverted:hover,.content .btn.eltra-inverted.glyphicons:hover:before,.content .btn.endecotts-inverted:hover,.content .btn.endecotts-inverted.glyphicons:hover:before,.content .btn.qness-inverted:hover,.content .btn.qness-inverted.glyphicons:hover:before,.content .btn.retsch-inverted:hover,.content .btn.retsch-inverted.glyphicons:hover:before,.content .btn.retsch-technology-inverted:hover,.content .btn.retsch-technology-inverted.glyphicons:hover:before,.content .btn.btn-error-inverted:hover,.content .btn.btn-error-inverted.glyphicons:hover:before,.content .btn.btn-success-inverted:hover,.content .btn.btn-success-inverted.glyphicons:hover:before,.content .button.inverted:hover,.content .button.inverted.glyphicons:hover:before,.content .button.atm-inverted:hover,.content .button.atm-inverted.glyphicons:hover:before,.content .button.carbolite-inverted:hover,.content .button.carbolite-inverted.glyphicons:hover:before,.content .button.eltra-inverted:hover,.content .button.eltra-inverted.glyphicons:hover:before,.content .button.endecotts-inverted:hover,.content .button.endecotts-inverted.glyphicons:hover:before,.content .button.qness-inverted:hover,.content .button.qness-inverted.glyphicons:hover:before,.content .button.retsch-inverted:hover,.content .button.retsch-inverted.glyphicons:hover:before,.content .button.retsch-technology-inverted:hover,.content .button.retsch-technology-inverted.glyphicons:hover:before,.content .button.btn-error-inverted:hover,.content .button.btn-error-inverted.glyphicons:hover:before,.content .button.btn-success-inverted:hover,.content .button.btn-success-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.inverted:hover,.area.content .nav-block ul li a.btn.inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.atm-inverted:hover,.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.carbolite-inverted:hover,.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.eltra-inverted:hover,.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.endecotts-inverted:hover,.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.qness-inverted:hover,.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch-inverted:hover,.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch-technology-inverted:hover,.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-error-inverted:hover,.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-success-inverted:hover,.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:hover:before {
		background-color: #ededed
	}
}

.content .btn.inverted,.content .btn.inverted.glyphicons:before,.content .button.inverted,.content .button.inverted.glyphicons:before,.area.content .nav-block ul li a.btn.inverted,.area.content .nav-block ul li a.btn.inverted.glyphicons:before {
	color: #dd3018
}

@media only screen and (min-width:1025px) {
	.content .btn.inverted:hover,.content .btn.inverted.glyphicons:hover:before,.content .button.inverted:hover,.content .button.inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.inverted:hover,.area.content .nav-block ul li a.btn.inverted.glyphicons:hover:before {
		color: #008eec
	}
}

.content .btn.atm-inverted,.content .btn.atm-inverted.glyphicons:before,.content .button.atm-inverted,.content .button.atm-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.atm-inverted,.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:before {
	color: #822a3a
}

@media only screen and (min-width:1025px) {
	.content .btn.atm-inverted:hover,.content .btn.atm-inverted.glyphicons:hover:before,.content .button.atm-inverted:hover,.content .button.atm-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.atm-inverted:hover,.area.content .nav-block ul li a.btn.atm-inverted.glyphicons:hover:before {
		color: #a9364b
	}
}

.content .btn.carbolite-inverted,.content .btn.carbolite-inverted.glyphicons:before,.content .button.carbolite-inverted,.content .button.carbolite-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.carbolite-inverted,.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:before {
	color: #e30613
}

@media only screen and (min-width:1025px) {
	.content .btn.carbolite-inverted:hover,.content .btn.carbolite-inverted.glyphicons:hover:before,.content .button.carbolite-inverted:hover,.content .button.carbolite-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.carbolite-inverted:hover,.area.content .nav-block ul li a.btn.carbolite-inverted.glyphicons:hover:before {
		color: #f9232f
	}
}

.content .btn.eltra-inverted,.content .btn.eltra-inverted.glyphicons:before,.content .button.eltra-inverted,.content .button.eltra-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.eltra-inverted,.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:before {
	color: #f39200
}

@media only screen and (min-width:1025px) {
	.content .btn.eltra-inverted:hover,.content .btn.eltra-inverted.glyphicons:hover:before,.content .button.eltra-inverted:hover,.content .button.eltra-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.eltra-inverted:hover,.area.content .nav-block ul li a.btn.eltra-inverted.glyphicons:hover:before {
		color: #ffa927
	}
}

.content .btn.endecotts-inverted,.content .btn.endecotts-inverted.glyphicons:before,.content .button.endecotts-inverted,.content .button.endecotts-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.endecotts-inverted,.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:before {
	color: #014e2f
}

@media only screen and (min-width:1025px) {
	.content .btn.endecotts-inverted:hover,.content .btn.endecotts-inverted.glyphicons:hover:before,.content .button.endecotts-inverted:hover,.content .button.endecotts-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.endecotts-inverted:hover,.area.content .nav-block ul li a.btn.endecotts-inverted.glyphicons:hover:before {
		color: #02804d
	}
}

.content .btn.qness-inverted,.content .btn.qness-inverted.glyphicons:before,.content .button.qness-inverted,.content .button.qness-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.qness-inverted,.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:before {
	color: #e25303
}

@media only screen and (min-width:1025px) {
	.content .btn.qness-inverted:hover,.content .btn.qness-inverted.glyphicons:hover:before,.content .button.qness-inverted:hover,.content .button.qness-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.qness-inverted:hover,.area.content .nav-block ul li a.btn.qness-inverted.glyphicons:hover:before {
		color: #fc6c1c
	}
}

.content .btn.retsch-inverted,.content .btn.retsch-inverted.glyphicons:before,.content .button.retsch-inverted,.content .button.retsch-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.retsch-inverted,.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:before {
	color: #dd3018
}

@media only screen and (min-width:1025px) {
	.content .btn.retsch-inverted:hover,.content .btn.retsch-inverted.glyphicons:hover:before,.content .button.retsch-inverted:hover,.content .button.retsch-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch-inverted:hover,.area.content .nav-block ul li a.btn.retsch-inverted.glyphicons:hover:before {
		color: #008eec
	}
}

.content .btn.retsch-technology-inverted,.content .btn.retsch-technology-inverted.glyphicons:before,.content .button.retsch-technology-inverted,.content .button.retsch-technology-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.retsch-technology-inverted,.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:before {
	color: #40c0f0
}

@media only screen and (min-width:1025px) {
	.content .btn.retsch-technology-inverted:hover,.content .btn.retsch-technology-inverted.glyphicons:hover:before,.content .button.retsch-technology-inverted:hover,.content .button.retsch-technology-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.retsch-technology-inverted:hover,.area.content .nav-block ul li a.btn.retsch-technology-inverted.glyphicons:hover:before {
		color: #6fd0f4
	}
}

.content .btn.btn-error-inverted,.content .btn.btn-error-inverted.glyphicons:before,.content .button.btn-error-inverted,.content .button.btn-error-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.btn-error-inverted,.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:before {
	color: #c00
}

@media only screen and (min-width:1025px) {
	.content .btn.btn-error-inverted:hover,.content .btn.btn-error-inverted.glyphicons:hover:before,.content .button.btn-error-inverted:hover,.content .button.btn-error-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-error-inverted:hover,.area.content .nav-block ul li a.btn.btn-error-inverted.glyphicons:hover:before {
		color: red
	}
}

.content .btn.btn-success-inverted,.content .btn.btn-success-inverted.glyphicons:before,.content .button.btn-success-inverted,.content .button.btn-success-inverted.glyphicons:before,.area.content .nav-block ul li a.btn.btn-success-inverted,.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:before {
	color: #3b8916
}

@media only screen and (min-width:1025px) {
	.content .btn.btn-success-inverted:hover,.content .btn.btn-success-inverted.glyphicons:hover:before,.content .button.btn-success-inverted:hover,.content .button.btn-success-inverted.glyphicons:hover:before,.area.content .nav-block ul li a.btn.btn-success-inverted:hover,.area.content .nav-block ul li a.btn.btn-success-inverted.glyphicons:hover:before {
		color: #4eb51d
	}
}

.content .btn.btn-block,.content .button.btn-block,.area.content .nav-block ul li a.btn.btn-block {
	display: block
}

.content .btn.btn-block span,.content .button.btn-block span,.area.content .nav-block ul li a.btn.btn-block span {
	text-align: center
}

@media only screen and (min-width:768px) {
	.content .btn.btn-mid,.content .button.btn-mid,.area.content .nav-block ul li a.btn.btn-mid {
		width: 190px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.content .btn.btn-mid,.content .button.btn-mid,.area.content .nav-block ul li a.btn.btn-mid {
		width: 237.5px
	}
}

@media only screen and (min-width:768px) {
	.content .btn.btn-mid.glyphicons,.content .button.btn-mid.glyphicons,.area.content .nav-block ul li a.btn.btn-mid.glyphicons {
		width: 153px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.content .btn.btn-mid.glyphicons,.content .button.btn-mid.glyphicons,.area.content .nav-block ul li a.btn.btn-mid.glyphicons {
		width: 191.25px
	}
}

@media only screen and (max-width:767px) {
	.content .btn.btn-mid,.content .button.btn-mid,.area.content .nav-block ul li a.btn.btn-mid {
		display: block
	}
}

@media only screen and (min-width:768px) {
	.content .btn.btn-wide,.content .button.btn-wide,.area.content .nav-block ul li a.btn.btn-wide {
		width: 220px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.content .btn.btn-wide,.content .button.btn-wide,.area.content .nav-block ul li a.btn.btn-wide {
		width: 275px
	}
}

@media only screen and (min-width:768px) {
	.content .btn.btn-wide.glyphicons,.content .button.btn-wide.glyphicons,.area.content .nav-block ul li a.btn.btn-wide.glyphicons {
		width: 183px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.content .btn.btn-wide.glyphicons,.content .button.btn-wide.glyphicons,.area.content .nav-block ul li a.btn.btn-wide.glyphicons {
		width: 228.75px
	}
}

@media only screen and (max-width:767px) {
	.content .btn.btn-wide,.content .button.btn-wide,.area.content .nav-block ul li a.btn.btn-wide {
		display: block
	}
}

.content .btn.btn-bigicon.glyphicons:before,.content .button.btn-bigicon.glyphicons:before,.area.content .nav-block ul li a.btn.btn-bigicon.glyphicons:before {
	font-size: 21px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-bigicon.glyphicons:before,.content .button.btn-bigicon.glyphicons:before,.area.content .nav-block ul li a.btn.btn-bigicon.glyphicons:before {
		font-size: 26.25px
	}
}

.content .btn.btn-big,.content .button.btn-big,.area.content .nav-block ul li a.btn.btn-big {
	font-size: 16px;
	line-height: 42.5px;
	min-height: 42.5px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big,.content .button.btn-big,.area.content .nav-block ul li a.btn.btn-big {
		font-size: 20px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big,.content .button.btn-big,.area.content .nav-block ul li a.btn.btn-big {
		line-height: 53.125px !important
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big,.content .button.btn-big,.area.content .nav-block ul li a.btn.btn-big {
		min-height: 53.125px
	}
}

.content .btn.btn-big.glyphicons,.content .button.btn-big.glyphicons,.area.content .nav-block ul li a.btn.btn-big.glyphicons {
	margin-left: 45.5px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons,.content .button.btn-big.glyphicons,.area.content .nav-block ul li a.btn.btn-big.glyphicons {
		margin-left: 56.875px
	}
}

.content .btn.btn-big.glyphicons.btn-notext,.content .button.btn-big.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext {
	margin-left: 42.5px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons.btn-notext,.content .button.btn-big.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext {
		margin-left: 53.125px
	}
}

.content .btn.btn-big.glyphicons.btn-notext:before,.content .button.btn-big.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext:before {
	left: -42.5px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons.btn-notext:before,.content .button.btn-big.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons.btn-notext:before {
		left: -53.125px
	}
}

.content .btn.btn-big.glyphicons:before,.content .button.btn-big.glyphicons:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
	left: -45.5px;
	line-height: 42.5px;
	width: 42.5px;
	font-size: 21px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons:before,.content .button.btn-big.glyphicons:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
		left: -56.875px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons:before,.content .button.btn-big.glyphicons:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
		line-height: 53.125px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons:before,.content .button.btn-big.glyphicons:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
		width: 53.125px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-big.glyphicons:before,.content .button.btn-big.glyphicons:before,.area.content .nav-block ul li a.btn.btn-big.glyphicons:before {
		font-size: 26.25px
	}
}

.content .btn.btn-narrow,.content .button.btn-narrow,.area.content .nav-block ul li a.btn.btn-narrow {
	line-height: 27.2px;
	min-height: 27.2px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow,.content .button.btn-narrow,.area.content .nav-block ul li a.btn.btn-narrow {
		line-height: 34px !important
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow,.content .button.btn-narrow,.area.content .nav-block ul li a.btn.btn-narrow {
		min-height: 34px
	}
}

.content .btn.btn-narrow.glyphicons,.content .button.btn-narrow.glyphicons,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons {
	margin-left: 30.2px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons,.content .button.btn-narrow.glyphicons,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons {
		margin-left: 37.75px
	}
}

.content .btn.btn-narrow.glyphicons.btn-notext,.content .button.btn-narrow.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext {
	margin-left: 27.2px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons.btn-notext,.content .button.btn-narrow.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext {
		margin-left: 34px
	}
}

.content .btn.btn-narrow.glyphicons.btn-notext:before,.content .button.btn-narrow.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext:before {
	left: -27.2px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons.btn-notext:before,.content .button.btn-narrow.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons.btn-notext:before {
		left: -34px
	}
}

.content .btn.btn-narrow.glyphicons:before,.content .button.btn-narrow.glyphicons:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
	left: -30.2px;
	line-height: 27.2px;
	width: 27.2px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons:before,.content .button.btn-narrow.glyphicons:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
		left: -37.75px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons:before,.content .button.btn-narrow.glyphicons:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
		line-height: 34px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-narrow.glyphicons:before,.content .button.btn-narrow.glyphicons:before,.area.content .nav-block ul li a.btn.btn-narrow.glyphicons:before {
		width: 34px
	}
}

.content .btn.btn-tiny,.content .button.btn-tiny,.area.content .nav-block ul li a.btn.btn-tiny {
	font-size: 11.7333333333px;
	line-height: 22.6666666667px;
	min-height: 22.6666666667px;
	padding: 0 7.5px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny,.content .button.btn-tiny,.area.content .nav-block ul li a.btn.btn-tiny {
		font-size: 14.6666666667px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny,.content .button.btn-tiny,.area.content .nav-block ul li a.btn.btn-tiny {
		line-height: 28.3333333333px !important
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny,.content .button.btn-tiny,.area.content .nav-block ul li a.btn.btn-tiny {
		min-height: 28.3333333333px
	}
}

.content .btn.btn-tiny.glyphicons,.content .button.btn-tiny.glyphicons,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons {
	margin-left: 25.6666666667px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons,.content .button.btn-tiny.glyphicons,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons {
		margin-left: 32.0833333333px
	}
}

.content .btn.btn-tiny.glyphicons.btn-notext,.content .button.btn-tiny.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext {
	margin-left: 22.6666666667px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons.btn-notext,.content .button.btn-tiny.glyphicons.btn-notext,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext {
		margin-left: 28.3333333333px
	}
}

.content .btn.btn-tiny.glyphicons.btn-notext:before,.content .button.btn-tiny.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext:before {
	left: -22.6666666667px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons.btn-notext:before,.content .button.btn-tiny.glyphicons.btn-notext:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons.btn-notext:before {
		left: -28.3333333333px
	}
}

.content .btn.btn-tiny.glyphicons:before,.content .button.btn-tiny.glyphicons:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
	left: -25.6666666667px;
	line-height: 22.6666666667px;
	width: 22.6666666667px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons:before,.content .button.btn-tiny.glyphicons:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
		left: -32.0833333333px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons:before,.content .button.btn-tiny.glyphicons:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
		line-height: 28.3333333333px
	}
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-tiny.glyphicons:before,.content .button.btn-tiny.glyphicons:before,.area.content .nav-block ul li a.btn.btn-tiny.glyphicons:before {
		width: 28.3333333333px
	}
}

.content .btn.btn-float-left,.content .button.btn-float-left,.area.content .nav-block ul li a.btn.btn-float-left {
	float: left
}

.content .btn.btn-float-right,.content .button.btn-float-right,.area.content .nav-block ul li a.btn.btn-float-right {
	float: right
}

.content .btn.btn-strong,.content .button.btn-strong,.area.content .nav-block ul li a.btn.btn-strong {
	font-weight: bold;
	text-transform: uppercase
}

.content .btn.btn-center,.content .button.btn-center,.area.content .nav-block ul li a.btn.btn-center {
	text-align: center
}

.content .btn.btn-notext,.content .button.btn-notext,.area.content .nav-block ul li a.btn.btn-notext {
	padding: 0
}

.content .btn.btn-notext:before,.content .button.btn-notext:before,.area.content .nav-block ul li a.btn.btn-notext:before {
	left: -34px
}

@media only screen and (min-width:1215px) {
	.content .btn.btn-notext:before,.content .button.btn-notext:before,.area.content .nav-block ul li a.btn.btn-notext:before {
		left: -42.5px
	}
}

.content .btn.disabled,.content .btn.disabled:hover,.content .btn.disabled:before,.content .btn.disabled:hover:before,.content .button.disabled,.content .button.disabled:hover,.content .button.disabled:before,.content .button.disabled:hover:before,.area.content .nav-block ul li a.btn.disabled,.area.content .nav-block ul li a.btn.disabled:hover,.area.content .nav-block ul li a.btn.disabled:before,.area.content .nav-block ul li a.btn.disabled:hover:before {
	pointer-events: none;
	cursor: default;
	background-color: #878787
}

.content .btn .pdf-download-form,.content .button .pdf-download-form,.area.content .nav-block ul li a.btn .pdf-download-form {
	position: absolute;
	top: 35px;
	background-color: #00b4cd;
	left: 0;
	right: 0;
	height: 150px;
	display: none
}

@media only screen and (min-width:1215px) {
	.content .btn .pdf-download-form,.content .button .pdf-download-form,.area.content .nav-block ul li a.btn .pdf-download-form {
		top: 43.75px
	}
}

.content .btn .pdf-download-form.open,.content .button .pdf-download-form.open,.area.content .nav-block ul li a.btn .pdf-download-form.open {
	display: block
}

.area.content .button-list .btn {
	margin-bottom: 15px;
	margin-right: 45px
}

@media only screen and (min-width:768px) {
	.area.content .button-list .btn:last-child {
		margin-right: 0
	}
}

@media only screen and (min-width:768px) {
	.area.content .button-list+.button-list {
		margin-top: -15px
	}
}

.content .h,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6 {
	color: #1d1d1b;
	line-height: 1.25;
	margin-bottom: 15px;
	margin-top: 15px;
	font-weight: 400;
	text-transform: uppercase
}

.content .h span,.content h1 span,.content h2 span,.content h3 span,.content h4 span,.content h5 span,.content h6 span {
	margin-top: 7.5px;
	display: block
}

.content h1 {
	font-size: 20px;
	font-weight: 500
}

@media only screen and (min-width:1215px) {
	.content h1 {
		font-size: 25px
	}
}

@media only screen and (max-width:767px) {
	.content h1 {
		font-size: 28.16px
	}
}

@media only screen and (min-width:1025px) {
	.content h1:first-child,.content h1.first {
		margin-top: 0;
		padding-top: 3.75px
	}
}

body.popup .content h1:first-child,body.popup .content h1.first {
	margin-top: 0 !important;
	padding-top: 15px !important
}

.content h2 {
	font-size: 20px
}

@media only screen and (min-width:1215px) {
	.content h2 {
		font-size: 25px
	}
}

.content .h,.content h3,.content h4,.content h5,.content h6 {
	font-size: 12.8px
}

@media only screen and (min-width:1215px) {
	.content .h,.content h3,.content h4,.content h5,.content h6 {
		font-size: 16px
	}
}

.content .h.s-large,.content .h span.s-large,.content h1.s-large,.content h1 span.s-large,.content h2.s-large,.content h2 span.s-large,.content h3.s-large,.content h3 span.s-large,.content h4.s-large,.content h4 span.s-large,.content h5.s-large,.content h5 span.s-large,.content h6.s-large,.content h6 span.s-large {
	font-size: 36px
}

@media only screen and (min-width:1215px) {
	.content .h.s-large,.content .h span.s-large,.content h1.s-large,.content h1 span.s-large,.content h2.s-large,.content h2 span.s-large,.content h3.s-large,.content h3 span.s-large,.content h4.s-large,.content h4 span.s-large,.content h5.s-large,.content h5 span.s-large,.content h6.s-large,.content h6 span.s-large {
		font-size: 45px
	}
}

@media only screen and (max-width:767px) {
	.content .h.s-large,.content .h span.s-large,.content h1.s-large,.content h1 span.s-large,.content h2.s-large,.content h2 span.s-large,.content h3.s-large,.content h3 span.s-large,.content h4.s-large,.content h4 span.s-large,.content h5.s-large,.content h5 span.s-large,.content h6.s-large,.content h6 span.s-large {
		font-size: 28.16px
	}
}

.content .h.s-medium-large,.content .h span.s-medium-large,.content h1.s-medium-large,.content h1 span.s-medium-large,.content h2.s-medium-large,.content h2 span.s-medium-large,.content h3.s-medium-large,.content h3 span.s-medium-large,.content h4.s-medium-large,.content h4 span.s-medium-large,.content h5.s-medium-large,.content h5 span.s-medium-large,.content h6.s-medium-large,.content h6 span.s-medium-large {
	font-size: 28.16px
}

@media only screen and (min-width:1215px) {
	.content .h.s-medium-large,.content .h span.s-medium-large,.content h1.s-medium-large,.content h1 span.s-medium-large,.content h2.s-medium-large,.content h2 span.s-medium-large,.content h3.s-medium-large,.content h3 span.s-medium-large,.content h4.s-medium-large,.content h4 span.s-medium-large,.content h5.s-medium-large,.content h5 span.s-medium-large,.content h6.s-medium-large,.content h6 span.s-medium-large {
		font-size: 35.2px
	}
}

.content .h.s-medium,.content .h span.s-medium,.content h1.s-medium,.content h1 span.s-medium,.content h2.s-medium,.content h2 span.s-medium,.content h3.s-medium,.content h3 span.s-medium,.content h4.s-medium,.content h4 span.s-medium,.content h5.s-medium,.content h5 span.s-medium,.content h6.s-medium,.content h6 span.s-medium {
	font-size: 20px
}

@media only screen and (min-width:1215px) {
	.content .h.s-medium,.content .h span.s-medium,.content h1.s-medium,.content h1 span.s-medium,.content h2.s-medium,.content h2 span.s-medium,.content h3.s-medium,.content h3 span.s-medium,.content h4.s-medium,.content h4 span.s-medium,.content h5.s-medium,.content h5 span.s-medium,.content h6.s-medium,.content h6 span.s-medium {
		font-size: 25px
	}
}

.content .h.s-medium-small,.content .h span.s-medium-small,.content h1.s-medium-small,.content h1 span.s-medium-small,.content h2.s-medium-small,.content h2 span.s-medium-small,.content h3.s-medium-small,.content h3 span.s-medium-small,.content h4.s-medium-small,.content h4 span.s-medium-small,.content h5.s-medium-small,.content h5 span.s-medium-small,.content h6.s-medium-small,.content h6 span.s-medium-small {
	font-size: 16.768px
}

@media only screen and (min-width:1215px) {
	.content .h.s-medium-small,.content .h span.s-medium-small,.content h1.s-medium-small,.content h1 span.s-medium-small,.content h2.s-medium-small,.content h2 span.s-medium-small,.content h3.s-medium-small,.content h3 span.s-medium-small,.content h4.s-medium-small,.content h4 span.s-medium-small,.content h5.s-medium-small,.content h5 span.s-medium-small,.content h6.s-medium-small,.content h6 span.s-medium-small {
		font-size: 20.96px
	}
}

.content .h.s-small,.content .h span.s-small,.content h1.s-small,.content h1 span.s-small,.content h2.s-small,.content h2 span.s-small,.content h3.s-small,.content h3 span.s-small,.content h4.s-small,.content h4 span.s-small,.content h5.s-small,.content h5 span.s-small,.content h6.s-small,.content h6 span.s-small {
	font-size: 12.8px
}

@media only screen and (min-width:1215px) {
	.content .h.s-small,.content .h span.s-small,.content h1.s-small,.content h1 span.s-small,.content h2.s-small,.content h2 span.s-small,.content h3.s-small,.content h3 span.s-small,.content h4.s-small,.content h4 span.s-small,.content h5.s-small,.content h5 span.s-small,.content h6.s-small,.content h6 span.s-small {
		font-size: 16px
	}
}

.content .h.w-regular,.content .h span.w-regular,.content h1.w-regular,.content h1 span.w-regular,.content h2.w-regular,.content h2 span.w-regular,.content h3.w-regular,.content h3 span.w-regular,.content h4.w-regular,.content h4 span.w-regular,.content h5.w-regular,.content h5 span.w-regular,.content h6.w-regular,.content h6 span.w-regular {
	font-weight: 400
}

.content .h.w-light,.content .h span.w-light,.content h1.w-light,.content h1 span.w-light,.content h2.w-light,.content h2 span.w-light,.content h3.w-light,.content h3 span.w-light,.content h4.w-light,.content h4 span.w-light,.content h5.w-light,.content h5 span.w-light,.content h6.w-light,.content h6 span.w-light {
	font-weight: 300
}

.content .h.w-medium,.content .h span.w-medium,.content h1.w-medium,.content h1 span.w-medium,.content h2.w-medium,.content h2 span.w-medium,.content h3.w-medium,.content h3 span.w-medium,.content h4.w-medium,.content h4 span.w-medium,.content h5.w-medium,.content h5 span.w-medium,.content h6.w-medium,.content h6 span.w-medium {
	font-weight: 500
}

.content .h.w-bold,.content .h span.w-bold,.content h1.w-bold,.content h1 span.w-bold,.content h2.w-bold,.content h2 span.w-bold,.content h3.w-bold,.content h3 span.w-bold,.content h4.w-bold,.content h4 span.w-bold,.content h5.w-bold,.content h5 span.w-bold,.content h6.w-bold,.content h6 span.w-bold {
	font-weight: 700
}

.content .h.t-upper,.content .h span.t-upper,.content .h.t-none span,.content h1.t-upper,.content h1 span.t-upper,.content h1.t-none span,.content h2.t-upper,.content h2 span.t-upper,.content h2.t-none span,.content h3.t-upper,.content h3 span.t-upper,.content h3.t-none span,.content h4.t-upper,.content h4 span.t-upper,.content h4.t-none span,.content h5.t-upper,.content h5 span.t-upper,.content h5.t-none span,.content h6.t-upper,.content h6 span.t-upper,.content h6.t-none span {
	text-transform: uppercase
}

.content .h.t-none,.content .h span.t-none,.content h1.t-none,.content h1 span.t-none,.content h2.t-none,.content h2 span.t-none,.content h3.t-none,.content h3 span.t-none,.content h4.t-none,.content h4 span.t-none,.content h5.t-none,.content h5 span.t-none,.content h6.t-none,.content h6 span.t-none {
	text-transform: none
}

@media only screen and (min-width:1025px) {
	.hero-title {
		padding-top: 15px
	}
}

@media only screen and (max-width:1024px) {
	.hero-title {
		padding: 15px
	}
}

.item.text-white .hero-title h1 {
	color: #fff !important
}

.item.text-white .hero-title .supplement {
	color: #fff !important
}

.area.content .image-gallery,.area.content.hero .slideshow .image-gallery {
	display: none;
	position: relative
}

@media only screen and (max-width:1024px) {
	.area.content .image-gallery,.area.content.hero .slideshow .image-gallery {
		padding: 0 20px
	}
}

@media only screen and (min-width:1025px) {
	.area.content .image-gallery,.area.content.hero .slideshow .image-gallery {
		padding: 0
	}
}

.area.content .image-gallery.slick-slider,.area.content.hero .slideshow .image-gallery.slick-slider {
	display: block;
	margin: 0 0 15px 0
}

.area.content .image-gallery .item,.area.content.hero .slideshow .image-gallery .item {
	margin: 0 2px;
	overflow: hidden;
	position: relative;
	height: auto
}

.area.content .image-gallery .item div.img,.area.content.hero .slideshow .image-gallery .item div.img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 70.8333333333%;
	height: 0
}

.area.content .image-gallery .item.zoom.video,.area.content.hero .slideshow .image-gallery .item.zoom.video {
	position: relative;
	display: block
}

.area.content .image-gallery .item.zoom.video::after,.area.content.hero .slideshow .image-gallery .item.zoom.video::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	background-image: url("../images/video-play-button.svg");
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (min-width:1215px) {
	.area.content .image-gallery .item.zoom.video::after,.area.content.hero .slideshow .image-gallery .item.zoom.video::after {
		background-size: 90px
	}
}

.area.content .image-gallery .item.zoom.video:hover::after,.area.content.hero .slideshow .image-gallery .item.zoom.video:hover::after {
	background-color: rgba(0,0,0,0.1)
}

.area.content .image-gallery button.slick-prev.slick-arrow,.area.content .image-gallery button.slick-next.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	bottom: 0;
	display: inline-block !important;
	height: 100%;
	margin: 0;
	top: 0;
	width: 10px;
	z-index: 1000
}

.area.content .image-gallery button.slick-prev.slick-arrow:before,.area.content .image-gallery button.slick-next.slick-arrow:before,.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow:before,.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow:before {
	content: ""
}

.area.content .image-gallery button.slick-prev.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
	background-image: url("../images/prev.svg");
	background-size: 10px 24px
}

@media only screen and (max-width:1024px) {
	.area.content .image-gallery button.slick-prev.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
		left: 0
	}
}

@media only screen and (min-width:1025px) {
	.area.content .image-gallery button.slick-prev.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-prev.slick-arrow {
		left: -20px
	}
}

.area.content .image-gallery button.slick-next.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
	background-image: url("../images/next.svg");
	background-size: 10px 24px
}

@media only screen and (max-width:1024px) {
	.area.content .image-gallery button.slick-next.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
		right: 0
	}
}

@media only screen and (min-width:1025px) {
	.area.content .image-gallery button.slick-next.slick-arrow,.area.content.hero .slideshow .image-gallery button.slick-next.slick-arrow {
		right: -20px
	}
}

@media only screen and (min-width:768px) {
	.area.content.hero .slideshow .image-gallery.slick-slider {
		margin-bottom: 0
	}

	.area.content.hero .slideshow .item.image-gallery-moved .image-gallery {
		display: none
	}
}

header nav .nav-block {
	padding-top: 127.111111108px;
	overflow: hidden;
	position: relative
}

@media only screen and (min-width:1215px) {
	header nav .nav-block {
		padding-top: 158.888888885px
	}
}

header nav .nav-block .decoration {
	height: 127.111111108px;
	width: 208px;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	display: block;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	visibility: hidden
}

@media only screen and (min-width:1215px) {
	header nav .nav-block .decoration {
		height: 158.888888885px
	}
}

@media only screen and (min-width:1215px) {
	header nav .nav-block .decoration {
		width: 260px
	}
}

header nav .nav-block .decoration.on {
	opacity: 1;
	visibility: visible
}

header nav .nav-block h2 {
	margin: 0
}

header nav .nav-block h2,header nav .nav-block h2 a,header nav .nav-block h2 i,header nav .nav-block h2 span {
	font-size: 11.2px;
	font-style: normal;
	font-weight: 700;
	text-align: left;
	color: #000;
	display: block;
	text-decoration: none;
	margin-top: 12px
}

@media only screen and (min-width:1215px) {
	header nav .nav-block h2,header nav .nav-block h2 a,header nav .nav-block h2 i,header nav .nav-block h2 span {
		font-size: 14px
	}
}

header nav .nav-block a.current,header nav .nav-block i.current {
	color: #787878
}

@media only screen and (min-width:1025px) {
	header nav .nav-block a:hover {
		color: #787878
	}
}

header nav .nav-block a .decoration {
	cursor: pointer
}

header nav .nav-block ul {
	padding: 7.5px 0 0 0;
	margin-bottom: 7.5px;
	list-style: none
}

header nav .nav-block ul li.div {
	margin-top: 30px
}

header nav .nav-block ul li a,header nav .nav-block ul li i,header nav .nav-block ul li span {
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	color: #000;
	display: block;
	line-height: 1.8;
	padding: 0;
	text-decoration: none
}

@media only screen and (max-width:1024px) {
	header nav .main .sub .nav-block {
		padding-top: 0
	}

	header nav .main .sub .nav-block .decoration {
		height: 40px;
		left: 15px;
		opacity: 1;
		position: absolute;
		top: 7.5px;
		visibility: visible;
		width: 65.454545456px;
		line-height: 0
	}

	header nav .main .sub .nav-block .decoration img {
		height: 100%;
		width: 100%
	}

	header nav .main .sub .nav-block h2 a,header nav .main .sub .nav-block h2 i {
		padding-left: 95.454545456px
	}

	header nav .main .sub .nav-block h2 span {
		margin-top: 0;
		padding-left: 0
	}

	header nav .main .sub .nav-block ul li a,header nav .main .sub .nav-block ul li i {
		font-size: 11.2px;
		padding-left: 95.454545456px;
		padding-top: 7.5px;
		padding-bottom: 7.5px;
		font-style: normal;
		font-weight: normal;
		border: none
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main .sub .nav-block ul li a,header nav .main .sub .nav-block ul li i {
		font-size: 14px
	}
}

@media only screen and (max-width:1024px) {
	header nav .main .sub .nav-block ul li a .decoration,header nav .main .sub .nav-block ul li i .decoration {
		display: none
	}

	header nav .main .sub .nav-block h2,header nav .main .sub .nav-block ul li {
		position: relative
	}

	header nav .main .sub .nav-block h2:first-child a,header nav .main .sub .nav-block ul li:first-child a {
		border-top: 0
	}

	header nav .main .sub .nav-block h2 {
		padding-top: 0
	}

	header nav .main .sub .nav-block ul {
		display: none;
		padding-top: 0
	}

	header nav .main .sub .nav-block ul li.description {
		display: none
	}

	header nav .main .sub .nav-block.mobile-foldable h2 {
		background-image: url(../images/toggle-arrow-down.svg);
		background-size: false;
		background-size: 9px;
		background-repeat: no-repeat;
		background-position: right 15px center
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main .sub .nav-block.mobile-foldable h2 {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
	header nav .main .sub .nav-block.mobile-foldable h2 {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min-resolution:288dpi),only screen and (max-width:1024px) and (min-resolution:2dppx) {
	header nav .main .sub .nav-block.mobile-foldable h2 {
		background-image: url(../images/toggle-arrow-down.svg) !important
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main .sub .nav-block.mobile-foldable h2 {
		background-size: 11.25px
	}
}

@media only screen and (max-width:1024px) {
	header nav .main .sub .nav-block.mobile-foldable-open ul {
		display: block
	}

	header nav .main .sub .nav-block.mobile-foldable-open h2 {
		background-image: url(../images/toggle-arrow-up.svg);
		background-size: false
	}
}

@media only screen and (max-width:1024px) and (min-width:1215px) {
	header nav .main .sub .nav-block.mobile-foldable-open h2 {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:1.5),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:1.5 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:1.5) {
	header nav .main .sub .nav-block.mobile-foldable-open h2 {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

@media only screen and (max-width:1024px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:1024px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (max-width:1024px) and (min-device-pixel-ratio:2),only screen and (max-width:1024px) and (min-resolution:288dpi),only screen and (max-width:1024px) and (min-resolution:2dppx) {
	header nav .main .sub .nav-block.mobile-foldable-open h2 {
		background-image: url(../images/toggle-arrow-up.svg) !important
	}
}

.area.content .nav-block {
	background-color: #fff;
	overflow: hidden;
	position: relative;
	height: 100%;
}

@media only screen and (max-width:767px) {
	.area.content .nav-block {
		margin-bottom: 30px;
		padding: 15px
	}
}

@media only screen and (min-width:768px) {
	.area.content .nav-block {
		        display: flex;
        min-height: 200px;
        padding: 30px;
        flex-wrap: wrap;
        align-content: center;
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content .nav-block {
		min-height: 370px
	}
}

@media only screen and (min-width:768px) and (min-width:1415px) {
	.area.content .nav-block {
		min-height: 370px
	}
}

.area.content .nav-block .decorationContainer {
	display: block;
	position: absolute;
	z-index: 1
}

@media only screen and (min-width:768px) {
	.area.content .nav-block .decorationContainer {
		width: 200px;
		right: 30px;
		top: 30px;
		bottom: 20%;
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content .nav-block .decorationContainer {
		width: 250px;
		display: flex;
		align-content: center;
		flex-wrap: nowrap;
	}
}

@media only screen and (min-width:768px) and (min-width:1415px) {
	.area.content .nav-block .decorationContainer {
		width: 280px;
		display: flex;
			align-content: center;
		flex-wrap: nowrap;
		
	}
}

@media only screen and (max-width:767px) {
	.area.content .nav-block .decorationContainer {
		left: 15px;
		right: 15px;
		height: 150px;
	}

	.area.content .nav-block ul li:nth-child(n+1) .decorationContainer {
		display: none;
	}
}
}

.area.content .nav-block .decorationContainer.on {
	z-index: 2
}

.area.content .nav-block .decorationContainer .decoration {
	display: flex;
	justify-content: center;
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	max-height: 200px;
	width: 100%;
	height: 100%;
	text-align: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	z-index: 1
}

@media only screen and (min-width:1215px) {
	.area.content .nav-block .decorationContainer .decoration {
		max-height: 250px
	}
}

@media only screen and (min-width:1415px) {
	.area.content .nav-block .decorationContainer .decoration {
		max-height: 280px
	}
}

@media only screen and (min-width:768px) {
	.area.content .nav-block .decorationContainer .decoration {
		position: absolute;
		bottom: 0;
		margin: 0 auto
	}
}

.area.content .nav-block .decorationContainer .decoration.on {
	opacity: 1;
	visibility: visible;
	z-index: 2
}

.area.content .nav-block .decorationContainer .decoration img {
	max-width: 200px;
	max-height: 100%;
}

@media only screen and (min-width:1215px) {
	.area.content .nav-block .decorationContainer .decoration img {
		max-width: 250px
	}
}

@media only screen and (min-width:1415px) {
	.area.content .nav-block .decorationContainer .decoration img {
		max-width: 280px
	}
}

.area.content .nav-block h2 {
	font-size: 12.8px;
	font-weight: 500;
	display: block;
	text-align: left
}

@media only screen and (min-width:1215px) {
	.area.content .nav-block h2 {
		font-size: 16px
	}
}

@media only screen and (max-width:767px) {
	.area.content .nav-block h2 {
		margin-bottom: 180px;
		position: relative
	}

	.area.content .nav-block h2 .decorationContainer {
		bottom: -165px
	}
}

@media only screen and (min-width:768px) {
	.area.content .nav-block h2 {
		margin-right: 200px;
		margin-bottom: 30px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content .nav-block h2 {
		margin-right: 250px
	}
}

@media only screen and (min-width:768px) and (min-width:1415px) {
	.area.content .nav-block h2 {
		margin-right: 280px
	}
}

.area.content .nav-block h2,.area.content .nav-block h2 a,.area.content .nav-block h2 i {
	color: #1d1d1b;
	display: block;
	font-style: normal;
	text-decoration: none
}

.area.content .nav-block h2 span {
	font-size: 20px;
	font-weight: 700
}

@media only screen and (min-width:1215px) {
	.area.content .nav-block h2 span {
		font-size: 25px
	}
}

.area.content .nav-block a,.area.content .nav-block i {
	font-style: normal
}

.area.content .nav-block a.current,.area.content .nav-block i.current {
	color: #787878
}

@media only screen and (min-width:1025px) {
	.area.content .nav-block a:hover {
		color: #787878;
		display: block
	}
}

.area.content .nav-block a .decoration {
	cursor: pointer
}

.area.content .nav-block ul {
	display: block;
	list-style: none;
	padding-left: 0;
	margin-bottom: 0
}

@media only screen and (max-width:767px) {
	.area.content .nav-block ul {
		margin-top: 180px;
		position: relative
	}
}

@media only screen and (min-width:768px) {
	.area.content .nav-block ul {
		margin-right: 200px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content .nav-block ul {
		margin-right: 250px
	}
}

@media only screen and (min-width:768px) and (min-width:1415px) {
	.area.content .nav-block ul {
		margin-right: 280px
	}
}

.area.content .nav-block ul li.div {
	margin-top: 30px
}

.area.content .nav-block ul li {
	overflow: hidden;
}

.area.content .nav-block ul li a,.area.content .nav-block ul li i {
	-moz-transition: all .25s;
	-webkit-transition: all .25s;
	transition: all .25s;
	color: #000;
	display: inline-block;
	line-height: 2;
	padding: 0;
	text-decoration: none
}

.area.content .nav-block ul li.styled::before {
	margin-top: 6.4px
}

@media only screen and (min-width:1215px) {
	.area.content .nav-block ul li.styled::before {
		margin-top: 8px
	}
}

.area.content .nav-block ul li a:after {
	content: "\0000a0>"
}

@media only screen and (min-width:768px) {
	.area.content .grid-25 .nav-block .decoration,.area.content .grid-33 .nav-block .decoration {
		width: auto;
		height: 150px
	}
}

.area.content .grid-25 .nav-block .decorationContainer.center .decoration,.area.content .grid-33 .nav-block .decorationContainer.center .decoration {
	width: inherit
}

@media only screen and (min-width:768px) {
	.area.content .grid-25 .nav-block h2,.area.content .grid-33 .nav-block h2 {
		margin-bottom: 180px;
		margin-right: 0;
		position: relative
	}

	.area.content .grid-25 .nav-block h2 span,.area.content .grid-33 .nav-block h2 span {
		font-size: 12.8px
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.area.content .grid-25 .nav-block h2 span,.area.content .grid-33 .nav-block h2 span {
		font-size: 16px
	}
}

@media only screen and (min-width:768px) {
	.area.content .grid-25 .nav-block h2 .decorationContainer,.area.content .grid-33 .nav-block h2 .decorationContainer {
		bottom: -165px;
		top: auto;
		left: 0
	}
}

@media only screen and (min-width:768px) {
	.area.content .grid-25 .nav-block ul,.area.content .grid-33 .nav-block ul {
		margin-top: 180px;
		margin-right: 0;
		position: relative
	}

	.area.content .grid-25 .nav-block ul .decorationContainer,.area.content .grid-33 .nav-block ul .decorationContainer {
		top: -165px;
		left: 0
	}
}

.text-image {
	margin-left: -15px;
	margin-right: -15px
}

.text-image img {
	width: 100%
}

.text-image .left-inline {
	float: left;
	padding: 0 15px 7.5px 0
}

.text-image .right-inline {
	float: right;
	padding: 0 0 7.5px 15px
}

.text-image a.video {
	position: relative;
	display: block
}

.text-image a.video::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.3);
	background-image: url("../images/video-play-button.svg");
	background-size: 72px;
	background-repeat: no-repeat;
	background-position: center center
}

@media only screen and (min-width:1215px) {
	.text-image a.video::after {
		background-size: 90px
	};
}

.text-image a.video:hover::after {
	background-color: rgba(0,0,0,0.1)
}

.text-image figure figcaption {
	display: block;
	margin-top: 7.5px;
	text-align: center
}

@media only screen and (max-width:1024px) {
	.area.content.hero .text-image {
		padding-top: 15px
	}
}

.item.text-white .text-image,.item.text-white .text-image h1,.item.text-white .text-image h2,.item.text-white .text-image h3,.item.text-white .text-image h4,.item.text-white .text-image h5,.item.text-white .text-image h6 {
	color: #fff !important
}

@media only screen and (max-width:767px) {
	.text-image.hero-mode .hero-image a {
		display: block
	}

	.text-image.hero-mode .hero-image img {
		height: 300px;
		margin: 0 auto;
		width: auto
	}

	.text-image.hero-mode .hero-image figure figcaption {
		margin-top: 0;
		text-align: center
	}
}

@media only screen and (min-width:768px) {
	.text-image.hero-mode .hero-image {
		position: absolute;
		top: 15%;
		bottom: 0
	}

	.text-image.hero-mode .hero-image.nav-spacing {
		top: 30px
	}

	.text-image.hero-mode .hero-image a {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}

	.text-image.hero-mode .hero-image figure {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0
	}

	.text-image.hero-mode .hero-image figure figcaption {
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		font-size: 12.8px
	}

	#ftzw {
		padding: 30px 0 0 45px;
	}
}

@media only screen and (min-width:768px) and (min-width:1215px) {
	.text-image.hero-mode .hero-image figure figcaption {
		font-size: 16px
	}
}

@media only screen and (min-width:768px) {
	.banner-img {
		max-width: fit-content!important;
	}

	.cp-liebiao .nav-block {
		min-height: 375px!important;
	}

	.text-image.hero-mode .hero-image img {
		max-height: 100%;
		width: auto;
		margin: 0 auto
	}

	.cpheight {
		margin-bottom: 20px !important;
		height: 500px;
	}

	.rkefu {
		position: fixed;
		right: 10px;
		top: 30%;
		background: #e3e3e3;
		padding: 5px 10px;
		border-radius: 10px;
		z-index: 9999;
	}

	.rkefu .a1 {
		padding: 5px 0;
	}

	.rkefu .weixin {
		position: absolute;
		right: 65px;
		top: 65px;
		background: #fff;
		display: none;
		width: 120px;
	}

	.rkefu .weixin .lm1 img {
		width: 120px;
		border: 5px solid #fff;
	}

	.rkefu .weixin .lm2 {
		text-align: center;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #333;
	}
}

.position a {
	text-decoration: none;
}

@media only screen and (min-width:1215px) {
	.position {
		font-size: 0.25rem;
		color: #666666;
	}

	.position a {
		color: #666666;
		padding-right: 0.1rem;
		font-size: 16px;
	}
}

@media only screen and (min-width:768px) and (max-width:1215px) {
	.position {
		font-size: 0.25rem;
		color: #666666;
		padding-left: 20px;
	}

	.position a {
		color: #666666;
		padding-right: 0.1rem;
		font-size: 14px;
	}
}

@media only screen and (max-width:768px) {
	.rkefu {
		display: none;
	}

	.position {
		font-size: 0.25rem;
		color: #666666;
		padding-left: 15px;
	}

	.position a {
		color: #666666;
		padding-right: 0.1rem;
		font-size: 14px;
	}

	.area.content.breadcrumbs {
		padding-bottom: 15px;
	}

	#ftzw {
		padding: 30px 0 0 25px;
	}
}

#ftweixin img {
	width: 100px;
}

#ftweixin #con1 {
	text-align: center;
}

.size-ultrawide img {
	max-width: 100%;
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}