/*****************************************************
 * 
 * Intra
 * default.css
 * 
 * (C) 2013 Respons Reklame
 * Code by Andras Håkestad
 * 
 ****************************************************/

body {
	margin				: 0px;
	padding				: 0px;
	
	font-size			: 12px;
	color				: #404040;

	
	background			: #fafafa;
	
	
	
}

table {
	border-spacing		: 0px;
	border-collapse		: collapse;
	padding				: 0px;
	margin				: 0px;
}

strong, b {
	font-weight			: 600;
}


/**
 * Page container
 **/

.page {
	position			: relative;
	overflow			: hidden;
	
	background			: #fff;
	
	
	
	
	
	
}
/*
.page .height-secure {
	display				: inline;
	float				: right;

	width				: 1px;
	height				: 400px;
	
	font-size			: 1px;
}
*/
.page .page-content {
	overflow			: hidden;
}

.page .page-padding {
	
	width				: 1200px;
	margin				: 0px auto 0px;
	
	
	
}

.page .no-banner {
	
	padding				: 132px 0px 0px;
	overflow			: hidden;
	
	
	
}

.page .content-padding {
	
	padding-top			: 50px;
	padding-bottom		: 50px;
	
	
	
}

.page .page-content .default-padding {
	padding				: 25px 40px 0px 41px;
}

.page .footer {
	
	font-family			: 'Source Sans Pro', sans-serif;
	background			: #000;
	padding				: 30px 0px;
	color				: #fff;
	
	text-align			: center;
	
	overflow			: hidden;
	
	
}

.page .footer .section {
	
	display				: inline-block;
	float				: left;
	width				: 50%;
	
	text-align			: left;
	
	
}

.page .footer .section.right {
	
	padding-top			: 30px;
	text-align			: right;
	
	
}

.page .footer span {
	
	display				: inline-block;
	vertical-align		: middle;
	padding-left		: 10px;
	color				: #fff;
	
	
}

.page .footer span a {
	
	color				: #fff;
	
	
}

.page .footer span.copyright {
	
	display				: block;
	padding-bottom		: 5px;
	font-weight			: 300;
	
	
}

.page .footer .logo {
	padding-bottom		: 20px;
	width				: 106px;
}

.page .footer .linked-in-logo {
	width				: 25px;
	vertical-align		: middle;
}

.page .footer .teka-logo {
	
	display				: inline-block;
	width				: 300px;
	padding-bottom		: 40px;
	
	
}

.page .footer a {
	color				: #fff;
	text-decoration		: underline;
}




/**
 * Page container
 **/


/**
 * Bottom
 **/

.defaultPageContainerBottom {
	overflow			: hidden;
	clear				: both;
	
	
	background			: url(/resources/graphics/templates/default/bk_bottom.jpg?v=20190411) no-repeat bottom left;
	width				: 680px;
	margin				: 0 auto;
	padding				: 0px 175px 38px 175px;
	
	
	
	
}

.defaultPageContainerBottomRightLogo {
	
	display				: none;
	
	
	
}

.defaultPageContainerBottomText {
	display				: inline;
	float				: left;
}

.defaultPageContainerBottomLinks {
	
	
	padding				: 35px 0px 0px 0px;
	text-align			: center;
}



/**
 * Top
 **/

.page .header {
	overflow			: hidden;
	
	background			: #000;
	background			: rgba(0, 0, 0, 0.85);
	
	position			: fixed;
	z-index				: 1000;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	
	padding				: 10px 0px 10px;
	
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	height				: 72px;
	
	
	
	
	
	
	
}

.page .header.submenu-visible {
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	height				: 100px;
	
	background			: rgba(0, 0, 0, 0.90);
	
}

.page .header.mobilemenu-visible {
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
	
}




/**
 * Logo
 **/

.page .header .logo img {
	border				: 0px;
	
	padding-top			: 10px;
	height				: 52px;
	
	
}

.page .header .logo {
	margin				: 0px;
	
	
	display				: inline;
	float				: left;
	padding				: 0px 60px 0px 0px;
	
	
	
	
	
	
}

/**
 * Top menu
 **/

 
.page .header .menu {
	
	position			: relative;
	
	margin				: 0px 0px 0px 175px;
	
	
	
}

.page .header.mobilemenu-visible .menu {
	
	
	
	
}

.page .header.mobilemenu-visible .menu::-webkit-scrollbar { width: 0 !important }


.page .header .menu > ul.site-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 26px 0px 0px;
	width				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.page .header.mobilemenu-visible .menu > ul.site-menu {
	
}

.page .header .menu > ul.site-menu > li {
	float				: left;
	cursor				: pointer;
	
	
	display				: inline;
	margin				: 0px 50px 0px 0px;
	
	
}

.page .header .menu > ul.site-menu > li a {
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-transform		: uppercase;
	text-decoration		: none;
	color				: #fff;
	
	font-size			: 18px;
	line-height			: 23px;
	
	
	
}

.page .header .menu > ul.site-menu > li a:before,
.page .header .menu > ul.site-menu > li a:after{
	
}

.page .header .menu > ul.site-menu > li a:hover {
	
	border-bottom		: 1px solid #fff;
	
	
	
}

.page .header.submenu-visible .menu > ul.site-menu > li > a,
.page .header.searchmenu-visible .menu > ul.site-menu > li > a,
.page .header.langmenu-visible .menu > ul.site-menu > li > a {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	color				: #777;
}

.page .header .menu > ul.site-menu > li.active > a {
	border-bottom		: 1px solid #fff;
	color				: #fff;
}

.page .header .menu > ul.site-menu > li > ul {
	margin				: 0px;
	padding				: 0px;
	
	list-style-type		: none;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	position			: absolute;
	left				: 0px;
	top					: 30px;
	
	visibility			: hidden;
	
	opacity				: 0;
	top					: 60px;
	
	
	
}

.page .header .menu > ul.site-menu > li > ul.visible {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	visibility			: visible;
	opacity				: 1;
	top					: 60px;
	
	
	
}

.page .header .menu > ul.site-menu > li > ul > li {
	
	text-transform		: none;
	display				: inline-block;
	padding-right		: 30px;
	
	
	
}

.page .header .menu > ul.site-menu > li > ul > li a {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	line-height			: 18px;
	text-transform		: none;
	text-decoration		: none;
	color				: #fff;
	
	
	
}

.page .header .menu ul.site-menu li.selected {
	
	
	
	
	
	
}

.page .header .menu .search {
	
	visibility			: hidden;
	opacity				: 0;

	position			: absolute;
	top					: 25px;
	right				: 100px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-box-shadow	: 0px 0px 20px 10px #000;
	-moz-box-shadow		: 0px 0px 20px 10px #000;
	-o-box-shadow		: 0px 0px 20px 10px #000;
	box-shadow			: 0px 0px 20px 10px #000;
	
	background			: #000;
	
	
	
	
	
}

.page .header.searchmenu-visible .menu .search {
	
	visibility			: visible;
	opacity				: 1;
	
	z-index				: 100;
	
	right				: 110px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	padding-bottom		: 5px;
	
	
	
}

.page .header .menu .search label {
	
	color				: #fff;
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 16px;
	padding				: 0px 5px 0px 5px;
	
	
	
}

.page .header .menu .search input {
	
	background			: transparent;
	padding				: 4px 0px;
	border				: 0px;
	border-bottom		: 1px solid #fff;
	color				: #fff;
	
	outline				: 0px;
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius		: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	font-weight			: 300;
	line-height			: 14px;
	
	
	
}

.page .header ul.lang-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
	
	visibility			: hidden;
	opacity				: 0;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-box-shadow	: 0px 0px 20px 10px #000;
	-moz-box-shadow		: 0px 0px 20px 10px #000;
	-o-box-shadow		: 0px 0px 20px 10px #000;
	box-shadow			: 0px 0px 20px 10px #000;
	
	background			: #000;
	
	position			: absolute;
	right				: 40px;
	top					: 25px;
	padding				: 3px 0px 0px;
	z-index				: 102;
	
	
	
}

.page .header.mobilemenu-visible ul.lang-menu {
	
	
	
	
}

.page .header .langmenu-visible ul.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	visibility			: visible;
	opacity				: 1;
	
	right				: 50px;
	
	
	
	
	
}

.page .header ul.lang-menu li {
	margin				: 0px;
	padding				: 0px 5px 0px 5px;
	
	display				: inline;
	
	
	
	
	
	
	
}

.page .header ul.lang-menu li img {
	
	width				: 25px;
	
	
	
}

.page .header .menu-icon {
	height				: 21px;
	
	position			: absolute;
	top					: 25px;
	
	
	
	
}

.page .header .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	
	right				: 0px;
	
	
	
	
	
}

.page .header .langmenu-visible .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	
	
	
}

.page .header .menu-icon.mobile-menu {
	cursor				: pointer;
	
	
	display				: none;
	
	
	
	
	
}

.page .header .menu-icon.search-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	z-index				: 101;
	top					: 24px;
	height				: 24px;
	
	
	right				: 60px;
	
	
	
	
	
}

.page .header .langmenu-visible .menu-icon.search-menu {
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
	opacity				: 0;
	
	
	
	
}


