.col-left {
	float: left;
	width: 50%;
}

.col-right {
	float: right;
	width: 50%;
}

.col-3-1 {
	float: left;
	width: 40%;
}

.col-3-2 {
	float: left;
	width: 60%;
}

.col-2 {
	float: left;
	width: 50%;
}

.col-3 {
	float: left;
	width: 33.3333%;
}

.display-table {
	display: table;
	width: 100%;
	height: 100%;
}

.display-cell,
.display-table-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.fleft { float: left; }
.fright { float: right; }

.center {
	text-align: center;
}

.nowrap {
	white-space: nowrap;
}

a {
	color: #f99623;
	text-decoration: underline;
	transition: all 0.2s ease-out;
}

	a:hover {
		color: #000;
		text-decoration: none;
	}

html, body {
	/*overflow-x: hidden;*/
}

html {
	font-size: 62.5%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.6;
	color: #3b3b3b;
	background-color: #3a3939;
	overflow-x: hidden;
}


p {
	margin-top: 2rem;
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 4rem;
	margin-bottom: 3rem;
	line-height: 1.1;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
}

h3 {
	margin-bottom: 2.5rem;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
	margin-top: 0;
}

h1,
h2 {
	margin-top: 4rem;
	font-size: 6rem;
	font-style: italic;
	/* line-height: 3.5rem; */
}

h3 {
	font-size: 2.2rem;
}
h4 {
	font-size: 1.8rem;
}
h5 {
	font-size: 0.471rem;
}
h6 {
	font-size: 0.3535rem;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	text-transform: none;
	/* font-weight: 400; */
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #000;
	text-decoration: none;
}

	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
		color: #555;
		text-decoration: none;
	}



.main {
	position: relative;
	/* margin-top: 13rem; */
	padding-top: 11rem;
	background-color: #fff;
	overflow-x: hidden;
}

/*
	margin-top: 84px;
body.home .main {
	margin-top: 0;
}
*/


.btn {
	display: inline-block;
	/* min-width: 150px; */
	/* height: 46px; */
	margin-top: 5rem;
	padding: 1.2rem 3rem;
	line-height: 1.3;
	font-size: 1.7rem;
	font-weight: 600;
	color: #fff;
	background: #faa84c;
	border: 2px solid #faa84c;
	border-radius: 6px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

	.btn:hover {
		border-color: #ed9027;
		background: #ed9027;
		color: #fff;
		text-decoration: none;
	}

	.btn:active {
		border-color: #e4871f;
		background: #e4871f;
		color: #fff;
		text-decoration: none;
	}

	.btn:disabled {
		border-color: #ccc !important;
		background: #ccc !important;
		color: #eee !important;
		text-decoration: none;
	}

	.btn.btn-white {
		color: #0d2c39;
		background-color: #fff;
		border-color: #fff;
	}

		.btn.btn-white:hover,
		.btn.btn-white.active {
			color: #08aecc;
			background: #fff;
			border-color: #fff;
		}

		.btn.btn-white:active {
			color: #38cce9;
			background: #fff;
			border-color: #fff;
		}

	.btn.btn-green {
		color: #fff;
		background-color: #95c11f;
		border-color: #95c11f;
	}

		.btn.btn-green:hover,
		.btn.btn-green.active {
			color: #fff;
			background: #f99623;
			border-color: #f99623;
		}

		.btn.btn-green:active {
			color: #fff;
			background: #ec8a19;
			border-color: #ec8a19;
		}

	.btn.btn-blue {
		color: #fff;
		border-color: #38cce9;
		background-color: #38cce9;
	}

		.btn.btn-blue:hover,
		.btn.btn-blue.active {
			background-color: #6EDBEC;
			color: #fff;
		}

		.btn.btn-blue:active {
			background-color: #37CEE6;
			color: #fff;
		}

	.btn.btn-black {
		color: #fff;
		background-color: #101010;
		border-color: #101010;
	}

		.btn.btn-black:hover {
			background-color: #1a1a1a;
			border-color: #1a1a1a;
			color: #fff;
		}

		.btn.btn-black:active {
			background-color: #000;
			border-color: #000;
			color: #eee;
		}

	.btn.disabled,
	.btn.disabled:hover,
	.btn.disabled:active {
		color: #eee !important;
		background-color: #bbb !important;
		border-color: #bbb !important;
		pointer-events: none !important;
	}



/*
.input {
	display: inline-block;
	height: 46px;
	padding: 0 15px;
	line-height: 32px;
	color: #3e3e3e;
	background: transparent;
	border: 2px solid #0078ba;
	background-color: #fff;
	text-align: left;
	font-size: 16px;
	transition: all 0.2s ease-out;
}
*/

::-webkit-input-placeholder {
	font-style: italic;
	color: #aaa;
}

:-moz-placeholder {
	font-style: italic;
	color: #aaa;
}

::-moz-placeholder {
	font-style: italic;
	color: #aaa;
}

:-ms-input-placeholder {
	font-style: italic;
	color: #aaa;
}

.placeholder-like {
	/*font-style: italic;*/
	color: #555;
}

.select select option:first-child,
select.input option:first-child {
	font-style: italic !important;
	/* color: #aaa !important; */
}



.inner {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 2.5rem;
	z-index: 25;
}

	.section-heading {
		max-width: 80rem;
		margin: 0 auto;
		text-align: center;
	}

		.section-heading h1,
		.section-heading h2 {
			/* margin-bottom: 0rem; */
		}

		.section-heading ul,
		.section-heading ol {
			text-align: left;
		}


.center {
	text-align: center;
}


.faded {
	opacity: 0.8;
}

tr.faded {
	opacity: 0.6;
}

.text-more {
	display: none;
}


.main-menu-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	min-height: 11rem;
	color: #fff;
	background-color: #fff;
	box-shadow: 0 0 60px rgba(0,0,0,0.1);
	z-index: 900;
	transition: all 0.2s ease-out;
}

	body:not(.home) .main-menu-wrap {
	}

	.main-menu-wrap.fixed {
	}

	.main-menu-wrap.nav-up {
		box-shadow: none;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}


	.main-menu-wrap .inner {
		max-width: 1500px;
	}

	.top-menu {
		position: relative;
		min-height: 3rem;
		text-align: right;
		z-index: 100;
	}

		.top-menu a {
			display: inline-block;
			margin: 0 0.5rem;
			line-height: 3rem;
			font-size: 1.3rem;
			color: #000;
			white-space: nowrap;
			text-decoration: none;
		}

		.languages {
			position: relative;
			display: inline-block;
			margin-left: 0.2rem;
			z-index: 102;
		}

			.languages > a {
				text-transform: none;
				pointer-events: none;
			}

				.languages > a::after {
					content: none;
				}

				.languages > a .fa {
					margin-right: 0.8rem;
				}

				.languages ul {
					position: absolute;
					top: 100%;
					left: -1rem;
					right: -1rem;
					margin: 0;
					padding: 0.4rem 0;
					background-color: #f3f3f3;
					/* box-shadow: 0 0 15px rgba(0,0,0,0.05); */
 					z-index: 12;
 					/* z-index: -1; */
 					visibility: hidden;
 					opacity: 0;
					-webkit-transform: translateY(-10px);
					transform: translateY(-10px);
 					transition: all 0.15s ease-out;
				}

					.languages:hover ul {
	 					visibility: visible;
	 					opacity: 1;
						-webkit-transform: translateY(0);
						transform: translateY(0);
	 				}

					.languages ul li {
						float: none;
						display: block;
						width: 100%;
						margin: 0;
						padding: 0;
					}

						.languages ul li a {
							display: block;
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0.5rem 0.3rem;
							line-height: 1.3;
							/* font-size: 1.4rem; */
							text-transform: none;
							text-align: center;
							font-weight: 400;
							color: #0a0908;
							text-decoration: none;
							transition: all 0.2s ease-out;
						}


	.logo {
		position: absolute;
		top: 0.5rem;
		left: 2.5rem;
		display: block;
		width: auto;
		height: 9.3rem;
		/* background-image: url("../images/logo-white.png"); */
		/* background-size: contain; */
		/* background-position: center; */
		/* background-repeat: no-repeat; */
		z-index: 20;
		transition: all 0.2s ease-out;
	}

		body:not(.home) .main-menu-wrap .logo,
		.main-menu-wrap.fixed .logo {
			/* background-image: url("../images/logo.png"); */
		}

		.main-menu-wrap.fixed .logo {
		}

		.main-menu-wrap.nav-up .logo {
			top: -1.5rem;
			/* opacity: 0; */
			transition: all 0.2s ease-out 0.1s;
		}

		.logo img {
			display: block;
			height: 100%;
			/* opacity: 0; */
		}

