p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
	padding: 0;
	margin: 0;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('fonts/robotocondensed-bold-webfont.eot');
    src: url('fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-bold-webfont.woff') format('woff'),
         url('fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
/**************************
	Général
***************************/
.clear	{
	clear: both;
}
.afclear:after	{
	display: block;
	content:"";
	clear: both;
}
hr.clear	{
	visibility: hidden;
}
.hide	{
	position: absolute;
	left: -10000px;
}
.no-display	{
	display: none;
}
.p-right	{
	text-align: right;
}
.p-center	{
	text-align: center;
}


/**************************
	Interface
***************************/
html {
	height: 100%;
	font-size: 62.5%;
	overflow-x: hidden;
}

body{
	font-family: "roboto_condensedlight", "open_sansregular", arial, sans-serif;
	color: #102e49;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
}

#page{
	/*width: 940px;
	margin: 0 auto;*/
}
body.connected #page{
	padding-top: 100px;
	z-index: 100;
}

#page section,
#page .inneral{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*body.home #page section{
	max-width: 960px;
}*/
#page section.w100{
	max-width: 100%;
}
#page hr{
	border: 0;
	height: 1px;
	background: #E5E5E5;
}




/**************************
	Header
***************************/


header{
	position: relative;
	padding-top: 14px;
}
header #logo a{
	display: block;
	width: 185px;
	height: 70px;
	background: url(../img/theme/smart/logo.png) no-repeat 0 0;
	margin: 0 0 16px;
	padding: 0;
}

/* smart screen */
header .nav-bg{
	background: #0F304B;
	height: 48px;
	width:100%;
	position: relative;
	z-index: 50;

}
header button.nav{
	position: absolute;
	left: 20px;
	top: 0;
	margin: 0;
	padding: 0;
	border: 0;
	background: url("/img/theme/smart/nav-min.png") no-repeat 0 50%;
	width: 48px;
	height: 48px;
	z-index: 60;
	cursor: pointer;
}

header nav{
	background: #0F304B;
	position: relative;
	display: none;
}
header nav.min{
	background: #133d60;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 30;
	width: 100%;
	padding: 10px 0;
	display: none;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.7);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.7);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.7);
}
header nav.min.is_active{
	display: block;
}
header nav ul{
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 600;
}
header a{
	text-decoration: none;
}
header nav ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
header nav ul li a {
	color: #fff;
	display: block;
	padding: 16px 0 0;
	min-height: 32px;
	font-family: 'roboto_condensedlight', arial, sans-serif;
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
}
header nav ul li a .fa {
	font-size:25px;
	vertical-align: middle;
	font-family: 'FontAwesome';
}
header nav.min ul li a{
	padding: 16px 8px 0;
}
header nav.min ul li a:hover{
	background: #008BCA;
}


/* Lang */
header ul#langs{
	position: absolute;
	right: 0;
	margin-left: -50px;
	top: 0;
	width: 50px;
	height: 50px;
	text-align: center;
}
header ul#langs li{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

header ul#langs li.disabled{
	z-index: 0;
}
header ul#langs li a{
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-family: "roboto_condensedbold", arial, sans-serif;
	text-transform: uppercase;
	background: none;
	text-align: center;
	background-color: #FAB818;
}

header ul#langs li.disabled a{
	background: #FAB818 url("/img/theme/arrow-6.png") no-repeat 50% 80%;
	line-height: 30px;
}

/*simple-search*/
body header .simple-search{
	height: 50px;
    left: 50%;
    position: absolute;
    text-align: left;
    top: 0;
	margin-left: 190px;
    width: 220px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body header .simple-search label{
	display: block;
    margin-top: -30px;
	height: 30px;
}
body header .simple-search input[type='text']{
	height: 48px;
    width: 150px;
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 0 50px 0 10px;
	font-family: "roboto_condensedbold",arial,sans-serif;
    color: #102e49;
}
body header .simple-search input[type='submit'],
body header .simple-search input[type='submit']:hover{
	height: 50px;
    width: 50px;
	/*border: 1px solid #e6e6e6;*/
	border: 0;
	background: url("/img/theme/arrow-10.png") no-repeat 50% 50%;
	padding: 0;
	text-indent: 1000px;
	margin: -50px;
	cursor: pointer;
}




/* Login */
a.login{
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	text-transform: uppercase;
	font-family: "roboto_condensedbold", arial, sans-serif;
	background: #008BCA url("/img/theme/login-ico.png") no-repeat 10px 50%;
	height: 48px;
	padding-left: 48px;
	z-index: 800;
}
a.login span{
	position: absolute;
	left: -10000px;
}
a.login.logged{
	background: #008BCA url("/img/theme/login-ico.png") no-repeat 10px 50%;
}


/*************************
	    	HOME
**************************/

/* --- Slider --- */
#page section.slider{
	background: #000000;
	padding: 0;
	overflow: hidden;
	position: relative;
}
section.slider h2 a{
	color: #fff;
	font-family: "roboto_condensedlight", arial, sans-serif;
}
section.slider ul{
	overflow: hidden;
	margin: 0;
}
section.slider ul li{
	list-style: none;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0;
	padding: 10px;
	float: left;
	display: block;
	height: 200px;
}
section.slider ul li .inner-slide{
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
}
section.slider ul li p{
	color: #fff;
}
section.slider ul li a.more{
	display: inline-block;
	margin: 10px 0;
	color: #fab818;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	background: url("/img/theme/arrow-1.png") no-repeat 100% 50%;
	padding-right: 28px;
	text-decoration: none;
}

