/*
=======================================================================
	Fonts
=======================================================================
*/

/*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=85a70905-93ae-4bcf-98ea-a0fab08e12a8");*/

@font-face {
    font-family: "Hurme Geometric Sans W00_n3";
    src: url("../webfonts/e7dc47b0-3a0e-46ec-8744-fc7e624fbc44.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Hurme Geometric Sans W00";
    src: url("../webfonts/e7dc47b0-3a0e-46ec-8744-fc7e624fbc44.eot?#iefix");
    src: url("../webfonts/e7dc47b0-3a0e-46ec-8744-fc7e624fbc44.eot?#iefix") format("eot"),url("../webfonts/9b633644-4406-42b6-9b2e-25f9acdeb220.woff2") format("woff2"),url("../webfonts/994df893-89ab-4852-b6a2-38adbabcb453.woff") format("woff"),url("../webfonts/970dd543-42fb-43f7-a4ff-ad2269183830.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Hurme Geometric Sans W00_n3";
    src: url("../webfonts/99974411-dfba-41aa-86e5-47d1f40f5160.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Hurme Geometric Sans W00";
    src: url("../webfonts/99974411-dfba-41aa-86e5-47d1f40f5160.eot?#iefix");
    src: url("../webfonts/99974411-dfba-41aa-86e5-47d1f40f5160.eot?#iefix") format("eot"),url("../webfonts/b086c8cd-5212-4314-80a8-4768d0079460.woff2") format("woff2"),url("../webfonts/ffbcfa5a-ed78-4925-839a-5871b1bae2e2.woff") format("woff"),url("../webfonts/98c0b1d3-17e4-4f84-b517-9cbfd16e046b.ttf") format("truetype");
    font-weight: 350;
    font-style: normal;
}

@font-face {
    font-family: "Hurme Geometric Sans W00_n4";
    src: url("../webfonts/18da3784-8e4e-456d-b2af-b24c5ef54173.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Hurme Geometric Sans W00";
    src: url("../webfonts/18da3784-8e4e-456d-b2af-b24c5ef54173.eot?#iefix");
    src: url("../webfonts/18da3784-8e4e-456d-b2af-b24c5ef54173.eot?#iefix") format("eot"),url("../webfonts/ab61e8fb-58e3-4a62-b5d2-d3307fa7ed5d.woff2") format("woff2"),url("../webfonts/8043e893-202c-43bc-85c6-3312eb847784.woff") format("woff"),url("../webfonts/ebcf38f1-aa06-4737-8358-e775de0b7c77.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Hurme Geometric Sans W00_n6";
    src: url("../webfonts/0437efba-cfe4-4db4-be9c-bcdd781b853b.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Hurme Geometric Sans W00";
    src: url("../webfonts/0437efba-cfe4-4db4-be9c-bcdd781b853b.eot?#iefix");
    src: url("../webfonts/0437efba-cfe4-4db4-be9c-bcdd781b853b.eot?#iefix") format("eot"),url("../webfonts/ff0e48c5-6b31-47b3-a9ae-ff634f438f55.woff2") format("woff2"),url("../webfonts/3ef92567-a159-4c39-8b97-ecef7b1416be.woff") format("woff"),url("../webfonts/f6853fef-b1ee-47b6-8d32-4c56e383e1b0.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Hurme Geometric Sans W00_n7";
    src: url("../webfonts/0fd4a046-985d-4902-b58f-af6b50162e85.eot?#iefix") format("eot")
}

@font-face {
    font-family: "Hurme Geometric Sans W00";
    src: url("../webfonts/0fd4a046-985d-4902-b58f-af6b50162e85.eot?#iefix");
    src: url("../webfonts/0fd4a046-985d-4902-b58f-af6b50162e85.eot?#iefix") format("eot"),url("../webfonts/9c40a6ea-53f8-4bc7-bb27-912211606cb9.woff2") format("woff2"),url("../webfonts/ffde599e-60f8-4894-8279-d5ab34ceaf75.woff") format("woff"),url("../webfonts/4e8e2912-d962-43fe-af2b-1b0753acd2a3.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}


/*
=======================================================================
	Skip Navigation
=======================================================================
*/

#tilinnhold, #tilnavigasjon {
	position: absolute;
	overflow: hidden;
	z-index:99999;
	text-align:center;
	width:100%;
	color:#fff;
	top:-100%;
	font-size:1.3em;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}

#tilinnhold:focus, #tilnavigasjon:focus {
	height:70px;
	line-height:70px;
	text-align:center;
	width:100%;
	top:0;
	background: #e3970a;
	}

/*
=======================================================================
	Custom Bootstrap Five Columns
=======================================================================
*/


.col-xs-15 {
    width: 20%;
    float: left;
		padding-left: 15px;
		padding-right: 15px;
	}

@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
	}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
	}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
	}


@media screen and (min-width: 1300px) {.container {width:1270px;}}
@media screen and (min-width: 1400px) {.container {width:1370px;}}
@media screen and (min-width: 1500px) {.container {width:1470px;}}



/*
=======================================================================
	Plukk
=======================================================================
*/

.no-padding-bottom {padding-bottom:0!important;}
.no-padding-top {padding-top:0!important;}

.no-margin-bottom {margin-bottom:0!important;}
.no-margin-top {margin-top:0!important;}


@media (max-width:767px) {
	.no-padding-bottom-xs {padding-bottom:0!important;}
	.no-padding-top-xs {padding-top:0!important;}
	.no-margin-bottom-xs {margin-bottom:0!important;}
	.no-margin-top-xs {margin-top:0!important;}
	}

@media (min-width: 768px) and (max-width:991px) {
	.no-padding-bottom-sm {padding-bottom:0!important;}
	.no-padding-top-sm {padding-top:0!important;}
	.no-margin-bottom-sm {margin-bottom:0!important;}
	.no-margin-top-sm {margin-top:0!important;}
	}

@media (min-width: 992px) and (max-width:1199px) {
	.no-padding-bottom-md {padding-bottom:0!important;}
	.no-padding-top-md {padding-top:0!important;}
	.no-margin-bottom-md {margin-bottom:0!important;}
	.no-margin-top-md {margin-top:0!important;}
	}

@media (min-width: 1200px) {
	.no-padding-bottom-lg {padding-bottom:0!important;}
	.no-padding-top-lg {padding-top:0!important;}
	.no-margin-bottom-lg {margin-bottom:0!important;}
	.no-margin-top-lg {margin-top:0!important;}
	}




/*
=======================================================================
	Custom Flexbox
=======================================================================
*/

.row.is-flex {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	height:100%;
	}

/* Safari fix */
.is-flex:before,
.is-flex:after {
		content: normal;
		}

.is-flex.flex-va-center {align-items:center;}


/*
=======================================================================
	Custom Page Section
=======================================================================
*/

main {margin-top:70px;}

/*main > :first-child {margin-top:70px;}*/
main > .no-margin-top {margin-top:0;}
/*main > :last-child {margin-bottom:100px;}*/



main:focus {outline:0;}

main > article > .page-section:first-child {margin-top:0;padding-top:0;}
main > article > .page-section:last-child {margin-bottom:100px;}

.page-section {
	padding-top:40px;
	padding-bottom:40px;
	}

.page-section div[class*="col-"] {margin-bottom:30px;}
.page-section div[class*="col-"]:last-child {margin-bottom:0;}


@media screen and (min-width: 768px) {
	.page-section {
		padding-top:60px;
		padding-bottom:60px;
		}
	}
	
@media screen and (min-width: 991px) {
	.page-section {
		padding-top:80px;
		padding-bottom:80px;
		}
	}

@media screen and (min-width: 1200px) {
	.page-section {
		padding-top:100px;
		padding-bottom:100px;
		}
	}


@media screen and (min-width: 1300px) {
	.page-section .container {width:1270px;}
	}
	
@media screen and (min-width: 1400px) {
	.page-section .container {width:1370px;}
	}


/*
=======================================================================
	General
=======================================================================
*/

body, html {height: 100%;}

body.mode-default,body.mode-consumer  {background-color: #fff;}
body.mode-professional {background-color: #383836;}

/*body {
	font-family:'Hurme Geometric Sans W00';
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family:'Hurme Geometric Sans W00';
	}*/
	
a {
	color:#cc4e0a; /* Fake orange */
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}

a:hover {
	color:#cc4e0a; /* Fake orange */
	}
	

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	body {font-size:18px;}
	}


/*
=======================================================================
	Headroom
=======================================================================
*/

.headroom {
	transition: all .7s ease-in-out;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;

	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background: #fff;
	position: fixed;
	}

.headroom--pinned {

	}

body:not(.mm-visible) .headroom--unpinned {
	-webkit-transform: translatey(-100%);
		 -moz-transform: translatey(-100%);
			-ms-transform: translatey(-100%);
			 -o-transform: translatey(-100%);
					transform: translatey(-100%);
	}

.mm-visible .headroom {
	position:absolute;
	width:100%;
	}




/*
=======================================================================
	Site header search
=======================================================================
*/


.site-header-search {position:relative;}
.site-header-search:after {
	position:absolute;
	content: "\f002";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	margin-left:10px;
	}

.site-header-search.active:after {
	content: "\f00d";
	}

.wrapper-site-search-outer {display:none;background: #313130;position:absolute;top:70px;width:100%;z-index:999}
.wrapper-site-search {display:table;height:100%;width:100%;}
.wrapper-site-search-inner {display:table-cell;vertical-align:middle;}

.site-search {
	display:table;
	width:100%;
	padding:0;
	border: 0;
	margin-top:0;
	margin-bottom:0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
/*	border: 1px solid rgba(0, 0, 0, 0.3);*/
	}
	
.site-search div {
	box-sizing: border-box;
	width: 100%;
	display: table-cell;
	}

.site-search input[type=text] {
	height: 67px;
	line-height:67px;
	width: 100%;
	padding: 0 20px;
	float:left;
	margin: 0;
	border: 0;
	color: #fff;
	font-size: 1.2em;
	background: transparent;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

::placeholder {
    color: #a3a3a3;
    opacity: 1; /* Firefox */
		text-shadow: none;
		font-weight:normal;
}
:-ms-input-placeholder {color: #a3a3a3;}
::-ms-input-placeholder {color: #a3a3a3;}

.site-search input[type=text]:focus {outline:0;}

.site-search button {
	float:left;
	width: 67px;
	height: 67px;
	border: 0;
	background-color:transparent;
	color: #bfbfbf;
	cursor: pointer;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	}

.site-search button:hover {
	opacity:1;
	}
	
@media screen and (min-width: 768px) {
	}

@media screen and (min-width: 1200px) {
	}




/*
=======================================================================
	Custom Hamburger
=======================================================================
*/


.hamburger {margin-right:25px;}
.hamburger:before,
.hamburger:after {
	position:absolute;
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	right:15px;
	}

.hamburger:after {
	top:0;
	content: "\f078";
	margin-left: 10px;
	}

.hamburger.active:after {
	top:-3px;
	font-size:0.8em;
	}
	
.hamburger:before {content: "\f077";top:8px;opacity:0;}
.hamburger.active:before {
	opacity:1;
	top:3px;
	font-size:0.8em;
	}


@media screen and (max-width: 767px) {
	.hamburger {height:50px;line-height:50px;}
	}

/*
=======================================================================
	Custom Mega Menu
=======================================================================
*/

.mega-menu {
	position:absolute;top:70px;left:0;
	width:100%;
	min-height:100vh;
	background: #666;
	z-index:998;
	display:none;
	background: #2f2f2f;
	}


.mega-menu .fadein {display:none/*;margin-top:-10px;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	*/
	}

/*.mm-visible .mega-menu .fadein {margin-top:0;}*/

.mega-menu-content-section {clear:both;}


@media screen and (min-width: 768px) {
	.mega-menu {top:70px;}
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.mega-menu {background: #0f0f0f;}
	}


/*
=======================================================================
	Custom Mega Menu Navigation
=======================================================================
*/

.header-nav,
.header-nav ul {margin-bottom:0;padding:0;list-style:none;}

.header-nav > li > a {
	background:none;
	color:#fff;
	border:0;
	width:100%;
	text-align:left;
	padding:10px 0;
	border-bottom:1px solid #9f9f9f;	
	letter-spacing: 1px;
	font-family:'Hurme Geometric Sans W00';
	font-size:17px;
	display:block;
	}
	
.header-nav > li.hassub > a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	display: inline-block;
	float:right;
	}

.header-nav > li > a[aria-expanded="true"]:before {
	content: "\f00d";
	}

/*.header-nav > li ul {display:none;}*/
.header-nav > li li a {padding:20px 0 0 0;display:block;letter-spacing:1px;font-size:0.9em;margin: 0 20px;color:#fff;}
	




@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {

/*	.header-nav > li.active > a:before {content: "\f078"!important;}*/

	.header-nav > li.hassub > a:before {content: "";}

	.header-nav > li {margin-top:15px;margin-bottom:15px;}
	.header-nav > li > a {margin:0;font-weight:700;color:#fff;border:0;font-size:1.1em;}
	.header-nav > li > a:before {display:none;}
	
	.header-nav > li ul {display:block;}
	.header-nav > li li a {padding:10px 0 0 0;font-size:0.9em;margin: 0;color:#999;}
	.header-nav > li li a:hover {color:#fff;}

	}



/*
=======================================================================
	Custom Mega Menu CTA
=======================================================================
*/

.mega-menu-cta-wrapper {margin-top:40px;margin-bottom:40px;}

.mega-menu .cta {
	padding:13px 25px;
	margin:15px 0;
	border:1px solid #fff;
	color:#fff;
	text-decoration:none;
	display:block;
	font-weight:bold;
	text-align:left;
	}

.mega-menu .cta:hover,
.mega-menu .cta:focus {
	background: #fff;
	color:#000;
	text-decoration:none;
	}


.mega-menu .cta:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	display:inline-block;
	float:right;
	color:#cc4e0a;
	}

.mega-menu .cta.sport:after {
	color:#6DB33F;
	}


@media screen and (min-width: 540px) {
	.mega-menu .cta {width:auto;display:inline-block;margin: 15px;text-align:center;}
	.mega-menu .cta:after {margin-left:10px;float:none;}
	}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.mega-menu .cta {padding:15px 35px;letter-spacing:1px;}
	}



/*
=======================================================================
	Custom Mega Menu Header
=======================================================================
*/

.mega-menu-header {background: #191919;}

.mega-menu-header .site-section {text-align:center;color:#fff;}
.mega-menu-header .site-section a {color:#999;height:70px;display:block;line-height:70px;padding-left:15px;padding-right:15px;display:inline-block;}

body.mode-default .mega-menu .mode-consumer,
body.mode-consumer .mega-menu .mode-consumer,
body.mode-professional .mega-menu .mode-professional {color:#fff!important;font-weight:bold;}

@media screen and (max-width: 767px) {
	.mega-menu-header .container {
		padding-right: 0;
    padding-left: 0;
		}
	}

@media screen and (min-width: 768px) {
/*	.mega-menu-header > .container > * {width:50%;float:left;}*/
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}
	

/*
=======================================================================
	Custom Mega Menu Toggle Switch
=======================================================================
*/

.mega-menu-header .site-section-v2 {background: #262323;height:50px;line-height:50px;}

.segment-toggle {display:flex;color:#fff;height:34px;margin-right:15px;text-align:center;justify-content:center;
	-webkit-transform: translatey(25%);
		 -moz-transform: translatey(25%);
			-ms-transform: translatey(25%);
			 -o-transform: translatey(25%);
					transform: translatey(25%);
	}
.segment-toggle > div {line-height: 34px;align-items:center;}
.segment-toggle label {margin-bottom:0;}

/*
.segment-toggle .segment-toggle-professional {color:#ed6b06;}
.segment-toggle.consumer .segment-toggle-consumer {color:#ed6b06;}
.segment-toggle.consumer .segment-toggle-professional {color:#fff;}
*/


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
	margin-left:15px;margin-right:15px;
	}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ed6b06;
  -webkit-transition: .4s;
  transition: .4s;
	}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
	}

input:checked + .slider {
  background-color: #ed6b06;
	}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
	}

input:checked + .slider:before {
	-webkit-transform: translatex(26px);
		 -moz-transform: translatex(26px);
			-ms-transform: translatex(26px);
			 -o-transform: translatex(26px);
					transform: translatex(26px);
	}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
	}

.slider.round:before {
  border-radius: 50%;
	}



@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.segment-toggle {float:right;justify-content: inherit}
	}
	

/*
=======================================================================
	Custom Mega Menu Search
=======================================================================
*/

.search {
    display: table;
    padding: 0;
    float: left;
		background: #1a1a1a;
	}


.search div {width:100%;display:table-cell;}
.search input {width:100%;}

.search input[type=text]{
	padding-left:15px;
	padding-right:15px;
	margin:0;
	border:0;
	color: #000;
	height:50px;
	float:left;
	line-height:normal;
	background:none;
	color:#fff;
	}

.search input[type=text]:focus {
	outline:none;
	border:0;
	}

.search button {
	float:right;
	width:50px;
	height:50px;
	border:0;
	color:#ed6b06;
	background:none;
	cursor: pointer;
	}

.search ::-webkit-input-placeholder {color:#CCC;}
.search :-moz-placeholder {color:#CCC;}
.search ::-moz-placeholder {color:#CCC;}
.search :-ms-input-placeholder {color:#CCC;}


/*
=======================================================================
	Custom Mega Menu Footer
=======================================================================
*/

.mega-menu-footer {padding-bottom:30px;}


/*
=======================================================================
	Custom Mega Menu Misc
=======================================================================
*/

.mega-menu .nav-sub {text-align:center;margin-bottom:30px;padding-top:15px;padding-bottom:15px;color:#bbbbbb;}
.mega-menu .nav-sub ul {margin:0;padding:0;list-style:none;}
.mega-menu .nav-sub ul li:not(.nav-social) {display:none;}
.mega-menu .nav-sub ul li a {color:#bbbbbb;font-size:0.9em;}
.mega-menu .nav-sub a:hover,
.mega-menu .nav-sub a:focus {color:#fff;}

.mega-menu .nav-social {
	text-align:center;
	}

.mega-menu .nav-social a {margin-left:3px;margin-right:3px;}

.mega-menu-text {color:#999;}
.mega-menu-text h1 {
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin:0 0 15px 0;
	}

.mega-menu-text h1 span {
	color: #f17431;
	}


.mega-menu-copyright {
	
	}


@media screen and (min-width: 768px) {
	.mega-menu .nav-sub {font-size:1.1em;border-top:1px solid #353535;margin-top:30px;}
	}
	
@media screen and (min-width: 991px) {
	.mega-menu-text h1 {font-size:1.3em;letter-spacing: 5px;}
	}

@media screen and (min-width: 1200px) {
	.mega-menu-text h1 {font-size:1.4em;letter-spacing: 7px;}
	.mega-menu .nav-sub ul li {padding-left:15px;padding-right:15px;}

	.mega-menu .nav-sub ul li.nav-social {
		margin-top:30px;
		margin-bottom:30px;
		padding-top:30px;
		}

	.mega-menu .nav-sub ul li:not(.nav-social) {display:inline;}	
	}


/*
=======================================================================
	Site Header
=======================================================================
*/

.site-header {background: #282828;}
.site-header > .container {padding-left:0;padding-right:0;}

.site-header-wrapper {
	position:relative;
	padding-left:15px;
	padding-right:15px;
	}
	
.site-header-logo {
  position: absolute;
  top: 50%;
	left:3px;
	-webkit-transform: translatey(-50%);
		 -moz-transform: translatey(-50%);
			-ms-transform: translatey(-50%);
			 -o-transform: translatey(-50%);
					transform: translatey(-50%);
	width:150px;
	}

.site-header-search {position:relative;}
/*
.site-header-search:after {
	position:absolute;
	content: "\f002";
	font-family: Font Awesome\ 5 Pro;
	display: inline-block;
	margin-left:10px;
	}
*/	

.site-header-navigation {}
.site-header-navigation ul {margin:0;padding:0;list-style:none;float:right;}
.site-header-navigation ul li {margin:0;padding:0;display:inline-block;margin-left:60px;}
.site-header-navigation ul li:first-child {margin-left:0;}
.site-header-navigation a {
	height:70px;line-height:70px;display:block;font-size:18px;
	color:#fff;}


@media screen and (max-width: 767px) {
	.site-header-logo {width:100px;}
	}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.site-header {}
	}


/*
=======================================================================
	Main sub header
=======================================================================
*/

.main-sub-header {
	width:100%;
	padding-top:15px;
	padding-bottom:15px;
	background: #fff;
	font-size:0.65em;
	position:relative;
	margin-top:70px;
	}

.main-sub-header + * {padding-top:0;}

/* Page mode */
.main-sub-header .page-mode {
	position:absolute;
	z-index:1;
	text-align:center;
	left:50%;
	-webkit-transform: translatex(-50%);
		 -moz-transform: translatex(-50%);
			-ms-transform: translatex(-50%);
			 -o-transform: translatex(-50%);
					transform: translatex(-50%);
	}

.main-sub-header a {
	padding-left: 15px;
	padding-right: 15px;
	}
	
body.mode-default .main-sub-header .pagemode-link-professional > a,
body.mode-consumer .main-sub-header .pagemode-link-professional > a {color:#b3b3b3;}

body.mode-default .main-sub-header .pagemode-link-consumer > a,
body.mode-consumer .main-sub-header .pagemode-link-consumer > a {font-weight:bold;color:#282828;}

body.mode-professional .main-sub-header .pagemode-link-consumer > a {color:#a3a3a3;}
body.mode-professional .main-sub-header .pagemode-link-professional > a {font-weight:bold;color:#ffffff;}

.main-sub-header .page-mode-sep {display:inline-block;}

body.mode-professional .main-sub-header .drop.pagemode-link-professional > a,
body.mode-default .main-sub-header .drop.pagemode-link-consumer > a,
body.mode-consumer .main-sub-header .drop.pagemode-link-consumer > a {pointer-events:none;}

.main-sub-header .drop {
	position: relative;
	display: inline-block;
	}

.main-sub-header .drop-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 1;
	}

.main-sub-header .drop:hover .drop-content {
	display: block;
	}

body.mode-consumer .main-sub-header .drop:hover .drop-content {background: #ffffff;}
body.mode-professional .main-sub-header .drop:hover .drop-content {background: #383836;}


	

@media screen and (max-width: 767px) {
	.main-sub-header {padding:0;}
	.main-sub-header .page-mode-sep {display:none;}
    body.mode-default .main-sub-header .drop.pagemode-link-professional,
	body.mode-consumer .main-sub-header .drop.pagemode-link-professional,
	body.mode-professional .main-sub-header .drop.pagemode-link-consumer {display:none;}

	.main-sub-header .drop > a:after {
		font-family: "Font Awesome 5 Pro";
		content: "\f107";
		margin-left: 10px;
		display: inline-block;
		}
		
	.main-sub-header a {padding:10px;display:inline-block;}
		
		
	}

@media screen and (min-width: 768px) {
	.main-sub-header .drop-content {display:none!important;}
	}









/* End page mode */

.main-sub-header .link-left {float:left;font-weight:bold;}
.main-sub-header .link-right {float:right;font-weight:bold;}

body.mode-default .main-sub-header a,
body.mode-consumer .main-sub-header a {color:#282828;}
body.mode-professional .main-sub-header a {color:#fff;}

.main-sub-header a.link-left:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f060";
	margin-right: 10px;
	display: inline-block;
	}

.main-sub-header a.link-right:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	margin-left: 10px;
	display: inline-block;
	}
	
@media screen and (min-width: 350px) {
	.main-sub-header {font-size:.8em;}
	}
	
@media screen and (max-width: 767px) {

	.main-sub-header .select-section {top:50px;}	

	.main-sub-header .link-left,
	.main-sub-header .link-right {text-transform:capitalize;}

	.main-sub-header .link-left span,
	.main-sub-header .link-right span {display:none;}
	}	
	
@media screen and (min-width: 768px) {
	.main-sub-header {padding-top:20px;padding-bottom:20px;margin-top:70px;font-size:1em;}
	.main-sub-header .page-mode {
		width:auto;
		}
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}




/*
=======================================================================
	Superhero
=======================================================================
*/

@media screen and (max-width: 991px) {
	.front-page-superhero	.container {
		width:100%;
    padding-right: 0;
    padding-left: 0;
		}
	}

.front-page-superhero {
	height:100vh;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	padding:0;
	}
	
.front-page-superhero > .hero-arrow {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 20px 55px 20px;
	color: #282828;
	display: block;
	font-weight: bold;
	}

.front-page-superhero > .hero-arrow:before {
	position:absolute;
	bottom:0;
	-webkit-transform: translatex(-50%);
		 -moz-transform: translatex(-50%);
			-ms-transform: translatex(-50%);
			 -o-transform: translatex(-50%);
					transform: translatex(-50%);
	left:50%;
	font-family: "Font Awesome 5 Pro";
	content: "\f063";
	font-size:2em;
	display: inline-block;
	-webkit-animation: upanddown 2s infinite; /* Safari 4+ */
	-moz-animation:    upanddown 2s infinite; /* Fx 5+ */
	-o-animation:      upanddown 2s infinite; /* Opera 12+ */
	animation:         upanddown 2s infinite; /* IE 10+, Fx 29+ */
	}

@keyframes upanddown {
  0%, 100% {bottom:15%;}
  30% {	bottom:2%;}
	}


.front-page-superhero > .bttn {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 15px 20px;
	background: #282828;
	color: #fff;
	text-transform:inherit;
	font-size:1em;
	font-weight:normal;
	}
	
	
.front-page-superhero .container {height:100%;}
.front-page-superhero-wrapper {height:100%;}

.front-page-superhero-image {position:relative;height:100%;}

.front-page-superhero .large-img {height:100%;}
.front-page-superhero .large-img img {display:none;}
.front-page-superhero .small-img img {display:none;}


.front-page-superhero .large-img-text {
	position: absolute;
	top: 50%;
	left: 0;
	width: 65%;
	-webkit-transform: translatey(-50%);
		 -moz-transform: translatey(-50%);
			-ms-transform: translatey(-50%);
			 -o-transform: translatey(-50%);
					transform: translatey(-50%);
	}

.front-page-superhero .large-img-caption-large {
	z-index:2;
  padding: 5px 0; 
	margin-top:20px;
	margin-bottom:20px;
  border-left: 20px solid #282828;
	}

.front-page-superhero .large-img-caption-large > h1 {
  background-color: #282828;
  padding: 4px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
	}
	
.front-page-superhero .large-img-caption-large > h1 > span {
  position: relative;
  left: -10px; 
	}


.front-page-superhero .large-img-caption-small {
	text-align:left;
  line-height: 1.3; 
  padding: 2px 0;
	margin-top:20px;
	margin-bottom:20px;
  border-left: 20px solid #282828;
	font-size:1.1em;
	}
	
.front-page-superhero .large-img-caption-small > span { 
  background-color: #282828;
  padding: 1px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
	}

	
.front-page-superhero .large-img-caption-small > span > span { 
  position: relative;
  left: -10px; 
	}


.front-page-superhero-text {display:none;}



@media screen and (min-width: 370px) {
	/*.front-page-superhero .large-img-text .bttn {display:none;}*/
	/*.front-page-superhero > .bttn {display:block;}*/
	}


@media screen and (min-width: 480px) {
	.front-page-superhero .large-img-caption-large > h1 {
		font-size:2.8em;
		line-height: 1.3;
		}
	}

@media screen and (min-width: 768px) {
	.front-page-superhero .large-img-caption-large > h1 {
		font-size:3em;
		line-height: 1.3;
		}
	}
	

@media screen and (min-width: 991px) {

.front-page-superhero {
	height:auto;
	/*margin-top:165px;*/
	padding-top:60px;
	padding-bottom:100px;
	background-image:none!important;
	}

.front-page-superhero > .hero-arrow,
.front-page-superhero > .bttn {display:none;}

/*
.front-page-superhero-wrapper {
	width:90%;margin: 0 auto;
	}
*/
	
.front-page-superhero .small-img {
	display:block;
	width:33%;z-index:1;position:absolute;top:50%;
	-webkit-transform: translatey(-50%);
		 -moz-transform: translatey(-50%);
			-ms-transform: translatey(-50%);
			 -o-transform: translatey(-50%);
					transform: translatey(-50%);
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.2);
	}

.front-page-superhero-image {position:relative;height: auto;}
.front-page-superhero .large-img {width:75%;position:relative;float:right;}
.front-page-superhero .large-img img {display:block;}
.front-page-superhero .small-img img {display:block;}

.front-page-superhero .large-img-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	z-index:1;
	-webkit-transform: none;
		 -moz-transform: none;
			-ms-transform: none;
			 -o-transform: none;
					transform: none;
	}

.front-page-superhero .large-img-caption-large {
	position: absolute;
	left:-100px;
	bottom: -63px;
	z-index:2;	
  padding: 5px 0; 
  margin: 0; 
  border-left: 20px solid #282828;
  width: 400px;
	}

body.mode-default .front-page-superhero .large-img-caption-large,
body.mode-consumer .front-page-superhero .large-img-caption-large {border-color: #282828;}
body.mode-professional .front-page-superhero .large-img-caption-large {border-color: #ffffff;}

.front-page-superhero .large-img-caption-large > h1 {
  padding: 4px 0;
  display: inline;
	font-size:2.7em;
  line-height: 1.3; 
	}
	
body.mode-default .front-page-superhero .large-img-caption-large > h1,
body.mode-consumer .front-page-superhero .large-img-caption-large > h1 {background-color: #282828;color: #fff;}
body.mode-professional .front-page-superhero .large-img-caption-large > h1 {  background-color: #ffffff;color: #282828;}
	
	
.front-page-superhero .large-img-caption-large > h1 > span {
  position: relative;
  left: -10px; 
	}


.front-page-superhero .large-img-caption-small {
	position:absolute;
	right:0;
	bottom:0;
	text-align:right;
	width:25%;
  line-height: 1.3; 
  padding: 2px 0;
	margin:0;
	border-left:0;
  border-right: 20px solid #282828;
	font-size:1.1em;
	}
	
body.mode-default .front-page-superhero .large-img-caption-small,
body.mode-consumer .front-page-superhero .large-img-caption-small {border-color:#282828;}
body.mode-professional .front-page-superhero .large-img-caption-small {border-color:#ffffff;}
	
	
.front-page-superhero .large-img-caption-small > span { 
  background-color: #282828;
  padding: 1px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
	}

body.mode-default .front-page-superhero .large-img-caption-small > span,
body.mode-consumer .front-page-superhero .large-img-caption-small > span {  background-color: #282828;color:#fff;}
body.mode-professional .front-page-superhero .large-img-caption-small > span {  background-color: #fff;color:#282828;}
	
.front-page-superhero .large-img-caption-small > span > span { 
  position: relative;
	left:auto;
  right: -10px; 
	}


.front-page-superhero-text {width:75%;float:right;padding:30px 10% 0 10%;display:block;}
.front-page-superhero-text p {font-style:italic;}
	}


/*
@media screen and (min-width: 1200px) {
	.front-page-superhero-wrapper {
		width:85%;margin: 0 auto;
		}
	}
*/



/*
=======================================================================
	Hero
=======================================================================
*/

.front-page-hero {
	height:100%;
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
	}



.hero-text {
	position:absolute;
	top:30%;
	left:0;
	width:65%;
	}

.hero-title { 
  line-height: 1.3; 
  padding: 5px 0; 
  border-left: 20px solid #282828;
  margin: 20px auto;
	}

.hero-title h1 { 
  background-color: #282828;
  padding: 4px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
	line-height:1.3;
	font-size:26px;
	}

.hero-title h1 strong { 
  position: relative;
  left: -10px; 
	font-weight:normal;
	}


.hero-subtitle { 
	margin-top:50px;
  line-height: 1.3; 
  padding: 4px 0; 
  border-left: 20px solid #282828;
  margin: 20px auto;
	}

.hero-subtitle h2 { 
  background-color: #282828;
  padding: 4px 0;
  color: #fff; 
  display: inline;
  margin: 0; 
	line-height:1.3;
	font-size:16px;
	font-weight:100;
	}

.hero-subtitle h2 strong { 
  position: relative;
  left: -10px; 
	font-weight:normal;






	}







.front-page-hero .hero-arrow {
	position:absolute;
	bottom:0;
	left:15px;
	padding:15px 20px 15px 20px;
	color:#282828;
	display:block;
	font-weight:bold;
	}

.front-page-hero .hero-arrow:before {
	position:absolute;
	top:50%;
	-webkit-transform: translatey(-50%);
		 -moz-transform: translatey(-50%);
			-ms-transform: translatey(-50%);
			 -o-transform: translatey(-50%);
					transform: translatey(-50%);
	left:0;
	font-family: "Font Awesome 5 Pro";
	content: "\f063";
	display: inline-block;
	-webkit-animation: updown 2s infinite; /* Safari 4+ */
	-moz-animation:    updown 2s infinite; /* Fx 5+ */
	-o-animation:      updown 2s infinite; /* Opera 12+ */
	animation:         updown 3s infinite; /* IE 10+, Fx 29+ */
	}

@keyframes updown {
  0%, 100% {top:50%;}
  30% {	top:20%;}
	}

.front-page-hero .hero-link {
	position:absolute;
	bottom:0;
	right:0;
	padding:15px 20px;
	background: #282828;
	color:#fff;
	display:block;
	}

.front-page-hero .hero-link:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	margin-left: 10px;
	display: inline-block;
	font-weight:bold;
	color:#f17431;
	}


@media screen and (min-width: 768px) {
	.hero-title { padding: 5px 0;}
	.hero-title h1 {font-size:40px;line-height: 1.3;}

	.hero-subtitle { padding: 4px 0;}
	}
	
@media screen and (min-width: 991px) {
	.hero-title { padding: 8px 0;}
	.hero-title h1 {font-size:50px;line-height: 1.2;}
	}

@media screen and (min-width: 1200px) {

	.hero-subtitle { padding: 4px 0;}
	.hero-subtitle h2 { font-size:18px;}
	}





/*
=======================================================================
	Front Page Feature
=======================================================================
*/

.element-feature figure {
	-webkit-transition: opacity 0.3s ease;                  
	-moz-transition: opacity 0.3s ease;                 
	-o-transition: opacity 0.3s ease;   
	-ms-transition: opacity 0.3s ease;          
	transition: opacity 0.3s ease;
	}

.element-feature > * {margin-bottom:15px;}
.element-feature > :last-child {margin-bottom:0;}

.element-feature a {display:block;color:#000;}
.element-feature a:hover,
.element-feature a:focus {color:#000;text-decoration:none;}
.element-feature a:hover figure,
.element-feature a:focus figure {opacity:0.8;	}

.element-feature .bttn {display:inline-block;}

.pre-title {font-family:"Times New Roman", Times, serif;font-style:italic;}
.pre-title + h1 {margin-top:5px!important;}
.element-feature h1 {font-size:1.8em;}

.element-feature .title-sep {display:block;margin-top:25px;margin-bottom:25px;border-top:2px solid #f17431;width:100px;margin-left:-30px;}

.element-feature figure {position:relative;text-align:center;}
.element-feature figure figcaption {
	position:relative;
	z-index:1;
	text-transform:uppercase;
	font-weight:400;
	font-style:normal;
	background: #fff;
	color:#282828;
	display:inline-block;
	width:auto;
	margin: -50% auto 0 auto;;
	text-align:center;
	padding:20px 30px;
	font-size:1.35em;
	letter-spacing:1px;
	}

.element-feature figure figcaption span {display:block;}

.element-feature p.teaser {font-size:1.45em;}

.element-feature .text .small-arrow-link {color:#f17431;font-size:.75em;margin-left:10px;display:inline-block;padding:inherit;}
.element-feature .text .small-arrow-link:hover,
.element-feature .text .small-arrow-link:focus {color:#f17431;background:none;}




/*
=======================================================================
	Feature V2
=======================================================================
*/


.element-feature-v2 .pre-title {font-family:"Times New Roman", Times, serif;font-style:italic;}
.element-feature-v2 .pre-title + h1 {margin-top:5px!important;}
.element-feature-v2 figure {position:relative;}
.element-feature-v2 figure .small-image {width:40%;float:right;margin-right:20%;margin-top:-10%;position:relative;z-index:2;}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	.element-feature-v2 figure {margin-right:30px;}
	.element-feature-v2 .text {margin-left:30px;}
	}

@media screen and (min-width: 1200px) {
	}


/*
=======================================================================
	Front Page Feature V3
=======================================================================
*/

.element-feature-v3 .pre-title {}

.element-feature-v3 article figure.figure-small {}
.element-feature-v3 article figure.figure-large {display:none;}


.element-feature-v3 .text .title-sep {display:block;margin-top:20px;margin-bottom:20px;border-top:2px solid #f17431;width:100px;margin-left:-50px;}
.element-feature-v3 .text p:last-of-type:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	display: inline-block;
	margin-left: 10px;
	color: #f17431;
	}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.element-feature-v3 article {position:relative;}
	.element-feature-v3 article figure.figure-small {display:none;}
	.element-feature-v3 article figure.figure-large {display:block;}
	.element-feature-v3 article .text  {position:absolute;top:50%;width:35%;left:10%;
		-webkit-transform: translatey(-50%);
			 -moz-transform: translatey(-50%);
				-ms-transform: translatey(-50%);
				 -o-transform: translatey(-50%);
						transform: translatey(-50%);
		background: rgba(255,255,255,0.85);
		padding:40px 85px;}
	}


/*
=======================================================================
	Front Page Feature V4 (Parallax)
=======================================================================
*/

.element-feature-v4 .text .title-sep {
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	border-top:2px solid #f17431;
	width:100px;
	margin-left:-50px;
	}





@media screen and (max-width: 767px) {
    body.mode-default .parallax-window article,
	body.mode-consumer .parallax-window article {/*background: #fff;*/}
	body.mode-professional .parallax-window article {background: #383836;}
	body.mode-professional .element-feature-v4 .parallax-window article {color:#fff;}

	}

@media screen and (min-width: 768px) {
	.element-feature-v4 {background-color:transparent!important;}
	.element-feature-v4 .container {width:100%;padding-left:0;padding-right:0;}
	.element-feature-v4 .parallax-window {position:relative;min-height:600px;background: transparent;}
	.element-feature-v4 .parallax-window article {background: none;}
	.element-feature-v4 .parallax-window article figure.figure-small {display:none;}
	.element-feature-v4 .parallax-window .text  {position:absolute;top:50%;width:50%;left:10%;color:#282828;
		-webkit-transform: translatey(-50%);
			 -moz-transform: translatey(-50%);
				-ms-transform: translatey(-50%);
				 -o-transform: translatey(-50%);
						transform: translatey(-50%);
			background: rgba(255,255,255,0.85);padding:40px 85px;}
	.element-feature-v4.right .parallax-window .text  {left:auto;right:10%;}
	}
	
@media screen and (min-width: 991px) {
	.element-feature-v4 .parallax-window {min-height:800px;}
	.element-feature-v4 .parallax-window .text  {width:50%;}
	}

@media screen and (min-width: 1200px) {
	.element-feature-v4 .parallax-window {min-height:900px;}
	.element-feature-v4 .parallax-window .text  {width:35%;}
	}


/*
=======================================================================
	Front Page Feature V5 (Image)
=======================================================================
*/

.element-feature-v5.text-align-left .text {padding-right:30px;	}
.element-feature-v5 figure {margin-bottom:30px;}
.element-feature-v5 figure,
.element-feature-v5 figure img {width:100%;}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	.element-feature-v5.text-align-left .row.is-flex {flex-direction:row-reverse;}
	.element-feature-v5 figure {margin-bottom:inherit;}
	}

@media screen and (min-width: 1200px) {
	}


/*
=======================================================================
	Breadcrumb
=======================================================================
*/

.breadcr { 
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
	}



/*
=======================================================================
	Misc elements
=======================================================================
*/

.floor-shortcut {display:table;}
.floor-shortcut > * {display:table-cell;vertical-align:bottom;}

.floor-shortcut figure {width:50%;max-width:175px;}
.floor-shortcut figure {margin-right:15px;}
.floor-shortcut h2 {margin-top:0;font-weight:bold;font-family:"Times New Roman", Times, serif;font-style:italic;}
.floor-shortcut-info {padding-left:15px;}
.floor-shortcut a {font-weight:bold;}
.floor-shortcut a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f054";
	display: inline-block;
	margin-left:10px;
	}

	.floor-shortcut figure {width:250px;}

	.col-xs-12 > .floor-shortcut {font-size:0.8em;}
	.col-xs-12 > .floor-shortcut h2 {font-size:1.8em;}

@media screen and (min-width: 768px) {
	.floor-shortcut figure {width:155px;}

	.col-sm-3 > .floor-shortcut {font-size:0.8em;}
	.col-md-3 > .floor-shortcut h2 {font-size:2em;}

	.col-sm-4 > .floor-shortcut {font-size:.9em;}
	.col-sm-4 > .floor-shortcut h2 {font-size:2em;}
	
	.col-sm-6 > .floor-shortcut {font-size:.9em;}
	.col-sm-6 > .floor-shortcut h2 {font-size:2em;}
	
	.col-sm-12 > .floor-shortcut {font-size:.9em;}
	.col-sm-12 > .floor-shortcut h2 {font-size:2em;}
	}
	
@media screen and (min-width: 991px) {
	
	.col-md-3 > .floor-shortcut figure {width:40%;}
	.col-md-3 > .floor-shortcut {font-size:0.8em;}
	.col-md-3 > .floor-shortcut h2 {font-size:2em;}

	.col-md-4 > .floor-shortcut figure {width:40%;}
	.col-md-4 > .floor-shortcut {font-size:.9em;}
	.col-md-4 > .floor-shortcut h2 {font-size:2em;}
	
	.col-md-6 > .floor-shortcut figure {width:45%;}
	.col-md-6 > .floor-shortcut {font-size:.9em;}
	.col-md-6 > .floor-shortcut h2 {font-size:2em;}
	
	.col-md-12 > .floor-shortcut figure {width:45%;}
	.col-md-12 > .floor-shortcut {font-size:.9em;}
	.col-md-12 > .floor-shortcut h2 {font-size:2em;}
	}

@media screen and (min-width: 1200px) {
	.col-lg-3 > .floor-shortcut figure {width:40%;}
	.col-lg-3 > .floor-shortcut {font-size:0.65em;}
	.col-lg-3 > .floor-shortcut h2 {font-size:1.8em;}

	.col-lg-4 > .floor-shortcut figure {width:45%;}
	.col-lg-4 > .floor-shortcut {font-size:.8em;}
	.col-lg-4 > .floor-shortcut h2 {font-size:2em;}
	
	.col-lg-6 > .floor-shortcut figure {width:45%;}
	.col-lg-6 > .floor-shortcut {font-size:.8em;}
	.col-lg-6 > .floor-shortcut h2 {font-size:2em;}
	
	.col-lg-12 > .floor-shortcut figure {width:45%;}
	.col-lg-12 > .floor-shortcut {font-size:.8em;}
	.col-lg-12 > .floor-shortcut h2 {font-size:2em;}
	}


/*
=======================================================================
	Page Mode - Consumer / Professional
=======================================================================
*/

body.mode-professional .main-sub-header {background-color:#383836;color:#fff;}
body.mode-professional .front-page-superhero {background-color: #383836;color:#fff;}
body.mode-professional main .page-section {background-color: #383836;color:#fff;}
body.mode-professional main .page-section:nth-child(odd) {background-color: #2c2c2b;}


/*
=======================================================================
	Text
=======================================================================
*/


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
/*
	h2 {font-size:30px;}
	h3 {font-size:26px;}
	h4 {font-size:24px;}
	h5 {font-size:20px;}
	h6 {font-size:18px;}
*/	
	}


/*
=======================================================================
	Article General / Backpack override
=======================================================================
*/

.page-article a {text-decoration:underline;}
.page-article p {padding:0;}

.page-article .text > * {margin-bottom:3rem;}
.page-article .text > :last-child {margin-bottom:0;}

.page-article {margin-bottom:3rem;}

*[class*='page-article-large-'] .large-media,
*[class*='page-article-large-'] .large-media img {width:100%;}

*[class*='page-article-small-'] .small-media { width: 50%; float:right; margin: 0 0 0 20px;}
*[class*='page-article-small-'] .small-media img {}
*[class*='page-article-small-'] .teaser {line-height:1.45;}


@media (min-width:768px) {
	.page-article {margin-bottom:4rem;}
    }

@media (min-width:991px) {
	.page-article {margin-bottom:5rem;}
    }

@media (min-width:1200px) {
	.page-article {margin-bottom:6rem;}
    }



/*
=======================================================================
	Article Text
=======================================================================
*/

 article.page-article .text h1 {font-weight:bold;}
 article.page-article .text h2,
 article.page-article .text h3,
 article.page-article .text h4,
 article.page-article .text h5,
 article.page-article .text h6 {font-weight:normal;}

 article.page-article .text h1,
 article.page-article .text h2,
 article.page-article .text h3,
 article.page-article .text h4,
 article.page-article .text h5,
 article.page-article .text h6 {margin-top:2.5rem;margin-bottom:1rem;}

.page-article header h1,
.page-article .text h1 {font-size:3rem!important;}
.page-article .text h2 {font-size:2rem!important;}
.page-article .text h3 {font-size:1.6rem!important;}
.page-article .text h4 {font-size:1.6rem!important;}	
.page-article .text h5 {font-size:1.6rem!important;}
.page-article .text h6 {font-size:1.6rem!important;}

/*
@media (max-width:767px) {
	.page-article .col-xs-6 h1 {font-size:1.4rem!important;}
	.page-article .col-xs-7 h1 {font-size:1.6rem!important;}
	.page-article .col-xs-8 h1 {font-size:2.2rem!important;}
	.page-article .col-xs-9 h1 {font-size:2.4rem!important;}
	.page-article .col-xs-10 h1 {font-size:2.6rem!important;}
	.page-article .col-xs-11 h1 {font-size:2.8rem!important;}
	.page-article .col-xs-12 h1 {font-size:3rem!important;}
	}
*/

@media (min-width:768px) {
	.page-article header h1,
	.page-article .text h1 {font-size:3.5rem!important;}
	.page-article .text h2 {font-size:3rem!important;}
	.page-article .text h3 {font-size:2.1rem!important;}
	.page-article .text h4 {font-size:1.7rem!important;}	
	.page-article .text h5 {font-size:1.7rem!important;}
	.page-article .text h6 {font-size:1.7rem!important;}
	}

@media (min-width:991px) {
	.page-article header h1,
	.page-article .text h1 {font-size:4rem!important;}
	.page-article .text h2 {font-size:3rem!important;}
	.page-article .text h3 {font-size:2.1rem!important;}
	.page-article .text h4 {font-size:1.7rem!important;}	
	.page-article .text h5 {font-size:1.7rem!important;}
	.page-article .text h6 {font-size:1.7rem!important;}
	}

@media (min-width:1200px) {
	.page-article header h1,
	.page-article .text h1 {font-size:6.7rem!important;}
	.page-article .text h2 {font-size:3.7rem!important;}
	.page-article .text h3 {font-size:2.5rem!important;}
	.page-article .text h4 {font-size:2rem!important;}	
	.page-article .text h5 {font-size:2rem!important;}
	.page-article .text h6 {font-size:2rem!important;}
	}


/*
=======================================================================
	Article Header
=======================================================================
*/

/*.page-article .article-section-header {margin-top:-75px;}*/

.page-article .article-section-header {position:relative;margin-top:0;margin-bottom:0;}

body.mode-default .page-article .article-section-header:before
body.mode-consumer .page-article .article-section-header:before {background:#fff;}
body.mode-professional .page-article .article-section-header:before {background:#383836;}
body.mode-professional .page-article .article-section-header {color:#fff;}


.page-article .article-section-header .article-header {margin-top:3rem;text-align:center;}
.page-article .article-section-header .article-header > * {margin:0 0 3rem 0;}
.page-article .article-section-header .article-header > :last-child {margin-bottom:0;}
.page-article .article-section-header .article-header h1 {padding:0;font-weight:400;}

.page-article .article-section-header .teaser {font-weight:400;line-height:1.4;text-align:center;}

.page-article .article-section-header .byline {display:table;margin-left:auto;margin-right:auto;float:none;text-align:center;font-size:0.8em;}
.page-article .article-section-header .byline-info {}
.page-article .article-section-header .byline-sep {width:100%;margin-top:4px;margin-bottom:4px;border-bottom:1px solid #cc4e0a;}
.page-article .article-section-header .byline-author {font-size:1.1em;}
.page-article .article-section-header .byline-author span {text-transform:uppercase;letter-spacing:2px;}

.page-article .article-section-header .byline-technical {text-align:left;width:100%;}
.page-article .article-section-header .byline-technical-header {color:#000;border-bottom:1px solid #000;text-decoration:none;display:block;}
.page-article .article-section-header .byline-technical-header:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	display: inline-block;
	float:right;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}
	
.page-article .article-section-header .byline-technical-header[aria-expanded="false"]:after {
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	}
.page-article .article-section-header .byline-technical th,
.page-article .article-section-header .byline-technical td {padding:3px 0;font-size:0.9em;border:0;}
.page-article .article-section-header .byline-technical-header[aria-expanded="true"] {margin-bottom:1rem;}


@media screen and (min-width: 768px) {
	.page-article .article-section-header .article-header > * {margin-bottom:4rem;;}
	}
	
@media screen and (min-width: 991px) {
	.page-article .article-section-header .article-header > * {margin-bottom:5rem;}
	.page-article .teaser {line-height:1.4;}
	}

@media screen and (min-width: 1200px) {
	.page-article .article-section-header-wrapper {width:1195px;margin-right: auto;margin-left: auto;}
	.page-article .article-section-header .article-header {padding:0;margin-top:0;}
	.page-article .article-section-header .article-header > * {margin-bottom:6rem;}
	.page-article .article-section-header .teaser {line-height:1.5;}
	.page-article .article-section-header:before {
		position:absolute;
		top:-60px;
    left: 50%;
    transform: translateX(-50%);
		content:"";
		width:950px;
		margin: 0 auto;
		height:61px;
		background: #fff;
		display:block;
		}
	}



/*
=======================================================================
	Article Media
=======================================================================
*/

.article-section-media figure img {width:100%;}

.article-section-media-video figure a {position:relative;display:block;}
.article-section-media-video figure a:before {
	background: rgba(0, 0, 0, 0.1);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	-webkit-transition: background 0.3s ease;                  
	-moz-transition: background 0.3s ease;                 
	-o-transition: background 0.3s ease;   
	-ms-transition: background 0.3s ease;          
	transition: background 0.3s ease;
	}

.article-section-media-video figure a:hover:before {
	background: rgba(0, 0, 0, 0.25);
	}

.article-section-media-video figure a:after {
	position: absolute;
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: red;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		 -moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			 -o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
	background: url(../images/icon-play.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.article-section-media-video figure a:hover:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.15);
		 -moz-transform: translate(-50%, -50%) scale(1.15);
			-ms-transform: translate(-50%, -50%) scale(1.15);
			 -o-transform: translate(-50%, -50%) scale(1.15);
					transform: translate(-50%, -50%) scale(1.15);
	}



/*
=======================================================================
	Article Custom
=======================================================================
*/

body.mode-professional .page-article .text {color:#fff;}

.page-article article .element-image {
	position:relative;
	margin-bottom:60px;
	}

.page-article article .text > :first-child{margin-top:0;padding-top:0;}

.page-article article .text .teaser {font-size:1.4em;}
.page-article article .text .byline {margin-top:40px;margin-bottom:40px;}

.page-article article figure {position:relative;}
.page-article article figure .figcaption-toggle {
	position:absolute;
	bottom:0;
	right:0;
	font-size:1.8em;
	color:#fff;
	padding:15px 25px;
	z-index:99;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	}

.page-article article figure .figcaption-toggle.active {
	padding:10px 35px;
	}

.page-article article figure .figcaption-toggle:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f142";
	display: inline-block;
	-webkit-transition: transform 0.3s ease;                  
	-moz-transition: transform 0.3s ease;                 
	-o-transition: transform 0.3s ease;   
	-ms-transition: transform 0.3s ease;          
	transition: transform 0.3s ease;
	}

.page-article article figure .figcaption-toggle.active:after {
	-webkit-transform: rotate(90deg);
		 -moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			 -o-transform: rotate(90deg);
					transform: rotate(90deg);
	}

.page-article article figure figcaption {font-style:italic;color:#999;padding-top:15px;}

.page-article article figure .figcaption-toggle + figcaption {
	position:absolute;display:none;bottom:0;left:0;padding:25px;color:#fff;
	background-color: rgba(0,0,0,0.5);
	width:100%;
	font-size:1.1em;
	}


.page-article article .video figure a {position:relative;display:block;}
.page-article article .video figure a:before {
	background: rgba(0, 0, 0, 0.1);
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	pointer-events: none;
	-webkit-transition: background 0.3s ease;                  
	-moz-transition: background 0.3s ease;                 
	-o-transition: background 0.3s ease;   
	-ms-transition: background 0.3s ease;          
	transition: background 0.3s ease;
	}

.page-article article .video figure a:hover:before {
	background: rgba(0, 0, 0, 0.25);
	}

.page-article article .video figure a:after {
	position: absolute;
	content: "";
	display: block;
	width: 100px;
	height: 100px;
	background: red;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		 -moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			 -o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
	background: url(../images/icon-play.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	pointer-events: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
	}

.page-article article .video figure a:hover:after {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.15);
		 -moz-transform: translate(-50%, -50%) scale(1.15);
			-ms-transform: translate(-50%, -50%) scale(1.15);
			 -o-transform: translate(-50%, -50%) scale(1.15);
					transform: translate(-50%, -50%) scale(1.15);
	}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.page-article article .text .byline {margin-top:75px;margin-bottom:75px;}
	.page-article article-thumbnail + .text .teaser {margin-top:100px;margin-bottom:30px;}
	}


/*
=======================================================================
	Article Section
=======================================================================
*/

.article-section {margin-top:3rem;margin-bottom:3rem;}
.article-section:first-child {margin-top:0;}
.article-section:last-child {margin-bottom:0;}

.article-section-media {margin-bottom:0!important;}

@media screen and (max-width: 767px) {
	article .fullwidth .container {margin-left:0;margin-right:0;}
	article .fullwidth .container div[class*="col-"] {padding-left:0;padding-right:0;}
	}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.article-section {margin-top:6rem;margin-bottom:6rem;}
	.article-section-media + * {margin-top:3rem;}
	}




/*
=======================================================================
	Article Padded Title
=======================================================================
*/

article .padded-title { 
	position:relative;
	width:80%; 
  padding: 0; 
	margin-top:-26px;
  border-left: 30px solid #fff;
	font-weight:normal;
	}

article .padded-title h1 { 
  background-color: rgba(241,116,49,.5);
  background-color: #fff;
  padding: 0;
  color: #282828; 
  display: inline;
  margin: 0; 
	line-height:normal;
	font-size:24px;
	}
	
article .padded-title h1 strong { 
  position: relative;
  left: -15px; 
	font-weight:400;
	}

article .padded-title-label {
	position:absolute;
	top:-30px;
	left:-30px;
	background: #282828;
	color:#fff;
	text-transform:uppercase;
	padding:4px 12px;
	border-left:5px solid #f17431;
	font-size:0.9em;
	}


@media screen and (min-width: 768px) {
	article .padded-title {margin-top:-29px;padding:0; }
	article .padded-title-label {top:-30px;}
	}
	
@media screen and (min-width: 991px) {
	article .padded-title {margin-top:-31px;padding:0; }
	article .padded-title h1 {font-size:28px;}
	article .padded-title-label {top:-30px;}
	}

@media screen and (min-width: 1200px) {
	article .padded-title {margin-top:-38px;padding: 0;width:80%;}
	article .padded-title h1 {font-size:32px;}
	article .padded-title-label {top:-33px;}
	}


/*@media screen and (min-width: 1400px) {article .padded-title {margin-top:-46px;}}*/

	
/*
=======================================================================
	Article Listelement
=======================================================================
*/

.list article h1 {font-size: 1.2em;font-weight:bold;}
.list article h1 + figure {margin-top:15px;}

.list article figure {
	-webkit-transition: opacity 0.3s ease;                  
	-moz-transition: opacity 0.3s ease;                 
	-o-transition: opacity 0.3s ease;   
	-ms-transition: opacity 0.3s ease;          
	transition: opacity 0.3s ease;
	}

.list .element-image {margin:0 0 30px 0;}
.list .element-text > :last-child {margin-bottom:0;}

body.mode-default .list article a,
body.mode-consumer .list article a {color:#000;}
body.mode-professional .list article a {color:#fff;}

.list article a:hover {text-decoration:none;}
.list article a:hover figure {opacity:0.8;}

.list article p.teaser {font-size:1em;}
.list article p.teaser .fas {color:#f17431;font-size:.75em;margin-left:10px;}


@media screen and (min-width: 768px) {
	.list article h1 {font-size: 1.3em;}
	}
	
@media screen and (min-width: 991px) {
	.list article h1 {font-size: 1.4em;}
	}

@media screen and (min-width: 1200px) {
	.list article h1 {font-size: 28px;}
	}
	


/*
=======================================================================
	Article Listelement large/small
=======================================================================
*/


@media screen and (min-width: 768px) {
	.list .element-article-small-image a {display:table;}
	.list .element-article-small-image a > * {display:table-cell;vertical-align:top;}
	.list .element-article-small-image .element-image {width:40%;}
	.list .element-article-small-image .element-text {width:60%;padding-left:30px;padding-top:30px;}
	}
	
@media screen and (min-width: 991px) {
	.list .element-article-small-image .element-image {width:30%;}
	.list .element-article-small-image .element-text {width:70%;padding-left:30px;padding-top:30px;}
	}

@media screen and (min-width: 1200px) {
	.list .element-article-small-image .element-image {width:33.3%;}
	.list .element-article-small-image .element-text {width:66.6%;padding-left:30px;padding-top:30px;}
	}









/*
=======================================================================
	Article List Header
=======================================================================
*/

.list-header-default {margin-bottom:30px;}
.list-header-default h2 {margin:0;font-size:1.4em;}
.list-header-default .title-sep {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 2px solid #f17431;
	width: 100px;
	margin-left: -50px;
	}

.list-header-fullwidth {
	margin-bottom:30px;
	text-align:center;
	}

.list-header-fullwidth h2 {margin:0;}
.list-header-fullwidth .title-sep {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	border-top: 1px solid #b2b2b2;
	width: 100%;
	}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.list-header-fullwidth .title-sep {margin-bottom:40px;}
	}

/*
=======================================================================
	Article List Footer
=======================================================================
*/

.pagination {margin-top:40px;}
.pagination li {margin: 0 2px;display:inline-block;}
.pagination > li > a {
	width:40px;height:40px;line-height:40px;text-align:center;padding:0;
	-webkit-border-radius: 40px!important;
	-moz-border-radius: 40px!important;
	border-radius: 40px!important;
	}

.pagination>li>a, 
.pagination>li>span {
	border: 1px solid transparent;
	color:#999;
	}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 2;
	color:#f17431;
	border-color: #666;
	cursor: default;
	background:none;
	}
	

/*
=======================================================================
	Custom Listelement Stories
=======================================================================
*/


.list-stories article .element-image-label {
	padding:10px 20px;
	background: #282828;
	color:#fff;
	display:inline-block;
	position:relative;
	transform: translateY(-50%);
	float:right;
	}

.list-stories article .element-image-label:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	display: inline-block;
	margin-left: 10px;
	color: #f17431;
	float:right;
	}


.list-stories .element-image {margin-bottom:0;}
.list-stories article h1 {
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	margin-top:0;
	}



/*
=======================================================================
	Article Inspiration v2 General
=======================================================================
*/

.page-inspiration-v2 .article-header {text-align:center;position:relative;}
.page-inspiration-v2 .article-header-title h1 {}
.page-inspiration-v2 p.teaser {text-align:center;}

.page-inspiration-v2 .byline {display:table;margin: 0 auto;float:none;text-align:center;font-size:0.8em;}
.page-inspiration-v2 .byline-info {}
.page-inspiration-v2 .byline-sep {width:100%;margin-top:4px;margin-bottom:4px;border-bottom:1px solid #cc4e0a;}
.page-inspiration-v2 .byline-author {font-size:1.1em;}
.page-inspiration-v2 .byline-author span {text-transform:uppercase;letter-spacing:2px;}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	article.page-inspiration-v2 .article-header {margin:0;position:relative;}
	article.page-inspiration-v2 .article-header-title {
		margin:0 auto;
		z-index:1;
		position:absolute;
		bottom: 0;
    right: 0;
    left: 0;
		}
	
	article.page-inspiration-v2 .article-header-title::before {
    background-color: #FFFFFF;
    content: "";
    position: absolute;
    top: 33%;
    left: 0;
    right: 0;
    bottom: -1px;
    display: block;
		}
	
	article.page-inspiration-v2 .article-header-title h1 {margin:0;padding:40px;line-height:1.4;
		position: relative;
		background-color: #FFFFFF;
		width: 70%;
		margin: 0 auto;
		display: inline-flex;
		}
	}

@media screen and (min-width: 1200px) {
		article.page-inspiration-v2 .article-header-title h1 {padding: 50px;line-height:1.5;}
	}


/*
=======================================================================
	Bootstrap Article List Double Margin
=======================================================================
*/


@media screen and (min-width: 991px) {
	.container.dm {
		padding-right: 30px;
		padding-left: 30px;
		}
	
	.dm .row {
		margin-right: -30px;
		margin-left: -30px;
		}
	
		.dm .col-lg-1,.dm .col-lg-10,.dm .col-lg-11,.dm .col-lg-12,.dm .col-lg-2,.dm .col-lg-3,.dm .col-lg-4,.dm .col-lg-5,.dm .col-lg-6,.dm .col-lg-7,.dm .col-lg-8,.dm .col-lg-9,.dm .col-md-1,.dm .col-md-10,.dm .col-md-11,.dm .col-md-12,.dm .col-md-2,.dm .col-md-3,.dm .col-md-4,.dm .col-md-5,.dm .col-md-6,.dm .col-md-7,.dm .col-md-8,.dm .col-md-9,.dm .col-sm-1,.dm .col-sm-10,.dm .col-sm-11,.dm .col-sm-12,.dm .col-sm-2,.dm .col-sm-3,.dm .col-sm-4,.dm .col-sm-5,.dm .col-sm-6,.dm .col-sm-7,.dm .col-sm-8,.dm .col-sm-9,.dm .col-xs-1,.dm .col-xs-10,.dm .col-xs-11,.dm .col-xs-12,.dm .col-xs-2,.dm .col-xs-3,.dm .col-xs-4,.dm .col-xs-5,.dm .col-xs-6,.dm .col-xs-7,.dm .col-xs-8,.dm .col-xs-9{position:relative;min-height:1px;padding-right:30px;padding-left:30px}
	}



/*
=======================================================================
	Bootstrap Col Double Double Margin
=======================================================================
*/

@media screen and (min-width: 991px) {
	.margin-double {
		padding-right: 40px;
		padding-left: 40px;
		}
	
	.margin-double .row {
		margin-right: -40px;
		margin-left: -40px;
		}
	
	.margin-double .col-lg-1,.margin-double .col-lg-10,.margin-double .col-lg-11,.margin-double .col-lg-12,.margin-double .col-lg-2,.margin-double .col-lg-3,.margin-double .col-lg-4,.margin-double .col-lg-5,.margin-double .col-lg-6,.margin-double .col-lg-7,.margin-double .col-lg-8,.margin-double .col-lg-9,.margin-double .col-md-1,.margin-double .col-md-10,.margin-double .col-md-11,.margin-double .col-md-12,.margin-double .col-md-2,.margin-double .col-md-3,.margin-double .col-md-4,.margin-double .col-md-5,.margin-double .col-md-6,.margin-double .col-md-7,.margin-double .col-md-8,.margin-double .col-md-9 {position:relative;min-height:1px;padding-right:40px;padding-left:40px}
	}



@media screen and (min-width: 1200px) {
	.margin-double {
		padding-right: 60px;
		padding-left: 60px;
		}
	
	.margin-double .row {
		margin-right: -60px;
		margin-left: -60px;
		}
	
	.margin-double .col-lg-1,.margin-double .col-lg-10,.margin-double .col-lg-11,.margin-double .col-lg-12,.margin-double .col-lg-2,.margin-double .col-lg-3,.margin-double .col-lg-4,.margin-double .col-lg-5,.margin-double .col-lg-6,.margin-double .col-lg-7,.margin-double .col-lg-8,.margin-double .col-lg-9,.margin-double .col-md-1,.margin-double .col-md-10,.margin-double .col-md-11,.margin-double .col-md-12,.margin-double .col-md-2,.margin-double .col-md-3,.margin-double .col-md-4,.margin-double .col-md-5,.margin-double .col-md-6,.margin-double .col-md-7,.margin-double .col-md-8,.margin-double .col-md-9 {position:relative;min-height:1px;padding-right:60px;padding-left:60px}
	}


/*
=======================================================================
	List - Target Last Same Width Row in Grid (Beta)
=======================================================================
*/

.row.list > * {margin-bottom:30px;}

@media (max-width:767px) {
	.row.list > .col-xs-12:nth-child(1n+1):nth-last-child(-n+1),
	.row.list > .col-xs-12:nth-child(1n+1):nth-last-child(-n+1) ~ .col-xs-12,

	.row.list > .col-xs-6:nth-child(2n+1):nth-last-child(-n+2),
	.row.list > .col-xs-6:nth-child(2n+1):nth-last-child(-n+2) ~ .col-xs-6,
	
	.row.list > .col-xs-4:nth-child(3n+1):nth-last-child(-n+3),
	.row.list > .col-xs-4:nth-child(3n+1):nth-last-child(-n+3) ~ .col-xs-4,
	
	.row.list > .col-xs-3:nth-child(4n+1):nth-last-child(-n+4),
	.row.list > .col-xs-3:nth-child(4n+1):nth-last-child(-n+4) ~ .col-xs-3,
	
	.row.list > .col-xs-2:nth-child(6n+1):nth-last-child(-n+6),
	.row.list > .col-xs-2:nth-child(6n+1):nth-last-child(-n+6) ~ .col-xs-2 {
		margin-bottom:0!important;
	}
}

@media (min-width:768px) and (max-width:990px) {

	.row.list > .col-sm-12:nth-child(1n+1):nth-last-child(-n+1),
	.row.list > .col-sm-12:nth-child(1n+1):nth-last-child(-n+1) ~ .col-sm-12,

	.row.list > .col-sm-6:nth-child(2n+1):nth-last-child(-n+2),
	.row.list > .col-sm-6:nth-child(2n+1):nth-last-child(-n+2) ~ .col-sm-6,
	
	.row.list > .col-sm-4:nth-child(3n+1):nth-last-child(-n+3),
	.row.list > .col-sm-4:nth-child(3n+1):nth-last-child(-n+3) ~ .col-sm-4,
	
	.row.list > .col-sm-3:nth-child(4n+1):nth-last-child(-n+4),
	.row.list > .col-sm-3:nth-child(4n+1):nth-last-child(-n+4) ~ .col-sm-3,
	
	.row.list > .col-sm-2:nth-child(6n+1):nth-last-child(-n+6),
	.row.list > .col-sm-2:nth-child(6n+1):nth-last-child(-n+6) ~ .col-sm-2 {
		margin-bottom:0!important;
	}
}

@media (min-width:991px) and (max-width:1199px) {
	.list > * {margin-bottom:50px;}

	.row.list > .col-md-12:nth-child(1n+1):nth-last-child(-n+1),
	.row.list > .col-md-12:nth-child(1n+1):nth-last-child(-n+1) ~ .col-md-12,
	
	.row.list > .col-md-6:nth-child(2n+1):nth-last-child(-n+2),
	.row.list > .col-md-6:nth-child(2n+1):nth-last-child(-n+2) ~ .col-md-6,
	
	.row.list > .col-md-4:nth-child(3n+1):nth-last-child(-n+3),
	.row.list > .col-md-4:nth-child(3n+1):nth-last-child(-n+3) ~ .col-md-4,
	
	.row.list > .col-md-3:nth-child(4n+1):nth-last-child(-n+4),
	.row.list > .col-md-3:nth-child(4n+1):nth-last-child(-n+4) ~ .col-md-3,
	
	.row.list > .col-md-2:nth-child(6n+1):nth-last-child(-n+6),
	.row.list > .col-md-2:nth-child(6n+1):nth-last-child(-n+6) ~ .col-md-2 {
		margin-bottom:0!important;
	}
}

@media (min-width:1200px) {
	.list > * {margin-bottom:60px;}

	.row.list > .col-lg-12:nth-child(1n+1):nth-last-child(-n+1),
	.row.list > .col-lg-12:nth-child(1n+1):nth-last-child(-n+1) ~ .col-lg-12,

	.row.list > .col-lg-6:nth-child(2n+1):nth-last-child(-n+2),
	.row.list > .col-lg-6:nth-child(2n+1):nth-last-child(-n+2) ~ .col-lg-6,
	
	.row.list > .col-lg-4:nth-child(3n+1):nth-last-child(-n+3),
	.row.list > .col-lg-4:nth-child(3n+1):nth-last-child(-n+3) ~ .col-lg-4,
	
	.row.list > .col-lg-3:nth-child(4n+1):nth-last-child(-n+4),
	.row.list > .col-lg-3:nth-child(4n+1):nth-last-child(-n+4) ~ .col-lg-3,
	
	.row.list > .col-lg-2:nth-child(6n+1):nth-last-child(-n+6),
	.row.list > .col-lg-2:nth-child(6n+1):nth-last-child(-n+6) ~ .col-lg-2 {
		margin-bottom:0!important;
	}	
}

.row.list > :last-child {margin-bottom:0!important;}


/*
=======================================================================
	Custom Site Footer
=======================================================================
*/

.site-footer {
	background: #282828;
	color: #757575;
	font-size:1.2em;
    padding-top:40px;
    padding-bottom:40px;
	}

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

.site-footer-section {
	margin-top:40px;
	margin-bottom:40px;
	}	
	
.site-footer .nav-social {color:#bfbfbf;}

.site-footer .nav-social a {
	color: #757575;
	margin-left: 3px!important;
	margin-right: 3px!important;
	display:inline-block!important;
	}

.site-footer .nav-social a:hover {color:#fff;}

.site-footer nav ul {margin:0;padding:0;list-style:none;}
.site-footer nav li {margin:25px 0 0 0;padding:0;}
.site-footer nav li:first-child {margin:0;}
.site-footer nav li a {color:#bfbfbf;border-bottom:2px solid #646464;display:block;padding-bottom:5px;}
.site-footer nav li a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";
	display: inline-block;
	float:right;
	color:#cc4e0a;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   
	-ms-transition: all 0.3s ease;          
	transition: all 0.3s ease;
	margin-right:7px;
	}
	
.site-footer nav li a:hover {text-decoration:none;}
.site-footer nav li a:hover:after {
	margin-right:0;
	}
	
.site-footer-text h1 {color:#fff;font-size:1.1em;text-transform:uppercase;letter-spacing:3px;}
.site-footer-text h1 span {color:#f17431;}
.site-footer-text p {font-size:0.9em;}

@media screen and (max-width: 1199px) {
	.site-footer .nav-social	{margin-top:60px!important;text-align:center;}
	.site-footer .nav-social a {border:0!important;margin:0 3px!important;}
	.site-footer .nav-social a:after {content:""!important;margin-right:0!important}
	}
	
@media screen and (min-width: 768px) {
	.site-footer {font-size:1.2em;}
	.site-footer h1 {letter-spacing:5px;}
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.site-footer {padding-top:40px;padding-bottom:40px;font-size:1.1em;}
	.site-footer nav ul {margin: 0 auto;text-align:center;}
	.site-footer nav ul li {display:inline-block;margin:0;}
	.site-footer nav ul li a {border-bottom:0;margin:15px;}
	.site-footer nav ul li a:after {display:none;}

	.site-footer-text h1 {letter-spacing:10px;}
	}


/*
=======================================================================
	Custom Language Selector
=======================================================================
*/

.language-selector {margin: 0 auto;display:table;}
.language-selector button {background:none;color:#bfbfbf;border:0;}
.language-selector button:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f0ac";
	margin-left: 10px;
	display: inline-block;
	}

.language-selector button[aria-expanded="true"]:after {
    content: "\f00d";
    }

.language-selector .dropdown-menu {
    background: #282828;
    font-size:16px;
    padding: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    }


.language-selector .dropdown-menu a {
    color:#fff;    
    }

.language-selector .dropdown-menu a:hover {
    background-color: #bfbfbf;
    color:#282828;
    }

/*
=======================================================================
	Find your retailer (intro)
=======================================================================
*/

body.mode-professional .page-section-contacts-intro {background: #383836!important;}

	
/*
=======================================================================
	Facets Retailers / Contact
=======================================================================
*/
	
.facets-results-header {
	margin-top:30px;
	margin-bottom:15px;
	display:table;
	width:100%;
	border-bottom: 1px solid #dadada;
	}

.facets-results-header > * {
	display:table-cell;
	vertical-align:middle;
	}

.facets-results-header h2 {font-size:1.3em;font-weight:400;display:inline-block;margin:0;padding:0;}

.facets-results-header ul.facets-results-header-view {
	margin:0 -12px 0 0;
	padding:0;
	list-style:none;
	float:right;
	}

ul.facets-results-header-view li {display:inline-block;float:left;}
ul.facets-results-header-view li a {margin:12px;display:block;}

body.mode-default ul.facets-results-header-view li a,
body.mode-consumer ul.facets-results-header-view li a {color:#333;}
body.mode-professional ul.facets-results-header-view li a {color:#fff;}

body.mode-default ul.facets-results-header-view li.active a
body.mode-consumer ul.facets-results-header-view li.active a {border-bottom: 1px solid #333;}
body.mode-professional ul.facets-results-header-view li.active a {border-bottom: 1px solid #fff;}

ul.facets-results-header-view li a:hover,
ul.facets-results-header-view li a:focus {text-decoration:none;border-bottom: 1px solid #333;}
ul.facets-results-header-view li a:before {
	font-family: "Font Awesome 5 Pro";
	margin-right: 6px;
	display: inline-block;
	}
ul.facets-results-header-view .facets-results-header-view-grid:before {content: "\f009";}
ul.facets-results-header-view .facets-results-header-view-list:before {content: "\f0c9";}

.find-contact-facets .facet {margin-bottom:10px;}
.find-contact-facets .facet:last-child {margin-bottom:o;}

.find-contact-facets .facet a {
	padding:12px 20px;
	background: #282828;
	color:#fff;	
	display:block;
	text-transform:uppercase;
	}

body.mode-default .find-contact-facets .facet a,
body.mode-consumer .find-contact-facets .facet a {
	background: #282828;
	color:#fff;	
	}
	
body.mode-professional .find-contact-facets .facet a {
	background: #fff;
	color:#282828;	
	}



.find-contact-facets .facet a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	margin-left: 10px;
	display: inline-block;
	float:right;
	font-weight:100;
	}

/*
.pagemode-consumer .find-retailer-facets .facet a[aria-expanded="true"] {background: #999;}
.pagemode-professional .find-retailer-facets .facet a[aria-expanded="true"] {background: #fff;}
*/

.find-contact-facets .facet a[aria-expanded="true"]:after {
	content: "\f00d";	
	}

.find-contact-facets .facet .collapse-content {
	padding:20px;
	}

.find-contact-facets .facet .collapse-content label {
	font-weight:normal;
	}

.find-contact-facets .facet .collapse-content.no-padding {padding:0;}
.find-contact-facets .facet .collapse-content.no-padding img {width:100%;} /* Prototype purposes */


.find-contact-facets .facet .facets-list {margin:0;padding:0;list-style:none;}
.find-contact-facets .facet .facets-list input[type=checkbox]:checked + label,
.find-contact-facets .facet .facets-list input[type=radio]:checked + label {font-weight:bold;}
.find-contact-facets + .bttn-refresh {margin-top:30px;margin-bottom:30px;}
	
.facets-results.list > * {
	margin-bottom:0;
	}
	
	
.facet-icon-legend {padding:10px 15px;background: #f3f3f3;margin-top:3rem;}
.facet-icon-legend a {color:#333;display:block;}
.facet-icon-legend a:hover,
.facet-icon-legend a:focus {text-decoration:none;}
.facet-icon-legend a h2:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	display: inline-block;
	float:right;
	font-weight:100;
	-webkit-transition: transform 0.5s ease;
	-moz-transition: transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	-ms-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	}
.facet-icon-legend a[aria-expanded="false"] h2:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	}
.facet-icon-legend a h2 {margin:0;font-size:2.5rem;font-weight:bold;}
#facet-icon-content {}
.facet-icon-content-wrapper {border-top:1px solid #666;padding-top:1rem;margin-top:1rem;}

/*/
.pagemode-consumer .facet-icon-legend {background: #f7f7f7;}
.pagemode-professional .facet-icon-legend {background: #282828;}
*/

.facet-icon-legend td {padding-top:5px;padding-bottom:5px;vertical-align:top;}

body.mode-default .facet-icon-legend td:last-child,
body.mode-consumer .facet-icon-legend td:last-child {color:#000;}
body.mode-professional .facet-icon-legend td:last-child {color:#000;}

.facet-icon-legend tr > td {padding-right:10px;font-style:italic;}
.facet-icon-legend .facet-icon1 {color:#3598db;}
.facet-icon-legend .facet-icon2 {color:#f8dd06;}
.facet-icon-legend .facet-icon3 {color:#2a8415;}
.facet-icon-legend .facet-icon4 {color:#ed6b06;}
.facet-icon-legend .facet-icon5 {color:#9d9d9d;}


@media screen and (max-width: 767px) {
	.facet-icon-legend {display:none;}
	}
	
@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}
	
@media screen and (min-width: 1200px) {
	
	.find-contact-facets .contact-facet-map {margin-bottom:30px;}
	.find-contact-facets .contact-facet-map .facet > a {text-align:center;}
	.find-contact-facets .contact-facet-map .facet > a:after {float:none;}

	.facets-results-header h2 {font-size:1.5em;}

	.facet-icon-legend {padding:25px 30px;}
	}
	

/*
=======================================================================
	Universal Filter Controls
=======================================================================
*/

.universal-filter-control {background: #282828;padding:1.25rem;width:100%;}
.universal-filter-control a {padding:.7rem 1.5rem;display:inline-block;}

.universal-filter-control-primary{float:left;}
.universal-filter-control-secondary{float:right;}

.universal-filter-control	[class*="bttn-"] {color:#fff;}
.universal-filter-control .universal-filter-control-secondary a {border:1px solid #fff;font-style:italic;font-size:0.8em;}
.universal-filter-control .universal-filter-control-secondary a:focus,
.universal-filter-control .universal-filter-control-secondary a:hover {;text-decoration:none;}

.universal-filter-control .universal-filter-control-secondary a.bttn-clear:hover,
.universal-filter-control .universal-filter-control-secondary a.bttn-clear:focus {background: #fff;color:#282828;}

.universal-filter-control .universal-filter-control-secondary a.bttn-apply:hover,
.universal-filter-control .universal-filter-control-secondary a.bttn-apply:focus {background: #ce5a00;border-color:#ce5a00;}


.universal-filter-control .bttn-filter {position:relative;padding-left:37px;text-transform:uppercase;}
.universal-filter-control .bttn-filter:before {
	position:absolute;
	left:10px;
	font-family: "Font Awesome 5 Pro";
	content: "\f1de";
	display: inline-block;
	}

.universal-filter-control .bttn-filter[aria-expanded="true"]:before {content: "\f00d";}
.universal-filter-facets-wrapper {	padding:1.5rem;background: #f3f3f3;}

.universal-filter-footer {text-align:right;}
.universal-filter-footer > a {padding: .7rem 1.5rem;display:inline-block;color:#fff;font-style:italic;}
.universal-filter-footer > a:hover,
.universal-filter-footer > a:focus {text-decoration:none;color:#fff;}
.universal-filter-footer .bttn-clear {background: #000;}
.universal-filter-footer .bttn-apply {background: #eb6a06;}
.universal-filter-footer .bttn-apply:hover {background: #ce5a00;}



@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}
	
@media screen and (min-width: 1200px) {
	}


/*
=======================================================================
	Universal Filter Slide In
=======================================================================
*/


.universal-filter-slidein a {
	background: #282828;
	color: #fff;
	padding: 12px 20px;
	background: #282828;
	display: block;
	text-transform: uppercase;
	}

.universal-filter-slidein a:hover,
.universal-filter-slidein a:focus {
	color: #fff;
	}

.universal-filter-slidein a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f1de";
	display: inline-block;
	margin-right:10px;
	}

.slidein {
	position:fixed;
	top:0;
	left:-100%;
	z-index:1000999999;
	width:300px;
	height:100%;
	overflow-y: auto;
	background: #fff;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	}

.slidein .bttn-filter:before {
	position: absolute;
	left: 10px;
	font-family: "Font Awesome 5 Pro";
	content: "\f00d";
	display: inline-block;
	}

.slidein.active {
	left:0;
	}

.slidein-overlay {
	visibility:hidden;
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.8);
	opacity:0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
	}
	
.slidein.active + .slidein-overlay {
	visibility: visible;
	opacity:1;
	}


/*
=======================================================================
	Universal Filter - Retailers
=======================================================================
*/

.facet-list-boenpartners label .facet-title:before,
.facet-list-showroom label .facet-title:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f041";
	margin-right:10px;
	font-weight:bold;
	}

.facet-list-boenpartners label .facet-title:before {content: "\f041";}
.facet-list-showroom label .facet-title:before {content: "\f3c5";}

.facet-list-boenpartners label[for="distributor"] .facet-title:before,
.facet-list-boenpartners label[for="distributor1"] .facet-title:before {color:#2a8415;}
.facet-list-boenpartners label[for="parquetlayer"] .facet-title:before,
.facet-list-boenpartners label[for="parquetlayer1"] .facet-title:before {color:#f8dd06;}
.facet-list-boenpartners label[for="retailer"] .facet-title:before,
.facet-list-boenpartners label[for="retailer1"] .facet-title:before {color:#3598db;}
.facet-list-showroom label[for="showroom"] .facet-title:before,
.facet-list-showroom label[for="showroom1"] .facet-title:before {color:#9d9d9d;}


/*
=======================================================================
	Facets Search
=======================================================================
*/

.facet-search {display:table;width:100%;border: 1px solid #CCC;}
.facet-search > div {
	display:table-cell;
	box-sizing: border-box;
	width: 100%;
	}
.facet-search input[type="text"] {border:0;height:50px;line-height:50px;padding-left:15px;padding-right:15px;width:100%;}
.facet-search button {background:#fff;border:0;width:50px;height:50px;}

	
/*
=======================================================================
	Facets Result - Contact / Retailer
=======================================================================
*/
	
.facets-results-list .listelement {margin-bottom:10px!important;}
.facets-results-grid .listelement {margin-bottom:30px!important;}
	
.contact {
	border-bottom:1px solid #666;
	position:relative;
	}
	
.contact > a {
	display:block;
	color:#666;
	padding-bottom:5px;
	padding-left:20px;
	font-size:1.1em;
	font-weight:bold;
	}

.facets-results-list .contact > a {padding-right:25px;}

body.mode-default .contact > a,
body.mode-consumer .contact > a {color:#666;}
body.mode-professional .contact > a {color:#fff;}

.contact > a:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f078";
	position:absolute;
	right:0;
	top:0;
	margin-left: 10px;
	display: inline-block;
	float:right;
	font-weight:100;
	}

/* Retailer map pin */
/*.contact > a {padding-left:30px;}*/
.contact > a:before {
	font-family: "Font Awesome 5 Pro";
	content: "\f041";
	position:absolute;
	left:0;
	display:inline-block;
	font-weight:bold;
	}

/* Retailer type */
.contact.type-retailer > a:before {color:#3498db;}
.contact.type-retailer.type-style-partner > a:before {color:#3498db;content:"\f3c5"!important;}

.contact.type-parquetlayer > a:before {color:#f5dc22;}
.contact.type-parquetlayer.type-style-partner > a:before {color:#f5dc22;content:"\f3c5"!important;}

.contact.type-distributor > a:before {color:#706f6e;}
.contact.type-distributor.type-style-partner > a:before {color:#2a8415;content:"\f3c5"!important;}

.contact.type-style-partner > a:before {color:#ed6b06}
	
.contact {border: 1px solid transparent;	border-bottom:1px solid #666;}


.contact > a[aria-expanded="true"]:after {
	content: "\f00d";
	}

.contact .contact-info {
	padding:0 0 10px 0;
	}

.contact .contact-info a {
	padding:3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.contact .contact-info a:hover {
	background-color: #cc4e0a;
	box-shadow: #cc4e0a -5px 0px 0px 0px, #cc4e0a 5px 0px 0px 0px;
	color:#fff;
	text-decoration:none;
	}

.contact .contact-info > * {
	display:block;
	margin-top:3px;
	padding-left:20px;
	}

.contact .contact-info a:before,
.contact .contact-info span:before {
	font-family: "Font Awesome 5 Pro";
	margin-right:10px;
	display:inline-block;
	font-weight:100;
	}

.contact-info .map-link {margin-bottom:10px;}
.contact-info .map-link a:before {content: "\f041";}
.contact-info .phone-link a:before {content: "\f3ce";}
.contact-info .mail-link a:before {content: "\f0e0";}
.contact-info .web-link a:before {content: "\f0c1";}
.contact-info .fax-link a:before {content: "\f1ac";}

.contact-info .mail-link,
.contact-info .web-link {display:inline-block;}


@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	.contact > a,
	.contact .contact-info > * {padding-left:25px;}
	}

/*
=======================================================================
	Facets Result - Contact / Retailer GRID VIEW
=======================================================================
*/

.facets-results-grid .listelement .contact {border-bottom:0;}
.facets-results-grid .listelement .contact > a {pointer-events:none;}
.facets-results-grid .listelement .contact > a:after {display: none;}
.facets-results-grid .listelement .contact > a:hover {cursor:text;}
.facets-results-grid .listelement .contact .contact-info {padding: 0 0 15px 0;}

.facets-results-grid .listelement a[role="button"] {position:relative;z-index:1;}

body.mode-default, .facets-results-grid .listelement a[role="button"],
body.mode-consumer .facets-results-grid .listelement a[role="button"] {background: #fff;}
body.mode-professional .facets-results-grid .listelement a[role="button"] {background: #383836;}

.facets-results-grid .listelement .contact.type-style-partner{border-bottom:none;}
.facets-results-grid .listelement .contact.type-style-partner:after {
	position:absolute;
	top:0;
	left:5px;
	z-index:0;
	content:"";
	width:2px;
	height:100%;
	background: #cc4e0a;	
	}

.facets-results-grid .listelement .contact.type-style-partner:before {
	position:absolute;
	bottom:0;
	left:5px;
	z-index:0;
	content:"";
	height:2px;
	width:90%;
	background: #cc4e0a;	
	}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}
	
	
/*
=======================================================================
	Custom Buttons
=======================================================================
*/

.bttn {
	padding:12px 20px;
	border: 2px solid #282828;
	color:#282828;
	display:inline-block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.8em;
	background:none;
	}

/*
body.mode-default .bttn-default,
body.mode-consumer .bttn-default {border-color:#282828;}
body.mode-professional .bttn-default {border-color:#ffffff;color:#fff;}

body.mode-default .bttn-default:hover,
body.mode-default .bttn-default:focus,
body.mode-consumer .bttn-default:hover,
body.mode-consumer .bttn-default:focus {
	color:#282828;
	text-decoration:none;
	background: #282828;
	color:#fff;
	}

body.mode-professional .bttn-default:hover,
body.mode-professional .bttn-default:focus {
	color:#fff;
	text-decoration:none;
	background: #fff;
	color:#282828;
	}
*/

/* Solid button */
.bttn-solid {
	background: #f17431;
    border-color:#f17431;
	color:#fff;
	}

/*
body.mode-default .bttn-solid,
body.mode-consumer .bttn-solid {background: #282828;color:#fff;}
body.mode-professional .bttn-solid {background: #fff;color:#282828;}
*/

.bttn-solid:hover,
.bttn-solid:focus {
    background: #282828;
    border-color: #282828;
	color:#fff;
	}

.bttn-solid:hover:after,
.bttn-solid:focus:after {
	color:#fff;
	}



/* Small button */
.bttn-small {
	padding:10px 20px;
	font-size:0.8em;
	}
	
	
/* Button with arrow */
.bttn-arrow:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";	
	display:inline-block;
	margin-left:10px;
	color:#f17431;
	}
	
	
	
.bttn-small-arrow-link:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f061";	
	display:inline-block;
	color:#f17431;
	font-size:0.8em;
	}	
	


@media screen and (min-width: 768px) {
	.bttn-default {font-size:1em;}
	.bttn-small {font-size:.8em;}
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
    .bttn {padding: 15px 30px;}
    }


/*
=======================================================================
	Custom Button Icons
=======================================================================
*/

.bttn-refresh:after {
	font-family: "Font Awesome 5 Pro";
	content: "\f021";
	display:inline-block;
	margin-left:10px;
	-webkit-transition: transform 0.3s ease;                  
	-moz-transition: transform 0.3s ease;                 
	-o-transition: transform 0.3s ease;   
	-ms-transition: transform 0.3s ease;          
	transition: transform 0.3s ease;
	}

.bttn-refresh:hover:after {
	-webkit-transform: rotate(180deg);
		 -moz-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			 -o-transform: rotate(180deg);
					transform: rotate(180deg);
	}



/*
=======================================================================
	Custom Links
=======================================================================
*/

.text-link {text-decoration:underline;}


/*
=======================================================================
	Product Page
=======================================================================
*/

/* Page Section */

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

/* Product Gallery */

.product-gallery a {position:relative;}
.product-gallery a:after {
	position:absolute;
	bottom:15px;
	right:15px;
	font-family: "Font Awesome 5 Pro";
	color:#fff;
	content: "\f00e";
	font-weight:100;
	display:inline-block;
	pointer-events:none;
	}


.product-gallery {
	margin:-1.5%;
	}

.product-gallery a {
	display:block;
	margin: 1.5%;
	}

.product-gallery a:not(:first-child) {
	width:30.3%;
	float:left;
	}




/* Product Title */

.product-title h1 {text-align:center;}


/* Product Config */

.product-floor-config {}
.product-floor-config .product-property.active figure {position:relative;}
.product-floor-config .product-property.active figure:before,
.product-floor-config .product-property.active figure:after {
	font-family: "Font Awesome 5 Pro";	
	position:absolute;top:0;
	right:0;
	}

.product-floor-config .product-property.active figure:before {color:#fff;content: "\f111";font-weight:bold;font-size:1.5em;pointer-events:none;}
.product-floor-config .product-property.active figure:after {color:#76ad1b;content: "\f058";font-weight:bold;font-size:1.5em;pointer-events:none;}


/* Product Floorstudio */




/* Product Properties */

.product-properties > * {margin-bottom:30px;}
.product-properties > :last-child {margin-bottom:0;}

.product-property {width:250px;float:left;margin-right:60px;}
.product-property > * {float:left;width:50%;}
.product-property figure {float:left;width:125px;position:relative;}
.product-property:last-child {margin-right:0;}

.product-property figure:before,
.product-property figure:after {
	font-family: "Font Awesome 5 Pro";	
	position:absolute;top:-10px;
	right:-10px;
	}

.product-property.active figure:before {color:#fff;content: "\f111";font-weight:bold;font-size:1.5em;pointer-events:none;}
.product-property.active figure:after {color:#76ad1b;content: "\f058";font-weight:bold;font-size:1.5em;pointer-events:none;}

.product-property-info {padding-left:15px;}
.product-property-info h3 {margin-top:0;font-weight: 350;font-style:italic;font-size:1.2em;}
.product-property-info p {font-weight:bold;font-size:1.2em;}


/* Technical Data */

.product-technical-data table th {color:#666;font-weight:500;}
.product-technical-data table td {color:#333;font-weight:bold;}

.product-technical-data tr > :first-of-type {padding-left:0;}

.product-technical-data tr th {font-weight:normal;}
.product-technical-data tr td {font-weight:bold;}

.product-technical-data tr th,
.product-technical-data tr td {border:0!important;}




/* CTA */

.product-cta .bttn {
	background: #282828;
	color:#fff;
	letter-spacing: 1px;
	width:100%;
	}
	
.product-cta .bttn:first-child {margin-left:0;}
.product-cta .bttn:last-child {margin-right:0;}

.product-cta .bttn:after {
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	float:right;
	color:#cc4e0a;
	}

.product-cta .bttn-request:after {content: "\f061";}
.product-cta .bttn-pdf:after {content: "\f15c";}




@media screen and (min-width: 768px) {
	.product-gallery a:not(:first-child) {width:17%;}

	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}












/*
=======================================================================
	Magnific Popup
=======================================================================
*/

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -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;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}



/*
=======================================================================
	Custom Form / Custom Checkbox and Radio
=======================================================================
*/

label:hover {cursor:pointer;}

input[type="radio"] + label,
input[type="checkbox"] + label {margin-left: 0;}

.radio,
.checkbox {margin-top:0;padding-left:0;}

.radio label,
.checkbox label {position:relative;margin-right:1rem;}

.radio .field label,
.checkbox .field label {padding-left:0;}

.radio, .checkbox {margin-bottom:0.5rem;}
.radio:last-of-type, .checkbox:last-of-type {margin-bottom:0;}

/* Checkbox */
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
	font-family: "Font Awesome 5 Pro";
  display: inline-block;
	content: "\f0c8";
	font-weight:normal;
	margin-right:10px;
	}

input[type=checkbox]:checked + label:before { content: "\f14a"; } /* checked icon */


/* Radio */
input[type=radio] { display:none; } /* to hide the checkbox itself */
input[type=radio] + label:before {
	font-family: "Font Awesome 5 Pro";
  display: inline-block;
	content: "\f111";
	font-weight:normal;
	margin-right:10px;
	}

input[type=radio]:checked + label:before { content: "\f058"; } /* checked icon */



/*
=======================================================================
	Accordion
=======================================================================
*/

.panel-group .panel {border:0;}
.panel-group .panel-default>.panel-heading {
	background:none;
	padding-left:0;
	padding-right:0;
	font-weight:bold;
	border-bottom: 1px solid #333;
	}

.panel-heading a {display:block;}
.panel-heading a:after {
	font-family: "Font Awesome 5 Pro";
  display: inline-block;
	float:right;
	font-weight:lighter;
	}

.panel-heading a[aria-expanded="true"]:after {content: "\f00d";}
.panel-heading a[aria-expanded="false"]:after {content: "\f078";}



.panel-group .panel-default>.panel-heading a {color:#333;}

.panel-group .panel-default .panel-body {padding:15px 0;}


/*
=======================================================================
	Employee
=======================================================================
*/


.element-employee {
	
	}

@media screen and (min-width: 768px) {
	}
	
@media screen and (min-width: 991px) {
	}

@media screen and (min-width: 1200px) {
	}


/*
=======================================================================
	Prototype info
=======================================================================
*/

.prototype-info {
	padding:25px 50px;
	background: #c13232;
	color:#fff;
	font-size: 30px;
	font-weight:bold;
	text-align:center;
	}


/*
=======================================================================
	Floorfinder result
=======================================================================
*/

.facets-results-header-floorfinder {
	background: #282828;
	padding: 1.25rem;
	width: 100%;
	color:#fff;
	margin-top:0;
	margin-bottom:2.5rem;
	font-size:1.25rem;
	}


.floorfinder-result .listelement a {color:#000;}
.floorfinder-result .listelement figure img {width:100%;}
.floorfinder-result .listelement h1 {margin:1rem 0 0 0;font-weight:600;font-size:1em;}

@media screen and (min-width: 768px) {
	.floorfinder-result .listelement h1 {font-size:.8em;}
	}
	
@media screen and (min-width: 991px) {
	.floorfinder-result .listelement h1 {font-size:1em;}
	}

@media screen and (min-width: 1200px) {
	.floorfinder-result .listelement h1 {font-size:1em;}
	}


/*
=======================================================================
	Custom Login Form
=======================================================================
*/

@media screen and (min-width: 768px) {
	
	}
	
@media screen and (min-width: 991px) {
	
	}

@media screen and (min-width: 1200px) {
	
	}