/*
		.logo::after {
			content: "";
			position: absolute;
			bottom: 0.7rem;
			right: -1.2rem;
			display: block;
			width: 12rem;
			height: 12rem;
			border-radius: 3.5rem;
			box-shadow: 0 0 8px rgba(0,0,0,0.3);
			-webkit-transform: rotate(16deg);
			transform: rotate(16deg);
			z-index: -1;
		}
*/

	.menu-button {
		display: none;
		position: absolute;
		top: 2.4rem;
		right: 3rem;
		width: 3.8rem;
		padding: 0.1rem 0.7rem;
		z-index: 331;
	}

		.menu-button div {
			width: 100%;
			height: 2px;
			margin: 4px 0;
			background-color: #333;
		}

	.main-menu {
		position: absolute;
		top: 0;
		left: 26rem;
		/* float: right; */
	}

		.main-menu ul {
			position: relative;
			display: block;
			/* width: 100%; */
			margin: 0;
			padding: 0;
			text-align: center;
			font-size: 0;
		}

			.main-menu ul li {
				position: relative;
				display: inline-block;
				width: auto;
				margin: 0;
				padding: 0;
				vertical-align: top;
				list-style: none;
				transition: all 0.2s ease-out;
			}

				.main-menu ul li a {
					position: relative;
					display: block;
					width: 100%;
					height: 8rem;
					margin: 0;
					padding: 0 1.2rem;
					line-height: 8rem;
					font-family: "Roboto Condensed", sans-serif;
					font-size: 1.7rem;
					/* text-transform: uppercase; */
					text-align: center;
					font-weight: 400;
					color: #0a0908;
					text-decoration: none;
 					z-index: 10;
					transition: all 0.2s ease-out;
				}

					.main-menu ul li a.two-rows {
						padding-top: 2.8rem;
						line-height: 1.2;
					}

					.main-menu ul li.current-menu-item > a {
						font-weight: 600;
					}

						.main-menu ul li.active a::after {
							opacity: 1;
						}

					.main-menu ul li a:hover {
						color: #000;
						text-decoration: none;
					}

			.main-menu li.has-submenu > a::after {
				content: "";
				position: relative;
				top: -0.04em;
				display: inline-block;
				width: 0;
				height: 0;
				margin-left: 0.5rem;
				vertical-align: middle;
				border-style: solid;
				border-width: 6px 4px 0 4px;
				border-color: #0a0908 transparent transparent transparent;
			}

				.main-menu > ul > li > ul {
					position: absolute;
					top: 100%;
					left: -2rem;
					right: -2rem;
					padding: 1rem 0;
					background-color: #eee;
					box-shadow: 0 2px 2px rgba(0,0,0,0.1);
 					z-index: 3;
 					/* z-index: -1; */
 					visibility: hidden;
 					opacity: 0;
					-webkit-transform: translateY(-10px);
					transform: translateY(-10px);
 					transition: all 0.15s ease-out;
				}

					.main-menu > ul > li:hover > ul {
	 					visibility: visible;
	 					opacity: 1;
						-webkit-transform: translateY(0);
						transform: translateY(0);
	 				}

					.main-menu > ul > li > ul li {
						float: none;
						display: block;
						width: 100% !important;
					}

						.main-menu > ul > li > ul li a {
							display: block;
							width: 100%;
							height: auto;
							margin: 0;
							padding: 0.8rem 0.3rem;
							line-height: 1.3;
							font-size: 1.4rem;
							/* text-transform: uppercase; */
							text-align: center;
							font-weight: 400;
							color: #0a0908;
							text-decoration: none;
							transition: all 0.2s ease-out;
						}

	.main-menu-wrap .eshop {
		position: absolute;
		right: 2.5rem;
		top: 0.3rem;
		display: inline-block;
		height: 7.4rem;
		padding: 0 2rem;
		line-height: 7.4rem;
		font-size: 1.9rem;
		color: #fff;
		/* color: #000; */
		text-decoration: none;
		background-color: #95c11f;
		z-index: 1;
	}

		.main-menu-wrap .eshop::before {
			content: "";
			display: inline-block;
			width: 2.6rem;
			height: 2.4rem;
			margin-top: -0.4rem;
			margin-right: 1rem;
			background-image: url("../images/cart.png");
			background-size: contain;
			background-position: center;
			background-repeat: no-repeat;
			vertical-align: middle;
		}

		.main-menu-wrap .eshop:hover,
		.main-menu-wrap .eshop.active {
			color: #fff;
			background: #f99623;
		}

		.main-menu-wrap .eshop:active {
			color: #fff;
			background: #ec8a19;
		}


.anchor {
	position: absolute;
	top: -9rem;
	left: 0;
}

	.after-skew .anchor {
		top: 0rem;
	}


.section.parallax {
	background-size: 100% auto;
	background-attachment: fixed;
}

	.overlay {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
		display: none;
		width: 100%;
		height: 100%;
		/* z-index: -1; */
		background-color: #fff;
		opacity: 0.25;
	}

.arrow-left,
.arrow-right,
.arrow-top,
.arrow-down {
	display: block;
	width: 4rem;
	height: 4rem;
	border: 4px solid #c1c1c1;
	border-color: #c1c1c1;
	border-width: 4px 4px 0 0;
}

.arrow-left {
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}