section.slider #paginate{
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 10px;
	text-align: center;
}
section.slider #paginate a{
	display: inline-block;
	margin: 0 5px 5px;
	width: 48px;
	height: 6px;
	background: #001D35;
}

section.slider #paginate a.selected,
section.slider #paginate a:hover{
	background: #FAB817;
}


/* --- Product --- */



#page section.cta-product{
	position: relative;
	font-family: "roboto_condensedbold", arial, sans-serif;
	padding: 0;
}

section.cta-product h1{
	background: #0F304B;
}

section.cta-product h1 a{
	display: block;
	padding-right: 35px;
	background: url("/img/theme/arrow-2.png") no-repeat 90% 75%;
	padding: 16px 10px 0 10px;
	min-height: 32px;
	color: #fff;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
section.cta-product ul {
	margin: 0;
}
section.cta-product ul li {
	list-style: none;
	margin: 0;
	background: 0;
}
section.cta-product ul li a {
	display: block;
	padding: 16px 10px 0 10px;
	height: 32px;
	color: #fff;
	font-family: "roboto_condensedregular", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*background: #FBCB37;*/
}
/*section.cta-product ul li:nth-child(even) a{
	background: #0092CB;
}*/
section.cta-product ul li.led {
	background: #a7ce39;
}
section.cta-product ul li.hvac {
	background: #faa61a;
}
section.cta-product ul li.domotic {
	background: #0093d1;
}
section.cta-product ul li.knx {
	background: #271d62;
}
section.cta-product ul li.automation {
	background: #b72126;
}

section.cta-product ul li a strong{
	font-weight: normal;
}


/* --- About --- */
section.about h1 a{
	color: #102e49;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
}
section.about h1 a:hover{
	text-decoration: none;
}
section.about p{
	color: #102e49;
	font-family: "open_sanslight", arial, sans-serif;
}


/* --- CTA Tool --- */
section.tool {
	background: #008CC8;
}
section.tool h1 a{
	color: #fff;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
section.tool p{
	font-family: "open_sanslight", arial, sans-serif;
	color: #fff;
}
section.tool a.start{
	display: inline-block;
	font-family: "roboto_condensedregular", arial, sans-serif;
	color: #fff;
	padding-right: 35px;
	background: url("/img/theme/arrow-3.png") no-repeat 100% 0;
	text-transform: uppercase;
	text-decoration: none;
	margin: 10px 0;
}

/* --- Search Box --- */
section.search{
	background: #0F304B;
}
section.search h1 {
	color: #fff;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
}
section.search p{
	font-family: "open_sanslight", arial, sans-serif;
	color: #fff;
	margin: 0 0 12px;
}
section.search form{
	padding: 20px 0;
}
section.search label{
	color: #fff;
	display: block;
}
label.custom-select {
    position: relative;
    display: inline-block;
	background: #102E4A;
}
section.search input[type=text],
section.search select,
.customSelect{
	border: 1px solid #4C6986;
	background: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	max-width: 450px;
	padding: 10px 15px;
	color: #fff;
	font-family: "open_sansregular", arial, sans-serif;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 14px;
	font-size: 1.4rem;
}
section.search select{
	color: #fff;
	background: #0F304B;
}
section.search select option{
	padding: 3px;
}
section.search select option:hover{
	background: #008BCA;
}
.customSelect{
	background: url("/img/theme/arrow-4.png") no-repeat 98% 50%;
	padding-right: 25px;
}
.customSelect.customSelectOpen {

}
.customSelectInner {
	background: none;
}




section.search input[type="submit"]{
	border: 0;
	background: 0;
	font-family: "open_sanslight", arial, sans-serif;
	color: #fab818;
	padding-right: 35px;
	background: url("/img/theme/arrow-9.png") no-repeat 100% 18px;
	text-transform: uppercase;
	margin: 10px 0;
	font-size: 20px;
	font-size: 2.0rem;
}
section.search input[type="submit"]:hover{
	color: #1997CD;
	border: 0;
	background-color: transparent;
	background: url("/img/theme/arrow-9.png") no-repeat 100% -71px;
}


















/* --- Quality --- */
section.quality > ul {
	text-align: center;
	margin: 0;
}
section.quality > ul >li{
	display: inline-block;
	max-width: 300px;
	width: 100%;
	margin: 0;
	background: none;
	padding: 20px 10px;
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #102e49;
	vertical-align: top;
}

section.quality ul li h2 {
	margin-bottom: 8px;
}
section.quality ul li h2 a{
	color: #102e49;
	font-family: "roboto_condensedregular", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
section.quality ul li h2 a strong{
	display: block;
	font-weight: normal;
	font-family: "roboto_condensedlight", arial, sans-serif;
	color: #008cc8;
}
section.quality ul li p{
	font-family: "open_sanslight", arial, sans-serif;
	/*color: #102e49;*/
	margin: 0 0 8px;
}
section.quality ul li ul{
	margin: 0;
	padding: 0;
}
section.quality ul li ul li{
	font-family: "open_sanslight", arial, sans-serif;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
}


/*************************
		GENERAL
**************************/
section.content h1{
	color: #102e49;
	font-family: "roboto_condensedlight", arial, sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	text-transform: uppercase;
	text-decoration: underline;
	margin: 10px 0 12px;
}
section.content h2{
	color: #008cc8;
	font-family: "roboto_condensedlight", arial, sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	text-transform: uppercase;
	margin: 8px 0 10px;
}
section.content h3{
	color: #102e49;
	text-transform: uppercase;
	font-family: "roboto_condensedbold", arial, sans-serif;
	margin: 8px 0 8px;
}
section.content h4{
	font-family: "roboto_condensedregular", arial, sans-serif;
	color: #102e49;
	text-transform: uppercase;
	margin: 6px 0 6px;
}
section.content p{
	margin: 12px 0;
	line-height: 120%;
	font-size: 16px;
	font-size: 1.6rem;
}
section.content ol,
section.content ul{
	margin: 16px 0 16px 12px;
}
section.content ol li,
section.content ul li{
	margin: 4px 0;
	padding-left: 20px;
	background: url("/img/theme/puce-1.png") no-repeat 0 8px;
	list-style-type: none;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 120%;
}
section.content ol{
	margin-left: 0;
}
section.content ol li{
	background: none;
	list-style-type: number;
	list-style-position: inside;
	padding-left: 0;
}
section.content a{
	color: #008cc8;
	text-decoration: underline;
}
section.content a:hover{
	text-decoration: none;
}
section.content .img-right{
	float: right;
	margin: 0 0 12px 12px;
}
section.content .img-left{
	float: left;
	margin: 0 12px 12px 0;
}
section.content a.pdf {
	display: block;
	padding: 10px 14px 12px 50px;
	background: url("/img/theme/ico-pdf.png") no-repeat 0 0;
	color: #102e49;
	text-decoration: none;
}

section input[type='email'],
section input[type='password'],
section input[type='text'],
section textarea{
	font-family: "roboto_condensedlight", arial, sans-serif;
	border: 1px solid #4A6986;
	background: #fff;
	color: 102e49;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 10px;
	font-size: 15px;
	font-size: 1.5rem;
}
section input[type='submit']{
	display: block;
	padding: 10px 50px 10px 14px;
	border: 1px solid #FAB817;
	margin-top: 20px;
	background: url("/img/theme/arrow-1.png") no-repeat 90% 50%;
	color: #FAB817;
	text-transform: uppercase;
	cursor: pointer;
}
section input[type='submit']:hover{
	background: #FAB817 url("/img/theme/arrow-3.png") no-repeat 90% 50%;
	color: #fff;
}
body.admin button{

}








/*************************
		BREADCRUMP
**************************/

#page nav.breadcrumb-prod,
#page nav.tree-breadcrumb {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#page nav.breadcrumb-prod,
#page nav.breadcrumb-prod a{
	color: #008cc8;
	font-family: "roboto_condensedregular", arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	vertical-align: middle;
}
#page nav.breadcrumb-prod a{
	display: inline-block;
}
#page nav.breadcrumb-prod span.sepa{
	width: 18px;
	height: 14px;
	display: inline-block;
	background: url("/img/theme/arrow-7.png") no-repeat 50% 40%;
	vertical-align: middle;
}

