*, *::before, *::after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}



html {
	font-size: 62.5%;
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}

body {
	font-size: 160%;
	line-height: 1.5;
	color: #333845;
	font-family: 'Roboto',sans-serif;
	background: #706258;
	margin: 0;
}

body:before, body:after {
	content: "";
	display: table;
}

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

h4, .h4 {
	font-size: 22px;
	font-size: 2.2rem;
	margin: 0;
	font-weight: bold;
}

h1, .h1 {
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.2;
	margin: .3em 0 0;
	font-weight: bold;
}

h1 {
	font-size: 2em;
	margin: .67em 0;
}

a {
	color: #00a887;
	text-decoration: none;
}

ul, ol {
	list-style-position: inside;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

.site-header {
	background-color: #fff;
}

.site-header:after {
	content: "";
	display: table;
	clear: both;
}

.top-header {
	background-color: #2f2f2f;
	position: relative;
	z-index: 4;
}

.content {
	max-width: 1180px;
	margin: 0 auto;
}

.utility-menu {
	font-size: 12px;
	font-size: 1.2rem;
	display: none;
}
.utility-menu, .main-menu, .sub-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.utility-menu li {
	float: right;
}

.utility-menu::after, .main-menu::after, .sub-menu::after {
	content: "";
	display: table;
	clear: both;
}

.utility-menu a {
	line-height: 23px;
	text-decoration: none;
	padding: 0 12px;
	margin: 10px 0;
	display: block;
	color: #B5B5B5;
	text-transform: uppercase;
}

.login-link {
	padding-left: 50px!important;
	position: relative;
}

.login-link--mini {
	font-size: 14px;
	font-size: 1.4rem;
	color: #FFF;
	line-height: 2;
	float: right;
	padding: 0 6px;
	margin-top: 6px;
}

.header-main-content {
	position: relative;
	z-index: 3;
	background-color: #fff;
}

.header-main-content:after {
	content: "";
	display: table;
	clear: both;
}

.header-main-content nav {
	display: none;
}

.logo {
	display: block;
	padding: 24px 0;
}

.logo__image {
	display: block;
	max-height: 74px;
	margin: 0 auto;
}

.main-menu {
	float: right;
}

.main-menu li {
	float: left;
}
.main-menu a {
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background-color: #fff;
	color: #333845;
	min-width: 7em;
	height: 122px;
	line-height: 122px;
	text-align: center;
	padding: 0 12px;
	position: relative;
}

.login-link:after {
	position: absolute;
	bottom: 55px;
	left: 20px;
	content: "";
	height: 22px;
	width: 24px;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjUuOTI1ODMzMm1tIiAgIGhlaWdodD0iNS45MjI3NzgxbW0iICAgdmlld0JveD0iMCAwIDIwLjk5NzA0NyAyMC45ODYyMjIiICAgaWQ9InN2ZzQzMTYiICAgdmVyc2lvbj0iMS4xIiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTEgcjEzNzI1IiAgIHNvZGlwb2RpOmRvY25hbWU9ImhvdXNlLnN2ZyI+ICA8ZGVmcyAgICAgaWQ9ImRlZnM0MzE4Ij4gICAgPGNsaXBQYXRoICAgICAgIGNsaXBQYXRoVW5pdHM9InVzZXJTcGFjZU9uVXNlIiAgICAgICBpZD0iY2xpcFBhdGgzOTg4Ij4gICAgICA8cGF0aCAgICAgICAgIGQ9Im0gMCwwIDk4MCwwIDAsMzQ4Ni42MTQgLTk4MCwwIEwgMCwwIFoiICAgICAgICAgaWQ9InBhdGgzOTkwIiAgICAgICAgIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIC8+ICAgIDwvY2xpcFBhdGg+ICA8L2RlZnM+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBpZD0iYmFzZSIgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMS4wIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp6b29tPSIxIiAgICAgaW5rc2NhcGU6Y3g9IjMxOS43ODQyNSIgICAgIGlua3NjYXBlOmN5PSItNDU4LjA3ODMiICAgICBpbmtzY2FwZTpkb2N1bWVudC11bml0cz0icHgiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBmaXQtbWFyZ2luLXRvcD0iMCIgICAgIGZpdC1tYXJnaW4tbGVmdD0iMCIgICAgIGZpdC1tYXJnaW4tcmlnaHQ9IjAiICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTkyMCIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjExMzgiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3cteT0iLTgiICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIiAvPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE0MzIxIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGcgICAgIGlua3NjYXBlOmxhYmVsPSJMYXllciAxIiAgICAgaW5rc2NhcGU6Z3JvdXBtb2RlPSJsYXllciIgICAgIGlkPSJsYXllcjEiICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTUuMjE1NzUxLC01My4yOTc2NzgpIj4gICAgPGcgICAgICAgdHJhbnNmb3JtPSJtYXRyaXgoMS4yNSwwLDAsLTEuMjUsLTEwNDYuNzkyNiw0MzUxLjk2NDkpIiAgICAgICBpZD0iZzM5ODQiPiAgICAgIDxnICAgICAgICAgaWQ9ImczOTg2IiAgICAgICAgIGNsaXAtcGF0aD0idXJsKCNjbGlwUGF0aDM5ODgpIj4gICAgICAgIDxnICAgICAgICAgICBpZD0iZzM5OTIiICAgICAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4ODMuNzA1LDM0MzEuNTMwOCkiPiAgICAgICAgICA8cGF0aCAgICAgICAgICAgICBkPSJtIDAsMCAwLC04LjY2MiBjIDAsLTAuMTUxIDAuMTIzLC0wLjI3NCAwLjI3NCwtMC4yNzQgbCAzLjAxMywwIGMgMC4xNTEsMCAwLjI3NCwwLjEyMyAwLjI3NCwwLjI3NCBsIDAsNS4yMDUgYyAwLDAuMTUxIDAuMTI0LDAuMjc0IDAuMjc0LDAuMjc0IGwgNC45MzEsMCBjIDAuMTUxLDAgMC4yNzQsLTAuMTIzIDAuMjc0LC0wLjI3NCBsIDAsLTUuMjA1IGMgMCwtMC4xNTEgMC4xMjMsLTAuMjc0IDAuMjc0LC0wLjI3NCBsIDMuMDEzLDAgYyAwLjE1MSwwIDAuMjc0LDAuMTIzIDAuMjc0LDAuMjc0IGwgMCw4LjY2MiBtIC0xNC4yNDUsLTEuODEzIDcuOTQ1LDguNzY2IDcuOTQ0LC04Ljc2NiIgICAgICAgICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmNTAwMDtzdHJva2Utd2lkdGg6MC44OTk5OTk5ODtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICAgICAgICAgIGlkPSJwYXRoMzk5NCIgICAgICAgICAgICAgaW5rc2NhcGU6Y29ubmVjdG9yLWN1cnZhdHVyZT0iMCIgLz4gICAgICAgIDwvZz4gICAgICA8L2c+ICAgIDwvZz4gIDwvZz48L3N2Zz4=');
	background-repeat: no-repeat;
	background-position: left bottom;
}


#mini-menu.active {
	display: block;
}