.arrow-right {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.arrow-down {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.arrow-up {
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}


#mobile-indicator,
#tablet-indicator {
	display: none;
}



.section {
	position: relative;
	padding-top: 9rem;
	padding-bottom: 9rem;
	background-repeat: no-repeat;
}

	.section.parallax {
		background-attachment: fixed;
		background-size: 100% auto;
	}

	.before {
		/* padding-top: 6rem; */
		/* padding-bottom: 6rem; */
	}

	.after {
		/* padding-top: 6rem; */
		/* padding-bottom: 6rem; */
	}

	.after-after {
		padding-top: 14rem;
		/* padding-bottom: 6rem; */
	}

	.before-before {
		padding-bottom: 14rem;
	}

	.section.before.after {
		/* padding-top: 6rem; */
		/* padding-bottom: 6rem; */
	}

	.section.before-skew {
		padding-bottom: 18rem;
	}

	.section.after-skew {
		padding-top: 18rem;
	}

	.section.skew {
		margin-top: -9rem;
		margin-bottom: -9rem;
		transform: skewY(-1.5deg);
		-webkit-transform: skewY(-1.5deg);
		z-index: 25;
	}

		.section.skew.skew-rev {
			transform: skewY(1.5deg);
			-webkit-transform: skewY(1.5deg);
		}

		.section.skew .inner {
			transform: skewY(1.5deg);
			-webkit-transform: skewY(1.5deg);
		}

			.section.skew.skew-rev .inner {
				transform: skewY(-1.5deg);
				-webkit-transform: skewY(-1.5deg);
			}

	.section.before::before,
	.section.after::after {
		content: "";
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		display: block;
		width: 300rem;
		height: 3.9rem;
		background-position: center;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		z-index: 18;
	}

	.section.white {
		background-color: #fff;
	}

	.section.before::before {
		bottom: 100%;
		background-image: url("../images/section-before.png");
	}

	.section.after::after {
		top: 100%;
		background-image: url("../images/section-after.png");
	}

	.section.blue {
		background-color: #0ab0cc;
	}

	.section.blue.before::before {
		background-image: url("../images/section-before-blue.png");
	}

	.section.blue.after::after {
		background-image: url("../images/section-after-blue.png");
	}

	.section.blue2 {
		background-color: #6fbbcb;
	}

	.section.blue2.before::before {
		background-image: url("../images/section-before-blue2.png");
	}

	.section.blue2.after::after {
		background-image: url("../images/section-after-blue2.png");
	}

	.section.cyan.before::before {
		background-image: url("../images/section-before-cyan.png");
	}

	.section.cyan.after::after {
		background-image: url("../images/section-after-cyan.png");
	}

	.section.cyan {
		background-color: #77c6be;
	}

	.section.green.before::before {
		background-image: url("../images/section-before-green.png");
	}

	.section.green.after::after {
		background-image: url("../images/section-after-green.png");
	}

	.section.green {
		background-color: #a9be77;
	}

	.section.darkblue.before::before {
		background-image: url("../images/section-before-darkblue.png");
	}

	.section.darkblue.after::after {
		background-image: url("../images/section-after-darkblue.png");
	}

	.section.darkblue {
		background-color: #235c69;
	}

	.section.black {
		background-color: #232323;
		color: #eee;
	}

		.section.black h2,
		.section.black h3 {
			color: #fff;
		}

	.section.black-transparent {
		background-color: rgba(35,35,35,0.96);
	}

	.section.gray,
	.section.grey {
		background-color: #f9f9f9;
	}

	.section.orange {
		background-color: #f99623;
	}


	.section.icons.before::before {
		height: 154px;
		background-image: url("../images/section-icons-before.png");
	}



.home-categories {
	padding-top: 0;
	padding-bottom: 6rem;
}

	.home-categories .inner {
		max-width: 1900px;
		padding: 0;
	}

	.home-categories-logo {
		position: absolute;
		left: 50%;
		top: 50%;
		display: block;
		width: 41.3rem;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 60;
		pointer-events: none;
	}

	.home-categories-items {}

		.home-categories-item {
			position: relative;
			float: left;
			display: block;
			width: 49.5%;
			margin-left: 1%;
			margin-bottom: 1%;
			height: 45rem;
			background-size: cover;
			background-position: center;
			background-repeat: no-repeat;
			text-decoration: none;
		}

			.home-categories-item:nth-child(2n+1) {
				margin-left: 0;
			}

			.home-categories-item:nth-last-child(-n+2) {
				margin-bottom: 0;
				height: 47rem;
			}

			.home-categories-item:hover {
				text-decoration: none;
			}

			.home-categories-item .home-categories-item-overlay {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				display: block;
				width: 100%;
				height: 100%;
				background-color: rgba(50,50,50,0.85);
				color: #fff;
				font-size: 1.7rem;
				font-style: italic;
				text-align: center;
				z-index: 40;
				opacity: 0;
				transition: all 0.2s ease-out;
			}

				.home-categories-item:hover .home-categories-item-overlay {
					opacity: 1;
				}

				.home-categories-item .home-categories-item-overlay > div > div {
					padding: 0 16% 5%;
				}

					.home-categories-item:nth-last-child(-n+2) .home-categories-item-overlay > div > div {
						padding-bottom: 10%;
					}

			.home-categories-item h2 {
				position: absolute;
				margin: 0;
				color: #fff;
				font-style: italic;
				font-size: 4.6rem;
				text-shadow: 1px 1px 20px rgba(0,0,0,0.6);
				z-index: 50;
			}

				.home-categories-item:nth-child(1) h2 {
					top: 3rem;
					right: 4rem;
					text-align: right;
				}

				.home-categories-item:nth-child(2) h2 {
					top: 3rem;
					left: 4rem;
					text-align: left;
				}

				.home-categories-item:nth-child(3) h2 {
					bottom: 6rem;
					right: 4rem;
					text-align: right;
				}

				.home-categories-item:nth-child(4) h2 {
					bottom: 6rem;
					left: 4rem;
					text-align: left;
				}

			.home-categories-item .btn {
				position: absolute;
				left: 50%;
				bottom: 4rem;
				box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				z-index: 50;
			}

				.home-categories-item:nth-last-child(-n+2) .btn {
					bottom: 6rem;
				}

				.home-categories-item:hover .btn {
					color: #fff;
					background: #f99623;
					border-color: #f99623;
				}

				.home-categories-item:active .btn {
					color: #fff;
					background: #ec8a19;
					border-color: #ec8a19;
				}


.properties {}

	.properties-items {
		margin-top: 8rem;
	}

		.properties-item {
			float: left;
			width: 33.333%;
			/* margin-left: 2%; */
			text-align: center;
		}

			.properties-item:nth-child(3n+1) {
				clear: left;
				margin-left: 0;
			}

			.properties-item img {
				display: block;
				width: 100%;
				max-width: 42rem;
				height: auto;
				margin: 0 auto;
			}

			.properties-item .properties-text {
				padding: 0 8%;
			}

				.properties-item h3 {
					min-height: 7rem;
					margin-top: 1.5rem;
					margin-bottom: 0;
					font-size: 3rem;
					text-align: center;
				}

				.properties-item p {
					min-height: 10rem;
					margin-top: 1.2rem;
					text-align: center;
				}

				.properties-item .btn {
					margin-top: 2.8rem;
					padding-left: 2rem;
					padding-right: 2rem;
				}


		body.home .properties-item {
			float: none;
			clear: none;
			display: inline-block;
			width: auto;
			margin-left: 0;
			vertical-align: top;
		}

			body.home .properties-item.slick-slide {
				float: left;
				height: 100%;
				min-height: 1px;
			}

		.slick-slider .slider-control {
			position: absolute;
			top: 45%;
			cursor: pointer;
		}

			.slick-slider .slider-control.arrow-left {
				left: -6rem;
			}

			.slick-slider .slider-control.arrow-right {
				right: -6rem;
			}


.claim {
	/* padding: 16rem 0; */
	background-position: center top;
	background-repeat: no-repeat;
}

.tradition {
	background-image: url("../images/bg-tradition.jpg?v=2");
}

.detail {
	background-image: url("../images/bg-detail.jpg");
}

	.claim .inner {
		max-width: 160rem;
		padding-top: 6rem;
		padding-bottom: 2rem;
		text-align: right;
	}

		.claim h2 {
			margin-bottom: 0;
			color: #fff;
			font-size: 7.6rem;
			font-style: italic;
			text-align: left;
			text-shadow: 0 0 5px rgba(30,50,70,0.3);
		}

			.claim.claim-in-page h2 {
				max-width: 66rem;
			}

.home-prabos {}

	.home-prabos-logo {
		float: left;
		display: block;
		width: 18.7rem;
		height: auto;
		margin-right: 8rem;
	}

	.home-prabos-text {
		color: #fff;
		overflow: hidden;
		-webkit-columns: 2 200px;
		-moz-columns: 2 200px;
		columns: 2 200px;
		-webkit-column-gap: 6rem;
		-moz-column-gap: 6rem;
		column-gap: 6rem;
	}

		.home-prabos-text p:first-child {
			margin-top: 0;
		}


.home-technologies {
	background: rgb(249,150,35);
	background: radial-gradient(circle closest-side, rgba(251,176,90,1) 0%,rgba(249,150,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb05a', endColorstr='#f99623',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body.home .section.home-technologies {
	padding-top: 9rem;
	padding-bottom: 9rem;
}

	.home-technologies .home-technologies-boot {
		position: relative;
		width: 90%;
		max-width: 48rem;
		margin: 6rem auto 0;
	}

		.home-technologies .home-technologies-boot > img {
			display: block;
			width: 100%;
		}

		.home-technologies .home-technologies-boot .tech {
			position: absolute;
			width: 40rem;
		}

			.home-technologies .home-technologies-boot .tech:nth-child(1) {
				right: 110%;
				top: 2rem;
			}
			.home-technologies .home-technologies-boot .tech:nth-child(2) {
				left: 110%;
				top: 2rem;
			}
			.home-technologies .home-technologies-boot .tech:nth-child(3) {
				right: 110%;
				top: 24rem;
			}
			.home-technologies .home-technologies-boot .tech:nth-child(4) {
				left: 110%;
				top: 24rem;
			}

			.home-technologies .home-technologies-boot .tech img {
				float: left;
				display: block;
				width: 13.2rem;
				margin-top: -1rem;
				margin-right: 2rem;
				overflow: hidden;
			}

			.home-technologies .home-technologies-boot .tech .tech-text {
				text-align: left;
				overflow: hidden;
			}

				.home-technologies .home-technologies-boot .tech .tech-text h3 {
					margin-bottom: 0;
					text-align: left;
				}

				.home-technologies .home-technologies-boot .tech .tech-text p {
					margin-top: 0.5rem;
					font-size: 1.4rem;
				}

				.home-technologies .home-technologies-boot .tech .tech-text a {
					display: inline-block;
					margin-top: 0.5rem;
					font-size: 1.5rem;
					font-weight: 600;
					color: #fff;
					/* text-decoration: none; */
				}

					.home-technologies .home-technologies-boot .tech .tech-text a:hover {
						color: #000;
					}


.reviews {}

	.reviews-items {
		max-width: 76rem;
		margin: 0 auto;
	}

		.reviews-item {
			/* float: left; */
			/* display: block; */
			/* width: 46%; */
			/* margin-left: 8%; */
			padding: 0 2rem;
		}

			.reviews-item:nth-child(2n+1) {
				/* clear: left; */
				/* margin-left: 0; */
			}

			.reviews-item p {
				font-style: italic;
			}

			.reviews-item .reviews-person {
				margin-top: 4rem;
			}

				.reviews-item .reviews-person img {
					float: left;
					display: block;
					width: 9rem;
					height: auto;
					margin-right: 3rem;
					border-radius: 50%;
				}

				.reviews-item .reviews-person-text {
					padding-top: 1.6rem;
					text-align: left;
					overflow: hidden;
				}

					.reviews-item .reviews-person-text h3 {
						margin-bottom: 0;
						font-size: 2.6rem;
						font-weight: 400;
						text-align: left;
						color: #fff;
					}

					.reviews-item .reviews-person-text p {
						margin-top: 0;
						font-size: 2rem;
					}


.image-background {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	display: block;
	border-radius: 3rem;
	background-color: #fff;
	-webkit-transform: scale(0.95) rotate(3deg);
	transform: scale(0.95) rotate(3deg);
	transition: all 0.2s ease-out;
	z-index: -1;
}

	.image-background img {
		display: block;
		width: 100%;
		height: auto;
		opacity: 0;
	}


.products {}

	.products-items {}

		.products-item {
			position: relative;
			float: left;
			display: block;
			width: 32%;
			margin-left: 2%;
			padding-top: 5%;
			color: inherit;
			text-decoration: none;
		}

			.products-item:nth-child(3n+1) {
				clear: left;
				margin-left: 0;
			}

			.products-item:hover {
				color: inherit;
				text-decoration: none;
			}

			.products-item > img {
				display: block;
				width: 70%;
				height: auto;
				margin: 0 auto 8%;
			}

			.products-item h3 {
				margin-top: 0;
				text-transform: none;
			}

			.products-item .products-text {
				position: absolute;
				left: 0;
				right: 0;
				top: 3rem;
				bottom: 0;
				width: 100%;
				height: 100%;
				padding: 14% 12% 0;
				text-align: center;
				/* background-image: url("../images/square.svg"); */
				/* background-size: 100% auto; */
				/* background-position: center top; */
				/* -webkit-transform: rotate(-7.6deg); */
				/* transform: rotate(-7.6deg); */
				opacity: 0;
				transition: all 0.2s ease-out;
				z-index: 5;
			}

				/*
				.products-item .products-text::after {
					content: "";
					position: absolute;
					left: 0;
					top: 0;
					right: 0;
					display: block;
					width: 100%;
					padding-bottom: 100%;
					background-color: #f99523;
					border-radius: 3rem;
					-webkit-transform: scale(0.95) rotate(3deg);
					transform: scale(0.95) rotate(3deg);
					transition: all 0.2s ease-out;
					z-index: -1;
				}
				*/

				.products-item .image-background {
					background-color: #f99523;
				}

				.products-item:hover .products-text {
					/* -webkit-transform: rotate(0); */
					/* transform: rotate(0); */
					opacity: 1;
				}

					/*
					.products-item:hover .products-text::after {
						-webkit-transform: scale(1) rotate(7.6deg);
						transform: scale(1) rotate(7.6deg);
					}
					*/

					.products-item:hover .image-background {
						-webkit-transform: scale(1) rotate(7.6deg);
						transform: scale(1) rotate(7.6deg);
					}

				.products-item .products-text h3 {
					margin-bottom: 0.6rem;
				}

				.products-item .products-text .cat {
					color: #fff;
					font-weight: 600;
					text-decoration: underline;
					text-transform: uppercase;
				}

					.products-item .products-text .cat:hover {
						color: #000;
					}

				.products-item .products-text p {
					margin-top: 1rem;
					color: #000;
					font-style: italic;
				}

				.products-item .products-text .cats {
					color: #fff;
					text-transform: uppercase;
				}


				.products-item .products-text .products-btn {
					position: absolute;
					left: 0;
					right: 0;
					/* bottom: 3rem; */
					bottom: 21%;
				}

					.products-item .products-text .products-btn .btn {
						margin-top: 0;
					}



.page-header {
	background-position: center top;
	background-repeat: no-repeat;
	color: #fff;
}

	.page-header::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
		background: -moz-linear-gradient(-45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		opacity: 0.4;
		z-index: 5;
	}

	.page-header::after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #000;
		opacity: 0.1;
		z-index: 4;
	}

	.page-header h1 {
		max-width: 56rem;
		margin-bottom: 0;
		text-align: left;
		color: #fff;
		text-shadow: 1px 1px 20px rgba(0,0,0,0.6);
	}

	.page-header p {
		max-width: 41rem;
		margin-top: 1rem;
		text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
	}

	.page-header .btn {
		margin-top: 2.5rem;
		box-shadow: 1px 1px 20px rgba(0,0,0,0.3);
	}


	.icons-items {
		margin-bottom: 8rem;
		text-align: center;
	}

		.icons-item {
			display: inline-block;
			width: 25rem;
			margin-bottom: 2rem;
			padding: 2rem 3rem;
			vertical-align: top;
		}

			.icons-item .icons-icon {
				width: 106px;
				margin: 0 auto;
				border-radius: 50%;
				border: 3px solid #faa84c;
			}

				.icons-item .icons-icon img {
					display: block;
					width: 100%;
					border-radius: 50%;
				}

			.icons-item h3 {
				min-height: 5rem;
				margin-top: 2.5rem;
				margin-bottom: 0;
			}

				body.postid-29 .icons-item h3 {
					min-height: 7.4rem;
				}

			.icons-item p {
				margin-top: 1rem;
			}

.cat-cols {}

	.cat-cols-beready {
		display: block;
		width: 80%;
		max-width: 30.9rem;
		height: auto;
		margin: 0 auto 6rem;
	}

	.cat-cols-items {}

		.cat-cols-item {
			float: left;
			width: 30%;
			margin-left: 5%;
		}

			.cat-cols-item:nth-child(3n+1) {
				clear: left;
				margin-left: 0;
			}

			.cat-cols-item h3 {
				margin-bottom: 0;
				font-size: 2.6rem;
				text-align: left;
			}


.technologies {}

	.technologies-items {
		max-width: 100rem;
		margin: 0 auto;
	}

		.technologies-item {
			margin-bottom: 2rem;
			padding: 2rem 3rem;
			background-color: #f9f9f9;
		}

			.technologies-item img {
				float: left;
				display: block;
				width: 13.2rem;
				margin-right: 4rem;
			}

			.technologies-item .technologies-text {
				overflow: hidden;
			}

				.technologies-item .technologies-text h2 {
					margin-bottom: 0;
					text-align: left;
					font-size: 2.8rem;
					font-style: normal;
				}

				.technologies-item .technologies-text p {
					margin-top: 1rem;
				}

				.technologies-item .technologies-text .btn {
					margin-top: 2rem;
					padding: 0.8rem 2rem;
					font-size: 1.5rem;
				}


.norms {
	padding-bottom: 7rem;
}

	.norms-col {
		float: left;
		width: 47%;
		margin-top: 2rem;
		margin-left: 6%;
	}

		.norms-col:nth-child(2n+1) {
			clear: left;
			margin-left: 0;
		}

	.norms h3 {
		font-size: 2.4rem;
	}

	.norms table {
		width: 100%;
	}

		.norms table td {
			padding: 0.4rem 1.2rem;
			text-align: left;
			vertical-align: middle;
		}

			.norms table td:nth-child(1) {
				width: 1px;
				font-size: 1.8rem;
				font-weight: 600;
				white-space: nowrap;
			}

			.norms table td:nth-child(2) {
				color: #faa84c;
			}

			.norms table td img {
				display: inline-block;
				margin-top: 0.3rem;
				margin-bottom: 0.3rem;
				margin-right: 0.5rem;
				vertical-align: middle;
			}

.norms-key {
	padding-top: 7rem;
}

	.norms-key .norms-col {
		margin-top: 0;
	}

	.norms-key table {
		width: 100%;
	}

		.norms-key table td {
			padding: 0.4rem 1.2rem;
			text-align: left;
			vertical-align: middle;
		}

			.norms-key table td:nth-child(1) {
				width: 1px;
				font-size: 1.8rem;
				white-space: nowrap;
			}

			.norms-key table td img {
				display: inline-block;
				margin-top: 0.3rem;
				margin-bottom: 0.3rem;
				vertical-align: middle;
			}



.references {}

	.references-items {
		max-width: 100rem;
		margin: 0 auto;
	}

		.references-item {
			margin-bottom: 2rem;
			padding: 2rem 3rem;
		}

			.references-item img {
				float: left;
				display: block;
				width: 18rem;
				/* margin-top: -3rem; */
				margin-right: 5rem;
				border-radius: 2.4rem;
				-webkit-transform: scale(1) rotate(7.6deg) translateY(-12%);
				transform: scale(1) rotate(7.6deg) translateY(-12%);
			}

			.references-item .references-image {
				float: left;
				width: 13rem;
				height: 7rem;
				margin-right: 5rem;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
			}

			.references-item .references-text {
				overflow: hidden;
			}

				.references-item .references-text h2 {
					margin-bottom: 0;
					text-align: left;
					font-size: 2.8rem;
					font-style: normal;
				}

				.references-item .references-text p {
					margin-top: 1rem;
				}

				.references-item .references-text .btn {
					margin-top: 2rem;
					padding: 0.8rem 2rem;
					font-size: 1.5rem;
				}

	.references .pagination {
		max-width: 100rem;
		margin: 0 auto;
	}

	.pagination {
		text-align: right;
	}

		.pagination .current,
		.pagination a {
			display: inline-block;
			padding: 0 1rem;
			font-weight: 600;
		}

		.pagination a {
			color: #000;
			text-decoration: none;
		}

			.pagination a:hover {
				color: #555;
				text-decoration: none;
			}

		.pagination .current {
			margin-right: 0.2rem;
			position: relative;
			color: #faa84c;
		}

			.pagination .current::after {
				content: "";
				position: absolute;
				left: 50%;
				top: 50%;
				display: block;
				width: 3.2rem;
				height: 3.2rem;
				border: 2px solid #faa84c;
				border-radius: 0.6rem;
				/* webkit-transform: rotate(7.6deg) translate(-50%, -50%); */
				transform: rotate(7.6deg) translate(-57%, -41%);
			}


.shoe-size {}
.shoe-care {}
.shoe-care-products-items {}

	.steps-items {
		margin: 8rem 0 2rem;
		text-align: left;
	}

		.steps-item {
			float: left;
			width: 30%;
			margin-left: 5%;
			margin-bottom: 8rem;
			text-align: center;
		}

			.steps-item:nth-child(3n+1) {
				clear: left;
				margin-left: 0;
			}

			.steps-item:nth-last-child(-n+3) {
				margin-bottom: 0;
			}

			.steps-item img {
				display: block;
				width: 90%;
				max-width: 22rem;
				margin: 0 auto 4rem;
				/* border-radius: 2.4rem; */
				border-radius: 15%;
				-webkit-transform: rotate(7.6deg);
				transform: rotate(7.6deg);
			}

			.steps-item h3 {
				min-height: 6.2rem;
				margin-top: 0;
				font-size: 2.8rem;
			}

			.steps-item .btn {
				margin-top: 3.5rem;
			}


	.shoe-size-digital {
		/* display: none; */
		margin-top: 8rem;
	}

		.shoe-size-digital h3 {
			font-size: 2.8rem;
		}

		.shoe-size-digital .btn {
			margin-top: 4rem;
		}


	.shoe-size .article {
		padding: 9rem 0;
		text-align: center;
	}

		.shoe-size .article h2,
		.shoe-size .article h3,
		.shoe-size .article h4 {
			text-align: center;
		}

		.shoe-size .article .table-wrap {
			padding: 2rem 3rem;
			background-color: #f9f9f9;
		}

			.shoe-size .article table {
				width: 100%;
			}

				.shoe-size .article table td {
					padding: 0.4rem 1.4rem;
					transition: background 0.2s ease-out;
				}

				.shoe-size .article table tr:nth-child(1) td {
					font-family: 'Roboto Condensed', sans-serif;
					font-weight: 700;
					/* text-transform: uppercase; */
				}

				.shoe-size .article table tr:nth-child(n+2):hover td {
					background-color: #f99523;
					color: #fff;
				}

	.shoe-care-products-items {
		margin-top: 6rem;
	}

		.shoe-care-products-item {
			margin-bottom: 2rem;
			padding: 2rem 3rem;
		}

			.shoe-care-products-item:last-child {
				margin-bottom: 0;
			}

			.shoe-care-products-items .shoe-care-products-image {
				position: relative;
				float: left;
				width: 18rem;
				margin-right: 5rem;
				border-radius: 2.4rem;
				-webkit-transform: translateY(-12%);
				transform: translateY(-12%);
			}

				.shoe-care-products-items .shoe-care-products-image img {
					position: relative;
					display: block;
					width: 100%;
					height: auto;
					z-index: 5;
				}

				.shoe-care-products-items .shoe-care-products-image::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						display: block;
						width: 100%;
						padding-bottom: 100%;
						background-color: #fff;
						border-radius: 3rem;
						-webkit-transform: rotate(7.6deg);
						transform: rotate(7.6deg);
						transition: all 0.2s ease-out;
						z-index: 1;
					}

			.shoe-care-products-item .shoe-care-products-text {
				min-height: 15rem;
				overflow: hidden;
			}

				.shoe-care-products h3 {
					margin-bottom: 0;
					text-align: left;
					font-size: 2.8rem;
					font-style: normal;
				}

				.shoe-care-products p {
					margin-top: 1rem;
				}

				.shoe-care-products .shoe-care-products-item .btn {
					margin-top: 2rem;
					padding: 0.8rem 2rem;
					font-size: 1.5rem;
				}


.contact {}

	.contact-left {
		float: left;
		width: 49%;
	}

	.contact-right {
		float: left;
		width: 49%;
		margin-left: 2%;
	}

	.contact-info {
		margin-top: 4rem;
		margin-bottom: 8rem;
	}

		.contact-info h3 {
			position: relative;
			left: -0.6rem;
			text-align: left;
			margin-bottom: 0;
		}

		.contact-info p {
			margin-top: 1rem;
		}

		.departments-items {}

			.departments-item {
				float: left;
				width: 48%;
				max-width: 24rem;
				margin-left: 4%;
				margin-top: 4rem;
			}

				.departments-item:nth-child(2n+1) {
					clear: left;
					margin-left: 0;
				}

				.departments-item h3 {
					margin-bottom: 1rem;
				}

				.departments-item p {
					margin-top: 0;
				}

					.departments-item p::before {
						content: "";
						display: inline-block;
						width: 2rem;
						height: 2rem;
						margin-top: -0.2rem;
						margin-right: 1rem;
						vertical-align: middle;
						background-size: contain;
						background-position: center;
						background-repeat: no-repeat;
					}

						.departments-item p.departments-phone::before {
							background-image: url("../images/icon-phone.png");
						}

						.departments-item p.departments-mail::before {
							background-image: url("../images/icon-mail.png");
						}

		.contact-form {}

			.input {
				display: block;
				margin-bottom: 1.5rem;
				padding: 1rem 1.7rem;
				font-size: 16px;
				background-color: #fff;
				color: #333;
				border: 2px solid #555;
				box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.1);
				transition: all 0.2s ease-out;
			}

			.contact-form .input {
				display: block;
				width: 100%;
			}

			.contact-form select.input {
				border-color: #faa84c;
				background-color: #faa84c;
				color: #fff;
				box-shadow: none;
			}

			textarea.input {
				height: 10rem;
			}

				input[type="text"]:hover,
				input[type="email"]:hover,
				input[type="tel"]:hover,
				.input:hover,
				textarea:hover {
					border-color: #faa84c;
				}

				input[type="text"]:focus,
				input[type="email"]:focus,
				input[type="tel"]:focus,
				.input:focus,
				textarea:focus {
					border-color: #faa84c;
				}

			.contact-form .btn {
				margin-top: 1.5rem;
			}

			span.wpcf7-not-valid-tip {
				display: block;
				margin-top: -1rem;
				margin-bottom: 1rem;
				padding-left: 1.8rem;
			}

	.stores {
		margin-top: 4rem;
	}

		.stores-items {}

			.stores-item {
				margin-bottom: 2rem;
				padding: 1.6rem 2.2rem;
				background-color: #f9f9f9;
				border: 2px solid #f9f9f9;
				line-height: 1.5;
				transition: all 0.2s ease-out;
			}

				.stores-item:hover {
					border-color: #faa84c;
				}

				.stores-item:last-child {
					margin-bottom: 0;
				}

				.stores-item.closed,
				.stores-item.closed:hover {
					color: #999;
					/* border-color: #f9f9f9; */
					border-color: #ea6b65;
				}

				.stores-item .closed-msg {
					margin-top: 0;
					margin-bottom: 1.4rem;
					color: #ea6b65;
				}

				.stores-item h3 {
					margin-top: 0;
					margin-bottom: 1.2rem;
					text-align: left;
				}

				.stores-item .col-left {
					width: 56%;
				}

				.stores-item .col-right {
					width: 42%;
				}

					.stores-item p {
						margin-top: 1rem;
					}

						.stores-item p:first-child {
							margin-top: 0;
						}

					.stores-item table td:first-child {
						padding-right: 1.4rem;
					}



		.map {
			width: 100%;
			height: 60rem;
		}

			.map h3 {
				text-align: left;
				margin-bottom: 1rem;
			}

			.map p {
				margin-top: 1rem;
			}



	.table-responsive {
		overflow-x: auto;
		min-height: 0.01%;
	}

	@media screen and (max-width: 540px) {
		.table-responsive {
			position: relative;
			width: 100%;
			overflow-y: hidden;
			box-shadow: inset -8px 0px 5px -6px rgba(0,0,0,0.3);
			/* box-shadow: inset -7px 0 9px -7px rgba(0,0,0,0.7); */
			/* background: linear-gradient(to left, #999 0, #ffffff 15px, #ffffff 100%); */
			-ms-overflow-style: -ms-autohiding-scrollbar;
		}

			/*
			.table-responsive::after {
				content: "";
				position: absolute;
				right: -0.3rem;
				top: 50%;
				display: block;
				width: 4rem;
				height: 4rem;
				border: 5px solid #38cce9;
				border-color: #38cce9;
				border-width: 5px 5px 0 0;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				z-index: 10000000;
			}
			*/

			.table-responsive table {
				min-width: 500px;
			}
	}


































































































































































































































































































































































































































































