/*************************
		PAGE PRODUCT
**************************/


/* --- cat-list --- */
#page section.content-maincat{
	padding: 0;
}

section.content ul.cat-list{
	position: relative;
	font-family: "roboto_condensedbold", arial, sans-serif;
	padding: 0;
	margin: 0;
}

section.content ul.cat-list li{
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}
section.content ul.cat-list li a{
	display: block;
	padding: 16px 10px 0 10px;
	height: 32px;
	color: #fff;
	font-family: "roboto_condensedregular", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	/*background: #FBCB37;*/
}
/*section.content ul.cat-list li:nth-child(even) a{
	background: #0092CB;
}*/
section.content ul.cat-list li.led {
	background: #a7ce39;
}
section.content ul.cat-list li.hvac {
	background: #faa61a;
}
section.content ul.cat-list li.domotic {
	background: #0093d1;
}
section.content ul.cat-list li.knx {
	background: #271d62;
}
section.content ul.cat-list li.automation {
	background: #b72126;
}

section.content ul.cat-list ul li a strong{
	font-weight: normal;
}



/* --- Product --- */




#page section.content-product,
#page section.content-archive,
section.content-product p,
section.content-product ul li{
	font-family: "open_sanslight", arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
}
#page section.content-product h1,
#page section.content-archive h1,
section.content-product h1 {
	text-transform: none;
}
section.content-product p.price,
section.content-archive p.price{
	font-size: 30px;
	font-size: 3.0rem;
	color: #102e49;
}
section.content-product .price sub,
section.content-archive .price sub{
	font-size: 20px;
	font-size: 2.0rem;
	vertical-align: 0;
}
section.content-product .price span,
section.content-archive .price span{
	display: block;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 18px;
    font-family: roboto_condensedlight;
}
section.content-product p.ref,
section.content-archive p.ref{
	font-size: 16px;
	font-size: 1.6rem;
}
#page section.content-product figure.prodimg,
#page section.content-archive figure.prodimg {
	max-width: 478px;
	max-height: 478px; /*360*/
	border: 1px solid #E6E6E6;
	background: #fff;
	margin-top: 20px;
	width: 100%;
	position: relative;
	z-index: 1;
}
#page section.content-product figure.prodimg img,
#page section.content-archive figure.prodimg img {
	height: 100%;
	width: 100%;
}
#page section.content-product figure.prodimg .new,
#page section.content-archive figure.prodimg .new {
	background: url("/img/theme/ico-new.png") no-repeat 0 0;
	width: 59px;
	height: 59px;
	position: absolute;
	top: 0;
	left: 0;
	content:'';
	display: block;
	z-index: 20;
}

