@charset "utf-8";


*														{ margin: 0; padding: 0; box-sizing: border-box!important; outline: none; }

html												{ background: #000; color: #eee; font-size: 16px; font-family: 'Abel', sans-serif; line-height: 1.5; }

h1													{ color: #c20015; font-weight: 300; font-size: 3rem; font-family: 'Teko', sans-serif; margin: 0 auto; padding: 0 0 0.5em; position: relative; text-align: center; text-transform: uppercase; }
h1:after										{ content: url('/data/site/chain.svg'); display: block; margin: 0 auto; max-width: 100%; position: relative; width: 22rem; }
h2													{ color: #c20015; font-weight: 300; font-size: 2rem; font-family: 'Teko', sans-serif; margin: 0 0 1rem; text-transform: uppercase; }


a														{ color: #eee; text-decoration: none; border: none; }
img													{ display: block; max-width: 100%; }
p														{ font-size: 1.25rem; margin: 0 0 1.5rem; }
p a													{ color: #c20015; }
section											{ padding: 2.5rem 0 3rem; }

header											{ height: auto; }
.header											{  position: relative; width: 100%; }
.header .logo								{ background-color: rgba(0,0,0,0.7); display: block; margin: 0 auto; padding: 1rem 0 0; text-decoration: none; width: 100%; }
.header .logo.fixed					{ position: absolute; top: 0; }
.header .logo img						{ margin-top: 1rem; height: 8rem; margin: 0 auto; width: auto; }

.slider											{ height: auto; width: 100%; }
.slider img									{ object-fit: cover; width: 100%; height: auto; }

.top 												{ padding: 1rem; width: 100%; }
.contact span								{ margin: 0 0.25rem; }
.language										{ text-align: right; }
.language a									{ margin: 0 0.5rem; }
.language img								{ border: 0.0625rem solid #eee; display: inline-block; width: 1.5rem; }
.language span							{ margin: 0 0.25rem; text-transform: uppercase; }

nav													{ width: 100%; }

.navigation									{ background-color: rgba(0,0,0,0.7); color: #eee; width: 100%; padding: 1rem 0 0.5rem ; font-family: 'Teko', sans-serif; font-size: 1.75em; font-weight: 300; overflow: auto; position: relative; z-index: 999 !important; }

.navigation ul							{ background: none; margin: 0; vertical-align: top; text-align: center; width: 100%; }
.navigation ul li						{ background: none; margin: 0 0.75rem; text-align: center; text-transform: uppercase; list-style: none; display: inline-block; }

.navigation a:link,
.navigation a:visited				{ color: #eee; }
.navigation a:hover,
.navigation a:active,
.navigation a:focus					{ color: #c20015; border-bottom: 1px solid #c20015; }
.navigation .logo,
.navigation .logo:hover			{ border: none; text-decoration: none; }

main ul											{ font-size: 1.25rem; list-style: none; margin: 0 0 1.5rem; }
main ul li									{ margin: 0 0 0 1.5rem; }
main ul li:before						{ content: "•"; color: #c20015; display: inline-block; margin: 0 0.5rem 0 -1.25rem; width: 0.75rem; }
main ol											{ font-size: 1.25rem; margin: 0 0 1.5rem; }
main ol li									{ margin: 0 0 1rem 1.5rem; }

footer											{ text-align: center; }
footer a										{ display: inline-block; }
footer img									{ margin: 0 auto; }
footer img.icon							{ height: 3rem; filter: invert(15%) sepia(82%) saturate(4217%) hue-rotate(344deg) brightness(77%) contrast(116%); }


.content										{ margin: 0 auto; max-width: 80rem; width: 96%; }

.flex												{ display: flex; flex-wrap: wrap;  }
.flexstart									{ display: flex; flex-wrap: wrap; justify-content: flex-start; }
.flexend										{ display: flex; flex-wrap: wrap; justify-content: flex-end; }
.flexspace									{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flexcenter									{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.flex-end-center						{ display: flex; align-items: center; justify-content: flex-end; }

.space											{ padding: 1.5rem; }
.spacehalf									{ padding: 0.75rem; }

.full												{ width: 100%; }
.fourfifth									{ width: 80%; }
.threequarter								{ width: 75%; }
.twothird										{ width: 66.666%; }
.threefifth									{ width: 60%; }
.half, .fullhalf						{ width: 50%; }
.twofifth										{ width: 40%; }
.third											{ width: 33.333%; }
.quarter										{ width: 25%; }
.fifth											{ width: 20%; }
.sixth											{ width: 16.666%; }
.seventh										{ width: 14.285%; }

.accent											{ color: #c20015; }

.center											{ text-align: center; }
.circle											{ border: 0.5rem solid rgba(255, 255, 255, 0.2); border-radius: 50%; margin-right: 20px; }
a .circle:hover							{ border: 0.5rem solid rgba(194, 0, 21, 0.7); border-radius: 50%; margin-right: 20px; }

.heading										{ margin: 0 0 4rem; }
.button											{ background: #c20015; color: #ffffff !important; display: inline-block; font-weight: 400; margin: 1rem 0 ; padding: 1rem 1.5rem; text-align: center; text-decoration: none; text-transform: uppercase; }
.phone span									{ display: block; font-size: 2rem; }

.light											{ background: #222222; }
.dark												{ background: #1b1b1b; }
.texture										{ background: url('/data/site/leather.jpg'); }
.paper											{ background: url('/data/site/black-paper.jpg'); }

/* TEAM */

.team .entry								{ position: relative; }
.team .entry .detail				{ color: #c20015; font-family: 'Teko', sans-serif; font-size: 1.75rem; left: 0; opacity: 0; position: absolute; right: 0; text-shadow: #000000 0 0 5px; text-align: center; top: 55%; transition: all ease 0.5s; }
.team .entry img						{ transition: all ease 0.5s; }
.team .entry:hover .detail	{ opacity: 1; transition: all ease 0.5s; }
.team .entry:hover img			{ filter: grayscale(75%) brightness(50%); transition: all ease 0.5s; }

/* PROFILE */

.profile p strong						{ color: #c20015; }

.service ul									{ column-count: 3; }

.sedcard .entry							{ border-bottom: dotted 0.1rem #c20015; }
.sedcard .entry span				{ display: block; font-size: 1.25rem; width: 50%; }
.sedcard .entry span:first-child			{ width: 25%; }

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

	.threequarter								{ width: 60%; }
	.twothird										{ width: 70%; }
	.threequarter .third,
	.third											{ width: 33.333%; }
	.quarter										{ width: 40%; }
	.fifth											{ width: 25%; }
	.seventh										{ width: 20%; }

}

@media screen and (max-width: 960px) {

	.half												{ width: 100%; }
	.threequarter								{ width: 100%; }
	.twothird										{ width: 100%; }
	.threequarter .third,
	.third											{ width: 100%; }
	.quarter										{ width: 100%; }
	.seventh										{ width: 25%; }

	.pager .third								{ width: 33.333%; }

	.service ul									{ column-count: 2; }

	.contact								{ text-align: center; margin: 0 0 1rem; }
	.language										{ text-align: center; }

}




@media screen and (max-width: 520px) {

	.threequarter								{ width: 100%; }
	.twothird										{ width: 100%; }
	.third											{ width: 100%; }
	.quarter										{ width: 100%; }
	.fifth											{ width: 50%; }
	.sixth											{ width: 50%; }
	.seventh										{ width: 33.333%; }

	.service ul									{ column-count: 1; }

}