/* top */

.top {
	padding-top: 30rem;
	padding-bottom: 26rem;
	/* pointer-events: none; */
	z-index: 5;
}

	.top .shadow {
		top: 0;
		height: 12rem;
		z-index: 5;
		opacity: 0.4;
	}

	.top .shadow.shadow-bottom {
		display: none;
		top: auto;
		bottom: 0;
		height: 100%;
		-webkit-transform: scaleY(-1);
		transform: scaleY(-1);
		opacity: 0.5;
	}

	.top .inner {
		z-index: 10;
	}

		.top-claim {
			text-align: left;
		}

			.top-claim h1 {
				margin: 0;
				color: #fff;
				font-size: 6rem;
				text-transform: none;
				text-align: left;
				font-weight: 400;
			}

			.top-claim .btn {
				margin-top: 3rem;
				padding: 1.5rem 3.3rem;
				font-size: 2rem;
			}

	.top-device {
		position: absolute;
		top: -66.5rem;
		right: -2rem;
		display: block;
		width: 50%;
		max-width: 46.9rem;
		z-index: 50;
	}


	.video {
		position: absolute;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		z-index: 2;
	}



.hidden {
	display: none;
}


.tml {
	margin: 0 auto;
}

	.tml-login .tml-rememberme-wrap input {
	    position: relative;
	    top: -0.1rem;
	}

	.tml-submit-wrap input {
		display: inline-block;
		margin-top: 0;
		padding: 0.8rem 2rem;
		line-height: 1.3;
		font-size: 1.7rem;
		font-weight: 600;
		color: #fff;
		background: #faa84c;
		border: 2px solid #faa84c;
		border-radius: 6px;
		text-transform: uppercase;
		text-align: center;
		text-decoration: none;
		transition: all 0.2s ease-out;
	}

		.tml-submit-wrap input:hover {
			border-color: #ed9027;
			background: #ed9027;
			color: #fff;
			text-decoration: none;
		}

		.tml-submit-wrap input:active {
			border-color: #e4871f;
			background: #e4871f;
			color: #fff;
			text-decoration: none;
		}

