#page section.content-product figure.prodimg .video_product,
#page section.content-archive figure.prodimg .video_product {
	max-width:480px;
	height:360px;
	margin-top:20px;
	width:100%;

}
#page section.content-product a.download,
#page section.content-archive a.download {
	display: block;
	padding: 10px 14px 12px 0px;
	/*background: url("/img/theme/ico-pdf.png") no-repeat 0 0;*/
	color: #102e49;
	text-decoration: none;
	vertical-align: middle;
}
#page section.content-product a.download:hover,
#page section.content-archive a.download:hover {
	text-decoration: underline;
}
#page section.content-product a.contact,
#page section.content-archive a.contact {
	display: inline-block;
	padding: 10px 14px;
	border: 1px solid #FAB817;
	margin-top: 20px;
	margin-right: 20px;
	background: url("/img/theme/arrow-1.png") no-repeat 95% 50%;
	padding-right: 40px;
	color: #FAB817;
	text-transform: uppercase;
	text-decoration: none;
}

#page section.content-product ul li,
#page section.content-archive ul li {
	list-style-type: none;
	/*background: none;*/
	background: url("/img/theme/puce-1.png") no-repeat 2px 8px;
	margin: 0 0 3px;
}
#page section.content-product ul.features,
#page section.content-archive ul.features {
	margin: 18px 0;
	padding: 0;
}
#page section.content-product ul.features li,
#page section.content-archive ul.features li {
	background: none;
	margin: 4px 0;
	padding: 0;
}
#page section.content-product ul.features li strong,
#page section.content-archive ul.features li strong {
	font-weight: normal;
	font-family: "open_sanssemibold", arial, sans-serif;

}


/**************************************
		ASIDE PRODUCT LIST
***************************************/
aside.product{
	background: #102e49;
	padding: 14px 0;
	width: 100%;
}
aside.product h2{
	text-align: center;
	font-family: "roboto_condensedlight", arial, sans-serif;
	font-size: 20px;
	font-size: 2.0rem;
	color: #fff;
	text-transform: uppercase;
	margin: 10px 0 20px;
}
aside.product ul{
	margin: 0 auto;
	max-width: 960px;
	text-align: center;

}
aside.product ul li{
	margin: 0 10px 30px 10px;
	padding: 0;
	width: 100px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
aside.product ul li a{
	color: #fff;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 82px 7px 8px;
}
aside.product ul li img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 74px;
	background: #fff;
}
aside.product ul li .new{
	position: absolute;
	top: 0;
	left: 0;
	width: 59px;
	height: 59px;
	background: url("/img/theme/ico-new.png") no-repeat 0 0;
}



/**************************************
		PAGE CAT/ PRODUCT LIST
***************************************/
#page section.content-cat{
	font-family: "roboto_condensedlight", arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}


#page section.content-cat ul.prodcat-list {
	margin: 0;
	margin-top: 30px;
}
#page section.content-cat ul.prodcat-list li {
	width: 200px;
	min-height: 60px;
	text-align: center;
	float: left;
	display: block;
	position : relative;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 170px 10px 10px;
	background: none;
}
#page section.content-cat ul.prodcat-list li img {
	width: 218px;
	height: 158px;
	border: 1px solid #E6E6E6;
	background: #fff;
	position : absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#page section.content-cat ul.prodcat-list li span.new {
	width: 59px;
	height: 59px;
	background: url("/img/theme/ico-new.png") no-repeat 0 0;
	position : absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
