html {
	background:#333738;
	height:100%;
}
body {
	font-family:"Maven Pro", sans-serif;
	font-size:13pt;
	color:#000;
	outline:none;
	margin:0;
	padding:0;
	height:100%;
}
a:link {
	color:#333738;
	text-decoration:none;
	outline:none;
	transition:color 0.2s ease-in-out;
}
a:visited {
	color:#333738;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#333738;
	text-decoration:none;
	outline:none;
}
.content p {
	font-size:15pt;
	line-height:27px;
	margin:0;
	padding:10px 0;
}
a img {
	border:0;
}
h1 {
	font-family:"Maven Pro", sans-serif;
	width:100%;
	color:#333738;
	font-size:44pt;
	line-height:70px;
	text-transform:uppercase;
	margin:0;
	padding:0 0 35px 0;
	text-align:center;
}
h1 span {
	color:#df1a0e;
}
h2 {
	font-family:"Maven Pro", sans-serif;
	width:100%;
	color:#333738;
	font-size:27pt;
	line-height:37px;
	font-weight:normal;
	margin:0;
	padding:0 0 13px 0;
	text-align:left;
}
.page-content {
	background:#fff;
	width:100%;
	padding:75px 0 100px 0;
	overflow:hidden;
	float:left;
}
.container {
	max-width:1200px;
	width:88%;
	margin:0 auto;
	position:relative;
}
.content-text .container {
	max-width:1000px;
}
.content {
	width:100%;
	float:left;
}
.content > img, .content p > img {
	width:auto !important;
	max-width:100% !important;
	height:auto !important;	
}
.bg {
	width:100%;
	height:60%;
	min-height:550px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	float:left;
}
.intro {
	height:calc(100% - 170px) !important;
	min-height:800px;
	max-height:inherit;
	box-sizing:border-box;
	padding:0 5%;
}
.bg:before {
	content:"";
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:-999;
}
.header {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
	color:#fff;
	z-index:1;
	box-sizing:border-box;
}
.header > div {
	display:block;
}
.header > div > h1 {
	padding:0;
	color:#fff;
	margin:0 auto;
	display:none;
}
.header > div > p {
	padding:10px 15px;
	margin:0 auto 50px auto;
	font-size:27pt;
	line-height:36px;
	color:#fff;
	opacity:0;
	display:block;
	box-sizing:border-box;
	position:relative;
	top:-20px;
	transition:opacity 0.6s ease-in-out, top 0.6s ease-in-out;
}
.header > div > span {
	padding:10px 20px;
	margin:0 auto;
	background:#df1a0e;
	font-size:17pt;
	line-height:24px;
	color:#fff;
	opacity:0;
	border-radius:22px;
	display:inline-block;
	box-sizing:border-box;
	position:relative;
	top:-20px;
	transition:opacity 0.6s ease-in-out, top 0.6s ease-in-out;
}
.batteries {
	width:100%;
	background:url(img/battery_bg.jpg) no-repeat center left 15%;
	background-size:cover;
	position:relative;
	padding-top:70px;
	top:100px;
	z-index:4;
	color:#fff;
	font-weight:500;
	text-shadow:0 0 20px #000;
}
.batteries::before {
	content:"";
	background:rgba(0,0,0,0.15);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.batteries::after {
	content:"";
	background:linear-gradient(to top,rgba(0,0,0,0),rgba(0,0,0,1));
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.batteries > div {
	background:url(img/bsf_icon.svg) no-repeat right center;
	background-size:auto 100px;
	width:88%;
	height:100%;
	max-width:1050px;
	margin:0 auto;
	font-size:20pt;
	line-height:34px;
	padding:16px 0 15px 0;
	box-sizing:border-box;
	position:relative;
	z-index:2;
}
.batteries strong {
	color:#df1a0e;
	font-size:23.5pt;
	line-height:35px;
	display:table;
	text-transform:uppercase;
	text-shadow:-1px -1px 0 white, 1px -1px 0 white, -1px  1px 0 white, 1px  1px 0 white;
}
.batteries a {
	background:#fff;
	font-size:16pt;
	line-height:30px;
	padding:10px 30px;
	border-radius:30px;
	font-weight:700;
	color:#df1a0e;
	text-transform:uppercase;
	position:absolute;
	top:50%;
	margin-top:-25px;
	right:100px;
	text-shadow:none;
	transition:background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.batteries a:hover {
	background:#df1a0e;
	color:#fff;
}
.footer-content {
	background:#333738;
	color:#fff;
	padding:66px 0 100px 0 !important;
	font-size:13.5pt;
	line-height:24px;
}
.footer-content .container {
	max-width:1200px;
}
.footer-content .content {
	position:relative;
	display:table;
}
.footer-content img {
	width:143px !important;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
}
.footer-cat {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
}
.footer-cat:last-of-type {
	text-align:right;
}
.footer-cat a {
	color:#fff;
}
.footer-cat a:hover {
	text-decoration:underline;
}
a.facebook {
	background:url(img/facebook.png) no-repeat center;
	background-size:44px 44px;
	width:44px;
	height:44px;
	display:inline-block;
	filter:brightness(0) invert(1);
	transition:opacity 0.2s ease-in-out;
}
a.facebook:hover {
	opacity:0.75;
}
#contact-us-content a.facebook {
	filter:none;
	margin:0 auto;
	display:table;
}
a.web {
	white-space:nowrap;
	font-size:12pt;
	color:#8b8d8f;
}
a.web:hover {
	color:#fff;
	text-decoration:none;
}
.menu-container {
	background:#df1a0e;
	width:100%;
	height:170px;
	z-index:1001;
	position:fixed;
	top:0;
	left:0;
}
.logo {
	background:url(img/logo.png) no-repeat center;
	background-size:360px 116px;
	width:360px;
	height:116px;
	position:absolute;
	top:27px;
	left:0;
	z-index:1000;
}
a.part-of {
	font-weight:500;
	background:rgba(255,255,255,0.5);
	border-radius:22px;
	font-size:14pt;
	line-height:26px;
	color:#fff;
	position:absolute;
	top:63px;
	left:390px;
	padding:8px 17px 10px 17px;
	text-align:center;
	box-sizing:border-box;
	z-index:1000;
	transition:background 0.2s ease-in-out;
}
a.part-of:hover {
	background:rgba(255,255,255,0.35);
}
.menu-content {
	width:94%;
	height:170px;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
}
.menu {
	width:100%;
	font-size:0;
	float:left;
}
.menu > ul {
	padding:0;
	list-style:none;
	text-align:center;
	box-sizing:border-box;
	position:absolute;
	top:74px;
	right:0;
	margin:0 auto;
}
.menu > ul > li {
	margin:0 0 0 42px;
	padding:0;
	list-style:none;
	display:inline-block;
	position:relative;
}
.menu > ul > li > a {
	color:#fff;
	font-size:15pt;
	line-height:26px;
	font-weight:500;
	padding:10px 0;
	transition:color 0.2s ease-in-out;
	user-select:none;
}
.menu ul li a:hover, .menu ul li a.current {
	color:#e8ff9f;
}
.menu-sml-content {
	width:100%;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
	text-align:center;
	display:none;
}
#menu-bttn {
	width:20px;
	height:14px;
	position:absolute;
	top:17px;
	right:4%;
	padding:10px;
	cursor:pointer;
	z-index:1001;
}
#menu-bttn div {
	background:#fff;
	width:22px;
	height:2px;
	position:absolute;
}
.menu-bttn-line-1 {
	top:10px;
}
.menu-bttn-line-2 {
	top:17px;
}
.menu-bttn-line-3 {
	top:24px;
}
#menu-sml {
	background:#fff;
	width:100%;
	height:100vh;
	padding:0;
	position:absolute;
	top:70px;
	left:0;
	display:none;
	z-index:1000;
	overflow:auto;
	user-select:none;
}
.menu-sml-container {
	background:#fff;
	width:100%;
	padding:25px 0 150px 0;
	overflow:auto;
	float:left;
}
#menu-sml ul {
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
	float:left;
}
#menu-sml ul li {
	width:100%;
	margin:0 0 4px 0;
	padding:0;
	list-style:none;
	text-align:center;
	float:left;
}
#menu-sml ul li a {
	color:#333738;
	font-size:13pt;
	line-height:25px;
	padding:5px;
	font-weight:700;
	position:relative;
	cursor:pointer;
	display:inline-block;
}
#menu-sml ul li a:hover {
	text-decoration:none;
}
#menu-sml ul li a.current {
	color:#c88c67;
}
.animation, .animation .menu-content, .animation .menu > ul, .animation .logo, .animation a.part-of {
	transition:all 0.2s ease-in-out !important;
}
.menu-content-sml, .menu-content-sml .menu-content {
	height:100px;
}
.menu-content-sml .menu > ul {
	top:37px;
}
.menu-content-sml .logo {
	background:url(img/logo.png) no-repeat center;
	background-size:180px 58px;
	width:180px;
	height:58px;
	top:21px;
}
.menu-content-sml a.part-of {
	top:31px;
	left:210px;
	font-size:11pt;
	line-height:20px;
	padding:8px 16px;
}
.header-arrow {
	background:url(img/header_arrow.png) no-repeat center;
	background-size:42px 26px;
	width:42px;
	height:26px;
	position:absolute;
	bottom:100px;
	left:50%;
	margin-left:-21px;
	opacity:0;
}
input[type=text], input[type=password], textarea, select {
	font-family:"Maven Pro", sans-serif;
	width:100%;
	font-size:13pt;
	line-height:24px;
	padding:11px 14px 12px 14px;
	background:#fff;
	border:1px solid #ccc;
	color:#777;
	outline:none;
	border-radius:10px;
	margin:10px 0;
	box-sizing:border-box;
}
input[type=file] {
	background:none;
	font-family:"Maven Pro", sans-serif;
	font-weight:600;
	color:#444;
	width:auto;
	height:auto;
	border:0;
	margin:0 0 10px 0;
	padding:0;
}
form button {
	background:#df1a0e;
	color:#fff;
	font-family:"Maven Pro", sans-serif;
	font-size:15pt;
	line-height:24px;
	cursor:pointer;
	padding:12px 40px;
	margin-top:30px;
	font-weight:700;
	border:0;
	outline:none;
	display:inline-block;
	text-transform:uppercase;
	transition:filter 0.2s ease-in-out;
}
button:hover {
	filter:saturate(115%);
}
.g-recaptcha {
	margin:10px 0;
}
.cat-title {
	background:#f4f4f4;
	width:100%;
	padding:253px 0 77px 0;
	box-sizing:border-box;
	float:left;
}
.cat-title h1 {
	width:100%;
	max-width:1000px;
	text-align:center;
	padding:0 6%;
	margin:0 auto;
	box-sizing:border-box;
}
#about-us-content {
	background:#fff;
}
#about-us-content .container {
	max-width:700px;
}
#about-content {
	background:#f4f4f4;
}
#about-content .container {
	max-width:1200px;
}
#about-content ul {
	width:calc(100% + 60px);
	margin:0 0 0 -30px;
	padding:25px 0 0 0;
	list-style:none;
	float:left;
}
#about-content ul li {
	width:33.3333333%;
	margin:0;
	padding:0 4%;
	text-align:center;
	position:relative;
	top:-65px;
	opacity:0;
	box-sizing:border-box;
	float:left;
}
#about-content ul li img {
	max-width:160px;
	height:auto;
	margin:0 auto 56px auto;
}
#about-content ul li h2 {
	padding-bottom:18px;
}
#about-content ul li p {
	text-align:left;
}
#metal-we-accept-content .content {
    display:flex;
	flex-wrap:wrap;
	justify-content:center;
	font-size:0;
}
.metal {
	width:416px;
	border:4px solid #2e3435;
	font-size:15pt;
	line-height:24px;
	text-align:left;
	position:relative;
	display:inline-block;
	margin:42px 24px 0 24px;
	padding:22px;
	box-sizing:border-box;
	color:#2e3435;
}
.cannot-accept {
	color:#fff;
}
.can-accept:before {
	content:"";
	background:#dfff96;
	position:absolute;
	top:5px;
	left:5px;
	bottom:5px;
	right:5px;
}
.cannot-accept:before {
	content:"";
	background:#df1a0e;
	position:absolute;
	top:5px;
	left:5px;
	bottom:5px;
	right:5px;
}
.metal > div {
	font-size:24pt;
	line-height:34px;
	text-align:center;
	width:calc(100% - 10px);
	text-transform:uppercase;
	margin:0 auto;
	padding:12px 0 27px 0;
	display:table;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}