.footer-newsletter {
	padding: 2.5rem 0;
	background-color: #f99623;
}

	.footer-newsletter .newsletter-left {
		float: left;
		width: 48%;
	}

		.footer-newsletter h2 {
			margin-bottom: 0;
			font-size: 4rem;
			line-height: 1.2;
			text-align: left;
			color: #6d3b02;
			text-transform: uppercase;
		}

		.footer-newsletter p {
			margin-top: 0;
			padding: 0;
			line-height: 1.25;
			/* color: #fff; */
			/* opacity: 0.8; */
		}

	.footer-newsletter .newsletter-right {
		float: right;
		width: 48%;
		padding-top: 1.2rem;
		text-align: right;
	}

	.footer-newsletter form input[type=text] {
		display: inline-block;
		width: 60%;
		min-width: 0;
		margin: 0;
		margin-right: 1%;
		vertical-align: middle;
		border: 0;
		background-color: #fff;
	}

		.footer-newsletter form input[type=text]:focus {
			border: 0;
			background-color: #fff;
		}

		.footer-newsletter .btn {
			display: inline-block;
			margin: 0;
			padding: 0.8rem 2rem;
			background-color: #9a5300;
			border-color: #9a5300;
			font-size: 16px;
			vertical-align: middle;
		}

			.footer-newsletter .btn:hover {
				background-color: #8e4d00;
				border-color: #8e4d00;
			}

			.footer-newsletter .newsletter-right p {
				margin-top: 0.4rem;
				font-size: 12px;
			}