#page section.content-cat ul.prodcat-list li span.techniclabel {
	background-color:#f3f3f3;
	color:#102e49;
	display:block;
	font-size:12px;
	line-height:15px;
	margin:5px;
	padding:5px 5px 5px 17px;
	position:relative;
}
#page section.content-cat ul.prodcat-list li span.techniclabel .fa {
	background-color:#008BCA;
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	line-height:30px;
	width:15px;
	color:#ffffff;
}

#page section.content-cat ul.prodcat-list li a{
	color: #102e49;
	display:block;
}
#page section.content-cat ul.prodcat-list li a,
#page section.content-cat ul.prodcat-list li a:hover img {
	text-decoration: none;
}
#page section.content-cat ul.prodcat-list li a:hover {
	text-decoration: underline;
}

#page section.content-cat ul.prodcat-list li a::after {
	content: '';
	background : url("/img/theme/prod-cat-hover.png") no-repeat 0 0;
	position : absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 160px;
		z-index: 20;
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	  -moz-opacity: 0;
	  -khtml-opacity: 0;
	  opacity: 0;
}
#page section.content-cat ul.prodcat-list li a:hover::after {
      opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}



/*#page section.content-cat ul.prodcat-list li img::after {
	content: url("img/theme/prod-cat-hover.png");
	position : absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 160px;
	z-index: 20;
}*/

#page section.content-cat ul.cat-list li a{
	font-family: "roboto_condensedbold", arial, sans-serif;
}


/* configurator */

nav.tree-breadcrumb li	{
	display: inline-block;
}

nav.tree-breadcrumb li::before	{
	content: "";
	width: 18px;
	height: 21px;
	display: inline-block;
	background: url("/img/theme/arrow-7.png") no-repeat 25% 50%;
	vertical-align: middle;
}

nav.tree-breadcrumb li:first-child::before	{
	display: none;
}

nav.tree-breadcrumb li a	{
	color: #008cc8;
	font-family: roboto_condensedregular, arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	vertical-align: middle;
}

section.configurator-node div.question ul	{
	margin: 0;
	padding: 0;
}

section.configurator-node div.question ul li	{
	display: block;
	margin: 0 0 10px;
	padding: 0;
	list-style-type: none;
	background: url(/img/theme/bg-configurator.png) 0 100% no-repeat;
}

section.configurator-node div.question ul li a	{
	text-decoration: none;
	display: block;
	padding: 10px;
}

section.configurator-node div.question ul li a:hover	{
	background: #008cc8;
	color: #fff;
}

div.products	{
	background: url(/img/theme/bg-configurator.png) no-repeat;
	padding: 40px 70px;
}

div.products table	{
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}

div.products table th,
div.products table td	{
	font-family: open_sansregular, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: top;
	text-align: left;
	padding: 10px 20px;
	border-bottom: 1px solid #dedede;
}

div.products table th	{
	font-family: open_sanssemibold, sans-serif;
	color: #008cc8;
	font-weight: normal;
}

div.products table .qty,
div.products table .price	{
	text-align: right;
}

div.products table tfoot td	{
	font-family: open_sanssemibold, sans-serif;
	text-align: right;
}

div.products .pdf	{
	margin-top: 40px;
	text-align: center;
}

section.configurator-node div.send	{
	padding-top: 20px;
	text-align: center;
}

section.configurator-node div.send input[type="submit"]	{
	margin: 0 5px 10px;
	display: inline-block;
}

section.configurator-node div.send label	{
	display: inline-block;
	font-family: "open_sansregular", arial, sans-serif;
	padding-bottom: 2px;
}

.configurator-pic	{
	width: 100%;
	height: auto;
}


/*************************
		VIDEOS
**************************/