.mini-menu-link {
	font-size: 28px;
	cursor: pointer;
	line-height: 43px;
	color: #FFF;
	transition: none;
	-webkit-transition: none;
}

#mini-menu {
	display: none;
	background: rgba(47,47,47,0.98);
	width: 80%;
	z-index: 9999;
	height: auto;
	position: absolute;
	top: 43px;
	list-style-type: none;
	padding: 10px 0 15px 0;
	margin-top: 0;
	-webkit-box-shadow: 0 7px 10px 0 black;
	-moz-box-shadow: 0 7px 10px 0 black;
	box-shadow: 0 7px 10px 0 black;
}

#mini-menu a {
	display: block;
	color: #FFF;
	padding: 10px;
	border-bottom: 1px solid #585858;
}

.main-menu .login-link, .login-link--mini {
	color: #FF6500;
	text-shadow: none;
}

.components {
	text-align: center;
}

.top-banner {
	position: relative;
	color: #000;
}

.top-banner__image {
	padding-top: 46%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.top-banner__content {
	padding: 1em;
	text-align: center;
}

.site-footer {
	color: #FFF;
}

.footer-panel:first-child {
	background-color: #3E3B42;
	color: #B1AFB4;
}

.footer-panel {
	color: #FFF;
	padding: 2em;
}

.footer-panel>div:before, .footer-panel>div:after {
	content: "";
	display: table;
}

.footer-panel>div:after {
	clear: both;
}

.footer-panel__about, .footer-panel__social {
	margin-bottom: 1em;
}


.footer-panel__about {
	padding-right: 1em;
}

.sociallinks {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sociallinks li {
	float: left;
}

.sociallinks a.facebook {
	background-position: -13px -240px;
}


.sociallinks a {
	background: url('http://briox.fi/ui/img/sociallinks.png') top center no-repeat;
	display: block;
	height: 62px;
	width: 62px;
}

.footer-panel a {
	color: #FFF;
}

.footer-panel__sitemap {
	text-align: center;
}

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

.footer-panel__contact address {
	font-style: normal;
	margin-bottom: 1em;
}

.footer-panel__contact a {
	display: block;
}

.footer-panel--logo {
	text-align: center;
}

.footer-panel--logo img {
	width: 100%;
	max-width: 21em;
	padding: 0 2em;
}

.main-content {
	background-color: #FFFFFF;
}

@media screen and (min-width: 968px) {
	.top-banner {
		color: #FFF;
	}
	.top-banner--center-text .top-banner__content {
		top: 50%;
		padding-bottom: 2em;
		transform: translateY(-50%);
		bottom: inherit;
	}
	.top-banner__content {
		top: 0;
		position: absolute;
		width: 100%;
		padding-top: 3em;
	}
	.top-banner__image {
		padding-top: 30%;
	}
}

@media only screen and (min-width: 760px){
	.footer-panel__about {
		display: inline;
		float: left;
		width: 58.33333%;
		margin: 0;
	}
	.footer-panel__social {
		display: inline;
		float: left;
		width: 41.66667%;
		margin: 0;
	}

	.sociallinks li {
		float: right;
	}

	.footer-panel__sitemap {
		display: inline;
		float: left;
		width: 83.33333%;
		margin: 0;
		text-align: left;
	}

	.footer-panel__contact {
		display: inline;
		float: left;
		width: 16.66667%;
		margin: 0;
		text-align: left;
	}
}

@media screen and (min-width: 768px) {
	body {
		font-size: 180%;
		width: 100%;
	}
	h1, .h1 {
		font-size: 48px;
		font-size: 4.8rem;
	}
}

@media screen and (min-width: 1000px) {
	.utility-menu {
		display: block;
	}

	.mini-menu-link, #mini-menu, #mini-menu.active, .login-link--mini {
		display: none;
	}
	.logo {
		font-size: 0;
		float: left;
		min-width: 18em;
	}

	.logo__image {
		margin: 0;
	}
	.logo__image, .logo__payoff {
		display: inline-block;
		vertical-align: middle;
	}

	.header-main-content nav {
		display: block;
	}
}