.footer {
	text-align: left;
	background-color: #262626;
	color: #ccc;
	z-index: 90;
}

	.footer > .inner {
		padding-top: 4rem;
		padding-bottom: 5rem;
	}

		.footer h2 {
			font-size: 4rem;
			color: #faa84c;
			text-align: left;
		}

		.footer p {
			margin-top: 1rem;
			line-height: 1.4;
		}

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

			.footer a:hover {
				color: #fff;
			}

		.footer ul,
		.footer ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}

		.footer .cols {
			margin-top: 4rem;
		}

		.footer .col {
			float: left;
			width: 25%;
			padding: 0 3rem 0 0;
		}

			.footer h3 {
				margin: 0;
				margin-bottom: 1rem;
				color: #fff;
				font-size: 2.2rem;
				text-transform: uppercase;
				line-height: 1.3;
				text-align: left;
			}

		.footer .col.col1 {
			width: 28%;
		}

		.footer .col.col2 {
			width: 21%;
		}

		.footer .col.col3 {
			width: 21%;
		}

		.footer .col.col4 {
			width: 21%;
		}

		.footer .col.col5 {
			width: 9%;
			padding-right: 0;
			text-align: right;
		}

			.footer .col.col5 img {
				float: right;
				clear: right;
				display: block;
				width: 39px;
				height: auto;
				margin-bottom: 0.8rem;
				border-radius: 50%;
				transition: all 0.2s ease-out;
			}

				.footer .col.col5 img:hover {
					background-color: #333;
				}


	.copyright {
		position: relative;
		padding: 1.6rem 0;
		background-color: #121212;
		text-align: center;
		/* font-size: 13px; */
		color: #ccc;
	}

		.copyright p {
			margin-top: 0;
		}

		.copyright a {
			color: #666;
		}

		.copyright .madeby {
			position: absolute;
			right: 2.5rem;
			top: 0;
			color: #666;
		}

			.copyright .madeby img {
				margin-left: 5px;
				vertical-align: text-bottom;
			}



.big {
	display: inline-block;
	min-width: 8.9rem;
	margin-left: 0.4rem;
	margin-right: 0.4rem;
	font-size: 4rem;
	font-weight: 600;
	color: #26bdd5;
}


.input-email {
	position: absolute;
	left: -999px;
	width: 0;
	height: 0;
	opacity: 0;
}

.success,
.error {
	/* margin-bottom: 2rem; */
	margin: 2rem 0;
}

.success {
    padding: 1rem;
    border: 2px solid #78d461;
    background-color: #e6ffe2;
}

.error {
	color: #d34;
}



/*
.main ul {
	display: block;
	margin: 2rem 0;
	padding: 0;
}

	.main ul li {
		position: relative;
		display: block;
		margin: 0;
		padding: 0.5rem 0 0.5rem 2rem;
	}

		.main ul li::before {
			content: "";
			position: absolute;
			top: 0.8em;
			left: -0.5rem;
			display: block;
			width: 8px;
			height: 8px;
			margin: 0 0.5em 0.2em;
			border: 2px solid #e1ac7e;
			vertical-align: middle;
		}
*/


.eu-cookies, .eu-cookies span, .eu-cookies a {
	font-size: 12px;
	font-family: inherit !important;
}

.eu-cookies.priority {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 7px 15px 7px 0;
    background-color: rgba(0,0,0,0.8);
    color: #ededed;
    text-align: center;
}

	.eu-cookies.priority span {
		margin-left: 15px;
		line-height: 16px;
	}

	.eu-cookies.priority a {
		display: inline-block;
		margin-left: 15px;
		color: #bbb;
		text-decoration: none;
	}

		.eu-cookies.priority a:hover {
			color: #fff;
			text-decoration: none;
		}

	.eu-cookies.priority button {
		height: auto;
		margin-left: 15px;
		padding: 5px 10px;
		line-height: 1.3;
		font-size: 12px !important;
		border-radius: 0;
		background-color: #999;
		color: #fff;
		border: 0;
	}



.article {
	text-align: left;
}

	.article .inner {
		max-width: 85rem;
	}

		.article h1 {
		}

		.article h2,
		.article h3,
		.article h4 {
			text-align: left;
			font-style: normal;
		}

		.article h2 {
			margin-top: 4rem;
			margin-bottom: 2rem;
			font-size: 3rem;
		}

			.article h2:first-child {
				margin-top: 0;
			}

		.article h3 {
			font-size: 2.4rem;
		}

		.article p {
			/* text-align: justify; */
		}

		.article img {
			/* width: auto; */
			max-width: 100%;
			height: auto;
		}

		.alignleft {
			float: left;
			margin: 3rem 4rem 4rem 0;
		}

		.alignright {
			float: right;
			margin: 3rem 0 4rem 4rem;
		}

		.aligncenter {
			clear: both;
			display: block;
			margin: 3rem auto;
		}

		blockquote {
			/* margin: 3rem 0 3rem 5rem; */
			/* padding: 0 0 0 3rem; */
			/* border-left: 1px solid #ddd; */
			/* font-style: italic; */
			/* color: #666; */
			margin: 4rem 0;
			padding: 3rem 3.5rem;
		 	background-color: #f9f9f9;
		 	/* box-shadow: 1px 1px 60px rgba(0,0,0,0.08); */
		}



















































	.timeline h2 {
		margin-top: 6rem;
	}

	.timeline table {
		width: 100%;
		max-width: 90rem;
		margin: 3rem auto 0;
	}

		.timeline table .year {
			padding: 1rem 0;
		}

			.timeline table .year div {
				width: 8rem;
				height: 8rem;
				margin: 0 auto;
				line-height: 7.6rem;
				color: #38cce9;
				border: 0.2rem solid #38cce9;
				border-radius: 50%;
				text-align: center;
				font-weight: 600;
			}

		.timeline table .item {
			width: 45%;
			padding: 2rem 0;
		}

			.timeline table .item-right {
				text-align: left;
			}

			.timeline table .item-left {
				text-align: right;
			}

			.timeline table .item h3 {
				margin-bottom: 0;
				font-size: 2.2rem;
				line-height: 2.6rem;
				text-transform: none;
			}

				.timeline table .item-right h3 {
					text-align: left;
				}

				.timeline table .item-left h3 {
					text-align: right;
				}

			.timeline table .item p {
				margin-top: 1rem;
			}

		.timeline table .middle {
			position: relative;
			width: 10%;
			text-align: center;
		}

			.timeline table .middle div {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 50%;
				width: 0.2rem;
				margin-left: -0.1rem;
				background-color: #38cce9;
			}

		.timeline table tr:last-child .middle {
			vertical-align: top;
		}

			.timeline table .middle span {
				display: block;
				width: 2.5rem;
				height: 2.5rem;
				margin: 0 auto;
				border-radius: 50%;
				background-color: #38cce9;
			}