#page section.content-video{
	padding: 28px 0;
	text-align: center;
}
section.content-video h1{
	text-align: center;
}
section.content-video ul{
	margin: 0;
	padding: 0;
}
section.content-video ul li{
	margin: 14px 10px;
	padding: 0;
	background: none;
	list-style-type: none;
	width: 220px;
	display: block;
	float: left;
}
section.content-video ul li a{
	padding: 170px 10px 10px;
	position: relative;
	display: block;
	color: #102e49;
	font-size: 15px;
	font-size: 1.5rem;
	text-transform: uppercase;
	font-family: "roboto_condensedregular", arial, sans-serif;
	text-decoration: none;
}
section.content-video ul li a img{
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 160px;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
section.content-video ul li a:hover{
	text-decoration: underline;
}
section.content-video ul li a:hover img{
	filter: alpha(opacity=100);
	opacity: 1;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
section.content-video #video{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	max-width: 940px;
	display: none;
	margin: 0 auto 20px;
	background: #e6e6e6;
}
section.content-video #video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/*************************
		CONTACT
**************************/

#page section.content-contact{
	background-color: #F6F6F6;
}
#page section.content-contact .inneral{
	max-width: 960px;
}
#page section.content-contact h1{
	text-align: center;
}
#page section.content-contact .box-contact{
	float: left;
	width: 33%;
	max-width: 320px;
	min-width: 260px;
	margin-bottom: 25px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#page section.content-contact .box-contact h2{
	font-size: 20px;
	font-size: 2rem;
}
#page section.content-contact .box-contact h3{
	font-size: 16px;
	font-size: 1.6rem;
	color: #102e49;
	text-transform: uppercase;
	font-family: "roboto_condensedbold", arial, sans-serif;
	margin: 12px 0 4px;
}
#page section.content-contact .box-contact p{
	margin: 4px 0 14px;
}
#page section.content-contact .box-contact h4{
	color: #102e49;
	text-transform: uppercase;
	font-weight: bold;
}
#page section.content-contact .box-contact a.map{
	background : url("/img/theme/arrow-8.png") no-repeat 100% 50%;
	padding-right: 25px;
	font-weight: bold;
	font-family: "open_sansregular", arial, sans-serif;
}
#page section.content-contact .box-contact ul {
	margin: 0;
}
#page section.content-contact .box-contact ul li{
	list-style-type: none;
	background : url("/img/theme/puce-1.png") no-repeat 0 5px;
	padding-left: 14px;
	margin: 0;
}


/* FORM contact / FORM Pro */

#page section.content-contact-form,
#page section.content-proreg{
	max-width:800px;
	font-size: 16px;
	font-size: 1.6rem;
	padding:28px 0 0;
}
#page section.content-proreg h1.title_blue {
	text-decoration: none;
	background-color:#158cc8;
	color:#FFF;
	font-size:2em;
	padding:5px 0;
}
#page section.content form.f-fluid:after{
	clear: both;
	content:"";
	display: block;
}
#page section.content form.f-fluid fieldset{
	border: 0;
}
#page section.content-contact-form p,
#page section.content form.f-fluid p{
	max-width:420px;
	min-width:280px;
	width: 50%;
	float: left;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px 10px 0;
	margin: 8px 0;
}

#page section.content-contact-form form p.p-long,
#page section.content form.f-fluid p.p-long{
	max-width:800px;
	min-width:280px;
	width: 100%;
}
#page section.content-contact-form p.p-textarea,
#page section.content-contact-form p.p-submit,
#page section.content form.f-fluid p.p-textarea,
#page section.content form.f-fluid p.p-submit{
	width: 100%;
	max-width: 100%;
}

#page section.content-contact-form form p input[type='text'],
#page section.content-contact-form form textarea,
#page section.content form.f-fluid p input[type='text'],
#page section.content form.f-fluid p input[type='email'],
#page section.content form.f-fluid textarea{
	width: 100%;
}
#page section.content-contact-form form textarea{
	height: 152px;
}
#page section.content-contact-form p label,
#page section.content form.f-fluid p label,
#page section.content form.f-fluid p span.lab{
	display: block;
	font-family: "open_sansregular", arial, sans-serif;
	padding-bottom: 2px;
	text-align: left;
}
#page section.content-contact-form p label span,
#page section.content form.f-fluid p label span{
	color: #008cc8;
}
#page section.content form.f-fluid p.p-check label{
    width: auto;
	display: inline-block;
	font-weight: normal;
	padding-right: 20px;
	font-family: "roboto_condensedlight", arial, sans-serif;
	color: 102e49;
}



/*************************
		FAQ
**************************/


h2.faq{
	color: #008cc8;
    font-family: "roboto_condensedlight",arial,sans-serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 2.4rem;
    margin: 8px 0 10px;
    text-transform: uppercase;
}
h3.faq{
	font-size: 16px;
	font-size: 1.6rem;
	color: #102e49;
	text-transform: uppercase;
	font-family: "roboto_condensedbold", arial, sans-serif;
	margin: 12px 0 4px;
	font-weight: normal;
	padding-right: 25px;
	background: url(/img/theme/arrow-faq.png) no-repeat 99% -292px;
	cursor: pointer;
}
h3.open{
	background-position: 99% 8px;
}
.answer{
	padding-top: 1px;
}





header.media{
	max-width: 320px;
	width: 100%;
	display: block;
	margin: 8px auto 30px;
	padding: 0;
	border: 1px solid #008bca;
	border-radius: 5px;
}

section.content header.media h1,
section.content header.media a{
	max-width: 160px;
	width: 50%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "roboto_condensedregular", arial, sans-serif;
	color: #fff;
	background: #008bca;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
}
section.content header.media a{
	color:#008bca;
	background:  #fff;
	opacity:0.6;
}

/*************************
		PRO
**************************/


body.pro section.content-proreg{
	text-align: center;
}
body.pro section.content-proreg .box{
	max-width: 390px;
	margin: 0 auto;
}
body.pro section.content-proreg .box  input[type="submit"]{
	display: inline-block;
}