a.red:link {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:visited {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:hover {
	color				: #c81d1d;
	text-decoration		: underline;
}

a.red:active {
	color				: #c81d1d;
	text-decoration		: underline;
}



/** bread crumbs **/
.breadcrumbs {
	overflow			: hidden;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	line-height			: 20px;
	background			: #ffffff;
	margin-bottom		: 12px;
	
	
}

.breadcrumbs span {
	color				: #f00;
	padding				: 0px 5px;
}

.breadcrumbs a:link {
	color				: #000000;
	text-decoration		: none;
	font-weight			: 400;
}

.breadcrumbs a:first-child {
	font-weight			: 600;
}

.breadcrumbs a:visited {
	color				: #000000;
	text-decoration		: none;
}

.breadcrumbs a:hover {
	color				: #000000;
	text-decoration		: underline;
}

.breadcrumbs a:active {
	color				: #000000;
	text-decoration		: underline;
}


/** search box **/
.defaultSearch {
	
	display				: block;
	position			: fixed;
	z-index				: 10000;
	
	top					: 40%;
	right				: -341px;
	height				: 62px;
	width				: 400px;
	
	background			: url(/resources/graphics/templates/default/search.png) no-repeat;
	
	
	
}

.defaultSearchBtn {
	display				: inline;
	float				: left;
	width				: 59px;
	height				: 62px;
	cursor				: pointer;
}

.defaultSearchContainer {
	padding-top			: 15px;
	display				: inline;
	float				: left;
}

.defaultSearchTextField {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 320px;
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 1.16em;
	font-weight			: 300;
}

.defaultMobileSearch {
	border-top			: 1px solid #999999;
	padding-top			: 10px;

	
	display				: none;
	
	
	
}


/** video **/

div.video-container {
	
	position					: relative;
	padding-bottom				: 56.25%; /* 16:9 */
	clear						: both;
	height						: 0;
	
}

div.video-container iframe {
	
	position					: absolute;
	top							: 0;
	left						: 0;
	width						: 100%;
	height						: 100%;
	
}

/** linkedin **/
.linkedin {
	
	vertical-align				: top;
	
}

.contact-linkedin {
	
	margin-top					: 5px;
	
}



.privacy-policy-container {
	background					: #000;
	background					: rgba(0, 0, 0, 0.85);
	
	position					: fixed;
	
	padding						: 20px 0px;
	
	bottom						: 0px;
	left						: 0px;
	width						: 100%;
	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	-o-box-sizing				: border-box;
	box-sizing					: border-box;
	
	text-align					: center;
	
	
	padding						: 40px 0px;
	
	
}

.privacy-policy-container.hidden {
	
	display						: none;
	
}

.privacy-policy-container p {
	color						: #fff;
	font-size					: 14px;
	line-height					: 20px;
	
	
	padding						: 0px 25% 10px;
	
	
	
}

.privacy-policy-container p a {
	color						: #fff;
}

.privacy-policy-container h3 {
	color						: #fff;
	font-size					: 20px;
	line-height					: 20px;
	
	margin						: 0px;
	padding						: 0px 0px 20px;
}

.privacy-policy-container .buttons {
	display						: block;
	padding-top					: 20px;
}

.privacy-policy-container .buttons button,
.cookies-policy-pagebox button {
	
	background					: #f00;
	color						: #fff;
	padding						: 10px 20px;
	margin						: 0px 5px 0px 0px;
	border						: 0px;
	
	-webkit-border-radius		: 0px;
	-moz-border-radius			: 0px;
	-o-border-radius			: 0px;
	border-radius				: 0px;
	-webkit-appearance			: none;
	
	font-weight					: 400;
	
	cursor						: pointer;
	
}

.privacy-policy-container .buttons button.gray,
.cookies-policy-pagebox button.gray {
	
	background					: #444;
	
}


.cookies-policy-pagebox {
	display						: block;
	background					: #000;
	padding						: 20px;
	color						: #fff;
	
	
}


/** NEW BUBBLE **/
.boxes .box.new,
.product-general ul.variants.accordion li.new .button {
	
	position				: relative;
	
	
}

.boxes .box.new:after,
.product-general ul.variants.accordion li.new .button:after {
	
	position				: absolute;
	
	width					: 80px;
	height					: 14px;
	
	padding					: 33px 0px 33px;
	
	background				: #8db984;
	background				: rgba(141, 185, 132, 0.8);
	
	text-align				: center;
	text-transform			: uppercase;
	font-family				: "Source sans", sans-serif;
	font-size				: 14px;
	line-height				: 14px;
	font-weight				: bold;
	color					: #fff;
	letter-spacing			: 1px;
	
	-webkit-border-radius	: 40px;
	-moz-border-radius		: 40px;
	-o-border-radius		: 40px;
	border-radius			: 40px;
	
	
}

.boxes .box.new:after {
	
	top						: 0px;
	left					: 20px;
	
	
}

.boxes.small .box.new:after {
	
	height					: 10px;
	
	font-size				: 10px;
	line-height				: 10px;
	
	width					: 50px;
	padding					: 20px 0px 20px;
	
	
}


.product-general ul.variants.accordion li.new .button:after {
	
	top						: -20px;
	left					: -105px;
	
	width					: 60px;
	height					: 10px;
	
	font-size				: 10px;
	line-height				: 10px;
	
	padding					: 25px 0px 25px;
	
	
	
}
/**
 * Front page
**/

.page .page-content .default-front-padding {
	
	padding				: 11px 12px 0px 12px;
	
	
	
	
	
}

/**
 * top banners
 **/
.banners {
	
	position				: relative;
	overflow				: hidden;
	height					: 700px;
	
	
	
	
	
}

.banners.medium {
	
	height					: 500px;
	
	
	
	
	
}

.banners .page-padding {
	
	position				: relative;
	height					: 100%;
	
	
	
}

.banners .headings {
	position				: absolute;
	left					: 0px;
	top						: 0px;
	height					: 100%;
	width					: 100%;
	
	
}

.banners .headings .bannerToLeft {
	margin-left				: -200px;
	opacity					: 0;
	visibility				: hidden;
}

.banners .headings .bannerNormal {
	margin-left				: 0px;
	opacity					: 1;
	
	-o-transition			: all .75s ease-out;
	-moz-transition			: all .75s ease-out;
	-webkit-transition		: all .75s ease-out;
	transition				: all .75s ease-out;
}

.banners .headings .bannerToRight {
	margin-left				: 200px;
	opacity					: 0;
	
	-o-transition			: all .4s ease-in;
	-moz-transition			: all .4s ease-in;
	-webkit-transition		: all .4s ease-in;
	transition				: all .4s ease-in;
}

.banners img.sizer {
	width					: 100%;
}

.banners .banner {
	position				: absolute;
	width					: 100%;
	top						: 0px;
	left					: 0px;
	height					: 100%;
	
	background-position		: center 35%;
	background-size			: cover;
	
	display					: none;
}

.banners .banner.visible {
	display					: block;
}

.banners .image {
	
}

.banners .headings > div {
	
	position				: absolute;
	
	left					: 0px;
	top						: 50%;
	
	padding-top				: 72px;
	
	-webkit-transform		: translate(0%, -50%);
	-moz-transform			: translate(0%, -50%);
	-o-transform			: translate(0%, -50%);
	transform				: translate(0%, -50%);
	
	
	
	
	
}

.banners h1,
.banners h2 {
	
	font-size				: 44px;
	line-height				: 44px;
	font-weight				: 300;
	padding					: 10px 100px 10px 20px;
	margin-bottom			: 15px;
	
	
	
	
	
}

.banners h3 {
	
	font-size				: 20px;
	line-height				: 20px;
	font-weight				: 300;
	padding					: 10px 50px 10px 20px;
	margin					: 0px 0px 40px;
	
	
	
	
	
}

.banners h1,
.banners h2,
.banners h3 {
	
	display					: inline-block;
	float					: left;
	clear					: left;
	
	font-family				: 'Source Sans Pro', sans-serif, sans-serif;
	color					: #ffffff;
	
	background				: url(/resources/graphics/templates/default/banner-textbk-end.png) no-repeat center right;
	
	
	
}

.banners .button {
	
	
	padding-top				: 70px;
	
	
	
	
	
}

.banners a {
	float					: left;
	clear					: left;
	
	background-color		: #000;
	background-color		: rgba(0, 0, 0, 0.8);
	
	border					: 1px solid #fff;
	-webkit-border-radius	: 20px;
	-moz-border-radius		: 20px;
	-o-border-radius		: 20px;
	border-radius			: 20px;
	
	padding					: 15px 25px;
	
	font-family				: 'Source Sans Pro', sans-serif, sans-serif;
	font-size				: 20px;
	font-weight				: 400;
	color					: #fff !important;
	text-decoration			: none !important;
	
	display					: inline-block;
	
	
	
	
	
	
	
	
}

a.arrow::after {
	content					: url(/resources/graphics/templates/default/link-arrow-12.png);
	
	padding-left			: 10px;
	vertical-align			: bottom;
}
 
a.arrow.size-12::after {
	
	content					: url(/resources/graphics/templates/default/link-arrow-12.png);
	
	padding-left			: 5px;
	
	
	
	
	
}
 
.dots {
	position				: absolute;
	bottom					: 20px;
	width					: 100%;
	text-align				: center;
	
	
}

.dots img {
	display					: inline;
	padding					: 0px 5px;
	border					: 0px;
	cursor					: pointer;
}





/**
 * boxes
 **/
.boxes {
	padding				: 60px 0px 40px;
	
	margin-left			: -20px;
	
	overflow			: hidden;
	
	
	
	
}
 
.boxes .box {
	height				: 350px;
	margin-bottom		: 20px;
	padding-left		: 20px;

	display				: inline;
	float				: left;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
	
	
}
 
.boxes .box > div {
	width				: 100%;
	height				: 100%;
	
	position			: relative;
	overflow			: hidden;
	cursor				: pointer;
	
	
}

.boxes .box.size-1 {
	
	width				: 100%;
	
	
}

.boxes .box.size-12 {
	
	width				: 50%;
	
	
}

.boxes .box.size-13 {
	
	width				: 33.33%;
	
	
}

.boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	width				: 66.66%;
	
	
}

.boxes .box .background {
	background-position	: top center;
	background-size		: cover;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.boxes .box.contain .background {
	background-size		: contain;
	background-repeat	: no-repeat;
}

.boxes .box:hover .background {
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	transform			: scale(1.05, 1.05);
	
}

.boxes .box .label {
	position			: absolute;
	bottom				: 0px;
	width				: 100%;
	left				: 0px;
	background			: #fff;
	background			: rgba(0, 0, 0, 0.8);
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	text-align			: left;
	color				: #fff;
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-decoration		: none;
	
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	padding				: 20px;
	font-size			: 20px;
	
	
	
	
	
}

.boxes .box:hover .label {
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	/*padding				: 30px 20px;*/
	
	
	
	
	
}


.front-info {
	background-image	: url(/resources/graphics/templates/default/front-info-background.jpg);
	background-size		: cover;
	background-position	: center center;
	
	padding				: 120px 30% 120px;
	
	
}

.front-info h2, .front-info p {
	text-align			: center;
	
	font-size			: 22px;
	line-height			: 30px;
	
	color				: #fff;
}

.front-info h2 {
	padding-bottom		: 20px;
	
	font-size			: 24px;
	line-height			: 30px;
	text-transform		: uppercase;
}

.front-info p {
	font-size			: 20px;
	line-height			: 30px;
	
	
}

.front-info .award-for-design-excellence-logo {
	text-align			: center;
	
	
}

.front-info .award-for-design-excellence-logo img {
	max-width			: 150px;
	margin-bottom		: 50px;
	
	
}

.front-infoblocks {
	margin-left			: -20px;
	
	padding				: 60px 0px 40px;
	
	overflow			: hidden;
	
	
	
	
}

.front-infoblocks .block {
	height				: 250px;
	
	margin-bottom		: 20px;
	padding-left		: 20px;
	
	width				: 50%;
	
	display				: inline;
	float				: left;
	
	position			: relative;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.front-infoblocks .block .background {
	position			: relative;
	
	background			: #000;
	
	width				: 100%;
	height				: 100%;
	
	padding				: 0px 20px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
}

.front-infoblocks .block .background.background-1 {
	background-image	: url(/resources/graphics/templates/default/front-infoblocks-background1.jpg);
	background-size		: cover;
	background-position	: center center;
}



.front-infoblocks .block .background .content {
	position			: absolute;
	
	top					: 50%;
	left				: 0px;
	width				: 100%;
	
	padding				: 0px 160px 0px 60px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	-webkit-transform	: translate(0%, -50%);
	-moz-transform		: translate(0%, -50%);
	-o-transform		: translate(0%, -50%);
	transform			: translate(0%, -50%);
	
	
	
	
}

.front-infoblocks .block .content h2 {
	color				: #fff;
	
	font-size			: 24px;
	line-height			: 30px;
	
	padding-bottom		: 20px;
	
	text-align			: left;
}

.front-infoblocks .block .content p {
	color				: #fff;
	
	font-size			: 16px;
	line-height			: 20px;
	
	text-align			: left;
}

.front-info p a,
.front-infoblocks .block .content p a {
	color				: #fff;
	
	text-decoration		: none;
	font-weight			: 400;
}

.front-info p a:hover,
.front-infoblocks .block .content p a:hover {
	text-decoration		: underline;
}

.front-info p a::after,
.front-infoblocks .block .content p a::after {
	content				: url(/resources/graphics/templates/default/link-arrow.png);
	
	padding-left		: 10px;
	vertical-align		: bottom;
}

/**
 * Product category
**/

.product-category {
	
	padding				: 40px 0px 0px;
	
	
	
	
	
}

.product-category .left-col {
	
	display				: inline;
	float				: left;
	
	width				: 300px;
	padding-left		: 0px;
	margin-left			: -15px;
	
	
	
}

.product-category .left-col ul {
	
	list-style-type		: none;
	
	padding				: 0px;
	margin				: 0px 0px 0px 15px;
	
}

.product-category .left-col ul li {
	
	padding				: 0px 0px 4px;
	margin				: 0px;
	
}

.product-category .left-col ul li a {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	line-height			: 18px;
	padding				: 0px 0px 6px;
	text-decoration		: none;
	color				: #606060;
	
}

.product-category .left-col ul li a:hover {
	
	text-decoration		: underline;
	
}

.product-category .left-col > ul > li > ul {
	
	padding				: 0px 0px 0px;
	
}

.product-category .left-col > ul > li {
	
	padding				: 0px 0px 0px;
	
}

.product-category .left-col > ul > li > a {
	
	display				: inline-block;
	
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 20px;
	color				: #000;
	
	padding				: 0px 0px 6px;
	
}

.right-col {
	
	padding-left		: 320px;
	
	
	
}

.product-category .boxes {
	
	padding				: 0px 0px 0px;
	
	
}

.product-category .boxes .box {
	
	height				: 250px;
	
	
	
}

.product-category .boxes .box.size-12 {
	
	width				: 50%;
	
	
}

.product-category .boxes .box.size-13 {
	
	width				: 33.33%;
	
	
}

.product-category .boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	
}

.product-category .boxes .box.contain .background {
	
	height				: 190px;
	
	
	
}

.product-category .boxes .box.contain .label {
	
	padding				: 20px;
	background			: none;
	color				: #000;
	font-weight			: 300;
	
	bottom				: auto;
	top					: 180px;
	
	
	
}

.product-category .boxes .box.contain:hover .label {
	
	text-decoration		: underline;
	
}


.product-category .productcategory-info {
	max-height			: 4000px;
	
	-webkit-transition	: all 0.3s ease-in;
	-moz-transition		: all 0.3s ease-in;
	-o-transition		: all 0.3s ease-in;
	transition			: all 0.3s ease-in;
	
	position			: relative;
	background			: #000;
	margin-bottom		: 50px;
	color				: #fff;
	
	overflow			: hidden;
	
	
	padding				: 40px;
	
	
}

.product-category .productcategory-info.collapsable {
	
	padding				: 40px 40px 20px;
	
	
}

.product-category .productcategory-info.collapsable.collapsed {
	
	max-height			: 140px;
	padding				: 40px;
	
	-webkit-transition	: all 0.3s ease-out;
	-moz-transition		: all 0.3s ease-out;
	-o-transition		: all 0.3s ease-out;
	transition			: all 0.3s ease-out;
	
	
}

.product-category .productcategory-info .overlay {
	
	display				: none;
	
	
}

.product-category .productcategory-info.collapsable .overlay {
	
	display				: block;
	height				: 20px;
	padding-top			: 20px;
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay {
	
	position			: absolute;
	bottom				: 0px;
	left				: 0px;
	height				: 200px;
	width				: 100%;
	padding-top			: 0px;
	
	
}

.product-category .productcategory-info .overlay .background {
	
	display				: none;
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay .background {
	
	display				: block;
	position			: absolute;
	top					: 0px;
	left				: 0px;
	height				: 100%;
	width				: 100%;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button {
	
	position			: absolute;
	bottom				: 20px;
	left				: 50%;
	
	text-align			: center;
	font-size			: 20px;
	line-height			: 20px;
	/*
	color				: #f00;
	font-weight			: bold;
	*/
	cursor				: pointer;
	
	transform			: translate(-50%, 0px);
	
	
}

.product-category .productcategory-info .overlay .button {
	
	text-align			: center;
	cursor				: pointer;
	
	-webkit-transform	: rotate(180deg);
	-moz-transform		: rotate(180deg);
	-o-transform		: rotate(180deg);
	transform			: rotate(180deg);
	
	
}

.product-category .productcategory-info .overlay .button span {
	
	display				: block;
	text-align			: center;
	max-height			: 0px;
	overflow			: hidden;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button span {
	
	max-height			: 50px;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button img.arrow-down {
	
	padding-top			: 10px;
	
	
}

.product-category .productcategory-info .overlay .button img.arrow-down {
	
	width				: 25px;
	display				: inline-block;
	
	
}

.product-category .productcategory-info .text {
	
	overflow			: hidden;
	
	
}

.product-category .productcategory-info .text h1 a,
.product-category .productcategory-info .text h2 a,
.product-category .productcategory-info .text p a {
	
	color				: #fff;
	
	
}

.product-category .productcategory-info ul.downloads {
	
	list-style-type		: none;
	
	margin				: 0px 0px 0px -20px;
	padding				: 20px 0px 20px;
	
	overflow			: hidden;
	
	
}

.product-category .productcategory-info ul.downloads li {
	
	display				: inline-block;
	float				: left;
	overflow			: hidden;
	
	width				: 20%;
	
	margin				: 0px;
	padding				: 0px 0px 20px 20px;
	
	text-align			: center;
	
	vertical-align		: top;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}


.product-category .productcategory-info ul.downloads li img {
	
	vertical-align		: middle;
	width				: 100%;
	margin-bottom		: 10px;
	border				: 1px solid #fff;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	vertical-align		: bottom;
	
	display				: block;
	
}

.product-category .productcategory-info ul.downloads li span {
	
	vertical-align		: middle;
	
	font-family			: "Source Sans Pro", sans-serif;
	font-size			: 14px;
	color				: #fff;
	
	text-decoration		: none;
	
}

.product-category .productcategory-info ul.downloads li a:hover span {
	
	text-decoration		: underline;
	
}


/**
 * Product
**/

.product {
	
	
}

.product .banner {
	
	background-image	: url(/resources/graphics/templates/default/product-default-banner.jpg);
	background-size		: cover;
	background-position	: center center;

	margin				: 0px 0px 30px;
	
}

.product .banner .overlay {
	
	color				: #fff;
	font-size			: 26px;
	line-height			: 30px;
	
	background			: rgba(54, 54, 54, 0.7);
	
	padding				: 92px 0px 0px;
	
	
	
}

.product .banner .overlay h1 {
	
	color				: #fff;
	font-size			: 26px;
	line-height			: 30px;
	
	padding				: 30px 0px 30px;
	
	
}

.product .product-general {
	
	padding-top			: 18px;
	
	overflow			: hidden;
	
	
}

.product .product-general .images {
	
	float				: left;
	display				: inline-block;
	
	width				: 45%;
	
	padding-right		: 50px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	overflow			: hidden;
	
	
}

.product .product-general .images .product-image {
	
	position			: relative;
	
	overflow			: hidden;
	
	text-align			: center;
	
}

.product .product-general .images .product-image div.spinner {
	
	position			: absolute;
	
	top					: 50%;
	left				: 50%;
	width				: 100px;
	height				: 100px;
	z-index:1000;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	-o-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
	
}

.product .product-general .images .product-image div.spinner img {
	
	width				: 100%;
	height				: 100%;
	
	vertical-align		: bottom;
	
	animation			: spinner 1s linear 0s infinite forwards;
	
	opacity				: 0;
	
}

.product .product-general .images .product-image.spinner div.spinner img {
	
	opacity				: 0.2;

	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.product .product-general .images .product-image img.normal {
	
	max-width			: 100%;
	max-height			: 600px;
	
	-webkit-transition	: all 0.8s;
	-moz-transition		: all 0.8s;
	-o-transition		: all 0.8s;
	transition			: all 0.8s;
	
	vertical-align		: bottom;
	
}

.product .product-general .images .product-image img.prev,
.product .product-general .images .product-image img.next {
	
	padding				: 10px;
	background			: rgba(255, 255, 255, 0.5);
	
	position			: absolute;
	right				: 0px;
	top					: 50%;
	
	width				: 20px;
	
	opacity				: 0.3;
	
	cursor				: pointer;
	
	-webkit-transform	: translate(0, -50%);
	-moz-transform		: translate(0, -50%);
	-o-transform		: translate(0, -50%);
	transform			: translate(0, -50%);
	
}

.product .product-general .images .product-image img.prev:hover,
.product .product-general .images .product-image img.next:hover {
	
	opacity				: 1;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.product .product-general .images .product-image img.prev.hidden,
.product .product-general .images .product-image img.next.hidden {
	
	display				: none;
	
}

.product .product-general .images .product-image img.prev {
	
	left				: 0px;
	
}

.product .product-general .images .product-image img.next {
	
	right				: 0px;
	
}

.product .product-general .images .product-image.zoom-active:hover img.normal {
	
	opacity				: 0.6;
	
}

.product .product-general .images .product-image .double {
	
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 50%;
	height				: 50%;
	
	border					: 2px solid #fff;
	-webkit-border-radius	: 50% 50%;
	-moz-border-radius		: 50% 50%;
	-o-border-radius		: 50% 50%;
	border-radius			: 50% 50%;
	
	overflow			: hidden;
	cursor				: none;
	
	visibility			: hidden;
	
	opacity				: 0;
	
	/*box-shadow			: 0px 10px 100px -20px #000;*/
	
	-webkit-transition	: opacity 0.3s;
	-moz-transition		: opacity 0.3s;
	-o-transition		: opacity 0.3s;
	transition			: opacity 0.3s;
	
}

.product .product-general .images .product-image .double img {
	
	position			: absolute;
	
	width				: 400%;
	
	left				: 0px;
	top					: 0px;
	
}

.product .product-general .images .product-image.zoom-active .double {
	
	opacity				: 1;
	
	visibility			: visible;
	
	-webkit-transition	: opacity 0.3s;
	-moz-transition		: opacity 0.3s;
	-o-transition		: opacity 0.3s;
	transition			: opacity 0.3s;
	
}

.product .product-general .images .product-image.spinner img.normal {
	
	opacity				: 0;
	
	transform			: rotate(-6deg) scale(0.7, 0.7);
	
	-webkit-transition	: all 0.8s;
	-moz-transition		: all 0.8s;
	-o-transition		: all 0.8s;
	transition			: all 0.8s;
	
}

.product .product-general .images .text-row {
	
	padding-top			: 20px;
	padding-bottom		: 10px;
	
	
}

.product .product-general .images a.product-image-download-hires {
	
	padding				: 2px 0px 0px;
	margin-top			: 0px;
	
	float				: right;
	
	font-size			: 12px;
	text-decoration		: none;
	
	
}

.product .product-general .images a.product-image-download-hires:hover {
	
	text-decoration		: underline;
	
	
}

.product .product-general .images .thumbnail {
	
	display				: inline-block;
	float				: left;
	
	width				: 100px;
	padding				: 0px 20px 20px 0px;
	
	text-align			: center;
	
	
}

.product .product-general .images .thumbnail img {
	
	max-width			: 100px;
	max-height			: 100px;
	
	cursor				: pointer;
	
	-webkit-transition	: all 1.0s;
	-moz-transition		: all 1.0s;
	-o-transition		: all 1.0s;
	transition			: all 1.0s;
	
	
}

.product .product-general .images .thumbnail.half-visible img {
	opacity				: 0.5;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general .info {
	
	position			: relative;
	
	float				: left;
	display				: inline-block;
	
	width				: 55%;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.product .product-general .info.no-images {
	
	float				: none;
	display				: block;
	width				: auto;
	
}

.product .product-general .info .share-link {
	
	background			: #eee;
	padding				: 10px;
	margin-bottom		: 20px;
	
	display				: none;
	
}

.product .product-general .info .share-link h3,
.product .product-general .info .share-link p {
	
	padding				: 0px 0px 5px;
	
}

.product .product-general .info .share-link h3 {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 400;
	font-size			: 16px;
	line-height			: 20px;
	margin				: 0px;
	
}


.product .product-general .info h2 {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	font-size			: 24px;
	line-height			: 28px;
	
	padding-bottom		: 30px;
	
}

.product .product-general .info p {
	
	font-size			: 16px;
	line-height			: 20px;
	
	padding-bottom		: 30px;
	
}

.product .product-general .info p.details-link a {
	
	font-weight			: 400;
	
}

.product .product-general .info .share-icons {
	
	position			: absolute;
	right				: 0px;
	top					: -7px;
	
}

.product .product-general .info .share-icons img {
	
	width				: 40px;
	cursor				: pointer;
	
}

.product .product-general ul.variants {
	list-style-type		: none;
	margin				: 0px 0px 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li {
	margin				: 0px 0px 20px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li:first-child {
	border-top			: 0px;
}

.product .product-general ul.variants > li:hover {
	background			: #ebebeb;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li.open {
	
	
}

.product .product-general ul.variants > li .bar {
	
	background			: #eee;
	padding				: 10px 0px 10px;
	
	cursor				: pointer;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.product .product-general ul.variants > li .bar:hover,
.product .product-general ul.variants > li.highlight .bar {
	
	background			: #ccc;
	
}

.product .product-general ul.variants > li .bar img,
.product .product-general ul.variants > li .bar span {
	
	vertical-align		: middle;
	display				: inline-block;
	
}

.product .product-general ul.variants > li .bar img.image {
	
	width				: 80px;
	padding				: 0px 40px 0px 20px;
	
	
	
}

.product .product-general ul.variants > li .bar span.name {
	
	font-weight			: 400;
	width				: 150px;
	
	
	
}

.product .product-general ul.variants > li .bar span.name br {
	
	display				: none;
	
	
	
}

.product .product-general ul.variants > li .bar span.name span.placement-mobile,
.product .product-general ul.variants > li .bar span.name span.price-mobile {
	
	display				: none;
	
	
	
}

.product .product-general ul.variants > li .bar span.placement-desktop {
	
	width				: 330px;
	
	
	
}

.product .product-general ul.variants > li .bar span.placement-desktop > span {
	
	display				: block;
	padding				: 5px 0px;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop span.excl,
.product .product-general ul.variants > li .bar span.price-mobile span.excl {
	
	font-size			: 12px;
	display				: block;
	color				: #777;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop strong,
.product .product-general ul.variants > li .bar span.placement-mobile strong,
.product .product-general ul.variants > li .bar span.price-mobile strong {
	
	font-weight			: 400;
	
}

.product .product-general ul.variants > li .bar span.price-mobile br {
	
	display				: none;
	
}

.product .product-general ul.variants > li .bar span.button {
	
	padding				: 0px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.product .product-general ul.variants > li .bar span.button img {
	
	padding				: 0px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.product .product-general ul.variants li div.content {
	
	overflow			: hidden;
	max-height			: 0px;
	
	background			: #e1e1e1;
	
	opacity				: 0;
	
	padding				: 0px 20px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.product .product-general ul.variants > li.open div.content {
	
	max-height			: 400px;
	
	opacity				: 1;
	
	padding				: 10px 20px 10px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.product .product-general ul.variants > li.open .button img {
	-webkit-transform	: rotate(90deg);
	-moz-transform		: rotate(90deg);
	-o-transform		: rotate(90deg);
	transform			: rotate(90deg);
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li ul {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li ul li {
	
	margin				: 0px;
	padding				: 0px;
	
	font-size			: 16px;
	line-height			: 24px;
	
	
}

.product .product-general ul.variants > li ul li span {
	
	display				: block;
	vertical-align		: top;
	
	float				: none;
	padding-left		: 120px;
	
	
}

.product .product-general ul.variants > li ul li span:first-child {
	
	float				: left;
	
	font-weight			: 400;
	
	padding				: 0px;
	
	
}


.product .product-general ul.variants > li p.downloads {
	padding				: 15px 0px 0px;
	font-size			: 16px;
}



/** tabs **/
.product ul.tabs {
	
	list-style-type		: none;
	
	position			: relative;
	
	margin				: 60px 0px 60px;
	padding				: 60px 0px 0px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.product ul.tabs.tab-1 {
	background			: #ebebeb;
}

.product ul.tabs.tab-2 {
	background			: #e1e1e1;
}

.product ul.tabs.tab-3 {
	background			: #d7d7d7;
}

.product ul.tabs li {
	margin				: 0px;
	padding				: 0px;
}

.product ul.tabs li div.heading {
	
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 33.33%;
	height				: 60px;
	
	padding				: 10px 20px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	cursor				: pointer;
	
	
}
.product ul.tabs li div.heading img,
.product ul.tabs li div.heading span {
	
	vertical-align		: middle;
	
}

.product ul.tabs li div.heading img {
	
	width				: 40px;
	
}

.product ul.tabs li div.heading span {
	
	padding-left		: 10px;
	font-weight			: 300;
	font-size			: 20px;
	
}

.product ul.tabs li.tab-1 div.heading {
	
	left				: 0%;
	background			: #ebebeb;
	
}

.product ul.tabs li.tab-2 div.heading {
	
	left				: 33.33%;
	background			: #e1e1e1;
	
}

.product ul.tabs li.tab-3 div.heading {
	
	left				: 66.66%;
	width				: 33.34%;
	background			: #d7d7d7;
	
}

.product ul.tabs li div.content {
	
	padding				: 0px 20px;
	margin				: 0px;
	
	position			: relative;
	
	overflow			: hidden;
	visibility			: hidden;
	
	opacity				: 0;
	
	max-height			: 0px;
	
	transition			: all 0.3s;
	
}

.product ul.tabs li.open div.content {
	
	padding				: 20px 20px;
	
	visibility			: visible;
	
	max-height			: 3500px;
	
	opacity				: 1;
	
	transition			: all 0.3s;
	
}

.product ul.tabs li div.content ul {
	
	list-style-type		: none;
	
	margin				: 0px;
	padding				: 0px 0px 20px;
	
}

.product ul.tabs li div.content ul li {
	
	margin				: 0px;
	padding				: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 24px;
	
	
}

.product ul.tabs li div.content ul li span {
	
	display				: block;
	vertical-align		: top;
	
	float				: none;
	padding-left		: 180px;
	
	
}

.product ul.tabs li div.content ul li span:first-child {
	
	float				: left;
	
	font-weight			: 400;
	
	padding				: 0px;
	
	
}

.product ul.tabs li div.content h3 {
	
	margin				: 30px 0px 10px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 20px;
	line-height			: 24px;
	
	
}

.product ul.tabs li div.content h3:first-child {
	
	margin				: 10px 0px 10px;
	
	
}

.product ul.tabs li div.content p.downloads,
.product ul.tabs li div.content p.bim-links {
	
	font-size			: 16px;
	line-height			: 21px;
	
	padding				: 0px 0px 20px;
	
}



.product .boxes {
	
	padding				: 20px 0px 0px;
	margin				: 0px 0px 0px 0px;
	background			: #fff;
	
}

.product .boxes .box {
	
	height				: 150px;
	width				: 20%;
	
}

.product .boxes .box.contain .background {
	
	height				: 90px;
	
}

.product .boxes .box.contain .label {
	
	padding				: 20px;
	background			: none;
	color				: #000;
	font-size			: 16px;
	font-weight			: 300;
	
}

.product .boxes .box.contain:hover .label {
	
	text-decoration		: underline;
	
}



.print-version {
	padding				: 10px;
	background			: #fff;
}

.print-version .product-image img {
	max-width			: 100%;
}

.print-version .boxes {
	padding				: 0px;
	margin				: 0px 0px 0px -20px;
	background			: none;
	
}

.print-version .boxes .box {
	display				: inline-block;
	
	width				: 150px;
	height				: auto;
}

.print-version .boxes .box .image {
	width				: 100%;
	overflow			: hidden;
	height				: 150px;
	text-align			: center;
	
	position			: relative;
}

.print-version .boxes .box .image img {
	max-height			: 150px;
	max-width			: 100%;
	
	position			: absolute;
	top					: 50%;
	left				: 50%;
	
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	-o-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
}

.print-version .boxes .box h3 {
	font-weight			: 300;
}

.print-version ul {
	
	list-style-type		: none;
	margin				: 0px;
	padding				: 20px 0px 40px;
	
}

.print-version ul li {
	
	margin				: 0px;
	padding				: 0px;
	
}

.print-version ul li span {
	
	display				: block;
	vertical-align		: top;
	
	float				: none;
	padding-left		: 180px;
	
	
}

.print-version ul li span:first-child {
	
	float				: left;
	
	font-weight			: 400;
	
	padding				: 0px;
	
	
}

/**
 * Brochure page
**/

.dbrPadding {
	overflow			: hidden;
	
	
	padding				: 60px 152px 0px 100px;
	
	
	
	
	
}

/**
 * History page
**/

.dhisPadding {
	overflow			: hidden;
	
	
	padding				: 60px 102px 0px 100px;
	
	
	
	
	
}

/**
 * Text page
**/

.dpgePadding {
	overflow			: hidden;
	
	
	padding				: 40px 72px 0px 70px;
	
	
	
	
	
}

/**
 * Contact page
**/

.contact-form {
	
	padding				: 50px 0px 30px;
	margin				: 0px 0px 50px;
	
	background			: #000;
	
	display				: none;
	
	overflow			: hidden;
	
	
	
}

.contact-form.ready {
	
	display				: block;
	
	
	
}

.contact-form h1,
.contact-form h2,
.contact-form p,
.contact-form label {
	
	color				: #fff;
	
}

.contact-form .info {
	
	display				: none;
	clear				: left;
	
	border-width		: 0px;
	border-style		: solid;
	
	margin				: 20px 0px 20px;
	padding				: 20px;
	
}

.contact-form .info.success,
.contact-form .info.wait,
.contact-form .info.error {
	
	display				: block;
	
}

.contact-form .info.success .success,
.contact-form .info.wait .wait,
.contact-form .info.error .error {
	
	display				: block;
	
}

.contact-form .info .success,
.contact-form .info .wait,
.contact-form .info .error {
	
	color				: #fff;
	display				: none;
	
}

.contact-form .info.success,
.message .info.success {
	
	border-color		: #0d0;
	background-color	: #090;
	
}

.contact-form .info.wait,
.message .info.wait {
	
	border-color		: #ffcc00;
	background-color	: #c77e00;
	
}

.contact-form .info.error,
.message .info.error {
	
	border-color		: #f00;
	background-color	: #600;
	
}

.contact-form .info * {
	
	text-align			: left;
	color				: #fff;
	
}

.message .info {
	
	margin-top			: 40px;
	padding				: 60px 20px;
	
	
}

.message .info * {
	
	text-align			: center;
	color				: #fff;
	
}


.contact-form .field-organization {
	
	
}

.form form {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	
	margin-left			: -20px;
	
	padding-bottom		: 20px;
	
	
}

.form .field {
	
	padding				: 0px 0px 20px 20px;
	clear				: left;
	
	overflow			: hidden;
	
	color				: #fff;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.form .field.t-center {
	
	text-align			: center;
	
}

.form .field.t-right {
	
	text-align			: right;
	
}

.form .field.w-50 {
	
	display				: inline-block;
	float				: left;
	clear				: none;
	width				: 50%;
	
	
}

.form .field.w-100 {
	
	
	
}

.form .field label {
	
	font-weight			: 300;
	
	
	
}
.form .field label a {
	color				: #fff;
}

.form .field span {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 600;
	color				: #f00;
	
	
	
}

.form .field input[type="text"],
.form .field textarea {
	
	display				: block;
	
	width				: 100%;
	
	padding				: 10px;
	margin				: 5px 0px 0px;
	
	outline				: 0px;
	border				: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 300;
	
	color				: #000;
	background			: #eee;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.form .field textarea {
	
	height				: 150px;
	
}

.form .field input[type="text"].error,
.form .field textarea.error {
	
	border				: 2px solid #f00;
	padding				: 8px;
	
}

.form .field .submit {
	
	text-align			: center;
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
}

.form .field .submit a {
	
	text-decoration		: none;
	
	padding				: 10px 30px;
	border				: 0px;
	background			: #f00;
	color				: #fff;
	
	width				: 80px;
	height				: 20px;
	
	display				: inline-block;
	float				: right;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
	
	cursor				: pointer;
	
}

.form .field .submit a span {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 400;
	color				: #fff;
	
}

.form .field .submit.busy a span {
	
	display				: none;
	
}

.form .field .submit img {
	
	vertical-align		: middle;
	display				: none;
	
}

.form .field .submit.busy img {
	
	display				: inline-block;
	
}

.contact-linkedin {
	
	width				: 100px;
	
}


.form .checkbox-text,
.form .radio-text,
.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		padding				: 2px 0px 0px 25px;
		vertical-align		: middle;
		min-height			: 18px;
		line-height			: 26px;
	/**/
}

/* Base for label styling */

.form [type="checkbox"]:not(:checked),
.form [type="checkbox"]:checked,
.form [type="radio"]:not(:checked),
.form [type="radio"]:checked {
	/*@normal*/
		position: absolute;
		left: -9999px;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label,
.form span.checkbox-checked {
	/*@normal*/
		position: relative;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		cursor: pointer;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label,
.form [type="checkbox"].error:checked + label,
.form [type="radio"].error:not(:checked) + label,
.form [type="radio"].error:checked + label {
	/*@normal*/
	/**/
}
/* checkbox aspect */

.form [type="checkbox"]:not(:checked) + label:before,
.form [type="checkbox"]:checked + label:before,
.form span.checkbox-checked:before,
.form span.radio-checked:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		border-radius: 0px;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:before,
.form [type="checkbox"].error:checked + label:before,
.form span.error.checkbox-checked:before,
.form span.error.radio-checked:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}

.form [type="radio"]:not(:checked) + label:before,
.form [type="radio"]:checked + label:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

.form [type="radio"].error:not(:checked) + label:before,
.form [type="radio"].error:checked + label:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}



/* checked mark aspect */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="checkbox"]:checked + label:after,
.form span.checkbox-checked:after {
	/*@normal*/
		content: '\2713';
		position: absolute;
		top: -2px;
		left: 4px;
		font-size: 18px;
		font-weight: 300;
		color: #fff;
		transition: all .1s;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:after,
.form [type="checkbox"].error:checked + label:after,
.form span.checkbox-checked.error:after {
	/*@normal*/
		color: #f00;
	/**/
}

.form [type="radio"]:not(:checked) + label:after,
.form [type="radio"]:checked + label:after,
.form span.radio-checked:after {
	/*@normal*/
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		border: 1px solid #fff !important;
		background: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

/* checked mark aspect changes */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="radio"]:not(:checked) + label:after {
	/*@normal*/
		opacity: 0;
		transform: scale(0) rotate(-25deg);
	/**/
}

.form [type="checkbox"]:checked + label:after,
.form [type="radio"]:checked + label:after {
	/*@normal*/
		opacity: 1;
		transform: scale(1) rotate(0deg);
	/**/
}
/* disabled checkbox */

.form [type="checkbox"]:disabled:not(:checked) + label:before,
.form [type="checkbox"]:disabled:checked + label:before,
.form [type="radio"]:disabled:not(:checked) + label:before,
.form [type="radio"]:disabled:checked + label:before {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled:checked + label:after,
.form [type="radio"]:disabled:checked + label:after {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled + label,
.form [type="radio"]:disabled + label {
	/*@normal*/
		opacity: 0.5;
	/**/
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	/*@normal*/
		border: 1px solid #000 !important;
	/**/
}

/**
 * Search page
**/

.search-results span {
	
	background			: #fdd;
	
}

.dsePadding {
	overflow			: hidden;
	
	
	padding				: 60px 152px 0px 100px;
	
	
	
	
	
}

.dseRankContainer {
	padding-top			: 20px;
	font-weight			: 300;
	
	
	width				: 5%;
	
	
	
	
	
}

.dseContentContainer {
	padding-top			: 20px;
	
	
	width				: 95%;
	
	
	
	
	
}

.dseSearchText {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 50%;
	font-family			: Arial;
	font-size			: 1.16em;
	font-weight			: 300;
}

#pageSearchForm input[type="submit"] {
	background			: #f00;
	color				: #fff;
	
	padding				: 10px 20px;
	border				: 0px;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
}/**
 * Text page
**/

.drefPadding {
	overflow			: hidden;
	
	
	padding				: 40px 72px 0px 70px;
	
	
	
	
	
}

.drefContainer {
	padding-top			: 16px;
}

.drefImageContainer {
	
	display				: inline;
	float				: left;
	width				: 60%;
	
	
	
}

div.drefImage {
	
	padding-right		: 10px;
	padding-bottom		: 10px;
	
	
	
}

img.drefImage {
	
}

.drefImageDescr {
	padding-top			: 10px;
}

.drefImageWrapper {
	overflow			: hidden;
	float				: left;
	
	
	width				: 50%;
	
	
	
	
	
}

.drefPreviewsContainer {
	
	display				: inline;
	float				: left;
	width				: 40%;
	
	
	
	
}/*
.heading, h1 {
	font-family				: Arial;
	font-size				: 1.5em;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.smallheading, h2 {
	font-family				: Arial;
	font-size				: 1.16em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

h3 {
	font-family				: Arial;
	font-size				: 1em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.brodtekst, p {
	font-family				: Arial;
	font-size				: 1.16em;
	padding					: 0px;
	margin					: 0px;
}
*/

.brodtekst, .heading, .heading2, .heading3, p, h1, h2, h3, li, label {
	font-family		: 'Source Sans Pro', sans-serif;
}

.brodtekst, p {
	font-size		: 14px;
	font-weight		: 300;
	line-height		: 19px;
	padding			: 0px;
	margin			: 0px;
}

.heading, h1 {
	font-size		: 22px;
	font-weight		: 300;
	line-height		: 26px;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading2, h2 {
	font-size		: 18px;
	line-height		: 22px;
	font-weight		: 300;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading3, h3 {
	font-weight		: 300;
}

ul {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
	list-style-type	: circle;
}

ol {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
}

li {
	font-size		: 14px;
	line-height		: 17px;
}


img {
	position: relative;
	display:inline;
}

/** left **/
p.formattingLeft,h1.formattingLeft,h2.formattingLeft,h3.formattingLeft,h4.formattingLeft,h5.formattingLeft,h6.formattingLeft,td.formattingLeft,th.formattingLeft,div.formattingLeft,ul.formattingLeft,ol.formattingLeft,li.formattingLeft,table.formattingLeft {
	text-align		: left;
}

img.formattingLeft {
	float			: left;
	padding-right	: 10px;
	text-align		: left;
}

/** center **/
p.formattingCenter,h1.formattingCenter,h2.formattingCenter,h3.formattingCenter,h4.formattingCenter,h5.formattingCenter,h6.formattingCenter,td.formattingCenter,th.formattingCenter,div.formattingCenter,ul.formattingCenter,ol.formattingCenter,li.formattingCenter,table.formattingCenter {
	text-align		: center;
}

img.formattingCenter {
	display: block; margin-left: auto; margin-right: auto;
}

/** right **/
p.formattingRight,h1.formattingRight,h2.formattingRight,h3.formattingRight,h4.formattingRight,h5.formattingRight,h6.formattingRight,td.formattingRight,th.formattingRight,div.formattingRight,ul.formattingRight,ol.formattingRight,li.formattingRight,table.formattingRight {
	text-align		: right;
}

img.formattingRight {
	float			: right;
	padding-left	: 10px;
	text-align		: right;
}

/** justify **/
p.formattingJustify,h1.formattingJustify,h2.formattingJustify,h3.formattingJustify,h4.formattingJustify,h5.formattingJustify,h6.formattingJustify,td.formattingJustify,th.formattingJustify,div.formattingJustify,ul.formattingJustify,ol.formattingJustify,li.formattingJustify,table.formattingJustify {
	text-align		: justify;
}

img.formattingJustify {
	width			: 100%;
	text-align		: justify;
}

.otherLeft {
	text-align		: left;
}



a:link {
	font-weight			: 300;
	color				: #404040;
	text-decoration		: underline;
}

a:visited {
	color				: #404040;
	text-decoration		: underline;
}

a:hover {
	color				: #404040;
	text-decoration		: underline;
}

a:active {
	color				: #404040;
	text-decoration		: underline;
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
/*****************************************************
 * 
 * Intra
 * default.css
 * 
 * (C) 2013 Respons Reklame
 * Code by Andras Håkestad
 * 
 ****************************************************/

body {
	margin				: 0px;
	padding				: 0px;
	
	font-size			: 12px;
	color				: #404040;

	
	
	
	background			: #ffffff;
	
}

table {
	border-spacing		: 0px;
	border-collapse		: collapse;
	padding				: 0px;
	margin				: 0px;
}

strong, b {
	font-weight			: 600;
}


/**
 * Page container
 **/

.page {
	position			: relative;
	overflow			: hidden;
	
	background			: #fff;
	
	
	
	
	
	
}
/*
.page .height-secure {
	display				: inline;
	float				: right;

	width				: 1px;
	height				: 400px;
	
	font-size			: 1px;
}
*/
.page .page-content {
	overflow			: hidden;
}

.page .page-padding {
	
	
	
	width				: 100%;
	margin				: 0px;
	
	padding				: 0px 10px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.page .no-banner {
	
	
	
	padding				: 62px 10px 0px;
	
}

.page .content-padding {
	
	
	
	padding-top			: 30px;
	padding-bottom		: 30px;
	
}

.page .page-content .default-padding {
	padding				: 25px 40px 0px 41px;
}

.page .footer {
	
	
	
}

.page .footer .section {
	
	
	display				: block;
	float				: none;
	width				: auto;
	
	padding-bottom		: 20px;
	
	text-align			: center;
	
}

.page .footer .section.right {
	
	
	text-align			: center;
	
}

.page .footer span {
	
	
	
}

.page .footer span a {
	
	
	
}

.page .footer span.copyright {
	
	
	
}

.page .footer .logo {
	padding-bottom		: 20px;
	width				: 106px;
}

.page .footer .linked-in-logo {
	width				: 25px;
	vertical-align		: middle;
}

.page .footer .teka-logo {
	
	
	width				: 70%;
	
}

.page .footer a {
	color				: #fff;
	text-decoration		: underline;
}




/**
 * Page container
 **/


/**
 * Bottom
 **/

.defaultPageContainerBottom {
	overflow			: hidden;
	clear				: both;
	
	
	
	
	background			: #dddddd; /*url(/resources/graphics/templates/default/bk_bottom_small.jpg) #dddddd no-repeat center right;*/
	padding				: 10px 5px 10px 5px;
	margin				: 0;
	width				: 100%;
	
	
}

.defaultPageContainerBottomRightLogo {
	
	
	
	width				: 220px;
	height				: 24px;
	display				: inline;
	float				: right;
	background			: url(/resources/graphics/templates/default/bk_bottom_small.jpg?v=20190411) #dddddd no-repeat center center;
	-webkit-background-size		: contain;
	-moz-background-size		: contain;
	-o-background-size			: contain;
	background-size		: contain;
	
}

.defaultPageContainerBottomText {
	display				: inline;
	float				: left;
}

.defaultPageContainerBottomLinks {
	
	display				: none;
	
	
	padding				: 35px 0px 0px 0px;
	text-align			: center;
}



/**
 * Top
 **/

.page .header {
	overflow			: hidden;
	
	background			: #000;
	background			: rgba(0, 0, 0, 0.85);
	
	position			: fixed;
	z-index				: 1000;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	
	padding				: 10px 0px 10px;
	
	
	
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
	
	
	
	
	height				: 36px;
	padding				: 5px 0px 5px;
	
}

.page .header.submenu-visible {
	
}

.page .header.mobilemenu-visible {
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
	
	height				: 100%;
	
}




/**
 * Logo
 **/

.page .header .logo img {
	border				: 0px;
	
	padding-top			: 10px;
	height				: 52px;
	
	
	padding-top			: 5px;
	height				: 26px;
	
}

.page .header .logo {
	margin				: 0px;
	
	
	
	
	display				: inline-block;
	position			: relative;
	z-index				: 1000;
	
	float				: none;
	
	
	
	
	padding				: 0px 10px 0px 0px;
	
}

/**
 * Top menu
 **/

 
.page .header .menu {
	
	
	
	position			: absolute;
	top					: 0px;
	left				: 0px;
	
	width				: 100%;
	
	margin				: 0px 0px 0px 0px;
	
}

.page .header.mobilemenu-visible .menu {
	
	
	
	height				: 100%;
	
	overflow			: -moz-scrollbars-none;
	-ms-overflow-style	: none;
	
	overflow			: scroll;
	overflow-y			: scroll;
	overflow-x			: hidden;
	
}

.page .header.mobilemenu-visible .menu::-webkit-scrollbar { width: 0 !important }


.page .header .menu > ul.site-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 26px 0px 0px;
	width				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	visibility			: hidden;
	opacity				: 0;
	margin-top			: 20px;
	
}

.page .header.mobilemenu-visible .menu > ul.site-menu {
	
	margin-top			: 48px;
	
	visibility			: visible;
	opacity				: 1;
	
}

.page .header .menu > ul.site-menu > li {
	float				: left;
	cursor				: pointer;
	
	
	
	margin				: 0px;
	padding				: 0px 0px 5px;
	display				: block;
	float				: none;
	text-align			: center;
	
}

.page .header .menu > ul.site-menu > li a {
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-transform		: uppercase;
	text-decoration		: none;
	color				: #fff;
	
	
	
	font-weight			: 300;
	font-size			: 20px;
	line-height			: 24px;
	
}

.page .header .menu > ul.site-menu > li a:before,
.page .header .menu > ul.site-menu > li a:after{
	
	/*content				: ' - ';*/
	
}

.page .header .menu > ul.site-menu > li a:hover {
	
	
	
	border-bottom		: 0px;
	
}

.page .header.submenu-visible .menu > ul.site-menu > li > a,
.page .header.searchmenu-visible .menu > ul.site-menu > li > a,
.page .header.langmenu-visible .menu > ul.site-menu > li > a {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	color				: #777;
}

.page .header .menu > ul.site-menu > li.active > a {
	border-bottom		: 1px solid #fff;
	color				: #fff;
}

.page .header .menu > ul.site-menu > li > ul {
	margin				: 0px;
	padding				: 0px;
	
	list-style-type		: none;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	position			: static;
	
	padding				: 20px 0px 10px;
	max-height			: 0px;
	
}

.page .header .menu > ul.site-menu > li > ul.visible {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	padding-top			: 20px;
	max-height			: 300px;
	
}

.page .header .menu > ul.site-menu > li > ul > li {
	
	
	
	display				: block;
	padding				: 0px 0px 15px 0px;
	
}

.page .header .menu > ul.site-menu > li > ul > li a {
	
	
	
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 22px;
	
}

.page .header .menu ul.site-menu li.selected {
	
	
	
	
	
	
}

.page .header .menu .search {
	
	
	
	
	
	background			: transparent;
	
	position			: static;
	opacity				: 1;
	
	visibility			: visible;
	text-align			: center;
	
	padding-bottom		: 20px;
	
}

.page .header.searchmenu-visible .menu .search {
	
	
	
	display				: block;
	text-align			: center;
	color				: #fff;
	
	padding-bottom		: 20px;
	
}

.page .header .menu .search label {
	
	
	
	display				: block;
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 16px;
	padding-bottom		: 5px;
	
}

.page .header .menu .search input {
	
	
	
	background			: #fff;
	color				: #000;
	padding				: 5px;
	width				: 65%;
	border				: 0px;
	
	outline				: 0px;
	
	
}

.page .header ul.lang-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
	
	visibility			: hidden;
	opacity				: 0;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-box-shadow	: 0px 0px 20px 10px #000;
	-moz-box-shadow		: 0px 0px 20px 10px #000;
	-o-box-shadow		: 0px 0px 20px 10px #000;
	box-shadow			: 0px 0px 20px 10px #000;
	
	background			: #000;
	
	
	
	display				: none;
	visibility			: visible;
	position			: static;
	opacity				: 1;
	
}

.page .header.mobilemenu-visible ul.lang-menu {
	
	
	
	display				: block;
	text-align			: center;
	padding-top			: 20px;
	
}

.page .header .langmenu-visible ul.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	
	
	
}

.page .header ul.lang-menu li {
	margin				: 0px;
	padding				: 0px 5px 0px 5px;
	
	display				: inline;
	
	
	
	
	
	
	
}

.page .header ul.lang-menu li img {
	
	
	
	width				: auto;
	
}

.page .header .menu-icon {
	height				: 21px;
	
	position			: absolute;
	top					: 25px;
	
	
	
	
	top					: 12px;
	
}

.page .header .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	
	
	
	
	
	display				: none;
	right				: 50px;
	
}

.page .header .langmenu-visible .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	
	
	
}

.page .header .menu-icon.mobile-menu {
	cursor				: pointer;
	
	
	
	
	
	
	display				: block;
	right				: 10px;
	
}

.page .header .menu-icon.search-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	z-index				: 101;
	top					: 24px;
	height				: 24px;
	
	
	
	
	
	
	display				: none;
	right				: 50px;
	
}

.page .header .langmenu-visible .menu-icon.search-menu {
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
	opacity				: 0;
	
	
	
	
	display				: none;
	
}


a.red:link {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:visited {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:hover {
	color				: #c81d1d;
	text-decoration		: underline;
}

a.red:active {
	color				: #c81d1d;
	text-decoration		: underline;
}



/** bread crumbs **/
.breadcrumbs {
	overflow			: hidden;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	line-height			: 20px;
	background			: #ffffff;
	margin-bottom		: 12px;
	
	
	font-size			: 12px;
	line-height			: 18px;
	
}

.breadcrumbs span {
	color				: #f00;
	padding				: 0px 5px;
}

.breadcrumbs a:link {
	color				: #000000;
	text-decoration		: none;
	font-weight			: 400;
}

.breadcrumbs a:first-child {
	font-weight			: 600;
}

.breadcrumbs a:visited {
	color				: #000000;
	text-decoration		: none;
}

.breadcrumbs a:hover {
	color				: #000000;
	text-decoration		: underline;
}

.breadcrumbs a:active {
	color				: #000000;
	text-decoration		: underline;
}


/** search box **/
.defaultSearch {
	
	
	
	display				: none;
	
}

.defaultSearchBtn {
	display				: inline;
	float				: left;
	width				: 59px;
	height				: 62px;
	cursor				: pointer;
}

.defaultSearchContainer {
	padding-top			: 15px;
	display				: inline;
	float				: left;
}

.defaultSearchTextField {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 320px;
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 1.16em;
	font-weight			: 300;
}

.defaultMobileSearch {
	border-top			: 1px solid #999999;
	padding-top			: 10px;

	
	
	
	display				: block;
	
}


/** video **/

div.video-container {
	
	position					: relative;
	padding-bottom				: 56.25%; /* 16:9 */
	clear						: both;
	height						: 0;
	
}

div.video-container iframe {
	
	position					: absolute;
	top							: 0;
	left						: 0;
	width						: 100%;
	height						: 100%;
	
}

/** linkedin **/
.linkedin {
	
	vertical-align				: top;
	
}

.contact-linkedin {
	
	margin-top					: 5px;
	
}



.privacy-policy-container {
	background					: #000;
	background					: rgba(0, 0, 0, 0.85);
	
	position					: fixed;
	
	padding						: 20px 0px;
	
	bottom						: 0px;
	left						: 0px;
	width						: 100%;
	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	-o-box-sizing				: border-box;
	box-sizing					: border-box;
	
	text-align					: center;
	
	
	
}

.privacy-policy-container.hidden {
	
	display						: none;
	
}

.privacy-policy-container p {
	color						: #fff;
	font-size					: 14px;
	line-height					: 20px;
	
	
	
	
	padding						: 0px 20px 10px;
	
}

.privacy-policy-container p a {
	color						: #fff;
}

.privacy-policy-container h3 {
	color						: #fff;
	font-size					: 20px;
	line-height					: 20px;
	
	margin						: 0px;
	padding						: 0px 0px 20px;
}

.privacy-policy-container .buttons {
	display						: block;
	padding-top					: 20px;
}

.privacy-policy-container .buttons button,
.cookies-policy-pagebox button {
	
	background					: #f00;
	color						: #fff;
	padding						: 10px 20px;
	margin						: 0px 5px 0px 0px;
	border						: 0px;
	
	-webkit-border-radius		: 0px;
	-moz-border-radius			: 0px;
	-o-border-radius			: 0px;
	border-radius				: 0px;
	-webkit-appearance			: none;
	
	font-weight					: 400;
	
	cursor						: pointer;
	
}

.privacy-policy-container .buttons button.gray,
.cookies-policy-pagebox button.gray {
	
	background					: #444;
	
}


.cookies-policy-pagebox {
	display						: block;
	background					: #000;
	padding						: 20px;
	color						: #fff;
	
	
	padding						: 20px;
	
}


/** NEW BUBBLE **/
.boxes .box.new,
.product-general ul.variants.accordion li.new .button {
	
	
	
}

.boxes .box.new:after,
.product-general ul.variants.accordion li.new .button:after {
	
	
	
}

.boxes .box.new:after {
	
	
	left					: 10px;
	height					: 10px;
	
	font-size				: 10px;
	line-height				: 10px;
	
	width					: 50px;
	padding					: 20px 0px 20px;
	
}

.boxes.small .box.new:after {
	
	
	height					: 8px;
	
	font-size				: 8px;
	line-height				: 8px;
	
	width					: 40px;
	padding					: 16px 0px 16px;
	
}


.product-general ul.variants.accordion li.new .button:after {
	
	
	
	top						: -10px;
	left					: -40px;
	
	width					: 40px;
	height					: 8px;
	
	font-size				: 8px;
	line-height				: 8px;
	
	padding					: 16px 0px 16px;
	
}
/**
 * Front page
**/

.page .page-content .default-front-padding {
	
	
	
	
	
	padding				: 0px;
	
}

/**
 * top banners
 **/
.banners {
	
	
	
	
	
	height					: 300px;
	
}

.banners.medium {
	
	
	
	
	
	height					: 200px;
	
}

.banners .page-padding {
	
	
	
}

.banners .headings {
	position				: absolute;
	left					: 0px;
	top						: 0px;
	height					: 100%;
	width					: 100%;
	
	
	width					: 100%;
	
}

.banners .headings .bannerToLeft {
	margin-left				: -200px;
	opacity					: 0;
	visibility				: hidden;
}

.banners .headings .bannerNormal {
	margin-left				: 0px;
	opacity					: 1;
	
	-o-transition			: all .75s ease-out;
	-moz-transition			: all .75s ease-out;
	-webkit-transition		: all .75s ease-out;
	transition				: all .75s ease-out;
}

.banners .headings .bannerToRight {
	margin-left				: 200px;
	opacity					: 0;
	
	-o-transition			: all .4s ease-in;
	-moz-transition			: all .4s ease-in;
	-webkit-transition		: all .4s ease-in;
	transition				: all .4s ease-in;
}

.banners img.sizer {
	width					: 100%;
}

.banners .banner {
	position				: absolute;
	width					: 100%;
	top						: 0px;
	left					: 0px;
	height					: 100%;
	
	background-position		: center 35%;
	background-size			: cover;
	
	display					: none;
}

.banners .banner.visible {
	display					: block;
}

.banners .image {
	
	width					: 27px;
	
}

.banners .headings > div {
	
	
	
	
	
	left					: 20px;
	
}

.banners h1,
.banners h2 {
	
	
	
	
	
	font-size				: 14px;
	line-height				: 14px;
	padding					: 10px 100px 10px 10px;
	margin-bottom			: 5px;
	
}

.banners h3 {
	
	
	
	
	
	font-size				: 12px;
	line-height				: 12px;
	padding					: 10px 50px 10px 10px;
	margin					: 0px 0px 20px;
	
}

.banners h1,
.banners h2,
.banners h3 {
	
	
	
	
}

.banners .button {
	
	
	
	
	
	
	padding-top				: 30px;
	
}

.banners a {
	float					: left;
	clear					: left;
	
	background-color		: #000;
	background-color		: rgba(0, 0, 0, 0.8);
	
	border					: 1px solid #fff;
	-webkit-border-radius	: 20px;
	-moz-border-radius		: 20px;
	-o-border-radius		: 20px;
	border-radius			: 20px;
	
	padding					: 15px 25px;
	
	font-family				: 'Source Sans Pro', sans-serif, sans-serif;
	font-size				: 20px;
	font-weight				: 400;
	color					: #fff !important;
	text-decoration			: none !important;
	
	display					: inline-block;
	
	
	
	
	
	
	padding					: 7px 10px;
	border-radius			: 6px;
	font-size				: 12px;
	
}

a.arrow::after {
	content					: url(/resources/graphics/templates/default/link-arrow-12.png);
	
	padding-left			: 10px;
	vertical-align			: bottom;
}
 
a.arrow.size-12::after {
	
	
	
	
	
	
}
 
.dots {
	position				: absolute;
	bottom					: 20px;
	width					: 100%;
	text-align				: center;
	
	
	display					: none;
	
}

.dots img {
	display					: inline;
	padding					: 0px 5px;
	border					: 0px;
	cursor					: pointer;
}





/**
 * boxes
 **/
.boxes {
	padding				: 60px 0px 40px;
	
	margin-left			: -20px;
	
	overflow			: hidden;
	
	
	
	
	margin-top			: 5px;
	margin-left			: -10px;
	padding				: 30px 0px 20px;
	
}
 
.boxes .box {
	height				: 350px;
	margin-bottom		: 20px;
	padding-left		: 20px;

	display				: inline;
	float				: left;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
	
	
	height				: 120px;
	
	padding-left		: 10px;
	margin-bottom		: 10px;
	
}
 
.boxes .box > div {
	width				: 100%;
	height				: 100%;
	
	position			: relative;
	overflow			: hidden;
	cursor				: pointer;
	
	
	
}

.boxes .box.size-1 {
	
	
	width				: 100%;
	
}

.boxes .box.size-12 {
	
	
	width				: 50%;
	
}

.boxes .box.size-13 {
	
	
	width				: 50%;
	
}

.boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	
	width				: 50%;
	
}

.boxes .box .background {
	background-position	: top center;
	background-size		: cover;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.boxes .box.contain .background {
	background-size		: contain;
	background-repeat	: no-repeat;
}

.boxes .box:hover .background {
	
}

.boxes .box .label {
	position			: absolute;
	bottom				: 0px;
	width				: 100%;
	left				: 0px;
	background			: #fff;
	background			: rgba(0, 0, 0, 0.8);
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	text-align			: left;
	color				: #fff;
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-decoration		: none;
	
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	
	
	
	
	padding				: 10px 10px;
	font-size			: 14px;
	
}

.boxes .box:hover .label {
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	
	
	
	
	/*padding				: 10px 0px;*/
	
}


.front-info {
	background-image	: url(/resources/graphics/templates/default/front-info-background.jpg);
	background-size		: cover;
	background-position	: center center;
	
	padding				: 120px 30% 120px;
	
	
	padding				: 40px 10px 40px;
	
}

.front-info h2, .front-info p {
	text-align			: center;
	
	font-size			: 22px;
	line-height			: 30px;
	
	color				: #fff;
}

.front-info h2 {
	padding-bottom		: 20px;
	
	font-size			: 24px;
	line-height			: 30px;
	text-transform		: uppercase;
}

.front-info p {
	font-size			: 20px;
	line-height			: 30px;
	
	
	font-size			: 16px;
	line-height			: 22px;
	
}

.front-info .award-for-design-excellence-logo {
	text-align			: center;
	
	
	
}

.front-info .award-for-design-excellence-logo img {
	max-width			: 150px;
	margin-bottom		: 50px;
	
	
	margin-bottom		: 20px;
	
}

.front-infoblocks {
	margin-left			: -20px;
	
	padding				: 60px 0px 40px;
	
	overflow			: hidden;
	
	
	
	
	margin-left			: 0px;
	margin-bottom		: -10px;
	padding				: 30px 0px;
	width				: auto;
	
}

.front-infoblocks .block {
	height				: 250px;
	
	margin-bottom		: 20px;
	padding-left		: 20px;
	
	width				: 50%;
	
	display				: inline;
	float				: left;
	
	position			: relative;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
	margin-bottom		: 10px;
	padding-left		: 0px;
	
	width				: 100%;
	height				: 200px;
	display				: block;
	
}

.front-infoblocks .block .background {
	position			: relative;
	
	background			: #000;
	
	width				: 100%;
	height				: 100%;
	
	padding				: 0px 20px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
}

.front-infoblocks .block .background.background-1 {
	background-image	: url(/resources/graphics/templates/default/front-infoblocks-background1.jpg);
	background-size		: cover;
	background-position	: center center;
}



.front-infoblocks .block .background .content {
	position			: absolute;
	
	top					: 50%;
	left				: 0px;
	width				: 100%;
	
	padding				: 0px 160px 0px 60px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	-webkit-transform	: translate(0%, -50%);
	-moz-transform		: translate(0%, -50%);
	-o-transform		: translate(0%, -50%);
	transform			: translate(0%, -50%);
	
	
	
	
	padding				: 0px 10px 0px 10px;
	
}

.front-infoblocks .block .content h2 {
	color				: #fff;
	
	font-size			: 24px;
	line-height			: 30px;
	
	padding-bottom		: 20px;
	
	text-align			: left;
}

.front-infoblocks .block .content p {
	color				: #fff;
	
	font-size			: 16px;
	line-height			: 20px;
	
	text-align			: left;
}

.front-info p a,
.front-infoblocks .block .content p a {
	color				: #fff;
	
	text-decoration		: none;
	font-weight			: 400;
}

.front-info p a:hover,
.front-infoblocks .block .content p a:hover {
	text-decoration		: underline;
}

.front-info p a::after,
.front-infoblocks .block .content p a::after {
	content				: url(/resources/graphics/templates/default/link-arrow.png);
	
	padding-left		: 10px;
	vertical-align		: bottom;
}

/**
 * Product category
**/

.product-category {
	
	
	
	
	
	padding				: 20px 0px 0px;
	
}

.product-category .left-col {
	
	
	
	display				: none;
	float				: none;
	
	width				: 0px;
	padding-left		: 0px;
	
}

.product-category .left-col ul {
	
}

.product-category .left-col ul li {
	
}

.product-category .left-col ul li a {
	
}

.product-category .left-col ul li a:hover {
	
}

.product-category .left-col > ul > li > ul {
	
}

.product-category .left-col > ul > li {
	
}

.product-category .left-col > ul > li > a {
	
}

.right-col {
	
	
	
	padding-left		: 0px;
	
}

.product-category .boxes {
	
	padding				: 0px 0px 0px;
	
	
	margin-left			: -10px;
	
}

.product-category .boxes .box {
	
	
	
	width				: 50%;
	height				: 130px;
	padding-left		: 10px;
	
}

.product-category .boxes .box.size-12 {
	
	
	width				: 50%;
	
}

.product-category .boxes .box.size-13 {
	
	
	width				: 50%;
	
}

.product-category .boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	width				: 66.66%;
	
	
	width				: 50%;
	
}

.product-category .boxes .box.contain .background {
	
	
	
	height				: 90px;
	
}

.product-category .boxes .box.contain .label {
	
	
	
	bottom				: auto;
	top					: 75px;
	
}

.product-category .boxes .box.contain:hover .label {
	
}


.product-category .productcategory-info {
	max-height			: 4000px;
	
	-webkit-transition	: all 0.3s ease-in;
	-moz-transition		: all 0.3s ease-in;
	-o-transition		: all 0.3s ease-in;
	transition			: all 0.3s ease-in;
	
	position			: relative;
	background			: #000;
	margin-bottom		: 50px;
	color				: #fff;
	
	overflow			: hidden;
	
	
	
	padding				: 10px;
	
}

.product-category .productcategory-info.collapsable {
	
	
	padding				: 10px;
	
}

.product-category .productcategory-info.collapsable.collapsed {
	
	
	max-height			: 160px;
	padding				: 10px;
	
}

.product-category .productcategory-info .overlay {
	
	
	
}

.product-category .productcategory-info.collapsable .overlay {
	
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay {
	
	
	height				: 120px;
	
}

.product-category .productcategory-info .overlay .background {
	
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay .background {
	
	
	
}

.product-category .productcategory-info.collapsed .overlay .button {
	
	
	font-size			: 16px;
	line-height			: 16px;
	
}

.product-category .productcategory-info .overlay .button {
	
	
	font-size			: 16px;
	line-height			: 16px;
	
}

.product-category .productcategory-info .overlay .button span {
	
	
	
}

.product-category .productcategory-info.collapsed .overlay .button span {
	
	
	
}

.product-category .productcategory-info.collapsed .overlay .button img.arrow-down {
	
	
	
}

.product-category .productcategory-info .overlay .button img.arrow-down {
	
	
	width				: 20px;
	
}

.product-category .productcategory-info .text {
	
	
	
}

.product-category .productcategory-info .text h1 a,
.product-category .productcategory-info .text h2 a,
.product-category .productcategory-info .text p a {
	
	
	
}

.product-category .productcategory-info ul.downloads {
	
	
	list-style-type		: none;
	
	margin				: 0px 0px 0px -10px;
	
}

.product-category .productcategory-info ul.downloads li {
	
	
	padding				: 0px 0px 20px 10px;
	
	width				: 33.33%;
	
}


.product-category .productcategory-info ul.downloads li img {
	
}

.product-category .productcategory-info ul.downloads li span {
	
}

.product-category .productcategory-info ul.downloads li a:hover span {
	
}


/**
 * Product
**/

.product {
	
}

.product .banner {
	
}

.product .banner .overlay {
	
	
	
	padding				: 42px 0px 0px;
	
}

.product .banner .overlay h1 {
	
	
	padding				: 30px 0px 30px;
	
}

.product .product-general {
	
	
	padding-top			: 0px;
	
}

.product .product-general .images {
	
	
	float				: none;
	display				: block;
	width				: auto;
	
	padding-right		: 0px;
	
}

.product .product-general .images .product-image {
	
}

.product .product-general .images .product-image div.spinner {
	
}

.product .product-general .images .product-image div.spinner img {
	
}

.product .product-general .images .product-image.spinner div.spinner img {
	
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.product .product-general .images .product-image img.normal {
	
}

.product .product-general .images .product-image img.prev,
.product .product-general .images .product-image img.next {
	
}

.product .product-general .images .product-image img.prev:hover,
.product .product-general .images .product-image img.next:hover {
	
}

.product .product-general .images .product-image img.prev.hidden,
.product .product-general .images .product-image img.next.hidden {
	
}

.product .product-general .images .product-image img.prev {
	
}

.product .product-general .images .product-image img.next {
	
}

.product .product-general .images .product-image.zoom-active:hover img.normal {
	
}

.product .product-general .images .product-image .double {
	
}

.product .product-general .images .product-image .double img {
	
}

.product .product-general .images .product-image.zoom-active .double {
	
}

.product .product-general .images .product-image.spinner img.normal {
	
}

.product .product-general .images .text-row {
	
	
	
}

.product .product-general .images a.product-image-download-hires {
	
	
	
}

.product .product-general .images a.product-image-download-hires:hover {
	
	
	
}

.product .product-general .images .thumbnail {
	
	
	width				: 60px;
	padding				: 0px 10px 10px 0px;
	
	text-align			: center;
	
}

.product .product-general .images .thumbnail img {
	
	
	max-width			: 60px;
	max-height			: 60px;
	
	cursor				: pointer;
	
}

.product .product-general .images .thumbnail.half-visible img {
	opacity				: 0.5;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general .info {
	
	
	float				: none;
	display				: block;
	width				: auto;
	
	margin-top			: 30px;
	
}

.product .product-general .info.no-images {
	
}

.product .product-general .info .share-link {
	
	background			: #eee;
	padding				: 10px;
	margin-bottom		: 20px;
	
	display				: none;
	
}

.product .product-general .info .share-link h3,
.product .product-general .info .share-link p {
	
	padding				: 0px 0px 5px;
	
}

.product .product-general .info .share-link h3 {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 400;
	font-size			: 16px;
	line-height			: 20px;
	margin				: 0px;
	
}


.product .product-general .info h2 {
	
}

.product .product-general .info p {
	
}

.product .product-general .info p.details-link a {
	
}

.product .product-general .info .share-icons {
	
}

.product .product-general .info .share-icons img {
	
}

.product .product-general ul.variants {
	list-style-type		: none;
	margin				: 0px 0px 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li {
	margin				: 0px 0px 20px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li:first-child {
	border-top			: 0px;
}

.product .product-general ul.variants > li:hover {
	background			: #ebebeb;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li.open {
	
}

.product .product-general ul.variants > li .bar {
	
}

.product .product-general ul.variants > li .bar:hover,
.product .product-general ul.variants > li.highlight .bar {
	
}

.product .product-general ul.variants > li .bar img,
.product .product-general ul.variants > li .bar span {
	
}

.product .product-general ul.variants > li .bar img.image {
	
	
	
	width				: 25%;
	padding				: 0px 10px 0px 10px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.product .product-general ul.variants > li .bar span.name {
	
	
	
	width				: 65%;
	
}

.product .product-general ul.variants > li .bar span.name br {
	
	
	
	display				: inline;
	
}

.product .product-general ul.variants > li .bar span.name span.placement-mobile,
.product .product-general ul.variants > li .bar span.name span.price-mobile {
	
	
	
	display				: inline-block;
	padding-top			: 5px;
	font-weight			: 300;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop {
	
	
	
	display				: none;
	/*width				: 20%;*/
	
}

.product .product-general ul.variants > li .bar span.placement-desktop > span {
	
	display				: block;
	padding				: 5px 0px;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop span.excl,
.product .product-general ul.variants > li .bar span.price-mobile span.excl {
	
	font-size			: 12px;
	display				: block;
	color				: #777;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop strong,
.product .product-general ul.variants > li .bar span.placement-mobile strong,
.product .product-general ul.variants > li .bar span.price-mobile strong {
	
	font-weight			: 400;
	
}

.product .product-general ul.variants > li .bar span.price-mobile br {
	
	display				: none;
	
}

.product .product-general ul.variants > li .bar span.button {
	
	
	text-align			: right;
	width				: 10%;
	padding-right		: 10px;
	
}

.product .product-general ul.variants > li .bar span.button img {
	
	
	
}

.product .product-general ul.variants li div.content {
	
}

.product .product-general ul.variants > li.open div.content {
	
}

.product .product-general ul.variants > li.open .button img {
	-webkit-transform	: rotate(90deg);
	-moz-transform		: rotate(90deg);
	-o-transform		: rotate(90deg);
	transform			: rotate(90deg);
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li ul {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li ul li {
	
	
	font-size			: 14px;
	line-height			: 22px;
	
}

.product .product-general ul.variants > li ul li span {
	
	
	padding-left		: 100px;
	
}

.product .product-general ul.variants > li ul li span:first-child {
	
	
	padding				: 0px;
	
}


.product .product-general ul.variants > li p.downloads {
	padding				: 15px 0px 0px;
	font-size			: 16px;
}



/** tabs **/
.product ul.tabs {
	
	
	margin				: 0px 0px 20px;
	padding				: 0px;
	
}

.product ul.tabs.tab-1 {
	background			: #ebebeb;
}

.product ul.tabs.tab-2 {
	background			: #e1e1e1;
}

.product ul.tabs.tab-3 {
	background			: #d7d7d7;
}

.product ul.tabs li {
	margin				: 0px;
	padding				: 0px;
}

.product ul.tabs li div.heading {
	
	
	position			: static;
	height				: 80px;
	padding				: 20px;
	width				: 100% !important;
	
}
.product ul.tabs li div.heading img,
.product ul.tabs li div.heading span {
	
}

.product ul.tabs li div.heading img {
	
}

.product ul.tabs li div.heading span {
	
}

.product ul.tabs li.tab-1 div.heading {
	
}

.product ul.tabs li.tab-2 div.heading {
	
}

.product ul.tabs li.tab-3 div.heading {
	
}

.product ul.tabs li div.content {
	
}

.product ul.tabs li.open div.content {
	
}

.product ul.tabs li div.content ul {
	
}

.product ul.tabs li div.content ul li {
	
	
	font-size			: 14px;
	line-height			: 22px;
	
}

.product ul.tabs li div.content ul li span {
	
	
	padding-left		: 140px;
	
}

.product ul.tabs li div.content ul li span:first-child {
	
	
	padding				: 0px;
	
}

.product ul.tabs li div.content h3 {
	
	
	font-size			: 18px;
	line-height			: 22px;
	
}

.product ul.tabs li div.content h3:first-child {
	
	
	
}

.product ul.tabs li div.content p.downloads,
.product ul.tabs li div.content p.bim-links {
	
}



.product .boxes {
	
}

.product .boxes .box {
	
}

.product .boxes .box.contain .background {
	
}

.product .boxes .box.contain .label {
	
}

.product .boxes .box.contain:hover .label {
	
}



.print-version {
	padding				: 10px;
	background			: #fff;
}

.print-version .product-image img {
	max-width			: 100%;
}

.print-version .boxes {
	padding				: 0px;
	margin				: 0px 0px 0px -20px;
	background			: none;
	
}

.print-version .boxes .box {
	display				: inline-block;
	
	width				: 150px;
	height				: auto;
}

.print-version .boxes .box .image {
	width				: 100%;
	overflow			: hidden;
	height				: 150px;
	text-align			: center;
	
	position			: relative;
}

.print-version .boxes .box .image img {
	max-height			: 150px;
	max-width			: 100%;
	
	position			: absolute;
	top					: 50%;
	left				: 50%;
	
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	-o-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
}

.print-version .boxes .box h3 {
	font-weight			: 300;
}

.print-version ul {
	
}

.print-version ul li {
	
}

.print-version ul li span {
	
	
	padding-left		: 140px;
	
}

.print-version ul li span:first-child {
	
	
	padding				: 0px;
	
}

/**
 * Brochure page
**/

.dbrPadding {
	overflow			: hidden;
	
	
	
	
	
	
	padding				: 10px;
	
}

/**
 * History page
**/

.dhisPadding {
	overflow			: hidden;
	
	
	
	
	
	
	padding				: 10px;
	
}

/**
 * Text page
**/

.dpgePadding {
	overflow			: hidden;
	
	
	
	
	
	
	padding				: 10px;
	
}

/**
 * Contact page
**/

.contact-form {
	
	
	
	padding				: 30px 0px 30px;
	margin				: 0px 0px 30px;
	
}

.contact-form.ready {
	
	
	
	
}

.contact-form h1,
.contact-form h2,
.contact-form p,
.contact-form label {
	
	color				: #fff;
	
}

.contact-form .info {
	
	display				: none;
	clear				: left;
	
	border-width		: 0px;
	border-style		: solid;
	
	margin				: 20px 0px 20px;
	padding				: 20px;
	
}

.contact-form .info.success,
.contact-form .info.wait,
.contact-form .info.error {
	
	display				: block;
	
}

.contact-form .info.success .success,
.contact-form .info.wait .wait,
.contact-form .info.error .error {
	
	display				: block;
	
}

.contact-form .info .success,
.contact-form .info .wait,
.contact-form .info .error {
	
	color				: #fff;
	display				: none;
	
}

.contact-form .info.success,
.message .info.success {
	
	border-color		: #0d0;
	background-color	: #090;
	
}

.contact-form .info.wait,
.message .info.wait {
	
	border-color		: #ffcc00;
	background-color	: #c77e00;
	
}

.contact-form .info.error,
.message .info.error {
	
	border-color		: #f00;
	background-color	: #600;
	
}

.contact-form .info * {
	
	text-align			: left;
	color				: #fff;
	
}

.message .info {
	
	
	padding				: 20px 20px;
	
}

.message .info * {
	
	text-align			: center;
	color				: #fff;
	
}


.contact-form .field-organization {
	
	
}

.form form {
	
	
	
}

.form .field {
	
	
	
}

.form .field.t-center {
	
	text-align			: center;
	
}

.form .field.t-right {
	
	text-align			: right;
	
}

.form .field.w-50 {
	
	
	width				: 100%;
	
}

.form .field.w-100 {
	
	
	
}

.form .field label {
	
	
	
	
}
.form .field label a {
	color				: #fff;
}

.form .field span {
	
	
	
	
}

.form .field input[type="text"],
.form .field textarea {
	
	display				: block;
	
	width				: 100%;
	
	padding				: 10px;
	margin				: 5px 0px 0px;
	
	outline				: 0px;
	border				: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 300;
	
	color				: #000;
	background			: #eee;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.form .field textarea {
	
	height				: 150px;
	
}

.form .field input[type="text"].error,
.form .field textarea.error {
	
	border				: 2px solid #f00;
	padding				: 8px;
	
}

.form .field .submit {
	
	text-align			: center;
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
}

.form .field .submit a {
	
	text-decoration		: none;
	
	padding				: 10px 30px;
	border				: 0px;
	background			: #f00;
	color				: #fff;
	
	width				: 80px;
	height				: 20px;
	
	display				: inline-block;
	float				: right;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
	
	cursor				: pointer;
	
}

.form .field .submit a span {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 400;
	color				: #fff;
	
}

.form .field .submit.busy a span {
	
	display				: none;
	
}

.form .field .submit img {
	
	vertical-align		: middle;
	display				: none;
	
}

.form .field .submit.busy img {
	
	display				: inline-block;
	
}

.contact-linkedin {
	
	width				: 100px;
	
}


.form .checkbox-text,
.form .radio-text,
.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		padding				: 2px 0px 0px 25px;
		vertical-align		: middle;
		min-height			: 18px;
		line-height			: 26px;
	/**/
}

/* Base for label styling */

.form [type="checkbox"]:not(:checked),
.form [type="checkbox"]:checked,
.form [type="radio"]:not(:checked),
.form [type="radio"]:checked {
	/*@normal*/
		position: absolute;
		left: -9999px;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label,
.form span.checkbox-checked {
	/*@normal*/
		position: relative;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		cursor: pointer;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label,
.form [type="checkbox"].error:checked + label,
.form [type="radio"].error:not(:checked) + label,
.form [type="radio"].error:checked + label {
	/*@normal*/
	/**/
}
/* checkbox aspect */

.form [type="checkbox"]:not(:checked) + label:before,
.form [type="checkbox"]:checked + label:before,
.form span.checkbox-checked:before,
.form span.radio-checked:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		border-radius: 0px;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:before,
.form [type="checkbox"].error:checked + label:before,
.form span.error.checkbox-checked:before,
.form span.error.radio-checked:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}

.form [type="radio"]:not(:checked) + label:before,
.form [type="radio"]:checked + label:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

.form [type="radio"].error:not(:checked) + label:before,
.form [type="radio"].error:checked + label:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}



/* checked mark aspect */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="checkbox"]:checked + label:after,
.form span.checkbox-checked:after {
	/*@normal*/
		content: '\2713';
		position: absolute;
		top: -2px;
		left: 4px;
		font-size: 18px;
		font-weight: 300;
		color: #fff;
		transition: all .1s;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:after,
.form [type="checkbox"].error:checked + label:after,
.form span.checkbox-checked.error:after {
	/*@normal*/
		color: #f00;
	/**/
}

.form [type="radio"]:not(:checked) + label:after,
.form [type="radio"]:checked + label:after,
.form span.radio-checked:after {
	/*@normal*/
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		border: 1px solid #fff !important;
		background: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

/* checked mark aspect changes */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="radio"]:not(:checked) + label:after {
	/*@normal*/
		opacity: 0;
		transform: scale(0) rotate(-25deg);
	/**/
}

.form [type="checkbox"]:checked + label:after,
.form [type="radio"]:checked + label:after {
	/*@normal*/
		opacity: 1;
		transform: scale(1) rotate(0deg);
	/**/
}
/* disabled checkbox */

.form [type="checkbox"]:disabled:not(:checked) + label:before,
.form [type="checkbox"]:disabled:checked + label:before,
.form [type="radio"]:disabled:not(:checked) + label:before,
.form [type="radio"]:disabled:checked + label:before {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled:checked + label:after,
.form [type="radio"]:disabled:checked + label:after {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled + label,
.form [type="radio"]:disabled + label {
	/*@normal*/
		opacity: 0.5;
	/**/
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	/*@normal*/
		border: 1px solid #000 !important;
	/**/
}

/**
 * Search page
**/

.search-results span {
	
	background			: #fdd;
	
}

.dsePadding {
	overflow			: hidden;
	
	
	
	
	
	
	padding				: 10px;
	
}

.dseRankContainer {
	padding-top			: 20px;
	font-weight			: 300;
	
	
	
	
	
	
	width				: 10%;
	
}

.dseContentContainer {
	padding-top			: 20px;
	
	
	
	
	
	
	width				: 90%;
	
}

.dseSearchText {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 50%;
	font-family			: Arial;
	font-size			: 1.16em;
	font-weight			: 300;
}

#pageSearchForm input[type="submit"] {
	background			: #f00;
	color				: #fff;
	
	padding				: 10px 20px;
	border				: 0px;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
}/**
 * Text page
**/

.drefPadding {
	overflow			: hidden;
	
	
	
	
	
	
	padding				: 10px;
	
}

.drefContainer {
	padding-top			: 16px;
}

.drefImageContainer {
	
	
	
	display				: block;
	float				: none;
	width				: 100%;
	
}

div.drefImage {
	
	
	
	padding-right		: 0px;
	padding-bottom		: 10px;
	
}

img.drefImage {
	
	width				: 100%;
	
}

.drefImageDescr {
	padding-top			: 10px;
}

.drefImageWrapper {
	overflow			: hidden;
	float				: left;
	
	
	
	
	
	
	width				: 20%;
	
}

.drefPreviewsContainer {
	
	
	
	
	display				: block;
	float				: none;
	width				: 100%;
	
}/*
.heading, h1 {
	font-family				: Arial;
	font-size				: 1.5em;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.smallheading, h2 {
	font-family				: Arial;
	font-size				: 1.16em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

h3 {
	font-family				: Arial;
	font-size				: 1em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.brodtekst, p {
	font-family				: Arial;
	font-size				: 1.16em;
	padding					: 0px;
	margin					: 0px;
}
*/

.brodtekst, .heading, .heading2, .heading3, p, h1, h2, h3, li, label {
	font-family		: 'Source Sans Pro', sans-serif;
}

.brodtekst, p {
	font-size		: 14px;
	font-weight		: 300;
	line-height		: 19px;
	padding			: 0px;
	margin			: 0px;
}

.heading, h1 {
	font-size		: 22px;
	font-weight		: 300;
	line-height		: 26px;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading2, h2 {
	font-size		: 18px;
	line-height		: 22px;
	font-weight		: 300;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading3, h3 {
	font-weight		: 300;
}

ul {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
	list-style-type	: circle;
}

ol {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
}

li {
	font-size		: 14px;
	line-height		: 17px;
}


img {
	position: relative;
	display:inline;
}

/** left **/
p.formattingLeft,h1.formattingLeft,h2.formattingLeft,h3.formattingLeft,h4.formattingLeft,h5.formattingLeft,h6.formattingLeft,td.formattingLeft,th.formattingLeft,div.formattingLeft,ul.formattingLeft,ol.formattingLeft,li.formattingLeft,table.formattingLeft {
	text-align		: left;
}

img.formattingLeft {
	float			: left;
	padding-right	: 10px;
	text-align		: left;
}

/** center **/
p.formattingCenter,h1.formattingCenter,h2.formattingCenter,h3.formattingCenter,h4.formattingCenter,h5.formattingCenter,h6.formattingCenter,td.formattingCenter,th.formattingCenter,div.formattingCenter,ul.formattingCenter,ol.formattingCenter,li.formattingCenter,table.formattingCenter {
	text-align		: center;
}

img.formattingCenter {
	display: block; margin-left: auto; margin-right: auto;
}

/** right **/
p.formattingRight,h1.formattingRight,h2.formattingRight,h3.formattingRight,h4.formattingRight,h5.formattingRight,h6.formattingRight,td.formattingRight,th.formattingRight,div.formattingRight,ul.formattingRight,ol.formattingRight,li.formattingRight,table.formattingRight {
	text-align		: right;
}

img.formattingRight {
	float			: right;
	padding-left	: 10px;
	text-align		: right;
}

/** justify **/
p.formattingJustify,h1.formattingJustify,h2.formattingJustify,h3.formattingJustify,h4.formattingJustify,h5.formattingJustify,h6.formattingJustify,td.formattingJustify,th.formattingJustify,div.formattingJustify,ul.formattingJustify,ol.formattingJustify,li.formattingJustify,table.formattingJustify {
	text-align		: justify;
}

img.formattingJustify {
	width			: 100%;
	text-align		: justify;
}

.otherLeft {
	text-align		: left;
}



a:link {
	font-weight			: 300;
	color				: #404040;
	text-decoration		: underline;
}

a:visited {
	color				: #404040;
	text-decoration		: underline;
}

a:hover {
	color				: #404040;
	text-decoration		: underline;
}

a:active {
	color				: #404040;
	text-decoration		: underline;
}

}
@media only screen and (min-width: 481px) and (max-width: 1199px) {
/*****************************************************
 * 
 * Intra
 * default.css
 * 
 * (C) 2013 Respons Reklame
 * Code by Andras Håkestad
 * 
 ****************************************************/

body {
	margin				: 0px;
	padding				: 0px;
	
	font-size			: 12px;
	color				: #404040;

	
	
	
	background			: #ffffff;
	
}

table {
	border-spacing		: 0px;
	border-collapse		: collapse;
	padding				: 0px;
	margin				: 0px;
}

strong, b {
	font-weight			: 600;
}


/**
 * Page container
 **/

.page {
	position			: relative;
	overflow			: hidden;
	
	background			: #fff;
	
	
	
	
	
	
}
/*
.page .height-secure {
	display				: inline;
	float				: right;

	width				: 1px;
	height				: 400px;
	
	font-size			: 1px;
}
*/
.page .page-content {
	overflow			: hidden;
}

.page .page-padding {
	
	
	
	width				: 100%;
	margin				: 0px;
	
	padding				: 0px 10px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.page .no-banner {
	
	
	padding				: 80px 10px 0px;
	
	
}

.page .content-padding {
	
	
	padding-top			: 30px;
	padding-bottom		: 30px;
	
	
}

.page .page-content .default-padding {
	padding				: 25px 40px 0px 41px;
}

.page .footer {
	
	font-family			: 'Source Sans Pro', sans-serif;
	background			: #000;
	padding				: 30px 0px;
	color				: #fff;
	
	text-align			: center;
	
	overflow			: hidden;
	
	
}

.page .footer .section {
	
	display				: inline-block;
	float				: left;
	width				: 50%;
	
	text-align			: left;
	
	
}

.page .footer .section.right {
	
	padding-top			: 30px;
	text-align			: right;
	
	
}

.page .footer span {
	
	display				: inline-block;
	vertical-align		: middle;
	padding-left		: 10px;
	color				: #fff;
	
	
}

.page .footer span a {
	
	color				: #fff;
	
	
}

.page .footer span.copyright {
	
	display				: block;
	padding-bottom		: 5px;
	font-weight			: 300;
	
	
}

.page .footer .logo {
	padding-bottom		: 20px;
	width				: 106px;
}

.page .footer .linked-in-logo {
	width				: 25px;
	vertical-align		: middle;
}

.page .footer .teka-logo {
	
	display				: inline-block;
	width				: 300px;
	padding-bottom		: 40px;
	
	
}

.page .footer a {
	color				: #fff;
	text-decoration		: underline;
}




/**
 * Page container
 **/


/**
 * Bottom
 **/

.defaultPageContainerBottom {
	overflow			: hidden;
	clear				: both;
	
	
	
	
	background			: #dddddd; /*url(/resources/graphics/templates/default/bk_bottom_small.jpg) #dddddd no-repeat center right;*/
	padding				: 10px 5px 10px 5px;
	margin				: 0;
	width				: 100%;
	
	
}

.defaultPageContainerBottomRightLogo {
	
	
	
	width				: 220px;
	height				: 24px;
	display				: inline;
	float				: right;
	background			: url(/resources/graphics/templates/default/bk_bottom_small.jpg?v=20190411) #dddddd no-repeat center center;
	-webkit-background-size		: contain;
	-moz-background-size		: contain;
	-o-background-size			: contain;
	background-size		: contain;
	
}

.defaultPageContainerBottomText {
	display				: inline;
	float				: left;
}

.defaultPageContainerBottomLinks {
	
	display				: none;
	
	
	padding				: 35px 0px 0px 0px;
	text-align			: center;
}



/**
 * Top
 **/

.page .header {
	overflow			: hidden;
	
	background			: #000;
	background			: rgba(0, 0, 0, 0.85);
	
	position			: fixed;
	z-index				: 1000;
	top					: 0px;
	left				: 0px;
	width				: 100%;
	
	padding				: 10px 0px 10px;
	
	
	
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
	
	
	height				: 54px;
	padding				: 5px 0px 5px;
	
	
	
}

.page .header.submenu-visible {
	
}

.page .header.mobilemenu-visible {
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
	
	height				: 100%;
	
}




/**
 * Logo
 **/

.page .header .logo img {
	border				: 0px;
	
	padding-top			: 10px;
	height				: 52px;
	
	
	padding-top			: 5px;
	height				: 26px;
	
}

.page .header .logo {
	margin				: 0px;
	
	
	
	
	display				: inline-block;
	position			: relative;
	z-index				: 1000;
	
	float				: none;
	
	
	
	padding				: 9px 10px 9px 0px;
	
	
}

/**
 * Top menu
 **/

 
.page .header .menu {
	
	
	
	position			: absolute;
	top					: 0px;
	left				: 0px;
	
	width				: 100%;
	
	margin				: 0px 0px 0px 0px;
	
}

.page .header.mobilemenu-visible .menu {
	
	
	
	height				: 100%;
	
	overflow			: -moz-scrollbars-none;
	-ms-overflow-style	: none;
	
	overflow			: scroll;
	overflow-y			: scroll;
	overflow-x			: hidden;
	
}

.page .header.mobilemenu-visible .menu::-webkit-scrollbar { width: 0 !important }


.page .header .menu > ul.site-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 26px 0px 0px;
	width				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	visibility			: hidden;
	opacity				: 0;
	margin-top			: 20px;
	
}

.page .header.mobilemenu-visible .menu > ul.site-menu {
	
	margin-top			: 48px;
	
	visibility			: visible;
	opacity				: 1;
	
}

.page .header .menu > ul.site-menu > li {
	float				: left;
	cursor				: pointer;
	
	
	
	margin				: 0px;
	padding				: 0px 0px 5px;
	display				: block;
	float				: none;
	text-align			: center;
	
}

.page .header .menu > ul.site-menu > li a {
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-transform		: uppercase;
	text-decoration		: none;
	color				: #fff;
	
	
	font-weight			: 300;
	font-size			: 20px;
	line-height			: 30px;
	
	
}

.page .header .menu > ul.site-menu > li a:before,
.page .header .menu > ul.site-menu > li a:after{
	
	/*content				: ' - ';*/
	
}

.page .header .menu > ul.site-menu > li a:hover {
	
	
	
	border-bottom		: 0px;
	
}

.page .header.submenu-visible .menu > ul.site-menu > li > a,
.page .header.searchmenu-visible .menu > ul.site-menu > li > a,
.page .header.langmenu-visible .menu > ul.site-menu > li > a {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	color				: #777;
}

.page .header .menu > ul.site-menu > li.active > a {
	border-bottom		: 1px solid #fff;
	color				: #fff;
}

.page .header .menu > ul.site-menu > li > ul {
	margin				: 0px;
	padding				: 0px;
	
	list-style-type		: none;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	position			: static;
	
	padding				: 20px 0px 10px;
	max-height			: 0px;
	
}

.page .header .menu > ul.site-menu > li > ul.visible {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	padding-top			: 20px;
	max-height			: 300px;
	
}

.page .header .menu > ul.site-menu > li > ul > li {
	
	
	
	display				: block;
	padding				: 0px 0px 15px 0px;
	
}

.page .header .menu > ul.site-menu > li > ul > li a {
	
	
	
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 22px;
	
}

.page .header .menu ul.site-menu li.selected {
	
	
	
	
	
	
}

.page .header .menu .search {
	
	
	
	top					: 14px;
	
	
	
}

.page .header.searchmenu-visible .menu .search {
	
	visibility			: visible;
	opacity				: 1;
	
	z-index				: 100;
	
	right				: 110px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	padding-bottom		: 5px;
	
	
	
}

.page .header .menu .search label {
	
	color				: #fff;
	font-weight			: 300;
	font-size			: 16px;
	line-height			: 16px;
	padding				: 0px 5px 0px 5px;
	
	
	
}

.page .header .menu .search input {
	
	background			: transparent;
	padding				: 4px 0px;
	border				: 0px;
	border-bottom		: 1px solid #fff;
	color				: #fff;
	
	outline				: 0px;
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius		: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	font-weight			: 300;
	line-height			: 14px;
	
	
	
}

.page .header ul.lang-menu {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
	
	visibility			: hidden;
	opacity				: 0;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-box-shadow	: 0px 0px 20px 10px #000;
	-moz-box-shadow		: 0px 0px 20px 10px #000;
	-o-box-shadow		: 0px 0px 20px 10px #000;
	box-shadow			: 0px 0px 20px 10px #000;
	
	background			: #000;
	
	
	
	display				: none;
	visibility			: visible;
	position			: static;
	opacity				: 1;
	
}

.page .header.mobilemenu-visible ul.lang-menu {
	
	
	
	display				: block;
	text-align			: center;
	padding-top			: 20px;
	
}

.page .header .langmenu-visible ul.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	
	
	
}

.page .header ul.lang-menu li {
	margin				: 0px;
	padding				: 0px 5px 0px 5px;
	
	display				: inline;
	
	
	
	
	
	
	
}

.page .header ul.lang-menu li img {
	
	
	
	width				: auto;
	
}

.page .header .menu-icon {
	height				: 21px;
	
	position			: absolute;
	top					: 25px;
	
	
	top					: 20px;
	
	
	
}

.page .header .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	
	
	
	display				: none;
	right				: 70px;
	
	
	
}

.page .header .langmenu-visible .menu-icon.lang-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
	
	
	
	
	
}

.page .header .menu-icon.mobile-menu {
	cursor				: pointer;
	
	
	
	
	display				: block;
	right				: 20px;
	
	
	
}

.page .header .menu-icon.search-menu {
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	cursor				: pointer;
	
	z-index				: 101;
	top					: 24px;
	height				: 24px;
	
	
	
	
	top					: 18px;
	right				: 70px;
	
	
	
}

.page .header .langmenu-visible .menu-icon.search-menu {
	-webkit-transition	: all 0.1s;
	-moz-transition		: all 0.1s;
	-o-transition		: all 0.1s;
	transition			: all 0.1s;
	
	opacity				: 0;
	
	
	
	
	
}


a.red:link {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:visited {
	color				: #c81d1d;
	text-decoration		: none;
}

a.red:hover {
	color				: #c81d1d;
	text-decoration		: underline;
}

a.red:active {
	color				: #c81d1d;
	text-decoration		: underline;
}



/** bread crumbs **/
.breadcrumbs {
	overflow			: hidden;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 14px;
	line-height			: 20px;
	background			: #ffffff;
	margin-bottom		: 12px;
	
	
}

.breadcrumbs span {
	color				: #f00;
	padding				: 0px 5px;
}

.breadcrumbs a:link {
	color				: #000000;
	text-decoration		: none;
	font-weight			: 400;
}

.breadcrumbs a:first-child {
	font-weight			: 600;
}

.breadcrumbs a:visited {
	color				: #000000;
	text-decoration		: none;
}

.breadcrumbs a:hover {
	color				: #000000;
	text-decoration		: underline;
}

.breadcrumbs a:active {
	color				: #000000;
	text-decoration		: underline;
}


/** search box **/
.defaultSearch {
	
	display				: block;
	position			: fixed;
	z-index				: 10000;
	
	top					: 40%;
	right				: -341px;
	height				: 62px;
	width				: 400px;
	
	background			: url(/resources/graphics/templates/default/search.png) no-repeat;
	
	
	
}

.defaultSearchBtn {
	display				: inline;
	float				: left;
	width				: 59px;
	height				: 62px;
	cursor				: pointer;
}

.defaultSearchContainer {
	padding-top			: 15px;
	display				: inline;
	float				: left;
}

.defaultSearchTextField {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 320px;
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 1.16em;
	font-weight			: 300;
}

.defaultMobileSearch {
	border-top			: 1px solid #999999;
	padding-top			: 10px;

	
	display				: none;
	
	
	
}


/** video **/

div.video-container {
	
	position					: relative;
	padding-bottom				: 56.25%; /* 16:9 */
	clear						: both;
	height						: 0;
	
}

div.video-container iframe {
	
	position					: absolute;
	top							: 0;
	left						: 0;
	width						: 100%;
	height						: 100%;
	
}

/** linkedin **/
.linkedin {
	
	vertical-align				: top;
	
}

.contact-linkedin {
	
	margin-top					: 5px;
	
}



.privacy-policy-container {
	background					: #000;
	background					: rgba(0, 0, 0, 0.85);
	
	position					: fixed;
	
	padding						: 20px 0px;
	
	bottom						: 0px;
	left						: 0px;
	width						: 100%;
	
	-webkit-box-sizing			: border-box;
	-moz-box-sizing				: border-box;
	-o-box-sizing				: border-box;
	box-sizing					: border-box;
	
	text-align					: center;
	
	
	
	padding						: 30px 0px;
	
}

.privacy-policy-container.hidden {
	
	display						: none;
	
}

.privacy-policy-container p {
	color						: #fff;
	font-size					: 14px;
	line-height					: 20px;
	
	
	padding						: 0px 25% 10px;
	
	
	
}

.privacy-policy-container p a {
	color						: #fff;
}

.privacy-policy-container h3 {
	color						: #fff;
	font-size					: 20px;
	line-height					: 20px;
	
	margin						: 0px;
	padding						: 0px 0px 20px;
}

.privacy-policy-container .buttons {
	display						: block;
	padding-top					: 20px;
}

.privacy-policy-container .buttons button,
.cookies-policy-pagebox button {
	
	background					: #f00;
	color						: #fff;
	padding						: 10px 20px;
	margin						: 0px 5px 0px 0px;
	border						: 0px;
	
	-webkit-border-radius		: 0px;
	-moz-border-radius			: 0px;
	-o-border-radius			: 0px;
	border-radius				: 0px;
	-webkit-appearance			: none;
	
	font-weight					: 400;
	
	cursor						: pointer;
	
}

.privacy-policy-container .buttons button.gray,
.cookies-policy-pagebox button.gray {
	
	background					: #444;
	
}


.cookies-policy-pagebox {
	display						: block;
	background					: #000;
	padding						: 20px;
	color						: #fff;
	
	
}


/** NEW BUBBLE **/
.boxes .box.new,
.product-general ul.variants.accordion li.new .button {
	
	position				: relative;
	
	
}

.boxes .box.new:after,
.product-general ul.variants.accordion li.new .button:after {
	
	position				: absolute;
	
	width					: 80px;
	height					: 14px;
	
	padding					: 33px 0px 33px;
	
	background				: #8db984;
	background				: rgba(141, 185, 132, 0.8);
	
	text-align				: center;
	text-transform			: uppercase;
	font-family				: "Source sans", sans-serif;
	font-size				: 14px;
	line-height				: 14px;
	font-weight				: bold;
	color					: #fff;
	letter-spacing			: 1px;
	
	-webkit-border-radius	: 40px;
	-moz-border-radius		: 40px;
	-o-border-radius		: 40px;
	border-radius			: 40px;
	
	
}

.boxes .box.new:after {
	
	top						: 0px;
	left					: 20px;
	
	
}

.boxes.small .box.new:after {
	
	height					: 10px;
	
	font-size				: 10px;
	line-height				: 10px;
	
	width					: 50px;
	padding					: 20px 0px 20px;
	
	
}


.product-general ul.variants.accordion li.new .button:after {
	
	
	top						: -15px;
	left					: -55px;
	
	width					: 50px;
	height					: 10px;
	
	font-size				: 10px;
	line-height				: 10px;
	
	padding					: 20px 0px 20px;
	
	
}
/**
 * Front page
**/

.page .page-content .default-front-padding {
	
	
	
	padding				: 0px;
	
	
	
}

/**
 * top banners
 **/
.banners {
	
	
	
	height					: 450px;
	
	
	
}

.banners.medium {
	
	
	
	height					: 350px;
	
	
	
}

.banners .page-padding {
	
	
	
	
}

.banners .headings {
	position				: absolute;
	left					: 0px;
	top						: 0px;
	height					: 100%;
	width					: 100%;
	
	
}

.banners .headings .bannerToLeft {
	margin-left				: -200px;
	opacity					: 0;
	visibility				: hidden;
}

.banners .headings .bannerNormal {
	margin-left				: 0px;
	opacity					: 1;
	
	-o-transition			: all .75s ease-out;
	-moz-transition			: all .75s ease-out;
	-webkit-transition		: all .75s ease-out;
	transition				: all .75s ease-out;
}

.banners .headings .bannerToRight {
	margin-left				: 200px;
	opacity					: 0;
	
	-o-transition			: all .4s ease-in;
	-moz-transition			: all .4s ease-in;
	-webkit-transition		: all .4s ease-in;
	transition				: all .4s ease-in;
}

.banners img.sizer {
	width					: 100%;
}

.banners .banner {
	position				: absolute;
	width					: 100%;
	top						: 0px;
	left					: 0px;
	height					: 100%;
	
	background-position		: center 35%;
	background-size			: cover;
	
	display					: none;
}

.banners .banner.visible {
	display					: block;
}

.banners .image {
	
	width					: 27px;
	
}

.banners .headings > div {
	
	
	
	left					: 40px;
	
	
	
}

.banners h1,
.banners h2 {
	
	
	
	font-size				: 24px;
	line-height				: 24px;
	padding					: 10px 100px 10px 10px;
	margin-bottom			: 10px;
	
	
	
}

.banners h3 {
	
	
	
	font-size				: 18px;
	line-height				: 18px;
	padding					: 10px 50px 10px 10px;
	margin					: 0px 0px 40px;
	
	
	
}

.banners h1,
.banners h2,
.banners h3 {
	
	
	
	
}

.banners .button {
	
	
	
	
	padding-top				: 50px;
	
	
	
}

.banners a {
	float					: left;
	clear					: left;
	
	background-color		: #000;
	background-color		: rgba(0, 0, 0, 0.8);
	
	border					: 1px solid #fff;
	-webkit-border-radius	: 20px;
	-moz-border-radius		: 20px;
	-o-border-radius		: 20px;
	border-radius			: 20px;
	
	padding					: 15px 25px;
	
	font-family				: 'Source Sans Pro', sans-serif, sans-serif;
	font-size				: 20px;
	font-weight				: 400;
	color					: #fff !important;
	text-decoration			: none !important;
	
	display					: inline-block;
	
	
	
	
	padding					: 10px;
	border-radius			: 8px;
	font-size				: 16px;
	
	
	
}

a.arrow::after {
	content					: url(/resources/graphics/templates/default/link-arrow-12.png);
	
	padding-left			: 10px;
	vertical-align			: bottom;
}
 
a.arrow.size-12::after {
	
	
	
	
	
	
}
 
.dots {
	position				: absolute;
	bottom					: 20px;
	width					: 100%;
	text-align				: center;
	
	
}

.dots img {
	display					: inline;
	padding					: 0px 5px;
	border					: 0px;
	cursor					: pointer;
}





/**
 * boxes
 **/
.boxes {
	padding				: 60px 0px 40px;
	
	margin-left			: -20px;
	
	overflow			: hidden;
	
	
	padding				: 60px 20px 40px;
	
	
	
}
 
.boxes .box {
	height				: 350px;
	margin-bottom		: 20px;
	padding-left		: 20px;

	display				: inline;
	float				: left;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
	height				: 220px;
	
	
	
}
 
.boxes .box > div {
	width				: 100%;
	height				: 100%;
	
	position			: relative;
	overflow			: hidden;
	cursor				: pointer;
	
	
}

.boxes .box.size-1 {
	
	width				: 100%;
	
	
}

.boxes .box.size-12 {
	
	width				: 50%;
	
	
}

.boxes .box.size-13 {
	
	width				: 33.33%;
	
	
}

.boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	width				: 66.66%;
	
	
}

.boxes .box .background {
	background-position	: top center;
	background-size		: cover;
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 100%;
	height				: 100%;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.boxes .box.contain .background {
	background-size		: contain;
	background-repeat	: no-repeat;
}

.boxes .box:hover .background {
	
}

.boxes .box .label {
	position			: absolute;
	bottom				: 0px;
	width				: 100%;
	left				: 0px;
	background			: #fff;
	background			: rgba(0, 0, 0, 0.8);
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	text-align			: left;
	color				: #fff;
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	text-decoration		: none;
	
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	
	
	padding				: 10px 10px;
	font-size			: 16px;
	
	
	
}

.boxes .box:hover .label {
	-webkit-transition	: padding 0.4s;
	-moz-transition		: padding 0.4s;
	-o-transition		: padding 0.4s;
	transition			: padding 0.4s;
	
	
	
	
	/*padding				: 15px 10px;*/
	
	
	
}


.front-info {
	background-image	: url(/resources/graphics/templates/default/front-info-background.jpg);
	background-size		: cover;
	background-position	: center center;
	
	padding				: 120px 30% 120px;
	
	
}

.front-info h2, .front-info p {
	text-align			: center;
	
	font-size			: 22px;
	line-height			: 30px;
	
	color				: #fff;
}

.front-info h2 {
	padding-bottom		: 20px;
	
	font-size			: 24px;
	line-height			: 30px;
	text-transform		: uppercase;
}

.front-info p {
	font-size			: 20px;
	line-height			: 30px;
	
	
}

.front-info .award-for-design-excellence-logo {
	text-align			: center;
	
	
}

.front-info .award-for-design-excellence-logo img {
	max-width			: 150px;
	margin-bottom		: 50px;
	
	
}

.front-infoblocks {
	margin-left			: -20px;
	
	padding				: 60px 0px 40px;
	
	overflow			: hidden;
	
	
	padding				: 60px 10px 40px;
	
	
	
}

.front-infoblocks .block {
	height				: 250px;
	
	margin-bottom		: 20px;
	padding-left		: 20px;
	
	width				: 50%;
	
	display				: inline;
	float				: left;
	
	position			: relative;
	
	overflow			: hidden;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.front-infoblocks .block .background {
	position			: relative;
	
	background			: #000;
	
	width				: 100%;
	height				: 100%;
	
	padding				: 0px 20px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
}

.front-infoblocks .block .background.background-1 {
	background-image	: url(/resources/graphics/templates/default/front-infoblocks-background1.jpg);
	background-size		: cover;
	background-position	: center center;
}



.front-infoblocks .block .background .content {
	position			: absolute;
	
	top					: 50%;
	left				: 0px;
	width				: 100%;
	
	padding				: 0px 160px 0px 60px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	-webkit-transform	: translate(0%, -50%);
	-moz-transform		: translate(0%, -50%);
	-o-transform		: translate(0%, -50%);
	transform			: translate(0%, -50%);
	
	
	padding				: 0px 20px 0px 20px;
	
	
	
}

.front-infoblocks .block .content h2 {
	color				: #fff;
	
	font-size			: 24px;
	line-height			: 30px;
	
	padding-bottom		: 20px;
	
	text-align			: left;
}

.front-infoblocks .block .content p {
	color				: #fff;
	
	font-size			: 16px;
	line-height			: 20px;
	
	text-align			: left;
}

.front-info p a,
.front-infoblocks .block .content p a {
	color				: #fff;
	
	text-decoration		: none;
	font-weight			: 400;
}

.front-info p a:hover,
.front-infoblocks .block .content p a:hover {
	text-decoration		: underline;
}

.front-info p a::after,
.front-infoblocks .block .content p a::after {
	content				: url(/resources/graphics/templates/default/link-arrow.png);
	
	padding-left		: 10px;
	vertical-align		: bottom;
}

/**
 * Product category
**/

.product-category {
	
	
	
	padding				: 20px 0px 0px;
	
	
	
}

.product-category .left-col {
	
	
	
	display				: none;
	float				: none;
	
	width				: 0px;
	padding-left		: 0px;
	
}

.product-category .left-col ul {
	
}

.product-category .left-col ul li {
	
}

.product-category .left-col ul li a {
	
}

.product-category .left-col ul li a:hover {
	
}

.product-category .left-col > ul > li > ul {
	
}

.product-category .left-col > ul > li {
	
}

.product-category .left-col > ul > li > a {
	
}

.right-col {
	
	
	
	padding-left		: 0px;
	
}

.product-category .boxes {
	
	padding				: 0px 0px 0px;
	
	
}

.product-category .boxes .box {
	
	
	height				: 220px;
	
	
}

.product-category .boxes .box.size-12 {
	
	
	width				: 50%;
	
}

.product-category .boxes .box.size-13 {
	
	width				: 33.33%;
	
	
}

.product-category .boxes .box.size-23 {
	display				: inline;
	float				: left;
	
	
	width				: 66.66%;
	
	
}

.product-category .boxes .box.contain .background {
	
	
	height				: 160px;
	
	
}

.product-category .boxes .box.contain .label {
	
	
	bottom				: auto;
	top					: 160px;
	
	
}

.product-category .boxes .box.contain:hover .label {
	
}


.product-category .productcategory-info {
	max-height			: 4000px;
	
	-webkit-transition	: all 0.3s ease-in;
	-moz-transition		: all 0.3s ease-in;
	-o-transition		: all 0.3s ease-in;
	transition			: all 0.3s ease-in;
	
	position			: relative;
	background			: #000;
	margin-bottom		: 50px;
	color				: #fff;
	
	overflow			: hidden;
	
	
	padding				: 40px;
	
	
}

.product-category .productcategory-info.collapsable {
	
	padding				: 40px 40px 20px;
	
	
}

.product-category .productcategory-info.collapsable.collapsed {
	
	max-height			: 140px;
	padding				: 40px;
	
	-webkit-transition	: all 0.3s ease-out;
	-moz-transition		: all 0.3s ease-out;
	-o-transition		: all 0.3s ease-out;
	transition			: all 0.3s ease-out;
	
	
}

.product-category .productcategory-info .overlay {
	
	display				: none;
	
	
}

.product-category .productcategory-info.collapsable .overlay {
	
	display				: block;
	height				: 20px;
	padding-top			: 20px;
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay {
	
	position			: absolute;
	bottom				: 0px;
	left				: 0px;
	height				: 200px;
	width				: 100%;
	padding-top			: 0px;
	
	
}

.product-category .productcategory-info .overlay .background {
	
	display				: none;
	
	
}

.product-category .productcategory-info.collapsable.collapsed .overlay .background {
	
	display				: block;
	position			: absolute;
	top					: 0px;
	left				: 0px;
	height				: 100%;
	width				: 100%;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button {
	
	position			: absolute;
	bottom				: 20px;
	left				: 50%;
	
	text-align			: center;
	font-size			: 20px;
	line-height			: 20px;
	/*
	color				: #f00;
	font-weight			: bold;
	*/
	cursor				: pointer;
	
	transform			: translate(-50%, 0px);
	
	
}

.product-category .productcategory-info .overlay .button {
	
	text-align			: center;
	cursor				: pointer;
	
	-webkit-transform	: rotate(180deg);
	-moz-transform		: rotate(180deg);
	-o-transform		: rotate(180deg);
	transform			: rotate(180deg);
	
	
}

.product-category .productcategory-info .overlay .button span {
	
	display				: block;
	text-align			: center;
	max-height			: 0px;
	overflow			: hidden;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button span {
	
	max-height			: 50px;
	
	
}

.product-category .productcategory-info.collapsed .overlay .button img.arrow-down {
	
	padding-top			: 10px;
	
	
}

.product-category .productcategory-info .overlay .button img.arrow-down {
	
	width				: 25px;
	display				: inline-block;
	
	
}

.product-category .productcategory-info .text {
	
	overflow			: hidden;
	
	
}

.product-category .productcategory-info .text h1 a,
.product-category .productcategory-info .text h2 a,
.product-category .productcategory-info .text p a {
	
	color				: #fff;
	
	
}

.product-category .productcategory-info ul.downloads {
	
	list-style-type		: none;
	
	margin				: 0px 0px 0px -20px;
	padding				: 20px 0px 20px;
	
	overflow			: hidden;
	
	
}

.product-category .productcategory-info ul.downloads li {
	
	display				: inline-block;
	float				: left;
	overflow			: hidden;
	
	width				: 20%;
	
	margin				: 0px;
	padding				: 0px 0px 20px 20px;
	
	text-align			: center;
	
	vertical-align		: top;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}


.product-category .productcategory-info ul.downloads li img {
	
}

.product-category .productcategory-info ul.downloads li span {
	
}

.product-category .productcategory-info ul.downloads li a:hover span {
	
}


/**
 * Product
**/

.product {
	
}

.product .banner {
	
}

.product .banner .overlay {
	
	
	padding				: 60px 0px 0px;
	
	
}

.product .banner .overlay h1 {
	
	color				: #fff;
	font-size			: 26px;
	line-height			: 30px;
	
	padding				: 30px 0px 30px;
	
	
}

.product .product-general {
	
	padding-top			: 18px;
	
	overflow			: hidden;
	
	
}

.product .product-general .images {
	
	
	float				: none;
	display				: block;
	width				: auto;
	
	padding-right		: 0px;
	
}

.product .product-general .images .product-image {
	
	position			: relative;
	
	overflow			: hidden;
	
	text-align			: center;
	
}

.product .product-general .images .product-image div.spinner {
	
	position			: absolute;
	
	top					: 50%;
	left				: 50%;
	width				: 100px;
	height				: 100px;
	z-index:1000;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	-o-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
	
}

.product .product-general .images .product-image div.spinner img {
	
	width				: 100%;
	height				: 100%;
	
	vertical-align		: bottom;
	
	animation			: spinner 1s linear 0s infinite forwards;
	
	opacity				: 0;
	
}

.product .product-general .images .product-image.spinner div.spinner img {
	
	opacity				: 0.2;

	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

@-webkit-keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

@keyframes spinner {
	from {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}

.product .product-general .images .product-image img.normal {
	
	max-width			: 100%;
	max-height			: 600px;
	
	-webkit-transition	: all 0.8s;
	-moz-transition		: all 0.8s;
	-o-transition		: all 0.8s;
	transition			: all 0.8s;
	
	vertical-align		: bottom;
	
}

.product .product-general .images .product-image img.prev,
.product .product-general .images .product-image img.next {
	
	padding				: 10px;
	background			: rgba(255, 255, 255, 0.5);
	
	position			: absolute;
	right				: 0px;
	top					: 50%;
	
	width				: 20px;
	
	opacity				: 0.3;
	
	cursor				: pointer;
	
	-webkit-transform	: translate(0, -50%);
	-moz-transform		: translate(0, -50%);
	-o-transform		: translate(0, -50%);
	transform			: translate(0, -50%);
	
}

.product .product-general .images .product-image img.prev:hover,
.product .product-general .images .product-image img.next:hover {
	
	opacity				: 1;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
	
}

.product .product-general .images .product-image img.prev.hidden,
.product .product-general .images .product-image img.next.hidden {
	
	display				: none;
	
}

.product .product-general .images .product-image img.prev {
	
	left				: 0px;
	
}

.product .product-general .images .product-image img.next {
	
	right				: 0px;
	
}

.product .product-general .images .product-image.zoom-active:hover img.normal {
	
	opacity				: 0.6;
	
}

.product .product-general .images .product-image .double {
	
	position			: absolute;
	left				: 0px;
	top					: 0px;
	width				: 50%;
	height				: 50%;
	
	border					: 2px solid #fff;
	-webkit-border-radius	: 50% 50%;
	-moz-border-radius		: 50% 50%;
	-o-border-radius		: 50% 50%;
	border-radius			: 50% 50%;
	
	overflow			: hidden;
	cursor				: none;
	
	visibility			: hidden;
	
	opacity				: 0;
	
	/*box-shadow			: 0px 10px 100px -20px #000;*/
	
	-webkit-transition	: opacity 0.3s;
	-moz-transition		: opacity 0.3s;
	-o-transition		: opacity 0.3s;
	transition			: opacity 0.3s;
	
}

.product .product-general .images .product-image .double img {
	
	position			: absolute;
	
	width				: 400%;
	
	left				: 0px;
	top					: 0px;
	
}

.product .product-general .images .product-image.zoom-active .double {
	
	opacity				: 1;
	
	visibility			: visible;
	
	-webkit-transition	: opacity 0.3s;
	-moz-transition		: opacity 0.3s;
	-o-transition		: opacity 0.3s;
	transition			: opacity 0.3s;
	
}

.product .product-general .images .product-image.spinner img.normal {
	
	opacity				: 0;
	
	transform			: rotate(-6deg) scale(0.7, 0.7);
	
	-webkit-transition	: all 0.8s;
	-moz-transition		: all 0.8s;
	-o-transition		: all 0.8s;
	transition			: all 0.8s;
	
}

.product .product-general .images .text-row {
	
	
	
}

.product .product-general .images a.product-image-download-hires {
	
	padding				: 2px 0px 0px;
	margin-top			: 0px;
	
	float				: right;
	
	font-size			: 12px;
	text-decoration		: none;
	
	
}

.product .product-general .images a.product-image-download-hires:hover {
	
	text-decoration		: underline;
	
	
}

.product .product-general .images .thumbnail {
	
	
	width				: 60px;
	padding				: 0px 10px 10px 0px;
	
	text-align			: center;
	
}

.product .product-general .images .thumbnail img {
	
	
	max-width			: 60px;
	max-height			: 60px;
	
	cursor				: pointer;
	
}

.product .product-general .images .thumbnail.half-visible img {
	opacity				: 0.5;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general .info {
	
	
	float				: none;
	display				: block;
	width				: auto;
	
	margin-top			: 30px;
	
}

.product .product-general .info.no-images {
	
}

.product .product-general .info .share-link {
	
	background			: #eee;
	padding				: 10px;
	margin-bottom		: 20px;
	
	display				: none;
	
}

.product .product-general .info .share-link h3,
.product .product-general .info .share-link p {
	
	padding				: 0px 0px 5px;
	
}

.product .product-general .info .share-link h3 {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 400;
	font-size			: 16px;
	line-height			: 20px;
	margin				: 0px;
	
}


.product .product-general .info h2 {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-weight			: 300;
	font-size			: 24px;
	line-height			: 28px;
	
	padding-bottom		: 30px;
	
}

.product .product-general .info p {
	
	font-size			: 16px;
	line-height			: 20px;
	
	padding-bottom		: 30px;
	
}

.product .product-general .info p.details-link a {
	
	font-weight			: 400;
	
}

.product .product-general .info .share-icons {
	
	position			: absolute;
	right				: 0px;
	top					: -7px;
	
}

.product .product-general .info .share-icons img {
	
	width				: 40px;
	cursor				: pointer;
	
}

.product .product-general ul.variants {
	list-style-type		: none;
	margin				: 0px 0px 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li {
	margin				: 0px 0px 20px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li:first-child {
	border-top			: 0px;
}

.product .product-general ul.variants > li:hover {
	background			: #ebebeb;
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li.open {
	
}

.product .product-general ul.variants > li .bar {
	
}

.product .product-general ul.variants > li .bar:hover,
.product .product-general ul.variants > li.highlight .bar {
	
}

.product .product-general ul.variants > li .bar img,
.product .product-general ul.variants > li .bar span {
	
}

.product .product-general ul.variants > li .bar img.image {
	
	
	width				: 15%;
	padding				: 0px 10px 0px 10px;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.product .product-general ul.variants > li .bar span.name {
	
	
	width				: 40%;
	
	
}

.product .product-general ul.variants > li .bar span.name br {
	
	
	
	
}

.product .product-general ul.variants > li .bar span.name span.placement-mobile,
.product .product-general ul.variants > li .bar span.name span.price-mobile {
	
	
	
	
}

.product .product-general ul.variants > li .bar span.placement-desktop {
	
	
	width				: 35%;
	
	
}

.product .product-general ul.variants > li .bar span.placement-desktop > span {
	
	display				: block;
	padding				: 5px 0px;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop span.excl,
.product .product-general ul.variants > li .bar span.price-mobile span.excl {
	
	font-size			: 12px;
	display				: block;
	color				: #777;
	
}

.product .product-general ul.variants > li .bar span.placement-desktop strong,
.product .product-general ul.variants > li .bar span.placement-mobile strong,
.product .product-general ul.variants > li .bar span.price-mobile strong {
	
	font-weight			: 400;
	
}

.product .product-general ul.variants > li .bar span.price-mobile br {
	
	display				: none;
	
}

.product .product-general ul.variants > li .bar span.button {
	
	
	text-align			: right;
	width				: 10%;
	padding-right		: 10px;
	
}

.product .product-general ul.variants > li .bar span.button img {
	
	
	
}

.product .product-general ul.variants li div.content {
	
}

.product .product-general ul.variants > li.open div.content {
	
}

.product .product-general ul.variants > li.open .button img {
	-webkit-transform	: rotate(90deg);
	-moz-transform		: rotate(90deg);
	-o-transform		: rotate(90deg);
	transform			: rotate(90deg);
	
	-webkit-transition	: all 0.3s;
	-moz-transition		: all 0.3s;
	-o-transition		: all 0.3s;
	transition			: all 0.3s;
}

.product .product-general ul.variants > li ul {
	list-style-type		: none;
	margin				: 0px;
	padding				: 0px;
}

.product .product-general ul.variants > li ul li {
	
	margin				: 0px;
	padding				: 0px;
	
	font-size			: 16px;
	line-height			: 24px;
	
	
}

.product .product-general ul.variants > li ul li span {
	
	display				: block;
	vertical-align		: top;
	
	float				: none;
	padding-left		: 120px;
	
	
}

.product .product-general ul.variants > li ul li span:first-child {
	
	
	padding				: 0px;
	
}


.product .product-general ul.variants > li p.downloads {
	padding				: 15px 0px 0px;
	font-size			: 16px;
}



/** tabs **/
.product ul.tabs {
	
	
	margin				: 0px 0px 20px;
	padding				: 0px;
	
}

.product ul.tabs.tab-1 {
	background			: #ebebeb;
}

.product ul.tabs.tab-2 {
	background			: #e1e1e1;
}

.product ul.tabs.tab-3 {
	background			: #d7d7d7;
}

.product ul.tabs li {
	margin				: 0px;
	padding				: 0px;
}

.product ul.tabs li div.heading {
	
	
	position			: static;
	height				: 80px;
	padding				: 20px;
	width				: 100% !important;
	
}
.product ul.tabs li div.heading img,
.product ul.tabs li div.heading span {
	
	vertical-align		: middle;
	
}

.product ul.tabs li div.heading img {
	
	width				: 40px;
	
}

.product ul.tabs li div.heading span {
	
	padding-left		: 10px;
	font-weight			: 300;
	font-size			: 20px;
	
}

.product ul.tabs li.tab-1 div.heading {
	
	left				: 0%;
	background			: #ebebeb;
	
}

.product ul.tabs li.tab-2 div.heading {
	
}

.product ul.tabs li.tab-3 div.heading {
	
}

.product ul.tabs li div.content {
	
	padding				: 0px 20px;
	margin				: 0px;
	
	position			: relative;
	
	overflow			: hidden;
	visibility			: hidden;
	
	opacity				: 0;
	
	max-height			: 0px;
	
	transition			: all 0.3s;
	
}

.product ul.tabs li.open div.content {
	
	padding				: 20px 20px;
	
	visibility			: visible;
	
	max-height			: 3500px;
	
	opacity				: 1;
	
	transition			: all 0.3s;
	
}

.product ul.tabs li div.content ul {
	
	list-style-type		: none;
	
	margin				: 0px;
	padding				: 0px 0px 20px;
	
}

.product ul.tabs li div.content ul li {
	
	
	font-size			: 14px;
	line-height			: 22px;
	
}

.product ul.tabs li div.content ul li span {
	
	
}

.product ul.tabs li div.content ul li span:first-child {
	
	
	padding				: 0px;
	
}

.product ul.tabs li div.content h3 {
	
	
	font-size			: 18px;
	line-height			: 22px;
	
}

.product ul.tabs li div.content h3:first-child {
	
	
	
}

.product ul.tabs li div.content p.downloads,
.product ul.tabs li div.content p.bim-links {
	
	font-size			: 16px;
	line-height			: 21px;
	
	padding				: 0px 0px 20px;
	
}



.product .boxes {
	
}

.product .boxes .box {
	
}

.product .boxes .box.contain .background {
	
}

.product .boxes .box.contain .label {
	
}

.product .boxes .box.contain:hover .label {
	
}



.print-version {
	padding				: 10px;
	background			: #fff;
}

.print-version .product-image img {
	max-width			: 100%;
}

.print-version .boxes {
	padding				: 0px;
	margin				: 0px 0px 0px -20px;
	background			: none;
	
}

.print-version .boxes .box {
	display				: inline-block;
	
	width				: 150px;
	height				: auto;
}

.print-version .boxes .box .image {
	width				: 100%;
	overflow			: hidden;
	height				: 150px;
	text-align			: center;
	
	position			: relative;
}

.print-version .boxes .box .image img {
	max-height			: 150px;
	max-width			: 100%;
	
	position			: absolute;
	top					: 50%;
	left				: 50%;
	
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	-o-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
}

.print-version .boxes .box h3 {
	font-weight			: 300;
}

.print-version ul {
	
}

.print-version ul li {
	
}

.print-version ul li span {
	
	
}

.print-version ul li span:first-child {
	
	
	padding				: 0px;
	
}

/**
 * Brochure page
**/

.dbrPadding {
	overflow			: hidden;
	
	
	
	
	padding				: 10px;
	
	
	
}

/**
 * History page
**/

.dhisPadding {
	overflow			: hidden;
	
	
	
	
	padding				: 10px;
	
	
	
}

/**
 * Text page
**/

.dpgePadding {
	overflow			: hidden;
	
	
	
	
	padding				: 10px;
	
	
	
}

/**
 * Contact page
**/

.contact-form {
	
	
	padding				: 30px 0px 30px;
	margin				: 0px 0px 30px;
	
	
}

.contact-form.ready {
	
	
	
	
}

.contact-form h1,
.contact-form h2,
.contact-form p,
.contact-form label {
	
	color				: #fff;
	
}

.contact-form .info {
	
	display				: none;
	clear				: left;
	
	border-width		: 0px;
	border-style		: solid;
	
	margin				: 20px 0px 20px;
	padding				: 20px;
	
}

.contact-form .info.success,
.contact-form .info.wait,
.contact-form .info.error {
	
	display				: block;
	
}

.contact-form .info.success .success,
.contact-form .info.wait .wait,
.contact-form .info.error .error {
	
	display				: block;
	
}

.contact-form .info .success,
.contact-form .info .wait,
.contact-form .info .error {
	
	color				: #fff;
	display				: none;
	
}

.contact-form .info.success,
.message .info.success {
	
	border-color		: #0d0;
	background-color	: #090;
	
}

.contact-form .info.wait,
.message .info.wait {
	
	border-color		: #ffcc00;
	background-color	: #c77e00;
	
}

.contact-form .info.error,
.message .info.error {
	
	border-color		: #f00;
	background-color	: #600;
	
}

.contact-form .info * {
	
	text-align			: left;
	color				: #fff;
	
}

.message .info {
	
	margin-top			: 40px;
	padding				: 60px 20px;
	
	
}

.message .info * {
	
	text-align			: center;
	color				: #fff;
	
}


.contact-form .field-organization {
	
	
}

.form form {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	
	margin-left			: -20px;
	
	padding-bottom		: 20px;
	
	
}

.form .field {
	
	padding				: 0px 0px 20px 20px;
	clear				: left;
	
	overflow			: hidden;
	
	color				: #fff;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
	
}

.form .field.t-center {
	
	text-align			: center;
	
}

.form .field.t-right {
	
	text-align			: right;
	
}

.form .field.w-50 {
	
	display				: inline-block;
	float				: left;
	clear				: none;
	width				: 50%;
	
	
}

.form .field.w-100 {
	
	
	
}

.form .field label {
	
	
	
	
}
.form .field label a {
	color				: #fff;
}

.form .field span {
	
	
	
	
}

.form .field input[type="text"],
.form .field textarea {
	
	display				: block;
	
	width				: 100%;
	
	padding				: 10px;
	margin				: 5px 0px 0px;
	
	outline				: 0px;
	border				: 0px;
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 300;
	
	color				: #000;
	background			: #eee;
	
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	-o-box-sizing		: border-box;
	box-sizing			: border-box;
	
}

.form .field textarea {
	
	height				: 150px;
	
}

.form .field input[type="text"].error,
.form .field textarea.error {
	
	border				: 2px solid #f00;
	padding				: 8px;
	
}

.form .field .submit {
	
	text-align			: center;
	
	-webkit-transition	: all 0.5s;
	-moz-transition		: all 0.5s;
	-o-transition		: all 0.5s;
	transition			: all 0.5s;
	
}

.form .field .submit a {
	
	text-decoration		: none;
	
	padding				: 10px 30px;
	border				: 0px;
	background			: #f00;
	color				: #fff;
	
	width				: 80px;
	height				: 20px;
	
	display				: inline-block;
	float				: right;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
	
	cursor				: pointer;
	
}

.form .field .submit a span {
	
	font-family			: 'Source Sans Pro', sans-serif;
	font-size			: 16px;
	line-height			: 20px;
	font-weight			: 400;
	color				: #fff;
	
}

.form .field .submit.busy a span {
	
	display				: none;
	
}

.form .field .submit img {
	
	vertical-align		: middle;
	display				: none;
	
}

.form .field .submit.busy img {
	
	display				: inline-block;
	
}

.contact-linkedin {
	
	width				: 100px;
	
}


.form .checkbox-text,
.form .radio-text,
.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		padding				: 2px 0px 0px 25px;
		vertical-align		: middle;
		min-height			: 18px;
		line-height			: 26px;
	/**/
}

/* Base for label styling */

.form [type="checkbox"]:not(:checked),
.form [type="checkbox"]:checked,
.form [type="radio"]:not(:checked),
.form [type="radio"]:checked {
	/*@normal*/
		position: absolute;
		left: -9999px;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label,
.form span.checkbox-checked {
	/*@normal*/
		position: relative;
	/**/
}

.form [type="checkbox"]:not(:checked) + label,
.form [type="checkbox"]:checked + label,
.form [type="radio"]:not(:checked) + label,
.form [type="radio"]:checked + label {
	/*@normal*/
		cursor: pointer;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label,
.form [type="checkbox"].error:checked + label,
.form [type="radio"].error:not(:checked) + label,
.form [type="radio"].error:checked + label {
	/*@normal*/
	/**/
}
/* checkbox aspect */

.form [type="checkbox"]:not(:checked) + label:before,
.form [type="checkbox"]:checked + label:before,
.form span.checkbox-checked:before,
.form span.radio-checked:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		border-radius: 0px;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:before,
.form [type="checkbox"].error:checked + label:before,
.form span.error.checkbox-checked:before,
.form span.error.radio-checked:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}

.form [type="radio"]:not(:checked) + label:before,
.form [type="radio"]:checked + label:before {
	/*@normal*/
		content: '';
		position: absolute;
		left: 0;
		top: 1px;
		width: 18px;
		height: 18px;
		border: 1px solid #fff !important;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

.form [type="radio"].error:not(:checked) + label:before,
.form [type="radio"].error:checked + label:before {
	/*@normal*/
		border: 1px solid #f00 !important;
	/**/
}



/* checked mark aspect */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="checkbox"]:checked + label:after,
.form span.checkbox-checked:after {
	/*@normal*/
		content: '\2713';
		position: absolute;
		top: -2px;
		left: 4px;
		font-size: 18px;
		font-weight: 300;
		color: #fff;
		transition: all .1s;
	/**/
}

.form [type="checkbox"].error:not(:checked) + label:after,
.form [type="checkbox"].error:checked + label:after,
.form span.checkbox-checked.error:after {
	/*@normal*/
		color: #f00;
	/**/
}

.form [type="radio"]:not(:checked) + label:after,
.form [type="radio"]:checked + label:after,
.form span.radio-checked:after {
	/*@normal*/
		content: '';
		position: absolute;
		left: 4px;
		top: 4px;
		width: 10px;
		height: 10px;
		border: 1px solid #fff !important;
		background: #fff;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	/**/
}

/* checked mark aspect changes */

.form [type="checkbox"]:not(:checked) + label:after,
.form [type="radio"]:not(:checked) + label:after {
	/*@normal*/
		opacity: 0;
		transform: scale(0) rotate(-25deg);
	/**/
}

.form [type="checkbox"]:checked + label:after,
.form [type="radio"]:checked + label:after {
	/*@normal*/
		opacity: 1;
		transform: scale(1) rotate(0deg);
	/**/
}
/* disabled checkbox */

.form [type="checkbox"]:disabled:not(:checked) + label:before,
.form [type="checkbox"]:disabled:checked + label:before,
.form [type="radio"]:disabled:not(:checked) + label:before,
.form [type="radio"]:disabled:checked + label:before {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled:checked + label:after,
.form [type="radio"]:disabled:checked + label:after {
	/*@normal*/
		opacity: 0.5;
	/**/
}

.form [type="checkbox"]:disabled + label,
.form [type="radio"]:disabled + label {
	/*@normal*/
		opacity: 0.5;
	/**/
}
/* accessibility */

/*
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #7d861e;
}
*/
/* hover style just for information */

label:hover:before {
	/*@normal*/
		border: 1px solid #000 !important;
	/**/
}

/**
 * Search page
**/

.search-results span {
	
	background			: #fdd;
	
}

.dsePadding {
	overflow			: hidden;
	
	
	
	
	padding				: 10px;
	
	
	
}

.dseRankContainer {
	padding-top			: 20px;
	font-weight			: 300;
	
	
	
	
	width				: 7%;
	
	
	
}

.dseContentContainer {
	padding-top			: 20px;
	
	
	
	
	width				: 93%;
	
	
	
}

.dseSearchText {
	border				: 1px solid #000000;
	padding				: 4px;
	width				: 50%;
	font-family			: Arial;
	font-size			: 1.16em;
	font-weight			: 300;
}

#pageSearchForm input[type="submit"] {
	background			: #f00;
	color				: #fff;
	
	padding				: 10px 20px;
	border				: 0px;
	
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	-o-border-radius		: 0px;
	border-radius			: 0px;
	-webkit-appearance		: none;
}/**
 * Text page
**/

.drefPadding {
	overflow			: hidden;
	
	
	
	
	padding				: 10px;
	
	
	
}

.drefContainer {
	padding-top			: 16px;
}

.drefImageContainer {
	
	
	
	display				: block;
	float				: none;
	width				: 100%;
	
}

div.drefImage {
	
	padding-right		: 10px;
	padding-bottom		: 10px;
	
	
	
}

img.drefImage {
	
}

.drefImageDescr {
	padding-top			: 10px;
}

.drefImageWrapper {
	overflow			: hidden;
	float				: left;
	
	
	
	
	width				: 20%;
	
	
	
}

.drefPreviewsContainer {
	
	
	
	
	display				: block;
	float				: none;
	width				: 100%;
	
}/*
.heading, h1 {
	font-family				: Arial;
	font-size				: 1.5em;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.smallheading, h2 {
	font-family				: Arial;
	font-size				: 1.16em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

h3 {
	font-family				: Arial;
	font-size				: 1em;
	font-weight				: bold;
	color					: #404040;
	
	margin					: 0px;
	padding					: 0px 0px 4px 0px;
}

.brodtekst, p {
	font-family				: Arial;
	font-size				: 1.16em;
	padding					: 0px;
	margin					: 0px;
}
*/

.brodtekst, .heading, .heading2, .heading3, p, h1, h2, h3, li, label {
	font-family		: 'Source Sans Pro', sans-serif;
}

.brodtekst, p {
	font-size		: 14px;
	font-weight		: 300;
	line-height		: 19px;
	padding			: 0px;
	margin			: 0px;
}

.heading, h1 {
	font-size		: 22px;
	font-weight		: 300;
	line-height		: 26px;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading2, h2 {
	font-size		: 18px;
	line-height		: 22px;
	font-weight		: 300;
	
	margin			: 0px;
	padding			: 0px 0px 4px 0px;
}

.heading3, h3 {
	font-weight		: 300;
}

ul {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
	list-style-type	: circle;
}

ol {
	margin-top		: 0px;
	margin-bottom	: 0px;
	font-weight		: 300;
}

li {
	font-size		: 14px;
	line-height		: 17px;
}


img {
	position: relative;
	display:inline;
}

/** left **/
p.formattingLeft,h1.formattingLeft,h2.formattingLeft,h3.formattingLeft,h4.formattingLeft,h5.formattingLeft,h6.formattingLeft,td.formattingLeft,th.formattingLeft,div.formattingLeft,ul.formattingLeft,ol.formattingLeft,li.formattingLeft,table.formattingLeft {
	text-align		: left;
}

img.formattingLeft {
	float			: left;
	padding-right	: 10px;
	text-align		: left;
}

/** center **/
p.formattingCenter,h1.formattingCenter,h2.formattingCenter,h3.formattingCenter,h4.formattingCenter,h5.formattingCenter,h6.formattingCenter,td.formattingCenter,th.formattingCenter,div.formattingCenter,ul.formattingCenter,ol.formattingCenter,li.formattingCenter,table.formattingCenter {
	text-align		: center;
}

img.formattingCenter {
	display: block; margin-left: auto; margin-right: auto;
}

/** right **/
p.formattingRight,h1.formattingRight,h2.formattingRight,h3.formattingRight,h4.formattingRight,h5.formattingRight,h6.formattingRight,td.formattingRight,th.formattingRight,div.formattingRight,ul.formattingRight,ol.formattingRight,li.formattingRight,table.formattingRight {
	text-align		: right;
}

img.formattingRight {
	float			: right;
	padding-left	: 10px;
	text-align		: right;
}

/** justify **/
p.formattingJustify,h1.formattingJustify,h2.formattingJustify,h3.formattingJustify,h4.formattingJustify,h5.formattingJustify,h6.formattingJustify,td.formattingJustify,th.formattingJustify,div.formattingJustify,ul.formattingJustify,ol.formattingJustify,li.formattingJustify,table.formattingJustify {
	text-align		: justify;
}

img.formattingJustify {
	width			: 100%;
	text-align		: justify;
}

.otherLeft {
	text-align		: left;
}



a:link {
	font-weight			: 300;
	color				: #404040;
	text-decoration		: underline;
}

a:visited {
	color				: #404040;
	text-decoration		: underline;
}

a:hover {
	color				: #404040;
	text-decoration		: underline;
}

a:active {
	color				: #404040;
	text-decoration		: underline;
}

}