.can-accept > div {
	border-bottom:2px solid rgba(0,0,0,0.35);
}
.cannot-accept > div {
	border-bottom:2px solid rgba(255,255,255,0.5);
}
.metal ul {
	width:100%;
	margin:33px 0 4px 0;
	padding:0 7.8%;
	list-style:none;
	box-sizing:border-box;
	float:left;
	position:relative;
	z-index:1;
}
.metal ul li {
	width:100%;
	margin:0;
	padding:0 0 26px 50px;
	box-sizing:border-box;
	list-style:none;
	left:-15px;
	opacity:0;
	position:relative;
	float:left;
}
.can-accept ul li:after {
	content:"";
	background:url(img/check.png) no-repeat center;
	background-size:31px 23px;
	position:absolute;
	top:0;
	left:0;
	width:31px;
	height:23px;
}
.cannot-accept ul li:after {
	content:"";
	background:url(img/x.png) no-repeat center;
	background-size:24px 24px;
	position:absolute;
	top:0;
	left:5px;
	width:24px;
	height:24px;
}
#why-choose-us-content {
	background:#f4f4f4;
}
#why-choose-us-content p {
	padding:0;
}
#why-choose-us-content .content > ul {
	width:100%;
	max-width:1040px;
	margin:0 auto;
	padding:0;
	list-style:none;
	display:table;
}
#why-choose-us-content ul li {
	width:100%;
	margin:0;
	padding:54px 0 0 182px;
	list-style:none;
	position:relative;
	box-sizing:border-box;
	float:left;
}
#why-choose-us-content ul li:after {
	content:"";
	position:absolute;
	top:58px;
	left:0;
	background:url(img/check_red.png) no-repeat top left;
	background-size:100px 70px;
	width:100px;
	height:70px;
	transform:scale(0);
	transition:transform 0.3s ease-in-out;
}
#why-choose-us-content ul li.check:after {
	transform:scale(1);
}
#why-choose-us-content ul li > h2 {
	padding-bottom:23px;
}
#opening-hours-content {
	background:#f4f4f4;
}
#opening-hours-content .container {
	max-width:820px;
}
.info {
	width:45.1219512195122%;
	margin-top:38px;
	float:left;
}
#opening-hours-content .content > iframe {
	width:45.1219512195122%;
	height:370px;
	margin-top:38px;
	float:right;
}
.true, .false, .warn {
	background:#fff;
	padding:12px 20px;
	font-size:13.5pt;
	line-height:24px;
	color:#fff;
	text-align:center;
	border-radius:5px;
	margin-bottom:30px;
	box-sizing:border-box;
}
.true {
	background:green;
}
.false {
	background:red;
}
.warn {
	background:orange;
}
table td {
	box-sizing:border-box;
}
.cookies-container {
	font-size:16px;
	line-height:20px;
	background:rgba(51,55,56,0.9);
	color:#fff;
	text-align:center;
	width:100%;
	position:fixed;
	z-index:1006;
	bottom:0;
	left:0;
	box-sizing:border-box;
}
.cookies-container a {
	color:#fff;
	text-decoration:underline;
}
.cookies-container .cookies-content {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	display:table;
	position:relative;
	box-sizing:border-box;
}
.cookies-container .cookies-content .cookies {
	display:table-cell;
	vertical-align:middle;
	padding:22px 132px 22px 40px;
	float:left;
}
.agree-cookies {
	background:#e8ff9f;
	color:#000;
	font-weight:500;
	padding:8px 12px;
	display:inline-block;
	cursor:pointer;
	position:absolute;
	top:24px;
	right:40px;
}