body.pro form#login-form label,
body.pro form#lost-pwd-form label{
	display: inline-block;
	width: 140px;
	text-align: left;
}
body.pro form#lost-pwd-form input[type='email'],
body.pro form#login-form input[type='email'],
body.pro form#login-form input[type='password']{
	width: 240px;
}
body.pro button.btn-link{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 0 none;
	color: #102e49;
	margin: 10px 0;
	padding: 0;
	text-decoration: underline;
}
body.pro button#do-registration{
	clear: both;
	padding: 0 15px;
}

body.pro #page section.content div.success p{
	width: auto;
	max-width: 100%;
}



/*************************
		ERROR
**************************/


#page div.error ul li,
#page div.success,
#page div.error p{
	list-style-type: none;
	background: none;
	text-align: left;
	color: #797979;
	margin: 0;
	padding: 0;
}
#page section#contact form#contact-form div.success p{
	width: auto;
}
#page div.error,
#page div.success {
	clear: both;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f0704e;
	border-left: 10px solid #f0704e;
	padding: 10px 0 10px 15px;
}
#page div.error:after,
#page div.success:after {
	clear: both;
	content: "";
	display: block;
}

#page div.error {
	/*background: url('/img/theme/ico-error.png') no-repeat 5px 50%;*/
	background: #fcf7f5;
}
#page div.success{
	border-color: #abf081;
	/*background: url('/img/theme/ico-success.png') no-repeat 5px 50%;*/
	background: #fbfcfa;
}


/*************************
		FOOTER
**************************/

footer{
	position: relative;
	background: #102E49;
}

footer ul li{
	list-style: none;
}


/* --- Subfooter --- */
.subfooter{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
}
.subfooter .subf-box{
	width: 100%;
	max-width: 220px;
	min-height: 230px;
	padding: 16px 0 16px 10px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.subfooter .f-contact{
	max-width: 520px;
}


.subfooter .subf-sub-box{
	width: 100%;
	max-width: 170px;
	/*min-height: 270px;*/
	margin-bottom: 16px;
	float: left;
}




.subfooter h3{
	font-family: "roboto_condensedregular", arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	margin: 0 0 15px;
}
.subfooter .sitemap ul li a{
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	color: #1997cd;
	padding-left: 12px;
	background: url("/img/theme/arrow-5.png") no-repeat 0 6px;
	text-decoration: none;
}

.subfooter .f-social a{
	display: block;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	color: #1997cd;
	padding-left: 40px;
	height: 35px;
	line-height: 35px;
	background: url("/img/theme/social-ico.png") no-repeat 0 0;
	text-decoration: none;
	margin: 0 0 8px;
}
.subfooter .f-social a.twitter{
	background-position: 0 -100px;
}
.subfooter .f-social a.linkedin{
	background-position: 0 -200px;
}
.subfooter .f-social a.google{
	background-position: 0 -38px;
}




.subfooter .f-contact h4{
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	color: #1997cd;
	margin-bottom: 10px;
}
.subfooter .f-contact address{
	color: #6486a5;
	font-style: normal;
}
.subfooter .f-contact address strong{
	color: #fff;
	text-transform: uppercase;
}
.subfooter .f-contact a.more{
	display: block;
	clear: both;
	color: #fab818;
	font-family: "roboto_condensedlight", arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}
.subfooter .f-contact a.more strong{
	/*display: block;*/
	background: url("/img/theme/arrow-1.png") no-repeat 100% 45%;
	padding-right: 28px;
	font-weight: normal;
}





/* --- .footer --- */
.footer{
	background: #071F37;
	text-align: center;
	position: relative;
	color: #718ca5;
	padding-bottom: 20px;
}


/* --- .f-partners --- */
.footer .f-partners a.sponsor{
	width: 75px;
	height: 40px;
	display: inline-block;
	margin: 8px 4px;
	background: #555 url("/img/theme/partners-logo.png") no-repeat 0 0;
	opacity: 50;
}

.footer .f-partners a.dold{
	background-position: -75px 0;
	width: 80px;
}
.footer .f-partners a.eberle{
	background-position: -155px 0;
	width: 90px;
}
.footer .f-partners a.inlumina{
	background-position: -250px 0;
	width: 98px;
}
.footer .f-partners a.seitron{
	background-position: -352px 0;
	width: 116px;
}
.footer .f-partners a.tekmar{
	background-position: -478px 0;
	width: 84px;
}
.footer .f-partners a.teleco{
	background-position: -562px 0;
	width: 100px;
}
.footer .f-partners a.theben{
	background-position: -664px 0;
	width: 92px;
}
.footer .f-partners a.thermosystems{
	background-position: -755px 0;
	width: 104px;
}


footer a.copy{
	color: #718ca5;
}

.footer #navfooter {
	display: inline-block;
}
.footer #navfooter li{
	display: inline-block;
	border-left: 1px solid #718ca5;
	padding: 0 10px;
	line-height: 13px;
}
.footer #navfooter li:last-child{
	border-right: 0;
}
.footer #navfooter li a{
	display: inline-block;
	text-decoration: underline;
	color: #718ca5;
}
.footer #navfooter li a{
	text-decoration: none;
}