.selfie {
	padding-top: 24%;
	background-image: url("../images/selfie.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

.team {
	color: #eee;
}

	.team h2 {
		color: #fff;
	}

	.team-items {
		margin-top: 8rem;
		text-align: center;
	}

		.team-item {
			display: inline-block;
			width: 31%;
			margin-bottom: 6rem;
			padding: 0 1.5rem;
			text-align: center;
			vertical-align: top;
		}

				.team-item .flipper-front img {
					display: block;
					width: 80%;
					max-width: 22rem;
					height: auto;
					margin: 0 auto 2.5rem;
					border-radius: 50%;
				}

			.team-item .flipper-back {
				padding: 3% 5% 0;
			}

				.team-item .flipper-back p {
					font-size: 1.3rem;
					line-height: 1.3;
				}

					.team-item .flipper-back p strong {
						color: #fff;
					}

			.team-item h3 {
				margin-bottom: 0.5rem;
				font-size: 2rem;
				color: #fff;
			}


.product-colors {
	position: relative;
}

	.product-colors .slide {}

		.product-colors .slide p {
			margin-top: 3rem;
		}

	.product-colors .pager {
		position: absolute;
		bottom: 4rem;
		left: 0;
		right: 0;
		display: block;
		width: 100%;
		text-align: center;
		z-index: 200;
	}

		.product-colors .pager span {
			display: inline-block;
			width: 2.8rem;
			height: 2.8rem;
			margin: 0 0.4rem;
			padding: 2px;
			font-size: 0;
			background-clip: content-box;
			border: 2px solid #bbb;
			border-radius: 50%;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

			.product-colors .pager span:hover {
				border-color: #d7d7d7;
			}

			.product-colors .pager span:active {
				border-color: #aaa;
			}

			.product-colors .pager span:nth-child(1).cycle-pager-active {
				background-color: #f2f2f2;
			}

			.product-colors .pager span:nth-child(2).cycle-pager-active {
				background-color: #35c3e0;
			}

			.product-colors .pager span:nth-child(3).cycle-pager-active {
				background-color: #333;
			}



		.product-one-button .section-text {
			width: 55%;
			padding: 14% 3% 0 0;
			text-align: left;
		}

		.product-one-button .section-image {
			width: 62%;
			margin-right: -17%;
			padding: 4rem 2rem;
		}

	.dimensions {
		position: relative;
	}

		.dimensions img {
			display: block;
			width: 100%;
			height: auto;
		}

		.dimensions img.dimensions-overlay {
			position: absolute;
			top: 0;
			left: 0;
			opacity: 0;
			transition: all 0.2s ease-out;
		}

			.dimensions:hover img.dimensions-overlay {
				opacity: 1;
			}


	.product-modes {
		margin-top: 4rem;
	}

		.product-modes .col-left,
		.product-modes .col-right {
			padding: 0 6%;
			text-align: center;
		}

			.product-modes img {
				display: block;
				width: 6rem;
				height: auto;
				margin: 0 auto;
			}

			.product-modes h3 {
				margin-top: 1.7rem;
				font-size: 2.2rem;
				color: #fff;
				margin-bottom: 0;
			}

			.product-modes p {
				margin-top: 0.7rem;
			}


	.product-bottle h2 {
		margin-bottom: 0;
	}

	.product-bottle p.subtitle {
		margin-top: 0;
		margin-bottom: 2rem;
		font-size: 1.8rem;
		color: #000;
	}

		.product-bottle .section-text {
			width: 46%;
			padding: 2% 3% 0 0;
			text-align: left;
		}

		.product-bottle .section-image {
			width: 82%;
			margin-left: -11%;
			margin-right: -18%;
			padding: 4rem 2rem;
		}

.kitchen2 {
	height: 55rem;
	background-image: url("../images/kitchen2.jpg");
	background-size: cover;
	background-size: 100% auto;
	background-position: center top;
	background-repeat: no-repeat;
}

	.buy-items {
		margin: 6rem 0 0;
	}

		.preorder .buy-items {
			/* margin: 2rem 0 6rem 0; */
			margin: 2rem 0 0 0;
		}

		.buy-item {
			float: left;
			width: 23%;
			margin-bottom: 6rem;
			padding: 0 1rem;
			text-align: center;
		}

			.buy-item:nth-child(1) {
				width: 31%;
			}

			.buy-item img {
				display: block;
				width: auto;
				max-width: 100%;
				height: auto;
				max-height: 20rem;
				margin: 0 auto;
			}

			.buy-item h3 {
				margin: 3rem 0 0;
				font-size: 2rem;
				text-align: center;
			}

			.buy-item p {
				margin: 1rem 0 0;
			}

			.buy-item .buy-price {
				/* display: inline-block; */
				display: none;
				/* min-width: 150px; */
				height: 46px;
				margin-top: 2rem;
				padding: 0 2.5rem;
				line-height: 42px;
				font-size: 1.7rem;
				font-weight: 600;
				color: #000;
				background-color: rgba(56,204,233,0.2);
				border: 2px solid transparent;
				border-radius: 22px;
				text-align: center;
				text-decoration: none;
			}

				.buy-item .buy-price-from {
					display: inline-block;
					margin-right: 0.2rem;
					/* color: #aaa; */
					font-weight: 400;
					opacity: 0.4;
				}

	.buy-button {
		text-align: center;
	}

		.buy-button select {
			display: inline-block;
		}

			.preorder .buy-button select {
				margin-bottom: 6rem;
			}

		.buy-button p {
			margin-top: 3rem;
			/* margin-top: 0; */
		}

		.buy-button .btn {
			margin-top: 1rem;
		}

	.product-bottom-text {
		margin-top: 4rem;
	}

		.product-bottom .section-text {
			width: 50%;
			padding: 14% 0 0 3%;
			text-align: left;
		}

		.product-bottom .section-image {
			width: 84%;
			margin-left: -21%;
			margin-right: -14%;
			padding: 4rem 2rem;
		}

.tooltip {
	position: relative;
	/* display: inline; */
	cursor: pointer;
	border-bottom: 1px dashed #bbb;
}

	.tooltip.tooltip-yes-no {
		border-bottom: 0;
	}

	.tooltip::after {
		content: attr(aria-label);
		position: absolute;
		left: 50%;
		bottom: 2.6rem;
		width: 28rem;
		width: auto;
		white-space: nowrap;
		padding: 0.5rem 1.5rem;
		background: #444;
		border-radius: 0.5rem;
		color: #fff;
		line-height: 1.3;
		text-transform: none;
		text-shadow: 0 0 10px rgba(255,255,255,0.5);
		box-shadow: 0 1px 10px rgba(0,0,0,0.3);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease-out;
		z-index: 98;
	}

	.tooltip::before {
		content: "";
		position: absolute;
		left: 50%;
		bottom: 2rem;
		border: solid;
		border-color: #444 transparent;
		border-width: 0.7rem 0.7rem 0 0.7rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s ease-out;
		z-index: 99;
	}

		.tooltip:hover::after,
		.tooltip:hover::before {
			opacity: 1;
			visibility: visible;
		}

		.tooltip.tooltip-yes-no::after {
			bottom: 3.8rem;
		}

		.tooltip.tooltip-yes-no::before {
			bottom: 3.2rem;
		}

tr.strong {
	font-weight: 600;
}

/*
@-webkit-keyframes kickstarter {
	0% {
		-webkit-transform: translateY(0);
	}
	70% {
		-webkit-transform: translateY(0);
	}
	80% {
		-webkit-transform: translateY(-5px);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}

@keyframes kickstarter {
	0% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(0);
	}
	80% {
		transform: translateY(-5px);
	}
	100% {
		transform: translateY(0);
	}
}
*/

@-webkit-keyframes kickstarter {
	0% {
		-webkit-transform: rotate(0);
	}
	76% {
		-webkit-transform: rotate(0);
	}
	81% {
		-webkit-transform: rotate(-4deg);
	}
	89% {
		-webkit-transform: rotate(3deg);
	}
	100% {
		-webkit-transform: rotate(0);
	}
}

@keyframes kickstarter {
	0% {
		transform: rotate(0);
	}
	76% {
		transform: rotate(0);
	}
	81% {
		transform: rotate(-4deg);
	}
	89% {
		transform: rotate(3deg);
	}
	100% {
		transform: rotate(0);
	}
}

.kickstarter,
.kickstarter-inline {
	width: 25.5rem;
}

.kickstarter {
	position: fixed;
	right: 1rem;
	bottom: 1rem;
	-webkit-animation: kickstarter 2.5s infinite ease;
	animation: kickstarter 2.5s infinite ease;
	z-index: 500;
}

.kickstarter-inline {
	display: inline-block;
	margin-top: 1rem;
}

	.kickstarter a img,
	.kickstarter-inline a img {
		display: block;
		width: 100%;
		height: auto;
		border-radius: 1.2rem;
		transition: all 0.2s ease-out;
	}

	.kickstarter a img {
		box-shadow: 0 6px 20px rgba(0,0,0,0.13);
	}

		.kickstarter a:hover img {
			box-shadow: 0 6px 30px rgba(0,0,0,0.2);
		}


.how-it-works-explanation {
	margin-top: 8rem;
}


.signature {
	margin: 3rem -2rem -1.5rem 0;
}


.preorder {
	text-align: center;
}

	.preorder h2 {
		margin-top: 8rem;
		text-align: center;
	}

	.preorder .quantity-wrap {
		line-height: 46px;
	}

		.preorder .input-quantity {
			display: inline-block;
			width: 10rem;
			margin: 0 0.2rem 0 2rem;
			text-align: center;
		}

		.preorder .plus-minus {
			display: inline-block;
			position: relative;
			top: -2px;
			margin: 0 0 0 0.5rem;
			vertical-align: middle;
			opacity: 1;
			transition: all 0.2s ease-out;
			cursor: pointer;
		}

			.preorder .plus-minus:hover {
				opacity: 0.7;
			}

	.preorder-colors {}

		.checkbox-item {
			position: relative;
			display: inline-block;
			width: 32%;
		}

			.preorder-colors .checkbox-item {
				max-width: 195px;
			}

		.preorder-bottle-colors .checkbox-item {
			width: 24%;
		}

			.preorder-bottle-colors .checkbox-item {
				max-width: 150px;
			}

		.checkbox-item:nth-child(2n+1) {
			clear: left;
		}

			.checkbox-item label {
				position: relative;
				display: block;
				width: 100%;
				padding: 0;
				cursor: pointer;
			}

				.checkbox-item img {
					position: relative;
					display: block;
					width: 100%;
					margin: 0 auto;
					z-index: 10;
					pointer-events: none;
				}

				.checkbox-item p {
					margin-top: 1rem;
					/* font-size: 1.8rem; */
					/* line-height: 2.2rem; */
					/* color: #eee; */
					text-align: center;
				}

			.checkbox-checkbox:not(:checked),
			.checkbox-checkbox:checked {
			  	position: absolute;
			  	left: -999px;
			  	opacity: 0;
			}

				.checkbox-checkbox:not(:checked) + label:after,
				.checkbox-checkbox:checked + label:after {
					content: "";
					position: absolute;
					bottom: 6%;
					right: 11%;
					display: block;
					width: 34px;
					height: 34px;
					text-align: center;
					border: 2px solid #38cce9;
					border-radius: 50%;
				  	transition: all 0.2s ease-out;
				  	z-index: 25;
				}

					.preorder-bottle-colors .checkbox-checkbox:not(:checked) + label:after,
					.preorder-bottle-colors .checkbox-checkbox:checked + label:after {
						bottom: 2%;
						right: 17%;
					}

				.checkbox-checkbox:not(:checked) + label:after {
					background: #fff;
					border-color: #38CCE9;
				}

				.checkbox-checkbox:checked + label:after {
					background: url("../images/yes.png");
					border-color: #fff;
				}

	.preorder select.input {
		display: inline-block;
	}

		.preorder select.input:not(.select-price) option:first-child {
			color: #aaa;
		}

	.preorder-accessories {
		width: 100%;
	}

		.preorder-accessories td {
			padding: 0 1rem 2rem;
			vertical-align: middle;
		}

		.preorder-accessories td:nth-child(1) {
			width: 32%;
			text-align: right;
		}

		.preorder-accessories td:nth-child(2) {
			width: 38%;
			text-align: left;
			white-space: nowrap;
		}

		.preorder-accessories td:nth-child(3) {
			width: 30%;
			text-align: left;
		}


	.preorder .btn-get-gift {
		margin-top: 0;
	}

	.preorder #get-gift {
		/* padding-bottom: 4rem; */
	}




	.preorder button {
		margin-top: 4rem;
	}


.article .date {
	display: block;
	margin-top: -2rem;
	margin-bottom: 4rem;
	text-align: center;
	color: #999;
}

.article .external-link {
	display: block;
	margin-top: -1rem;
	margin-bottom: 4rem;
	padding: 1rem 0 1.3rem;
	text-align: center;
	color: #999;
	border: 1px solid #ddd;
	border-width: 1px 0;
}

.article .external-link.external-link-bottom {
	margin-top: 4rem;
	margin-bottom: 0;
}

	.article .external-link a {
		text-decoration: none;
	}

		.article .external-link a:hover {
			color: #1aafcc;
		}

		.article .external-link img {
			position: relative;
			top: -0.1rem;
			display: inline-block;
			margin-left: 0.6rem;
			vertical-align: middle;
		}

		.article .external-link span {
			display: block;
			font-size: 80%;
			color: #bbb;
		}

			.article .external-link a:hover span {
				color: #999;
			}

.more-articles.more-articles-press {
	margin-top: 0;
}



.water-uses {
	color: #fff;
}

	.water-uses h2 {
		color: #fff;
	}

	.water-uses .water-uses-sub {
		margin-top: -2rem;
		margin-bottom: 3.5rem;
	}

	.uses-items {
		max-width: 95rem;
		margin: 0 auto;
		text-align: center;
	}

		.uses-item {
			display: inline-block;
			width: 24%;
			margin-bottom: 4rem;
			padding: 0 1rem;
			text-align: center;
			vertical-align: top;
		}

			.uses-item:hover {
				text-decoration: none;
			}

			.uses-item img {
				display: block;
				width: 9rem;
				height: auto;
				margin: 0 auto;
				opacity: 0.8;
			}

			.uses-item p {
				margin-top: 0;
				margin-bottom: 0;
				font-size: 1.6rem;
				color: #182a2f;
				color: #fff;
				font-weight: 600;
			}

.eet {
	margin-top: 6rem;
}


.representation {}

	.representation-menu {
		float: left;
		width: 22rem;
		margin-right: 4rem;
		padding-right: 3rem;
		border-right: 1px solid #eee;
		border-right: 1px solid #eee;
	}

		.representation-menu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			.representation-menu ul li {
				margin: 0;
				padding: 0;
				list-style: none;
			}

				.representation-menu ul li a {
					display: block;
					padding: 0.6rem 0;
					text-decoration: none;
					font-size: 1.7rem;
					color: #222;
				}

					.representation-menu ul li a:hover {
						color: #000;
					}

					.representation-menu ul li a.active {
						color: #000;
						font-weight: 600;
					}

				.representation-menu ul ul {
					margin-left: 2rem;
					margin-bottom: 1.6rem;
				}

					.representation-menu ul ul li a {
						padding: 0.3rem 0;
						font-size: 1.5rem;
						color: #666;
					}

						.representation-menu ul ul li a:hover {
							color: #000;
						}

						.representation-menu ul ul li a.active {
							color: #000;
							font-weight: 600;
						}

	.representation-content {
		/* float: left; */
		/* width: 72%; */
		padding-left: 2rem;
		overflow: hidden;
	}

		.representation h2 {
			margin-bottom: 4rem;
			font-size: 4.6rem;
			text-align: left;
		}

		.representation-items {}

			.representation-item {
				margin-top: 0.6rem;
				margin-bottom: 4rem;
			}

				.representation-item:last-child {
					margin-bottom: 0;
				}

				.representation-item h3 {
					margin-bottom: 0;
					text-transform: none;
					text-align: left;
				}

				.representation-item .representation-city {
					margin-top: 0.3rem;
					/* font-size: 1.7rem; */
				}

				.representation-item .representation-contact {
					margin-top: 1rem;
				}

					.representation-item .representation-contact p {
						margin-top: 0;
					}



	.docs-menu {
	}

		.docs-menu ul {
			max-width: 80rem;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			list-style: none;
		}

			.docs-menu ul li {
				display: inline-block;
				margin: 3rem;
				padding: 0;
				list-style: none;
				vertical-align: top;
			}

				.docs-menu ul li a {
					position: relative;
					display: block;
					width: 32rem;
					height: 32rem;
					padding: 6rem 4rem 0;
					text-decoration: none;
					color: #222;
				}

					/*
					.docs-menu ul li a::after {
						content: "";
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						display: block;
						width: 100%;
						padding-bottom: 100%;
						background-color: #f4f4f4;
						border-radius: 3rem;
						-webkit-transform: scale(1) rotate(7.6deg);
						transform: scale(1) rotate(7.6deg);
						transition: all 0.2s ease-out;
						z-index: -1;
					}
					*/

					.docs-menu ul li a .image-background {
						background-color: #f4f4f4;
						-webkit-transform: scale(1) rotate(7.6deg);
						transform: scale(1) rotate(7.6deg);
					}

					.docs-menu ul li a h2 {
						margin-bottom: 0;
						font-size: 3rem;
						color: #000;
					}

					.docs-menu ul li a:hover {
						color: #000;
					}

						/*
						.docs-menu ul li a:hover::after {
							background-color: #eee;
						}
						*/

						.docs-menu ul li a:hover .image-background {
							background-color: #eee;
						}

					.docs-menu .docs-button {
						position: absolute;
						left: 0;
						bottom: 4rem;
						right: 0;
					}

						.docs-menu .docs-button .btn {
							margin-top: 0;
						}



		.docs-content h3,
		.docs-content h4 {
			text-align: left;
		}

		.docs-content table {
			/* width: 100%; */
			margin: 3rem 0;
		}

			.docs-content table td {
				padding: 1rem 1.2rem;
				border: 1px solid #eee;
				border-width: 0 1px 1px 0;
			}

				.docs-content table td:first-child {
					/* padding-left: 0; */
				}

				.docs-content table td:last-child {
					/* padding-right: 0; */
					border-right: 0;
				}

				.docs-content table tr:last-child td {
					border-bottom: 0;
				}




.files {}

	.files-items {
		max-width: 100rem;
		margin: 0 auto;
	}

		.files-item {
			margin-bottom: 2rem;
			padding: 2rem 3rem;
			background-color: #f9f9f9;
		}

			.files-item h2 {
				margin-bottom: 0;
				text-align: left;
				font-size: 2.8rem;
				font-style: normal;
			}

			.files-item p {
				margin-top: 1rem;
			}

			.files-item .btn {
				margin-top: 2rem;
				padding: 0.8rem 2rem;
				font-size: 1.5rem;
			}


.gallery {}

	.gallery-text {
		margin-bottom: 6rem;
	}

		.gallery-text p:first-child {
			margin-top: 0;
		}

	.gallery-items {}

		.gallery-item {
			float: left;
			display: block;
			width: 24.25%;
			margin-left: 1%;
			margin-bottom: 1%;
		}

			.gallery-item:nth-child(4n+1) {
				clear: left;
				margin-left: 0;
			}

			.gallery-item img {
				display: block;
				width: 100%;
				height: auto;
			}