/*************************
		CURATED MV
**************************/

footer a.by{
	display: block;
	position: relative;
	width: 125px;
	height: 30px;
	/*position: absolute;
	right: 0;
	top: 10px;
	margin-left: -125px;*/
	margin: 20px auto 0;
	overflow: hidden;
}
footer a.by span.curated{
	display: block;
	width: 83px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
	background:  url("/img/curated/curated.png") no-repeat 0 0;
	overflow: hidden;
}
footer a.by span.by{
	display: block;
	width: 125px;
	height: 30px;
	position: absolute;
	left: 92px;
	top: 0;
	background: #071F37 url("/img/curated/by.png") no-repeat 0 0;
	animation: curatedby 0.3s;
	/* Safari and Chrome: */
	-webkit-animation: curatedby 0.3s;
}
footer a.by strong.mountain{
	display: block;
	width: 64px;
	height: 16px;
	position: absolute;
	left: 42px;
	top: 0;
	background:  url("/img/curated/mountain.png") no-repeat 0 0;
	filter: alpha(opacity=0);
	opacity: 0;
	animation: curatedmountain 0.5s;
	/* Safari and Chrome: */
	-webkit-animation: curatedmountain 0.5s;
}
footer a.by strong.view{
	display: block;
	width: 35px;
	height: 16px;
	position: absolute;
	left: 42px;
	top: 16px;
	background:  url("/img/curated/view.png") no-repeat 0 0;
	filter: alpha(opacity=0);
	opacity: 0;
	animation: curatedview 0.5s;
	/* Safari and Chrome: */
	-webkit-animation: curatedview 0.5s;
}

footer a.by:hover span.by{
	left:4px;
	animation: curatedbyh 0.3s;
	/* Safari and Chrome: */
	-webkit-animation: curatedbyh 0.3s;
}
/* by */
@keyframes curatedby{
	0%   {left:4px;}
	100% {left:92px;}
}
@-webkit-keyframes curatedby /* Safari and Chrome */{
	0%   {left:4px;}
	100% {left:92px;}
}

@keyframes curatedbyh{
	0%   {left:92px;}
	100% {left:4px;}
}
@-webkit-keyframes curatedbyh /* Safari and Chrome */{
	0%   {left:92px;}
	100% {left:4px;}
}

/* mountain */
footer a.by:hover strong.mountain{
	animation: curatedmountainh 0.5s;
	/* Safari and Chrome: */
	-webkit-animation: curatedmountainh 0.5s;
	filter: alpha(opacity=1);
	opacity: 1;
}
@keyframes curatedmountain{
	0%   {opacity:100%;}
	25%   {opacity:0;}
	100% {opacity:0;}
}
@-webkit-keyframes curatedmountain /* Safari and Chrome */{
	0%   {opacity:100%;}
	25%   {opacity:0;}
	100% {opacity:0;}
}

@keyframes curatedmountainh{
	0%   {opacity:0;}
	25%   {opacity:0;}
	100% {opacity:100%;}
}
@-webkit-keyframes curatedmountainh /* Safari and Chrome */{
	0%   {opacity:0;}
	25%   {opacity:0;}
	100% {opacity:100%;}
}

/* view */
footer a.by:hover strong.view{
	animation: curatedviewh 0.6s;
	/* Safari and Chrome: */
	-webkit-animation: curatedviewh 0.6s;
	filter: alpha(opacity=1);
	opacity: 1;
}
@keyframes curatedview{
	0%   {opacity:100%;}
	35%   {opacity:0;}
	100% {opacity:0;}
}
@-webkit-keyframes curatedview /* Safari and Chrome */{
	0%   {opacity:100%;}
	35%   {opacity:0;}
	100% {opacity:0;}
}

@keyframes curatedviewh{
	0%   {opacity:0;}
	35%   {opacity:0;}
	100% {opacity:100%;}
}
@-webkit-keyframes curatedviewh /* Safari and Chrome */{
	0%   {opacity:0;}
	35%   {opacity:0;}
	100% {opacity:100%;}
}


/*Autocomplete*/
.ui-autocomplete{
	max-width: 450px;
    padding: 10px 0;
    width: 100%;
	margin: 0;
	background: #008CC8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ui-autocomplete li{
	list-style-type: none;
	padding: 2px 15px;
	margin: 0;
	font-family: "open_sansregular",arial,sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
}
.ui-autocomplete li.focus,
.ui-autocomplete li:hover{
	background: #CCE8F4;
	border: 0;
}


#cookie-bar {background:#464C52; height:34px; line-height:34px; color:#fff; text-align:center; padding:3px 0;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;z-index: 10000;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#fff; display:inline-block; border-radius: 2px;text-decoration:none; padding:0 12px; margin-left:8px;}
#cookie-bar .cb-enable {background:#008bca;}
#cookie-bar .cb-enable:hover {background:#1276A3;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}