/*
* Load the theme as an embed.
* First import the theme.less which includes all variables from the foundation till the theme.
* Second step is to import all module specific css.
*
* In case of IE8 see clientlibs-css.
*/
/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
button,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: 0;
margin: 0;
padding: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* make sure to set some focus styles for accessibility */
:focus {
outline: 0;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* END CSS Reset */
/* Customized Normalize.css Rules */
/**
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
*/
[hidden] {
display: none;
}
/**
* 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-size: 62.5%;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/**
* 1. Improve image quality when scaled in IE 7.
*/
img {
-ms-interpolation-mode: bicubic;
/* 1 */
}
/**
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
*/
legend {
border: 0;
/* 1 */
padding: 0;
white-space: normal;
/* 2 */
*margin-left: -7px;
/* 3 */
}
/**
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
*/
button,
input,
select,
textarea {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 100%;
/* 1 */
margin: 0;
/* 2 */
vertical-align: baseline;
/* 3 */
*vertical-align: middle;
/* 3 */
}
/**
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
button,
input[type="submit"],
input[type="button"] {
background: none;
border: none;
padding: 0;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-moz-appearance: button;
/* 2 */
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
*overflow: visible;
/* 4 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
/* 2 */
*height: 13px;
/* 3 */
*width: 13px;
/* 3 */
}
/**
* Remove inner padding and border in Firefox 3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
button {
border: none;
}
/**
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
resize: vertical;
}
html,
button,
input,
select,
textarea {
color: inherit;
}
::-moz-selection {
background: #f3ebfa;
text-shadow: none;
}
::selection {
background: #f3ebfa;
text-shadow: none;
}
picture {
display: block;
height: 100%;
width: 100%;
}
img {
vertical-align: middle;
}
.ir {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
a img {
outline: none;
border: none;
}
/* END Customized Normalize.css Rules */
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
scroll-behavior: auto !important;
background-attachment: initial !important;
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
/*
* Visually Hidden, shamelessly borrowed from H5BP:
* https://github.com/h5bp/html5-boilerplate/blob/v4.2.0/css/main.css#L145
*/
/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.p-visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.p-visuallyhidden.p-focusable:active,
.p-visuallyhidden.p-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/*
* Hide content based on breakpoint
*/
.p-hidden {
display: none;
}
.p-l-visible {
display: none;
}
@media screen and (min-width: 961px) {
.p-hide-l {
display: none;
}
.p-l-visible {
display: block;
}
}
/*
* Clear fix
*/
.p-clearfix:after {
content: "";
display: table;
clear: both;
}
.p-clear {
clear: both;
}
@media screen and (max-width: 700px) {
.p-xs-s-hidden {
display: none;
}
.p-xs-s-clear {
clear: both;
}
}
@media screen and (max-width: 450px) {
.p-xs-hidden {
display: none;
}
.p-xs-clear {
clear: both;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-hidden {
display: none;
}
.p-s-clear {
clear: both;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-hidden {
display: none;
}
.p-m-clear {
clear: both;
}
}
@media screen and (min-width: 961px) {
.p-l-hidden {
display: none;
}
.p-l-clear {
clear: both;
}
}
/*
Default
---------------------------*/
body {
font-size: 14px;
line-height: 22px;
color: #3c3c3c;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
html[lang=ko] body {
word-break: keep-all;
}
i,
em,
.p-italic {
font-style: italic;
}
a {
color: #7d0063;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.p-text-shadow {
text-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 0 60px rgba(0, 0, 0, 0.4);
}
.p-heading-01-xlarge {
letter-spacing: -3px;
font-size: 144px;
line-height: 155px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 27px;
}
.p-heading-01-large {
letter-spacing: -2px;
font-size: 89px;
line-height: 100px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
}
.p-heading-01 {
letter-spacing: -1px;
font-size: 55px;
line-height: 66px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
min-height: 130px;
}
.p-heading-02 {
letter-spacing: -0.5px;
font-size: 34px;
line-height: 40px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 24px;
}
.p-heading-03 {
letter-spacing: -0.2px;
font-size: 21px;
line-height: 26px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 13px;
}
.p-heading-04-large {
letter-spacing: -0.1px;
font-size: 17px;
line-height: 25px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 14px;
}
.p-heading-04,
.p-heading-05 {
letter-spacing: -0.1px;
font-size: 14px;
line-height: 22px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 15px;
}
.p-heading-secondary {
color: #7d0063;
}
.p-heading-xbold {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-heading-bold {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-heading-medium {
font-family: centrale_sans_medium, tahoma, arial, helvetica, sans-serif;
}
.p-heading-book {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-heading-light {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-heading-thin {
font-family: centrale_sans_thin, tahoma, arial, helvetica, sans-serif;
}
.p-body-copy-01 {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 17px;
line-height: 25px;
}
.p-body-copy-02 {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
}
.p-body-copy-03 {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
.p-body-copy-01.p-heading-secondary,
.p-body-copy-02.p-heading-secondary,
.p-body-copy-03.p-heading-secondary {
color: #7d0063;
}
b,
strong,
.p-bold {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
mark {
background-color: #7ba4d9;
}
/** For non-centrale sans supported locales */
.wf-centrale_sans_bold-inactive b,
.wf-centrale_sans_bold-inactive strong,
.wf-centrale_sans_bold-inactive .p-bold,
.wf-centrale_sans_bold-inactive .p-heading-01-xlarge,
.wf-centrale_sans_bold-inactive .p-heading-01-large,
.wf-centrale_sans_bold-inactive .p-heading-01,
.wf-centrale_sans_bold-inactive .p-heading-02,
.wf-centrale_sans_bold-inactive .p-heading-03,
.wf-centrale_sans_bold-inactive .p-heading-04-large,
.wf-centrale_sans_bold-inactive .p-heading-04,
.wf-centrale_sans_bold-inactive .p-heading-05,
.wf-centrale_sans_bold-inactive .p-heading-bold,
.wf-centrale_sans_bold-inactive .p-heading-xbold,
.wf-centrale_sans_bold-inactive .p-quote {
font-weight: bold !important;
}
.p-quote {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
font-style: italic;
font-size: 14px;
line-height: 22px;
}
.p-quote-special {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
font-style: italic;
font-size: 21px;
line-height: 29px;
}
.p-header-xsmall {
font-weight: bold;
font-size: 11px;
line-height: 16px;
}
.p-header-xsmall,
.p-body-xsmall {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}
@media screen and (max-width: 700px) {
.p-heading-01-xlarge {
letter-spacing: -2px;
font-size: 89px;
line-height: 100px;
}
.p-heading-01-large {
letter-spacing: -1px;
font-size: 55px;
line-height: 66px;
}
.p-heading-01 {
letter-spacing: -0.5px;
font-size: 34px;
line-height: 40px;
}
.p-heading-02 {
letter-spacing: -0.3px;
font-size: 26px;
line-height: 30px;
margin-bottom: 26px;
}
.p-heading-03 {
letter-spacing: -0.2px;
font-size: 19px;
line-height: 25px;
margin-bottom: 14px;
}
.p-heading-04-large {
letter-spacing: -0.1px;
font-size: 16px;
line-height: 24px;
margin-bottom: 14px;
}
.p-heading-04,
.p-heading-05 {
letter-spacing: -0.1px;
font-size: 14px;
line-height: 22px;
margin-bottom: 14px;
}
.p-body-copy-01 {
font-size: 16px;
line-height: 24px;
}
.p-quote-special {
font-size: 19px;
line-height: 26px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted {
color: #ffffff;
}
.p-inverted .p-heading-01-xlarge,
.p-inverted .p-heading-01-large,
.p-inverted .p-heading-01,
.p-inverted .p-heading-02,
.p-inverted .p-heading-03,
.p-inverted .p-heading-04-large,
.p-inverted .p-heading-04,
.p-inverted .p-heading-05,
.p-inverted .p-heading-light,
.p-inverted .p-header-xsmall {
color: #ffffff;
}
.p-inverted .p-heading-secondary {
color: #d2d1d4;
}
.p-inverted .p-body-copy-01,
.p-inverted .p-body-copy-02,
.p-inverted .p-body-copy-03,
.p-inverted .p-quote,
.p-inverted .p-quote-special,
.p-inverted .p-body-xsmall {
color: #ffffff;
}
.p-inverted .p-body-copy-01.p-heading-secondary,
.p-inverted .p-body-copy-02.p-heading-secondary,
.p-inverted .p-body-copy-03.p-heading-secondary {
color: #5d6678;
}
.p-inverted a {
color: #ffffff;
}
@font-face {
font-family: 'philips-global-icon-font';
src: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-global-icon-font/philips-global-icon-font.eot');
src: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-global-icon-font/philips-global-icon-font.eot?#iefix') format('embedded-opentype'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-global-icon-font/philips-global-icon-font.woff') format('woff'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-global-icon-font/philips-global-icon-font.ttf') format('truetype'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-global-icon-font/philips-global-icon-font.svg#philips-global-icon-font') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'philips-icon';
src: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.eot');
src: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.eot?#iefix') format('embedded-opentype'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.woff2') format('woff2'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.woff') format('woff'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.ttf') format('truetype'), url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/fonts/philips-icon.svg#philips-icon') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'philips-icon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Temporary fix removing all :before styles
----------------------------------------------------------
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="p-icon-"] {
*
.p-icon-earth,
.p-icon-caret-right,
.p-icon-caret-left,
.p-icon-caret-up,
.p-icon-caret-down,
.p-icon-arrow-up,
.p-icon-flag,
.p-icon-envelope,
.p-icon-comment,
.p-icon-mobile,
.p-icon-box,
.p-icon-hourglass,
.p-icon-power-cord,
.p-icon-cycle,
.p-icon-alert,
.p-icon-magnet,
.p-icon-zoom-in,
.p-icon-zoom-out,
.p-icon-fullscreen-small,
.p-icon-fullscreen-small-2,
.p-icon-exit-fullscreen-small,
.p-icon-a-label,
.p-icon-pause,
.p-icon-mute,
.p-icon-sound,
.p-icon-play,
.p-icon-close,
.p-icon-play-circle,
.p-icon-hourglass,
.p-icon-exclamation,
.p-icon-plug,
.p-icon-recycling,
.p-icon-content,
.p-icon-box-2 {
font-family: 'philips-icon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
&:before {
font-family: 'philips-icon';
}
}
.p-icon-earth:before {
content: "\e002";
}
.p-icon-caret-right:before {
content: "\72";
}
.p-icon-caret-left:before {
content: "\6c";
}
.p-icon-caret-up:before {
content: "\75";
}
.p-icon-caret-down:before {
content: "\64";
}
.p-icon-arrow-up:before {
content: "\23";
}
.p-icon-flag:before {
content: "\24";
}
.p-icon-envelope:before {
content: "\25";
}
.p-icon-comment:before {
content: "\26";
}
.p-icon-mobile:before {
content: "\f10b";
}
.p-icon-box:before {
content: "\e003";
}
.p-icon-hourglass:before {
content: "\e004";
}
.p-icon-power-cord:before {
content: "\e005";
}
.p-icon-cycle:before {
content: "\e006";
}
.p-icon-alert:before {
content: "\e007";
}
.p-icon-magnet:before {
content: "\e008";
}
.p-icon-zoom-in:before {
content: "\e011";
}
.p-icon-zoom-out:before {
content: "\e00d";
}
.p-icon-fullscreen-small:before {
content: "\e010";
}
.p-icon-fullscreen-small-2:before {
content: "\e00f";
}
.p-icon-exit-fullscreen-small:before {
content: "\e00e";
}
.p-icon-a-label:before {
content: "\27";
}
.p-icon-pause:before {
content: "\28";
}
.p-icon-mute:before {
content: "\29";
}
.p-icon-sound:before {
content: "\2a";
}
.p-icon-play:before {
content: "\2b";
}
.p-icon-close:before {
content: "\78";
}
.p-icon-play-circle:before {
content: "\2c";
}
.p-icon-hourglass:before {
content: "\2d";
}
.p-icon-exclamation:before {
content: "\2e";
}
.p-icon-plug:before {
content: "\2f";
}
.p-icon-recycling:before {
content: "\30";
}
.p-icon-content:before {
content: "\31";
}
.p-icon-box-2:before {
content: "\32";
}
*/
.p-comp-spacing-bottom {
padding-bottom: 34px;
}
.p-comp-spacing-top {
padding-top: 34px;
}
.p-spacing-top-none {
padding-top: 0;
}
.p-spacing-top-a {
padding-top: 14px;
}
.p-spacing-top-b {
padding-top: 20px;
}
.p-spacing-top-c {
padding-top: 34px;
}
.p-spacing-top-d {
padding-top: 54px;
}
.p-spacing-top-e {
padding-top: 86px;
}
.p-spacing-top-f {
padding-top: 140px;
}
.p-spacing-top-g {
padding-top: 226px;
}
.p-spacing-top-h {
padding-top: 336px;
}
.p-spacing-bottom-none {
padding-bottom: 0;
}
.p-spacing-bottom-a {
padding-bottom: 14px;
}
.p-spacing-bottom-b {
padding-bottom: 20px;
}
.p-spacing-bottom-c {
padding-bottom: 34px;
}
.p-spacing-bottom-d {
padding-bottom: 54px;
}
.p-spacing-bottom-e {
padding-bottom: 86px;
}
.p-valign-parent {
height: 100%;
}
.p-valign-parent:before {
content: '';
display: inline-block;
height: 100%;
margin-right: -0.32em;
min-height: inherit;
vertical-align: middle;
}
.p-valign-parent .p-valign-top,
.p-valign-parent .p-valign-middle,
.p-valign-parent .p-valign-bottom {
display: inline-block;
width: 100%;
}
.p-valign-parent .p-valign-top {
vertical-align: top;
}
.p-valign-parent .p-valign-middle {
vertical-align: middle;
}
.p-valign-parent .p-valign-bottom {
vertical-align: bottom;
}
@media screen and (max-width: 450px) {
.p-xs-viewport-height {
min-height: 100vh;
}
.test-no-correctvh .p-xs-viewport-height {
min-height: 480px;
}
.p-row-gutter {
padding-left: 6px;
padding-right: 6px;
}
.p-xs-one-whole .p-cell-gutter {
margin: 0 6px;
}
.p-cell-padding {
padding: 0 6px;
}
.p-xs-spacing-top-none {
padding-top: 0;
}
.p-xs-spacing-top-a {
padding-top: 14px;
}
.p-xs-spacing-top-b {
padding-top: 20px;
}
.p-xs-spacing-top-c {
padding-top: 34px;
}
.p-xs-spacing-top-d {
padding-top: 54px;
}
.p-xs-spacing-top-e {
padding-top: 86px;
}
.p-xs-spacing-bottom-none {
padding-bottom: 0;
}
.p-xs-spacing-bottom-a {
padding-bottom: 14px;
}
.p-xs-spacing-bottom-b {
padding-bottom: 20px;
}
.p-xs-spacing-bottom-c {
padding-bottom: 34px;
}
.p-xs-spacing-bottom-d {
padding-bottom: 54px;
}
.p-xs-spacing-bottom-e {
padding-bottom: 86px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-viewport-height {
min-height: 100vh;
}
.test-no-correctvh .p-s-viewport-height {
min-height: 320px;
}
.p-s-spacing-top-none {
padding-top: 0;
}
.p-s-spacing-top-a {
padding-top: 14px;
}
.p-s-spacing-top-b {
padding-top: 20px;
}
.p-s-spacing-top-c {
padding-top: 34px;
}
.p-s-spacing-top-d {
padding-top: 54px;
}
.p-s-spacing-top-e {
padding-top: 86px;
}
.p-s-spacing-bottom-none {
padding-bottom: 0;
}
.p-s-spacing-bottom-a {
padding-bottom: 14px;
}
.p-s-spacing-bottom-b {
padding-bottom: 20px;
}
.p-s-spacing-bottom-c {
padding-bottom: 34px;
}
.p-s-spacing-bottom-d {
padding-bottom: 54px;
}
.p-s-spacing-bottom-e {
padding-bottom: 86px;
}
.p-row-gutter {
padding-right: 9px;
padding-left: 9px;
}
.p-s-one-whole .p-cell-gutter {
margin: 0 9px;
}
.p-cell-padding {
padding: 9px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-viewport-height {
min-height: 100vh;
}
.test-no-correctvh .p-m-viewport-height {
min-height: 1024px;
}
.p-m-spacing-top-none {
padding-top: 0;
}
.p-m-spacing-top-a {
padding-top: 14px;
}
.p-m-spacing-top-b {
padding-top: 20px;
}
.p-m-spacing-top-c {
padding-top: 34px;
}
.p-m-spacing-top-d {
padding-top: 54px;
}
.p-m-spacing-top-e {
padding-top: 86px;
}
.p-m-spacing-top-f {
padding-top: 140px;
}
.p-m-spacing-top-g {
padding-top: 226px;
}
.p-m-spacing-top-h {
padding-top: 336px;
}
.p-m-spacing-bottom-none {
padding-bottom: 0;
}
.p-m-spacing-bottom-a {
padding-bottom: 14px;
}
.p-m-spacing-bottom-b {
padding-bottom: 20px;
}
.p-m-spacing-bottom-c {
padding-bottom: 34px;
}
.p-m-spacing-bottom-d {
padding-bottom: 54px;
}
.p-m-spacing-bottom-e {
padding-bottom: 86px;
}
.p-row-gutter {
padding-left: 11px;
padding-right: 11px;
}
.p-m-one-whole .p-cell-gutter {
margin: 0 11px;
}
.p-cell-padding {
padding: 11px;
}
}
@media screen and (min-width: 701px) {
.p-comp-spacing-bottom {
padding-bottom: 54px;
}
.p-comp-spacing-top {
padding-top: 54px;
}
}
@media screen and (min-width: 961px) {
.p-l-spacing-top-none {
padding-top: 0;
}
.p-l-spacing-top-a {
padding-top: 14px;
}
.p-l-spacing-top-b {
padding-top: 20px;
}
.p-l-spacing-top-c {
padding-top: 34px;
}
.p-l-spacing-top-d {
padding-top: 54px;
}
.p-l-spacing-top-e {
padding-top: 86px;
}
.p-l-spacing-top-f {
padding-top: 140px;
}
.p-l-spacing-top-g {
padding-top: 226px;
}
.p-l-spacing-top-h {
padding-top: 336px;
}
.p-l-spacing-bottom-none {
padding-bottom: 0;
}
.p-l-spacing-bottom-a {
padding-bottom: 14px;
}
.p-l-spacing-bottom-b {
padding-bottom: 20px;
}
.p-l-spacing-bottom-c {
padding-bottom: 34px;
}
.p-l-spacing-bottom-d {
padding-bottom: 54px;
}
.p-l-spacing-bottom-e {
padding-bottom: 86px;
}
.p-cell-padding {
padding: 16px;
}
.p-l-viewport-height {
min-height: 100vh;
}
.test-no-correctvh .p-l-viewport-height {
min-height: 768px;
}
}
.p-layout-row .p-layout-inner {
margin: 0 auto;
max-width: 960px;
}
/* Mixins COLORS for WTB ---------------------- */
/* Mixins for Flex ---------------------- */
/* REMS */
/*
borders
*/
/*
padding mixins
*/
/*
margin mixins
*/
/* Default
----------------------------------- */
.p-fit {
object-position: center center;
width: 100%;
height: 100%;
display: inline-block;
}
/* fallbacks
----------------------------------- */
.test-no-objectfit .p-fit {
width: auto;
height: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
min-height: 101%;
min-width: 101%;
max-height: 4000%;
max-width: 4000%;
}
.test-no-objectfit .p-l-fit-pos-left-center {
left: 0;
-webkit-transform: translateX(0) translateY(-50%);
-ms-transform: translateX(0) translateY(-50%);
transform: translateX(0) translateY(-50%);
}
.test-no-objectfit .p-l-fit-pos-right-center {
left: 100%;
-webkit-transform: translateX(-100%) translateY(-50%);
-ms-transform: translateX(-100%) translateY(-50%);
transform: translateX(-100%) translateY(-50%);
}
.test-no-objectfit.test-no-csstransforms .p-fit {
top: 0px;
left: 0px;
}
/* object-fit: cover / none
----------------------------------- */
.p-fit-cover {
object-fit: cover;
}
.p-fit-cover-none {
object-fit: none;
}
@media screen and (max-width: 450px) {
.p-xs-fit-cover {
object-fit: cover;
}
.p-xs-fit-cover-none {
object-fit: none;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-fit-cover {
object-fit: cover;
}
.p-s-fit-cover-none {
object-fit: none;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-fit-cover {
object-fit: cover;
}
.p-m-fit-cover-none {
object-fit: none;
}
}
@media screen and (min-width: 961px) {
.p-l-fit-cover {
object-fit: cover;
}
.p-l-fit-cover-none {
object-fit: none;
}
}
/* object-position: left/center/right top/center/bottom
horizontal & vertical alignment
----------------------------------- */
.p-fit-pos-center-center {
object-position: center center;
}
.p-fit-pos-center-top {
object-position: center top;
}
.p-fit-pos-center-bottom {
object-position: center bottom;
}
.p-fit-pos-left-center {
object-position: left center;
}
.p-fit-pos-left-top {
object-position: left top;
}
.p-fit-pos-left-bottom {
object-position: left bottom;
}
.p-fit-pos-right-center {
object-position: right center;
}
.p-fit-pos-right-top {
object-position: right top;
}
.p-fit-pos-right-bottom {
object-position: right bottom;
}
@media screen and (max-width: 450px) {
.p-xs-fit-pos-center-center {
object-position: center center;
}
.p-xs-fit-pos-center-top {
object-position: center top;
}
.p-xs-fit-pos-center-bottom {
object-position: center bottom;
}
.p-xs-fit-pos-left-center {
object-position: left center;
}
.p-xs-fit-pos-left-top {
object-position: left top;
}
.p-xs-fit-pos-left-bottom {
object-position: left bottom;
}
.p-xs-fit-pos-right-center {
object-position: right center;
}
.p-xs-fit-pos-right-top {
object-position: right top;
}
.p-xs-fit-pos-right-bottom {
object-position: right bottom;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-fit-pos-center-center {
object-position: center center;
}
.p-s-fit-pos-center-top {
object-position: center top;
}
.p-s-fit-pos-center-bottom {
object-position: center bottom;
}
.p-s-fit-pos-left-center {
object-position: left center;
}
.p-s-fit-pos-left-top {
object-position: left top;
}
.p-s-fit-pos-left-bottom {
object-position: left bottom;
}
.p-s-fit-pos-right-center {
object-position: right center;
}
.p-s-fit-pos-right-top {
object-position: right top;
}
.p-s-fit-pos-right-bottom {
object-position: right bottom;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-fit-pos-center-center {
object-position: center center;
}
.p-m-fit-pos-center-top {
object-position: center top;
}
.p-m-fit-pos-center-bottom {
object-position: center bottom;
}
.p-m-fit-pos-left-center {
object-position: left center;
}
.p-m-fit-pos-left-top {
object-position: left top;
}
.p-m-fit-pos-left-bottom {
object-position: left bottom;
}
.p-m-fit-pos-right-center {
object-position: right center;
}
.p-m-fit-pos-right-top {
object-position: right top;
}
.p-m-fit-pos-right-bottom {
object-position: right bottom;
}
}
@media screen and (min-width: 961px) {
.p-l-fit-pos-center-center {
object-position: center center;
}
.p-l-fit-pos-center-top {
object-position: center top;
}
.p-l-fit-pos-center-bottom {
object-position: center bottom;
}
.p-l-fit-pos-left-center {
object-position: left center;
}
.p-l-fit-pos-left-top {
object-position: left top;
}
.p-l-fit-pos-left-bottom {
object-position: left bottom;
}
.p-l-fit-pos-right-center {
object-position: right center;
}
.p-l-fit-pos-right-top {
object-position: right top;
}
.p-l-fit-pos-right-bottom {
object-position: right bottom;
}
}
/* GRID */
/* Grid wrapper. Negative margin negates left padding on first grid item. */
.p-grid {
margin-left: -2%;
list-style: none;
margin-bottom: 0;
}
.p-grid:after {
content: "";
display: table;
clear: both;
}
/* Nested grid wrappers */
.p-grid > .p-grid {
margin-left: 0;
}
/* Grid items */
.p-grid-item {
float: left;
width: 100%;
padding-left: 2%;
vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Pull classes, to move grid items over to the right by certain amounts. */
/* Not a particularly great selector, but the DRYest way to do things. */
[class*="p-pull-"] {
position: relative;
}
.p-pull-none {
right: auto;
}
.p-pull-one-whole {
right: 100%;
}
.p-pull-one-half {
right: 50%;
}
.p-pull-one-third {
right: 33.333%;
}
.p-pull-two-thirds {
right: 66.666%;
}
.p-pull-one-quarter {
right: 25%;
}
.p-pull-three-quarters {
right: 75%;
}
.p-pull-one-fifth {
right: 20%;
}
.p-pull-two-fifths {
right: 40%;
}
.p-pull-three-fifths {
right: 60%;
}
.p-pull-four-fifths {
right: 80%;
}
.p-pull-one-sixth {
right: 16.666%;
}
.p-pull-five-sixths {
right: 83.333%;
}
.p-pull-one-eighth {
right: 12.5%;
}
.p-pull-three-eighths {
right: 37.5%;
}
.p-pull-five-eighths {
right: 62.5%;
}
.p-pull-seven-eighths {
right: 87.5%;
}
.p-pull-one-tenth {
right: 10%;
}
.p-pull-three-tenths {
right: 30%;
}
.p-pull-five-tenths {
right: 50%;
}
.p-pull-seven-tenths {
right: 70%;
}
.p-pull-nine-tenths {
right: 90%;
}
.p-pull-one-twelfth {
right: 8.333%;
}
.p-pull-five-twelfths {
right: 41.666%;
}
.p-pull-seven-twelfths {
right: 58.333%;
}
.p-pull-eleven-twelfths {
right: 91.666%;
}
@media screen and (min-width: 0px) {
.p-pull-xs-none {
right: auto;
}
.p-pull-xs-one-whole {
right: 100%;
}
.p-pull-xs-one-half {
right: 50%;
}
.p-pull-xs-one-third {
right: 33.333%;
}
.p-pull-xs-two-thirds {
right: 66.666%;
}
.p-pull-xs-one-quarter {
right: 25%;
}
.p-pull-xs-three-quarters {
right: 75%;
}
.p-pull-xs-one-fifth {
right: 20%;
}
.p-pull-xs-two-fifths {
right: 40%;
}
.p-pull-xs-three-fifths {
right: 60%;
}
.p-pull-xs-four-fifths {
right: 80%;
}
.p-pull-xs-one-sixth {
right: 16.666%;
}
.p-pull-xs-five-sixths {
right: 83.333%;
}
.p-pull-xs-one-eighth {
right: 12.5%;
}
.p-pull-xs-three-eighths {
right: 37.5%;
}
.p-pull-xs-five-eighths {
right: 62.5%;
}
.p-pull-xs-seven-eighths {
right: 87.5%;
}
.p-pull-xs-one-tenth {
right: 10%;
}
.p-pull-xs-three-tenths {
right: 30%;
}
.p-pull-xs-five-tenths {
right: 50%;
}
.p-pull-xs-seven-tenths {
right: 70%;
}
.p-pull-xs-nine-tenths {
right: 90%;
}
.p-pull-xs-one-twelfth {
right: 8.333%;
}
.p-pull-xs-five-twelfths {
right: 41.666%;
}
.p-pull-xs-seven-twelfths {
right: 58.333%;
}
.p-pull-xs-eleven-twelfths {
right: 91.666%;
}
}
@media print, screen and (min-width: 451px) {
.p-pull-s-none {
right: auto;
}
.p-pull-s-one-whole {
right: 100%;
}
.p-pull-s-one-half {
right: 50%;
}
.p-pull-s-one-third {
right: 33.333%;
}
.p-pull-s-two-thirds {
right: 66.666%;
}
.p-pull-s-one-quarter {
right: 25%;
}
.p-pull-s-three-quarters {
right: 75%;
}
.p-pull-s-one-fifth {
right: 20%;
}
.p-pull-s-two-fifths {
right: 40%;
}
.p-pull-s-three-fifths {
right: 60%;
}
.p-pull-s-four-fifths {
right: 80%;
}
.p-pull-s-one-sixth {
right: 16.666%;
}
.p-pull-s-five-sixths {
right: 83.333%;
}
.p-pull-s-one-eighth {
right: 12.5%;
}
.p-pull-s-three-eighths {
right: 37.5%;
}
.p-pull-s-five-eighths {
right: 62.5%;
}
.p-pull-s-seven-eighths {
right: 87.5%;
}
.p-pull-s-one-tenth {
right: 10%;
}
.p-pull-s-three-tenths {
right: 30%;
}
.p-pull-s-five-tenths {
right: 50%;
}
.p-pull-s-seven-tenths {
right: 70%;
}
.p-pull-s-nine-tenths {
right: 90%;
}
.p-pull-s-one-twelfth {
right: 8.333%;
}
.p-pull-s-five-twelfths {
right: 41.666%;
}
.p-pull-s-seven-twelfths {
right: 58.333%;
}
.p-pull-s-eleven-twelfths {
right: 91.666%;
}
}
@media screen and (min-width: 701px) {
.p-pull-m-none {
right: auto;
}
.p-pull-m-one-whole {
right: 100%;
}
.p-pull-m-one-half {
right: 50%;
}
.p-pull-m-one-third {
right: 33.333%;
}
.p-pull-m-two-thirds {
right: 66.666%;
}
.p-pull-m-one-quarter {
right: 25%;
}
.p-pull-m-three-quarters {
right: 75%;
}
.p-pull-m-one-fifth {
right: 20%;
}
.p-pull-m-two-fifths {
right: 40%;
}
.p-pull-m-three-fifths {
right: 60%;
}
.p-pull-m-four-fifths {
right: 80%;
}
.p-pull-m-one-sixth {
right: 16.666%;
}
.p-pull-m-five-sixths {
right: 83.333%;
}
.p-pull-m-one-eighth {
right: 12.5%;
}
.p-pull-m-three-eighths {
right: 37.5%;
}
.p-pull-m-five-eighths {
right: 62.5%;
}
.p-pull-m-seven-eighths {
right: 87.5%;
}
.p-pull-m-one-tenth {
right: 10%;
}
.p-pull-m-three-tenths {
right: 30%;
}
.p-pull-m-five-tenths {
right: 50%;
}
.p-pull-m-seven-tenths {
right: 70%;
}
.p-pull-m-nine-tenths {
right: 90%;
}
.p-pull-m-one-twelfth {
right: 8.333%;
}
.p-pull-m-five-twelfths {
right: 41.666%;
}
.p-pull-m-seven-twelfths {
right: 58.333%;
}
.p-pull-m-eleven-twelfths {
right: 91.666%;
}
}
@media screen and (min-width: 961px) {
.p-pull-l-none {
right: auto;
}
.p-pull-l-one-whole {
right: 100%;
}
.p-pull-l-one-half {
right: 50%;
}
.p-pull-l-one-third {
right: 33.333%;
}
.p-pull-l-two-thirds {
right: 66.666%;
}
.p-pull-l-one-quarter {
right: 25%;
}
.p-pull-l-three-quarters {
right: 75%;
}
.p-pull-l-one-fifth {
right: 20%;
}
.p-pull-l-two-fifths {
right: 40%;
}
.p-pull-l-three-fifths {
right: 60%;
}
.p-pull-l-four-fifths {
right: 80%;
}
.p-pull-l-one-sixth {
right: 16.666%;
}
.p-pull-l-five-sixths {
right: 83.333%;
}
.p-pull-l-one-eighth {
right: 12.5%;
}
.p-pull-l-three-eighths {
right: 37.5%;
}
.p-pull-l-five-eighths {
right: 62.5%;
}
.p-pull-l-seven-eighths {
right: 87.5%;
}
.p-pull-l-one-tenth {
right: 10%;
}
.p-pull-l-three-tenths {
right: 30%;
}
.p-pull-l-five-tenths {
right: 50%;
}
.p-pull-l-seven-tenths {
right: 70%;
}
.p-pull-l-nine-tenths {
right: 90%;
}
.p-pull-l-one-twelfth {
right: 8.333%;
}
.p-pull-l-five-twelfths {
right: 41.666%;
}
.p-pull-l-seven-twelfths {
right: 58.333%;
}
.p-pull-l-eleven-twelfths {
right: 91.666%;
}
}
/* PUSH */
/* Push classes, to move grid items over to the right by certain amounts. */
/* Not a particularly great selector, but the DRYest way to do things. */
[class*="p-push-"] {
position: relative;
}
.p-push-none {
left: auto;
}
.p-push-one-whole {
left: 100%;
}
.p-push-one-half {
left: 50%;
}
.p-push-one-third {
left: 33.333%;
}
.p-push-two-thirds {
left: 66.666%;
}
.p-push-one-quarter {
left: 25%;
}
.p-push-three-quarters {
left: 75%;
}
.p-push-one-fifth {
left: 20%;
}
.p-push-two-fifths {
left: 40%;
}
.p-push-three-fifths {
left: 60%;
}
.p-push-four-fifths {
left: 80%;
}
.p-push-one-sixth {
left: 16.666%;
}
.p-push-five-sixths {
left: 83.333%;
}
.p-push-one-eighth {
left: 12.5%;
}
.p-push-three-eighths {
left: 37.5%;
}
.p-push-five-eighths {
left: 62.5%;
}
.p-push-seven-eighths {
left: 87.5%;
}
.p-push-one-tenth {
left: 10%;
}
.p-push-three-tenths {
left: 30%;
}
.p-push-five-tenths {
left: 50%;
}
.p-push-seven-tenths {
left: 70%;
}
.p-push-nine-tenths {
left: 90%;
}
.p-push-one-twelfth {
left: 8.333%;
}
.p-push-five-twelfths {
left: 41.666%;
}
.p-push-seven-twelfths {
left: 58.333%;
}
.p-push-eleven-twelfths {
left: 91.666%;
}
@media screen and (min-width: 0px) {
.p-push-xs-none {
left: auto;
}
.p-push-xs-one-whole {
left: 100%;
}
.p-push-xs-one-half {
left: 50%;
}
.p-push-xs-one-third {
left: 33.333%;
}
.p-push-xs-two-thirds {
left: 66.666%;
}
.p-push-xs-one-quarter {
left: 25%;
}
.p-push-xs-three-quarters {
left: 75%;
}
.p-push-xs-one-fifth {
left: 20%;
}
.p-push-xs-two-fifths {
left: 40%;
}
.p-push-xs-three-fifths {
left: 60%;
}
.p-push-xs-four-fifths {
left: 80%;
}
.p-push-xs-one-sixth {
left: 16.666%;
}
.p-push-xs-five-sixths {
left: 83.333%;
}
.p-push-xs-one-eighth {
left: 12.5%;
}
.p-push-xs-three-eighths {
left: 37.5%;
}
.p-push-xs-five-eighths {
left: 62.5%;
}
.p-push-xs-seven-eighths {
left: 87.5%;
}
.p-push-xs-one-tenth {
left: 10%;
}
.p-push-xs-three-tenths {
left: 30%;
}
.p-push-xs-five-tenths {
left: 50%;
}
.p-push-xs-seven-tenths {
left: 70%;
}
.p-push-xs-nine-tenths {
left: 90%;
}
.p-push-xs-one-twelfth {
left: 8.333%;
}
.p-push-xs-five-twelfths {
left: 41.666%;
}
.p-push-xs-seven-twelfths {
left: 58.333%;
}
.p-push-xs-eleven-twelfths {
left: 91.666%;
}
}
@media print, screen and (min-width: 451px) {
.p-push-s-none {
left: auto;
}
.p-push-s-one-whole {
left: 100%;
}
.p-push-s-one-half {
left: 50%;
}
.p-push-s-one-third {
left: 33.333%;
}
.p-push-s-two-thirds {
left: 66.666%;
}
.p-push-s-one-quarter {
left: 25%;
}
.p-push-s-three-quarters {
left: 75%;
}
.p-push-s-one-fifth {
left: 20%;
}
.p-push-s-two-fifths {
left: 40%;
}
.p-push-s-three-fifths {
left: 60%;
}
.p-push-s-four-fifths {
left: 80%;
}
.p-push-s-one-sixth {
left: 16.666%;
}
.p-push-s-five-sixths {
left: 83.333%;
}
.p-push-s-one-eighth {
left: 12.5%;
}
.p-push-s-three-eighths {
left: 37.5%;
}
.p-push-s-five-eighths {
left: 62.5%;
}
.p-push-s-seven-eighths {
left: 87.5%;
}
.p-push-s-one-tenth {
left: 10%;
}
.p-push-s-three-tenths {
left: 30%;
}
.p-push-s-five-tenths {
left: 50%;
}
.p-push-s-seven-tenths {
left: 70%;
}
.p-push-s-nine-tenths {
left: 90%;
}
.p-push-s-one-twelfth {
left: 8.333%;
}
.p-push-s-five-twelfths {
left: 41.666%;
}
.p-push-s-seven-twelfths {
left: 58.333%;
}
.p-push-s-eleven-twelfths {
left: 91.666%;
}
}
@media screen and (min-width: 701px) {
.p-push-m-none {
left: auto;
}
.p-push-m-one-whole {
left: 100%;
}
.p-push-m-one-half {
left: 50%;
}
.p-push-m-one-third {
left: 33.333%;
}
.p-push-m-two-thirds {
left: 66.666%;
}
.p-push-m-one-quarter {
left: 25%;
}
.p-push-m-three-quarters {
left: 75%;
}
.p-push-m-one-fifth {
left: 20%;
}
.p-push-m-two-fifths {
left: 40%;
}
.p-push-m-three-fifths {
left: 60%;
}
.p-push-m-four-fifths {
left: 80%;
}
.p-push-m-one-sixth {
left: 16.666%;
}
.p-push-m-five-sixths {
left: 83.333%;
}
.p-push-m-one-eighth {
left: 12.5%;
}
.p-push-m-three-eighths {
left: 37.5%;
}
.p-push-m-five-eighths {
left: 62.5%;
}
.p-push-m-seven-eighths {
left: 87.5%;
}
.p-push-m-one-tenth {
left: 10%;
}
.p-push-m-three-tenths {
left: 30%;
}
.p-push-m-five-tenths {
left: 50%;
}
.p-push-m-seven-tenths {
left: 70%;
}
.p-push-m-nine-tenths {
left: 90%;
}
.p-push-m-one-twelfth {
left: 8.333%;
}
.p-push-m-five-twelfths {
left: 41.666%;
}
.p-push-m-seven-twelfths {
left: 58.333%;
}
.p-push-m-eleven-twelfths {
left: 91.666%;
}
}
@media screen and (min-width: 961px) {
.p-push-l-none {
left: auto;
}
.p-push-l-one-whole {
left: 100%;
}
.p-push-l-one-half {
left: 50%;
}
.p-push-l-one-third {
left: 33.333%;
}
.p-push-l-two-thirds {
left: 66.666%;
}
.p-push-l-one-quarter {
left: 25%;
}
.p-push-l-three-quarters {
left: 75%;
}
.p-push-l-one-fifth {
left: 20%;
}
.p-push-l-two-fifths {
left: 40%;
}
.p-push-l-three-fifths {
left: 60%;
}
.p-push-l-four-fifths {
left: 80%;
}
.p-push-l-one-sixth {
left: 16.666%;
}
.p-push-l-five-sixths {
left: 83.333%;
}
.p-push-l-one-eighth {
left: 12.5%;
}
.p-push-l-three-eighths {
left: 37.5%;
}
.p-push-l-five-eighths {
left: 62.5%;
}
.p-push-l-seven-eighths {
left: 87.5%;
}
.p-push-l-one-tenth {
left: 10%;
}
.p-push-l-three-tenths {
left: 30%;
}
.p-push-l-five-tenths {
left: 50%;
}
.p-push-l-seven-tenths {
left: 70%;
}
.p-push-l-nine-tenths {
left: 90%;
}
.p-push-l-one-twelfth {
left: 8.333%;
}
.p-push-l-five-twelfths {
left: 41.666%;
}
.p-push-l-seven-twelfths {
left: 58.333%;
}
.p-push-l-eleven-twelfths {
left: 91.666%;
}
}
/* Offset */
/* Offsets classes, to move grid items over to the right by certain amounts. */
.p-offset-none {
margin-left: 0;
}
.p-offset-one-whole {
margin-left: 100%;
}
.p-offset-one-half {
margin-left: 50%;
}
.p-offset-one-third {
margin-left: 33.333%;
}
.p-offset-two-thirds {
margin-left: 66.666%;
}
.p-offset-one-quarter {
margin-left: 25%;
}
.p-offset-three-quarters {
margin-left: 75%;
}
.p-offset-one-fifth {
margin-left: 20%;
}
.p-offset-two-fifths {
margin-left: 40%;
}
.p-offset-three-fifths {
margin-left: 60%;
}
.p-offset-four-fifths {
margin-left: 80%;
}
.p-offset-one-sixth {
margin-left: 16.666%;
}
.p-offset-five-sixths {
margin-left: 83.333%;
}
.p-offset-one-eighth {
margin-left: 12.5%;
}
.p-offset-three-eighths {
margin-left: 37.5%;
}
.p-offset-five-eighths {
margin-left: 62.5%;
}
.p-offset-seven-eighths {
margin-left: 87.5%;
}
.p-offset-one-tenth {
margin-left: 10%;
}
.p-offset-three-tenths {
margin-left: 30%;
}
.p-offset-five-tenths {
margin-left: 50%;
}
.p-offset-seven-tenths {
margin-left: 70%;
}
.p-offset-nine-tenths {
margin-left: 90%;
}
.p-offset-one-twelfth {
margin-left: 8.333%;
}
.p-offset-five-twelfths {
margin-left: 41.666%;
}
.p-offset-seven-twelfths {
margin-left: 58.333%;
}
.p-offset-eleven-twelfths {
margin-left: 91.666%;
}
@media screen and (max-width: 450px) {
.p-offset-xs-none {
margin-left: 0;
}
.p-offset-xs-one-whole {
margin-left: 100%;
}
.p-offset-xs-one-half {
margin-left: 50%;
}
.p-offset-xs-one-third {
margin-left: 33.333%;
}
.p-offset-xs-two-thirds {
margin-left: 66.666%;
}
.p-offset-xs-one-quarter {
margin-left: 25%;
}
.p-offset-xs-three-quarters {
margin-left: 75%;
}
.p-offset-xs-one-fifth {
margin-left: 20%;
}
.p-offset-xs-two-fifths {
margin-left: 40%;
}
.p-offset-xs-three-fifths {
margin-left: 60%;
}
.p-offset-xs-four-fifths {
margin-left: 80%;
}
.p-offset-xs-one-sixth {
margin-left: 16.666%;
}
.p-offset-xs-five-sixths {
margin-left: 83.333%;
}
.p-offset-xs-one-eighth {
margin-left: 12.5%;
}
.p-offset-xs-three-eighths {
margin-left: 37.5%;
}
.p-offset-xs-five-eighths {
margin-left: 62.5%;
}
.p-offset-xs-seven-eighths {
margin-left: 87.5%;
}
.p-offset-xs-one-tenth {
margin-left: 10%;
}
.p-offset-xs-three-tenths {
margin-left: 30%;
}
.p-offset-xs-five-tenths {
margin-left: 50%;
}
.p-offset-xs-seven-tenths {
margin-left: 70%;
}
.p-offset-xs-nine-tenths {
margin-left: 90%;
}
.p-offset-xs-one-twelfth {
margin-left: 8.333%;
}
.p-offset-xs-five-twelfths {
margin-left: 41.666%;
}
.p-offset-xs-seven-twelfths {
margin-left: 58.333%;
}
.p-offset-xs-eleven-twelfths {
margin-left: 91.666%;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-offset-s-none {
margin-left: 0;
}
.p-offset-s-one-whole {
margin-left: 100%;
}
.p-offset-s-one-half {
margin-left: 50%;
}
.p-offset-s-one-third {
margin-left: 33.333%;
}
.p-offset-s-two-thirds {
margin-left: 66.666%;
}
.p-offset-s-one-quarter {
margin-left: 25%;
}
.p-offset-s-three-quarters {
margin-left: 75%;
}
.p-offset-s-one-fifth {
margin-left: 20%;
}
.p-offset-s-two-fifths {
margin-left: 40%;
}
.p-offset-s-three-fifths {
margin-left: 60%;
}
.p-offset-s-four-fifths {
margin-left: 80%;
}
.p-offset-s-one-sixth {
margin-left: 16.666%;
}
.p-offset-s-five-sixths {
margin-left: 83.333%;
}
.p-offset-s-one-eighth {
margin-left: 12.5%;
}
.p-offset-s-three-eighths {
margin-left: 37.5%;
}
.p-offset-s-five-eighths {
margin-left: 62.5%;
}
.p-offset-s-seven-eighths {
margin-left: 87.5%;
}
.p-offset-s-one-tenth {
margin-left: 10%;
}
.p-offset-s-three-tenths {
margin-left: 30%;
}
.p-offset-s-five-tenths {
margin-left: 50%;
}
.p-offset-s-seven-tenths {
margin-left: 70%;
}
.p-offset-s-nine-tenths {
margin-left: 90%;
}
.p-offset-s-one-twelfth {
margin-left: 8.333%;
}
.p-offset-s-five-twelfths {
margin-left: 41.666%;
}
.p-offset-s-seven-twelfths {
margin-left: 58.333%;
}
.p-offset-s-eleven-twelfths {
margin-left: 91.666%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-offset-m-none {
margin-left: 0;
}
.p-offset-m-one-whole {
margin-left: 100%;
}
.p-offset-m-one-half {
margin-left: 50%;
}
.p-offset-m-one-third {
margin-left: 33.333%;
}
.p-offset-m-two-thirds {
margin-left: 66.666%;
}
.p-offset-m-one-quarter {
margin-left: 25%;
}
.p-offset-m-three-quarters {
margin-left: 75%;
}
.p-offset-m-one-fifth {
margin-left: 20%;
}
.p-offset-m-two-fifths {
margin-left: 40%;
}
.p-offset-m-three-fifths {
margin-left: 60%;
}
.p-offset-m-four-fifths {
margin-left: 80%;
}
.p-offset-m-one-sixth {
margin-left: 16.666%;
}
.p-offset-m-five-sixths {
margin-left: 83.333%;
}
.p-offset-m-one-eighth {
margin-left: 12.5%;
}
.p-offset-m-three-eighths {
margin-left: 37.5%;
}
.p-offset-m-five-eighths {
margin-left: 62.5%;
}
.p-offset-m-seven-eighths {
margin-left: 87.5%;
}
.p-offset-m-one-tenth {
margin-left: 10%;
}
.p-offset-m-three-tenths {
margin-left: 30%;
}
.p-offset-m-five-tenths {
margin-left: 50%;
}
.p-offset-m-seven-tenths {
margin-left: 70%;
}
.p-offset-m-nine-tenths {
margin-left: 90%;
}
.p-offset-m-one-twelfth {
margin-left: 8.333%;
}
.p-offset-m-five-twelfths {
margin-left: 41.666%;
}
.p-offset-m-seven-twelfths {
margin-left: 58.333%;
}
.p-offset-m-eleven-twelfths {
margin-left: 91.666%;
}
}
@media screen and (min-width: 961px) {
.p-offset-l-none {
margin-left: 0;
}
.p-offset-l-one-whole {
margin-left: 100%;
}
.p-offset-l-one-half {
margin-left: 50%;
}
.p-offset-l-one-third {
margin-left: 33.333%;
}
.p-offset-l-two-thirds {
margin-left: 66.666%;
}
.p-offset-l-one-quarter {
margin-left: 25%;
}
.p-offset-l-three-quarters {
margin-left: 75%;
}
.p-offset-l-one-fifth {
margin-left: 20%;
}
.p-offset-l-two-fifths {
margin-left: 40%;
}
.p-offset-l-three-fifths {
margin-left: 60%;
}
.p-offset-l-four-fifths {
margin-left: 80%;
}
.p-offset-l-one-sixth {
margin-left: 16.666%;
}
.p-offset-l-five-sixths {
margin-left: 83.333%;
}
.p-offset-l-one-eighth {
margin-left: 12.5%;
}
.p-offset-l-three-eighths {
margin-left: 37.5%;
}
.p-offset-l-five-eighths {
margin-left: 62.5%;
}
.p-offset-l-seven-eighths {
margin-left: 87.5%;
}
.p-offset-l-one-tenth {
margin-left: 10%;
}
.p-offset-l-three-tenths {
margin-left: 30%;
}
.p-offset-l-five-tenths {
margin-left: 50%;
}
.p-offset-l-seven-tenths {
margin-left: 70%;
}
.p-offset-l-nine-tenths {
margin-left: 90%;
}
.p-offset-l-one-twelfth {
margin-left: 8.333%;
}
.p-offset-l-five-twelfths {
margin-left: 41.666%;
}
.p-offset-l-seven-twelfths {
margin-left: 58.333%;
}
.p-offset-l-eleven-twelfths {
margin-left: 91.666%;
}
}
/* REMS */
/*
borders
*/
/*
padding mixins
*/
/*
margin mixins
*/
/* Whole */
.p-one-whole {
width: 100%;
}
/* Halves */
.p-one-half {
width: 50%;
}
/* Thirds */
.p-one-third {
width: 33.3334%;
}
.p-two-thirds {
width: 66.6667%;
}
/* Quarters */
.p-one-quarter {
width: 25%;
}
.p-three-quarters {
width: 75%;
}
/* Fifths */
.p-one-fifth {
width: 20%;
}
.p-two-fifths {
width: 40%;
}
.p-three-fifths {
width: 60%;
}
.p-four-fifths {
width: 80%;
}
/* Sixths */
.p-one-sixth {
width: 16.6667%;
}
.p-five-sixths {
width: 83.3334%;
}
/* Eighths */
.p-one-eighth {
width: 12.5%;
}
.p-three-eighths {
width: 37.5%;
}
.p-five-eighths {
width: 62.5%;
}
.p-seven-eighths {
width: 87.5%;
}
/* Tenths */
.p-one-tenth {
width: 10%;
}
.p-three-tenths {
width: 30%;
}
.p-seven-tenths {
width: 70%;
}
.p-nine-tenths {
width: 90%;
}
/* Twelfths */
.p-one-twelfth {
width: 8.3334%;
}
.p-five-twelfths {
width: 41.6667%;
}
.p-seven-twelfths {
width: 58.3334%;
}
.p-eleven-twelfths {
width: 91.6667%;
}
/*
* Responsive grid media queries:
* If you have set `@responsive` to ‘true’ in `vars.less` then you now have
* access to these classes. You can define at which breakpoint you’d like an
* element to be a certain size, e.g.:
*
* ...
`
*
* This would create a `div` that, at large sizes, takes up a quarter of the
* horizontal space, a half of that space at medium sizes, and goes full width
* at extra small sizes.
*
*/
@media screen and (min-width: 0px) {
/* Whole */
.p-xs-one-whole {
width: 100%;
}
/* Halves */
.p-xs-one-half {
width: 50%;
}
/* Thirds */
.p-xs-one-third {
width: 33.3334%;
}
.p-xs-two-thirds {
width: 66.6667%;
}
/* Quarters */
.p-xs-one-quarter {
width: 25%;
}
.p-xs-three-quarters {
width: 75%;
}
/* Fifths */
.p-xs-one-fifth {
width: 20%;
}
.p-xs-two-fifths {
width: 40%;
}
.p-xs-three-fifths {
width: 60%;
}
.p-xs-four-fifths {
width: 80%;
}
/* Sixths */
.p-xs-one-sixth {
width: 16.6667%;
}
.p-xs-five-sixths {
width: 83.3334%;
}
/* Eighths */
.p-xs-one-eighth {
width: 12.5%;
}
.p-xs-three-eighths {
width: 37.5%;
}
.p-xs-five-eighths {
width: 62.5%;
}
.p-xs-seven-eighths {
width: 87.5%;
}
/* Tenths */
.p-xs-one-tenth {
width: 10%;
}
.p-xs-three-tenths {
width: 30%;
}
.p-xs-seven-tenths {
width: 70%;
}
.p-xs-nine-tenths {
width: 90%;
}
/* Twelfths */
.p-xs-one-twelfth {
width: 8.3334%;
}
.p-xs-five-twelfths {
width: 41.6667%;
}
.p-xs-seven-twelfths {
width: 58.3334%;
}
.p-xs-eleven-twelfths {
width: 91.6667%;
}
.p-grid {
margin-left: -10px;
}
.p-grid-item {
padding-left: 10px;
}
}
@media screen and (max-width: 450px) {
.p-xs-grid-no-gutter {
margin-left: 0px;
}
.p-xs-grid-no-gutter > .p-grid-item {
padding-left: 0px;
}
}
@media print, screen and (min-width: 451px) {
/* Whole */
.p-s-one-whole {
width: 100%;
}
/* Halves */
.p-s-one-half {
width: 50%;
}
/* Thirds */
.p-s-one-third {
width: 33.3334%;
}
.p-s-two-thirds {
width: 66.6667%;
}
/* Quarters */
.p-s-one-quarter {
width: 25%;
}
.p-s-three-quarters {
width: 75%;
}
/* Fifths */
.p-s-one-fifth {
width: 20%;
}
.p-s-two-fifths {
width: 40%;
}
.p-s-three-fifths {
width: 60%;
}
.p-s-four-fifths {
width: 80%;
}
/* Sixths */
.p-s-one-sixth {
width: 16.6667%;
}
.p-s-five-sixths {
width: 83.3334%;
}
/* Eighths */
.p-s-one-eighth {
width: 12.5%;
}
.p-s-three-eighths {
width: 37.5%;
}
.p-s-five-eighths {
width: 62.5%;
}
.p-s-seven-eighths {
width: 87.5%;
}
/* Tenths */
.p-s-one-tenth {
width: 10%;
}
.p-s-three-tenths {
width: 30%;
}
.p-s-seven-tenths {
width: 70%;
}
.p-s-nine-tenths {
width: 90%;
}
/* Twelfths */
.p-s-one-twelfth {
width: 8.3334%;
}
.p-s-five-twelfths {
width: 41.6667%;
}
.p-s-seven-twelfths {
width: 58.3334%;
}
.p-s-eleven-twelfths {
width: 91.6667%;
}
.p-grid {
margin-left: -16px;
}
.p-grid-item {
padding-left: 16px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-grid-no-gutter {
margin-left: 0;
}
.p-s-grid-no-gutter > .p-grid-item {
padding-left: 0px;
}
}
@media screen and (min-width: 701px) {
/* Whole */
.p-m-one-whole {
width: 100%;
}
/* Halves */
.p-m-one-half {
width: 50%;
}
/* Thirds */
.p-m-one-third {
width: 33.3334%;
}
.p-m-two-thirds {
width: 66.6667%;
}
/* Quarters */
.p-m-one-quarter {
width: 25%;
}
.p-m-three-quarters {
width: 75%;
}
/* Fifths */
.p-m-one-fifth {
width: 20%;
}
.p-m-two-fifths {
width: 40%;
}
.p-m-three-fifths {
width: 60%;
}
.p-m-four-fifths {
width: 80%;
}
/* Sixths */
.p-m-one-sixth {
width: 16.6667%;
}
.p-m-five-sixths {
width: 83.3334%;
}
/* Eighths */
.p-m-one-eighth {
width: 12.5%;
}
.p-m-three-eighths {
width: 37.5%;
}
.p-m-five-eighths {
width: 62.5%;
}
.p-m-seven-eighths {
width: 87.5%;
}
/* Tenths */
.p-m-one-tenth {
width: 10%;
}
.p-m-three-tenths {
width: 30%;
}
.p-m-seven-tenths {
width: 70%;
}
.p-m-nine-tenths {
width: 90%;
}
/* Twelfths */
.p-m-one-twelfth {
width: 8.3334%;
}
.p-m-five-twelfths {
width: 41.6667%;
}
.p-m-seven-twelfths {
width: 58.3334%;
}
.p-m-eleven-twelfths {
width: 91.6667%;
}
.p-grid {
margin-left: -16px;
}
.p-grid-item {
padding-left: 16px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-grid-no-gutter {
margin-left: 0px;
}
.p-m-grid-no-gutter > .p-grid-item {
padding-left: 0px;
}
}
@media screen and (min-width: 961px) {
/* Whole */
.p-l-one-whole {
width: 100%;
}
/* Halves */
.p-l-one-half {
width: 50%;
}
/* Thirds */
.p-l-one-third {
width: 33.3334%;
}
.p-l-two-thirds {
width: 66.6667%;
}
/* Quarters */
.p-l-one-quarter {
width: 25%;
}
.p-l-three-quarters {
width: 75%;
}
/* Fifths */
.p-l-one-fifth {
width: 20%;
}
.p-l-two-fifths {
width: 40%;
}
.p-l-three-fifths {
width: 60%;
}
.p-l-four-fifths {
width: 80%;
}
/* Sixths */
.p-l-one-sixth {
width: 16.6667%;
}
.p-l-five-sixths {
width: 83.3334%;
}
/* Eighths */
.p-l-one-eighth {
width: 12.5%;
}
.p-l-three-eighths {
width: 37.5%;
}
.p-l-five-eighths {
width: 62.5%;
}
.p-l-seven-eighths {
width: 87.5%;
}
/* Tenths */
.p-l-one-tenth {
width: 10%;
}
.p-l-three-tenths {
width: 30%;
}
.p-l-seven-tenths {
width: 70%;
}
.p-l-nine-tenths {
width: 90%;
}
/* Twelfths */
.p-l-one-twelfth {
width: 8.3334%;
}
.p-l-five-twelfths {
width: 41.6667%;
}
.p-l-seven-twelfths {
width: 58.3334%;
}
.p-l-eleven-twelfths {
width: 91.6667%;
}
.p-grid {
margin-left: -22px;
}
.p-grid-item {
padding-left: 22px;
}
.p-l-grid-no-gutter {
margin-left: 0px;
}
.p-l-grid-no-gutter > .p-grid-item {
padding-left: 0px;
}
}
.p-grid-no-gutter {
margin-left: 0px;
}
.p-grid-no-gutter > .p-grid-item {
padding-left: 0px;
}
.p-grid-item img {
max-width: 100%;
}
/* Print styles for modern browsers */
@media print {
body {
color: #000000;
background: #ffffff;
page-break-after: auto;
}
body,
article {
width: 100%;
margin: 0;
padding: 0;
}
nav,
aside {
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
page-break-after: avoid;
color: #000000 !important;
}
article {
page-break-before: always;
}
ul,
img {
page-break-inside: auto;
}
article a {
font-weight: bolder;
text-decoration: none;
}
article a[href^=http]:after {
content: " <" attr(href) "> ";
}
article a[href^="#"]:after {
content: "";
}
img {
max-width: 100% !important;
}
@page {
margin: 2cm;
}
/* -----Masthead -----
* As per new CR, the masthead text is expected to move outside/below the masthead image.
* So the image is positioned relatively and the padding and min-height configured are removed to
* avoid the unwanted spaces around masthead text.
*/
.p-masthead-background {
position: relative !important;
}
.p-masthead-background img {
object-fit: cover !important;
}
.p-masthead-background .p-fit {
position: relative !important;
top: 0px !important;
left: 0px !important;
-ms-transform: none !important;
}
.p-gc06-background {
position: relative !important;
}
.p-gc06-background,
.p-gc06-foreground,
.p-mh01v2-simplemasthead,
.p-p52v2-product-introduction {
min-height: 0 !important;
}
.p-gc06-foreground,
.p-simplemasthead-positioning,
.p-p52v2-product-introduction {
padding: 0 !important;
}
p,
span {
color: #000000 !important;
}
/* Black list components */
.p-a02-downloadable-asset,
.p-fp-04-accessory-finder-search-field,
.p-gc15-link-button,
.p-gc23v2-icon,
.p-n04-breadcrumb,
.p-n04v2-breadcrumb,
.n05-selectcountry,
.n06-selectsite,
.p-n07-generic-breadcrumb,
.p-n14-link-list,
.p-n17-sticky-vertical-widget,
.p-n17v2-vertical-inpage-navigation,
.p-n23-links,
.p-sc02-facebookfeed,
.p-sc04-twitter-feed,
.p-sc04v2-twitter-feeds,
.p-sc05-social-banner,
.p-sc14v2-linkedin-feeds,
.p-st03-support-contact-details,
.p-st30-contact,
.p-n01-header,
.p-n02-header,
.p-n02v2-header,
.p-n102-header,
.p-f102-footer,
.p-p54v2-image-gallery {
display: none;
}
.p-print-hidden {
display: none;
}
.p-print-show {
display: block;
}
.p-f03-footer-container,
.p-f03v2-footer-container {
background: transparent !important;
border-top: 1px solid #000000;
}
.p-f03-footer-container .p-footer,
.p-f03v2-footer-container .p-footer,
.p-f03-footer-container .p-main-footer-about,
.p-f03v2-footer-container .p-main-footer-about {
display: none;
}
.p-f03-footer-container .p-i18-internationalizationitem,
.p-f03v2-footer-container .p-i18-internationalizationitem {
color: #000000;
}
.p-f02-global-footer {
background: transparent !important;
border-top: 1px solid #000000;
}
.p-f02-global-footer .p-philips-shield,
.p-f02-global-footer .p-main-footer-language {
display: none;
}
.p-f02-global-footer .p-main-footer-about ul {
display: none;
}
.p-f02-global-footer .p-main-footer-about .p-body-copy-02 {
color: #000000;
}
.p-gc05v2-tabcontainer .p-tab-content {
display: block !important;
}
.p-gc05v2-tabcontainer nav {
display: block !important;
}
.p-gc05v2-tabcontainer nav .p-tab-switcher {
display: none !important;
}
.p-gc05v2-tabcontainer nav .p-tab-container li {
clear: both;
padding-bottom: 5px;
}
.p-gc05v2-tabcontainer nav .p-tab-container li .p-tab-content {
height: auto !important;
}
.p-gc42-recipe .p-gc42-recipe-instructions .p-instruction-highlight {
background-color: transparent !important;
padding: 0px 0px 5px 0px !important;
}
.p-gc42-recipe .p-gc42-recipe-instructions .p-recipe-tip {
margin-top: 0px !important;
}
.p-gc42-recipe .p-instruction-image {
max-width: 33% !important;
}
.p-gc42-recipe .p-instruction-number {
display: none !important;
}
}
/*
Defaults
---------------------------*/
.p-bullets {
list-style: none;
margin: 0;
color: #3c3c3c;
}
.p-bullets li {
position: relative;
padding: 0 0 0.5em 1em;
line-height: 1.5em;
}
.p-bullets li:before {
position: absolute;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 1.3em;
top: 0;
left: 0;
content: "\2022";
}
.p-bullets.p-small {
font-family: tahoma, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
}
.p-bullets.p-medium {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
.p-bullets.p-medium.p-heading-secondary {
color: #7d0063;
}
.p-bullets.p-large {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
}
.p-bullets.p-large.p-heading-secondary {
color: #7d0063;
}
.p-numbers {
list-style-type: decimal;
color: #3c3c3c;
padding-left: 20px;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-bullets,
.p-inverted .p-numbers {
color: #ffffff;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-button {
background-image: none;
border: 1px solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-block;
line-height: 1.42857143;
text-align: center;
position: relative;
vertical-align: middle;
font-size: 12px;
padding: 4px 20px 3px 20px;
margin-bottom: 0px;
border-radius: 2px 2px 2px 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 78px;
/* FULL WIDTH BUTTON */
/* LARGE BUTTON */
/* XLARGE BUTTON */
/* VARIATIONS */
background-color: #7d0063;
}
.p-button .p-arrow-right,
.p-button .p-arrow-down {
display: none;
}
.p-button.p-full {
display: block;
width: 100%;
}
.p-button.p-large {
font-size: 14px;
padding: 7px 24px 5px 24px;
min-width: 86px;
}
.p-button.p-xlarge {
font-size: 17px;
padding: 7px 24px 5px 24px;
min-width: 86px;
}
.p-button:hover {
background-color: #63004f;
text-decoration: none;
}
.p-button:active {
box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.1);
}
.p-button.p-opacity {
background-color: rgba(125, 0, 99, 0.8);
}
.p-button.p-opacity:hover {
background-color: rgba(99, 0, 79, 0.8);
}
.p-button.p-opacity:active {
background-color: rgba(74, 0, 59, 0.8);
}
.p-button.p-button-conversion {
background-color: #e26d00;
}
.p-button.p-button-conversion:hover {
background-color: #c96100;
text-decoration: none;
}
.p-button.p-button-conversion:active {
box-shadow: inset 0 0 5px 5px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-conversion.p-opacity {
background-color: rgba(226, 109, 0, 0.8);
}
.p-button.p-button-conversion.p-opacity:hover {
background-color: rgba(201, 97, 0, 0.8);
}
.p-button.p-button-conversion.p-opacity:active {
background-color: rgba(175, 84, 0, 0.8);
}
.p-button.p-button-aqua-bright {
background-color: #1e9d8b;
}
.p-button.p-button-aqua-bright:hover {
background-color: #1a8878;
}
.p-button.p-button-aqua-bright.p-opacity {
background-color: rgba(30, 157, 139, 0.8);
}
.p-button.p-button-aqua-bright.p-opacity:hover {
background-color: rgba(26, 136, 120, 0.8);
}
.p-button.p-button-aqua-bright.p-opacity:active {
background-color: rgba(22, 114, 101, 0.8);
}
.p-button.p-button-aqua-bright.p-button-secondary {
color: #1e9d8b;
border-color: #8fcec5;
}
.p-button.p-button-aqua-bright.p-button-secondary:hover {
background-color: #eafbf8;
text-decoration: none;
}
.p-button.p-button-aqua-bright.p-button-secondary:active {
background-color: #d4f7f2;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-aqua-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(234, 251, 248, 0.8);
}
.p-button.p-button-aqua-bright.p-button-secondary.p-opacity:active {
background-color: rgba(212, 247, 242, 0.8);
}
.p-button.p-button-aqua-dark {
background-color: #156570;
}
.p-button.p-button-aqua-dark:hover {
background-color: #11525b;
}
.p-button.p-button-aqua-dark.p-opacity {
background-color: rgba(21, 101, 112, 0.8);
}
.p-button.p-button-aqua-dark.p-opacity:hover {
background-color: rgba(17, 82, 91, 0.8);
}
.p-button.p-button-aqua-dark.p-opacity:active {
background-color: rgba(13, 62, 69, 0.8);
}
.p-button.p-button-aqua-dark.p-button-secondary {
color: #156570;
border-color: #8ab2b8;
}
.p-button.p-button-aqua-dark.p-button-secondary:hover {
background-color: #eaf9fb;
text-decoration: none;
}
.p-button.p-button-aqua-dark.p-button-secondary:active {
background-color: #d4f3f7;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-aqua-dark.p-button-secondary.p-opacity:hover {
background-color: rgba(234, 249, 251, 0.8);
}
.p-button.p-button-aqua-dark.p-button-secondary.p-opacity:active {
background-color: rgba(212, 243, 247, 0.8);
}
.p-button.p-button-blue-bright {
background-color: #0066a1;
}
.p-button.p-button-blue-bright:hover {
background-color: #005688;
}
.p-button.p-button-blue-bright.p-opacity {
background-color: rgba(0, 102, 161, 0.8);
}
.p-button.p-button-blue-bright.p-opacity:hover {
background-color: rgba(0, 86, 136, 0.8);
}
.p-button.p-button-blue-bright.p-opacity:active {
background-color: rgba(0, 70, 110, 0.8);
}
.p-button.p-button-blue-bright.p-button-secondary {
color: #0066a1;
border-color: #80b3d0;
}
.p-button.p-button-blue-bright.p-button-secondary:hover {
background-color: #e5f6ff;
text-decoration: none;
}
.p-button.p-button-blue-bright.p-button-secondary:active {
background-color: #ccecff;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-blue-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(229, 246, 255, 0.8);
}
.p-button.p-button-blue-bright.p-button-secondary.p-opacity:active {
background-color: rgba(204, 236, 255, 0.8);
}
.p-button.p-button-blue-dark {
background-color: #003478;
}
.p-button.p-button-blue-dark:hover {
background-color: #00295f;
}
.p-button.p-button-blue-dark.p-opacity {
background-color: rgba(0, 52, 120, 0.8);
}
.p-button.p-button-blue-dark.p-opacity:hover {
background-color: rgba(0, 41, 95, 0.8);
}
.p-button.p-button-blue-dark.p-opacity:active {
background-color: rgba(0, 30, 69, 0.8);
}
.p-button.p-button-blue-dark.p-button-secondary {
color: #003478;
border-color: #809abc;
}
.p-button.p-button-blue-dark.p-button-secondary:hover {
background-color: #e5f1ff;
text-decoration: none;
}
.p-button.p-button-blue-dark.p-button-secondary:active {
background-color: #cce2ff;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-blue-dark.p-button-secondary.p-opacity:hover {
background-color: rgba(229, 241, 255, 0.8);
}
.p-button.p-button-blue-dark.p-button-secondary.p-opacity:active {
background-color: rgba(204, 226, 255, 0.8);
}
.p-button.p-button-green-bright {
background-color: #5b8f22;
}
.p-button.p-button-green-bright:hover {
background-color: #4e7a1d;
}
.p-button.p-button-green-bright.p-opacity {
background-color: rgba(91, 143, 34, 0.8);
}
.p-button.p-button-green-bright.p-opacity:hover {
background-color: rgba(78, 122, 29, 0.8);
}
.p-button.p-button-green-bright.p-opacity:active {
background-color: rgba(65, 102, 24, 0.8);
}
.p-button.p-button-green-bright.p-button-secondary {
color: #5b8f22;
border-color: #adc791;
}
.p-button.p-button-green-bright.p-button-secondary:hover {
background-color: #f3faea;
text-decoration: none;
}
.p-button.p-button-green-bright.p-button-secondary:active {
background-color: #e6f5d6;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-green-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(243, 250, 234, 0.8);
}
.p-button.p-button-green-bright.p-button-secondary.p-opacity:active {
background-color: rgba(230, 245, 214, 0.8);
}
.p-button.p-button-green-light {
background-color: #b6bf00;
}
.p-button.p-button-green-light:hover {
background-color: #9ea600;
}
.p-button.p-button-green-light.p-opacity {
background-color: rgba(182, 191, 0, 0.8);
}
.p-button.p-button-green-light.p-opacity:hover {
background-color: rgba(158, 166, 0, 0.8);
}
.p-button.p-button-green-light.p-opacity:active {
background-color: rgba(133, 140, 0, 0.8);
}
.p-button.p-button-green-light.p-button-secondary {
color: #b6bf00;
border-color: #dbdf80;
}
.p-button.p-button-green-light.p-button-secondary:hover {
background-color: #feffe5;
text-decoration: none;
}
.p-button.p-button-green-light.p-button-secondary:active {
background-color: #fcffcc;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-green-light.p-button-secondary.p-opacity:hover {
background-color: rgba(254, 255, 229, 0.8);
}
.p-button.p-button-green-light.p-button-secondary.p-opacity:active {
background-color: rgba(252, 255, 204, 0.8);
}
.p-button.p-button-orange-bright {
background-color: #e98300;
}
.p-button.p-button-orange-bright:hover {
background-color: #d07500;
}
.p-button.p-button-orange-bright.p-opacity {
background-color: rgba(233, 131, 0, 0.8);
}
.p-button.p-button-orange-bright.p-opacity:hover {
background-color: rgba(208, 117, 0, 0.8);
}
.p-button.p-button-orange-bright.p-opacity:active {
background-color: rgba(182, 102, 0, 0.8);
}
.p-button.p-button-orange-bright.p-button-secondary {
color: #e98300;
border-color: #f4c180;
}
.p-button.p-button-orange-bright.p-button-secondary:hover {
background-color: #fff4e5;
text-decoration: none;
}
.p-button.p-button-orange-bright.p-button-secondary:active {
background-color: #ffe9cc;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-orange-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(255, 244, 229, 0.8);
}
.p-button.p-button-orange-bright.p-button-secondary.p-opacity:active {
background-color: rgba(255, 233, 204, 0.8);
}
.p-button.p-button-orange-light {
background-color: #eeaf00;
}
.p-button.p-button-orange-light:hover {
background-color: #d59c00;
}
.p-button.p-button-orange-light.p-opacity {
background-color: rgba(238, 175, 0, 0.8);
}
.p-button.p-button-orange-light.p-opacity:hover {
background-color: rgba(213, 156, 0, 0.8);
}
.p-button.p-button-orange-light.p-opacity:active {
background-color: rgba(187, 138, 0, 0.8);
}
.p-button.p-button-orange-light.p-button-secondary {
color: #eeaf00;
border-color: #f7d780;
}
.p-button.p-button-orange-light.p-button-secondary:hover {
background-color: #fff8e5;
text-decoration: none;
}
.p-button.p-button-orange-light.p-button-secondary:active {
background-color: #fff1cc;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-orange-light.p-button-secondary.p-opacity:hover {
background-color: rgba(255, 248, 229, 0.8);
}
.p-button.p-button-orange-light.p-button-secondary.p-opacity:active {
background-color: rgba(255, 241, 204, 0.8);
}
.p-button.p-button-pink-bright {
background-color: #ec4371;
}
.p-button.p-button-pink-bright:hover {
background-color: #ea2c60;
}
.p-button.p-button-pink-bright.p-opacity {
background-color: rgba(236, 67, 113, 0.8);
}
.p-button.p-button-pink-bright.p-opacity:hover {
background-color: rgba(234, 44, 96, 0.8);
}
.p-button.p-button-pink-bright.p-opacity:active {
background-color: rgba(229, 23, 79, 0.8);
}
.p-button.p-button-pink-bright.p-button-secondary {
color: #ec4371;
border-color: #f6a1b8;
}
.p-button.p-button-pink-bright.p-button-secondary:hover {
background-color: #fde8ed;
text-decoration: none;
}
.p-button.p-button-pink-bright.p-button-secondary:active {
background-color: #fad1dc;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-pink-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(253, 232, 237, 0.8);
}
.p-button.p-button-pink-bright.p-button-secondary.p-opacity:active {
background-color: rgba(250, 209, 220, 0.8);
}
.p-button.p-button-pink-dark {
background-color: #91004b;
}
.p-button.p-button-pink-dark:hover {
background-color: #78003e;
}
.p-button.p-button-pink-dark.p-opacity {
background-color: rgba(145, 0, 75, 0.8);
}
.p-button.p-button-pink-dark.p-opacity:hover {
background-color: rgba(120, 0, 62, 0.8);
}
.p-button.p-button-pink-dark.p-opacity:active {
background-color: rgba(94, 0, 49, 0.8);
}
.p-button.p-button-pink-dark.p-button-secondary {
color: #91004b;
border-color: #c880a5;
}
.p-button.p-button-pink-dark.p-button-secondary:hover {
background-color: #ffe5f3;
text-decoration: none;
}
.p-button.p-button-pink-dark.p-button-secondary:active {
background-color: #ffcce6;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-pink-dark.p-button-secondary.p-opacity:hover {
background-color: rgba(255, 229, 243, 0.8);
}
.p-button.p-button-pink-dark.p-button-secondary.p-opacity:active {
background-color: rgba(255, 204, 230, 0.8);
}
.p-button.p-button-purple-bright {
background-color: #7d0063;
}
.p-button.p-button-purple-bright:hover {
background-color: #63004f;
}
.p-button.p-button-purple-bright.p-opacity {
background-color: rgba(125, 0, 99, 0.8);
}
.p-button.p-button-purple-bright.p-opacity:hover {
background-color: rgba(99, 0, 79, 0.8);
}
.p-button.p-button-purple-bright.p-opacity:active {
background-color: rgba(74, 0, 59, 0.8);
}
.p-button.p-button-purple-bright.p-button-secondary {
color: #7d0063;
border-color: #be80b1;
}
.p-button.p-button-purple-bright.p-button-secondary:hover {
background-color: #ffe5fa;
text-decoration: none;
}
.p-button.p-button-purple-bright.p-button-secondary:active {
background-color: #ffccf5;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-purple-bright.p-button-secondary.p-opacity:hover {
background-color: rgba(255, 229, 250, 0.8);
}
.p-button.p-button-purple-bright.p-button-secondary.p-opacity:active {
background-color: rgba(255, 204, 245, 0.8);
}
.p-button.p-button-purple-dark {
background-color: #631d76;
}
.p-button.p-button-purple-dark:hover {
background-color: #521862;
}
.p-button.p-button-purple-dark.p-opacity {
background-color: rgba(99, 29, 118, 0.8);
}
.p-button.p-button-purple-dark.p-opacity:hover {
background-color: rgba(82, 24, 98, 0.8);
}
.p-button.p-button-purple-dark.p-opacity:active {
background-color: rgba(65, 19, 77, 0.8);
}
.p-button.p-button-purple-dark.p-button-secondary {
color: #631d76;
border-color: #b18ebb;
}
.p-button.p-button-purple-dark.p-button-secondary:hover {
background-color: #f7eafa;
text-decoration: none;
}
.p-button.p-button-purple-dark.p-button-secondary:active {
background-color: #eed6f5;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-purple-dark.p-button-secondary.p-opacity:hover {
background-color: rgba(247, 234, 250, 0.8);
}
.p-button.p-button-purple-dark.p-button-secondary.p-opacity:active {
background-color: rgba(238, 214, 245, 0.8);
}
.p-button.p-button-secondary {
background-color: #ffffff;
color: #7d0063;
border-color: #be80b1;
}
.p-button.p-button-secondary:hover {
background-color: #ffe5fa;
text-decoration: none;
}
.p-button.p-button-secondary:active {
background-color: #ffccf5;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-secondary.p-opacity {
background-color: rgba(255, 255, 255, 0.8);
}
.p-button.p-button-secondary.p-opacity:hover {
background-color: rgba(242, 242, 242, 0.8);
}
.p-button.p-button-secondary.p-opacity:active {
background-color: rgba(230, 230, 230, 0.8);
}
.p-button.p-button-secondary.p-button-conversion {
color: #e26d00;
border-color: #f0b160;
}
.p-button.p-button-secondary.p-button-conversion:hover {
background-color: #fff2e5;
text-decoration: none;
}
.p-button.p-button-secondary.p-button-conversion:active {
background-color: #ffe5cc;
box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.p-button.p-button-secondary.p-button-conversion.p-opacity {
background-color: rgba(255, 255, 255, 0.8);
}
.p-button.p-button-secondary.p-button-conversion.p-opacity:hover {
background-color: rgba(255, 242, 229, 0.8);
}
.p-button.p-button-secondary.p-button-conversion.p-opacity:active {
background-color: rgba(255, 229, 204, 0.8);
}
.p-button.p-inactive {
background: #efeff4;
cursor: default;
color: #b9bbc7;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
.p-button.p-inactive:hover {
box-shadow: none;
text-decoration: none;
}
.p-button.p-inactive:active {
background: #efeff4;
box-shadow: none;
}
.p-inverted .p-button {
color: #ffffff;
}
.p-inverted .p-button.p-button-secondary {
color: #7d0063;
}
.p-inverted .p-button.p-button-secondary.p-button-conversion {
color: #e26d00;
}
.p-inverted .p-button.p-inactive {
color: #b9bbc7;
}
input.p-button {
background-color: #7d0063;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-button {
font-size: 14px;
padding: 8px 20px 5px 20px;
}
.p-button.p-xs-s-full {
display: block;
width: 100%;
}
.p-button.p-xlarge {
font-size: 16px;
line-height: 20px;
}
}
@media screen and (max-width: 450px) {
.p-xs-full {
display: block;
width: 100%;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s-full {
display: block;
width: 100%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-full {
display: block;
width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-l-full {
display: block;
width: 100%;
}
}
.p-ctn {
color: #5d6678;
}
/*
Defaults
---------------------------*/
.p-checkbox {
position: relative;
display: inline-block;
width: 14px;
height: 14px;
line-height: 14px;
font-size: 14px;
border: 1px solid #cccedb;
cursor: pointer;
background: #ffffff;
overflow: hidden;
}
.p-checkbox.p-disabled {
border-color: #e0e0e0;
}
.p-checkbox.p-disabled.p-checked:before {
color: #e0e0e0;
}
.p-checkbox.p-checked:before {
color: #7d0063;
content: "\e204";
font-family: 'philips-global-icon-font';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
}
.p-checkbox input {
position: absolute;
width: 100%;
top: 0;
left: 0;
height: 100%;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
cursor: pointer;
margin: 0;
padding: 0;
}
.p-checkbox:hover {
background-color: #f3ebfa;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-checkbox {
width: 16px;
height: 16px;
}
}
/*
Defaults
---------------------------*/
.p-radio {
background: #ffffff;
border: 1px solid #cccedb;
border-radius: 8px;
cursor: pointer;
display: inline-block;
position: relative;
height: 14px;
width: 14px;
}
.p-radio.p-checked {
color: #7d0063;
}
.p-radio.p-checked:after {
position: absolute;
width: 6px;
height: 6px;
background: #7d0063;
content: '';
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50%;
}
.p-radio input {
position: relative;
top: 0;
width: 14px;
height: 14px;
cursor: pointer;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.p-radio:hover {
background-color: #ffffff;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-select {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 26px;
min-width: 60px;
}
.p-select option {
color: #3c3c3c;
}
.p-select select {
position: relative;
display: block;
z-index: 1;
cursor: pointer;
width: 100%;
background: #ffffff;
/*Need this to fix the height in mac systems*/
font-size: 12px;
height: 26px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
padding-right: 20px;
}
.p-select select.p-error-msg {
padding-left: 0px;
}
.p-select .p-label {
position: absolute;
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
border: 1px solid #cccedb;
text-align: left;
color: #3c3c3c;
background: #ffffff;
font-size: 12px;
height: 24px;
line-height: 24px;
border-radius: 2px;
padding-left: 10px;
}
.p-select .p-label:after {
content: "\e201";
color: #7d0063;
font-family: 'philips-global-icon-font';
font-style: normal;
position: absolute;
height: 8px;
width: 14px;
right: 8px;
top: 0px;
}
.p-select:hover .p-label {
background-color: #fafafa;
}
.p-select.p-large {
height: 35px;
}
.p-select.p-large select {
font-size: 14px;
height: 35px;
}
.p-select.p-large .p-label {
font-size: 14px;
height: 33px;
line-height: 33px;
padding-left: 9px;
padding-right: 17px;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width: 700px) {
.p-select {
height: 35px;
}
.p-select select {
font-size: 14px;
height: 35px;
}
.p-select .p-label {
font-size: 14px;
height: 33px;
line-height: 33px;
padding-left: 9px;
padding-right: 17px;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-select.p-large select {
font-size: 16px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-select option {
color: #3c3c3c;
}
.p-inverted .p-select .p-label {
border: 1px solid #cccedb;
color: #3c3c3c;
background: #ffffff;
}
.p-link-anchor:after,
.p-link-up:after,
.p-link-more:after {
display: inline-block;
overflow: hidden;
height: 16px;
}
.p-link-anchor:after:hover,
.p-link-up:after:hover,
.p-link-more:after:hover {
text-decoration: none;
}
.p-link-anchor:after {
content: " !";
font-family: 'philips-icon';
}
.p-link-up:after {
content: " #";
font-family: 'philips-icon';
}
.p-link-more:after {
content: "\203a";
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
margin-left: 5px;
}
.p-link-more.p-body-copy-01:after {
height: 19px;
}
.p-link-more:hover {
text-decoration: underline;
}
.p-link-more.p-link-more-triangle-down:after {
display: inline-block;
vertical-align: middle;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.p-link-more.p-small {
font-size: 11px;
}
/*
Defaults
---------------------------*/
.p-price {
color: #3c3c3c;
}
.p-price .p-current-price-value {
color: #3c3c3c;
font-size: 14px;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-price .p-current-price-value.p-current-price {
color: #96172e;
}
.p-price .p-current-price-value.p-current-price a {
color: #96172e;
}
.p-price .p-current-price-value a {
color: #000000;
font-size: 15px;
vertical-align: text-top;
}
.p-price .p-former-price {
font-size: 12px;
color: #3c3c3c;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-price.p-hidden-price-label .p-former-price {
display: none;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-price {
color: #ffffff;
}
.p-inverted .p-price .p-current-price-value {
color: #ffffff;
}
.p-inverted .p-price .p-current-price-value.p-current-price {
color: #96172e;
}
.p-inverted .p-price .p-current-price-value.p-current-price a {
color: #96172e;
}
.p-inverted .p-price .p-current-price-value a {
color: #ffffff;
}
.p-inverted .p-price .p-current-price-value .p-former-price {
color: #ffffff;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-rate {
display: inline-block;
width: auto;
}
.p-rate > span {
float: left;
display: block;
position: relative;
width: 21px;
height: 21px;
padding-right: 4px;
}
.p-rate > span:after,
.p-rate > span:before {
content: "\2605";
position: absolute;
top: 0px;
left: 0px;
font-size: 25px;
}
.p-rate.p-hover > span:hover ~ span:before {
color: transparent;
}
.p-rate.p-hover:hover > span {
color: transparent;
}
.p-rate.p-hover:hover > span:before {
color: #5b8f22;
content: "\2605";
position: absolute;
left: 0;
z-index: 1;
}
.p-rate.p-small > span {
width: 8px;
height: 8px;
}
.p-rate.p-small > span:after,
.p-rate.p-small > span:before {
font-size: 12px;
}
.p-rate .p-output {
position: relative;
padding: 5px 0px 0px 6px;
line-height: 11px;
display: inline-block;
text-align: left;
float: right;
font-size: 11px;
}
.p-rate .p-output:before {
content: "(";
}
.p-rate .p-output:after {
content: ")";
}
.p-rate > span:after {
color: #cdddbc;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-rate > span:before {
color: transparent;
}
.p-rate.p-rate-bg > span:after {
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
-webkit-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
}
.p-rate.p-rate-1 span:first-child:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-rate.p-rate-2 span:first-child:after,
.p-rate.p-rate-2 span:first-child + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-rate.p-rate-3 span:first-child:after,
.p-rate.p-rate-3 span:first-child + span:after,
.p-rate.p-rate-3 span:first-child + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-rate.p-rate-4 span:first-child:after,
.p-rate.p-rate-4 span:first-child + span:after,
.p-rate.p-rate-4 span:first-child + span + span:after,
.p-rate.p-rate-4 span:first-child + span + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-rate.p-rate-5 span:first-child:after,
.p-rate.p-rate-5 span:first-child + span:after,
.p-rate.p-rate-5 span:first-child + span + span:after,
.p-rate.p-rate-5 span:first-child + span + span + span:after,
.p-rate.p-rate-5 span:first-child + span + span + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-rate > span:after {
color: #1d5d2c;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.p-inverted .p-rate > span:before {
color: transparent;
}
.p-inverted .p-rate.p-rate-bg > span:after {
-moz-opacity: 0.1;
-khtml-opacity: 0.1;
-webkit-opacity: 0.1;
opacity: 0.1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
filter: alpha(opacity=10);
}
.p-inverted .p-rate.p-rate-1 span:first-child:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-inverted .p-rate.p-rate-2 span:first-child:after,
.p-inverted .p-rate.p-rate-2 span:first-child + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-inverted .p-rate.p-rate-3 span:first-child:after,
.p-inverted .p-rate.p-rate-3 span:first-child + span:after,
.p-inverted .p-rate.p-rate-3 span:first-child + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-inverted .p-rate.p-rate-4 span:first-child:after,
.p-inverted .p-rate.p-rate-4 span:first-child + span:after,
.p-inverted .p-rate.p-rate-4 span:first-child + span + span:after,
.p-inverted .p-rate.p-rate-4 span:first-child + span + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-inverted .p-rate.p-rate-5 span:first-child:after,
.p-inverted .p-rate.p-rate-5 span:first-child + span:after,
.p-inverted .p-rate.p-rate-5 span:first-child + span + span:after,
.p-inverted .p-rate.p-rate-5 span:first-child + span + span + span:after,
.p-inverted .p-rate.p-rate-5 span:first-child + span + span + span + span:after {
color: #5b8f22;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-rating-display {
font-size: 25px;
letter-spacing: 0px;
display: inline-block;
position: relative;
line-height: 25px;
opacity: 1;
}
.p-rating-display.p-small {
font-size: 12px;
line-height: 12px;
}
.p-rating-display.p-medium {
font-size: 20px;
line-height: 20px;
}
.p-rating-display.p-transparent:after {
opacity: 0.1;
}
.p-rating-display:after,
.p-rating-display .p-rating-display-inner:after {
content: "\e632" "\e632" "\e632" "\e632" "\e632";
color: #cdddbc;
font-family: philips-global-icon-font;
font-style: normal;
-webkit-font-smoothing: antialiased;
letter-spacing: 4px;
}
.p-rating-display .p-rating-display-inner {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
width: 0;
height: 100%;
}
.p-rating-display .p-rating-display-inner.p-rating-0-5 {
width: 10%;
}
.p-rating-display .p-rating-display-inner.p-rating-1 {
width: 20%;
}
.p-rating-display .p-rating-display-inner.p-rating-1-5 {
width: 30%;
}
.p-rating-display .p-rating-display-inner.p-rating-2 {
width: 40%;
}
.p-rating-display .p-rating-display-inner.p-rating-2-5 {
width: 50%;
}
.p-rating-display .p-rating-display-inner.p-rating-3 {
width: 60%;
}
.p-rating-display .p-rating-display-inner.p-rating-3-5 {
width: 70%;
}
.p-rating-display .p-rating-display-inner.p-rating-4 {
width: 80%;
}
.p-rating-display .p-rating-display-inner.p-rating-4-5 {
width: 90%;
}
.p-rating-display .p-rating-display-inner.p-rating-5 {
width: 100%;
}
.p-rating-display .p-rating-display-inner:after {
color: #5b8f22;
}
.p-rating-display .p-output {
display: none;
position: relative;
padding: 5px 0px 0px 6px;
line-height: 11px;
text-align: left;
float: right;
color: #5b8f22;
font-size: 11px;
}
.p-rating-display .p-output:before {
content: "(";
}
.p-rating-display .p-output:after {
content: ")";
}
.p-inverted .p-rating-display:after,
.p-inverted .p-rating-display .p-rating-display-inner:after {
color: #1d5d2c;
}
.p-inverted .p-rating-display .p-rating-display-inner:after {
color: #5b8f22;
}
.p-inverted .p-rating-display .p-output {
color: #5b8f22;
}
/*
Defaults
---------------------------*/
.p-color-variations {
display: inline-block;
margin: 0 0 0 -2px;
padding: 0;
}
.p-color-variations li {
display: inline-block;
float: left;
width: 42px;
height: 42px;
margin-left: 4px;
margin-right: 4px;
margin-top: 14px;
}
.p-color-variations li .p-block {
position: relative;
display: inline-block;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.p-color-variations li .p-block.p-active:after {
content: '';
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
border: 1px solid #7d0063;
}
.p-color-variations li .p-block span {
width: 26px;
height: 13px;
float: left;
clear: both;
display: inline-block;
}
.p-color-variations li .p-block span.p-black {
background: #000000;
}
.p-color-variations li .p-block span.p-white {
background: #e6e6e6;
}
.p-color-variations li .p-block span.p-purple-dark {
background: #42145f;
}
.p-color-variations li .p-block span.p-purple {
background: #631d76;
}
.p-color-variations li .p-block span.p-blue {
background: #242e47;
}
.p-color-variations li .p-block span.p-green {
background: #024731;
}
.p-color-variations li .p-block span.p-red {
background: #5e172d;
}
.p-color-variations li .p-block:hover,
.p-color-variations li .p-block.p-active {
border-color: #7d0063;
}
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 701px) {
.p-color-variations li {
width: 52px;
height: 52px;
margin-left: 3px;
margin-right: 2px;
margin-top: 20px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-color-variations li .p-block.p-active:after {
border: 1px solid #ffffff;
}
.p-inverted .p-color-variations li .p-block:hover,
.p-inverted .p-color-variations li .p-block.p-active {
border-color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-product-variations {
display: inline-block;
font-size: 0;
}
.p-product-variations li {
display: inline-block;
color: #5d6678;
cursor: pointer;
vertical-align: middle;
margin-left: 5px;
margin-right: 5px;
}
.p-product-variations li .p-button {
border-radius: 0;
min-width: 39px;
padding: 4px 0px 3px 0px;
background-color: #ffffff;
color: #7d0063;
border: 1px solid #cb99c1;
}
.p-product-variations li .p-button.p-active {
color: #ffffff;
background-color: #cb99c1;
border-color: #7d0063;
}
.p-product-variations li .p-button.p-active:hover {
background-color: #63004f;
}
.p-product-variations li .p-button:hover {
background-color: #ffffff;
}
.p-product-variations li .p-button:active {
background-color: none;
box-shadow: 0 0 0 0;
}
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 701px) {
.p-product-variations li {
margin-left: 3px;
margin-right: 2px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-product-variations li .p-button {
background-color: #7d0063;
color: #ffffff;
border: 1px solid #ffffff;
}
.p-inverted .p-product-variations li .p-button.p-active {
color: #7d0063;
background-color: #7d0063;
border-color: #ffffff;
}
.p-inverted .p-product-variations li .p-button.p-active:hover {
background-color: #63004f;
}
.p-inverted .p-product-variations li .p-button:hover {
background-color: #7d0063;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-tooltip-btn {
display: inline-block;
cursor: pointer;
}
.p-tooltip-btn .p-tooltip-info {
display: none;
}
.p-tooltip {
display: none;
position: absolute;
z-index: 9012;
top: 0px;
left: 0px;
}
.p-tooltip .p-content-wrap {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #b9bbc7;
background: #ffffff;
z-index: 999;
border-radius: 3px;
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2);
}
.p-tooltip.p-show {
display: block;
}
.p-tooltip.p-sidewindow {
position: fixed;
height: 93.5%;
z-index: 999;
}
.p-tooltip.p-sidewindow .p-back {
position: relative;
border-top: 1px solid #cccccc;
cursor: pointer;
background: #efeff4;
padding: 20px 0px 25px 30px;
}
.p-tooltip.p-sidewindow .p-back:after {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
overflow: hidden;
font: 0/0 serif;
border-right: 4.5px solid #7d0063;
border-bottom: 4.5px solid transparent;
border-top: 4.5px solid transparent;
border-left: 0;
position: absolute;
width: 0;
height: 0;
left: 15px;
top: 23px;
}
.p-tooltip.p-sidewindow .p-back:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
height: 5px;
width: 100%;
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #dadada 0%, #f2f2f2 40%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #dadada 0%, #f2f2f2 40%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdadada', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdadada', endColorstr='#ffffffff', GradientType=0);
}
.p-tooltip.p-sidewindow .p-back span {
display: inline-block;
color: #7d0063;
font-size: 13px;
}
.p-tooltip.p-sidewindow .p-content-wrap {
border-radius: 0;
border: 0;
height: 100%;
background-image: none;
}
.p-tooltip .p-link {
font-size: 13px;
}
.p-tooltip .p-icon-validation {
position: relative;
display: inline-block;
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/tooltip-sprite-brand-refresh.png') 0 0 no-repeat;
vertical-align: middle;
top: -2px;
width: 16px;
height: 13px;
margin-right: 10px;
}
.p-tooltip em {
color: #888888;
font-style: normal;
padding-left: 5px;
}
.p-tooltip .p-body-copy-01 {
margin-right: 0;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
letter-spacing: -1px;
}
.p-tooltip .p-body-copy-01 a {
font-size: 14px;
}
.p-tooltip .p-full-link {
display: block;
}
.p-tooltip .p-full-link .p-body-copy-01 {
color: #7d0063;
}
.p-tooltip .p-icon-close-02 {
position: absolute;
cursor: pointer;
top: 10px;
right: 10px;
}
.p-tooltip .p-arrow {
display: block;
position: absolute;
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/tooltip-sprite-brand-refresh.png') 0 0 no-repeat;
}
.p-tooltip.p-top .p-content-wrap {
margin-top: 13px;
}
.p-tooltip.p-top .p-icon-close,
.p-tooltip.p-top .p-icon-close-02,
.p-tooltip.p-top .p-icon-cross {
margin-top: 12px;
}
.p-tooltip.p-top .p-arrow {
background-position: 0 -61px;
top: 6px;
left: 50%;
margin-left: -8px;
width: 13px;
height: 8px;
}
.p-tooltip.p-top.p-top-left .p-arrow {
left: 10px;
margin-left: 6px;
}
.p-tooltip.p-top.p-top-right .p-arrow {
left: auto;
right: 10px;
}
.p-tooltip.p-bottom .p-content-wrap {
margin-bottom: 13px;
}
.p-tooltip.p-bottom .p-arrow {
background-position: 0 -33px;
bottom: 6px;
left: 50%;
margin-left: -8px;
width: 13px;
height: 8px;
}
.p-tooltip.p-bottom.p-bottom-left .p-arrow {
left: 10px;
margin-left: 6px;
}
.p-tooltip.p-bottom.p-bottom-right .p-arrow {
left: auto;
right: 10px;
}
.p-tooltip.p-left .p-content-wrap {
margin-left: 13px;
}
.p-tooltip.p-left .p-arrow {
background-position: 0 -89px;
left: 6px;
top: 50%;
margin-top: -8px;
width: 8px;
height: 13px;
}
.p-tooltip.p-left.p-left-top .p-arrow {
top: 0;
margin-top: 12px;
}
.p-tooltip.p-left.p-left-bottom .p-arrow {
top: auto;
bottom: 12px;
}
.p-tooltip.p-right .p-content-wrap {
margin-right: 13px;
}
.p-tooltip.p-right .p-arrow {
background-position: 0 -122px;
right: 6px;
top: 50%;
margin-top: -8px;
width: 8px;
height: 13px;
}
.p-tooltip.p-right.p-right-top .p-arrow {
top: 0;
margin-top: 10px;
}
.p-tooltip.p-right.p-right-bottom .p-arrow {
top: auto;
bottom: 10px;
}
.p-tooltip.p-text-tooltip.p-top .p-arrow,
.p-tooltip.p-video-tooltip.p-top .p-arrow {
top: 6px;
left: 34px;
margin-left: 0;
}
.p-tooltip.p-text-tooltip.p-top.p-top-left .p-arrow,
.p-tooltip.p-video-tooltip.p-top.p-top-left .p-arrow {
left: 34px;
margin-left: 0;
}
.p-tooltip.p-text-tooltip.p-top.p-top-right .p-arrow,
.p-tooltip.p-video-tooltip.p-top.p-top-right .p-arrow {
left: auto;
right: 34px;
}
.p-tooltip.p-text-tooltip.p-bottom .p-arrow,
.p-tooltip.p-video-tooltip.p-bottom .p-arrow {
left: 34px;
margin-left: 0;
}
.p-tooltip.p-text-tooltip.p-bottom.p-bottom-left .p-arrow,
.p-tooltip.p-video-tooltip.p-bottom.p-bottom-left .p-arrow {
left: 34px;
margin-left: 0;
}
.p-tooltip.p-text-tooltip.p-bottom.p-bottom-right .p-arrow,
.p-tooltip.p-video-tooltip.p-bottom.p-bottom-right .p-arrow {
left: auto;
right: 34px;
}
.p-tooltip.p-text-tooltip.p-left .p-arrow,
.p-tooltip.p-video-tooltip.p-left .p-arrow {
left: 6px;
margin-top: 34px;
}
.p-tooltip.p-text-tooltip.p-left.p-left-top .p-arrow,
.p-tooltip.p-video-tooltip.p-left.p-left-top .p-arrow {
top: 0;
margin-top: 34px;
}
.p-tooltip.p-text-tooltip.p-left.p-left-bottom .p-arrow,
.p-tooltip.p-video-tooltip.p-left.p-left-bottom .p-arrow {
top: auto;
bottom: 34px;
}
.p-tooltip.p-text-tooltip.p-right .p-arrow,
.p-tooltip.p-video-tooltip.p-right .p-arrow {
right: 6px;
top: 34px;
margin-top: 0;
}
.p-tooltip.p-text-tooltip.p-right.p-right-top .p-arrow,
.p-tooltip.p-video-tooltip.p-right.p-right-top .p-arrow {
top: 0;
margin-top: 34px;
}
.p-tooltip.p-text-tooltip.p-right.p-right-bottom .p-arrow,
.p-tooltip.p-video-tooltip.p-right.p-right-bottom .p-arrow {
top: auto;
bottom: 34px;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 0px) {
.p-tooltip {
width: 100%;
margin-left: 2%;
}
.p-tooltip.p-sidewindow {
margin-left: 0;
}
.p-tooltip .p-icon-close-02 {
display: block;
}
.p-tooltip .p-content-wrap.p-text-tooltip,
.p-tooltip .p-content-wrap.p-link-tooltip,
.p-tooltip .p-content-wrap.p-video-tooltip {
padding: 10px 40px 10px 20px;
}
.p-tooltip .p-content-wrap.p-link-tooltip {
text-align: left;
}
.p-tooltip .p-content-wrap.p-video-tooltip .p-body-copy-01 {
font-size: 14px;
line-height: auto;
}
.p-tooltip .p-content-wrap.p-image-small-tooltip a,
.p-tooltip .p-content-wrap.p-image-large-tooltip a {
font-size: 13px;
}
.p-tooltip .p-content-wrap.p-image-small-tooltip {
padding: 10px 10px 10px 10px;
}
.p-tooltip .p-content-wrap.p-image-small-tooltip img {
margin-right: 5px;
}
.p-tooltip .p-content-wrap.p-image-large-tooltip {
text-align: center;
padding: 25px 25px 10px 20px;
}
.p-tooltip .p-content-wrap.p-image-large-tooltip img {
margin-bottom: 14px;
}
.p-tooltip .p-content-wrap.p-validation-tooltip {
padding: 10px 40px 10px 20px;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip {
text-align: center;
padding: 13px 20px 10px 20px;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip .p-heading-04 {
text-align: left;
margin-bottom: 15px;
font-size: 24px;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip .p-body-copy-01 {
text-align: left;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip img {
margin-bottom: 14px;
}
}
@media screen and (min-width: 701px) {
.p-tooltip {
margin-left: 0;
width: auto;
}
.test-no-touch .p-tooltip .p-icon-close-02.p-small {
display: none;
}
.test-no-touch .p-tooltip .p-content-wrap.p-text-tooltip,
.test-no-touch .p-tooltip .p-content-wrap.p-link-tooltip,
.test-no-touch .p-tooltip .p-content-wrap.p-video-tooltip {
padding-right: 21px;
}
.p-tooltip .p-content-wrap.p-text-tooltip,
.p-tooltip .p-content-wrap.p-link-tooltip,
.p-tooltip .p-content-wrap.p-video-tooltip {
padding: 11px 50px 12px 20px;
}
.p-tooltip .p-content-wrap.p-video-tooltip {
/*Override the default js width*/
width: auto !important;
}
.p-tooltip .p-content-wrap.p-link-tooltip {
text-align: center;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip {
padding-top: 10px;
}
.p-tooltip .p-content-wrap.p-image-xlarge-tooltip .p-heading-04 {
font-size: 22px;
}
}
/*
Defaults
---------------------------*/
.p-main-tabs {
border-bottom: 1px solid rgba(125, 0, 99, 0.5);
display: block;
}
.p-main-tabs:after {
content: "";
display: table;
clear: both;
}
.p-main-tabs li {
float: left;
width: 50%;
list-style-type: none;
color: #3c3c3c;
}
.p-main-tabs li a,
.p-main-tabs li strong {
position: relative;
display: block;
text-align: center;
color: #3c3c3c;
font-size: 14px;
outline: none;
}
.p-main-tabs li a.p-active-tab,
.p-main-tabs li strong.p-active-tab,
.p-main-tabs li a:hover,
.p-main-tabs li strong:hover {
color: #7d0063;
border-bottom-color: #7d0063;
text-decoration: none;
}
.p-main-tabs li a.p-active-tab:before,
.p-main-tabs li strong.p-active-tab:before,
.p-main-tabs li a:hover:before,
.p-main-tabs li strong:hover:before {
content: '';
position: absolute;
display: block;
border-bottom: 2px solid #7d0063;
right: 0px;
left: 0px;
bottom: -1px;
}
.p-main-tabs li a.p-active-tab:before,
.p-main-tabs li strong.p-active-tab:before {
bottom: 0px;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 0px) {
.p-main-tabs li a,
.p-main-tabs li strong {
padding: 0px 30px 2px 30px;
}
}
@media screen and (min-width: 701px) {
.p-main-tabs {
border-bottom: 1px solid #7d0063;
}
.p-main-tabs li {
width: auto;
}
.p-main-tabs li a,
.p-main-tabs li strong {
padding: 3px 30px 10px 30px;
}
.p-main-tabs li .p-active-tab {
padding-top: 3px;
padding-bottom: 11px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-main-tabs {
border-bottom: 1px solid #ffffff;
}
.p-inverted .p-main-tabs li {
color: #3c3c3c;
}
.p-inverted .p-main-tabs li a.p-active-tab,
.p-inverted .p-main-tabs li strong.p-active-tab,
.p-inverted .p-main-tabs li a:hover,
.p-inverted .p-main-tabs li strong:hover {
color: #ffffff;
border-bottom-color: #ffffff;
}
.p-inverted .p-main-tabs li a.p-active-tab:before,
.p-inverted .p-main-tabs li strong.p-active-tab:before,
.p-inverted .p-main-tabs li a:hover:before,
.p-inverted .p-main-tabs li strong:hover:before {
border-bottom: 2px solid #ffffff;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-icon-type-html {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_html.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-mpg {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_mpg.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-exe {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_exe.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-flv {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_flv.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-dll {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_dll.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-docx {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_doc.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-xlsx {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_xls.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-txt {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_txt.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-ppt {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_ppt.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-jpeg {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_jpg.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-swf {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_swf.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-default {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_general.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-doc {
position: relative;
background-image: url('../../philips/clientlibs/b2c-catalog/clientlibs-css/img/icons/filetype_icons_doc.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-pdf {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 0;
}
.p-icon-type-zip {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 32px;
line-height: 32px;
width: 31px;
vertical-align: baseline;
background-position: 0 -32px;
}
.p-icon-fast-delivery {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 30px;
line-height: 30px;
width: 30px;
vertical-align: baseline;
background-position: -2px -89px;
}
.p-icon-flexibel-delivery {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 30px;
line-height: 30px;
width: 30px;
vertical-align: baseline;
background-position: 0 -119px;
}
.p-icon-free-shipping {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 27px;
line-height: 27px;
width: 30px;
vertical-align: baseline;
background-position: 0 -149px;
}
.p-icon-returns {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 30px;
line-height: 30px;
width: 30px;
vertical-align: baseline;
background-position: -2px -176px;
}
.p-icon-send-mail {
background-position: 0 -207px;
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 9px;
line-height: 9px;
width: 13px;
vertical-align: baseline;
}
.p-icon-chat {
background-position: 0 -216px;
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 13px;
line-height: 13px;
width: 13px;
vertical-align: baseline;
top: 3px;
}
.p-icon-support {
background-position: 0 -229px;
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 12px;
line-height: 12px;
width: 20px;
vertical-align: baseline;
top: 2px;
}
.p-icon-phone {
background-position: 0 -243px;
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-various.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 16px;
line-height: 16px;
width: 9px;
vertical-align: baseline;
top: 3px;
}
.p-icon-reset-search {
background-position: -581px -53px;
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-brand-refresh.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 10px;
line-height: 10px;
width: 10px;
vertical-align: baseline;
}
.p-icon-reset-search:hover {
background-position: -564px -38px;
}
.p-reset-button {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 20px;
line-height: 20px;
width: 25px;
vertical-align: baseline;
background-position: left -96px;
}
.p-icon-lock {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 13px;
line-height: 13px;
width: 11px;
vertical-align: baseline;
background-position: left -83px;
vertical-align: middle;
margin-left: -4px;
margin-right: 10px;
margin-top: -4px;
}
.p-icon-comments {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-intranet.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 13px;
line-height: 13px;
width: 12px;
vertical-align: baseline;
background-position: left top;
vertical-align: middle;
}
.p-icon-heart {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-intranet.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 10px;
line-height: 10px;
width: 13px;
vertical-align: baseline;
background-position: -14px top;
vertical-align: middle;
}
.p-icon-likes {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-intranet.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 13px;
line-height: 13px;
width: 14px;
vertical-align: baseline;
background-position: -29px top;
vertical-align: middle;
}
.p-icon-360 {
position: relative;
background-image: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 13px;
line-height: 13px;
width: 27px;
vertical-align: baseline;
background-position: left -63px;
vertical-align: middle;
}
.p-arrow-down:after,
.p-arrow-right:after,
.p-arrow-small:after,
.p-checkbox:after,
.p-checked:after,
.p-icon-360-reset:after,
.p-icon-360-rotate:after,
.p-icon-accessories:after,
.p-icon-add-application:after,
.p-icon-alipay-unboxed:after,
.p-icon-allmyproducts:after,
.p-icon-aol-unboxed:after,
.p-icon-arrow-bold-left:after,
.p-icon-arrow-bold-right:after,
.p-icon-arrow-down:after,
.p-icon-arrow-left:after,
.p-icon-arrow-long-left:after,
.p-icon-arrow-long-right:after,
.p-icon-arrow-right:after,
.p-icon-arrow-up:after,
.p-icon-babybottle-generic:after,
.p-icon-blog:after,
.p-icon-blogger-unboxed:after,
.p-icon-book:after,
.p-icon-bowl:after,
.p-icon-brush:after,
.p-icon-car:after,
.p-icon-chat:after,
.p-icon-chat-2:after,
.p-icon-checklist:after,
.p-icon-checkmark:after,
.p-icon-checkmark-rounded:after,
.p-icon-clinic:after,
.p-icon-clock-inverted:after,
.p-icon-clock:after,
.p-icon-close:after,
.p-icon-close-02:after,
.p-icon-comb:after,
.p-icon-comet:after,
.p-icon-collaboration:after,
.p-icon-community:after,
.p-icon-contactcard:after,
.p-icon-courses:after,
.p-icon-cross:after,
.p-icon-cross-2:after,
.p-icon-dajie:after,
.p-icon-dashboard:after,
.p-icon-database:after,
.p-icon-doc:after,
.p-icon-document:after,
.p-icon-documentchecked:after,
.p-icon-documents:after,
.p-icon-down:after,
.p-icon-download:after,
.p-icon-drop:after,
.p-icon-envelope:after,
.p-icon-envelope-2:after,
.p-icon-envelope-3:after,
.p-icon-events:after,
.p-icon-exit-fullscreen:after,
.p-icon-exit-fullscreen-small:after,
.p-icon-external:after,
.p-icon-facebook:after,
.p-icon-facebook-unboxed:after,
.p-icon-facebook-2:after,
.p-icon-faq:after,
.p-icon-finance:after,
.p-icon-flickr:after,
.p-icon-flickr-unboxed:after,
.p-icon-foursquare-unboxed:after,
.p-icon-fullscreen:after,
.p-icon-fullscreen-2:after,
.p-icon-fullscreen-small:after,
.p-icon-fullscreen-small-2:after,
.p-icon-gallery-grid:after,
.p-icon-gallery-grid-2:after,
.p-icon-gallery-preview:after,
.p-icon-gift:after,
.p-icon-globe:after,
.p-icon-globe-2:after,
.p-icon-google-unboxed:after,
.p-icon-googleplus:after,
.p-icon-googleplus-unboxed:after,
.p-icon-googleplus-2:after,
.p-icon-grid-view:after,
.p-icon-heart-b:after,
.p-icon-healthcare:after,
.p-icon-home-health:after,
.p-icon-house:after,
.p-icon-hr:after,
.p-icon-hr-vacancies:after,
.p-icon-idt:after,
.p-icon-ies:after,
.p-icon-images:after,
.p-icon-information:after,
.p-icon-inpage:after,
.p-icon-inpage-menu:after,
.p-icon-instagram:after,
.p-icon-instagram-unboxed:after,
.p-icon-kaixin001-unboxed:after,
.p-icon-laptop:after,
.p-icon-laptop-b:after,
.p-icon-ldt:after,
.p-icon-learning:after,
.p-icon-learning-2:after,
.p-icon-legal:after,
.p-icon-light-bulb:after,
.p-icon-lighting:after,
.p-icon-like:after,
.p-icon-link:after,
.p-icon-link-unboxed:after,
.p-icon-link-2:after,
.p-icon-linkedin:after,
.p-icon-linkedin-unboxed:after,
.p-icon-list-items:after,
.p-icon-list-view:after,
.p-icon-liveid-unboxed:after,
.p-icon-livejournal:after,
.p-icon-livejournal-unboxed:after,
.p-icon-location:after,
.p-icon-login:after,
.p-icon-magnifier:after,
.p-icon-marker:after,
.p-icon-marker-selected:after,
.p-icon-minus:after,
.p-icon-minus-2:after,
.p-icon-moon-stars:after,
.p-icon-more-stories:after,
.p-icon-mouse:after,
.p-icon-myphilips:after,
.p-icon-myspace-unboxed:after,
.p-icon-navigation:after,
.p-icon-next:after,
.p-icon-next-2:after,
.p-icon-no-image-available-outline:after,
.p-icon-no-image-available:after,
.p-icon-openid-unboxed:after,
.p-icon-pause:after,
.p-icon-paypal-unboxed:after,
.p-icon-pdf:after,
.p-icon-pencil:after,
.p-icon-philips-wordmark-2008:after,
.p-icon-pinterest:after,
.p-icon-pinterest-unboxed:after,
.p-icon-plane:after,
.p-icon-play:after,
.p-icon-play-button:after,
.p-icon-play-button-2:after,
.p-icon-plus:after,
.p-icon-plus-2:after,
.p-icon-ppt:after,
.p-icon-prev:after,
.p-icon-previous-2:after,
.p-icon-print:after,
.p-icon-priority-high:after,
.p-icon-priority-normal:after,
.p-icon-project:after,
.p-icon-projectplanneradd:after,
.p-icon-publications:after,
.p-icon-publications-2:after,
.p-icon-qq-unboxed:after,
.p-icon-questionmark:after,
.p-icon-question-mark:after,
.p-icon-quotesleft:after,
.p-icon-quotesright:after,
.p-icon-record:after,
.p-icon-renren-unboxed:after,
.p-icon-repair-service:after,
.p-icon-rfa:after,
.p-icon-rolf:after,
.p-icon-rotation:after,
.p-icon-rss:after,
.p-icon-screen:after,
.p-icon-sales-marketing:after,
.p-icon-search:after,
.p-icon-self-service:after,
.p-icon-share:after,
.p-icon-share-2:after,
.p-icon-shoppingcart:after,
.p-icon-shoppingcart-inverted:after,
.p-icon-shield-half:after,
.p-icon-signup:after,
.p-icon-sun:after,
.p-icon-suitcase-first-aid:after,
.p-icon-star:after,
.p-icon-stories:after,
.p-icon-teeth:after,
.p-icon-telephone:after,
.p-icon-tencentweibo:after,
.p-icon-tencentweibo-unboxed:after,
.p-icon-tools:after,
.p-icon-tradelink-outline:after,
.p-icon-trashbin:after,
.p-icon-travel:after,
.p-icon-twitter:after,
.p-icon-twitter-unboxed:after,
.p-icon-up:after,
.p-icon-up-to-date:after,
.p-icon-uld:after,
.p-icon-vacuum-cleaner:after,
.p-icon-video-camera-a:after,
.p-icon-videos:after,
.p-icon-vkontakte:after,
.p-icon-vk-unboxed:after,
.p-icon-volume-high:after,
.p-icon-volume-low:after,
.p-icon-volume-medium:after,
.p-icon-volume-mute:after,
.p-icon-web-navigation:after,
.p-icon-webinars:after,
.p-icon-wechat-unboxed:after,
.p-icon-weibo:after,
.p-icon-weibo-unboxed:after,
.p-icon-sinaweibo-unboxed:after,
.p-icon-wheels:after,
.p-icon-wordpress-unboxed:after,
.p-icon-xing:after,
.p-icon-xls:after,
.p-icon-yahoo-unboxed:after,
.p-icon-youku:after,
.p-icon-youtube:after,
.p-icon-zip:after,
.p-external-link:after {
font-family: 'philips-global-icon-font';
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.p-external-link:after {
display: none;
content: "\e824";
margin-left: 5px;
}
[dir=rtl] .p-external-link:after {
margin-left: 0;
margin-right: 5px;
}
.p-icon-philips-wordmark-2008:after {
content: "\e100";
}
.p-icon-arrow-up:after,
.p-icon-up:after {
content: "\e200";
}
.p-icon-arrow-down:after,
.p-icon-down:after,
.p-arrow-down:after {
content: "\e201";
}
.p-arrow-down:after {
font-size: 8px;
}
.p-icon-arrow-left:after,
.p-icon-prev:after {
content: "\e202";
}
.p-arrow-right:after,
.p-arrow-small:after,
.p-icon-arrow-right:after,
.p-icon-next:after {
content: "\e203";
}
.p-icon-arrow-long-left:after {
content: "\e822";
}
.p-icon-arrow-long-right:after {
content: "\e823";
}
.p-icon-arrow-bold-left:after {
content: "\e825";
}
.p-icon-arrow-bold-right:after {
content: "\e826";
}
.p-icon-checkmark:after {
content: "\e204";
}
.p-icon-fullscreen:after,
.p-icon-fullscreen-small:after {
content: "\e205";
}
.p-icon-exit-fullscreen:after,
.p-icon-exit-fullscreen-small:after {
content: "\e206";
}
.p-icon-external:after {
content: "\e824";
}
.p-icon-grid-view:after {
content: "\e207";
}
.p-icon-list-view:after {
content: "\e208";
}
.p-icon-magnifier:after,
.p-icon-search:after {
content: "\e209";
}
.p-icon-play:after {
content: "\e20a";
}
.p-icon-pause:after {
content: "\e20b";
}
.p-icon-record:after {
content: "\e20c";
}
.p-icon-play-button:after {
content: "\e20d";
}
.p-icon-plus:after {
content: "\e20e";
}
.p-icon-close:after,
.p-icon-close-02:after,
.p-icon-cross:after {
content: "\e20f";
}
.p-icon-questionmark:after,
.p-icon-question-mark:after {
content: "\e210";
}
.p-icon-volume-high:after {
content: "\e211";
}
.p-icon-volume-medium:after {
content: "\e212";
}
.p-icon-volume-low:after {
content: "\e213";
}
.p-icon-volume-mute:after {
content: "\e214";
}
.p-icon-shoppingcart:after {
content: "\e215";
}
.p-icon-myphilips:after {
content: "\e216";
}
.p-icon-envelope:after {
content: "\e217";
}
.p-icon-gallery-grid:after {
content: "\e218";
}
.p-icon-gallery-preview:after {
content: "\e219";
}
.p-icon-360-reset:after {
content: "\e220";
}
.p-icon-360-rotate:after {
content: "\e221";
}
.p-icon-checkmark-rounded:after {
content: "\e222";
}
.p-icon-shoppingcart-inverted:after,
.p-icon-shopping-cart-inverted:after {
content: "\e223";
}
.p-icon-telephone:after {
content: "\e224";
}
.p-icon-list-items:after {
content: "\e225";
}
.p-icon-cross-2:after {
content: "\e226";
}
.p-icon-community:after {
content: "\e227";
}
.p-icon-courses:after {
content: "\e228";
}
.p-icon-download:after {
content: "\e229";
}
.p-icon-events:after {
content: "\e22a";
}
.p-icon-fullscreen-2:after,
.p-icon-fullscreen-small-2:after {
content: "\e22b";
}
.p-icon-faq:after {
content: "\e22c";
}
.p-icon-envelope-3:after {
content: "\e22d";
}
.p-icon-minus:after {
content: "\e22e";
}
.p-icon-more-stories:after {
content: "\e22f";
}
.p-icon-navigation:after {
content: "\e230";
}
.p-icon-next-2:after {
content: "\e231";
}
.p-icon-previous-2:after {
content: "\e232";
}
.p-icon-plus-2:after {
content: "\e233";
}
.p-icon-publications:after {
content: "\e234";
}
.p-icon-rotation:after {
content: "\e235";
}
.p-icon-gallery-grid-2:after {
content: "\e236";
}
.p-icon-tradelink-outline:after {
content: "\e237";
}
.p-icon-up-to-date:after {
content: "\e238";
}
.p-icon-videos:after {
content: "\e239";
}
.p-icon-webinars:after {
content: "\e23a";
}
.p-icon-minus-2:after {
content: "\e62d";
}
.p-icon-learning-2:after {
content: "\e630";
}
.p-icon-publications-2:after {
content: "\e631";
}
.p-icon-star:after {
content: "\e632";
}
.p-icon-chat:after,
.p-icon-chat-2:after {
content: "\e62b";
}
.p-icon-documentchecked:after {
content: "\e62c";
}
.p-icon-projectplanneradd:after {
content: "\e635";
}
.p-icon-trashbin:after {
content: "\e636";
}
.p-icon-comet:after {
content: "\e639";
}
.p-icon-location:after {
content: "\e637";
}
.p-icon-quotesleft:after {
content: "\e638";
}
.p-icon-quotesright:after {
content: "\e63a";
}
.p-icon-brush:after {
content: "\e800";
}
.p-icon-clinic:after {
content: "\e801";
}
.p-icon-drop:after {
content: "\e802";
}
.p-icon-house:after {
content: "\e803";
}
.p-icon-moon-stars:after {
content: "\e804";
}
.p-icon-priority-high:after {
content: "\e805";
}
.p-icon-priority-normal:after {
content: "\e806";
}
.p-icon-sun:after {
content: "\e807";
}
.p-icon-teeth:after {
content: "\e808";
}
.p-icon-print:after {
content: "\e809";
}
.p-icon-tools:after {
content: "\e810";
}
.p-icon-gift:after {
content: "\e811";
}
.p-icon-suitcase-first-aid:after {
content: "\e812";
}
.p-icon-like:after {
content: "\e813";
}
.p-icon-shield-half:after {
content: "\e814";
}
.p-icon-repair-service:after {
content: "\e815";
}
.p-icon-babybottle-generic:after {
content: "\e816";
}
.p-icon-bowl:after {
content: "\e817";
}
.p-icon-car:after {
content: "\e818";
}
.p-icon-comb:after {
content: "\e819";
}
.p-icon-heart-b:after {
content: "\e81a";
}
.p-icon-light-bulb:after {
content: "\e81b";
}
.p-icon-video-camera-a:after {
content: "\e81c";
}
.p-icon-accessories:after {
content: "\e81d";
}
.p-icon-laptop-b:after {
content: "\e81e";
}
.p-icon-vacuum-cleaner:after {
content: "\e81f";
}
.p-icon-home-health:after {
content: "\e820";
}
.p-icon-screen:after {
content: "\e821";
}
.p-icon-facebook:after {
content: "\e300";
}
.p-icon-flickr:after {
content: "\e301";
}
.p-icon-googleplus:after {
content: "\e302";
}
.p-icon-instagram:after {
content: "\e303";
}
.p-icon-link:after {
content: "\e304";
}
.p-icon-linkedin:after {
content: "\e305";
}
.p-icon-livejournal:after {
content: "\e306";
}
.p-icon-pinterest:after {
content: "\e307";
}
.p-icon-rss:after {
content: "\e308";
}
.p-icon-weibo:after {
content: "\e309";
}
.p-icon-tencentweibo:after {
content: "\e30a";
}
.p-icon-twitter:after {
content: "\e30b";
}
.p-icon-vkontakte:after {
content: "\e30c";
}
.p-icon-youtube:after {
content: "\e30d";
}
.p-icon-facebook-2:after {
content: "\e30e";
}
.p-icon-googleplus-2:after,
.p-icon-google-plus-2:after {
content: "\e30f";
}
.p-icon-marker:after {
content: "\e310";
}
.p-icon-marker-selected:after {
content: "\e311";
}
.p-icon-xing:after {
content: "\e312";
}
.p-icon-dajie:after {
content: "\e313";
}
.p-icon-youku:after {
content: "\e314";
}
.p-icon-link-2:after {
content: "\e629";
}
.p-icon-blog:after {
content: "\e634";
}
.p-icon-openid-unboxed:after {
content: "\e63b";
}
.p-icon-renren-unboxed:after {
content: "\e63c";
}
.p-icon-weibo-unboxed:after,
.p-icon-sinaweibo-unboxed:after {
content: "\e63d";
}
.p-icon-vk-unboxed:after {
content: "\e63e";
}
.p-icon-instagram-unboxed:after {
content: "\e63f";
}
.p-icon-pinterest-unboxed:after {
content: "\e640";
}
.p-icon-myspace-unboxed:after {
content: "\e641";
}
.p-icon-foursquare-unboxed:after {
content: "\e642";
}
.p-icon-flickr-unboxed:after {
content: "\e643";
}
.p-icon-linkedin-unboxed:after {
content: "\e644";
}
.p-icon-yahoo-unboxed:after {
content: "\e645";
}
.p-icon-paypal-unboxed:after {
content: "\e646";
}
.p-icon-google-unboxed:after {
content: "\e647";
}
.p-icon-facebook-unboxed:after {
content: "\e648";
}
.p-icon-wordpress-unboxed:after {
content: "\e649";
}
.p-icon-googleplus-unboxed:after {
content: "\e315";
}
.p-icon-link-unboxed:after,
.p-icon-aol-unboxed:after {
content: "\e316";
}
.p-icon-twitter-unboxed:after {
content: "\e64a";
}
.p-icon-blogger-unboxed:after {
content: "\e64b";
}
.p-icon-liveid-unboxed:after {
content: "\e64c";
}
.p-icon-alipay-unboxed:after {
content: "\e64d";
}
.p-icon-kaixin001-unboxed:after {
content: "\e64e";
}
.p-icon-qq-unboxed:after {
content: "\e64f";
}
.p-icon-tencentweibo-unboxed:after {
content: "\e650";
}
.p-icon-wechat-unboxed:after {
content: "\e651";
}
.p-icon-livejournal-unboxed:after {
content: "\e652";
}
.p-icon-stories:after {
content: "\e400";
}
.p-icon-share:after {
content: "\e401";
}
.p-icon-inpage:after {
content: "\e402";
}
.p-icon-share-2:after {
content: "\e500";
}
.p-icon-inpage-menu:after,
.p-icon-in-page-menu:after {
content: "\e501";
}
.p-icon-add-application:after {
content: "\e600";
}
.p-icon-checklist:after {
content: "\e601";
}
.p-icon-clock:after {
content: "\e602";
}
.p-icon-clock-inverted:after {
content: "\e603";
}
.p-icon-collaboration:after {
content: "\e604";
}
.p-icon-dashboard:after {
content: "\e605";
}
.p-icon-database:after {
content: "\e606";
}
.p-icon-document:after {
content: "\e607";
}
.p-icon-documents:after {
content: "\e608";
}
.p-icon-finance:after {
content: "\e609";
}
.p-icon-globe:after,
.p-icon-globe-2:after {
content: "\e60a";
}
.p-icon-healthcare:after {
content: "\e60b";
}
.p-icon-hr:after {
content: "\e60c";
}
.p-icon-hr-vacancies:after {
content: "\e60d";
}
.p-icon-images:after {
content: "\e60e";
}
.p-icon-laptop:after {
content: "\e60f";
}
.p-icon-learning:after {
content: "\e610";
}
.p-icon-legal:after {
content: "\e611";
}
.p-icon-lighting:after {
content: "\e612";
}
.p-icon-envelope-2:after {
content: "\e613";
}
.p-icon-mouse:after {
content: "\e614";
}
.p-icon-pdf:after {
content: "\e620";
}
.p-icon-pencil:after {
content: "\e616";
}
.p-icon-plane:after {
content: "\e617";
}
.p-icon-play-button-2:after {
content: "\e618";
}
.p-icon-ppt:after {
content: "\e621";
}
.p-icon-sales-marketing:after {
content: "\e61a";
}
.p-icon-self-service:after {
content: "\e61b";
}
.p-icon-travel:after {
content: "\e61c";
}
.p-icon-web-navigation:after {
content: "\e61d";
}
.p-icon-wheels:after {
content: "\e61e";
}
.p-icon-doc:after {
content: "\e615";
}
.p-icon-xls:after {
content: "\e625";
}
.p-icon-zip:after {
content: "\e626";
}
.p-icon-book:after {
content: "\e657";
}
.p-icon-idt:after {
content: "\e619";
}
.p-icon-ies:after {
content: "\e61f";
}
.p-icon-information:after {
content: "\e658";
}
.p-icon-ldt:after {
content: "\e628";
}
.p-icon-no-image-available-outline:after {
content: "\e659";
}
.p-icon-no-image-available:after {
content: "\e65a";
}
.p-icon-rfa:after {
content: "\e622";
}
.p-icon-rolf:after {
content: "\e623";
}
.p-icon-uld:after {
content: "\e624";
}
.p-icon-contactcard:after {
content: "\e633";
}
.p-icon-project:after {
content: "\e62a";
}
.p-icon-signup:after {
content: "\e62e";
}
.p-icon-login:after {
content: "\e62f";
}
.p-icon-allmyproducts:after {
content: "\e627";
}
.p-square {
color: #7d0063;
cursor: pointer;
font-size: 21px;
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background: transparent;
border-radius: 2px;
}
.p-square:hover {
background: #7d0063;
}
.p-square:after {
display: block;
text-align: center;
}
.p-square:hover:after {
color: #ffffff;
}
.p-square.p-small {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background: transparent;
font-size: 14px;
}
.p-square.p-small:hover {
background: #7d0063;
}
.p-square.p-small.p-square-border {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: transparent;
}
.p-square.p-small.p-square-border:hover {
background: #7d0063;
}
.p-square.p-square-border {
display: inline-block;
width: 33px;
height: 33px;
line-height: 33px;
background: transparent;
border: 1px solid #7d0063;
}
.p-square.p-square-border:hover {
background: #7d0063;
}
.p-icon-boxed:after {
text-align: center;
background: #7d0063;
color: #ffffff;
}
.p-icon-boxed.p-icon-boxed-rounded-corners:after {
border-radius: 2px;
}
.p-icon-boxed.p-icon-boxed-circle:after {
border-radius: 50%;
}
.p-icon-value-ladder {
padding: 2px;
}
.p-icon-value-ladder:after {
text-align: center;
background: white;
color: #0066a1;
}
.p-icon-value-ladder.p-icon-boxed-circle:after {
border-radius: 50%;
padding: 1px;
}
.p-icon-border:after {
border: 1px solid #7d0063;
}
.p-icon-large {
font-size: 39px;
line-height: 60px;
}
.p-icon-boxed-hover {
border-radius: 1px 1px 1px 1px;
padding: 9px 10px 5px 10px;
text-align: center;
background-color: rgba(255, 255, 255, 0.25);
}
.p-icon-boxed-hover:hover {
background-color: rgba(255, 255, 255, 0.35);
}
.p-icon-boxed-hover:active {
background-color: rgba(255, 255, 255, 0.5);
}
.p-icon-boxed-hover.p-icon-large {
padding: 9px 10px 3px 11px;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 961
---------------------------*/
/*
Defaults video
---------------------------*/
.p-play-button {
position: relative;
width: 55px;
height: 55px;
cursor: pointer;
background: transparent;
border-radius: 2px;
}
.p-play-button:hover i:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-play-button i:before {
content: '';
}
.p-play-button i:after {
content: '';
color: #7d0063;
font-family: 'philips-global-icon-font';
position: relative;
display: block;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-play-button i:after {
content: '\e20a';
width: 55px;
height: 55px;
line-height: 55px;
top: 0px;
left: 0px;
text-align: center;
}
.p-play-button.p-small {
position: relative;
width: 35px;
height: 35px;
cursor: pointer;
background: #7d0063;
border-radius: 2px;
}
.p-play-button.p-small:hover i:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-play-button.p-small i:before {
content: '';
}
.p-play-button.p-small i:after {
content: '';
color: #7d0063;
font-family: 'philips-global-icon-font';
position: relative;
display: block;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-play-button.p-small i:after {
color: #ffffff;
content: '\e20a';
width: 35px;
height: 35px;
line-height: 35px;
top: 0px;
left: 0px;
text-align: center;
}
.p-play-button.p-xs {
position: relative;
width: 25px;
height: 25px;
cursor: pointer;
background: #7d0063;
border-radius: 2px;
}
.p-play-button.p-xs:hover i:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-play-button.p-xs i:before {
content: '';
}
.p-play-button.p-xs i:after {
content: '';
color: #7d0063;
font-family: 'philips-global-icon-font';
position: relative;
display: block;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-play-button.p-xs i {
width: 100%;
height: 100%;
display: block;
}
.p-play-button.p-xs i:after {
content: '\e20a';
width: 8px;
height: 7px;
line-height: 7px;
top: 50%;
left: 50%;
text-align: center;
}
.p-video-control {
position: relative;
float: left;
height: 33px;
width: 33px;
cursor: pointer;
}
.p-video-control.p-control-has-text .p-video-icon {
left: 0;
}
.p-video-control .p-video-icon {
position: absolute;
display: block;
}
.p-video-control .p-video-icon.p-video-icon-play,
.p-video-control .p-video-icon.p-video-icon-pause {
border: 1px solid;
background-image: none;
width: 33px;
height: 33px;
border-radius: 2px;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-video-control .p-video-icon.p-video-icon-play:after,
.p-video-control .p-video-icon.p-video-icon-pause:after {
color: #ffffff;
font-family: 'philips-global-icon-font';
font-style: normal;
position: absolute;
top: 50%;
left: 50%;
}
.p-video-control .p-video-icon.p-video-icon-play {
border-color: #7d0063;
background-color: #7d0063;
}
.p-video-control .p-video-icon.p-video-icon-play:after {
content: "\e20a";
width: 11px;
height: 10px;
margin-top: -10px;
margin-left: -6px;
}
.p-video-control .p-video-icon.p-video-icon-play:hover {
background-color: #7d0063;
}
.p-video-control .p-video-icon.p-video-icon-pause {
border-color: rgba(255, 255, 255, 0.5);
}
.p-video-control .p-video-icon.p-video-icon-pause:after {
content: "\e20b";
width: 8px;
height: 10px;
margin-top: -10px;
margin-left: -7px;
}
.p-video-control .p-video-icon.p-video-icon-pause:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.p-video-control .p-video-icon.p-video-icon-zoom-in,
.p-video-control .p-video-icon.p-video-icon-zoom-out {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-video-control .p-video-icon.p-video-icon-zoom-in:hover,
.p-video-control .p-video-icon.p-video-icon-zoom-out:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-video-control .p-video-icon.p-video-icon-zoom-in:after,
.p-video-control .p-video-icon.p-video-icon-zoom-out:after {
color: #ffffff;
font-family: 'philips-global-icon-font';
font-style: normal;
font-size: 20px;
position: absolute;
top: 50%;
left: 50%;
}
.p-video-control .p-video-icon.p-video-icon-zoom-in {
width: 19px;
height: 19px;
}
.p-video-control .p-video-icon.p-video-icon-zoom-in:after {
content: "\e205";
width: 8px;
height: 10px;
margin-top: -10px;
margin-left: -7px;
}
.p-video-control .p-video-icon.p-video-icon-zoom-out {
width: 20px;
height: 19px;
}
.p-video-control .p-video-icon.p-video-icon-zoom-out:after {
content: "\e206";
width: 8px;
height: 10px;
margin-top: -10px;
margin-left: -7px;
}
.p-video-control .p-video-icon.p-video-icon-volume {
top: 1px;
}
.p-video-control .p-video-icon.p-video-icon-volume.p-sound-mute {
background-position: 0 -98px;
width: 16px;
height: 12px;
}
.p-video-control .p-video-icon.p-video-icon-volume.p-sound-silent {
background-position: 0 -98px;
width: 9px;
height: 12px;
}
.p-video-control .p-video-icon.p-video-icon-volume.p-sound-soft {
background-position: 0 -120px;
width: 14px;
height: 12px;
}
.p-video-control .p-video-icon.p-video-icon-volume.p-sound-loud {
background-position: 0 -142px;
width: 17px;
height: 12px;
}
.p-video-control .p-video-icon.p-video-icon-volume.p-sound-loudest {
background-position: 0 -163px;
width: 20px;
height: 14px;
top: 0px;
}
.p-video-control .p-video-icon.p-video-icon-mute {
background-position: 0 -98px;
width: 16px;
height: 12px;
top: 1px;
}
.p-video-control.p-play-pause .p-pause {
display: none;
}
.p-video-control.p-play-pause .p-pause span,
.p-video-control.p-play-pause .p-play span {
display: none;
}
.p-video-control.p-play-pause.p-is-playing .p-play {
display: none;
}
.p-video-control.p-play-pause.p-is-playing .p-pause {
display: block;
}
.p-video-control.p-fullscreen {
top: 8px;
}
.p-video-control.p-fullscreen .p-video-icon-zoom-out {
display: none;
}
.p-video-control.p-fullscreen.p-is-fullscreen .p-video-icon-zoom-in {
display: none;
}
.p-video-control.p-fullscreen.p-is-fullscreen .p-video-icon-zoom-out {
display: block;
}
.p-video-control.p-volume-handle {
top: 10px;
width: 90px;
}
.p-video-control.p-volume-handle .p-video-icon-mute {
display: none;
}
.p-video-control.p-volume-handle.p-is-muted .p-video-icon-volume {
display: none;
}
.p-video-control.p-volume-handle.p-is-muted .p-video-icon-mute {
display: block;
}
.p-video-control .p-scrubber {
position: absolute;
left: -1px;
right: -1px;
width: 90px;
}
.p-video-control .p-bg-bar {
position: absolute;
display: block;
height: 2px;
background: rgba(255, 255, 255, 0.1);
top: 6px;
left: 26px;
}
.p-video-control .p-bar {
position: absolute;
display: block;
width: 64px;
height: 2px;
background: #ffffff;
top: 6px;
left: 26px;
}
.p-video-control .p-knob {
position: absolute;
left: 80px;
top: 2px;
z-index: 1;
display: block;
width: 8px;
height: 8px;
border: 1px solid #ffffff;
border-radius: 4px;
}
/*
Min Width 0
---------------------------*/
@media screen and (max-width: 700px) {
.p-arrow-right-xs-s,
.p-arrow-left-xs-s {
position: relative;
}
.p-arrow-right-xs-s:before,
.p-arrow-left-xs-s:before {
font-family: 'philips-global-icon-font';
font-style: normal;
position: absolute;
top: 50%;
margin-top: -10px;
color: #3c3c3c;
font-size: 14px;
line-height: 22px;
}
.p-arrow-right-xs-s:before {
content: "\e203";
right: 0;
}
.p-arrow-left-xs-s:before {
content: "\e202";
left: 0;
}
}
@media screen and (min-width: 0px) {
.p-controls .p-button-wrapper {
background: #ffffff;
color: #888b9c;
font-weight: bold;
cursor: pointer;
border: 1px solid #c2c4cf;
text-align: left;
letter-spacing: 1px;
font-size: 12px;
border-radius: 4px;
width: 33px;
height: 33px;
}
.p-controls .p-button-wrapper.p-large {
width: 80px;
height: 23px;
padding-top: 10px;
}
.p-controls .p-button-wrapper:active {
box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.3);
border: solid 1px #ffffff;
background: #eaeaed;
}
.p-controls .p-button-wrapper .p-circle:active,
.p-controls .p-button-wrapper .p-square:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.p-controls .p-button-wrapper .p-circle {
background: none;
border: 0;
right: 10px;
margin-right: 7px;
}
.p-controls .p-button-wrapper .p-circle:after {
display: inline-block;
margin-right: 14px;
margin-left: 5px;
top: 0px;
}
.p-controls .p-button-wrapper .p-square {
background: none;
border: 0;
}
.p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: 0 -134px;
width: 20px;
height: 20px;
line-height: 20px;
top: 7px;
left: 6px;
text-align: center;
}
.p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -116px;
width: 18px;
height: 18px;
line-height: 18px;
top: 7px;
left: 7px;
text-align: center;
}
.p-controls button.p-button-wrapper {
height: 35px;
width: 35px;
}
.p-controls button.p-button-wrapper.p-large {
height: 35px;
width: 82px;
padding-top: 4px;
}
.p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 0px;
}
.p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 1px;
}
.p-video-control.p-control-has-text {
border: 0;
height: 33px;
width: 33px;
padding-left: 47px;
}
.p-video-control.p-control-has-text:hover {
background: none;
}
.p-video-control.p-control-has-text:hover .p-video-icon:before {
background: #ececef;
}
.p-video-control.p-control-has-text .p-video-icon {
margin-left: 0;
}
}
@media screen and (min-width: 961px) {
.p-controls .p-button-wrapper {
background: none;
border: 0;
width: auto;
height: auto;
vertical-align: middle;
font-size: 11px;
}
.p-controls .p-button-wrapper:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.p-controls .p-button-wrapper i,
.p-controls .p-button-wrapper span {
vertical-align: middle;
}
.p-controls .p-button-wrapper .p-circle {
vertical-align: middle;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
border-radius: 10px;
margin-right: 5px;
}
.p-controls .p-button-wrapper .p-circle:hover {
background: #7d0063;
}
.p-controls .p-button-wrapper .p-circle:after {
margin-right: 0px;
margin-left: 0px;
}
.p-controls .p-button-wrapper .p-circle.p-icon-play-01:after {
top: 4px;
}
.p-controls .p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 3px;
}
.p-controls .p-button-wrapper .p-square {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
}
.p-controls .p-button-wrapper .p-square:hover {
background: #7d0063;
}
.p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: -13px -35px;
width: 14px;
height: 14px;
line-height: 14px;
top: 2px;
left: 2px;
text-align: center;
}
.p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -36px;
width: 12px;
height: 12px;
line-height: 12px;
top: 3px;
left: 3px;
text-align: center;
}
.p-controls .p-button-wrapper:active {
background: none;
}
.p-controls button.p-button-wrapper .p-circle.p-icon-play-01:after {
top: 3px;
}
.p-controls button.p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 2px;
}
.p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 2px;
}
.p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 3px;
}
}
/*
ie8 compatability
---------------------------*/
.ie8 .p-controls .p-button-wrapper {
background: #ffffff;
color: #888b9c;
font-weight: bold;
cursor: pointer;
border: 1px solid #c2c4cf;
text-align: left;
letter-spacing: 1px;
font-size: 12px;
border-radius: 4px;
width: 33px;
height: 33px;
}
.ie8 .p-controls .p-button-wrapper.p-large {
width: 80px;
height: 23px;
padding-top: 10px;
}
.ie8 .p-controls .p-button-wrapper:active {
box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.3);
border: solid 1px #ffffff;
background: #eaeaed;
}
.ie8 .p-controls .p-button-wrapper .p-circle:active,
.ie8 .p-controls .p-button-wrapper .p-square:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.ie8 .p-controls .p-button-wrapper .p-circle {
background: none;
border: 0;
right: 10px;
margin-right: 7px;
}
.ie8 .p-controls .p-button-wrapper .p-circle:after {
display: inline-block;
margin-right: 14px;
margin-left: 5px;
top: 0px;
}
.ie8 .p-controls .p-button-wrapper .p-square {
background: none;
border: 0;
}
.ie8 .p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: 0 -134px;
width: 20px;
height: 20px;
line-height: 20px;
top: 7px;
left: 6px;
text-align: center;
}
.ie8 .p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -116px;
width: 18px;
height: 18px;
line-height: 18px;
top: 7px;
left: 7px;
text-align: center;
}
.ie8 .p-controls button.p-button-wrapper {
height: 35px;
width: 35px;
}
.ie8 .p-controls button.p-button-wrapper.p-large {
height: 35px;
width: 82px;
padding-top: 4px;
}
.ie8 .p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 0px;
}
.ie8 .p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 1px;
}
.ie8 .p-video-control.p-control-has-text {
border: 0;
height: 33px;
width: 33px;
padding-left: 47px;
}
.ie8 .p-video-control.p-control-has-text:hover {
background: none;
}
.ie8 .p-video-control.p-control-has-text:hover .p-video-icon:before {
background: #ececef;
}
.ie8 .p-video-control.p-control-has-text .p-video-icon {
margin-left: 0;
}
.ie8 .p-controls .p-button-wrapper {
background: none;
border: 0;
width: auto;
height: auto;
vertical-align: middle;
font-size: 11px;
}
.ie8 .p-controls .p-button-wrapper:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.ie8 .p-controls .p-button-wrapper i,
.ie8 .p-controls .p-button-wrapper span {
vertical-align: middle;
}
.ie8 .p-controls .p-button-wrapper .p-circle {
vertical-align: middle;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
border-radius: 10px;
margin-right: 5px;
}
.ie8 .p-controls .p-button-wrapper .p-circle:hover {
background: #7d0063;
}
.ie8 .p-controls .p-button-wrapper .p-circle:after {
margin-right: 0px;
margin-left: 0px;
}
.ie8 .p-controls .p-button-wrapper .p-circle.p-icon-play-01:after {
top: 4px;
}
.ie8 .p-controls .p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 3px;
}
.ie8 .p-controls .p-button-wrapper .p-square {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
}
.ie8 .p-controls .p-button-wrapper .p-square:hover {
background: #7d0063;
}
.ie8 .p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: -13px -35px;
width: 14px;
height: 14px;
line-height: 14px;
top: 2px;
left: 2px;
text-align: center;
}
.ie8 .p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -36px;
width: 12px;
height: 12px;
line-height: 12px;
top: 3px;
left: 3px;
text-align: center;
}
.ie8 .p-controls .p-button-wrapper:active {
background: none;
}
.ie8 .p-controls button.p-button-wrapper .p-circle.p-icon-play-01:after {
top: 3px;
}
.ie8 .p-controls button.p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 2px;
}
.ie8 .p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 2px;
}
.ie8 .p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 3px;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-icon-arrow-left,
.p-inverted .p-icon-arrow-right {
color: #ffffff;
}
.p-inverted .p-square {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background: #7d0063;
color: #ffffff;
}
.p-inverted .p-square:hover {
background: #7d0063;
}
.p-inverted .p-square.p-small {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background: #7d0063;
}
.p-inverted .p-square.p-small:hover {
background: #7d0063;
}
.p-inverted .p-square.p-small.p-square-border {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: #7d0063;
}
.p-inverted .p-square.p-small.p-square-border:hover {
background: #7d0063;
}
.p-inverted .p-square.p-square-border {
border: 1px solid #ffffff;
}
.p-inverted .p-square.p-enable-hover {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
background: #7d0063;
color: #ffffff;
}
.p-inverted .p-square.p-enable-hover:hover {
background: transparent;
}
.p-inverted .p-square.p-enable-hover.p-small {
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
background: #7d0063;
}
.p-inverted .p-square.p-enable-hover.p-small:hover {
background: transparent;
}
.p-inverted .p-square.p-enable-hover.p-small:hover:after {
color: #7d0063;
}
.p-inverted .p-square.p-enable-hover.p-small.p-square-border {
display: inline-block;
width: 24px;
height: 24px;
line-height: 24px;
background: #7d0063;
border-color: #7d0063;
}
.p-inverted .p-square.p-enable-hover.p-small.p-square-border:hover {
background: transparent;
}
.p-inverted .p-square.p-enable-hover.p-small.p-square-border:hover:after {
color: #7d0063;
}
.p-inverted .p-square.p-enable-hover.p-square-border {
border: 1px solid #ffffff;
}
.p-inverted .p-icon-boxed:after {
background: #ffffff;
color: #7d0063;
}
.p-inverted .p-icon-border:after {
border: 1px solid #ffffff;
}
.p-inverted .p-icon-boxed-hover {
background-color: rgba(0, 0, 0, 0.15);
}
.p-inverted .p-icon-boxed-hover:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.p-inverted .p-icon-boxed-hover:active {
background-color: rgba(0, 0, 0, 0.4);
}
.p-inverted .p-video-control .p-video-icon.p-video-icon-pause {
border-color: rgba(125, 0, 99, 0.5);
}
.p-inverted .p-video-control .p-video-icon.p-video-icon-pause:hover {
background-color: rgba(125, 0, 99, 0.5);
}
.p-inverted .p-video-control .p-bg-bar {
background: rgba(125, 0, 99, 0.1);
}
.p-inverted .p-video-control .p-bar {
background: #7d0063;
}
.p-inverted .p-video-control .p-knob {
border: 1px solid #7d0063;
}
@media screen and (min-width: 0px) {
.p-inverted .p-controls .p-button-wrapper {
background: #7d0063;
color: #888b9c;
font-weight: bold;
cursor: pointer;
border: 1px solid #c2c4cf;
text-align: left;
letter-spacing: 1px;
font-size: 12px;
border-radius: 4px;
width: 33px;
height: 33px;
}
.p-inverted .p-controls .p-button-wrapper.p-large {
width: 80px;
height: 23px;
padding-top: 10px;
}
.p-inverted .p-controls .p-button-wrapper:active {
box-shadow: inset 0 3px 3px 0 rgba(0, 0, 0, 0.3);
border: solid 1px #7d0063;
background: #eaeaed;
}
.p-inverted .p-controls .p-button-wrapper .p-circle:active,
.p-inverted .p-controls .p-button-wrapper .p-square:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.p-inverted .p-controls .p-button-wrapper .p-circle {
background: none;
border: 0;
right: 10px;
margin-right: 7px;
}
.p-inverted .p-controls .p-button-wrapper .p-circle:after {
display: inline-block;
margin-right: 14px;
margin-left: 5px;
top: 0px;
}
.p-inverted .p-controls .p-button-wrapper .p-square {
background: none;
border: 0;
}
.p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: 0 -134px;
width: 20px;
height: 20px;
line-height: 20px;
top: 7px;
left: 6px;
text-align: center;
}
.p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -116px;
width: 18px;
height: 18px;
line-height: 18px;
top: 7px;
left: 7px;
text-align: center;
}
.p-inverted .p-controls button.p-button-wrapper {
height: 35px;
width: 35px;
}
.p-inverted .p-controls button.p-button-wrapper.p-large {
height: 35px;
width: 82px;
padding-top: 4px;
}
.p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 0px;
}
.p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 1px;
}
.p-inverted .p-video-control.p-control-has-text {
border: 0;
height: 33px;
width: 33px;
padding-left: 47px;
}
.p-inverted .p-video-control.p-control-has-text:hover {
background: none;
}
.p-inverted .p-video-control.p-control-has-text:hover .p-video-icon:before {
background: #ececef;
}
.p-inverted .p-video-control.p-control-has-text .p-video-icon {
margin-left: 0;
}
}
@media screen and (min-width: 961px) {
.p-inverted .p-controls .p-button-wrapper {
background: none;
border: 0;
width: auto;
height: auto;
vertical-align: middle;
font-size: 11px;
}
.p-inverted .p-controls .p-button-wrapper:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.p-inverted .p-controls .p-button-wrapper i,
.p-inverted .p-controls .p-button-wrapper span {
vertical-align: middle;
}
.p-inverted .p-controls .p-button-wrapper .p-circle {
vertical-align: middle;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
border-radius: 10px;
margin-right: 5px;
}
.p-inverted .p-controls .p-button-wrapper .p-circle:hover {
background: #7d0063;
}
.p-inverted .p-controls .p-button-wrapper .p-circle:after {
margin-right: 0px;
margin-left: 0px;
}
.p-inverted .p-controls .p-button-wrapper .p-circle.p-icon-play-01:after {
top: 4px;
}
.p-inverted .p-controls .p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 3px;
}
.p-inverted .p-controls .p-button-wrapper .p-square {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
}
.p-inverted .p-controls .p-button-wrapper .p-square:hover {
background: #7d0063;
}
.p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: -13px -66px;
width: 14px;
height: 14px;
line-height: 14px;
top: 2px;
left: 2px;
text-align: center;
}
.p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -67px;
width: 12px;
height: 12px;
line-height: 12px;
top: 3px;
left: 3px;
text-align: center;
}
.p-inverted .p-controls .p-button-wrapper:active {
background: none;
}
.p-inverted .p-controls button.p-button-wrapper .p-circle.p-icon-play-01:after {
top: 3px;
}
.p-inverted .p-controls button.p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 2px;
}
.p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 2px;
}
.p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 3px;
}
}
/*
ie8 compatability
---------------------------*/
.ie8 .p-inverted .p-controls .p-button-wrapper {
background: none;
border: 0;
width: auto;
height: auto;
vertical-align: middle;
font-size: 11px;
}
.ie8 .p-inverted .p-controls .p-button-wrapper:active {
box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0);
border: 0;
background: none;
}
.ie8 .p-inverted .p-controls .p-button-wrapper i,
.ie8 .p-inverted .p-controls .p-button-wrapper span {
vertical-align: middle;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-circle {
vertical-align: middle;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
border-radius: 10px;
margin-right: 5px;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-circle:hover {
background: #7d0063;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-circle:after {
margin-right: 0px;
margin-left: 0px;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-circle.p-icon-play-01:after {
top: 4px;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 3px;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-square {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
background: transparent;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-square:hover {
background: #7d0063;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size:after {
background-position: -13px -66px;
width: 14px;
height: 14px;
line-height: 14px;
top: 2px;
left: 2px;
text-align: center;
}
.ie8 .p-inverted .p-controls .p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
background-position: 0 -67px;
width: 12px;
height: 12px;
line-height: 12px;
top: 3px;
left: 3px;
text-align: center;
}
.ie8 .p-inverted .p-controls .p-button-wrapper:active {
background: none;
}
.ie8 .p-inverted .p-controls button.p-button-wrapper .p-circle.p-icon-play-01:after {
top: 3px;
}
.ie8 .p-inverted .p-controls button.p-button-wrapper .p-circle.p-icon-pause-01:after {
top: 2px;
}
.ie8 .p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size:after {
top: 2px;
}
.ie8 .p-inverted .p-controls button.p-button-wrapper .p-square.p-icon-screen-size.p-full:after {
top: 3px;
}
/*
Defaults
---------------------------*/
.p-form .p-input-file {
position: relative;
overflow: hidden;
}
.p-form .p-input-file .p-input-file-wrapper .p-button {
display: inline-block;
float: left;
width: auto;
max-width: 50%;
}
.p-form .p-input-file .p-input-file-wrapper .p-input-file-text {
display: block;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
padding-left: 22px;
padding-top: 3px;
}
.p-form .p-input-file .p-input-file-wrapper:after {
content: "";
display: table;
clear: both;
}
.p-form .p-input-file .p-input-file-hidden {
position: absolute;
visibility: hidden;
padding-top: 1px;
height: 1px;
}
/*
Max Width 700
---------------------------*/
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-form .p-input-file .p-input-file-wrapper .p-input-file-text {
padding-top: 8px;
}
}
/*
Max Width 450
---------------------------*/
@media screen and (max-width: 450px) {
.p-form .p-input-file .p-input-file-wrapper .p-button {
display: block;
float: none;
width: 100%;
max-width: none;
}
.p-form .p-input-file .p-input-file-wrapper .p-input-file-text {
padding-left: 0px;
padding-top: 7px;
}
}
/*
Defaults
---------------------------*/
.p-carousel-indicator {
text-align: center;
font: 0/14px serif;
}
.p-carousel-indicator li {
display: inline-block;
vertical-align: middle;
color: #d8b3d0;
cursor: pointer;
margin-right: 3px;
margin-left: 3px;
font-size: 14px;
width: 20px;
height: 20px;
}
.p-carousel-indicator li:after {
content: "\e20c";
font-family: 'philips-global-icon-font';
}
.p-carousel-indicator li:hover {
color: #7d0063;
}
.p-carousel-indicator li.p-active {
font-size: 20px;
color: #7d0063;
}
.p-carousel-indicator li.p-active:after {
content: "\e20c ";
}
.p-carousel-indicator.p-small li {
margin-right: 6px;
font-size: 12px;
}
.p-carousel-indicator.p-small li:after {
width: 8px;
height: 8px;
}
.p-carousel-indicator.p-small li.p-active {
font-size: 16px;
}
.p-carousel-indicator.p-dark {
background: #333333;
text-align: center;
border-radius: 1px;
padding: 12px 20px 12px 20px;
}
.p-carousel-indicator.p-dark li {
color: #888b9c;
}
.p-carousel-indicator.p-dark li:hover,
.p-carousel-indicator.p-dark li.p-active {
color: #ffffff;
}
.p-carousel-indicator.p-animated li {
background: none;
color: #d8b3d0;
width: 20px;
height: 20px;
margin-right: 3px;
margin-left: 3px;
}
.p-carousel-indicator.p-animated li:after {
content: '';
}
.p-carousel-indicator.p-animated li.p-active:after {
content: '';
}
.p-carousel-indicator li.p-carousel-indicator-color {
color: #d8b3d0;
}
.p-carousel-indicator li.p-carousel-indicator-hover-color {
color: #7d0063;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-carousel-indicator.p-animated li {
width: 16px;
height: 16px;
margin-right: 2px;
margin-left: 2px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-carousel-indicator li:hover {
color: #ffffff;
}
.p-inverted .p-carousel-indicator li.p-active {
color: #ffffff;
}
.p-inverted .p-carousel-indicator li.p-carousel-indicator-color {
color: #ffffff;
}
.p-inverted .p-carousel-indicator.p-dark {
background: #ffffff;
}
.p-inverted .p-carousel-indicator.p-dark li {
color: #333333;
}
.p-inverted .p-carousel-indicator.p-dark li:hover,
.p-inverted .p-carousel-indicator.p-dark li.p-active {
color: #888b9c;
}
.p-nav-prev,
.p-nav-next {
font-size: 22px;
}
.p-nav-prev i,
.p-nav-next i {
color: #cccedb;
cursor: default;
}
.p-nav-prev.p-active i,
.p-nav-next.p-active i {
cursor: pointer;
color: #7d0063;
}
.p-nav-prev.p-active:hover i,
.p-nav-next.p-active:hover i {
color: #5d6678;
}
.p-nav-prev.p-active:active i,
.p-nav-next.p-active:active i {
color: #b9bbc7;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-nav-prev i,
.p-inverted .p-nav-next i {
color: #5d6678;
}
.p-inverted .p-nav-prev.p-active i,
.p-inverted .p-nav-next.p-active i {
color: #ffffff;
}
.p-inverted .p-nav-prev.p-active:hover i,
.p-inverted .p-nav-next.p-active:hover i {
color: #ffffff;
}
.p-inverted .p-nav-prev.p-active:active i,
.p-inverted .p-nav-next.p-active:active i {
color: #ffffff;
}
.p-preloader {
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%228.042%25%22%20y1%3D%220%25%22%20x2%3D%2265.682%25%22%20y2%3D%2223.865%25%22%20id%3D%22a%22%3E%3Cstop%20stop-color%3D%22%237d0063%22%20stop-opacity%3D%220%22%20offset%3D%220%25%22%20/%3E%3Cstop%20stop-color%3D%22%237d0063%22%20stop-opacity%3D%22.631%22%20offset%3D%2263.146%25%22%20/%3E%3Cstop%20stop-color%3D%22%237d0063%22%20offset%3D%22100%25%22%20/%3E%5C%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3Cpath%20d%3D%22M34%2018c0-9.94-8.06-18-18-18%22%20id%3D%22Oval-2%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%225%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2018%2018%22%20to%3D%22360%2018%2018%22%20dur%3D%220.9s%22%20repeatCount%3D%22indefinite%22%20calcMode%3D%22spline%22%20keySplines%3D%220.4,%200,%200.2,%201%22%20keyTimes%3D%220%3B1%22%20/%3E%3C/path%3E%3Ccircle%20fill%3D%22%237d0063%22%20cx%3D%2234%22%20cy%3D%2217.5%22%20r%3D%222.5%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2018%2018%22%20to%3D%22360%2018%2018%22%20dur%3D%220.9s%22%20repeatCount%3D%22indefinite%22%20%20calcMode%3D%22spline%22%20keySplines%3D%220.4,%200,%200.2,%201%22%20keyTimes%3D%220%3B1%22/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
background-repeat: no-repeat;
width: 22px;
height: 22px;
}
.p-preloader.p-large {
width: 38px;
height: 38px;
}
.p-progress-bar-wrapper {
position: relative;
text-align: center;
}
.p-progress-bar-wrapper .p-progress-bar-fill {
display: none;
position: absolute;
top: 0;
left: 0;
background: #7d0063;
height: 7px;
}
.p-progress-bar-wrapper progress {
margin: 0;
padding: 0;
position: relative;
background: #7d0063;
text-align: center;
width: 100%;
border: 0;
height: 7px;
}
.p-progress-bar-wrapper progress::-webkit-progress-bar {
background: #e6e6e6;
}
.p-progress-bar-wrapper progress::-webkit-progress-value {
background: #7d0063;
}
.p-progress-bar-wrapper progress::-moz-progress-bar {
background: #7d0063;
}
.p-progress-bar-wrapper span {
position: relative;
font-weight: bold;
color: #888b9c;
top: 17px;
font-size: 11px;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-progress-bar-wrapper .p-progress-bar-fill {
background: #ffffff;
}
.p-inverted .p-progress-bar-wrapper progress {
background: #ffffff;
}
.p-inverted .p-progress-bar-wrapper progress::-webkit-progress-bar {
background: #e6e6e6;
}
.p-inverted .p-progress-bar-wrapper progress::-webkit-progress-value {
background: #ffffff;
}
.p-inverted .p-progress-bar-wrapper progress::-moz-progress-bar {
background: #ffffff;
}
/*
Defaults
---------------------------*/
.p-progress-bar-steps.p-text {
margin-top: 32px;
}
.p-progress-bar-steps.p-text p {
color: #3c3c3c;
text-align: left;
font-size: 13px;
line-height: 25px;
}
.p-progress-bar-steps ul {
display: table;
width: 100%;
margin-top: 34px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-progress-bar-steps ul li {
display: table-cell;
vertical-align: top;
width: 1%;
text-align: center;
}
.p-progress-bar-steps ul li:first-child a:before,
.p-progress-bar-steps ul li:first-child p:before {
display: none;
}
.p-progress-bar-steps ul li:first-child .p-content:before {
left: -8px;
}
.p-progress-bar-steps ul a {
outline: none;
}
.p-progress-bar-steps ul a,
.p-progress-bar-steps ul p {
display: block;
position: relative;
color: #be80b1;
font-size: 14px;
}
.p-progress-bar-steps ul a:before,
.p-progress-bar-steps ul p:before {
content: '';
display: block;
position: absolute;
right: 50%;
width: 100%;
height: 1px;
top: 8px;
background: #be80b1;
}
.p-progress-bar-steps ul .p-content {
position: relative;
display: inline-block;
}
.p-progress-bar-steps ul .p-content:before {
position: relative;
content: '\e20c';
display: block;
font-family: 'philips-global-icon-font';
line-height: 10px;
margin: 3px auto 15px;
width: 10px;
height: 10px;
}
.p-progress-bar-steps ul .p-active {
color: #7d0063;
z-index: 1;
}
.p-progress-bar-steps ul .p-active .p-content:before {
font-size: 20px;
line-height: 16px;
margin-top: 0px;
}
.p-progress-bar-steps ul .p-active:before {
background: #7d0063;
top: 7px;
height: 2px;
}
.p-progress-bar-steps ul .p-active.p-current .p-content:before {
margin-top: 0px;
width: 14px;
height: 14px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-progress-bar-steps ul {
display: block;
margin-top: 46px;
}
.p-progress-bar-steps ul li {
display: block;
width: 100%;
text-align: left;
height: 47px;
}
.p-progress-bar-steps ul li:first-child .p-content:before {
left: 0px;
}
.p-progress-bar-steps ul a:before,
.p-progress-bar-steps ul p:before {
content: '';
display: block;
position: absolute;
width: 1px;
height: 47px;
top: -37px;
right: 0px;
left: 7px;
}
.p-progress-bar-steps ul .p-content {
display: inline;
padding-top: 5px;
padding-left: 37px;
left: 2px;
}
.p-progress-bar-steps ul .p-content:before {
position: absolute;
top: 4px;
}
.p-progress-bar-steps ul .p-active:before {
width: 2px;
height: 47px;
top: -37px;
left: 6px;
}
.p-progress-bar-steps ul .p-active.p-current .p-content {
left: 0px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-progress-bar-steps ul a,
.p-inverted .p-progress-bar-steps ul p {
color: #7d0063;
}
.p-inverted .p-progress-bar-steps ul a:before,
.p-inverted .p-progress-bar-steps ul p:before {
background: #7d0063;
}
.p-inverted .p-progress-bar-steps ul .p-active {
color: #be80b1;
}
.p-inverted .p-progress-bar-steps ul .p-active:before {
background: #be80b1;
}
.p-notification-bar {
display: table;
color: #ffffff;
background-color: #7d0063;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 18px;
border-radius: 2px;
padding-top: 8px;
padding-bottom: 7px;
}
.p-notification-bar span {
display: table-cell;
vertical-align: middle;
width: 100%;
padding-right: 5px;
padding-left: 5px;
}
.p-notification-bar a {
font-size: 14px;
color: #ffffff;
text-decoration: underline;
}
.p-notification-bar .p-square {
background: none;
height: 100%;
margin-top: -4px;
vertical-align: middle;
}
.p-notification-bar .p-square:hover {
background: none;
}
.p-notification-bar button {
margin-right: 7px;
}
.p-notification-bar button.p-square.p-small {
color: #ffffff;
font-size: 11px;
height: 100%;
}
.p-notification-bar.p-notification-popup {
margin: 0px 30px 0px 30px;
max-width: 400px;
padding: 10px 20px 10px 20px;
position: fixed;
right: 0;
text-align: initial;
top: 0;
width: initial;
z-index: 6003;
}
.p-notification-bar.p-question {
background-color: #5b8f22;
}
.p-notification-bar.p-warning {
background-color: #e98300;
}
.p-notification-bar.p-error {
background-color: #96172e;
}
@media screen and (max-width: 700px) {
.p-notification-bar.p-notification-popup {
left: 0;
margin: 0;
max-width: none;
}
}
.p-shoppingcart-container .p-notification-bar {
display: block;
color: #42145f;
background-color: #ffffff;
width: 297px;
white-space: normal;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
font-size: 14px;
line-height: 18px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup {
position: absolute;
right: -15px;
top: auto;
margin: 20px 0;
padding: 20px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup.p-notification-popup-sticky {
position: fixed;
top: 0;
margin: 0;
margin-right: -479px;
right: 50%;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup .triangle {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #dbcfe9;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
position: absolute;
bottom: 100%;
right: 20px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup h3 {
width: 100%;
height: auto;
font-size: 18px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
text-align: left;
margin-bottom: 20px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup p {
width: 249px;
height: 23px;
font-size: 14px;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
text-align: left;
margin: 0 0 25px 1px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup .p-button {
color: #ffffff;
width: 100%;
text-decoration: none;
margin: 0 0 0 1px;
}
@media screen and (max-width: 960px) {
.p-shoppingcart-container .p-notification-bar.p-notification-popup {
right: 0;
margin: 0 0 0 auto;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup.p-notification-popup-sticky {
left: auto;
margin: 0;
right: 7.5%;
}
}
@media screen and (max-width: 700px) {
.p-shoppingcart-container .p-notification-bar .p-notification-popup {
left: auto;
}
.p-shoppingcart-container .p-notification-bar .p-notification-popup.p-notification-popup-sticky {
right: 12%;
}
}
@media screen and (max-width: 450px) {
.p-shoppingcart-container .p-notification-bar.p-notification-popup {
margin-left: auto;
right: 0;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup.p-notification-popup-sticky {
left: 0;
margin-left: auto;
margin-right: auto;
right: 0;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup .triangle {
display: none;
}
}
@media screen and (max-width: 375px) {
.p-shoppingcart-container .p-notification-bar.p-notification-popup {
right: -30px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup .triangle {
display: none;
}
}
@media screen and (max-width: 320px) {
.p-shoppingcart-container .p-notification-bar.p-notification-popup {
right: -55px;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup.p-notification-popup-sticky {
margin-right: 0;
}
.p-shoppingcart-container .p-notification-bar.p-notification-popup .triangle {
display: none;
}
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-popup-wrapper {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 11001;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.p-popup-wrapper .p-popup-bg {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6) 0 0 repeat;
top: 0px;
left: 0px;
}
.p-popup-wrapper .p-popup {
position: relative;
background: #ffffff;
height: 100%;
color: #3c3c3c;
line-height: 18px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.25);
}
.p-popup-wrapper .p-scrollable-content {
overflow: auto;
height: 100%;
}
.p-popup-wrapper .p-disclaimer {
padding: 0px 34px 14px 34px;
}
.p-popup-wrapper .p-popup-close {
position: absolute;
color: #5d6678;
z-index: 1;
cursor: pointer;
top: 6px;
right: 10px;
}
.p-popup-wrapper .p-popup-close span {
display: inline-block;
vertical-align: middle;
}
.p-popup-wrapper .p-popup-close i {
line-height: 26px;
}
.p-popup-wrapper .p-popup-back {
position: relative;
cursor: pointer;
background: #7d0063;
padding: 13px 30px 13px 30px;
}
.p-popup-wrapper .p-popup-back.p-arrow-left-xs-s:before {
color: #ffffff;
line-height: 18px;
}
.p-popup-wrapper .p-popup-back span {
display: inline-block;
color: #ffffff;
padding-left: 30px;
}
.p-popup-wrapper .p-popup-back span:hover {
text-decoration: underline;
}
.p-popup-wrapper .p-popup-content {
background: #ffffff;
}
.p-popup-wrapper .p-icon-power {
display: inline-block;
vertical-align: sub;
width: 18px;
height: 19px;
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/power-icon.jpg') 0 0 no-repeat;
}
.p-popup-wrapper .p-button {
display: inline;
width: 100%;
}
.p-popup-wrapper .p-button:after {
display: none;
}
/*
Max Width 700
---------------------------*/
/*
Max Width 700
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 0px) {
.p-popup-wrapper {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.p-popup-wrapper .p-popup {
width: 100%;
margin: 0;
}
.p-popup-wrapper .p-header {
padding-top: 20px;
}
.p-popup-wrapper .p-wrapper {
float: left;
padding: 0px 10px 10px 10px;
}
.p-popup-wrapper .p-popup-close {
display: none;
}
.p-popup-wrapper .p-popup-back {
display: block;
}
.p-popup-wrapper .p-popup-back.p-arrow-left-xs-s:before {
margin-left: 6px;
}
.p-popup-wrapper .p-popup-bg {
display: none;
}
.p-popup-wrapper .p-button {
box-sizing: border-box;
display: inline-block;
text-align: center;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-popup-wrapper .p-popup-back.p-arrow-left-xs-s:before {
margin-left: 9px;
}
}
@media screen and (max-width: 700px) {
.p-popup-wrapper .p-scrollable-content {
width: 100%;
float: left;
clear: both;
background: #ffffff;
}
.p-popup-wrapper .p-disclaimer {
padding: 34px 34px 14px 34px;
clear: both;
}
}
@media screen and (min-width: 701px) {
.p-popup-wrapper {
overflow-y: hidden;
}
.p-popup-wrapper .p-popup {
border: 0;
width: 635px;
margin-left: auto;
margin-right: auto;
}
.p-popup-wrapper .p-header {
padding: 34px 34px 0px 34px;
}
.p-popup-wrapper .p-footer {
padding: 0px 34px 34px 34px;
}
.p-popup-wrapper .p-wrapper,
.p-popup-wrapper .p-scrollable-content {
padding: 0px 34px 0px 34px;
}
.p-popup-wrapper .p-popup-close {
display: block;
}
.p-popup-wrapper .p-popup-back {
display: none;
}
.p-popup-wrapper .p-popup-bg {
display: block;
}
.p-popup-wrapper .p-popup-content {
padding: 0px 0px 0px 0px;
}
}
/*
Defaults
---------------------------*/
.p-box {
position: relative;
border: 1px solid #e0e0e0;
overflow: visible;
}
.p-bg-solid-highcontrast {
background-color: #42145f;
}
.p-bg-solid-highcontrast.p-bg-opacity-25 {
background-color: rgba(66, 20, 95, 0.25);
}
.p-bg-solid-highcontrast.p-bg-opacity-50 {
background-color: rgba(66, 20, 95, 0.5);
}
.p-bg-solid-highcontrast.p-bg-opacity-75 {
background-color: rgba(66, 20, 95, 0.75);
}
.p-bg-solid-lowcontrastbright {
background-color: #7d0063;
}
.p-bg-solid-lowcontrastbright.p-bg-opacity-25 {
background-color: rgba(125, 0, 99, 0.25);
}
.p-bg-solid-lowcontrastbright.p-bg-opacity-50 {
background-color: rgba(125, 0, 99, 0.5);
}
.p-bg-solid-lowcontrastbright.p-bg-opacity-75 {
background-color: rgba(125, 0, 99, 0.75);
}
.p-bg-solid-lowcontrastultra {
background-color: #f3ebfa;
}
.p-bg-solid-lowcontrastultra.p-bg-opacity-25 {
background-color: rgba(243, 235, 250, 0.25);
}
.p-bg-solid-lowcontrastultra.p-bg-opacity-50 {
background-color: rgba(243, 235, 250, 0.5);
}
.p-bg-solid-lowcontrastultra.p-bg-opacity-75 {
background-color: rgba(243, 235, 250, 0.75);
}
.p-bg-solid-lightlowcontrast {
background-color: #b390bb;
}
.p-bg-solid-lightlowcontrast.p-bg-opacity-25 {
background-color: rgba(179, 144, 187, 0.25);
}
.p-bg-solid-lightlowcontrast.p-bg-opacity-50 {
background-color: rgba(179, 144, 187, 0.5);
}
.p-bg-solid-lightlowcontrast.p-bg-opacity-75 {
background-color: rgba(179, 144, 187, 0.75);
}
.p-bg-solid-darklowcontrast {
background-color: #631d76;
}
.p-bg-solid-darklowcontrast.p-bg-opacity-25 {
background-color: rgba(99, 29, 118, 0.25);
}
.p-bg-solid-darklowcontrast.p-bg-opacity-50 {
background-color: rgba(99, 29, 118, 0.5);
}
.p-bg-solid-darklowcontrast.p-bg-opacity-75 {
background-color: rgba(99, 29, 118, 0.75);
}
.p-bg-gradient-highcontrast {
background-color: #6e219e;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #160720 0%, #42145f 50%, #6e219e 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #160720 0%, #42145f 50%, #6e219e 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff160720', endColorstr='#ff6e219e', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff160720', endColorstr='#ff6e219e', GradientType=0);
}
.p-bg-gradient-lowcontrastbright {
background-color: #ca00a0;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
}
.p-bg-gradient-lowcontrastultra {
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #ceaeeb 0%, #f3ebfa 50%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #ceaeeb 0%, #f3ebfa 50%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceaeeb', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceaeeb', endColorstr='#ffffffff', GradientType=0);
}
.p-bg-gradient-lightlowcontrast {
background-color: #d3bfd8;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #92619e 0%, #b390bb 50%, #d3bfd8 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #92619e 0%, #b390bb 50%, #d3bfd8 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92619e', endColorstr='#ffd3bfd8', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff92619e', endColorstr='#ffd3bfd8', GradientType=0);
}
.p-bg-gradient-darklowcontrast {
background-color: #972cb3;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #2f0e39 0%, #631d76 50%, #972cb3 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #2f0e39 0%, #631d76 50%, #972cb3 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f0e39', endColorstr='#ff972cb3', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f0e39', endColorstr='#ff972cb3', GradientType=0);
}
/*
Min Width 0
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 0px) {
.p-box.p-drop-shadow {
border: 0;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
}
@media screen and (min-width: 701px) {
.p-box.p-round {
background: #ffffff url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/bottom-gradient.png') repeat-x left bottom;
border-radius: 4px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted {
/*
Min Width 701
---------------------------*/
}
.p-inverted .p-box.p-colored {
background: #ffffff;
}
/*
Defaults
---------------------------*/
.p-social-share-list {
padding: 0;
margin: 0;
display: inline-block;
height: 30px;
clear: left;
font-size: 0;
}
.p-social-share-list li {
display: inline-block;
background-repeat: no-repeat;
overflow: hidden;
vertical-align: bottom;
margin-left: 11px;
}
.p-social-share-list li:first-child {
margin-left: 0;
}
.p-social-share-list li img {
width: 30px;
height: 30px;
}
.p-horizontal-line {
width: 100%;
height: 1px;
background: #e0e0e0;
border: 0;
margin-top: 21px;
margin-bottom: 30px;
}
/* add this class to a tag with content in it, don't add an empty div to apply this class, unless you set width explicitly */
.p-vertical-line {
position: relative;
}
.p-vertical-line:after {
content: '';
position: absolute;
height: 100%;
width: 1px;
top: 0;
right: 0;
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #ffffff 0%, #e0e0e0 80%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 80%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
}
.p-vertical-line.p-vertical-line-left:after {
right: auto;
left: 0;
}
.p-vertical-line.p-shade {
width: 30px;
overflow: hidden;
}
.p-vertical-line.p-shade:before {
content: '';
position: absolute;
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 70%);
top: 25px;
right: -10px;
width: 29px;
height: 90px;
}
@media screen and (max-width: 700px) {
.p-horizontal-line {
margin-top: 31px;
margin-bottom: 40px;
}
}
.p-table {
border-collapse: collapse;
margin: 0;
padding: 0;
border-top: 1px solid #cccccc;
width: 100%;
}
.p-table tr {
border-bottom: 1px solid #cccccc;
font-size: 14px;
}
.p-table th,
.p-table td {
padding: 10px 10px 10px 10px;
}
.p-table th {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
text-align: left;
}
.p-table.p-filled {
border-top: 0;
}
.p-table.p-filled tr {
color: #3c3c3c;
background: #f3ebfa;
border-bottom: 2px solid #ffffff;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-table.p-filled tr {
color: #3c3c3c;
background: #ffffff;
border-bottom: 2px solid #f3ebfa;
}
/*
Defaults
---------------------------*/
.p-search-field .p-input-button-wrapper {
position: relative;
}
.p-search-field .p-input-button-wrapper button {
position: absolute;
border: 0;
overflow: hidden;
right: 6px;
width: 22px;
height: 22px;
}
.p-search-field .p-input-button-wrapper button i {
color: #cccedb;
font-size: 16px;
}
.p-search-field.p-active .p-input-button-wrapper button i {
color: #7d0063;
}
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-search-field .p-input-button-wrapper button {
top: 6px;
}
}
@media screen and (min-width: 961px) {
.p-search-field .p-input-button-wrapper button {
top: 3px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-search-field.p-active .p-input-button-wrapper button i {
color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-search-box {
position: relative;
width: 100%;
}
.p-search-box .p-search-results {
display: none;
position: absolute;
width: 100%;
background: #ffffff;
z-index: 1;
border-bottom: 1px solid #cccedb;
border-left: 1px solid #cccedb;
border-right: 1px solid #cccedb;
font-size: 14px;
padding: 5px 0px 5px 0px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
.p-search-box .p-search-results li {
position: relative;
display: block;
cursor: pointer;
color: #3c3c3c;
}
.p-search-box .p-search-results li.p-selected,
.p-search-box .p-search-results li:hover {
background: #f3ebfa;
}
.p-search-box .p-search-results li .p-highlight {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-search-box.p-magnifier .p-search-results li:after {
content: '';
position: absolute;
display: block;
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-brand-refresh.png') -559px 0 no-repeat;
width: 12px;
height: 12px;
top: 12px;
left: 15px;
}
.p-search-box.p-magnifier:after {
content: '';
position: absolute;
display: block;
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/icon-sprite-brand-refresh.png') -571px 0 no-repeat;
width: 20px;
height: 20px;
top: 8px;
right: 11px;
}
.p-search-box.p-fixed-width {
width: 300px;
}
.p-search-box.p-fixed-width.p-magnifier:after {
background-position: -579px -20px;
width: 12px;
height: 12px;
top: 12px;
right: 12px;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.p-search-box .p-search-results li:after {
display: none;
}
.p-search-box:after {
display: none;
}
}
@media screen and (min-width: 0px) {
.p-search-box .p-search-results {
top: 35px;
}
.p-search-box .p-search-results li {
line-height: 24px;
padding: 7px 8px 7px 10px;
}
.p-search-box.p-magnifier .p-search-results li {
padding: 5px 8px 0px 37px;
}
}
@media screen and (min-width: 701px) {
.p-search-box .p-search-results li {
padding: 6px 8px 4px 10px;
}
.p-search-box.p-magnifier .p-search-results li {
padding-top: 2px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-search-box .p-search-results {
background: #7d0063;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.p-inverted .p-search-box .p-search-results li.p-selected,
.p-inverted .p-search-box .p-search-results li:hover {
background: #cccedb;
}
.p-ribbon-wrap {
position: absolute;
left: 0;
top: 0;
z-index: 1;
pointer-events: none;
}
.p-ribbon-wrap .p-ribbon {
display: block;
margin-top: -9px;
margin-left: -9px;
}
.p-ribbon-wrap .p-ribbon img {
max-width: none;
}
/*
Defaults
---------------------------*/
.p-nav-tabs {
position: relative;
margin: 0 auto;
width: 100%;
float: left;
z-index: 10;
background: #ffffff;
}
.p-nav-tabs strong {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-nav-tabs .p-square.p-icon-down {
background: none;
}
.p-nav-tabs .p-square.p-icon-down:hover {
background-color: #7d0063;
text-decoration: none;
}
.p-nav-tabs .p-square.p-icon-down:hover:after {
color: #ffffff;
}
.p-nav-tabs div.container > ul {
border-bottom: 1px solid #be80b1;
width: 100%;
position: relative;
}
.p-nav-tabs div.container > ul:after {
content: "";
display: table;
clear: both;
}
.p-nav-tabs div.container > ul li {
display: table;
position: relative;
float: left;
width: 48.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style: none;
}
.p-nav-tabs div.container > ul li.p-collapse {
position: absolute !important;
display: block;
width: 36px;
min-width: 36px;
right: 0;
top: 0;
bottom: 1px;
text-indent: -9999px;
border-bottom: none;
z-index: 1;
}
.p-nav-tabs div.container > ul li.p-collapse.p-closed ul {
display: none;
}
.p-nav-tabs div.container > ul li.p-collapse .p-open:after {
color: #3c3c3c;
}
.p-nav-tabs div.container > ul li.p-collapse ul {
position: absolute;
right: 0;
top: 100%;
border-bottom: 0;
background: #ffffff;
}
.p-nav-tabs div.container > ul li.p-collapse ul li {
position: relative;
width: 100%;
text-indent: 0;
color: #7d0063;
border-bottom: 1px solid #be80b1;
}
.p-nav-tabs div.container > ul li.p-collapse ul li a {
text-align: left;
}
.p-nav-tabs div.container > ul li.p-collapse ul li.p-collapse {
width: auto;
}
.p-nav-tabs div.container > ul li.p-collapse button {
cursor: pointer;
float: right;
margin-right: 4px;
margin-top: 7px;
}
.p-nav-tabs div.container > ul li.p-selected strong {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-nav-tabs div.container > ul li.p-selected a {
color: #7d0063;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
border-bottom-color: #7d0063;
border-bottom-width: 2px;
margin-bottom: -1px;
}
.p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down {
background-color: #ffffff;
}
.p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down:after {
color: rgba(125, 0, 99, 0.8);
}
.p-nav-tabs div.container > ul li a {
display: table-cell;
vertical-align: middle;
padding: 11px 8px 9px 8px;
font-size: 14px;
line-height: 16px;
font-weight: normal;
text-align: center;
color: #3c3c3c;
border-bottom: 1px solid transparent;
}
.p-nav-tabs div.container > ul li a span {
line-height: inherit;
}
.p-nav-tabs div.container > ul li a:hover {
border-bottom-color: #7d0063;
color: #7d0063;
text-decoration: none;
}
.p-nav-tabs div.container > ul li a:hover:before {
content: '';
position: absolute;
display: block;
bottom: -1px;
border-bottom: 1px solid #7d0063;
left: 0;
right: 0;
}
.p-nav-tabs div.container > ul.p-row-gutter li.p-collapse {
right: 9px;
}
.p-nav-tabs div.container > ul.p-nocollapse {
margin-right: 0;
}
.p-nav-tabs div.container > ul.p-nocollapse li {
width: 33.33333333%;
}
.p-nav-tabs div.container > ul.p-nocollapse li.p-collapse {
display: none !important;
}
.p-nav-tabs.divided div.container {
max-width: 960px;
width: 100%;
margin: 0 auto;
}
.p-nav-tabs.divided div.container > ul > li {
width: 100%;
}
.p-nav-tabs.divided div.container > ul > li.p-collapse {
width: auto;
}
.p-nav-tabs.divided div.container > ul > li.p-collapse ul li a {
text-align: left;
}
.p-nav-tabs.divided div.container > ul > li.divided-mainpage strong {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-nav-tabs.divided div.container > ul > li.divided-mainpage a {
color: #7d0063;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
font-size: 16px;
}
.p-nav-tabs.divided div.container > ul > li.divided-mainpage a:hover {
border-bottom-color: transparent;
}
.p-nav-tabs.divided div.container > ul > li.divided-mainpage a:hover:before {
border-bottom: none;
}
.p-nav-tabs.p-full-bleed div.container > ul {
max-width: 960px;
margin: 0 auto;
}
.p-nav-tabs.p-pull-top {
margin-top: -40px;
height: 40px;
}
.p-nav-tabs.p-secondary {
background-color: rgba(125, 0, 99, 0.8);
}
.p-nav-tabs.p-secondary .p-square.p-icon-down:after {
color: #ffffff;
}
.p-nav-tabs.p-secondary .p-square.p-icon-down:hover {
background-color: #FFF;
}
.p-nav-tabs.p-secondary .p-square.p-icon-down:hover:after {
color: rgba(125, 0, 99, 0.8);
}
.p-nav-tabs.p-secondary div.container > ul {
position: relative;
border: 0;
z-index: 1;
}
.p-nav-tabs.p-secondary div.container > ul li.p-collapse ul {
background: #7d0063;
color: #7d0063;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-nav-tabs.p-secondary div.container > ul li.p-collapse ul li {
color: #ffffff;
border: 0;
}
.p-nav-tabs.p-secondary div.container > ul li.p-selected {
background: #ffffff;
}
.p-nav-tabs.p-secondary div.container > ul li.p-selected a {
border: 0;
color: #7d0063;
}
.p-nav-tabs.p-secondary div.container > ul li a {
padding-top: 13px;
padding-bottom: 11px;
color: #ffffff;
border: 0;
margin: 0px 0px 0px 0px;
}
.p-nav-tabs.p-secondary div.container > ul li a:hover {
background: #ffffff;
border: 0;
color: #7d0063;
text-decoration: none;
}
.p-nav-tabs.p-secondary div.container > ul li a:hover:before {
display: none;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-nav-tabs.divided div.container > ul {
text-align: left;
float: left;
width: 50%;
}
.p-nav-tabs.divided div.container > ul .spacer {
display: none;
}
}
@media print, screen and (min-width: 451px) {
.p-nav-tabs {
margin: 0;
}
.p-nav-tabs ul li {
width: 32.6%;
}
}
@media screen and (min-width: 701px) {
.p-nav-tabs {
margin: 0 auto;
float: left;
width: 100%;
position: relative;
}
.p-nav-tabs div.container ul {
overflow: hidden;
margin: 0;
}
.p-nav-tabs div.container ul li {
width: 20%;
}
.p-nav-tabs div.container ul li.p-collapse {
display: none;
}
.p-nav-tabs div.container li {
width: 20%;
}
.p-nav-tabs div.container li.p-collapse {
display: none;
}
.p-nav-tabs div.container li a {
white-space: nowrap;
}
.p-nav-tabs.divided div.container > ul {
float: right;
width: 75%;
}
.p-nav-tabs.divided div.container > ul li {
width: auto;
min-width: 100px;
}
.p-nav-tabs.divided div.container > ul li.spacer {
min-width: 0;
}
.p-nav-tabs.divided div.container > ul li.p-collapse {
min-width: 0;
}
.p-nav-tabs.divided div.container > ul .spacer {
display: block;
}
.p-nav-tabs.divided div.container > ul.divided-left {
text-align: left;
float: left;
width: 25%;
}
}
@media screen and (min-width: 961px) {
.p-nav-tabs ul li a {
line-height: 16px;
}
}
@media screen and (max-width: 700px) {
.p-nav-tabs {
margin: 0 auto;
float: left;
width: 100%;
position: relative;
}
.p-nav-tabs div.container ul {
margin: 0;
}
.p-nav-tabs div.container ul li {
width: 20%;
}
.p-nav-tabs div.container ul li.p-collapse.p-closed ul {
display: none;
}
.p-nav-tabs div.container li {
width: 20%;
}
.p-nav-tabs div.container li.p-collapse.p-closed ul {
display: none;
}
.p-nav-tabs.divided div.container > ul {
clear: both;
float: left;
width: 100%;
text-align: left;
}
.p-nav-tabs.divided div.container > ul li {
width: auto;
min-width: 100px;
}
.p-nav-tabs.divided div.container > ul li.spacer {
min-width: 0;
}
.p-nav-tabs.divided div.container > ul li a {
text-align: left;
}
.p-nav-tabs.divided div.container > ul .spacer {
display: block;
}
.p-nav-tabs.divided div.container > ul.divided-left {
float: left;
width: 100%;
clear: both;
border-bottom: 0;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-nav-tabs {
background: #7d0063;
color: #ffffff;
}
.p-inverted .p-nav-tabs .p-square.p-icon-down:hover {
background-color: #ffffff;
}
.p-inverted .p-nav-tabs .p-square.p-icon-down:hover:after {
color: rgba(125, 0, 99, 0.8);
}
.p-inverted .p-nav-tabs div.container > ul {
border-bottom: 0;
}
.p-inverted .p-nav-tabs div.container > ul li.p-collapse ul {
background: #7d0063;
}
.p-inverted .p-nav-tabs div.container > ul li.p-collapse ul li {
color: #3c3c3c;
border-bottom: 1px solid #ffffff;
}
.p-inverted .p-nav-tabs div.container > ul li.p-selected {
background: #ffffff;
}
.p-inverted .p-nav-tabs div.container > ul li.p-selected a {
border-bottom-color: #ffffff;
}
.p-inverted .p-nav-tabs div.container > ul li.p-selected a:hover {
color: #7d0063;
}
.p-inverted .p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down {
background-color: #7d0063;
}
.p-inverted .p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down:after {
color: #ffffff;
}
.p-inverted .p-nav-tabs div.container > ul li a:hover {
color: #ffffff;
border-bottom-color: #ffffff;
text-decoration: none;
}
.p-inverted .p-nav-tabs div.container > ul li a:hover:before {
border-bottom: 1px solid #ffffff;
}
.p-inverted .p-nav-tabs.p-secondary {
background-color: rgba(255, 255, 255, 0.8);
}
.p-inverted .p-nav-tabs.p-secondary .p-square.p-icon-down {
background-color: transparent;
}
.p-inverted .p-nav-tabs.p-secondary .p-square.p-icon-down:after {
color: rgba(125, 0, 99, 0.8);
}
.p-inverted .p-nav-tabs.p-secondary .p-square.p-icon-down:hover {
background-color: #7d0063;
}
.p-inverted .p-nav-tabs.p-secondary .p-square.p-icon-down:hover:after {
color: #ffffff;
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li.p-collapse ul {
background: rgba(255, 255, 255, 0.8);
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li.p-collapse ul li {
color: #7d0063;
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li.p-selected {
background: #7d0063;
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li.p-selected a {
color: #ffffff;
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li a {
color: #7d0063;
}
.p-inverted .p-nav-tabs.p-secondary div.container > ul li a:hover {
background: #7d0063;
color: #ffffff;
text-decoration: none;
}
/*
Defaults
---------------------------*/
.p-grey .p-nav-tabs .p-square {
color: #000000;
}
.p-grey .p-nav-tabs .p-square.p-icon-down:hover {
background-color: #cfd0d4;
color: #ffffff;
}
.p-grey .p-nav-tabs div.container > ul {
border-bottom: 1px solid #a9acba;
}
.p-grey .p-nav-tabs div.container > ul li.p-collapse .p-open:after {
color: #888888;
}
.p-grey .p-nav-tabs div.container > ul li.p-collapse ul {
background: #ffffff;
}
.p-grey .p-nav-tabs div.container > ul li.p-collapse ul li {
color: #ffffff;
border-bottom: 1px solid #252525;
}
.p-grey .p-nav-tabs div.container > ul li.p-selected a {
color: #000000;
border-bottom-color: #000000;
}
.p-grey .p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down {
background-color: #888888;
}
.p-grey .p-nav-tabs div.container > ul li.p-open .p-square.p-icon-down:after {
color: #ffffff;
}
.p-grey .p-nav-tabs div.container > ul li a {
color: #888888;
}
.p-grey .p-nav-tabs div.container > ul li a:hover {
border-bottom-color: #252525;
color: #252525;
}
.p-grey .p-nav-tabs div.container > ul li a:hover:before {
border-bottom: 1px solid #252525;
}
.p-grey .p-nav-tabs.divided div.container > ul li.divided-mainpage strong {
font-family: #252525;
}
.p-grey .p-nav-tabs.divided div.container > ul li.divided-mainpage a {
color: #252525;
}
.p-grey .p-nav-tabs.p-secondary {
background-color: #888888;
}
.p-grey .p-nav-tabs.p-secondary .p-square.p-icon-down:after {
color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary .p-square.p-icon-down:hover {
background-color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary .p-square.p-icon-down:hover:after {
color: #888888;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li.p-open .p-square.p-icon-down {
background-color: #cfd0d4;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li.p-collapse ul {
background: #888888;
color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li.p-collapse ul li {
color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li.p-selected {
background: #000000;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li.p-selected a {
color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li a {
color: #ffffff;
}
.p-grey .p-nav-tabs.p-secondary div.container > ul li a:hover {
background: #ffffff;
color: #000000;
}
/*
Defaults
---------------------------*/
.p-thumbstrip {
overflow: hidden;
clear: both;
position: relative;
padding-left: 61px;
padding-right: 61px;
}
.p-thumbstrip .p-nav-prev,
.p-thumbstrip .p-nav-next,
.p-thumbstrip .p-s-categories,
.p-thumbstrip .p-gallery-numbers {
display: none;
}
.p-thumbstrip .p-pex-link {
outline: none;
}
.p-thumbstrip .p-gallery-numbers {
position: relative;
display: block;
color: #888b9c;
text-align: right;
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
font-size: 11px;
padding-right: 4px;
margin-top: 10px;
margin-bottom: 3px;
}
.p-thumbstrip .p-nav-prev,
.p-thumbstrip .p-nav-next {
display: block;
position: absolute;
left: 0;
top: 0;
width: 62px;
height: 81px;
z-index: 1;
cursor: default;
}
.p-thumbstrip .p-nav-prev .p-icon-arrow-right,
.p-thumbstrip .p-nav-next .p-icon-arrow-right,
.p-thumbstrip .p-nav-prev .p-icon-arrow-left,
.p-thumbstrip .p-nav-next .p-icon-arrow-left {
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.p-thumbstrip .p-nav-prev.p-active,
.p-thumbstrip .p-nav-next.p-active {
cursor: pointer;
}
.p-thumbstrip .p-nav-prev.p-active .p-icon-arrow-right,
.p-thumbstrip .p-nav-next.p-active .p-icon-arrow-right,
.p-thumbstrip .p-nav-prev.p-active .p-icon-arrow-left,
.p-thumbstrip .p-nav-next.p-active .p-icon-arrow-left {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.test-touch .p-thumbstrip .p-nav-prev:hover i,
.test-touch .p-thumbstrip .p-nav-next:hover i {
color: #7d0063;
}
.p-thumbstrip .p-nav-next {
left: auto;
right: 0;
}
.p-thumbstrip .p-s-slider-nav,
.p-thumbstrip .p-s-slider-nav.p-show {
display: none;
}
.p-thumbstrip .p-slider-wrapper {
position: relative;
overflow: hidden;
}
.p-thumbstrip .p-slider-inner {
position: relative;
white-space: nowrap;
font-size: 0;
left: 0;
}
.p-thumbstrip .p-slider-inner .p-category {
display: inline-block;
}
.p-thumbstrip .p-slider-inner .p-slider-item {
vertical-align: top;
display: inline-block;
text-align: center;
width: 144px;
margin-right: 22px;
}
.p-thumbstrip .p-slider-inner .p-slider-item .p-slider-item-title {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
color: #5d6678;
font-size: 14px;
padding-top: 30px;
width: 144px;
white-space: normal;
}
.p-thumbstrip .p-slider-inner .p-picture {
display: block;
height: 79px;
}
.p-thumbstrip .p-slider-inner .p-picture img {
width: 100%;
}
.p-thumbstrip .p-slider-inner a {
position: relative;
display: block;
border: 1px solid #cccedb;
min-width: 90px;
}
.p-thumbstrip .p-slider-inner a:hover,
.p-thumbstrip .p-slider-inner a.p-active {
border-color: #7d0063;
}
.p-thumbstrip .p-slider-inner a:hover .p-play-button i {
color: #5d6678;
}
.p-thumbstrip .p-slider-inner .p-play-button {
position: absolute !important;
margin: auto;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
font-size: 14px;
left: 4px;
bottom: 4px;
}
.p-thumbstrip .p-category-title {
display: none;
}
.p-thumbstrip .p-overflow-left,
.p-thumbstrip .p-overflow-right {
position: absolute;
display: none;
width: 50px;
height: 50px;
left: -50px;
top: 50%;
margin-top: -20px;
border-radius: 20px;
}
.p-thumbstrip .p-overflow-right {
left: auto;
right: -50px;
}
.p-thumbstrip .p-overflow-right:after {
right: auto;
left: -1px;
}
.p-thumbstrip .p-overflow-left.p-show,
.p-thumbstrip .p-overflow-right.p-show {
display: block;
}
@media screen and (max-width: 700px) {
.p-thumbstrip.p-thumbstrip-change-s {
padding: 0px 0px 0px 0px;
background: #d9edf6;
}
.p-thumbstrip.p-thumbstrip-change-s:before,
.p-thumbstrip.p-thumbstrip-change-s:after {
display: none;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories {
display: block;
text-align: center;
padding: 10px 0px 7px 0px;
border-radius: 2px 2px 2px 2px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories li {
position: relative;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories li:first-child:after {
display: none;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories li:after {
content: '';
display: block;
position: absolute;
background: #cccccc;
top: 0px;
left: 0px;
width: 1px;
height: 20px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories li a {
font-size: 16px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-gallery-numbers {
display: none;
position: absolute;
font-size: 13px;
line-height: 16px;
color: #888b9c;
right: 2%;
top: 50%;
margin-top: -8px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-gallery-numbers.p-show {
display: block;
}
.p-thumbstrip.p-thumbstrip-change-s .p-slider-inner,
.p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p-thumbstrip.p-thumbstrip-change-s .p-nav-next,
.p-thumbstrip.p-thumbstrip-change-s .p-overflow-left,
.p-thumbstrip.p-thumbstrip-change-s .p-overflow-right {
display: none;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-thumbstrip:before {
background-color: rgba(204, 204, 204, 0);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #cccccc, rgba(204, 204, 204, 0));
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #cccccc, rgba(204, 204, 204, 0));
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#00cccccc', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#00cccccc', GradientType=1);
}
.p-inverted .p-thumbstrip:after {
background-color: #cccccc;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, rgba(204, 204, 204, 0), #cccccc);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, rgba(204, 204, 204, 0), #cccccc);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cccccc', endColorstr='#ffcccccc', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00cccccc', endColorstr='#ffcccccc', GradientType=1);
}
.test-touch .p-inverted .p-thumbstrip .p-nav-prev:hover i,
.test-touch .p-inverted .p-thumbstrip .p-nav-next:hover i {
color: #ffffff;
}
.p-inverted .p-thumbstrip .p-slider-inner a:hover,
.p-inverted .p-thumbstrip .p-slider-inner a.p-active {
border-color: #ffffff;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-promotion-label {
text-align: left;
overflow: hidden;
line-height: 1.4em;
position: relative;
left: 0px;
}
.p-promotion-label.p-custom-bg:after {
content: none;
}
.p-promotion-label.p-custom-bg .p-inner-helper {
display: block;
width: 25px;
background-color: #003478;
position: absolute;
bottom: 0px;
left: 0px;
top: 0px;
}
.p-promotion-label.p-custom-bg.p-align-right .p-inner-helper {
left: auto;
right: 0px;
}
.p-promotion-label:after {
content: '';
display: block;
width: 25px;
background-color: #003478;
position: absolute;
bottom: 0px;
left: 0px;
top: 0px;
}
.p-promotion-label .p-inner {
background-color: #003478;
color: #ffffff;
display: block;
margin: 0;
}
.p-promotion-label .p-inner span {
position: relative;
z-index: 1;
left: -10px;
}
.p-promotion-label.p-align-right {
text-align: right;
padding-right: 20px;
padding-left: auto;
right: 0px;
}
.p-promotion-label.p-align-right:after {
left: auto;
right: 0px;
}
.p-promotion-label.p-align-right .p-inner span {
right: -10px;
left: auto;
}
.p-promotion-label.p-aqua:after {
background-color: #1e9d8b;
}
.p-promotion-label.p-aqua .p-inner {
background-color: #1e9d8b;
}
.p-promotion-label.p-purple:after {
background-color: #7d0063;
}
.p-promotion-label.p-purple .p-inner {
background-color: #7d0063;
}
.p-promotion-label.p-green:after {
background-color: #5b8f22;
}
.p-promotion-label.p-green .p-inner {
background-color: #5b8f22;
}
.p-promotion-label.p-yellow:after {
background-color: #eeaf00;
}
.p-promotion-label.p-yellow .p-inner {
background-color: #eeaf00;
}
.p-promotion-label.p-red:after {
background-color: #96172e;
}
.p-promotion-label.p-red .p-inner {
background-color: #96172e;
}
.p-promotion-label.p-orange:after {
background-color: #e98300;
}
.p-promotion-label.p-orange .p-inner {
background-color: #e98300;
}
/*
Defaults
---------------------------*/
.p-promotion-lens {
position: relative;
color: #ffffff;
text-align: center;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
width: 55px;
height: 55px;
border-radius: 27.5px 27.5px 27.5px 27.5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
background: #5b8f22;
font-size: 11px;
/* EM based approach to allow easy font resizing on parent level */
}
.p-promotion-lens[data-auto-fit-text='true'] span {
visibility: hidden;
}
.p-promotion-lens span {
display: table-cell;
vertical-align: middle;
height: 55px;
width: 55px;
padding: 3px 3px 3px 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.2em;
}
.p-promotion-lens b {
font-size: 1.2727em;
}
.p-promotion-lens.p-discount {
background: #cd202c;
}
.p-promotion-lens.p-retour {
background: #5b8f22;
}
.p-promotion-lens.p-large {
font-size: 12px;
width: 70px;
height: 70px;
border-radius: 35px 35px 35px 35px;
}
.p-promotion-lens.p-large b {
font-size: 1.1667em;
}
.p-promotion-lens.p-large span {
height: 70px;
width: 70px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-promotion-lens {
width: 45px;
height: 45px;
border-radius: 22.5px 22.5px 22.5px 22.5px;
font-size: 11px;
font-family: tahoma, arial, helvetica, sans-serif;
/* Don't use increases size and bold on XS/S */
}
.p-promotion-lens span {
height: 45px;
width: 45px;
}
.p-promotion-lens.p-medium,
.p-promotion-lens.p-large {
font-size: 11px;
width: 55px;
height: 55px;
border-radius: 27.5px 27.5px 27.5px 27.5px;
}
.p-promotion-lens.p-medium span,
.p-promotion-lens.p-large span {
height: 55px;
width: 55px;
}
.p-promotion-lens.p-medium b,
.p-promotion-lens.p-large b,
.p-promotion-lens b {
font-family: inherit;
font-weight: normal;
font-size: 1.2727em;
}
}
/*
Defaults
---------------------------*/
.p-promotion-ribbon {
line-height: 26px;
display: inline-block;
position: relative;
overflow: hidden;
padding-right: 3em;
z-index: 0;
}
.p-promotion-ribbon .p-promotion-ribbon-inner {
padding: 2px 8px;
background: #5b8f22;
color: #ffffff;
display: inline-block;
position: relative;
}
.p-promotion-ribbon .p-promotion-ribbon-inner:before {
content: "";
position: absolute;
right: -3em;
bottom: 0;
width: 0;
height: 0;
border-bottom: 3em solid #5b8f22;
border-right: 3em solid transparent;
z-index: -1;
}
.p-promotion-ribbon .p-promotion-ribbon-inner:after {
content: "";
position: absolute;
right: -3em;
top: 0;
width: 0;
height: 0;
border-top: 3em solid #5b8f22;
border-right: 3em solid transparent;
z-index: -1;
}
.p-promotion-ribbon .p-promotion-ribbon-inner a {
text-decoration: none;
color: #ffffff;
}
/*
Defaults
---------------------------*/
body.p-is-fullscreen {
overflow: hidden;
}
body.p-is-fullscreen .p-video .p-controls {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 5px;
}
.p-video {
direction: ltr;
}
.p-video .p-get-flash {
display: none;
width: 100%;
position: absolute;
top: 60px;
color: #ffffff;
z-index: 1;
text-align: center;
line-height: 20px;
}
.p-video .p-get-flash a {
text-decoration: underline;
color: #ffffff;
}
.p-video .s7container .s7videoplayer {
position: relative;
}
.p-video .s7container .s7videoplayer .s7iconeffect {
background-image: none;
width: auto;
height: auto;
}
.p-video .s7container .s7videoplayer:hover .p-play-button i:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-video .p-pause-large {
position: absolute;
left: 50%;
top: 50%;
margin: -27px 0 0 -28px;
}
.p-video .p-controls {
padding-top: 20px;
padding-bottom: 20px;
margin-left: 16px;
margin-right: 16px;
background-color: rgba(0, 0, 0, 0.4);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.4)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}
.p-video .p-controls:after {
content: "";
display: table;
clear: both;
}
.p-video .p-controls.p-inset {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 15px 0;
}
.p-video .p-controls .p-button-wrapper {
float: left;
}
.p-video .p-scrub-bar {
position: relative;
top: 14px;
margin-left: 15px;
margin-right: 5px;
float: left;
cursor: pointer;
}
.p-video .p-scrub-bar .p-gutter {
position: relative;
width: 100%;
height: 2px;
}
.p-video .p-scrub-bar .p-bg-bar {
position: absolute;
display: block;
height: 2px;
background: rgba(255, 255, 255, 0.1);
right: 0;
left: 10px;
}
.p-video .p-scrub-bar .p-played {
position: absolute;
left: 0;
right: 0;
width: 1%;
height: 100%;
background-color: #ffffff;
}
.p-video .p-scrub-bar .p-played:after {
content: "";
position: absolute;
right: -10px;
top: -4px;
z-index: 1;
display: block;
width: 8px;
height: 8px;
border: 1px solid #ffffff;
border-radius: 4px;
}
.p-video .p-scrub-bar .p-loaded {
position: absolute;
left: 0;
right: 0;
width: 2%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
}
.p-video .p-volume {
position: relative;
}
.p-video .p-volume .p-mute {
position: absolute;
left: 0;
bottom: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
z-index: 1;
width: 33px;
height: 33px;
background: #ffffff;
border-radius: 4px;
}
@media screen and (min-width: 961px) {
.p-video .p-volume .p-mute {
width: 18px;
height: 18px;
left: -1px;
bottom: -1px;
}
}
.p-video .p-volume .p-mute:after {
width: 17px;
height: 16px;
top: 3px;
background-position: left -171px;
top: 50%;
left: 50%;
margin-left: -8px;
margin-top: -8px;
}
@media screen and (min-width: 961px) {
.p-video .p-volume .p-mute:after {
top: 3px;
background-position: -15px -51px;
}
}
.p-video .p-volume .p-mute.p-is-muted {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-video .p-volume:after {
top: auto;
bottom: 0;
}
.p-video .p-volume.p-hover {
z-index: 3;
}
.p-video .p-volume.p-hover .p-mute {
background: #f3ebfa;
border-color: #f3ebfa;
}
.p-video .p-volume.p-hover .p-mute:after {
margin-top: -10px;
background-position: left -204px;
}
@media screen and (min-width: 961px) {
.p-video .p-volume.p-hover .p-mute:after {
background-position: -15px -84px;
}
}
.p-video .p-play-pause .p-pause {
display: none;
}
.p-video .p-play-pause.p-is-playing .p-play {
display: none;
}
.p-video .p-play-pause.p-is-playing .p-pause {
display: block;
}
.p-video.p-is-fullscreen {
z-index: 9012;
background-color: #333333;
}
.p-video.p-is-fullscreen .s7container {
z-index: 9012;
width: 100%;
height: 100%;
}
.p-video .p-duration {
position: relative;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
color: #ffffff;
font-size: 14px;
top: 7px;
}
.p-video .p-video-control {
color: #ffffff;
}
.p-video .p-video-control .p-video-icon.p-video-icon-volume {
top: -4px;
}
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-video .p-gutter {
top: 2px;
}
.p-video .p-controls {
position: relative;
top: 0;
margin-top: -47px;
padding-top: 7px;
padding-bottom: 7px;
margin-left: 0;
margin-right: 0;
}
.p-video .p-controls > * {
margin-left: 12px;
}
.p-video .p-controls > *:first-child {
margin-left: 5px;
}
.p-video .p-scrub-bar {
margin-left: 10px;
margin-right: 0px;
}
}
@media screen and (min-width: 961px) {
.p-video .p-gutter {
top: 0px;
}
.p-video .p-scrub-bar {
top: 16px;
}
.p-video .p-play-pause.p-large {
padding-top: 0;
height: 20px;
}
}
/*
Inverted
---------------------------*/
.p-inverted .p-video .p-scrub-bar .p-bg-bar {
background: rgba(243, 235, 250, 0.1);
}
.p-inverted .p-video .p-scrub-bar .p-played {
background-color: #f3ebfa;
}
.p-inverted .p-video .p-scrub-bar .p-played:after {
border: 1px solid #f3ebfa;
}
.p-inverted .p-video .p-scrub-bar .p-loaded {
background-color: rgba(243, 235, 250, 0.5);
}
.p-inverted .p-video .p-volume .p-mute {
background: #ffffff;
}
.p-inverted .p-video .p-volume.p-hover .p-mute {
background: #ffffff;
border-color: #ffffff;
}
.p-inverted .p-video .p-duration {
color: #f3ebfa;
}
/*
Defaults
---------------------------*/
.p-accordion {
margin-bottom: 26px;
}
.p-accordion dt {
position: relative;
margin-top: 2px;
background: #f3ebfa;
cursor: pointer;
color: #7d0063;
display: block;
font-size: 14px;
line-height: 21px;
border-radius: 2px;
}
.p-accordion dt:first-child {
margin-top: 0;
}
.p-accordion dt:after {
content: "\e201";
display: block;
font-family: 'philips-global-icon-font';
line-height: 35px;
position: absolute;
right: 14px;
top: 0;
}
.p-accordion dt.p-active:after {
content: "\e200";
}
.p-accordion dd {
margin: 0;
display: none;
padding: 10px 20px 10px 20px;
}
.p-accordion dd.p-active {
display: block;
}
.p-accordion dd .p-bullets {
line-height: 27px;
padding-top: 4px;
padding-bottom: 4px;
}
.p-accordion dd .p-bullets li {
padding-top: 5px;
padding-bottom: 5px;
color: #7d0063;
}
.p-accordion dd .p-bullets li:before {
margin-top: 5px;
}
.p-accordion dd a {
font-size: 14px;
color: #7d0063;
}
.p-accordion dd a:hover {
text-decoration: underline;
}
.p-accordion .p-bullets li {
padding-left: 10px;
}
.p-accordion .p-bullets li:before {
content: "";
}
/*
Min Width 0
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 0px) {
.p-accordion dt {
padding: 7px 40px 7px 12px;
}
.p-accordion dd {
padding: 0px 0px 0px 0px;
}
}
@media screen and (min-width: 701px) {
.p-accordion dt {
padding-left: 20px;
}
.p-accordion dd {
padding: 0px 0px 0px 10px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-accordion dt {
background: #ffffff;
color: #5d6678;
}
.p-inverted .p-accordion dt:after {
background-position: -98px 27px;
}
.p-inverted .p-accordion dt.p-active:after {
background-position: -300px 27px;
}
.p-inverted .p-accordion dd .p-bullets li {
color: #5d6678;
}
.p-inverted .p-accordion dd a {
color: #5d6678;
}
.p-hotline {
display: block;
color: #888b9c;
text-decoration: none;
font-size: 13px;
}
.p-hotline span {
font-size: 14px;
}
/*
Defaults
---------------------------*/
.p-page-title {
color: #7d0063;
font-size: 28px;
line-height: 40px;
margin-top: 31px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-page-title {
font-size: 24px;
margin-top: 29px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-page-title {
color: #ffffff;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 961
---------------------------*/
/*
Form - Defaults
---------------------------*/
.p-form input[type="text"],
.p-form input[type="url"],
.p-form input[type="email"],
.p-form input[type="password"],
.p-form input[type="tel"],
.p-form textarea {
width: 100%;
border: 1px solid #cccedb;
outline: none;
color: #3c3c3c;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 10px 5px 10px;
line-height: 19px;
border-radius: 2px;
font-size: 14px;
}
.p-form input[type="text"]:focus,
.p-form input[type="url"]:focus,
.p-form input[type="email"]:focus,
.p-form input[type="password"]:focus,
.p-form input[type="tel"]:focus,
.p-form textarea:focus {
color: #3c3c3c;
background: #ffffff;
border-color: #7d0063;
}
.p-form input[type="text"]::-webkit-input-placeholder,
.p-form input[type="url"]::-webkit-input-placeholder,
.p-form input[type="email"]::-webkit-input-placeholder,
.p-form input[type="password"]::-webkit-input-placeholder,
.p-form input[type="tel"]::-webkit-input-placeholder,
.p-form textarea::-webkit-input-placeholder {
color: #b9bbc7;
}
.p-form input[type="text"]:-moz-placeholder,
.p-form input[type="url"]:-moz-placeholder,
.p-form input[type="email"]:-moz-placeholder,
.p-form input[type="password"]:-moz-placeholder,
.p-form input[type="tel"]:-moz-placeholder,
.p-form textarea:-moz-placeholder {
color: #b9bbc7;
}
.p-form input[type="text"]::-moz-placeholder,
.p-form input[type="url"]::-moz-placeholder,
.p-form input[type="email"]::-moz-placeholder,
.p-form input[type="password"]::-moz-placeholder,
.p-form input[type="tel"]::-moz-placeholder,
.p-form textarea::-moz-placeholder {
color: #b9bbc7;
}
.p-form input[type="text"]:-ms-input-placeholder,
.p-form input[type="url"]:-ms-input-placeholder,
.p-form input[type="email"]:-ms-input-placeholder,
.p-form input[type="password"]:-ms-input-placeholder,
.p-form input[type="tel"]:-ms-input-placeholder,
.p-form textarea:-ms-input-placeholder {
color: #b9bbc7;
}
.p-form input[type="text"]::-ms-clear,
.p-form input[type="url"]::-ms-clear,
.p-form input[type="email"]::-ms-clear,
.p-form input[type="password"]::-ms-clear,
.p-form input[type="tel"]::-ms-clear,
.p-form textarea::-ms-clear {
display: none;
}
.p-form input[type="text"].placeholder,
.p-form input[type="url"].placeholder,
.p-form input[type="email"].placeholder,
.p-form input[type="password"].placeholder,
.p-form input[type="tel"].placeholder,
.p-form textarea.placeholder {
color: #b9bbc7;
}
.p-form textarea {
padding-top: 7px;
height: 121px;
}
.p-form label[for] {
cursor: pointer;
}
.p-form textarea.p-error-msg {
background: #f2e6ef;
}
.p-form .p-input {
width: 100%;
color: #3c3c3c;
padding: 0px 10px 0px 10px;
height: 33px;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-form .p-form-group {
margin: 0;
padding: 0;
margin-top: 20px;
}
.p-form .p-form-group:first-child {
margin-top: 0;
}
.p-form .p-form-group-name {
font-weight: bold;
font-size: 14px;
color: #000000;
margin-bottom: 1em;
}
.p-form .p-form-option {
color: #5d6678;
float: left;
line-height: 2em;
}
.p-form .p-form-option label {
padding: 0px 0px 0px 0px;
text-align: left;
width: auto;
font-weight: bold;
font-size: 10px;
}
.p-form .p-float-label-wrapper {
position: relative;
}
.p-form .p-float-label-wrapper .p-float-label {
display: inline-block;
position: absolute;
left: 10px;
top: 0;
margin-top: 1px !important;
margin-bottom: 1px !important;
font-family: centrale_sans_medium, tahoma, arial, helvetica, sans-serif;
font-size: 10px;
color: #0066a1;
line-height: 14px;
transition: all 0.2s linear;
cursor: default;
}
.p-form .p-float-label-wrapper input:invalid ~ .p-float-label,
.p-form .p-float-label-wrapper textarea:invalid ~ .p-float-label {
opacity: 0;
}
.p-form .p-float-label-wrapper input:valid ~ .p-float-label,
.p-form .p-float-label-wrapper textarea:valid ~ .p-float-label {
opacity: 1;
}
.p-form .p-float-label-wrapper input:valid,
.p-form .p-float-label-wrapper textarea:valid {
padding-top: 13px;
padding-bottom: 0;
}
@media screen and (min-width: 0px) {
.p-form input[type="url"],
.p-form input[type="text"],
.p-form input[type="email"],
.p-form input[type="password"],
.p-form input[type="tel"] {
height: 35px;
}
}
@media screen and (min-width: 961px) {
.p-form input[type="url"],
.p-form input[type="text"],
.p-form input[type="email"],
.p-form input[type="password"],
.p-form input[type="tel"] {
height: 35px;
}
}
/*
Form Horizontal - Defaults
---------------------------*/
.p-form .p-error-msg {
display: block;
position: relative;
color: #e98300;
text-align: left;
font-size: 14px;
padding-left: 23px;
padding-top: 7px;
margin-top: 0px;
}
.p-form .p-error-msg:after {
content: "\d7";
color: #e98300;
position: absolute;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 24px;
left: 2px;
top: 6px;
}
.p-form-horizontal {
padding: 15px 0px 30px 37px;
}
.p-form-horizontal label {
font-size: 14px;
line-height: 25px;
margin-top: 5px;
}
.p-form-horizontal label .p-label-required {
position: relative;
color: #7d0063;
font-size: 14px;
line-height: 22px;
margin-right: 4px;
}
.p-form-horizontal p {
clear: both;
font-size: 14px;
padding-top: 2px;
line-height: 25px;
margin-bottom: 19px;
}
.p-form-horizontal p a {
font-size: 14px;
}
.p-form-horizontal p a:hover {
text-decoration: underline;
}
.p-form-horizontal p i {
color: #7d0063;
}
.p-form-horizontal .p-grid {
margin: 0;
}
.p-form-horizontal .p-grid > :first-child {
padding-left: 0;
}
.p-form-horizontal .p-grid.p-verify {
font-size: 14px;
line-height: 25px;
}
.p-form-horizontal .p-grid.p-verify .p-title {
font-weight: bold;
margin-top: 12px;
}
.p-form-horizontal .p-grid.p-verify .p-title a {
font-weight: normal;
margin-left: 11px;
}
.p-form-horizontal .p-grid.p-verify .p-title a:hover {
text-decoration: underline;
}
.p-form-horizontal .p-grid.p-verify .p-grid-item {
margin-bottom: 5px;
}
.p-form-horizontal .p-grid.p-verify .p-checkbox-label {
margin-top: 5px;
margin-bottom: -1px;
}
.p-form-horizontal .p-grid.p-verify label {
text-align: left;
padding: 0;
margin: 0;
}
.p-form-horizontal .p-form-section > .p-grid > div.p-grid-item,
.p-form-horizontal fieldset > .p-grid > div.p-grid-item,
.p-form-horizontal > .p-grid > div.p-grid-item {
padding-left: 0;
margin-bottom: 6px;
padding-right: 41px;
}
.p-form-horizontal .p-form-section > .p-grid > div.p-grid-item:after,
.p-form-horizontal fieldset > .p-grid > div.p-grid-item:after,
.p-form-horizontal > .p-grid > div.p-grid-item:after {
content: "";
display: table;
clear: both;
}
.p-form-horizontal .p-form-section > .p-grid > div.p-grid-item.p-contains-help,
.p-form-horizontal fieldset > .p-grid > div.p-grid-item.p-contains-help,
.p-form-horizontal > .p-grid > div.p-grid-item.p-contains-help {
padding-right: 0px;
}
.p-form-horizontal .p-form-title {
color: #7d0063;
width: 100%;
margin-top: 20px;
margin-bottom: 5px;
}
.p-form-horizontal .p-form-title:after {
content: "";
display: table;
clear: both;
}
.p-form-horizontal .p-help-msg {
display: block;
color: #888b9c;
font-size: 11px;
line-height: 25px;
margin-top: 0px;
margin-bottom: -8px;
}
.p-form-horizontal .p-help-block {
display: none;
color: #7d0063;
background: #f2e6ef;
font-size: 14px;
line-height: 25px;
margin-top: 5px;
border-radius: 2px;
padding: 10px 15px 10px 15px;
}
.p-form-horizontal .p-link-more,
.p-form-horizontal .p-link {
display: block;
margin-top: 9px;
margin-left: 11px;
margin-bottom: -2px;
}
.p-form-horizontal .p-checkbox-label .p-checkbox {
margin-right: 9px;
}
.p-form-horizontal .p-checkbox-label label:after {
display: inline;
clear: none;
}
.p-form-horizontal .p-checkbox-label label:before {
display: inline;
}
.p-form-horizontal .p-btn-submit {
float: right;
}
.p-form-horizontal .p-password-meter {
display: none;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg {
background: #e0e0e0;
border-radius: 2px;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-bar {
display: table;
width: 100%;
height: 35px;
margin-top: 5px;
border-radius: 2px 0 0 2px;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-message {
display: table-cell;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
color: #ffffff;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
padding-top: 2px;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg.p-password-meter-weak {
background: #fdeff0;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg.p-password-meter-medium {
background: #fffbee;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg.p-password-meter-good {
background: #fcffbf;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-weak,
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-medium,
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-strong {
-webkit-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-weak {
background: #cd202c;
width: 33%;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-medium {
background: #eeaf00;
width: 66%;
}
.p-form-horizontal .p-password-meter .p-password-meter-bg .p-password-meter-strong {
background: #b6bf00;
width: 100%;
}
.p-form-horizontal .p-help-wrapper {
display: table;
width: 100%;
padding: 0;
margin: 0;
}
.p-form-horizontal .p-help-wrapper > div {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.p-form-horizontal .p-help-wrapper > div.p-toggle-help {
text-align: right;
padding-left: 15px;
padding-top: 2px;
}
.p-form-horizontal .p-radio-wrapper {
margin-top: 5px;
margin-bottom: 4px;
}
.p-form-horizontal .p-radio-wrapper .p-radio {
vertical-align: middle;
margin-top: -5px;
margin-right: 3px;
}
.p-form-horizontal .p-radio-wrapper label {
padding-right: 14px;
}
/*
Max Width 450
---------------------------*/
.form-horizontal-xs-isolate .p-form-horizontal .p-help-wrapper > div.p-toggle-help {
padding-left: 5px;
}
.form-horizontal-xs-isolate .p-form-horizontal .p-form-section > .p-grid > div.p-grid-item,
.form-horizontal-xs-isolate .p-form-horizontal fieldset > .p-grid > div.p-grid-item,
.form-horizontal-xs-isolate .p-form-horizontal > .p-grid > div.p-grid-item {
padding-right: 31px;
}
/*
Min Width 0
---------------------------*/
.form-horizontal-xs .p-form-horizontal .p-checkbox-label .p-checkbox,
.form-horizontal-xs .p-form-horizontal .p-checkbox-label label {
vertical-align: middle;
}
/*
Max Width 700
---------------------------*/
.form-horizontal-xs-s-isolate {
/*
font-size overrides - prevent auto Zoom in input/textarea/select in IOS
-----------------------------------------------------------------------*/
}
.form-horizontal-xs-s-isolate .p-form-horizontal {
padding: 15px 7px 50px 7px;
margin-top: 9px;
}
.form-horizontal-xs-s-isolate .p-form-horizontal > .p-grid > .p-grid-item,
.form-horizontal-xs-s-isolate .p-form-horizontal > fieldset > .p-grid > .p-grid-item {
margin-bottom: 10px;
padding-left: 0px;
}
.form-horizontal-xs-s-isolate .p-form-horizontal label {
margin-top: 10px;
}
.form-horizontal-xs-s-isolate .p-form input[type='text'],
.form-horizontal-xs-s-isolate .p-form input[type='number'],
.form-horizontal-xs-s-isolate .p-form input[type='email'],
.form-horizontal-xs-s-isolate .p-form input[type='password'],
.form-horizontal-xs-s-isolate .p-form input[type='url'],
.form-horizontal-xs-s-isolate .p-form input[type='tel'],
.form-horizontal-xs-s-isolate .p-form textarea,
.form-horizontal-xs-s-isolate .p-form select {
font-size: 16px;
}
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-form-horizontal .p-checkbox-label .p-checkbox,
.p-form-horizontal .p-checkbox-label label {
vertical-align: middle;
}
}
@media screen and (max-width: 450px) {
.p-form-horizontal .p-help-wrapper > div.p-toggle-help {
padding-left: 5px;
}
.p-form-horizontal .p-form-section > .p-grid > div.p-grid-item,
.p-form-horizontal fieldset > .p-grid > div.p-grid-item,
.p-form-horizontal > .p-grid > div.p-grid-item {
padding-right: 31px;
}
}
@media screen and (max-width: 700px) {
.p-form-horizontal {
padding: 15px 7px 50px 7px;
margin-top: 9px;
}
.p-form-horizontal > .p-grid > .p-grid-item,
.p-form-horizontal > fieldset > .p-grid > .p-grid-item {
margin-bottom: 10px;
padding-left: 0px;
}
.p-form-horizontal label {
margin-top: 10px;
}
/*
font-size overrides - prevent auto Zoom in input/textarea/select in IOS
-----------------------------------------------------------------------*/
.p-form input[type='text'],
.p-form input[type='number'],
.p-form input[type='email'],
.p-form input[type='password'],
.p-form input[type='url'],
.p-form input[type='tel'],
.p-form textarea,
.p-form select {
font-size: 16px;
}
}
@media screen and (min-width: 701px) {
.p-form-horizontal {
margin: 25px 0px 30px 0px;
padding-right: 57px;
}
.p-form-horizontal label {
text-align: right;
padding-right: 15px;
}
}
@media screen and (min-width: 961px) {
.p-form-horizontal {
padding-right: 81px;
}
.p-form-horizontal label {
line-height: 14px;
}
.p-form-horizontal input[type="url"],
.p-form-horizontal input[type="tel"],
.p-form-horizontal input[type="text"],
.p-form-horizontal input[type="email"],
.p-form-horizontal input[type="password"],
.p-form-horizontal .p-select {
height: 35px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-form p i {
color: #ffffff;
}
.p-inverted .p-form label .p-label-required {
color: #ffffff;
}
.p-inverted .p-form input[type="url"]:focus,
.p-inverted .p-form input[type="tel"]:focus,
.p-inverted .p-form input[type="text"]:focus,
.p-inverted .p-form input[type="email"]:focus,
.p-inverted .p-form input[type="password"]:focus,
.p-inverted .p-form textarea:focus {
background: #f2e6ef;
border-color: #ffffff;
}
.p-inverted .p-form textarea.p-error-msg {
background: #e98300;
}
.p-inverted .p-form .p-error-msg {
color: #f2e6ef;
}
.p-inverted .p-form .p-error-msg:after {
color: #f2e6ef;
}
.p-inverted .p-form .p-help-block {
color: #f2e6ef;
background: #7d0063;
}
.p-form .form_row,
.form .form_row {
padding-top: 16px;
}
.p-form .form_row .form_leftcollabel,
.form .form_row .form_leftcollabel,
.p-form .form_row .form_leftcolmark,
.form .form_row .form_leftcolmark {
display: inline;
}
.p-form .form_row .form_field,
.form .form_row .form_field {
width: 100%;
color: #3c3c3c;
padding: 0px 10px 0px 10px;
height: 33px;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-form .form_row textarea.form_field,
.form .form_row textarea.form_field {
padding-top: 7px;
height: 121px;
}
.p-form .form_row .form_field_select option,
.form .form_row .form_field_select option {
color: #5d6678;
float: left;
line-height: 2em;
}
.p-form .form_row .form_field_select option label,
.form .form_row .form_field_select option label {
padding: 0px 0px 0px 0px;
text-align: left;
width: auto;
font-weight: bold;
font-size: 10px;
}
.p-form .form_row .form_leftcollabel,
.form .form_row .form_leftcollabel,
.p-form .form_row .form_leftcolmark,
.form .form_row .form_leftcolmark {
font-weight: bold;
}
.p-form .form_row .form_button_submit,
.form .form_row .form_button_submit {
margin-top: 14px;
}
.p-form .form_row label,
.form .form_row label {
word-break: break-word;
}
.p-form .form_row input.form_button_submit,
.form .form_row input.form_button_submit {
background-color: #7d0063;
background-image: none;
border: 1px solid transparent;
color: #ffffff;
cursor: pointer;
display: inline-block;
line-height: 1.42857143;
text-align: center;
position: relative;
vertical-align: middle;
font-size: 12px;
padding: 4px 20px 3px 20px;
margin-bottom: 0px;
border-radius: 2px 2px 2px 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 78px;
}
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-range .p-rangeslider {
position: relative;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0px 0px 20px 0px;
width: 100%;
}
.p-range .p-rangeslider .p-form-group-name {
display: none;
}
.p-range .p-rangeslider input[type="range"] {
position: relative;
width: 100%;
margin-bottom: 17px;
}
.p-range .p-rangeslider input[type="range"]:before,
.p-range .p-rangeslider input[type="range"]:after {
position: absolute;
display: inline-block;
font-size: 10px;
top: 19px;
}
.p-range .p-rangeslider input[type="range"]:before {
content: attr(data-type-before) attr(min) attr(data-type-after);
left: 0;
}
.p-range .p-rangeslider input[type="range"]:after {
content: attr(data-type-before) attr(max) attr(data-type-after);
right: 0;
}
.p-range .p-rangeslider.p-double-info {
margin: 30px 0px 20px 0px;
}
.p-range .p-rangeslider .p-gutter {
width: 100%;
height: 1px;
}
.p-range .p-rangeslider .p-area {
position: absolute;
width: 0px;
height: 2px;
}
.p-range .p-rangeslider .p-handle {
position: absolute;
top: 3px;
left: 0px;
padding: 2px;
cursor: pointer;
}
.p-range .p-rangeslider .p-handle:before {
content: '';
display: block;
width: 18px;
height: 18px;
background-color: #ffffff;
border: 1px solid;
border-radius: 2px;
}
.p-range .p-rangeslider .p-handle:after {
content: '';
position: absolute;
display: block;
border: 1px solid;
border-width: 0 2px;
width: 2px;
height: 8px;
}
.p-range .p-rangeslider .p-value {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
position: absolute;
color: #252525;
display: inline-block;
line-height: initial;
font-size: 12px;
top: 18px;
}
.p-range .p-rangeslider .p-value.p-value-top {
top: -31px;
}
.p-range .p-rangeslider .p-value.p-rangeslider-input {
display: none;
}
.p-range .p-rangeslider .p-rangeslider-submit {
display: none;
}
.p-range .p-rangeslider .p-min-value {
left: 0px;
}
.p-range .p-rangeslider .p-max-value {
right: 0px;
}
.p-range.p-secondary .p-handle[data-for="p-min-price"] {
display: none;
}
.p-range.p-secondary .p-handle:before {
border-radius: 8px;
}
.p-range.p-secondary .p-handle:after {
display: none;
}
.p-range .p-rangeslider .p-gutter {
background: #be80b1;
}
.p-range .p-rangeslider .p-area {
background-color: #7d0063;
}
.p-range .p-rangeslider .p-handle:after,
.p-range .p-rangeslider .p-handle:before {
border-color: #be80b1;
}
.p-range .p-rangeslider .p-handle:hover:before {
background-color: #fafafa;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-range .p-rangeslider .p-handle {
top: -10px;
}
.p-range .p-rangeslider .p-handle:before {
width: 16px;
height: 16px;
}
.p-range .p-rangeslider .p-handle:after {
left: 8px;
top: 7px;
}
}
@media screen and (min-width: 961px) {
.p-range .p-rangeslider .p-min-value,
.p-range .p-rangeslider .p-max-value {
top: 19px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-range .p-rangeslider .p-handle:before {
background-color: #7d0063;
}
.p-inverted .p-range .p-rangeslider .p-value {
color: #252525;
}
.p-inverted .p-range .p-rangeslider .p-gutter {
background: #fafafa;
}
.p-inverted .p-range .p-rangeslider .p-area {
background-color: #7d0063;
}
.p-inverted .p-range .p-rangeslider .p-handle:after,
.p-inverted .p-range .p-rangeslider .p-handle:before {
border-color: #fafafa;
}
.p-inverted .p-range .p-rangeslider .p-handle:hover:before {
background-color: #be80b1;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-image-gallery {
padding-top: 54px;
padding-bottom: 54px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 700px) {
.p-image-gallery {
padding-top: 34px;
padding-bottom: 34px;
}
}
.p-image-gallery .p-component-title {
padding-bottom: 19px;
}
.p-image-gallery .p-title {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
color: #5d6678;
font-size: 14px;
padding-top: 30px;
}
.p-image-gallery .p-top-wrapper {
position: relative;
overflow: hidden;
}
.p-image-gallery .p-new-slide .p-video-holder {
visibility: hidden;
}
.p-image-gallery .p-video-holder {
height: 541px;
}
.p-image-gallery .p-play-button {
position: absolute;
top: 50%;
left: 50%;
margin-left: -27px;
margin-top: -27px;
}
.p-image-gallery .p-thumbstrip:before,
.p-image-gallery .p-thumbstrip:after {
display: none;
}
.p-image-gallery .p-thumbstrip .p-category {
padding-left: 0px;
}
.p-image-gallery .p-thumbstrip .p-slider-inner .p-play-button {
top: auto;
right: 0;
left: 5px;
bottom: 5px;
margin: 0;
}
.p-image-gallery .p-thumbstrip .p-slider-inner .p-picture {
height: 79px;
}
.p-image-gallery .p-thumbstrip .p-video-info {
display: none;
white-space: normal;
position: absolute;
height: 100%;
width: 100%;
background: rgba(125, 0, 99, 0.8);
color: #ffffff;
font-size: 14px;
line-height: 20px;
top: 0px;
left: 0px;
padding: 11px 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-image-gallery .p-thumbstrip .p-video-info span {
display: inline-block;
width: 92px;
}
.p-image-gallery .p-thumbstrip .p-video-info .p-duration {
font-size: 11px;
line-height: 21px;
}
.p-image-gallery .p-thumbstrip .p-slider-item {
vertical-align: top;
cursor: pointer;
width: 144px;
margin-right: 22px;
}
.p-image-gallery .p-thumbstrip .p-slider-item:hover a {
border-color: #7d0063;
}
.p-image-gallery .p-thumbstrip .p-slider-item:hover .p-video-info {
display: block;
}
.p-image-gallery .p-thumbstrip .p-slider-item:hover .p-play-button {
display: none;
}
.p-image-gallery .p-thumbstrip .p-slider-item .p-active a {
cursor: default;
border-color: #7d0063;
}
.p-image-gallery .p-thumbstrip .p-slider-item .p-active .p-title {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-image-gallery .p-thumbstrip .p-overflow-left,
.p-image-gallery .p-thumbstrip .p-overflow-right {
margin-top: -30px;
box-shadow: none;
}
.p-image-gallery .p-thumbstrip .p-overflow-left:after,
.p-image-gallery .p-thumbstrip .p-overflow-right:after {
display: none;
}
.p-image-gallery .p-thumbstrip .p-gallery-numbers {
position: relative;
display: block;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
color: #7d0063;
text-align: right;
font-size: 11px;
line-height: 24px;
padding-right: 4px;
margin-top: 7px;
margin-bottom: 3px;
}
.p-image-gallery .p-nav-prev,
.p-image-gallery .p-nav-next {
text-align: left;
width: 68px;
top: 34px;
-webkit-transform: translatez(0);
-ms-transform: translatez(0);
transform: translatez(0);
}
.p-image-gallery .p-nav-prev i,
.p-image-gallery .p-nav-next i {
margin-left: 25px;
}
.p-image-gallery .p-nav-next {
text-align: right;
}
.p-image-gallery .p-nav-next i {
margin-left: 0;
margin-right: 25px;
}
.p-image-gallery .p-viewer {
position: relative;
}
.p-image-gallery .p-viewer > li {
position: absolute;
left: 100%;
top: 0;
width: 100%;
}
.p-image-gallery .p-viewer > li:after {
content: "";
display: table;
clear: both;
}
.p-image-gallery .p-viewer > li.p-current {
left: 0;
position: relative;
}
.p-image-gallery .p-viewer > li.p-current .p-normal-view {
display: block;
}
.p-image-gallery .p-viewer > li.p-new-slide .p-normal-view {
display: block;
}
.p-image-gallery .p-normal-view {
display: block;
}
.p-image-gallery .p-normal-view span {
display: block;
}
.p-image-gallery .p-normal-view img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.p-image-gallery .p-nav-prev,
.p-image-gallery .p-nav-next,
.p-image-gallery .p-carousel-indicator {
display: none;
}
.p-image-gallery .p-nav-prev i,
.p-image-gallery .p-nav-next i,
.p-image-gallery .p-carousel-indicator i {
cursor: pointer;
}
.p-image-gallery.p-secondary .p-thumbstrip {
display: none;
}
.p-image-gallery.p-secondary .p-thumbstrip .p-gallery-numbers {
display: none;
}
.p-image-gallery.p-secondary .p-thumbstrip.p-thumbstrip-change-s .p-slider-inner,
.p-image-gallery.p-secondary .p-thumbstrip.p-thumbstrip-change-s .p-overflow-left,
.p-image-gallery.p-secondary .p-thumbstrip.p-thumbstrip-change-s .p-overflow-right,
.p-image-gallery.p-secondary .p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p-image-gallery.p-secondary .p-thumbstrip.p-thumbstrip-change-s .p-nav-next {
display: none;
}
.p-image-gallery.p-secondary .p-nav-prev,
.p-image-gallery.p-secondary .p-nav-next,
.p-image-gallery.p-secondary .p-carousel-indicator {
display: block;
position: absolute;
}
.p-image-gallery.p-secondary .p-nav-prev,
.p-image-gallery.p-secondary .p-nav-next {
top: 50%;
left: 24px;
margin-top: -10px;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.p-image-gallery.p-secondary .p-nav-prev.p-active,
.p-image-gallery.p-secondary .p-nav-next.p-active {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-image-gallery.p-secondary .p-nav-next {
left: auto;
right: 24px;
}
.p-image-gallery.p-secondary .p-carousel-indicator {
top: auto;
width: 100%;
text-align: center;
bottom: 20px;
}
/*
Max Width: 700
-------------------------*/
/*
Min Width: 701
-------------------------*/
@media screen and (max-width: 700px) {
.p-image-gallery .p-thumbstrip .p-gallery-numbers {
display: block;
position: absolute;
font-size: 13px;
line-height: 16px;
color: #888b9c;
right: 2%;
top: 50%;
margin-top: -8px;
}
.p-image-gallery .p-thumbstrip .p-gallery-numbers.p-show {
display: block;
}
.p-image-gallery .p-thumbstrip .p-s-categories a {
color: #7d0063;
}
.p-image-gallery .p-nav-prev,
.p-image-gallery .p-nav-next {
display: block;
position: absolute;
top: 50%;
left: 10px;
margin-top: -10px;
}
.p-image-gallery .p-nav-next {
left: auto;
right: 10px;
}
}
@media screen and (min-width: 701px) {
.p-image-gallery .p-thumbstrip {
border: 0;
background: transparent;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 68px;
padding-right: 68px;
}
.p-image-gallery .p-thumbstrip.p-thumbstrip-change-s .p-slider-inner,
.p-image-gallery .p-thumbstrip.p-thumbstrip-change-s .p-overflow-left,
.p-image-gallery .p-thumbstrip.p-thumbstrip-change-s .p-overflow-right,
.p-image-gallery .p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p-image-gallery .p-thumbstrip.p-thumbstrip-change-s .p-nav-next {
display: block;
}
.p-image-gallery .p-s-slider-nav.p-show {
display: none;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted {
/*
Max Width: 700
-------------------------*/
/*
Min Width: 701
-------------------------*/
}
.p-inverted .p-image-gallery .p-thumbstrip .p-video-info {
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-inverted .p-image-gallery .p-thumbstrip .p-slider-item:hover a {
border-color: #ffffff;
}
.p-inverted .p-image-gallery .p-thumbstrip .p-slider-item .p-active a {
border-color: #ffffff;
}
.p-inverted .p-image-gallery .p-thumbstrip .p-nav-prev,
.p-inverted .p-image-gallery .p-thumbstrip .p-nav-next {
background: #7d0063;
}
.p-inverted .p-image-gallery .p-thumbstrip .p-gallery-numbers {
color: #ffffff;
}
/* WTB buttons */
.p-wtb-wrapper .wtb-container .wtb-buyonline {
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
color: #ffffff;
background-color: #7d0063;
border-radius: 2px;
box-sizing: border-box;
text-decoration: none;
font-size: 12px;
line-height: 17px;
margin: 0px 0px 0px 0px;
padding: 4px 20px 3px 20px;
min-width: 78px;
margin-right: 7px;
}
.p-wtb-wrapper .wtb-container .wtb-buyonline:last-child {
margin-right: 0px;
}
.p-wtb-wrapper .wtb-container .wtb-buyonline:hover {
background-color: #63004f;
text-decoration: none;
}
.p-wtb-wrapper .wtb-container .wtb-buyonline .p-arrow-right {
display: none;
}
.p-wtb-wrapper.p-large .wtb-container .wtb-buyonline {
font-size: 14px;
line-height: 20px;
padding: 7px 20px 6px 20px;
min-width: 86px;
}
/* Colors ----------------------------------- */
.p-wtb-wrapper.p-wtb-buy-d-orange .wtb-container .wtb-buyonline.buyDirect,
.p-wtb-wrapper.p-wtb-find-d-orange .wtb-container .wtb-buyonline.findRetailer {
border: 1px solid transparent;
color: #ffffff;
background-color: #e26d00;
}
.p-wtb-wrapper.p-wtb-buy-d-orange .wtb-container .wtb-buyonline.buyDirect:hover,
.p-wtb-wrapper.p-wtb-find-d-orange .wtb-container .wtb-buyonline.findRetailer:hover {
background-color: #c96100;
}
.p-wtb-wrapper.p-wtb-buy-l-orange .wtb-container .wtb-buyonline.buyDirect,
.p-wtb-wrapper.p-wtb-find-l-orange .wtb-container .wtb-buyonline.findRetailer {
border: 1px solid transparent;
color: #ffffff;
background-color: #f0b160;
}
.p-wtb-wrapper.p-wtb-buy-l-orange .wtb-container .wtb-buyonline.buyDirect:hover,
.p-wtb-wrapper.p-wtb-find-l-orange .wtb-container .wtb-buyonline.findRetailer:hover {
background-color: #eea649;
}
.p-wtb-wrapper.p-wtb-buy-d-blue .wtb-container .wtb-buyonline.buyDirect,
.p-wtb-wrapper.p-wtb-find-d-blue .wtb-container .wtb-buyonline.findRetailer {
border: 1px solid transparent;
color: #ffffff;
background-color: #7d0063;
}
.p-wtb-wrapper.p-wtb-buy-d-blue .wtb-container .wtb-buyonline.buyDirect:hover,
.p-wtb-wrapper.p-wtb-find-d-blue .wtb-container .wtb-buyonline.findRetailer:hover {
background-color: #63004f;
}
.p-wtb-wrapper.p-wtb-buy-l-blue .wtb-container .wtb-buyonline.buyDirect,
.p-wtb-wrapper.p-wtb-find-l-blue .wtb-container .wtb-buyonline.findRetailer {
border-color: #be80b1;
color: #7d0063;
background-color: #ffffff;
}
.p-wtb-wrapper.p-wtb-buy-l-blue .wtb-container .wtb-buyonline.buyDirect:hover,
.p-wtb-wrapper.p-wtb-find-l-blue .wtb-container .wtb-buyonline.findRetailer:hover {
background-color: #ffe5fa;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.mfp-bg2 {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6008;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap2 {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6009;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
/* custom */
}
.mfp-wrap2 .p-icon-close {
position: absolute;
line-height: 26px;
top: 10px;
right: 10px;
}
.test-touch .mfp-wrap2 .mfp-iframe-holder .p-mfp-popup-content {
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
height: auto;
padding-top: 5px;
box-sizing: border-box;
}
.mfp-wrap2 .mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-wrap2 .mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen {
padding: 0;
height: 100%;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-iframe-loaded {
visibility: visible;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-iframe-loading {
visibility: hidden;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .p-icon-close {
top: 5px;
right: 20px;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content {
height: 100%;
max-width: 100%;
overflow: hidden;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper {
background-color: #000000;
box-sizing: border-box;
height: 100%;
max-width: 100%;
padding: 0;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper.p-mfp-youku {
padding-top: 28px;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper .p-mfp-popup-content {
height: 100%;
max-height: none;
}
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper .p-mfp-popup-content > div,
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper .p-mfp-popup-content iframe,
.mfp-wrap2 .mfp-container.mfp-fullscreen .mfp-content .p-mfp-popup-wrapper .p-mfp-popup-content object {
height: 100%;
}
.mfp-wrap2 .mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 3004;
width: 100%;
max-width: 700px;
cursor: auto;
}
.mfp-wrap2 .mfp-hide {
display: none !important;
}
.mfp-wrap2 .mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 3003;
}
.mfp-wrap2 .mfp-preloader a {
color: #cccccc;
}
.mfp-wrap2 .mfp-preloader a:hover {
color: white;
}
.mfp-wrap2 .mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-wrap2 .mfp-ajax-holder .mfp-content {
background-color: white;
max-width: 700px;
padding: 30px 0px 0px 0px;
}
.mfp-wrap2 .mfp-iframe-holder .mfp-iframe {
width: 100%;
height: 500px;
}
.mfp-wrap2 .mfp-iframe-holder .p-mfp-popup-wrapper {
padding-right: 25px;
}
.mfp-wrap2 .p-mfp-popup-wrapper {
position: relative;
background: #FFF;
padding: 3em 2em 2em 2em;
width: auto;
max-width: 700px;
margin: 0 auto;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-wrap2 .p-mfp-popup-wrapper.p-popup-scroll {
padding: 2em 0 2em 2em;
}
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content {
height: 350px;
}
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content iframe,
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content object {
height: 350px;
}
.mfp-wrap2 .p-mfp-popup-wrapper .p-mfp-popup-content img {
max-width: 100%;
}
.mfp-wrap2 .p-mfp-popup-image-content {
padding: 30px 30px 30px 30px;
}
.mfp-wrap2.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-wrap2 .p-popup-back {
display: none;
}
.mfp-wrap2 .p-nav-prev,
.mfp-wrap2 .p-nav-next {
position: absolute;
top: 50%;
margin-top: 5px;
cursor: pointer;
background: rgba(255, 255, 255, 0.8);
height: 25px;
border-radius: 4px;
padding: 20px 25px 20px 25px;
}
.mfp-wrap2 .p-nav-prev:hover,
.mfp-wrap2 .p-nav-next:hover {
text-decoration: none;
background: #ffffff;
}
.mfp-wrap2 .p-nav-prev .p-icon-arrow-left,
.mfp-wrap2 .p-nav-next .p-icon-arrow-left,
.mfp-wrap2 .p-nav-prev .p-icon-arrow-right,
.mfp-wrap2 .p-nav-next .p-icon-arrow-right {
color: #7d0063;
cursor: pointer;
}
.mfp-wrap2 .p-nav-prev {
left: 25px;
}
.mfp-wrap2 .p-nav-next {
right: 25px;
}
.mfp-wrap2 button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-wrap2 .mfp-close,
.mfp-wrap2 .mfp-arrow,
.mfp-wrap2 .mfp-preloader,
.mfp-wrap2 .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media screen and (max-width: 700px) {
.p-mfp-disable-scroll {
overflow-y: hidden;
position: fixed;
-webkit-overflow-scrolling: touch;
}
.p-mfp-disable-scroll body {
overflow-y: hidden;
position: fixed;
-webkit-overflow-scrolling: touch;
}
.mfp-wrap2 {
background-color: #ffffff;
}
.mfp-wrap2 .p-nav-prev {
left: 5px;
}
.mfp-wrap2 .p-nav-next {
right: 5px;
}
.mfp-wrap2 .mfp-container {
padding: 0;
height: auto;
}
.mfp-wrap2 .mfp-container .mfp-content .p-mfp-popup-wrapper {
box-shadow: none;
padding-top: 70px;
padding-left: 10px;
padding-right: 10px;
}
.mfp-wrap2 .mfp-container .mfp-content .p-mfp-popup-wrapper .p-popup-close {
position: fixed;
top: 0;
left: 0;
width: 100%;
}
.mfp-wrap2 .mfp-fullscreen .mfp-content .p-mfp-popup-wrapper {
padding: 0;
}
.mfp-wrap2 .mfp-close {
display: none;
}
.mfp-wrap2 .p-popup-back {
display: block;
position: absolute;
background-color: #7d0063;
top: 0;
left: 0;
width: 100%;
padding: 13px 0px 13px 13px;
}
.mfp-wrap2 .p-popup-back span {
padding-left: 20px;
}
.mfp-wrap2 .p-popup-back span.p-arrow-left-xs-s:before {
color: #ffffff;
font-size: 11px;
line-height: 20px;
}
.mfp-wrap2 .p-popup-back a {
color: #ffffff;
}
.mfp-wrap2 .mfp-iframe-holder .p-popup-back {
padding: 23px 23px 23px 23px;
}
}
@media print, screen and (min-width: 451px) {
.mfp-wrap2 .p-nav-prev,
.mfp-wrap2 .p-nav-next {
margin-top: 20px;
}
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content {
height: 460px;
}
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content iframe,
.mfp-wrap2.p-mpf-video .p-mfp-popup-wrapper .p-mfp-popup-content object {
height: 460px;
}
}
@media screen and (min-width: 701px) {
.mfp-wrap2 .p-nav-prev,
.mfp-wrap2 .p-nav-next {
margin-top: -15px;
}
.mfp-wrap2 .mfp-iframe-holder .p-mfp-popup-content {
max-height: 100%;
}
.mfp-wrap2 .p-mfp-popup-wrapper.p-popup-scroll .p-mfp-popup-content {
padding: 0 2em 0 0;
overflow-y: auto;
height: 470px;
max-height: 500px;
}
.mfp-wrap2 .mfp-content.mfp-custom-size {
width: auto;
max-width: 100%;
}
.mfp-wrap2 .mfp-content.mfp-custom-size .p-mfp-popup-wrapper {
max-width: 100%;
}
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 6043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-wrap .mfp-zoom-out-cur,
.mfp-wrap .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #cccccc;
}
.mfp-preloader a:hover {
color: white;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
.mfp-wrap button.mfp-close,
.mfp-wrap button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
.mfp-wrap button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-wrap .mfp-close {
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-wrap .mfp-close:hover,
.mfp-wrap .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-wrap .mfp-close:active {
top: 1px;
}
.mfp-wrap .mfp-close-btn-in .mfp-close {
color: #333333;
}
.mfp-wrap .mfp-image-holder .mfp-close,
.mfp-wrap .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
}
.mfp-wrap .mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
}
.mfp-wrap .mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-wrap .mfp-arrow:active {
margin-top: -54px;
}
.mfp-wrap .mfp-arrow:hover,
.mfp-wrap .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-wrap .mfp-arrow:before,
.mfp-wrap .mfp-arrow:after,
.mfp-wrap .mfp-arrow .mfp-b,
.mfp-wrap .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-wrap .mfp-arrow:after,
.mfp-wrap .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-wrap .mfp-arrow:before,
.mfp-wrap .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-wrap .mfp-arrow-left {
left: 0;
}
.mfp-wrap .mfp-arrow-left:after,
.mfp-wrap .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px;
}
.mfp-wrap .mfp-arrow-left:before,
.mfp-wrap .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f;
}
.mfp-wrap .mfp-arrow-right {
right: 0;
}
.mfp-wrap .mfp-arrow-right:after,
.mfp-wrap .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px;
}
.mfp-wrap .mfp-arrow-right:before,
.mfp-wrap .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-wrap .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-wrap .mfp-iframe-holder .mfp-content .p-popup-close .p-square {
font-size: 14px;
padding-top: 2px;
}
.mfp-wrap .mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
opacity: 1;
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black;
}
/* Main image in popup */
.mfp-wrap img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-wrap .mfp-figure {
line-height: 0;
}
.mfp-wrap .mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444;
}
.mfp-wrap .mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-wrap .mfp-figure figure {
margin: 0;
}
.mfp-wrap .mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-wrap .mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-wrap .mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-wrap .mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-wrap .mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-wrap .mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/* -------------------------------------------------------------- */
/* --- POPUPS --------------------------------------------------- */
/* -------------------------------------------------------------- */
.mfp-wrap .mfp-content .p-popup-close,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close {
border-bottom-color: #5d6678;
border-bottom-style: none;
border-bottom-width: 0px;
border-image-outset: 0px;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: #5d6678;
border-left-style: none;
border-left-width: 0px;
border-right-color: #5d6678;
border-right-style: none;
border-right-width: 0px;
border-top-color: #5d6678;
border-top-style: none;
border-top-width: 0px;
color: #5d6678;
cursor: pointer;
display: block;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 21px;
line-height: 18px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
opacity: 1;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: absolute;
right: 10px;
top: 6px;
vertical-align: baseline;
z-index: 1;
}
.mfp-wrap .mfp-content .p-popup-close .p-square,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close .p-square,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close .p-square,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close .p-square,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close .p-square,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close .p-square {
top: 4px;
margin-left: 8px;
position: relative;
}
.mfp-wrap .mfp-content .p-popup-close .mfp-close,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close .mfp-close,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close .mfp-close,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close .mfp-close,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close .mfp-close,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close .mfp-close {
line-height: 18px;
position: relative;
right: 0;
top: 4px;
text-decoration: none;
text-align: center;
opacity: 1;
padding: 0 0 0 0px;
color: inherit;
font-style: normal;
font-size: 11px;
font-family: Arial, Baskerville, monospace;
}
.mfp-wrap .mfp-content .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close .mfp-close:hover,
.mfp-wrap .mfp-content .p-popup-close .mfp-close:focus,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close .mfp-close:focus,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close .mfp-close:focus,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close .mfp-close:focus,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close .mfp-close:focus,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close .mfp-close:focus {
opacity: 1;
}
.mfp-wrap .mfp-content .p-popup-close .mfp-close:active,
.mfp-wrap .mfp-content .popup-buttons .p-popup-close .mfp-close:active,
.mfp-wrap .mfp-content .popup-video-content .p-popup-close .mfp-close:active,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-close .mfp-close:active,
.mfp-wrap .mfp-content .popup-image-content .p-popup-close .mfp-close:active,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-close .mfp-close:active {
top: 4px;
}
.mfp-wrap .mfp-content .p-popup-back,
.mfp-wrap .mfp-content .popup-buttons .p-popup-back,
.mfp-wrap .mfp-content .popup-video-content .p-popup-back,
.mfp-wrap .mfp-content .popup-youtube-content .p-popup-back,
.mfp-wrap .mfp-content .popup-image-content .p-popup-back,
.mfp-wrap .mfp-content .popup-long-text-content .p-popup-back {
display: none;
}
/* --------- POPUP CONTENT - GENERIC ----------- */
.mfp-wrap .mfp-content .p-popup-content {
position: relative;
display: block;
background: #fff;
padding: 0px 0px 0px 0px;
margin: 0 auto;
box-shadow: 0 15px 50px 20px rgba(0, 0, 0, 0.15);
}
.mfp-wrap .mfp-content .p-popup-content .p-header {
padding: 30px 30px 20px 30px;
}
/* --------- POPUP FAQs --------- */
.mfp-wrap .mfp-content .p-popup-faqs-content {
width: 690px;
}
.mfp-wrap .mfp-content .p-popup-faqs-content .p-wrapper-inner {
padding: 0px 30px 30px 30px;
}
.mfp-wrap .mfp-content .p-popup-faqs-content .p-wrapper {
height: 400px;
}
/* --------- POPUP video --------- */
.mfp-wrap .mfp-content .popup-video-content {
position: relative;
display: block;
background: #fff;
width: 633px;
padding: 30px 25px 25px 25px;
margin: 0 auto;
box-shadow: 0 15px 50px 20px rgba(0, 0, 0, 0.15);
}
.mfp-wrap .mfp-content .popup-video-content .p-header {
padding: 0px 0px 20px 0px;
}
.mfp-wrap .mfp-content .popup-video-content .popup-video-wrapper {
height: 373px;
}
.mfp-wrap .mfp-content .popup-video-content .p-controls {
padding: 25px 0px 0px 0px;
}
/* --------- POPUP YouTube --------- */
.mfp-wrap .mfp-content .popup-youtube-content {
position: relative;
display: block;
background: #fff;
width: 690px;
padding: 30px 25px 25px 25px;
margin: 0 auto;
box-shadow: 0 15px 50px 20px rgba(0, 0, 0, 0.15);
}
.mfp-wrap .mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: 685px;
height: 390px;
}
.mfp-wrap .mfp-content .popup-youtube-content .p-controls {
padding: 25px 0px 0px 0px;
}
.mfp-wrap .mfp-content .popup-youtube-content .p-header {
padding: 0px 0px 20px 0px;
}
/* --------- POPUP image --------- */
.mfp-wrap .mfp-content .popup-image-content {
position: relative;
display: block;
background: #fff;
width: 350px;
/*height: 405px;*/
padding: 30px 25px 25px 25px;
margin: 0 auto;
box-shadow: 0 15px 50px 20px rgba(0, 0, 0, 0.15);
}
.mfp-wrap .mfp-content .popup-image-content .popup-image-wrapper {
width: 300px;
/*height: 300px;*/
}
.mfp-wrap .mfp-content .popup-image-content .popup-image-wrapper .popup-image-img {
display: block;
text-align: center;
margin: 0px 0px 10px 0px;
}
.mfp-wrap .mfp-content .popup-image-content .popup-image-wrapper p {
margin: 0px 0px 10px 0px;
}
.mfp-wrap .mfp-content .popup-image-content .p-header {
padding: 0px 0px 20px 0px;
}
/* --------- POPUP long text --------- */
.mfp-wrap .mfp-content .popup-long-text-content {
position: relative;
display: block;
background: #fff;
width: 690px;
/*height: 405px;*/
padding: 30px 25px 25px 25px;
margin: 0 auto;
box-shadow: 0 15px 50px 20px rgba(0, 0, 0, 0.15);
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper {
width: 685px;
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper .p-scrollable-content {
overflow-y: auto;
overflow-x: hidden;
height: 400px;
margin-bottom: 25px;
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper .p-grid .p-grid-item {
margin: 0px 0px 0px 0px;
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper .p-grid .p-grid-item .p-button {
display: block;
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper .p-grid .p-grid-item .p-button span {
text-align: center;
}
.mfp-wrap .mfp-content .popup-long-text-content .popup-long-text-wrapper p {
margin: 0px 0px 10px 0px;
}
.mfp-wrap .mfp-content .popup-long-text-content .p-header {
padding: 0px 0px 20px 0px;
}
/* ------------------------------- */
/* --------- BREAKPOINTS --------- */
/* ------------------------------- */
/* --------- @media @XS --------- */
/* --------- @media @S --------- */
/* --------- @media @M ISOLATE --------- */
/* --------- @media @M --------- */
/* --------- @media @L --------- */
.mfp-content .p-scrollable-content {
overflow: auto;
height: 100%;
width: 100%;
}
/* ------------------------ */
@media screen and (max-width: 700px) {
.mfp-wrap {
height: 100% !important;
}
.mfp-wrap .mfp-container {
padding: 0;
}
.mfp-content {
height: 100%;
}
.mfp-content .p-popup-content,
.mfp-content .popup-video-content,
.mfp-content .popup-youtube-content,
.mfp-content .popup-long-text-content {
width: 100%;
height: 100%;
padding: 0px 0px 0px 0px;
/* --- */
}
.mfp-content .p-popup-content .p-popup-close,
.mfp-content .popup-video-content .p-popup-close,
.mfp-content .popup-youtube-content .p-popup-close,
.mfp-content .popup-long-text-content .p-popup-close {
display: none;
}
.mfp-content .p-popup-content .p-popup-back,
.mfp-content .popup-video-content .p-popup-back,
.mfp-content .popup-youtube-content .p-popup-back,
.mfp-content .popup-long-text-content .p-popup-back {
display: block;
position: relative;
cursor: pointer;
color: #ffffff;
background-color: #7d0063;
padding: 20px 0px 20px 20px;
text-align: left;
}
.mfp-content .p-popup-content .p-popup-back span,
.mfp-content .popup-video-content .p-popup-back span,
.mfp-content .popup-youtube-content .p-popup-back span,
.mfp-content .popup-long-text-content .p-popup-back span {
display: inline-block;
font-size: 13px;
line-height: 18px;
}
.mfp-content .p-popup-content .p-header,
.mfp-content .popup-video-content .p-header,
.mfp-content .popup-youtube-content .p-header,
.mfp-content .popup-long-text-content .p-header {
padding: 20px 25px 20px 25px;
}
.mfp-content .p-popup-content.p-popup-faqs-content .p-wrapper,
.mfp-content .popup-video-content.p-popup-faqs-content .p-wrapper,
.mfp-content .popup-youtube-content.p-popup-faqs-content .p-wrapper,
.mfp-content .popup-long-text-content.p-popup-faqs-content .p-wrapper {
height: 170px;
}
.mfp-content .p-popup-content .popup-video-wrapper,
.mfp-content .popup-video-content .popup-video-wrapper,
.mfp-content .popup-youtube-content .popup-video-wrapper,
.mfp-content .popup-long-text-content .popup-video-wrapper {
width: 100%;
height: 330px;
}
.mfp-content .p-popup-content .popup-youtube-wrapper,
.mfp-content .popup-video-content .popup-youtube-wrapper,
.mfp-content .popup-youtube-content .popup-youtube-wrapper,
.mfp-content .popup-long-text-content .popup-youtube-wrapper {
width: 100%;
height: 350px;
}
.mfp-content .p-popup-content .popup-long-text-wrapper,
.mfp-content .popup-video-content .popup-long-text-wrapper,
.mfp-content .popup-youtube-content .popup-long-text-wrapper,
.mfp-content .popup-long-text-content .popup-long-text-wrapper {
width: 100%;
}
.mfp-content .p-popup-content .popup-long-text-wrapper .p-scrollable-content,
.mfp-content .popup-video-content .popup-long-text-wrapper .p-scrollable-content,
.mfp-content .popup-youtube-content .popup-long-text-wrapper .p-scrollable-content,
.mfp-content .popup-long-text-content .popup-long-text-wrapper .p-scrollable-content {
height: 100px;
}
.mfp-content .popup-video-content .p-header,
.mfp-content .popup-youtube-content .p-header {
display: none;
}
.mfp-content .popup-long-text-content .p-scrollable-content {
height: 300px;
padding: 10px 20px 10px 20px;
}
.mfp-wrap .mfp-content .popup-video-content {
width: auto;
}
.mfp-wrap .mfp-content .popup-youtube-content {
width: auto;
padding: 10px 5px 10px 5px;
}
.mfp-wrap .mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: auto;
}
}
@media screen and (max-width: 450px) {
.mfp-content .p-popup-content .p-header {
display: block;
}
.mfp-content .p-popup-content .p-wrapper {
width: 100%;
}
.mfp-content .p-popup-content.p-popup-faqs-content .p-wrapper {
height: 330px;
}
.mfp-content .popup-video-content .p-header {
display: block;
}
.mfp-content .popup-video-content .popup-video-wrapper {
width: 100%;
height: 240px;
}
.mfp-content .popup-youtube-content .p-header {
display: block;
}
.mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: 100%;
height: 220px;
}
.mfp-content .popup-long-text-content .p-header {
display: block;
}
.mfp-content .popup-long-text-content .popup-long-text-wrapper {
width: 100%;
}
.mfp-content .popup-long-text-content .popup-long-text-wrapper .p-scrollable-content {
height: 190px;
}
.mfp-content .popup-long-text-content .popup-long-text-wrapper .p-grid .p-grid-item .p-button {
margin-bottom: 10px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 700px;
height: 100%;
max-height: 560px;
}
}
@media screen and (min-width: 701px) {
.mfp-content .p-popup-content {
margin-top: 30px;
margin-bottom: 30px;
}
.mfp-content .popup-video-content .popup-video-wrapper {
width: 583px;
height: 388px;
}
.mfp-content .popup-youtube-content {
width: 595px;
}
.mfp-content .popup-youtube-content .p-header {
display: block;
}
.mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: 545px;
height: 332px;
}
.mfp-content .p-popup-faqs-content {
width: 600px;
}
.mfp-content .p-popup-faqs-content .p-wrapper {
height: 350px;
}
}
@media screen and (min-width: 961px) {
.mfp-content .popup-video-content .popup-video-wrapper {
width: 583px;
height: 373px;
}
.mfp-content .popup-youtube-content {
width: 690px;
}
.mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: 685px;
height: 390px;
}
.mfp-content .p-popup-faqs-content {
width: 690px;
}
.mfp-content .p-popup-faqs-content .p-wrapper {
height: 400px;
}
}
/*
Defaults
---------------------------*/
.mfp-bg {
background: #0b0b0b !important;
opacity: 0.6 !important;
z-index: 9011;
}
.mfp-wrap {
z-index: 9012;
}
/* clear styles for .mfp-close
----------------------------- */
.mfp-wrap.p-popup-sky .mfp-close {
width: auto;
height: auto;
line-height: inherit;
position: relative;
top: inherit;
right: inherit;
opacity: 1.0;
padding: 0px;
}
.mfp-wrap.p-popup-sky .p-popup-close {
position: absolute;
top: 0px;
right: 0px;
width: 44px;
height: 44px;
line-height: 44px;
font-size: 28px;
text-align: center;
}
.mfp-wrap .p-scrollable-content {
overflow: auto;
height: 100%;
width: 100%;
}
.mfp-wrap .p-popup-wrapper .p-header,
.mfp-wrap .p-popup-content .p-header {
padding: 31px 5px 0px 33px;
}
.mfp-wrap .p-popup-wrapper .p-wrapper,
.mfp-wrap .p-popup-content .p-wrapper {
width: 100%;
height: auto;
overflow: hidden;
padding: 0px 35px 20px 35px;
box-sizing: border-box;
}
.mfp-wrap .p-popup-wrapper .p-wrapper .p-controls,
.mfp-wrap .p-popup-content .p-wrapper .p-controls {
margin-top: -65px;
}
.mfp-wrap .mfp-content .p-popup {
display: block;
position: relative;
background: #ffffff;
box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.15);
width: 633px;
margin: 0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-wrap .mfp-content .p-popup.p-popup-narrow {
width: 370px;
}
.mfp-wrap .mfp-content .p-popup .popup-video-wrapper {
width: 583px;
height: 400px;
}
.mfp-wrap .mfp-content .p-popup .p-image-wrapper .popup-image-img {
text-align: center;
margin-bottom: 20px;
}
.mfp-wrap .p-video-wrapper {
height: 420px;
}
/*
Small & Xtra-Small Isolate
---------------------------*/
/*
Xtra-Small
---------------------------*/
/*
Small
---------------------------*/
/*
Medium
---------------------------*/
/*
BREAKPOINTS
----------------------------*/
@media screen and (max-width: 700px) {
.mfp-wrap .mfp-content .p-popup {
height: 100%;
width: 100%;
}
.mfp-wrap .mfp-content .p-popup .p-popup-close {
display: none;
}
}
@media screen and (min-width: 0px) {
.mfp-wrap .p-popup-wrapper .p-header,
.mfp-wrap .p-popup-content .p-header {
padding: 12px 10px 10px 10px;
}
.mfp-wrap .p-popup-wrapper .p-wrapper,
.mfp-wrap .p-popup-content .p-wrapper {
float: left;
padding: 0px 10px 10px 10px;
}
.mfp-wrap .p-popup-wrapper .p-video-wrapper,
.mfp-wrap .p-popup-content .p-video-wrapper {
height: 320px;
}
.mfp-wrap .p-popup-wrapper .p-header,
.mfp-wrap .p-popup-content .p-header {
display: block;
}
.mfp-wrap .p-popup-back .mfp-close {
position: relative;
display: inline-block;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
color: #ffffff;
background-color: #7d0063;
border-radius: 2px;
box-sizing: border-box;
text-decoration: none;
font-size: 14px;
line-height: 20px;
padding: 7px 20px 6px 20px;
margin: 5px 0px 5px 0px;
min-width: 96%;
}
.mfp-wrap .p-popup-back .mfp-close:hover {
background-color: #63004f;
text-decoration: none;
}
}
@media print, screen and (min-width: 451px) {
.mfp-wrap .p-popup-content .p-video-wrapper {
height: 370px;
}
.mfp-wrap .p-popup-content .p-header {
display: none;
}
}
@media screen and (min-width: 701px) {
.mfp-wrap .p-popup-back {
display: none;
}
.mfp-wrap .p-popup-wrapper .p-header,
.mfp-wrap .p-popup-content .p-header {
padding: 31px 5px 0px 33px;
}
.mfp-wrap .p-popup-wrapper .p-wrapper,
.mfp-wrap .p-popup-content .p-wrapper {
padding: 0px 35px 20px 35px;
}
.mfp-wrap .p-popup-wrapper .p-header,
.mfp-wrap .p-popup-content .p-header {
display: block;
}
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20style%3D%22width%3A100%25%3Bheight%3A100%25%22%20viewBox%3D%220%200%2038%2038%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%228.042%25%22%20y1%3D%220%25%22%20x2%3D%2265.682%25%22%20y2%3D%2223.865%25%22%20id%3D%22a%22%3E%3Cstop%20stop-color%3D%22%237d0063%22%20stop-opacity%3D%220%22%20offset%3D%220%25%22%20/%3E%3Cstop%20stop-color%3D%22%237d0063%22%20stop-opacity%3D%22.631%22%20offset%3D%2263.146%25%22%20/%3E%3Cstop%20stop-color%3D%22%237d0063%22%20offset%3D%22100%25%22%20/%3E%5C%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20transform%3D%22translate%281%201%29%22%3E%3Cpath%20d%3D%22M34%2018c0-9.94-8.06-18-18-18%22%20id%3D%22Oval-2%22%20stroke%3D%22url%28%23a%29%22%20stroke-width%3D%225%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2018%2018%22%20to%3D%22360%2018%2018%22%20dur%3D%220.9s%22%20repeatCount%3D%22indefinite%22%20calcMode%3D%22spline%22%20keySplines%3D%220.4,%200,%200.2,%201%22%20keyTimes%3D%220%3B1%22%20/%3E%3C/path%3E%3Ccircle%20fill%3D%22%237d0063%22%20cx%3D%2234%22%20cy%3D%2217.5%22%20r%3D%222.5%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2018%2018%22%20to%3D%22360%2018%2018%22%20dur%3D%220.9s%22%20repeatCount%3D%22indefinite%22%20%20calcMode%3D%22spline%22%20keySplines%3D%220.4,%200,%200.2,%201%22%20keyTimes%3D%220%3B1%22/%3E%3C/circle%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
}
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: #ffffff;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
.slick-prev[dir="rtl"] {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
.slick-prev:before[dir="rtl"] {
content: "→";
}
.slick-next {
right: -25px;
}
.slick-next[dir="rtl"] {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
.slick-next:before[dir="rtl"] {
content: "←";
}
/* Dots */
.slick-dotted .slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 30px;
line-height: 20px;
text-align: center;
color: #7d0063;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: #42145f;
opacity: 0.75;
}
.p-carousel {
position: relative;
overflow: hidden;
}
.p-carousel > * {
position: absolute;
left: 0;
top: 0;
}
.p-carousel.p-animate-single > * {
position: static;
left: auto;
top: auto;
}
.p-carousel.p-animate-single > * > * {
position: absolute!important;
left: 0;
top: 0;
}
html.no-js .p-carousel {
overflow-x: scroll;
}
/*
Defaults
---------------------------*/
.p-auto-font-resize .p-handle-font-resize {
visibility: hidden;
}
.p-auto-font-resize .p-heading-01-small {
letter-spacing: -0.5px;
font-size: 30px;
line-height: 40px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 24px;
visibility: visible;
word-wrap: break-word;
}
@media screen and (max-width: 700px) {
.p-auto-font-resize .p-heading-01-small {
letter-spacing: -0.3px;
font-size: 18px;
line-height: 30px;
margin-bottom: 20px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-heading-01-small {
color: #ffffff;
}
[data-link] {
cursor: pointer;
}
/*
Defaults
---------------------------*/
[data-parallax-settings] {
position: relative;
overflow: hidden;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
[data-parallax-settings] .p-background {
padding-bottom: 0;
}
[data-parallax-settings] .p-foreground {
position: static;
}
}
@media screen and (min-width: 701px) {
[data-parallax-settings] .p-background,
[data-parallax-settings] .p-screen,
[data-parallax-settings] .p-foreground,
[data-parallax-settings] .p-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
[data-parallax-settings] .p-background {
width: 110%;
height: 110%;
position: absolute;
top: -5%;
left: -5%;
z-index: 1;
}
[data-parallax-settings] .p-screen {
background: #000000;
-moz-opacity: 0.25;
-khtml-opacity: 0.25;
-webkit-opacity: 0.25;
opacity: 0.25;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=25);
filter: alpha(opacity=25);
z-index: 1;
}
[data-parallax-settings] .p-foreground {
z-index: 2;
}
[data-parallax-settings] .p-overlay {
z-index: 3;
}
}
.p-responsive-video-container {
direction: ltr;
height: 100%;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.p-responsive-video-container video {
height: auto;
left: 50%;
min-height: 101%;
min-width: 101%;
max-height: 4000%;
max-width: 4000%;
overflow: hidden;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.p-masthead-background {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0px;
left: 0px;
overflow: hidden;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-lightweightauthentication-popup .p-auth-popup-checkbox-wrapper .p-confirmation-text {
padding-left: 5px;
}
.p-lightweightauthentication-popup .p-auth-popup-btn-container .p-button {
margin-right: 10px;
}
.p-lightweightauthentication-popup .p-auth-checkbox-error {
color: #e98300;
}
.p-lightweightauthentication-popup.mfp-bg {
background: #444444 !important;
opacity: 1 !important;
}
.p-lightweightauthentication-popup .mfp-content .p-lightweight-authentication-popup-content {
position: relative;
display: block;
background: #ffffff;
margin: 0 auto;
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.25);
}
.lightweightauthentication-popup-m .p-lightweightauthentication-popup .p-auth-popup-btn-container {
padding-left: 100px;
}
.lightweightauthentication-popup-m .p-lightweightauthentication-popup .mfp-content .p-lightweight-authentication-popup-content {
width: 640px;
padding: 25px 40px 40px 40px;
}
@media screen and (max-width: 700px) {
.p-lightweightauthentication-popup.mfp-wrap {
height: 100% !important;
}
.p-lightweightauthentication-popup.mfp-wrap .mfp-container {
padding-top: 0 !important;
}
.p-lightweightauthentication-popup.mfp-wrap .mfp-container .mfp-content {
height: 100%;
}
.p-lightweightauthentication-popup.mfp-wrap .mfp-container .mfp-content .p-lightweight-authentication-popup-content {
padding: 10px 10px 10px 10px;
height: 100%;
}
}
@media screen and (min-width: 701px) {
.p-lightweightauthentication-popup .p-auth-popup-btn-container {
padding-left: 100px;
}
.p-lightweightauthentication-popup .mfp-content .p-lightweight-authentication-popup-content {
width: 640px;
padding: 25px 40px 40px 40px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-non-browser-notification-bar .p-notification-bar-container {
position: fixed;
text-align: center;
display: table;
z-index: 9012;
color: #ffffff;
background-color: #7d0063;
top: 0px;
width: 100%;
line-height: 24px;
padding-top: 8px;
padding-bottom: 7px;
}
.p-non-browser-notification-bar .p-notification-bar-container span {
vertical-align: middle;
display: block;
width: 96%;
float: left;
}
.p-non-browser-notification-bar .p-notification-bar-container .p-close {
color: #ffffff;
}
.p-li-global-notification-bar,
.p-li-expired-product-notification-bar {
position: relative;
top: 0px;
display: table;
z-index: 9012;
}
.p-li-global-notification-bar.p-hidden,
.p-li-expired-product-notification-bar.p-hidden {
display: none;
}
.p-li-global-notification-bar button.p-square.p-small,
.p-li-expired-product-notification-bar button.p-square.p-small {
cursor: pointer;
}
.p-li-expired-product-notification-bar {
z-index: 6005;
}
/*
Defaults
---------------------------*/
.p-rn01-card {
position: relative;
}
.p-rn01-card .p-rn01-foreground {
box-sizing: border-box;
position: absolute;
width: 100%;
bottom: 0px;
top: 0px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-rn01-card .p-rn01-background {
padding: 50%;
}
.p-rn01-card .p-rn01-foreground {
height: auto;
position: static;
}
.p-rn01-card .p-valign-middle {
display: block;
}
}
/*
Defaults
---------------------------*/
.p-rn02-card .p-media-link {
display: inline-block;
}
.p-rn02-card .p-media {
display: inline-block;
vertical-align: top;
}
.p-rn02-card .p-media img {
height: 60px;
}
.p-rn02-card .p-copy {
margin-left: 2%;
margin-right: 2%;
display: inline-block;
vertical-align: top;
}
.p-rn02-card .p-copy a {
color: #3c3c3c;
}
.p-inverted .p-rn02-card .p-copy a {
color: #ffffff;
}
/*
XS and S
---------------------------*/
/*
M
---------------------------*/
/*
L
---------------------------*/
@media screen and (max-width: 700px) {
.p-rn02-card {
padding-bottom: 6px;
}
.p-rn02-card .p-copy {
max-width: 60%;
max-width: calc(94% - 60px);
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn02-card .p-copy {
max-width: 50%;
max-width: calc(94% - 60px);
}
}
@media screen and (min-width: 961px) {
.p-rn02-card .p-copy {
max-width: 65%;
max-width: calc(94% - 60px);
}
}
/*
Defaults
---------------------------*/
.p-rn03-card {
position: relative;
overflow: hidden;
}
.p-rn03-card .p-background {
width: 100%;
height: 100%;
position: static;
top: 0;
left: 0;
}
.p-rn03-card .p-background img {
position: static;
display: block;
width: 100%;
height: auto;
}
.p-rn03-card .p-blind {
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.p-rn03-card .p-blind .p-rollup {
width: 100%;
min-height: 100%;
background: #ffffff;
position: absolute;
bottom: 0;
left: 0;
}
.p-rn03-card .p-blind .p-rollup .p-grid {
margin: 0;
}
.p-rn03-card .p-blind .p-rollup .p-blurb {
width: 100%;
position: relative;
}
.p-inverted .p-rn03-card .p-rollup {
background: #7d0063;
}
.test-touch .p-rn03-card:hover .p-background img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.test-touch .p-rn03-card:hover .p-rollup .p-blurb .p-body-copy {
display: none;
height: 0;
margin-bottom: initial;
}
/*
XS
---------------------------*/
/*
S
---------------------------*/
/*
M and L
---------------------------*/
/*
M isolate
---------------------------*/
/*
L isolate
---------------------------*/
@media screen and (max-width: 450px) {
.p-rn03-card .p-blind .p-rollup .p-blurb {
padding: 30px 0px 35px 0px;
}
.p-rn03-card .p-blind .p-rollup .p-blurb .p-slug {
padding-bottom: 5px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn03-card .p-blind .p-rollup .p-blurb {
padding: 40px 0px 70px 0px;
}
.p-rn03-card .p-blind .p-rollup .p-blurb .p-slug {
padding-bottom: 5px;
}
}
@media screen and (min-width: 701px) {
.p-rn03-card .p-background img {
-webkit-transition: transform 2s linear;
transition: transform 2s linear;
}
.p-rn03-card .p-holder {
width: 960px;
}
.p-rn03-card .p-heading-03 {
min-height: 56px;
}
.p-rn03-card .p-blind .p-rollup .p-grid {
width: 960px;
}
.p-rn03-card .p-blind .p-rollup .p-blurb:before {
content: "";
display: block;
position: absolute;
top: -13px;
left: 0;
border-style: solid;
border-width: 0 16px 14px 16px;
border-color: transparent transparent #ffffff transparent;
}
.p-rn03-card .p-blind .p-rollup .p-blurb .p-body-copy {
height: 0;
position: relative;
overflow: hidden;
-webkit-transition: height 0.55s ease-out;
transition: height 0.55s ease-out;
}
.p-rn03-card:hover .p-background img {
-webkit-transform: translateZ(0) scale(1.07);
-ms-transform: translateZ(0) scale(1.07);
transform: translateZ(0) scale(1.07);
}
.p-rn03-card:hover .p-rollup .p-blurb .p-body-copy {
height: 90px;
margin-bottom: 5px;
}
.p-inverted .p-rn03-card .p-blind .p-rollup .p-blurb:before {
border-color: transparent transparent #7d0063 transparent;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn03-card .p-blind .p-rollup .p-blurb {
padding: 25px 0px 45px 0px;
}
.p-rn03-card .p-blind .p-rollup .p-blurb .p-slug {
padding-bottom: 8px;
}
.p-rn03-card:hover .p-rollup .p-blurb .p-body-copy {
height: 110px;
}
}
@media screen and (min-width: 961px) {
.p-grid-item .p-rn03-card.p-odd .p-rollup:after {
content: "";
display: table;
clear: both;
}
.p-grid-item .p-rn03-card.p-odd .p-grid {
float: right;
}
.p-grid-item .p-rn03-card.p-odd .p-grid .p-grid-item {
left: 50%;
position: relative;
}
.p-rn03-card .p-blind .p-rollup .p-blurb {
padding: 40px 0px 54px 0px;
}
.p-rn03-card .p-blind .p-rollup .p-blurb .p-slug {
padding-bottom: 13px;
}
}
/*
Defaults
---------------------------*/
.p-rn04-card .p-media {
margin-bottom: auto;
}
.p-rn04-card .p-media img {
width: 100%;
}
.p-rn04-card .p-link-more {
display: block;
}
.p-rn04-card .p-blurb .p-title {
min-height: 66px;
}
@media screen and (max-width: 700px) {
.p-rn04-card:after {
content: "";
display: table;
clear: both;
}
.p-rn04-card .p-media {
float: left;
}
.p-rn04-card .p-link-more {
display: none;
}
}
@media screen and (max-width: 450px) {
.p-rn04-card .p-media {
width: 40%;
margin-right: 5%;
}
.p-rn04-card .p-blurb .p-label {
margin-top: 0px;
padding-top: 6px;
margin-bottom: 10px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn04-card .p-media {
width: 46%;
margin-right: 3.5%;
}
.p-rn04-card .p-blurb .p-label {
margin-top: 0px;
padding-top: 10px;
margin-bottom: 9px;
}
}
/*
M and L
----------------------- */
@media screen and (min-width: 701px) {
.p-rn04-card {
border-left: 1px solid transparent;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn04-card .p-blurb .p-label {
margin-top: 19px;
margin-bottom: 7.5px;
}
}
@media screen and (min-width: 961px) {
.p-rn04-card .p-blurb .p-label {
margin-top: 19px;
margin-bottom: 7.5px;
}
}
/*
Defaults
---------------------------*/
.p-rn05-card {
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.p-rn05-card:hover {
background: rgba(0, 0, 0, 0.4);
}
.p-rn05-card .p-story-link {
color: #42145f;
}
.p-rn05-card .p-heading-04 {
padding: 10px 8px 8px 8px;
margin: 0px 0px 0px 0px;
}
.p-inverted .p-rn05-card .p-story-link {
color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-rn06-card:after {
content: "";
display: table;
clear: both;
}
.p-rn06-card .p-media {
margin-right: 4%;
margin-bottom: auto;
float: left;
width: 46%;
}
.p-rn06-card .p-media img {
width: 100%;
}
@media screen and (max-width: 700px) {
.p-rn06-card .p-media {
float: left;
}
}
@media screen and (max-width: 450px) {
.p-rn06-card .p-media {
width: 40%;
margin-right: 5%;
}
.p-rn06-card .p-blurb .p-label {
margin-top: 0px;
padding-top: 6px;
margin-bottom: 10px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn06-card .p-media {
width: 46%;
margin-right: 3.5%;
}
.p-rn06-card .p-blurb .p-label {
margin-top: 0px;
padding-top: 10px;
margin-bottom: 9px;
}
}
/*
M and L
----------------------- */
@media screen and (min-width: 701px) {
.p-rn06-card .p-blurb .p-label {
margin-top: 0px;
margin-bottom: 7.5px;
}
}
/*
Defaults
---------------------------*/
.p-rn07-card {
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.p-rn07-card:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.p-rn07-card .p-story-link {
display: block;
text-decoration: none;
}
.p-rn07-card .p-media {
margin-right: 15px;
display: inline-block;
vertical-align: middle;
max-width: 35%;
}
.p-rn07-card .p-title {
padding-top: 5px;
max-width: 55%;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
}
.p-rn07-card a:hover .p-title {
text-decoration: underline;
}
/*
Defaults
---------------------------*/
.p-rn08-card {
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.p-rn08-card:hover {
background-color: rgba(0, 0, 0, 0.4);
}
.p-rn08-card .p-topic-link {
display: block;
}
.p-rn08-card .p-topic-link:hover {
text-decoration: none;
}
.p-rn08-card .p-topic-link:hover .p-title {
text-decoration: underline;
}
.p-rn08-card .p-media {
margin-right: 11px;
display: inline-block;
vertical-align: middle;
width: auto;
}
.p-rn08-card .p-media img {
height: 38px;
width: 71px;
}
.p-rn08-card .p-title {
max-width: 75%;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
/*
XS and S
---------------------------*/
@media screen and (max-width: 700px) {
.p-rn08-card .p-media {
display: none;
}
.p-rn08-card .p-title {
width: 100%;
}
}
/*
M
---------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn08-card .p-title {
width: 75%;
}
}
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 961px) {
.p-rn08-card .p-title {
width: 80%;
}
}
/*
Defaults
---------------------------*/
.p-rn09-card {
position: relative;
}
.p-rn09-card .p-rn09-foreground {
box-sizing: border-box;
position: absolute;
width: 100%;
bottom: 0px;
top: 0px;
}
/*
Defaults
---------------------------*/
.p-rn11-card {
overflow: hidden;
background: #ffffff;
}
.p-rn11-card .p-media {
margin-bottom: auto;
}
.p-rn11-card .p-media img {
height: auto;
width: 100%;
}
.p-rn11-card .p-blurb .p-title {
min-height: 66px;
}
.p-inverted .p-rn11-card {
background: #7d0063;
}
@media screen and (max-width: 700px) {
.p-rn11-card:after {
content: "";
display: table;
clear: both;
}
.p-rn11-card .p-media {
float: left;
}
}
@media screen and (max-width: 450px) {
.p-rn11-card .p-media {
width: 40%;
margin-right: 5%;
}
.p-rn11-card .p-blurb .p-label {
padding-top: 6px;
margin-bottom: 10px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn11-card .p-media {
width: 46%;
margin-right: 3.5%;
}
.p-rn11-card .p-blurb .p-label {
padding-top: 10px;
}
}
/*
M and L
----------------------- */
@media screen and (min-width: 701px) {
.p-rn11-card {
margin-left: 1px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn11-card .p-blurb .p-label {
margin-bottom: 7.5px;
}
}
@media screen and (min-width: 961px) {
.p-rn11-card .p-blurb .p-label {
margin-bottom: 7.5px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-rn12-download {
display: block;
}
.p-rn12-download:hover {
text-decoration: none;
}
.p-rn12-download .p-img-block {
position: relative;
border: 1px solid #cccedb;
display: block;
overflow: hidden;
width: 82px;
height: 82px;
}
.p-rn12-download .p-img-block .p-icon-position {
position: absolute;
left: 5px;
bottom: 5px;
width: 22px;
height: 22px;
font-size: 15px;
}
.p-rn12-download .p-img-block .p-icon-position.p-icon-background {
background: #7d0063;
border-radius: 2px;
text-align: center;
}
.p-rn12-download .p-img-block .p-icon-position.p-icon-background i {
color: #fff;
}
.p-rn12-download .p-text-block .p-heading-04 {
color: #0089c4;
margin-bottom: 5px;
}
.p-rn12-download .p-text-block .p-body-copy-02 {
color: #3c3c3c;
}
.p-rn12-download .p-text-block .p-body-copy-02:hover {
text-decoration: none;
}
.p-rn12-download.p-inverted .p-text-block .p-heading-04,
.p-inverted .p-rn12-download .p-text-block .p-heading-04 {
color: #ffffff;
}
.p-rn12-download.p-inverted .p-text-block .p-body-copy-02,
.p-inverted .p-rn12-download .p-text-block .p-body-copy-02 {
color: #ffffff;
}
@media screen and (min-width: 961px) {
.p-rn12-download {
margin-bottom: 22px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn12-download {
margin-bottom: 16px;
}
.p-rn12-download .p-img-block {
width: 72px;
height: 72px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn12-download {
margin-bottom: 16px;
}
.p-rn12-download .p-img-block {
width: 72px;
height: 72px;
}
}
@media screen and (max-width: 450px) {
.p-rn12-download {
margin-bottom: 10px;
}
.p-rn12-download .p-img-block {
width: 62px;
height: 62px;
}
}
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-rn13-card {
overflow: hidden;
position: relative;
}
.p-rn13-card .p-image-wrapper {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
top: 0px;
left: 0px;
overflow: hidden;
}
.p-rn13-card .p-rn13-foreground {
position: absolute;
width: 100%;
bottom: 0px;
background-color: rgba(255, 255, 255, 0.5);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(255, 255, 255, 0.5)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80ffffff', GradientType=0);
}
.p-rn13-card .p-rn13-foreground p {
color: #3c3c3c;
}
.p-rn13-card .p-rn13-icon {
text-align: center;
transition: all 200ms ease;
}
.p-rn13-card .p-rn13-icon i {
cursor: pointer;
color: #42145f;
}
.p-rn13-card .p-rn13-icon i:after {
border: 1px solid rgba(66, 20, 95, 0.5);
border-radius: 3px;
color: #42145f;
padding: 7px 7px 7px 7px;
}
.p-rn13-card .p-rn13-icon i:hover:after {
background: rgba(60, 60, 60, 0.2);
border-color: #42145f;
}
.p-rn13-card .p-rn13-icon i:active:after {
background: rgba(60, 60, 60, 0.4);
border-color: #42145f;
}
.p-rn13-card .p-rn13-text {
height: 0;
transition: all 500ms ease;
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-foreground {
background-color: rgba(0, 0, 0, 0.5);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0)', endColorstr='rgba(0, 0, 0, 0.5)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=0);
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-foreground p {
color: #ffffff;
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-icon i {
color: #ffffff;
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-icon i:after {
border: 1px solid rgba(255, 255, 255, 0.5);
color: #ffffff;
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-icon i:hover:after {
background: rgba(255, 255, 255, 0.2);
border-color: #ffffff;
}
.p-rn13-card.p-rn13-card-inverted .p-rn13-icon i:active:after {
background: rgba(255, 255, 255, 0.4);
border-color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-rn15-card {
position: relative;
background-color: #ffffff;
}
.p-rn15-card .p-img-block {
position: relative;
}
.p-rn15-card .p-img-block .p-category {
position: absolute;
z-index: 6;
color: #ffffff;
padding: 5px 19px 5px 19px;
}
.p-rn15-card .p-img-block img {
width: 100%;
}
.p-rn15-card .p-description-block {
padding: 15px 15px 0px 15px;
}
.p-rn15-card .p-list-block ul:after {
content: "";
display: table;
clear: both;
}
.p-rn15-card .p-bottom-block .p-tags-block {
margin: 0px 15px 0px 15px;
padding-top: 5px;
border-top: 1px solid #e6e6e6;
}
.p-rn15-card .p-bottom-block .p-social-share {
position: absolute;
bottom: 0;
right: 0;
padding-bottom: 5px;
height: 41px;
}
.p-rn15-card .p-bottom-block .p-social-share .p-sc20-social-flyout {
right: 0;
}
.p-rn15-card .p-bottom-block .p-social-share .p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container {
margin-right: 15px;
}
.p-rn15-card .p-card-title {
color: #3c3c3c;
}
.p-rn15-card.p-inverted,
.p-inverted .p-rn15-card {
background-color: #42145f;
}
.p-rn15-card.p-inverted .p-card-title,
.p-inverted .p-rn15-card .p-card-title {
color: #ffffff;
}
/* colors */
/* text */
/*
Defaults
---------------------------*/
.p-rn25-card {
height: 178px;
position: relative;
overflow: hidden;
background-color: #ffffff;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.p-rn25-card:hover {
background-color: rgba(230, 230, 230, 0.9);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);
}
.p-rn25-card .p-story-link {
display: block;
text-decoration: none;
}
.p-rn25-card .p-media {
display: inline;
}
.p-rn25-card .p-text {
display: block;
vertical-align: top;
position: absolute;
top: 6px;
bottom: 6px;
left: 193px;
right: 14px;
}
.p-rn25-card .p-title-wrapper {
height: 52px;
overflow: hidden;
margin-top: 24px;
margin-bottom: 12px;
}
.p-rn25-card .p-title {
font-size: 21px;
line-height: 26px;
color: #42145f;
}
.p-rn25-card .p-date {
position: absolute;
top: 0px;
right: 0px;
color: #7d0063;
}
.p-rn25-card .p-description-wrapper {
height: 66px;
overflow: hidden;
}
.p-rn25-card .p-description {
font-size: 14px;
line-height: 22px;
color: #7d0063;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 701 and Max Width 960
---------------------------*/
@media screen and (max-width: 450px) {
.p-rn25-card {
height: 126px;
}
.p-rn25-card .p-text {
left: 141px;
}
.p-rn25-card .p-title-wrapper {
height: 44px;
margin-top: 24px;
margin-bottom: 6px;
}
.p-rn25-card .p-title {
font-size: 16px;
line-height: 22px;
}
.p-rn25-card .p-date {
top: 4px;
}
.p-rn25-card .p-description-wrapper {
height: 36px;
}
.p-rn25-card .p-description {
font-size: 12px;
line-height: 18px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn25-card {
height: 146px;
}
.p-rn25-card .p-text {
left: 161px;
}
.p-rn25-card .p-title-wrapper {
margin-bottom: 10px;
}
.p-rn25-card .p-description-wrapper {
height: 44px;
}
}
/*
Inverted
---------------------------*/
.p-inverted .p-rn25-card {
background-color: #631d76;
}
.p-inverted .p-rn25-card .p-description,
.p-inverted .p-rn25-card .p-date {
color: #ffffff;
}
.p-inverted .p-rn25-card .p-title {
color: #ffffff;
}
.p-inverted .p-rn25-card:hover {
background-color: rgba(102, 102, 102, 0.9);
}
/*
Defaults
---------------------------*/
.p-new-card .p-media img {
width: 100%;
}
/*
Defaults
---------------------------*/
.p-rn26-card {
margin-bottom: 15px;
}
.p-rn26-card,
.p-rn27-card {
position: relative;
}
.p-rn26-card picture,
.p-rn27-card picture {
height: auto;
}
.p-rn26-card .p-card-link,
.p-rn27-card .p-card-link {
position: absolute;
bottom: 0;
}
/* min-width: 960px */
@media screen and (min-width: 961px) {
.p-rn26-card.p-single-card,
.p-rn27-card.p-single-card {
margin: 0 auto;
width: 80%;
}
}
.p-n11v2-listofpages .p-listofpages-container li {
margin-bottom: 30px;
}
.p-n11v2-listofpages .p-rn28-card {
background: #ffffff;
}
.p-n11v2-listofpages .p-rn28-card .p-full-card-link {
color: #3c3c3c;
display: block;
height: 100%;
outline: 0;
text-decoration: none;
}
.p-n11v2-listofpages .p-rn28-card .p-card-content {
padding: 20px 20px 40px 20px;
}
.p-n11v2-listofpages .p-rn28-card .p-date {
text-transform: uppercase;
color: #c0c0c0;
font-weight: bold;
letter-spacing: 1px;
padding-bottom: 5px;
padding-top: 0;
}
.p-n11v2-listofpages .p-rn28-card .p-card-title {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
font-size: 18px;
line-height: 26px;
padding-top: 0;
}
.p-n11v2-listofpages .p-rn28-card .p-card-link {
display: none;
}
.p-n11v2-listofpages .p-rn28-card {
position: relative;
}
.p-n11v2-listofpages .p-rn28-card:after {
content: "\e823";
color: #c0c0c0;
font-family: 'philips-global-icon-font';
font-size: 30px;
pointer-events: none;
position: absolute;
bottom: 25px;
right: 25px;
}
[dir=rtl] .p-n11v2-listofpages .p-rn28-card:after {
content: "\e822";
left: 25px;
right: initial;
}
.p-n11v2-listofpages .p-view-all-card:after {
color: #ffffff;
}
.p-n11v2-listofpages .p-view-all-card a {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
font-size: 32px;
line-height: 44px;
}
@media screen and (max-width: 700px) {
.p-n11v2-listofpages .p-rn28-card .p-card-title {
padding-bottom: 0;
}
.p-n11v2-listofpages .p-view-all-card a span {
padding-bottom: 100px;
padding-top: 100px;
}
}
.p-rn29-card {
display: flex;
flex-direction: row;
}
.p-rn29-card .p-news-text,
.p-rn29-card .p-news-image {
width: 100%;
}
.p-rn29-card .p-picture img {
width: 100%;
cursor: pointer;
}
.p-rn29-card .p-date-font-size {
font-size: 16px;
color: #b9bbc7;
}
.p-rn29-card .p-text-newsdata {
cursor: pointer;
background-color: #ffffff;
}
.p-rn29-card .p-icon-arrow-long-right::after {
position: absolute;
bottom: 30px;
left: 44%;
color: #b9bbc7;
font-size: 40px;
}
@media screen and (max-width: 700px) {
.p-rn29-card {
display: flex;
flex-direction: column-reverse;
}
}
@media screen and (max-width: 450px) {
.p-rn29-card .p-text-newsdata,
.p-rn29-card .p-picture img {
height: 207.75px;
}
.p-rn29-card .p-icon-arrow-long-right:after {
left: 85%;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-rn29-card .p-text-newsdata,
.p-rn29-card .p-picture img {
height: 244px;
}
.p-rn29-card .p-icon-arrow-long-right:after {
left: 88%;
}
}
/*
M and L
----------------------- */
@media screen and (min-width: 701px) {
.p-rn29-card .p-picture img {
height: inherit;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-rn29-card {
height: 322px;
}
}
@media screen and (min-width: 961px) {
.p-rn29-card {
height: 360px;
}
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner {
background: #ffffff;
width: 470px;
margin-bottom: 20px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-top {
left: 0;
top: 0;
padding: 5px 19px 5px 19px;
position: absolute;
z-index: 6;
color: #ffffff;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-image img {
width: 470px;
height: auto;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content {
padding: 0px 22px 55px 22px;
text-align: left;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content .p-item-text .p-body-copy-03 {
font-size: 14px;
line-height: 21px;
margin-bottom: 16px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content .p-item-text .p-heading-03 {
color: #000000;
text-align: left;
padding: 0px 0px 0px 0px;
margin-top: 25px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content .p-item-text .p-icon-play:before {
content: "";
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content .p-item-text .p-icon-play:after {
display: inline-block;
font-size: 11px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content a {
color: #000000;
}
.p-item-accordion-icon {
cursor: pointer;
top: auto;
width: 30px;
height: 30px;
position: absolute;
bottom: 0;
right: 0;
}
@media print, screen and (min-width: 451px) {
.contentpage .p-card-item {
width: 225px;
margin: 0 16px 16px 0;
}
.contentpage .p-card-item .p-item-inner {
width: 225px;
}
.contentpage .p-card-item.p-big {
width: 100%;
}
.contentpage .p-item-image {
width: 225px;
}
.contentpage .p-item-image .p-whitespacer {
width: 225px;
}
.contentpage .p-item-image img {
width: 225px;
}
.contentpage .p-item-image .p-image-container {
width: 225px;
height: 220px;
}
.contentpage .p-item-image .p-image-container .p-thumbnail {
height: 225px;
}
.mgtagpage .p-big.p-card-item .p-item-image img {
width: 100%;
}
.p-card-item.p-big {
width: 100%;
}
.p-card-item.p-big .p-item-inner {
width: 100%;
}
.p-card-item.p-big .p-item-image {
width: 100%;
}
.p-card-item.p-big .p-item-image .p-image-container {
width: 470px;
}
.p-card-item.p-big .p-item-image .p-image-container .p-thumbnail {
background-repeat: no-repeat;
background-position-x: center;
background-size: cover;
width: 100%;
margin: 0;
left: 0;
}
}
@media screen and (max-width: 700px) {
.p-big.p-card-item.p-big-card-foundation .p-item-inner {
width: 100%;
overflow: hidden;
position: relative;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-card-item {
margin: 0 10px 20px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-image {
display: block;
overflow: hidden;
position: relative;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-image img {
height: auto !important;
width: 100%;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-image .p-image-container {
width: 150px;
height: 169px;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .p-item-content {
float: left;
text-align: left;
}
.p-big.p-card-item.p-big-card-foundation .p-item-inner .mgtagpage .p-right-corner-stamp {
display: none;
}
}
@media screen and (min-width: 701px) {
.p-n19-categorizedlistofpages .p-card-item.p-big {
width: 470px;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 735px;
}
}
@media screen and (min-width: 961px) {
.p-tab-switcher-foundation strong {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 980px;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 980px;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a {
display: block;
}
}
.p-card-item.p-small-card-foundation .p-item-inner {
background: #ffffff;
width: 225px;
margin-bottom: 20px;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-top {
left: 0;
top: 0;
padding: 5px 19px 5px 19px;
position: absolute;
z-index: 6;
color: #ffffff;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-image img {
width: 225px;
height: auto;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content {
padding: 0px 22px 55px 22px;
text-align: left;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content .p-item-text .p-body-copy-03 {
font-size: 14px;
line-height: 21px;
margin-bottom: 16px;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content .p-item-text .p-heading-03 {
color: #000000;
text-align: left;
padding: 0px 0px 0px 0px;
margin-top: 25px;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content .p-item-text .p-icon-play:before {
content: "";
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content .p-item-text .p-icon-play:after {
display: inline-block;
font-size: 11px;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-content a {
color: #000000;
}
/*
Min Width 700
---------------------------*/
/*
ISOLATE S and XS
---------------------------*/
@media screen and (max-width: 700px) {
.p-foundation-banner .p-banner-content {
padding-left: 0px;
}
.p-card-item.p-small-card-foundation .p-item-inner {
width: 100%;
position: relative;
}
.p-card-item.p-small-card-foundation .p-item-inner .p-item-image img {
width: 100%;
height: auto;
}
}
/*
Defaults
---------------------------*/
.p-foundation-imageleft .p-grid-item {
padding-left: 0px;
}
.p-foundation-imageleft .p-banner-image {
text-align: right;
}
.p-foundation-imageleft .p-banner-image img {
width: auto !important;
}
.p-foundation-imageleft .p-banner-content .p-heading-02 {
padding-left: 0px;
margin-bottom: 5px;
}
.p-foundation-imageleft .p-banner-content .p-heading-04 {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-foundation-imageleft .p-banner-content .p-banner-content-inner .p-icon-play:before {
content: "";
}
.p-foundation-imageleft .p-banner-content .p-banner-content-inner .p-icon-play:after {
display: inline-block;
font-size: 11px;
margin-left: 10px;
}
.p-foundation-imageleft .p-banner-content a {
color: #000000;
}
.p-foundation-imageleft .p-banner-content a:hover {
text-decoration: none !important;
}
.p-foundation-imageleft .p-banner-content .p-inverted-imageleft {
color: #ffffff !important;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media screen and (max-width: 700px) {
.p-foundation-imageleft .p-banner-content {
padding-left: 0px;
}
.p-foundation-imageleft .p-banner-image img {
width: 100% !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-foundation-imageleft .p-banner-content {
padding-left: 10px;
}
.p-foundation-imageleft .p-banner-content .p-heading-02 {
margin-top: 0px;
}
}
@media screen and (min-width: 961px) {
.p-foundation-imageleft .p-grid-item {
padding-left: 0px;
min-height: 380px;
}
.p-foundation-imageleft img {
max-width: 480px;
float: right;
}
.p-foundation-imageleft .p-banner-content .p-banner-content-inner {
padding: 54px 80px 54px 80px;
width: 480px;
box-sizing: border-box;
}
}
/*
Defaults
---------------------------*/
.p-foundation-imageright .p-grid-item {
padding-left: 0px;
}
.p-foundation-imageright .p-banner-image {
text-align: left;
}
.p-foundation-imageright .p-banner-image img {
width: auto !important;
}
.p-foundation-imageright .p-banner-content .p-heading-02 {
padding-left: 0px;
margin-bottom: 5px;
}
.p-foundation-imageright .p-banner-content .p-heading-04 {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-foundation-imageright .p-banner-content .p-banner-content-inner .p-icon-play:before {
content: "";
}
.p-foundation-imageright .p-banner-content .p-banner-content-inner .p-icon-play:after {
display: inline-block;
font-size: 11px;
margin-left: 10px;
}
.p-foundation-imageright .p-banner-content a {
color: #000000;
}
.p-foundation-imageright .p-banner-content a:hover {
text-decoration: none !important;
}
.p-foundation-imageright .p-banner-content .p-inverted-imageright {
color: #ffffff !important;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media screen and (max-width: 700px) {
.p-foundation-imageright .p-banner-content {
padding-left: 0px;
}
.p-foundation-imageright .p-banner-image img {
width: 100% !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-foundation-imageright .p-banner-content {
padding-left: 10px;
}
.p-foundation-imageright .p-banner-content .p-heading-02 {
margin-top: 0px;
}
}
@media screen and (min-width: 961px) {
.p-foundation-imageright .p-grid-item {
padding-left: 0px;
min-height: 380px;
}
.p-foundation-imageright img {
max-width: 480px;
}
.p-foundation-imageright .p-banner-content .p-banner-content-inner {
padding: 54px 80px 54px 80px;
width: 480px;
box-sizing: border-box;
float: right;
}
}
/*
Defaults
---------------------------*/
.p-foundation-banner .p-grid-item {
padding-left: 0px;
}
.p-foundation-banner .p-banner-image {
text-align: right;
}
.p-foundation-banner .p-banner-image.p-card-odd {
text-align: left;
}
.p-foundation-banner .p-banner-image img {
width: auto !important;
}
.p-foundation-banner .p-banner-content .p-heading-02 {
padding-left: 0px;
margin-bottom: 5px;
}
.p-foundation-banner .p-banner-content .p-heading-04 {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner {
padding: 34px 34px 34px 34px;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner .p-icon-play:before {
content: "";
}
.p-foundation-banner .p-banner-content .p-banner-content-inner .p-icon-play:after {
display: inline-block;
font-size: 11px;
margin-left: 10px;
}
.p-foundation-banner .p-banner-content a {
color: #000000;
}
.p-foundation-banner .p-banner-content a:hover {
text-decoration: none !important;
}
.p-foundation-banner .p-card-odd {
float: right;
padding-left: 0px;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media screen and (max-width: 700px) {
.p-foundation-banner .p-banner-content {
padding-left: 0px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-foundation-banner .p-banner-content {
padding-left: 10px;
}
.p-foundation-banner .p-banner-content .p-heading-02 {
margin-top: 0px;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner {
padding-left: 34px;
padding-right: 0px;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner.p-odd-content {
padding-left: 0px;
padding-right: 34px;
}
}
@media screen and (min-width: 961px) {
.p-foundation-banner .p-grid-item {
padding-left: 0px;
min-height: 380px;
}
.p-foundation-banner img {
width: auto !important;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner {
padding: 54px 80px 54px 80px;
width: 480px;
box-sizing: border-box;
}
.p-foundation-banner .p-banner-content .p-banner-content-inner.p-odd-content {
padding-left: 0px;
padding-right: 54px;
width: 480px;
box-sizing: border-box;
float: right;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-tpl14-downloadcard {
width: 100%;
max-width: 960px;
margin: 0 auto !important;
}
.p-tpl14-downloadcard .p-template-content .p-heading-02 {
margin-bottom: 10px !important;
margin-top: 0px !important;
color: #0089c4;
font-size: 30px;
padding-left: 0px !important;
line-height: 32px;
}
.p-tpl14-downloadcard .p-template-content .p-heading-04 {
font-size: 15px;
color: #000000;
margin-bottom: 10px;
}
.p-tpl14-downloadcard .p-template-content .p-body-copy-02 {
margin-bottom: 36px;
font-size: 15px;
}
.p-tpl14-downloadcard .p-template-image {
text-align: right;
}
.p-tpl14-downloadcard .p-template-share-inner {
width: 100%;
position: absolute;
bottom: 0px;
margin-bottom: 6px;
}
.p-tpl14-downloadcard .p-template-share-inner .p-icon-social {
margin-right: 10px !important;
}
.p-tpl14-downloadcard .p-template-share-inner .p-button.p-large {
margin-top: -5px;
}
.p-tpl14-downloadcard .p-template-share-inner .sc05.sc05-social-media-bar {
float: left;
}
.p-even .p-tpl14-downloadcard .p-template-content,
.p-even .p-tpl14-downloadcard .p-template-share-inner {
float: right;
}
.p-even .p-tpl14-downloadcard .p-template-image {
text-align: left;
}
@media screen and (max-width: 700px) {
.p-tpl14-downloadcard .p-template-image {
text-align: left;
}
.p-tpl14-downloadcard .p-template-share {
margin-top: 20px;
}
.p-tpl14-downloadcard .p-template-share .p-template-share-inner {
width: 100%;
position: relative;
}
.p-even .p-tpl14-downloadcard .p-template-content,
.p-even .p-tpl14-downloadcard .p-template-share-inner {
float: left;
}
.p-even .p-tpl14-downloadcard .p-template-image {
text-align: left;
}
}
.p-li-geobar-notification {
background-color: #631d76;
z-index: auto;
}
.p-li-geobar-notification .p-li-geobar-notification-inner {
max-width: 960px;
margin: 0 auto;
text-align: right;
}
.p-li-geobar-notification .p-notification-content-item {
vertical-align: middle;
display: inline-block;
}
.p-li-geobar-notification .p-notification-content-item.p-text-container {
margin-right: 3px;
max-width: 590px;
}
.p-li-geobar-notification .p-notification-content-item.p-dropdown-container {
margin-right: 5px;
text-align: left;
}
.p-li-geobar-notification .p-notification-content-item.p-dropdown-container .p-select {
min-width: 150px;
display: inline-block;
}
.p-li-geobar-notification .p-notification-content-item.p-dropdown-container .p-select span {
width: auto;
}
.p-li-geobar-notification .p-notification-content-item .p-button {
margin-right: 0;
}
.p-li-geobar-notification .p-notification-content-item .p-close {
vertical-align: middle;
}
[dir=rtl] .p-li-geobar-notification .p-li-geobar-notification-inner {
text-align: left;
}
[dir=rtl] .p-li-geobar-notification .p-notification-content-item.p-text-container {
margin-left: 3px;
}
[dir=rtl] .p-li-geobar-notification .p-notification-content-item.p-dropdown-container {
margin-left: 5px;
text-align: right;
}
[dir=rtl] .p-li-geobar-notification .p-notification-content-item .p-button {
margin-left: 0;
}
[dir=rtl] .p-select select {
padding-right: 0;
padding-left: 20px;
}
[dir=rtl] .p-select .p-label {
padding-right: 10px;
padding-left: 0;
text-align: right;
}
[dir=rtl] .p-select .p-label:after {
right: unset;
left: 8px;
}
@media screen and (max-width: 960px) {
.p-li-geobar-notification {
padding: 12px 0;
}
.p-li-geobar-notification .p-li-geobar-notification-inner {
text-align: center;
}
.p-li-geobar-notification .p-notification-content-item {
float: left;
width: 46%;
margin: 0 2%;
display: block;
}
.p-li-geobar-notification .p-notification-content-item.p-text-container {
width: 100%;
margin: 0px 0px 10px 0px;
display: block;
max-width: none;
}
.p-li-geobar-notification .p-notification-content-item.p-text-container .p-text {
display: block;
width: 90%;
padding: 0;
text-align: left;
margin-left: 10px;
}
.p-li-geobar-notification .p-notification-content-item.p-close-button-container {
width: auto;
position: absolute;
right: 0px;
}
.p-li-geobar-notification .p-notification-content-item.p-dropdown-container {
padding-right: 0;
}
.p-li-geobar-notification .p-notification-content-item.p-dropdown-container .p-select {
display: block;
}
.p-li-geobar-notification .p-notification-content-item .p-button {
width: 100%;
display: block;
}
[dir=rtl] .p-li-geobar-notification .p-notification-content-item.p-text-container {
text-align: center;
}
[dir=rtl] .p-li-geobar-notification .p-notification-content-item.p-dropdown-container {
padding-left: 0;
}
}
/*
Defaults
---------------------------*/
.p-s08v2-technical-specifications .p-able,
.p-s08v2-technical-specifications .p-unable {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.p-s08v2-technical-specifications .p-able span,
.p-s08v2-technical-specifications .p-unable span {
float: left;
text-indent: -9999em;
height: 0px;
}
.p-s08v2-technical-specifications .p-able:after,
.p-s08v2-technical-specifications .p-unable:after {
font-family: 'philips-global-icon-font';
font-style: normal;
font-size: 17px;
}
.p-s08v2-technical-specifications .p-able span {
float: left;
text-indent: -9999em;
height: 0px;
}
.p-s08v2-technical-specifications .p-able:after {
content: "\e204";
color: #b6bf00;
}
.p-s08v2-technical-specifications .p-unable:after {
content: "\2014";
color: #bbbbbb;
}
.p-s08v2-technical-specifications .p-toggle {
display: none;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(1) {
width: 60%;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(2) {
width: 40%;
}
/*
Min Width 701
---------------------------*/
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-specification-chapter {
margin-bottom: 30px;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-specification-chapter .p-title {
margin: 25px 0px 13px 0px;
font-size: 21px;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content .p-dynamic-row:nth-child(n+1) {
padding-top: 8px;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(1) {
width: 60%;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(2) {
width: 40%;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-toggle {
display: block;
text-align: center;
padding: 14px 0px 0px 0px;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications .p-toggle.p-toggle-head {
display: inline-block;
width: auto;
padding: 0px 10px 0px 20px;
}
.s08v2-technical-specifications-m .p-s08v2-technical-specifications.p-inverted .p-title {
color: #ffffff;
}
@media screen and (min-width: 701px) {
.p-s08v2-technical-specifications .p-specification-chapter {
margin-bottom: 30px;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-title {
margin: 25px 0px 13px 0px;
font-size: 21px;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content .p-dynamic-row:nth-child(n+1) {
padding-top: 8px;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(1) {
width: 60%;
}
.p-s08v2-technical-specifications .p-specification-chapter .p-chapter-content tr > td:nth-child(2) {
width: 40%;
}
.p-s08v2-technical-specifications .p-toggle {
display: block;
text-align: center;
padding: 14px 0px 0px 0px;
}
.p-s08v2-technical-specifications .p-toggle.p-toggle-head {
display: inline-block;
width: auto;
padding: 0px 10px 0px 20px;
}
.p-s08v2-technical-specifications.p-inverted .p-title {
color: #ffffff;
}
}
/*
Local variables
---------------------------*/
.p-s08-technical-specifications {
position: relative;
}
.p-s08-technical-specifications:after {
content: "";
display: table;
clear: both;
}
.p-s08-technical-specifications .p-able,
.p-s08-technical-specifications .p-unable {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.p-s08-technical-specifications .p-able span,
.p-s08-technical-specifications .p-unable span {
float: left;
text-indent: -9999em;
height: 0px;
}
.p-s08-technical-specifications .p-able:after,
.p-s08-technical-specifications .p-unable:after {
font-family: 'philips-global-icon-font';
font-style: normal;
font-size: 17px;
}
.p-s08-technical-specifications .p-able span {
float: left;
text-indent: -9999em;
height: 0px;
}
.p-s08-technical-specifications .p-able:after {
content: "\e204";
color: #b6bf00;
}
.p-s08-technical-specifications .p-unable:after {
content: "\2014";
color: #bbbbbb;
}
.p-s08-technical-specifications .p-component-buttons {
clear: both;
}
.p-s08-technical-specifications .p-component-buttons .p-toggle-item {
text-align: right;
padding-top: 20px;
}
.p-s08-technical-specifications .p-component-buttons .p-show-unfold {
cursor: pointer;
font-size: 15px;
margin-top: 40px;
padding-right: 35px;
width: 18%;
position: relative;
}
.p-s08-technical-specifications .p-component-buttons .p-show-unfold:after {
font-family: 'philips-global-icon-font';
position: absolute;
right: 4px;
}
.p-s08-technical-specifications .p-component-buttons .p-show-unfold.seeall:after {
content: "\e201";
}
.p-s08-technical-specifications .p-component-buttons .p-show-unfold.hideall:after {
content: "\e200";
}
.p-s08-technical-specifications .p-circle {
margin-bottom: -5px;
}
.p-s08-technical-specifications .p-col-specs {
list-style: none;
float: left;
width: 47.917%;
margin-left: 4%;
color: #3c3c3c;
}
.p-s08-technical-specifications .p-col-specs > li {
padding-bottom: 7px;
}
.p-s08-technical-specifications .p-col-specs .p-spec-title {
margin-bottom: 14px;
}
.p-s08-technical-specifications .p-col-first {
margin-left: 0;
}
.p-s08-technical-specifications .p-specs-main-list {
list-style: none;
margin: 0;
padding: 16px 20px 16px 20px;
margin-bottom: 19px;
background: #f7f7f9;
border: 1px solid #e0e0e0;
font-size: 13px;
line-height: 20px;
}
.p-s08-technical-specifications .p-specs-main-list:after {
content: "";
display: table;
clear: both;
}
.p-s08-technical-specifications .p-specs-main-list > li {
padding-top: 19px;
}
.p-s08-technical-specifications .p-specs-main-list > li:first-child {
padding-top: 0;
}
.p-s08-technical-specifications .p-specs-main-list dt,
.p-s08-technical-specifications .p-specs-main-list dd {
float: left;
margin: 0;
word-wrap: break-word;
padding-top: 19px;
}
.p-s08-technical-specifications .p-specs-main-list dt:first-child,
.p-s08-technical-specifications .p-specs-main-list dd:nth-child(2) {
padding-top: 0;
}
.p-s08-technical-specifications .p-specs-main-list dt {
width: 50%;
color: #5d6678;
padding-right: 2%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: left;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-s08-technical-specifications .p-specs-main-list dd {
color: #3c3c3c;
width: 50%;
}
/*
MEDIA XS S ISOLATE
---------------------------*/
@media screen and (max-width: 700px) {
.p-s08-technical-specifications .p-col-specs {
width: auto;
float: none;
margin-left: 0;
}
.p-s08-technical-specifications .p-col-specs .p-specs-main-list {
display: none;
background: transparent;
border: 0;
}
.p-s08-technical-specifications .p-col-specs .p-spec-title {
position: relative;
background: #d9edf6;
margin: 0;
padding: 7px 50px 7px 10px;
font-size: 14px;
line-height: 21px;
border-radius: 2px 2px 2px 2px;
color: #0089c4;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
cursor: pointer;
}
.p-s08-technical-specifications .p-col-specs .p-spec-title:after {
content: "\e201";
display: block;
font-family: 'philips-global-icon-font';
line-height: 35px;
position: absolute;
right: 14px;
top: 0;
}
.p-s08-technical-specifications .p-col-specs > li {
margin-bottom: 2px;
padding-bottom: 0;
border-radius: 2px 2px 2px 2px;
}
.p-s08-technical-specifications .p-col-specs > li.p-active .p-specs-main-list {
display: block;
}
.p-s08-technical-specifications .p-col-specs > li.p-active .p-spec-title:after {
content: "\e200";
}
}
.p-s14-eco-passport-banner {
position: relative;
}
.p-s14-eco-passport-banner:after {
content: "";
display: table;
clear: both;
}
.p-s14-eco-passport-banner .p-image {
display: block;
text-align: center;
}
.p-s14-eco-passport-banner .p-image:after {
content: "";
display: table;
clear: both;
}
.p-s14-eco-passport-banner .p-image .p-img-container {
display: inline;
vertical-align: middle;
padding: 20px 20px 20px 20px;
}
.p-s14-eco-passport-banner .p-image .p-img-container img {
width: 100%;
}
.p-s14-eco-passport-banner .p-text {
margin-bottom: 14px;
}
.p-s14-eco-passport-banner .p-banner-button .p-button {
font-size: 11px;
}
.p-s14-eco-passport-banner .p-banner-button .p-button:after {
display: none;
}
.p-s14-eco-passport-banner .p-component-image {
margin-bottom: 14px;
}
.p-s14-eco-passport-banner .p-icons {
margin: 0 auto;
max-width: 200px;
}
.p-s14-eco-passport-banner .p-icons.p-icn-4,
.p-s14-eco-passport-banner .p-icons.p-icn-2,
.p-s14-eco-passport-banner .p-icons.p-icn-1 {
max-width: 150px;
}
.p-s14-eco-passport-banner .p-icons.p-icn-3 {
max-width: 200px;
}
.p-s14-eco-passport-banner .p-icons li {
display: inline-block;
width: 52px;
height: 52px;
border-radius: 26px;
color: #ffffff;
text-align: center;
-webkit-font-smoothing: antialiased;
font-size: 36px;
line-height: 52px;
margin: 6px 5px 6px 4px;
}
.p-s14-eco-passport-banner .p-icons li:after {
font-family: 'philips-icon';
}
.p-s14-eco-passport-banner .p-icons li.p-energy {
background: #5ca400;
}
.p-s14-eco-passport-banner .p-icons li.p-energy:after {
content: "\002f";
}
.p-s14-eco-passport-banner .p-icons li.p-weight {
background: #00a7bc;
}
.p-s14-eco-passport-banner .p-icons li.p-weight:after {
content: "\0031";
}
.p-s14-eco-passport-banner .p-icons li.p-recycling {
background: #992c96;
}
.p-s14-eco-passport-banner .p-icons li.p-recycling:after {
content: "\0030";
}
.p-s14-eco-passport-banner .p-icons li.p-substances {
background: #df2823;
}
.p-s14-eco-passport-banner .p-icons li.p-substances:after {
content: "\002e";
}
.p-s14-eco-passport-banner .p-icons li.p-packaging {
background: #f58f08;
}
.p-s14-eco-passport-banner .p-icons li.p-packaging:after {
content: "\0032";
}
.p-s14-eco-passport-banner .p-icons li.p-reliability {
background: #005aff;
}
.p-s14-eco-passport-banner .p-icons li.p-reliability:after {
content: "\002d";
}
/* MEDIA S ISOLATE ---------------------------*/
/* MEDIA MEDIUM ---------------------------*/
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s14-eco-passport-banner .p-icons {
max-width: 100%;
}
}
@media screen and (min-width: 701px) {
.p-s14-eco-passport-banner .p-m-title {
float: right;
}
.p-s14-eco-passport-banner .p-component-image {
float: left;
margin-bottom: 0;
}
.p-s14-eco-passport-banner-inverted {
position: relative;
}
.p-s14-eco-passport-banner-inverted .p-m-title,
.p-s14-eco-passport-banner-inverted .p-component-content {
float: left;
}
.p-s14-eco-passport-banner-inverted .p-component-image {
float: right;
}
}
/*
Cursors
-------------------------*/
/*
Local variables
---------------------------*/
.p-p18v2-disable-scroll {
overflow-y: hidden;
}
/*
Defaults
---------------------------*/
.p-p18v2-pex-area {
position: relative;
}
.p-p18v2-pex-area .p-bottom-info-wrapper .p-version-elements {
margin-top: 20px;
}
.p-p18v2-pex-area .p-partner-logo-wrapper {
max-width: 960px;
margin: 0 auto;
}
.p-p18v2-pex-area .p-partner-logo-wrapper .p-top-wrapper {
margin-top: -45px;
text-align: right;
}
.p-p18v2-pex-area .p-price-info-wrapper {
margin-top: 20px;
}
.p-p18v2-pex-area .p-p01v2-find-retailer > .p-row-gutter {
padding-left: 0;
padding-right: 0;
}
.p-p18v2-pex-area .p-top-wrapper {
position: relative;
overflow: hidden;
}
.p-p18v2-pex-area .p-product-title {
color: #252525;
display: inline;
}
.p-p18v2-pex-area .p-heading-02 {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
margin-bottom: 0;
letter-spacing: 0;
}
.p-p18v2-pex-area .p-heading-03 {
letter-spacing: 0;
text-align: left;
}
.p-p18v2-pex-area .p-type {
display: inline-block;
margin-top: 4px;
margin-right: 15px;
}
.p-p18v2-pex-area .p-icon-360-rotate,
.p-p18v2-pex-area .p-icon-360-reset {
color: #0039a6;
font-size: 20px;
}
.p-p18v2-pex-area .p-inner-wrapper {
max-width: 960px;
margin: 0 auto;
}
.p-p18v2-pex-area .p-caption {
text-align: center;
padding-top: 14px;
padding-bottom: 14px;
}
.p-p18v2-pex-area .p-viewer {
position: relative;
}
.p-p18v2-pex-area .p-viewer > li {
position: absolute;
left: 100%;
top: 0px;
width: 100%;
}
.p-p18v2-pex-area .p-viewer > li:after {
content: "";
display: table;
clear: both;
}
.p-p18v2-pex-area .p-viewer > li.p-current {
left: 0px;
position: relative;
}
.p-p18v2-pex-area .p-viewer > li.p-current .p-normal-view {
display: block;
}
.p-p18v2-pex-area .p-viewer > li.p-new-slide .p-normal-view {
display: block;
}
.p-p18v2-pex-area .p-close {
display: none;
}
.p-p18v2-pex-area .p-close.p-viewer-close {
display: block;
z-index: 1;
}
.p-p18v2-pex-area .p-icon-fullscreen-small:after,
.p-p18v2-pex-area .p-icon-exit-fullscreen-small:after {
position: relative;
top: 4px;
left: 8px;
}
.p-p18v2-pex-area .p-zoom-in,
.p-p18v2-pex-area .p-zoom-out {
position: absolute;
display: none;
background: #f7f7f9;
z-index: 3;
top: 0;
width: 30px;
height: 30px;
}
.p-p18v2-pex-area .p-zoom-in:before,
.p-p18v2-pex-area .p-zoom-out:before {
display: block;
text-align: center;
color: #0066a1;
line-height: 30px;
font-size: 22px;
}
.p-p18v2-pex-area .p-zoom-in:hover,
.p-p18v2-pex-area .p-zoom-out:hover {
text-decoration: none;
}
.p-p18v2-pex-area.p-show-360 .p-360-viewer,
.p-p18v2-pex-area.p-loaded-360 .p-360-viewer {
display: block;
}
.p-p18v2-pex-area.p-show-360 .p-color-variations,
.p-p18v2-pex-area.p-show-360 .p-product-variations {
display: none;
}
.p-p18v2-pex-area.p-show-360 .p-icon-360-reset {
color: #888b9c;
}
.p-p18v2-pex-area.p-show-360 .p-energy-sticker {
display: none;
}
.p-p18v2-pex-area .p-360-viewer {
display: none;
position: absolute;
background: #ffffff;
z-index: 1;
cursor: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/cursor-360.png) 30 0, auto;
cursor: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/cursor-360.cur) 30 0, auto;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.p-p18v2-pex-area .p-zoom-wrapper {
display: none;
}
.p-p18v2-pex-area .p-zoom-wrapper img {
position: relative;
left: 50%;
}
.p-p18v2-pex-area .p-product-image {
display: none;
}
.p-p18v2-pex-area .p-product-image.p-show {
display: block;
}
.p-p18v2-pex-area .p-product-image.p-zoom-show {
display: block;
position: absolute;
overflow: hidden;
top: 0px;
height: 1px;
}
.p-p18v2-pex-area .p-normal-view {
display: block;
}
.p-p18v2-pex-area .p-normal-view span {
display: block;
}
.p-p18v2-pex-area .p-normal-view img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.p-p18v2-pex-area .p-current {
position: relative;
}
.p-p18v2-pex-area .p-s-reset-button {
display: none;
}
.p-p18v2-pex-area .p-s-slider-nav {
display: none;
}
.p-p18v2-pex-area .p-s-slider-nav.p-show {
display: block;
}
.p-p18v2-pex-area .p-s-slider-nav li {
position: absolute;
top: 50%;
z-index: 2;
left: 0px;
width: 32px;
height: 44px;
margin-top: -22px;
}
.p-p18v2-pex-area .p-s-slider-nav li.p-next {
left: auto;
right: 0px;
}
.p-p18v2-pex-area .p-s-slider-nav button {
display: block;
background: #ffffff;
width: 32px;
height: 44px;
border-radius: 0px 4px 4px 0px;
}
.p-p18v2-pex-area .p-s-slider-nav .p-next button {
border-radius: 4px 0px 0px 4px;
}
.test-touch .p-p18v2-pex-area .p-s-slider-nav .p-nav-prev.p-active:hover i,
.test-touch .p-p18v2-pex-area .p-s-slider-nav .p-nav-next.p-active:hover i {
color: #0089c4;
}
.p-p18v2-pex-area .p-packshot {
width: 48.854167%;
float: left;
}
.p-p18v2-pex-area .p-packshot .p-sub-title {
display: none;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper {
position: relative;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper img {
display: block;
max-width: 100%;
margin: 0 auto;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-sticker-wrapper.p-energy-sticker img {
width: auto;
height: 30px;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake li {
position: absolute;
top: 50%;
z-index: 2;
left: 0px;
width: 32px;
height: 44px;
margin-top: -22px;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake li.p-next {
left: auto;
right: 0px;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake button {
display: block;
background: #ffffff;
width: 32px;
height: 44px;
border-radius: 0px 4px 4px 0px;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake .p-next button {
border-radius: 4px 0px 0px 4px;
}
.test-touch .p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake .p-nav-prev.p-active:hover i,
.test-touch .p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-normal-view .p-s-slider-nav-fake .p-nav-next.p-active:hover i {
color: #0089c4;
}
.p-p18v2-pex-area .p-packshot .p-360-viewer img {
max-width: none;
}
.p-p18v2-pex-area .p-packshot .p-sticker-wrapper {
position: absolute;
}
.p-p18v2-pex-area .p-packshot .p-sticker {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 70px;
height: 70px;
}
.p-p18v2-pex-area .p-packshot .p-energy-sticker {
right: 9px;
top: 20px;
z-index: 2;
}
.p-p18v2-pex-area .p-packshot .p-energy-sticker .p-sticker {
width: auto;
height: auto;
}
.p-p18v2-pex-area .p-packshot .p-energy-sticker.p-energy-sticker-label {
top: 75px;
margin-right: -5px;
}
.p-p18v2-pex-area .p-packshot .p-award-sticker-wrapper {
margin-top: -58px;
margin-left: 7px;
}
.p-p18v2-pex-area .p-packshot .p-award-sticker {
display: inline-block;
}
.p-p18v2-pex-area .p-packshot .p-award-sticker img {
max-width: 66px;
max-height: 66px;
}
.p-p18v2-pex-area .p-packshot .p-feature-sticker {
right: 0px;
bottom: 0px;
}
.p-p18v2-pex-area .p-packshot .p-discount-sticker {
top: 44px;
left: 14px;
}
.p-p18v2-pex-area .p-packshot-options {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}
.p-p18v2-pex-area .p-360 {
display: inline-block;
color: #5d6678;
vertical-align: top;
height: 20px;
padding-left: 15px;
padding-right: 15px;
}
.p-p18v2-pex-area .p-360:hover {
text-decoration: none;
}
.p-p18v2-pex-area .p-360 .p-icon-360 {
margin-left: 3px;
}
.p-p18v2-pex-area .p-color-variations {
vertical-align: top;
padding-left: 15px;
padding-right: 15px;
}
.p-p18v2-pex-area .p-color-variations .p-active img {
margin: 2px 2px 2px 2px;
}
.p-p18v2-pex-area .p-info-wrapper {
position: relative;
width: 48.854167%;
float: right;
padding-right: 30px;
padding-left: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-p18v2-pex-area .p-info-wrapper .p-hld-preview-3d {
display: none;
margin-bottom: 32px;
}
.p-p18v2-pex-area .p-info-wrapper .p-hld-preview-3d .p-button:after {
position: absolute;
display: block;
content: "";
width: 67px;
height: 62px;
top: -13px;
right: -62px;
background: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/hld_3dcube.png);
}
.p-p18v2-pex-area .p-rating-wrapper {
margin-top: 26px;
margin-bottom: 32px;
}
.p-p18v2-pex-area .pdc-rar-widget .pdc-rar-em {
color: #7d0063;
margin-left: 15px;
}
.p-p18v2-pex-area .pdc-rar-widget .pdc-rar-avg i {
margin-top: -5px;
}
.p-p18v2-pex-area .p-rating:after {
content: "";
display: table;
clear: both;
}
.p-p18v2-pex-area .p-rating .p-rate,
.p-p18v2-pex-area .p-rating .p-rating-display {
float: left;
}
.p-p18v2-pex-area .p-rating .p-tooltip-btn {
display: inline;
}
.p-p18v2-pex-area .p-rating.p-multiline {
margin-bottom: 27px;
}
.p-p18v2-pex-area .p-rating.p-multiline .p-rate,
.p-p18v2-pex-area .p-rating.p-multiline .p-rating-display {
float: none;
}
.p-p18v2-pex-area .p-rating.p-multiline .p-reviews li:first-child {
padding-left: 0px;
}
.p-p18v2-pex-area .p-reviews {
display: block;
overflow: hidden;
position: relative;
top: 2px;
}
.p-p18v2-pex-area .p-reviews li {
position: relative;
float: left;
color: #5d6678;
padding: 0px 14px 0px 14px;
}
.p-p18v2-pex-area .p-reviews li:first-child {
border-left: 0px solid #7d0063;
padding-left: 18px;
}
.p-p18v2-pex-area .p-reviews li:first-child:after {
content: '';
display: block;
position: absolute;
background: #b9bbc7;
top: 5px;
right: 0px;
height: 11px;
width: 1px;
}
.p-p18v2-pex-area .p-reviews li.nodivider:first-child:after {
content: none;
}
.p-p18v2-pex-area .p-video-item .p-video-holder {
height: 275px;
}
.p-p18v2-pex-area .p-360-viewer .jquery-reel-overlay {
margin: 0 auto;
}
.p-p18v2-pex-area .p-360-viewer .jquery-reel-interface {
height: 100% !important;
}
.p-p18v2-pex-area .p-annotations {
position: absolute;
display: none !important;
}
.p-p18v2-pex-area.p-show-360 .p-annotations {
display: block !important;
}
.p-p18v2-pex-area .jquery-reel-annotation {
overflow: hidden;
z-index: 1;
cursor: pointer;
border: none;
background: #0089c4;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.p-p18v2-pex-area .jquery-reel-annotation:after {
position: absolute;
top: 0px;
left: 10px;
color: #ffffff;
font-size: 14px;
}
.p-p18v2-pex-area .jquery-reel-annotation.p-hover {
overflow: visible;
z-index: 2;
}
.p-p18v2-pex-area .p-viewer360-tooltips {
display: none;
margin: 0 auto;
z-index: 2;
width: 301px;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 {
cursor: pointer;
width: 297px;
height: 74px;
padding: 3px 3px 3px 3px;
background: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-left: 35px;
margin-top: -20px;
display: block;
text-align: left;
font-size: 14px;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-tooltext,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-tooltext {
width: 171px;
text-align: left;
vertical-align: middle;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-tooltext span,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-tooltext span {
padding-left: 8px;
color: #0089c4;
display: inline-block;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-tooltext span:after,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-tooltext span:after {
content: " \203a";
margin-left: 4px;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 img,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 img {
display: block;
border: 1px solid #cccedb;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-toolimg,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-toolimg {
position: relative;
display: block;
width: 120px;
height: 68px;
padding: 0px 0px 0px 0px;
}
.p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-play-button.p-small,
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-play-button.p-small {
position: absolute;
margin: auto;
left: 5px;
bottom: 5px;
}
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 {
margin-left: 0px;
}
.p-p18v2-pex-area .p-360-viewer.p-load-image > img {
max-height: 329px;
}
.p-p18v2-pex-area .p-reset-button {
background: none;
position: absolute;
display: none;
cursor: pointer;
left: 15px;
}
.p-p18v2-pex-area .p-s-reset-button {
left: -100%;
}
.p-p18v2-pex-area .p-video {
display: none;
}
.p-p18v2-pex-area .p-video .p-play-button {
background: #0089c4;
}
.p-p18v2-pex-area .p-video .p-pause-large {
margin-top: -28px;
}
.p-p18v2-pex-area .p-video .p-pause-large i {
margin-left: 0px;
}
.p-p18v2-pex-area .p-video .p-pause-large i:after {
content: '\e20b';
}
.p-p18v2-pex-area .p-p20-promotext {
margin-top: 10px;
}
/*
Max Width 700
---------------------------*/
/*
Max Width 450
---------------------------*/
/*
Min Width 451 and Max Width 700
---------------------------*/
/*
Min Width 701 and Max Width 960
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
L Breakpoint
---------------------------*/
@media screen and (max-width: 700px) {
.p-p18v2-pex-area {
overflow-x: hidden;
}
.p-p18v2-pex-area .p-p01v2-find-retailer > .p-row-gutter {
padding-bottom: 0;
}
.p-p18v2-pex-area .p-rating-wrapper {
text-align: center;
margin-top: 20px;
margin-bottom: 17px;
}
.p-p18v2-pex-area:after {
display: none;
}
.p-p18v2-pex-area .p-product-title,
.p-p18v2-pex-area .p-sub-title,
.p-p18v2-pex-area .p-type {
display: none;
}
.p-p18v2-pex-area .p-jp-product-info .p-product-title,
.p-p18v2-pex-area .p-jp-product-info .p-sub-title,
.p-p18v2-pex-area .p-jp-product-info .p-type {
display: inline;
}
.p-p18v2-pex-area .p-rating .p-rate,
.p-p18v2-pex-area .p-rating .p-rating-display {
float: none;
}
.p-p18v2-pex-area .p-rating .p-reviews {
margin-top: 5px;
}
.p-p18v2-pex-area .p-rating .p-reviews li {
float: none;
display: inline-block;
}
.p-p18v2-pex-area .p-type {
margin-left: 4px;
margin-right: 15px;
}
.p-p18v2-pex-area .p-type:before {
width: 1px;
height: 16px;
display: inline-block;
content: '';
margin-right: 5px;
position: relative;
top: 3px;
}
.p-p18v2-pex-area.p-show-360 .p-360-viewer {
top: 0px;
position: static;
display: block;
min-height: 200px;
}
.p-p18v2-pex-area.p-show-360 .p-packshot .p-picture,
.p-p18v2-pex-area.p-show-360 .p-packshot .p-normal-view,
.p-p18v2-pex-area.p-show-360 .p-packshot .p-stickers,
.p-p18v2-pex-area.p-show-360 .p-packshot .p-packshot-options {
display: none !important;
}
.p-p18v2-pex-area .p-viewer {
overflow: hidden;
padding-bottom: 1px;
}
.p-p18v2-pex-area .p-top-wrapper {
padding-bottom: 0px;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers {
display: none;
position: absolute;
font-size: 13px;
line-height: 16px;
color: #888b9c;
right: 2%;
top: 50%;
margin-top: -8px;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers.p-show {
display: block;
}
.p-p18v2-pex-area .p-packshot,
.p-p18v2-pex-area .p-info-wrapper {
width: auto;
height: auto;
float: none;
}
.p-p18v2-pex-area .p-packshot {
padding-top: 0px;
}
.p-p18v2-pex-area .p-packshot .p-sub-title {
display: inline-block;
}
.p-p18v2-pex-area .p-packshot .p-jp-sub-title {
display: none;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper {
height: auto;
}
.p-p18v2-pex-area .p-packshot .p-sticker {
width: 50px;
height: 50px;
}
.p-p18v2-pex-area .p-packshot .p-feature-sticker,
.p-p18v2-pex-area .p-packshot .p-energy-sticker {
right: 0px;
}
.p-p18v2-pex-area .p-packshot .p-discount-sticker {
left: 0px;
}
.p-p18v2-pex-area .p-packshot .p-energy-sticker,
.p-p18v2-pex-area .p-packshot .p-discount-sticker {
top: 6px;
}
.p-p18v2-pex-area .p-packshot-options {
padding-top: 5px;
padding-bottom: 15px;
}
.p-p18v2-pex-area .p-packshot-options .p-360 {
display: none;
}
.p-p18v2-pex-area .p-product-info {
display: none;
}
.p-p18v2-pex-area .p-jp-product-info {
display: block;
}
.p-p18v2-pex-area .p-video-item .p-heading-03 {
padding-left: 16px;
padding-right: 16px;
}
.p-p18v2-pex-area .p-reset-button {
bottom: 0px;
display: none;
}
.p-p18v2-pex-area .p-s-reset-button {
position: absolute;
left: 2%;
top: 50%;
bottom: auto;
cursor: pointer;
margin-top: -10px;
}
.p-p18v2-pex-area .p-s-reset-button.p-show {
display: block;
}
.p-p18v2-pex-area .p-viewer360-tooltips {
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: -10px;
}
.p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 {
margin: 0 auto;
}
.p-p18v2-pex-area .p-video .p-controls {
padding-bottom: 0px;
}
.p-p18v2-pex-area .p-volume-handle {
z-index: 3;
}
.p-no-controls .p-p18v2-pex-area .p-video-holder {
margin: 0px 32px 0px 32px;
}
.p-no-controls .p-p18v2-pex-area .p-holder {
position: relative;
padding-top: 56.25%;
height: 0px;
overflow: hidden;
}
.p-no-controls .p-p18v2-pex-area .p-holder .p-video-holder {
position: absolute;
height: auto !important;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.p-no-controls .p-p18v2-pex-area[data-current-category="video"] .p-s-slider-nav li {
margin-top: -2px;
}
.p-p18v2-pex-area .p-p20-promotext {
display: none;
}
.p-inverted .p-p18v2-pex-area .p-gallery-numbers {
color: #888b9c;
}
.p-p18v2-pex-area .p-p01v2-find-retailer .p-microcopy-info {
text-align: center;
}
}
@media screen and (max-width: 450px) {
.p-p18v2-pex-area {
display: flex;
flex-direction: column;
}
.p-p18v2-pex-area__t05-cross-selling-products {
order: 1;
}
.p-p18v2-pex-area .p-360-viewer.p-load-image > img {
max-height: 200px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-p18v2-pex-area {
display: flex;
flex-direction: column;
}
.p-p18v2-pex-area__t05-cross-selling-products {
order: 1;
}
.p-p18v2-pex-area .p-360-viewer.p-load-image > img {
max-height: 314px;
}
.p-p18v2-pex-area.p-show-360 .p-360-viewer,
.p-p18v2-pex-area.p-loaded-360 .p-360-viewer {
min-height: 314px;
}
.p-p18v2-pex-area .p-video-item .p-video-holder {
height: 389px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-p18v2-pex-area .p-type {
margin-top: 8px;
}
}
@media screen and (min-width: 701px) {
.p-p18v2-pex-area .p-360 {
padding-right: 5px;
padding-bottom: 5px;
}
.p-p18v2-pex-area.p-zoom-packshot .p-stickers,
.p-p18v2-pex-area.p-zoom-packshot .p-packshot {
position: relative;
float: none;
}
.p-p18v2-pex-area.p-zoom-packshot .p-info-wrapper {
position: absolute;
left: 50%;
top: 0px;
}
.p-p18v2-pex-area .p-show-button {
display: block;
}
.p-p18v2-pex-area .p-zoom-in.p-show,
.p-p18v2-pex-area .p-zoom-out.p-show {
display: block;
}
.p-p18v2-pex-area .p-close {
position: absolute;
z-index: 3;
right: 10px;
top: 10px;
}
.p-p18v2-pex-area .p-inner-wrapper {
overflow: hidden;
}
.p-p18v2-pex-area .p-image-item {
cursor: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/magnifier-plus.png), auto;
}
.p-p18v2-pex-area .p-caption {
padding-bottom: 0px;
}
.p-p18v2-pex-area .p-video-item {
margin: 0 auto;
width: 626px;
padding-top: 14px;
}
.p-p18v2-pex-area .p-video-item .p-video-holder {
height: 441px;
}
.p-p18v2-pex-area .p-zoom-wrapper {
position: absolute;
z-index: 2;
cursor: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/magnifier-plus.png), auto;
top: 0px;
left: 0px;
right: 0px;
}
.p-p18v2-pex-area .p-zoom-wrapper img {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.p-p18v2-pex-area .p-zoom-wrapper .p-product-image.p-zoom.p-show img {
max-width: 960px;
}
.p-p18v2-pex-area .p-zoom-wrapper.p-show {
display: block;
}
.p-p18v2-pex-area.p-zoomed-full .p-zoom-wrapper {
cursor: url(../../philips/clientlibs/foundation-catalog/clientlibs-css-rb2014/img/p18-pex-area-v2/magnifier-min.png), auto;
}
.p-p18v2-pex-area .p-normal-view img {
display: block;
max-width: 900px;
}
.p-p18v2-pex-area .p-packshot-item .p-normal-view img {
height: 341px;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper .p-award-sticker-wrapper {
margin-top: -70px;
}
.p-p18v2-pex-area .p-packshot-options {
padding-top: 5px;
padding-bottom: 10px;
}
}
@media screen and (min-width: 961px) {
.p-p18v2-pex-area .p-packshot-item .p-normal-view img {
height: 435px;
width: 494px;
}
.p-p18v2-pex-area .p-packshot {
width: 55%;
}
.p-p18v2-pex-area .p-info-wrapper {
width: 45%;
padding-right: 10px;
padding-left: 0;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-p18v2-pex-area .p-product-title {
color: #252525;
}
.p-inverted .p-p18v2-pex-area .p-icon-360-reset {
color: #0039a6;
}
.p-inverted .p-p18v2-pex-area.p-show-360 .p-icon-360-reset {
color: #888b9c;
}
.p-inverted .p-p18v2-pex-area .p-zoom-in,
.p-inverted .p-p18v2-pex-area .p-zoom-out {
background: #f7f7f9;
}
.p-inverted .p-p18v2-pex-area .p-zoom-in:before,
.p-inverted .p-p18v2-pex-area .p-zoom-out:before {
color: #0066a1;
}
.p-inverted .p-p18v2-pex-area .p-360-viewer {
background: #ffffff;
}
.p-inverted .p-p18v2-pex-area .p-s-slider-nav button {
background: #ffffff;
}
.test-touch .p-inverted .p-p18v2-pex-area .p-s-slider-nav .p-nav-prev.p-active:hover i,
.test-touch .p-inverted .p-p18v2-pex-area .p-s-slider-nav .p-nav-next.p-active:hover i {
color: #0089c4;
}
.p-inverted .p-p18v2-pex-area .p-360 {
color: #5d6678;
}
.p-inverted .p-p18v2-pex-area .p-reviews li {
color: #5d6678;
}
.p-inverted .p-p18v2-pex-area .p-reviews li:first-child:after {
background: #b9bbc7;
}
.p-inverted .p-p18v2-pex-area .jquery-reel-annotation {
background: #0089c4;
}
.p-inverted .p-p18v2-pex-area .jquery-reel-annotation:after {
color: #ffffff;
}
.p-inverted .p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360,
.p-inverted .p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 {
background: #ffffff;
}
.p-inverted .p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 .p-tooltext span,
.p-inverted .p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 .p-tooltext span {
color: #0089c4;
}
.p-inverted .p-p18v2-pex-area .jquery-reel-annotation .p-tooltip-360 img,
.p-inverted .p-p18v2-pex-area .p-viewer360-tooltips .p-tooltip-360 img {
border: 1px solid #cccedb;
}
/*
Max Width 700
---------------------------*/
/* In @M/L on click p18v2 .p-link-more, href to #see-all-benefits,
avoid .p-p15-pdp-navigation position fixed
--------------------------------------------------------- */
@media screen and (min-width: 701px) {
#see-all-benefits {
margin-top: -209px;
padding-top: 209px;
}
}
.p-p18v2-pex-area .p-thumbstrip {
border: none;
background: none;
padding: 34px 80px 0px 80px;
}
.p-p18v2-pex-area .p-thumbstrip .p-render-gallery-button,
.p-p18v2-pex-area .p-thumbstrip .p-render-video-button {
display: none;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-wrapper {
position: relative;
overflow: hidden;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers {
display: none;
position: absolute;
top: 3px;
right: 78px;
color: #888b9c;
text-align: right;
font-size: 11px;
padding-right: 4px;
margin-top: 0px;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers.p-show {
display: block;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers .p-count {
margin-left: 15px;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers .p-download-image {
float: left;
display: none;
}
.p-p18v2-pex-area .p-thumbstrip .p-gallery-numbers .p-download-image.p-show {
display: block;
}
.p-p18v2-pex-area .p-thumbstrip .p-nav-prev,
.p-p18v2-pex-area .p-thumbstrip .p-nav-next {
display: block;
position: absolute;
left: 0;
bottom: 0;
top: 34px;
width: 62px;
height: 79px;
z-index: 1;
cursor: default;
background: none;
}
.p-p18v2-pex-area .p-thumbstrip .p-nav-next {
left: auto;
right: 0;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner {
position: relative;
white-space: nowrap;
font-size: 0;
padding: 0px;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-category-title {
display: none;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-category {
padding-left: 0px;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-category[data-type="image"] .p-slider-item:last-child {
margin-right: 0px;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-slider-item {
background: #ffffff;
display: inline-block;
text-align: center;
width: 142px;
margin-right: 22px;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-slider-item .p-picture img {
width: 140px;
height: 80px;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-play-button {
top: auto;
right: auto;
bottom: 4px;
left: 4px;
opacity: 0.8;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-play-button.p-small i:after {
opacity: 1.0;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner .p-picture {
height: auto;
}
/*
Max Width 450
---------------------------*/
/*
Max Width 700
---------------------------*/
/*
Breakpoints
------------------------------*/
@media screen and (max-width: 700px) {
.p-thumbstrip.p-thumbstrip-change-s {
padding: 0px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories {
display: block;
text-align: center;
padding: 10px 40px 7px 40px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-s-categories .p-pex-link {
color: #7d0063;
}
.p-thumbstrip.p-thumbstrip-change-s .p-gallery-numbers {
display: none;
position: absolute;
font-size: 13px;
line-height: 16px;
right: 2%;
top: 50%;
margin-top: -8px;
}
.p-thumbstrip.p-thumbstrip-change-s .p-gallery-numbers .p-download-image.p-show {
display: none;
}
.p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p-thumbstrip.p-thumbstrip-change-s .p-nav-next {
display: none;
}
}
@media screen and (max-width: 450px) {
.p-p18v2-pex-area .p-thumbstrip.p-thumbstrip-change-s .p-s-categories {
padding: 10px 12px 7px 12px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.tc01-buy-product-v2 .p-price .p-current-price-value {
font-size: 22px;
}
.tc01-buy-product-v2 .p-price .p-current-price-value a:hover {
text-decoration: none;
}
.tc01-buy-product-v2 .p-price .p-current-price-value sup {
font-size: 15px;
vertical-align: text-top;
}
.tc01-buy-product-v2 .p-price .p-price-info {
margin-bottom: 6px;
}
.tc01-buy-product-v2 .p-price-info {
display: block;
font-size: 12px;
}
.tc01-buy-product-v2 .p-wtb-wrapper {
margin-bottom: 11px;
}
.tc01-buy-product-v2 .p-shipping-info {
margin-bottom: 2px;
width: 320px;
}
.tc01-buy-product-v2 .p-icon-questionmark {
background: rgba(0, 137, 196, 0.5);
color: #ffffff;
}
.tc01-buy-product-v2 .p-button-wrapper-buy {
margin-bottom: 14px;
}
.tc01-buy-product-v2 .p-button-wrapper-buy .p-button {
margin-left: 3px;
}
.tc01-buy-product-v2 .p-button-wrapper-buy .p-button:first-child {
margin-left: 0px;
}
.tc01-buy-product-v2 .p-shipping-info {
color: #3c3c3c;
padding-bottom: 14px;
}
.tc01-buy-product-v2 .p-shipping-info:after {
content: "";
display: table;
clear: both;
}
.tc01-buy-product-v2 .p-shipping-info li {
display: inline-block;
vertical-align: middle;
line-height: 11px;
padding-right: 4px;
}
.tc01-buy-product-v2 .p-shipping-info li:first-child {
border-right: 1px solid #3c3c3c;
padding-left: 0px;
}
.tc01-buy-product-v2 .p-shipping-info .p-tooltip {
margin-left: -5px;
}
.tc01-buy-product-v2 .p-shipping-info .p-circle {
vertical-align: middle;
margin-top: -2px;
}
/*
Max Width 700
---------------------------*/
/*
Max Width 450
---------------------------*/
/*
Min Width 451 and Max Width 700
---------------------------*/
/*
Min Width 701 and Max Width 960
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.tc01-buy-product-v2 .p-price-info-wrapper {
position: static;
text-align: center;
}
.tc01-buy-product-v2 .p-current-price-value {
display: block;
text-align: center;
}
.tc01-buy-product-v2 .p-price-info {
text-align: center;
}
.tc01-buy-product-v2 .p-shipping-info {
width: auto;
}
.tc01-buy-product-v2 .p-shipping-info li {
float: none;
display: inline-block;
border-left: 0px solid #7d0063;
padding: 0px 0px 0px 0px;
max-height: none;
line-height: 18px;
margin-left: 6px;
}
.tc01-buy-product-v2 .p-shipping-info li:first-child {
border: 0px solid #7d0063;
position: relative;
margin-left: 0px;
}
.tc01-buy-product-v2 .p-shipping-info li:first-child:before {
content: '';
width: 1px;
height: 12px;
background-color: #3c3c3c;
display: block;
position: absolute;
right: -5px;
top: 3px;
}
.tc01-buy-product-v2 .p-shipping-info .p-tooltip {
vertical-align: middle;
}
.tc01-buy-product-v2 .p-button-wrapper-buy:after {
content: "";
display: table;
clear: both;
}
.tc01-buy-product-v2 .p-button-wrapper-buy .p-button {
width: 48%;
float: left;
margin-left: 16px;
margin-right: 0px;
}
.p-inverted .tc01-buy-product-v2 .p-product-info.p-fixed {
background: #ffffff;
}
}
@media screen and (max-width: 450px) {
.tc01-buy-product-v2 .p-button-wrapper-buy .p-button {
margin-left: 10px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.tc01-buy-product-v2 .p-button-wrapper-buy .p-button {
margin-left: 15px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-price-info-wrapper.p-row-gutter {
padding: 0px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-price-info-wrapper.p-row-gutter {
padding: 0px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .tc01-buy-product-v2 .p-icon-questionmark {
background: rgba(0, 137, 196, 0.5);
color: #ffffff;
}
.p-inverted .tc01-buy-product-v2 .p-shipping-info {
color: #3c3c3c;
}
.p-inverted .tc01-buy-product-v2 .p-shipping-info li:first-child {
border-right: 1px solid #3c3c3c;
}
.p-inverted .tc01-buy-product-v2 .p-refurbished {
color: #e8171f;
}
.p-inverted .tc01-buy-product-v2 .p-product-replaced .p-title {
color: #0089c4;
}
/*
Max Width 700
---------------------------*/
/* WTB buttons */
.tc01-buy-product-v2 .p-wtb-wrapper .p-button,
.tc01-buy-product-v2 .p-wtb-wrapper .wtb-container .wtb-buyonline {
margin-top: 12px;
}
/* --------- @media @XS-S ISOLATE --------- */
@media screen and (max-width: 700px) {
.tc01-buy-product-v2 .p-button,
.tc01-buy-product-v2 .wtb-container .wtb-buyonline {
display: block;
width: 48.2%;
float: left;
margin-right: 0px;
margin-left: 0px;
}
.tc01-buy-product-v2 .p-button:first-child,
.tc01-buy-product-v2 .wtb-container .wtb-buyonline:first-child {
margin-right: 15px;
}
}
@media screen and (max-width: 450px) {
.tc01-buy-product-v2 .p-button,
.tc01-buy-product-v2 .wtb-container .wtb-buyonline {
width: 48%;
margin-left: 15px;
}
.tc01-buy-product-v2 .p-button:first-child,
.tc01-buy-product-v2 .wtb-container .wtb-buyonline:first-child {
margin-left: 0px;
}
}
/* -------------------------------------------
08.09.2014
Temporary styles waiting for CQ5 WTB widget
wainting for proper design and markup
----------------------------------------------*/
#wtb-greyout-mask {
background: #0b0b0b;
position: fixed;
z-index: 9998;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
opacity: 0.6;
display: none;
}
#wtb-widget-dealerlocator {
z-index: 9999;
border: none;
background: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
width: 420px;
}
#wtb-widget-dealerlocator .wtb-widgetheader {
padding: 31px 5px 0px 34px;
}
#wtb-widget-dealerlocator .wtb-widgetheader .wtb-widget-title {
letter-spacing: -0.5px;
font-size: 34px;
line-height: 44px;
color: #323232;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
margin-bottom: 24px;
}
#wtb-widget-dealerlocator .wtb-widgetheader .wtb-widget-close {
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
#wtb-widget-dealerlocator .wtb-widgetheader .wtb-widget-close:after {
content: "\e20f";
margin-left: 6px;
display: inline-block;
font-family: 'philips-global-icon-font';
font-style: normal;
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
}
#wtb-widget-dealerlocator .wtb-widgetheader .wtb-widget-close:hover:after {
color: #ffffff;
background: #0089c4;
border-radius: 2px 2px 2px 2px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper {
padding: 0px 34px 34px 34px;
/* ---------- */
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper form.wtb-local {
background-color: #ffffff;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #ccc;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper label,
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-store-header {
clear: both;
color: #252F47;
display: block;
font-weight: bold;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper label {
margin-bottom: 6px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-address {
border-color: #ccc;
border-style: solid;
border-width: 1px;
color: #888B9C;
font-family: verdana, arial, sans-serif;
width: 200px;
height: 22px;
float: left;
display: inline-block;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-submit:after {
content: "\e209";
margin-left: 6px;
display: inline-block;
font-family: 'philips-global-icon-font';
font-style: normal;
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
cursor: pointer;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-submit:hover:after {
color: #ffffff;
background: #0089c4;
border-radius: 2px 2px 2px 2px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-store-header,
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination {
clear: both;
color: #252F47;
display: block;
font-weight: bold;
padding: 20px 0px 10px 0px;
font-size: 11px;
line-height: 12px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list a,
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list a:hover {
text-decoration: none;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list .wtb-store-top {
display: block;
padding-top: 6px;
padding-bottom: 3px;
width: 100%;
margin-top: 10px;
border: 1px solid #eee;
border-radius: 2px 2px 2px 2px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list .wtb-store-top:hover {
border: 1px solid #ccc;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list .wtb-image {
float: left;
width: 100px;
height: 31px;
margin: 0 0 0 12px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list .wtb-stock,
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper ul.wtb-store-list .wtb-price {
color: #5D6678;
margin-left: 120px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-storename {
margin-left: 120px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination .wtb-status {
color: #252F47;
float: left;
width: 180px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination .wtb-navigate {
color: #0089c4;
float: left;
text-align: right;
width: 160px;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination .wtb-navigate span {
font-weight: bold;
}
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination .wtb-navigate .wtb-prev,
#wtb-widget-dealerlocator .wtb-widgetbody-wrapper .wtb-pagination .wtb-navigate .wtb-next {
cursor: pointer;
display: inline;
}
@media screen and (max-width: 450px) {
#wtb-widget-dealerlocator {
left: 6px !important;
right: 6px !important;
width: auto;
}
}
.p-p12-disclaimer {
padding: 10px 0px 10px 10px;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
}
.p-p12-disclaimer:after {
content: "";
display: table;
clear: both;
}
.p-p12-disclaimer .p-asterisk {
list-style: none;
margin: 0;
color: #888888;
}
.p-p12-disclaimer .p-asterisk li {
position: relative;
padding: 0 0 0.5em 1em;
line-height: 1.5em;
}
.p-p12-disclaimer .p-asterisk li:before {
position: absolute;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 1.3em;
top: 3px;
left: 0;
content: "*";
}
.p-p28-splendid-exp-comp video {
max-width: 5000px;
}
/*
Defaults
---------------------------*/
.p-st30-contact {
overflow: hidden;
}
.p-st30-contact .p-link-wrapper {
margin-top: 19px;
}
.p-st30-contact .p-address {
margin-bottom: 14px;
}
.p-st30-contact .p-address .p-org-name {
font-weight: bold;
}
.p-st30-contact .p-body-copy-03 {
color: #b9bbc7;
}
.p-st30-contact .p-phone-normal {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-st30-contact .p-body-copy-02 {
margin-top: 14px;
}
.p-st30-contact .p-link-item {
margin-right: 16px;
margin-bottom: 3px;
}
.p-st30-contact .p-link-item .p-icon {
margin-right: 5px;
margin-left: 5px;
}
.p-st30-contact .p-link-item .p-small-text {
color: #b9bbc7;
font-size: 11px;
line-height: 20px;
}
/*
Defaults
---------------------------*/
.p-p01v2-find-retailer.p-price-inline .p-price .p-current-price-value,
.p-p01v2-find-retailer.p-price-inline .p-price .p-price-info,
.p-p01v2-find-retailer.p-price-inline .p-price .p-price-disclaimer {
display: inline;
}
.p-p01v2-find-retailer .p-price {
margin-bottom: 15px;
}
.p-p01v2-find-retailer .p-price .p-price-info,
.p-p01v2-find-retailer .p-price .p-price-disclaimer {
margin-bottom: 6px;
font-size: 12px;
}
.p-p01v2-find-retailer .p-price .p-price-info,
.p-p01v2-find-retailer .p-price .p-price-disclaimer {
display: block;
}
.p-p01v2-find-retailer .p-price .p-current-price-value {
font-size: 24px;
vertical-align: middle;
}
.p-p01v2-find-retailer .p-price .p-former-price {
color: #bdbdbd;
font-size: 14px;
margin-left: 8px;
margin-right: 8px;
vertical-align: middle;
}
.p-p01v2-find-retailer .p-microcopy-info {
display: none;
}
.p-p01v2-find-retailer .p-wtb-container,
.p-p01v2-find-retailer .p-stock-quantity {
margin-bottom: 10px;
}
.p-p01v2-find-retailer .p-add-to-cart-container,
.p-p01v2-find-retailer .p-stock-quantity {
display: inline-block;
vertical-align: middle;
}
.p-p01v2-find-retailer .p-stock-quantity {
color: #e8171f;
margin-left: 5px;
}
@media screen and (max-width: 700px) {
.p-p01v2-find-retailer {
text-align: center;
}
.p-p01v2-find-retailer.p-xs-s-side-align {
text-align: initial;
}
}
/*
Defaults
---------------------------*/
.p-se16-product-listing .p-se16-preloader {
margin-bottom: 15px;
}
.p-se16-product-listing .p-se16-preloader .p-preloader {
margin: auto;
}
.p-se16-product-listing .p-search-form {
position: relative;
max-width: 552px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.p-se16-product-listing .p-search {
position: absolute;
top: 50%;
margin-top: -9px;
right: 11px;
min-width: 15px;
}
.p-se16-product-listing .p-reset {
display: none;
position: absolute;
top: 50%;
overflow: visible;
margin-top: -5px;
right: 47px;
margin-right: 10px;
}
.p-se16-product-listing .p-reset:after {
content: '';
position: absolute;
background-color: #7d0063;
top: 50%;
display: block;
width: 1px;
height: 23px;
margin-top: -11.5px;
left: 25px;
}
.p-se16-product-listing .p-sort-options {
position: absolute;
padding-left: 7px;
}
.p-se16-product-listing .p-sort-options .p-sort-asc-order,
.p-se16-product-listing .p-sort-options .p-sort-desc-order {
font-size: 12px;
}
.p-se16-product-listing .p-sort-options i:after {
color: #0089c4;
}
.p-se16-product-listing .p-wrapper {
position: relative;
overflow: hidden;
}
.p-se16-product-listing .p-wrapper .p-products-list-wrapper,
.p-se16-product-listing .p-wrapper .p-registration-details {
position: absolute;
left: 104%;
top: 0;
width: 100%;
}
.p-se16-product-listing .p-wrapper .p-products-list-wrapper.p-current,
.p-se16-product-listing .p-wrapper .p-registration-details.p-current {
left: 0;
position: relative;
}
.p-se16-product-listing .p-wrapper .p-products-list-wrapper.p-current-off,
.p-se16-product-listing .p-wrapper .p-registration-details.p-current-off {
left: -104%;
}
.p-se16-product-listing .p-wrapper .p-hidden-product-list {
display: none;
}
.p-se16-product-listing .p-wrapper .p-product-card {
position: relative;
cursor: pointer;
}
.p-se16-product-listing .p-wrapper .p-product-card .p-nav-next {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
text-align: right;
cursor: default;
}
.p-se16-product-listing .p-wrapper .p-product-card.p-preloading > .p-grid {
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.p-se16-product-listing .p-wrapper .p-product-card .p-preloader {
position: absolute;
top: 20px;
}
.p-se16-product-listing .p-wrapper .p-card-image {
text-align: center;
}
.p-se16-product-listing .p-link-back:before {
content: "\2039";
display: inline-block;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
overflow: hidden;
height: 16px;
margin-right: 5px;
}
.p-se16-product-listing .p-link-back:before:hover {
text-decoration: none;
}
.p-se16-product-listing .p-link-back:hover {
text-decoration: underline;
}
/*
Min Width 961
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Max Width 700
---------------------------*/
/*
Max Width 450
---------------------------*/
@media screen and (min-width: 701px) {
.p-se16-product-listing .p-wrapper .p-product-card {
border-bottom: 1px solid #dbcfe9;
}
.p-se16-product-listing .p-wrapper .p-product-card .p-preloader {
top: 30px;
right: 20px;
}
.p-se16-product-listing .p-wrapper .p-card-image {
padding-top: 10px;
padding-bottom: 10px;
}
}
@media screen and (min-width: 961px) {
.p-se16-product-listing .p-wrapper .p-product-card .p-preloader {
top: 40px;
}
}
@media screen and (max-width: 700px) {
.p-se16-product-listing .p-se16-search-box .p-search-box {
padding-right: 70px;
text-overflow: ellipsis;
font-size: 16px;
}
.p-se16-product-listing .p-option-box {
background-color: #f3ebfa;
margin-bottom: -5px;
margin-bottom: 14px;
padding: 20px 12px 20px 12px;
}
.p-se16-product-listing .p-option-box .p-first-row {
padding-bottom: 6px;
}
.p-se16-product-listing .p-sort-box {
display: inline-block;
}
.p-se16-product-listing .p-sort-box:after {
content: "";
display: table;
clear: both;
}
.p-se16-product-listing .p-sort-box li {
position: relative;
float: left;
list-style-type: none;
height: 26px;
}
.p-se16-product-listing .p-sort-box li a {
display: block;
text-align: center;
white-space: nowrap;
padding-right: 15px;
font-size: 14px;
}
.p-se16-product-listing .p-sort-box li a.p-active:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #f3ebfa;
bottom: 100%;
content: " ";
height: 22px;
width: 22px;
position: absolute;
pointer-events: none;
bottom: -38px;
left: 50%;
margin-left: -11px;
z-index: -1;
}
.p-se16-product-listing .p-n03-pagination ul li.p-txt a {
font-size: 14px;
}
.p-se16-product-listing .p-page-amount-xs-s {
text-align: center;
display: inline-block;
padding-top: 10px;
}
.p-se16-product-listing .p-page-amount-xs-s.p-hidden {
display: none;
}
.p-se16-product-listing .p-page-amount-xs-s > label {
float: left !important;
padding-top: 5px;
}
.p-se16-product-listing .p-page-amount-xs-s .p-select {
float: left !important;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-card > .p-grid {
padding-right: 20px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-card:nth-child(odd) {
background-color: #efeff4;
background: linear-gradient(to right, #ffffff 0%, #ffffff 16%, #efeff4 20%, #efeff4 100%);
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-card .p-nav-next .p-icon-arrow-right {
font-size: 14px;
margin-right: 7px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-card.p-preloading .p-picture {
visibility: hidden;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-card .p-preloader {
left: 20px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-productList-title {
margin-bottom: 3px;
font-size: 14px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-detail {
padding-top: 10px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-card-image {
padding-top: 5px;
padding-bottom: 5px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-reg-year {
padding-left: 0;
}
}
@media screen and (max-width: 450px) {
.p-se16-product-listing .p-wrapper .p-option-box .p-grid-item:not(:last-child) {
padding-bottom: 6px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-card-image {
padding-top: 13px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-reg-year {
padding-left: 54px;
}
.p-se16-product-listing .p-wrapper .p-products-list .p-product-reg-year span {
display: none;
}
}
.p-c04-custom-specifications-compare a {
outline: none;
}
.p-c04-custom-specifications-compare .p-fixed {
position: fixed;
top: 0px;
z-index: 6008;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
width: 960px;
}
.p-c04-custom-specifications-compare .p-fixed .p-table.p-table-header .p-body td {
background: #f3ebfa;
padding-top: 10px;
}
.p-c04-custom-specifications-compare .p-fixed .p-table.p-table-header .p-body td figure,
.p-c04-custom-specifications-compare .p-fixed .p-table.p-table-header .p-body td .p-product-category,
.p-c04-custom-specifications-compare .p-fixed .p-table.p-table-header .p-body td .p-description {
display: none;
}
.p-c04-custom-specifications-compare .p-fixed-small {
position: fixed;
top: 0px;
z-index: 6008;
left: 0;
width: 100%;
margin-top: 48px;
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.5);
}
.p-c04-custom-specifications-compare .p-fixed-small .p-table.p-table-header .p-body td {
background-color: white !important;
}
.p-c04-custom-specifications-compare .p-fixed-small .p-table.p-table-header .p-body figure,
.p-c04-custom-specifications-compare .p-fixed-small .p-table.p-table-header .p-body .p-product-category,
.p-c04-custom-specifications-compare .p-fixed-small .p-table.p-table-header .p-body .p-description {
display: none;
}
.p-c04-custom-specifications-compare .p-fixed-small .p-table.p-table-header .p-body .p-product-info {
padding-left: 10px;
}
.p-c04-custom-specifications-compare .p-table {
border-top: 0;
table-layout: fixed;
}
.p-c04-custom-specifications-compare .p-table.p-table-comparison,
.p-c04-custom-specifications-compare .p-table.p-table-buttons {
display: none;
}
.p-c04-custom-specifications-compare .p-table .p-link-more {
outline: none;
}
.p-c04-custom-specifications-compare .p-table.p-table-buttons td {
padding-bottom: 15px;
}
.p-c04-custom-specifications-compare .p-table .p-button {
width: 100%;
max-width: 280px;
vertical-align: top;
}
.p-c04-custom-specifications-compare .p-table li.p-no-bullet:before {
display: none;
}
.p-c04-custom-specifications-compare .p-table .p-button.p-find-retailers {
margin-bottom: 14px;
}
.p-c04-custom-specifications-compare .p-table tr {
display: block;
border-bottom: 0;
}
.p-c04-custom-specifications-compare .p-table .p-head td {
padding: 13px 10px 7px 10px;
}
.p-c04-custom-specifications-compare .p-table .p-body td {
display: table;
width: 100%;
margin-bottom: 10px;
vertical-align: top;
}
.p-c04-custom-specifications-compare .p-table.p-table-header figure,
.p-c04-custom-specifications-compare .p-table.p-table-header .p-product-info {
display: table-cell;
vertical-align: top;
padding: 10px 10px 10px 10px;
}
.p-c04-custom-specifications-compare .p-table.p-table-header figure {
width: 28%;
text-align: center;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-product-category {
font-size: 20px;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-table-title {
font-size: 16px;
margin-bottom: 0;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-product-info {
width: 72%;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-picture img {
max-height: 90px;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-link-more {
cursor: pointer;
display: block;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-price {
font-size: 18px;
margin-bottom: 0;
}
.p-c04-custom-specifications-compare .p-table.p-table-header .p-link-more,
.p-c04-custom-specifications-compare .p-table.p-table-header .p-price {
text-align: right;
}
.p-c04-custom-specifications-compare.p-table-mode .p-component-title.p-bottom-margin-a {
margin-bottom: 14px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table tr {
display: table-row;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table td {
padding-left: 15px;
padding-right: 15px;
word-wrap: break-word;
-ms-word-wrap: break-word;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td {
display: table-cell;
border-left: 1px solid #ffffff;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-1 {
display: table-cell;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-1,
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-3,
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-5 {
background: rgba(179, 144, 187, 0.6);
}
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-2,
.p-c04-custom-specifications-compare.p-table-mode .p-table .p-body td.p-column-4 {
background: #f3ebfa;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-comparison,
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-buttons {
display: table;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-comparison .p-body td {
padding-left: 20px;
word-break: break-word;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-comparison .p-table-title {
margin-bottom: 0;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table td {
width: 50%;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header td {
padding-top: 50px;
padding-bottom: 0;
position: relative;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-title,
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-category {
font-size: 13px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-category {
position: absolute;
top: 10px;
right: 15px;
left: 15px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header figure,
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-info {
display: block;
width: 100%;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header figure {
padding: 10px 0px 10px 0px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-info {
padding: 0;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-link-more {
display: none;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-picture img {
width: 100%;
max-height: none;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-price {
font-size: 16px;
text-align: left;
}
.p-c04-custom-specifications-compare.p-inverted .p-c04-disclaimer {
color: #000000;
}
.p-c04-custom-specifications-compare.p-inverted .p-c04-wrapper {
background-color: #f3ebfa;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #ffffff, #f3ebfa);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #ffffff, #f3ebfa);
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3ebfa', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff3ebfa', GradientType=0);
}
.p-c04-custom-specifications-compare.p-inverted .p-table td {
background-color: #b0008b;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #000000 0%, #7d0063 70%, #b0008b 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #000000 0%, #7d0063 70%, #b0008b 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ffb0008b', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ffb0008b', GradientType=0);
}
/*
@media XS and S ISOLATE
---------------------------*/
/*
@media M
---------------------------*/
/*
@media M ISOLATE
---------------------------*/
/*
@media L
---------------------------*/
@media screen and (max-width: 700px) {
.p-c04-custom-specifications-compare .p-table.p-table-header .p-description,
.p-c04-custom-specifications-compare .p-table.p-table-header .p-column-1 {
display: none;
}
.p-c04-custom-specifications-compare .p-table.p-table-header td {
position: relative;
}
.p-c04-custom-specifications-compare .p-table.p-table-header td .p-link-more-anchor {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
cursor: pointer;
}
.p-c04-custom-specifications-compare .p-table.p-table-header td .p-link-more-anchor .p-link-more {
position: absolute;
bottom: 10px;
right: 7px;
}
.p-c04-custom-specifications-compare .p-table.p-table-header td .p-price {
margin-bottom: 22px;
}
.p-c04-custom-specifications-compare .p-table td {
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #ceaeeb 0%, #f3ebfa 60%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #ceaeeb 0%, #f3ebfa 60%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceaeeb', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffceaeeb', endColorstr='#ffffffff', GradientType=0);
}
.p-c04-custom-specifications-compare .p-table td.p-hidden-mobile {
display: none;
}
.p-c04-custom-specifications-compare.p-table-popup .p-c04-wrapper {
padding-top: 0;
padding-bottom: 0;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table .p-head td {
background: #ffffff;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-comparison .p-body td {
padding-left: 15px;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table .p-body td.p-column-3,
.p-c04-custom-specifications-compare.p-table-popup .p-table .p-body td.p-column-5 {
background: #f3ebfa;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header {
background-color: #b0008b;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #000000 0%, #7d0063 70%, #b0008b 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #000000 0%, #7d0063 70%, #b0008b 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ffb0008b', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ffb0008b', GradientType=0);
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header td {
background: none!important;
border-left: none;
padding: 0;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header td .p-product-info {
padding: 10px 0px 0px 0px;
background: #ffffff;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header figure {
padding-top: 40px;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-product-category {
color: #ffffff;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-description {
display: block;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-product-category,
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-product-title,
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-price,
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-description {
padding-left: 10px;
}
.p-c04-custom-specifications-compare.p-table-popup .p-table.p-table-header .p-price {
margin-bottom: 0;
}
.p-c04-custom-specifications-compare.p-inverted .p-component-title {
color: #42145f;
}
}
@media screen and (min-width: 701px) {
.test-js .p-c04-custom-specifications-compare {
visibility: hidden;
}
.p-c04-custom-specifications-compare.p-table-mode {
visibility: visible;
}
.p-c04-custom-specifications-compare.p-table-mode .p-component-title {
margin-bottom: 45px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-comparison .p-table-title {
font-size: 16px;
line-height: 22px;
margin-bottom: 0;
margin-top: 5px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-category {
top: 14px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-title,
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-product-category {
font-size: 17px;
line-height: 26px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-price {
font-size: 22px;
line-height: 30px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-header .p-description {
font-size: 12px;
line-height: 20px;
}
.p-c04-custom-specifications-compare.p-table-mode .p-table.p-table-buttons-footer .p-more-info {
display: none;
}
.p-c04-custom-specifications-compare .p-table.p-cols-2 td {
width: 50%;
}
.p-c04-custom-specifications-compare .p-table.p-cols-3 td {
width: 33%;
}
.p-c04-custom-specifications-compare .p-table.p-cols-4 td {
width: 25%;
}
.p-c04-custom-specifications-compare .p-table.p-cols-5 td {
width: 20%;
}
.p-c04-custom-specifications-compare .p-table.p-cols-5 .p-button {
font-size: 12px;
}
.p-c04-custom-specifications-compare.p-inverted .p-c04-disclaimer {
color: #ffffff;
}
.p-c04-custom-specifications-compare.p-inverted .p-c04-wrapper {
background: none;
}
.p-c04-custom-specifications-compare.p-inverted .p-table .p-body td.p-column-1 {
background: rgba(255, 255, 255, 0.3);
border-left: none;
}
.p-c04-custom-specifications-compare.p-inverted .p-table .p-body td.p-column-3,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-body td.p-column-5 {
background: rgba(255, 255, 255, 0.15);
border-left: none;
}
.p-c04-custom-specifications-compare.p-inverted .p-table .p-body td.p-column-2,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-body td.p-column-4 {
background: rgba(255, 255, 255, 0.1);
border-left: none;
}
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-header td.p-column-1,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons td.p-column-1,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-head td.p-column-1 {
background: rgba(255, 255, 255, 0.2);
}
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-header td.p-column-3,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons td.p-column-3,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-head td.p-column-3,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-header td.p-column-5,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons td.p-column-5,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-head td.p-column-5 {
background: rgba(255, 255, 255, 0.05);
}
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-header td.p-column-2,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons td.p-column-2,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-head td.p-column-2,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-header td.p-column-4,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons td.p-column-4,
.p-c04-custom-specifications-compare.p-inverted .p-table .p-head td.p-column-4 {
background: transparent;
}
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons-footer td.p-column-1,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons-footer td.p-column-2,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons-footer td.p-column-3,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons-footer td.p-column-4,
.p-c04-custom-specifications-compare.p-inverted .p-table.p-table-buttons-footer td.p-column-5 {
background: none;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-cell-gutter .p-c04-custom-specifications-compare .p-row-gutter .p-fixed {
left: 22pxpx;
right: 22pxpx;
}
.p-c04-custom-specifications-compare .p-row-gutter .p-fixed {
left: 11pxpx;
right: 11pxpx;
}
.p-c04-custom-specifications-compare .p-fixed {
left: 20px;
right: 20px;
width: auto;
}
}
@media screen and (min-width: 961px) {
.p-c04-custom-specifications-compare.p-table-mode .p-table td {
padding-left: 20px;
padding-right: 20px;
}
}
/*
Defaults
---------------------------*/
.p-mh69-catalog-masthead .p-last-heading {
margin-bottom: 0;
}
@media screen and (min-width: 961px) {
.p-mh69-catalog-masthead {
padding-top: 50px;
}
.p-mh69-catalog-masthead .p-image-with-text {
margin-top: -80px;
}
.p-mh69-catalog-masthead .p-text-only {
margin-left: 80px;
}
}
.p-c02-compare-page {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 20px;
}
.p-c02-compare-page .p-compare-content {
margin-top: 40px;
}
.p-c02-compare-page .p-compare-titlebar {
display: none;
}
.p-c02-compare-page .p-head-small {
font-size: 16px;
margin-bottom: 8px;
}
.p-c02-compare-page .p-d04-legend + .p-d04-legend {
padding-bottom: 38px;
}
.p-c02-compare-page .p-products-head {
position: relative;
z-index: 1;
}
.p-c02-compare-page .p-products-head:after {
content: "";
display: table;
clear: both;
}
.p-c02-compare-page .p-products-head .p-col,
.p-c02-compare-page .p-products-head .p-products {
float: left;
}
.p-c02-compare-page .p-products-head .p-site-frame {
min-height: 320px;
}
.p-c02-compare-page .p-products-head .p-products {
margin-bottom: -54px;
}
.p-c02-compare-page .p-products-head .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c02-compare-page .p-products-head .p-products > li {
float: left;
position: relative;
padding-top: 38px;
padding-bottom: 24px;
}
.p-c02-compare-page .p-products-head .p-products > li:first-child .p-line {
display: none;
}
.p-c02-compare-page .p-products-head .p-products > li .p-hover-bg {
position: absolute;
left: -1px;
top: 0;
right: 0;
bottom: 0;
border: 1px solid #e0e0e0;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
}
.p-c02-compare-page .p-products-head .p-products > li:hover {
z-index: 1;
}
.p-c02-compare-page .p-products-head .p-products > li:hover .p-hover-bg {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-c02-compare-page .p-products-head .p-products .p-info {
padding-left: 20px;
padding-right: 20px;
}
.p-c02-compare-page .p-products-head .p-products .p-info h4 {
margin-bottom: 8px;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-type {
color: #666666;
font-size: 11px;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-price {
position: absolute;
right: 20px;
clear: both;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-price sup {
font-size: 6px;
vertical-align: top;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-table {
border: none;
}
.p-c02-compare-page .p-products-head .p-products .p-wtb-wrapper {
text-align: left;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
min-height: 60px;
}
.p-c02-compare-page .p-products-head .p-products .p-wtb-wrapper .p-button {
margin-top: 5px;
}
.p-c02-compare-page .p-products-head .p-products .p-remove-card {
display: block;
position: absolute;
top: -24px;
right: 10px;
width: 20px;
height: 20px;
}
.p-c02-compare-page .p-products-head .p-products .p-remove-card span {
text-indent: -9999px;
position: absolute;
}
.p-c02-compare-page .p-products-head .p-products .p-remove-card:after {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e20f";
position: absolute;
top: -3px;
right: 0;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 20px;
text-align: center;
}
.p-c02-compare-page .p-products-head .p-products .p-remove-card:hover:after {
background-color: #7d0063;
color: #ffffff;
border-radius: 3px 3px 3px 3px;
}
.p-c02-compare-page .p-products-head .p-products .p-line:after {
background-color: #e0e0e0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(252, 252, 252, 0)), color-stop(15%, #e0e0e0), color-stop(85%, #e0e0e0), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* W3C */
content: "";
display: block;
position: absolute;
left: -1px;
top: 0;
bottom: 0;
width: 1px;
}
.p-c02-compare-page .p-products-head .p-products .p-product-card {
position: relative;
z-index: 1;
}
.p-c02-compare-page .p-products-head .p-products .p-product-card figure {
padding: 0px 1px 0px 1px;
margin-bottom: 30px;
}
.p-c02-compare-page .p-products-head .p-products .p-product-card figure img {
display: block;
margin: 0 auto;
max-width: 96%;
}
.p-c02-compare-page .p-products-head .p-col .p-form {
margin-bottom: 6px;
}
.p-c02-compare-page .p-products-head .p-col .p-form label {
display: inline-block;
line-height: 19px;
vertical-align: top;
font-size: 12px;
padding-left: 6px;
}
.p-c02-compare-page .p-products-head.p-product-3 .p-col {
width: 25%;
}
.p-c02-compare-page .p-products-head.p-product-3 .p-products {
width: 75%;
}
.p-c02-compare-page .p-products-head.p-product-3 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c02-compare-page .p-products-head.p-product-3 .p-products > li {
width: 33.33333333%;
}
.p-c02-compare-page .p-products-head.p-product-2 .p-col {
width: 33.33333333%;
}
.p-c02-compare-page .p-products-head.p-product-2 .p-products {
width: 66.66666667%;
}
.p-c02-compare-page .p-products-head.p-product-2 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c02-compare-page .p-products-head.p-product-2 .p-products > li {
width: 50%;
}
.p-c02-compare-page .p-fixed .p-products-head {
position: fixed;
left: 0;
right: 0;
top: 40px;
padding-top: 5px;
padding-bottom: 5px;
background: #fff;
}
.p-c02-compare-page .p-fixed .p-products-head:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -12px;
height: 12px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABXgAAAAMCAYAAADYgNVHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0OENCMUZGOUU2MDYxMUUyOEE3N0Q1OTBDNDA0ODg5MSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0OENCMUZGQUU2MDYxMUUyOEE3N0Q1OTBDNDA0ODg5MSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4Q0IxRkY3RTYwNjExRTI4QTc3RDU5MEM0MDQ4ODkxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ4Q0IxRkY4RTYwNjExRTI4QTc3RDU5MEM0MDQ4ODkxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RjBJxQAAAhpJREFUeNrs3MFu2zAMANAxdrofyf9/4QAO2FCglxaWRMlO8t6lsEtREi1fCCPx8bHHr/8+/7aIwZgoHlt5ryfmzOuzxo7EVJyDnjgAAACALIrLhvtZEPPT9VljV1z3xozeGz0HR89a9p7hPTO+SxKdE0dDTE56MeOb+ePgvZ/2H4VxZ8ZUjmupw9GzdTROUxcAAAAYVdmAa2kcVjYjZ46bGTMSV1Xz0f/NOkuHxsW2bS0NspFm2ox5YjBHFOadeb/iS+aK2OqajZ4vzV0AAACgSk6K72karm5wtq4xT9jPyJiRvCPnJFecxz0iKhNH0dgjG4iDDyU6Ynq+Oq7+uYnRvLPWMzr2aMyKHAAAAABf5aIcZ/0UQC6eMwdrlQvqPfL88+Sz9s8e8WflSxAFm4qBBxMNc0fh3npiq796PSuuNXZmDgAAAIAWuThHvkDczC9cL/f17OQch+y32+8jzc0VL0UUFycWFzYb9pEFa42CelxlzMp8AAAAAK3yAvlWjMkL76XiOeTFz0XXnPu2bS2Li4u9KDGpwFF40KJo7zG5XmfkWXm+AAAAACrlxfPmi63lWeq+fD37/X5fsdF4ksLHSYcuFu71rCaq5i0AAADwbvIN5s03q+3l1vlMTbdXbhCGtQMAAAC8rbR2e+sVj8fjXV4UjUh1AgAAAHgFqQTq9Ekzz3MAAAAAgF6azSe7KQEAAAAAwHP6K8AAGgLBnZ9nrUsAAAAASUVORK5CYII=') no-repeat center top;
}
.p-c02-compare-page .p-fixed .p-products-head .p-site-frame {
min-height: inherit;
}
.p-c02-compare-page .p-fixed .p-products-head .p-col fieldset {
padding-top: 6px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products {
margin-bottom: 0;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products > li {
padding-top: 12px;
padding-bottom: 12px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card:after {
content: "";
display: table;
clear: both;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info {
padding-top: 6px;
overflow: hidden;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info .p-type {
padding-top: 15px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-wtb-wrapper .p-button {
padding: 4px 18px 3px 18px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-rating-area {
display: none;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card figure {
float: left;
width: 30%;
margin-bottom: 0;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card figure img {
max-width: 80%;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card h4 {
display: none;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-price {
position: static;
font-size: 11px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-price sup {
font-size: 10px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-remove-card {
top: 0;
}
.p-c02-compare-page .p-fixed .p-energy-sticker {
right: 10px;
top: 36px;
}
.p-c02-compare-page .p-fixed .p-energy-sticker .p-sticker img {
height: 16px;
}
.p-c02-compare-page .p-rating-area {
display: block;
margin-bottom: 6px;
margin-left: -4px;
height: 26px;
}
.p-c02-compare-page .p-rating-area .p-rate {
text-align: left;
}
.p-c02-compare-page .p-rating-area .p-rating-count {
display: inline-block;
margin-top: 6px;
font-weight: normal;
vertical-align: top;
font-size: 12px;
margin-left: 5px;
}
.p-c02-compare-page .p-stop-compare {
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}
.p-c02-compare-page .p-energy-sticker {
position: absolute;
bottom: 50px;
top: auto;
right: 10px;
}
.p-c02-compare-page .p-energy-sticker .p-sticker {
display: table-cell;
width: 30px;
height: 30px;
text-align: center;
}
.p-c02-compare-page .p-energy-sticker .p-sticker img {
height: 20px;
}
/*
@media XS ISOLATE
------------------------*/
/*
@media S ISOLATE
------------------------*/
/*
@media XS S ISOLATE
----------------------*/
/*
@media M
------------------------*/
/*
@media M ISOLATE
------------------------*/
@media screen and (max-width: 700px) {
.p-c02-compare-page .p-rating-area {
margin-bottom: 22px;
}
.p-c02-compare-page .p-head-small {
display: none;
}
.p-c02-compare-page .p-products-head {
background: #fff;
}
.p-c02-compare-page .p-products-head .p-col {
display: none;
}
.p-c02-compare-page .p-products-head .p-products {
float: none;
width: auto !important;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.p-c02-compare-page .p-products-head .p-products > li {
padding-top: 4px;
padding-bottom: 12px;
text-align: center;
margin-bottom: -1px;
}
.p-c02-compare-page .p-products-head .p-products .p-product-card figure {
margin-bottom: 6px;
}
.p-c02-compare-page .p-products-head .p-products .p-product-card figure img {
max-width: 50%;
}
.p-c02-compare-page .p-products-head .p-products .p-remove-card {
top: 0;
right: 4px;
}
.p-c02-compare-page .p-products-head .p-products .p-info h4 {
display: none;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-price {
position: static;
}
.p-c02-compare-page .p-products-head .p-products .p-line {
bottom: 1px;
}
.p-c02-compare-page .p-fixed .p-products-head {
top: 0;
padding-top: 0;
background: #fff;
box-shadow: none;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products {
border: 0;
box-shadow: none;
}
.p-c02-compare-page .p-fixed .p-products .p-product-card .p-info {
padding-left: 0px;
padding-right: 0px;
text-align: left;
}
}
@media screen and (max-width: 450px) {
.p-c02-compare-page .p-rating-area {
margin-bottom: 22px;
}
.p-c02-compare-page .p-products-head .p-products .p-info {
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card figure {
padding-top: 15px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info .p-type {
font-size: 9px;
}
.p-c02-compare-page .p-fixed .p-energy-sticker {
right: 0;
top: 35px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-wtb-wrapper {
display: inline-block;
}
}
@media screen and (min-width: 701px) {
.p-c02-compare-page {
padding-top: 61px;
}
.p-c02-compare-page .p-stop-compare {
display: none;
}
.p-c02-compare-page .p-compare-titlebar {
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
height: 40px;
background-color: #7d0063;
margin-bottom: 20px;
z-index: 2;
}
.p-c02-compare-page .p-compare-titlebar.p-fixed {
position: fixed;
}
.p-c02-compare-page .p-comp-amount {
padding-top: 9px;
padding-bottom: 9px;
margin: 0;
color: #ffffff;
}
.p-c02-compare-page .p-close-topbar {
position: absolute;
right: 0;
top: 50%;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #ffffff;
margin-top: -8px;
padding-right: 36px;
}
.p-c02-compare-page .p-close-topbar:hover {
text-decoration: none;
}
.p-c02-compare-page .p-close-topbar:after {
content: "\e20f";
display: block;
font-family: 'philips-global-icon-font';
line-height: 16px;
position: absolute;
right: 14px;
top: 0;
color: #ffffff;
}
.p-c02-compare-page .p-site-frame {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-c02-compare-page > .p-site-frame,
.p-c02-compare-page .p-compare-titlebar,
.p-c02-compare-page .p-products-wrapper.p-fixed .p-products-head {
padding-left: 15px;
padding-right: 15px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info {
padding-left: 8px;
}
.p-c02-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-wtb-wrapper {
text-align: inherit;
padding-left: 20px;
padding-right: 20px;
float: left;
padding-top: 0px;
}
.p-c02-compare-page .p-energy-sticker {
top: 5px;
bottom: auto;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-c02-compare-page .p-products-head .p-products .p-info {
padding-left: 10px;
padding-right: 10px;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-price {
right: 10px;
}
}
.p-s03-highlights .p-able,
.p-s03-highlights .p-unable {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
}
.p-s03-highlights .p-able span,
.p-s03-highlights .p-unable span {
float: left;
text-indent: -9999em;
}
.p-s03-highlights .p-able:after,
.p-s03-highlights .p-unable:after {
font-family: 'philips-global-icon-font';
font-style: normal;
font-size: 17px;
}
.p-s03-highlights .p-able span {
float: left;
text-indent: -9999em;
}
.p-s03-highlights .p-able:after {
content: "\e204";
color: #b6bf00;
}
.p-s03-highlights .p-unable:after {
content: "\2014";
color: #bbbbbb;
}
.p-s03-highlights .p-table {
width: 100%;
background: #f5f9ff;
border-left: 1px solid #deebff;
color: #252f47;
border-top: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 18px;
margin-bottom: 36px;
}
.p-s03-highlights .p-table.p-cols-2 td {
width: 33%;
}
.p-s03-highlights .p-table.p-cols-3 td,
.p-s03-highlights .p-table.p-cols-3 th {
width: 25%;
}
.p-s03-highlights .p-table .p-table-title {
color: #5d6678;
text-align: left;
}
.p-s03-highlights .p-table .p-table-s-title td {
color: #5d6678;
display: none;
}
.p-s03-highlights .p-table td,
.p-s03-highlights .p-table th {
height: 1px;
padding: 6px 10px 6px 10px;
border-top: 1px solid #deebff;
border-right: 1px solid #deebff;
border-bottom: 1px solid #deebff;
}
.p-s03-highlights .p-table.p-grey {
border-left: 1px solid #e0e0e8;
background: #f7f7f9;
}
.p-s03-highlights .p-table.p-grey td,
.p-s03-highlights .p-table.p-grey th {
border-top: 1px solid #e0e0e8;
border-right: 1px solid #e0e0e8;
border-bottom: 1px solid #e0e0e8;
}
/*
@media XS ISOLATE
----------------------------------*/
/*
@media S ISOLATE
----------------------------------*/
/*
@media XS S ISOLATE
----------------------------------*/
@media screen and (max-width: 450px) {
.p-s03-highlights {
padding-left: 5px;
padding-right: 5px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-s03-highlights {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 700px) {
.p-s03-highlights .p-table {
border-right: 1px solid #deebff;
}
.p-s03-highlights .p-table td,
.p-s03-highlights .p-table th {
border-top: 1px solid #deebff;
border-right: 1px solid #deebff;
border-left: 1px solid #deebff;
}
.p-s03-highlights .p-table td:first-child,
.p-s03-highlights .p-table th:first-child {
border-left: 0;
}
.p-s03-highlights .p-table.p-grey {
border-right: 1px solid #e0e0e8;
}
.p-s03-highlights .p-table.p-grey td,
.p-s03-highlights .p-table.p-grey th {
border-top: 1px solid #e0e0e8;
border-right: 1px solid #e0e0e8;
border-left: 1px solid #e0e0e8;
}
.p-s03-highlights .p-table.p-grey td:first-child,
.p-s03-highlights .p-table.p-grey th:first-child {
border-left: 0;
}
.p-s03-highlights .p-table .p-table-title {
display: none;
}
.p-s03-highlights .p-table .p-table-s-title td {
display: table-cell;
background: #fff;
}
.p-s03-highlights .p-table .p-table-s-title td:before {
content: attr(data-title);
}
}
#p-comparison-container {
background: #fff;
display: none;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 999;
}
@media print {
.p-c02-compare-page .p-rating-value {
text-indent: -99999px;
}
.p-s03-highlights .p-able,
.p-s03-highlights .p-unable {
text-indent: 0;
vertical-align: baseline;
}
.p-c02-compare-page .p-compare-titlebar .p-site-frame,
.p-c02-compare-page .p-head-small,
.p-c02-compare-page .p-stop-compare {
display: none;
}
.p-c02-compare-page .p-products-head .p-products .p-info .p-price {
bottom: -20px;
}
.p-c02-compare-page .p-products-wrapper .p-col {
visibility: hidden;
}
.p-c02-compare-page .p-rating-value {
font-size: 18px;
margin-top: 5px;
text-indent: 0;
width: 100% !important;
}
.p-c02-compare-page .p-rating-count {
color: #fff;
}
.p-s05-whats-in-the-box .p-nav-controls {
display: none;
}
body.comparepage {
position: absolute;
width: 100%;
}
}
.p-c01-sticky-compare-bar {
background-color: #fff;
position: fixed;
left: 0;
right: 0;
top: 100%;
z-index: 6005;
-webkit-transition: margin-top 150ms ease-out;
transition: margin-top 150ms ease-out;
}
.p-c01-sticky-compare-bar.p-show {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.p-c01-sticky-compare-bar .p-head-small {
font-size: 16px;
margin-bottom: 8px;
}
.p-c01-sticky-compare-bar .p-compare-titlebar {
display: block;
height: 40px;
background-color: #f7f9fc;
background-repeat: repeat-x;
background: -webkit-linear-gradient(top, #ffffff, #f7f9fc);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(top, #ffffff, #f7f9fc);
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f9fc', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f9fc', GradientType=0);
border-bottom: 1px solid #ccc;
z-index: 2;
color: #323232;
}
.p-c01-sticky-compare-bar .p-compare-titlebar .p-diff-products {
color: #e8171f;
}
.p-c01-sticky-compare-bar .p-compare-titlebar .p-diff-products:before {
content: '-';
margin-right: 6px;
margin-left: 2px;
color: #323232;
}
.p-c01-sticky-compare-bar .p-comp-amount {
padding-top: 12px;
padding-bottom: 12px;
margin: 0;
}
.p-c01-sticky-compare-bar .p-close-topbar,
.p-c01-sticky-compare-bar .p-open-topbar {
position: absolute;
right: 0;
top: 50%;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #5d6678;
margin-top: -8px;
padding-right: 35px;
}
.p-c01-sticky-compare-bar .p-close-topbar:hover,
.p-c01-sticky-compare-bar .p-open-topbar:hover {
text-decoration: none;
}
.p-c01-sticky-compare-bar .p-close-topbar:after,
.p-c01-sticky-compare-bar .p-open-topbar:after {
content: "\e201";
display: block;
font-family: 'philips-global-icon-font';
line-height: 16px;
position: absolute;
right: 14px;
top: 0;
color: #0089c4;
}
.p-c01-sticky-compare-bar .p-open-topbar:after {
content: "\e200";
}
.p-c01-sticky-compare-bar .p-close-topbar {
display: none;
}
.p-c01-sticky-compare-bar.p-open .p-close-topbar {
display: block;
}
.p-c01-sticky-compare-bar.p-open .p-open-topbar {
display: none;
}
.p-c01-sticky-compare-bar .p-site-frame {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-c01-sticky-compare-bar .p-products-head:after {
content: "";
display: table;
clear: both;
}
.p-c01-sticky-compare-bar .p-products-head .p-compare-info,
.p-c01-sticky-compare-bar .p-products-head .p-products {
float: left;
}
.p-c01-sticky-compare-bar .p-products-head .p-compare-info {
padding-top: 20px;
}
.p-c01-sticky-compare-bar .p-products {
padding-top: 10px;
padding-bottom: 10px;
}
.p-c01-sticky-compare-bar .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c01-sticky-compare-bar .p-products > li {
float: left;
min-height: 143px;
position: relative;
padding-top: 12px;
padding-bottom: 12px;
}
.p-c01-sticky-compare-bar .p-products > li:before {
background-color: #e0e0e0;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(1%, rgba(252, 252, 252, 0)), color-stop(15%, #e0e0e0), color-stop(85%, #e0e0e0), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+, Safari5.1+ */
background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, #e0e0e0 15%, #e0e0e0 85%, rgba(255, 255, 255, 0) 100%);
/* W3C */
content: "";
display: block;
position: absolute;
left: -1px;
top: 0;
bottom: 0;
width: 1px;
}
.p-c01-sticky-compare-bar .p-products > li:hover {
z-index: 1;
}
.p-c01-sticky-compare-bar .p-products > li:hover:after {
content: '';
display: block;
position: absolute;
left: -1px;
top: 0;
right: 0;
bottom: 0;
border: 1px solid #e0e0e0;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
.p-c01-sticky-compare-bar .p-products > li.p-empty:hover:after {
display: none;
}
.p-c01-sticky-compare-bar .p-products .p-remove-card {
display: block;
position: absolute;
top: 0px;
right: 10px;
width: 20px;
height: 20px;
}
.p-c01-sticky-compare-bar .p-products .p-remove-card span {
text-indent: -9999px;
position: absolute;
}
.p-c01-sticky-compare-bar .p-products .p-remove-card:after {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e20f";
position: absolute;
top: -3px;
right: 0;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 20px;
}
.p-c01-sticky-compare-bar .p-products .p-remove-card:hover:after {
background-color: #7d0063;
color: #ffffff;
border-radius: 3px 3px 3px 3px;
}
.p-c01-sticky-compare-bar .p-products .p-add-product {
display: table;
position: absolute;
left: 50%;
top: 50%;
width: 86px;
height: 86px;
border: 1px dashed #b8bac6;
border-radius: 2px 2px 2px 2px;
margin: -43px 0px 0px -43px;
font-size: 13px;
line-height: 19px;
color: #323232;
}
.p-c01-sticky-compare-bar .p-products .p-add-product .p-table-cell {
display: table-cell;
width: 70px;
height: 86px;
padding: 0px 8px 0px 8px;
vertical-align: middle;
text-align: center;
}
.p-c01-sticky-compare-bar .p-products .p-product-card {
position: relative;
z-index: 1;
text-align: center;
}
.p-c01-sticky-compare-bar .p-products .p-product-card:after {
content: "";
display: table;
clear: both;
}
.p-c01-sticky-compare-bar .p-products .p-product-card a {
text-decoration: none;
}
.p-c01-sticky-compare-bar .p-products .p-product-card .p-info {
padding-top: 6px;
font-size: 13px;
line-height: 18px;
color: #5d6678;
}
.p-c01-sticky-compare-bar .p-products .p-product-card figure {
margin-bottom: 0;
}
.p-c01-sticky-compare-bar .p-products .p-product-card figure img {
max-width: 60%;
height: auto;
}
.p-c01-sticky-compare-bar .p-products .p-product-card .p-price {
position: static;
font-weight: bold;
color: #000;
}
.p-c01-sticky-compare-bar .p-products .p-product-card .p-price sup {
font-size: 10px;
}
.p-c01-sticky-compare-bar .p-product-2 .p-compare-info {
width: 33.33333333%;
}
.p-c01-sticky-compare-bar .p-product-2 .p-products {
width: 66.66666667%;
}
.p-c01-sticky-compare-bar .p-product-2 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c01-sticky-compare-bar .p-product-2 .p-products > li {
width: 50%;
}
.p-c01-sticky-compare-bar .p-product-3 .p-compare-info {
width: 25%;
}
.p-c01-sticky-compare-bar .p-product-3 .p-products {
width: 75%;
}
.p-c01-sticky-compare-bar .p-product-3 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c01-sticky-compare-bar .p-product-3 .p-products > li {
width: 33.33333333%;
}
.p-c01-sticky-compare-bar .p-button-s {
display: none;
}
/*
@media XS ans S ISOLATE
---------------------------*/
/*
@media M ISOLATE
---------------------------*/
@media screen and (max-width: 700px) {
.p-c01-sticky-compare-bar[hidden] {
display: block;
}
.p-c01-sticky-compare-bar.p-c01-regular-mode {
display: none;
}
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-compare-titlebar {
padding-left: 10px;
}
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-product-card .p-type,
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-product-card .p-price {
overflow: hidden;
text-overflow: ellipsis;
}
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-products-head .p-compare-info {
width: 23%;
padding-left: 1%;
padding-right: 1%;
word-break: break-word;
box-sizing: border-box;
}
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-products-head .p-compare-info .p-compare {
min-width: auto;
padding-left: 4px;
padding-right: 4px;
}
.p-c01-sticky-compare-bar.p-c01-thumbnail-mode .p-comp-amount {
font-size: 12px;
}
.decisionpage .p-c01-sticky-compare-bar,
.catdecisionpage .p-c01-sticky-compare-bar {
display: block;
margin-top: 0;
top: auto;
bottom: 0;
background: #f7f8fa;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.decisionpage .p-c01-sticky-compare-bar .p-compare-titlebar,
.catdecisionpage .p-c01-sticky-compare-bar .p-compare-titlebar,
.decisionpage .p-c01-sticky-compare-bar .p-products,
.catdecisionpage .p-c01-sticky-compare-bar .p-products {
display: none;
}
.decisionpage .p-c01-sticky-compare-bar .p-products-head,
.catdecisionpage .p-c01-sticky-compare-bar .p-products-head {
padding-bottom: 10px;
}
.decisionpage .p-c01-sticky-compare-bar .p-products-head .p-compare-info,
.catdecisionpage .p-c01-sticky-compare-bar .p-products-head .p-compare-info {
padding: 0;
width: auto !important;
float: none;
text-align: center;
}
.decisionpage .p-c01-sticky-compare-bar .p-button-m-l,
.catdecisionpage .p-c01-sticky-compare-bar .p-button-m-l {
display: none;
}
.decisionpage .p-c01-sticky-compare-bar .p-button-s,
.catdecisionpage .p-c01-sticky-compare-bar .p-button-s {
display: block;
margin-top: 10px;
}
.decisionpage .p-c01-sticky-compare-bar .p-button-s[hidden],
.catdecisionpage .p-c01-sticky-compare-bar .p-button-s[hidden] {
display: none;
}
.decisionpage .p-c01-sticky-compare-bar .p-button-s .p-button,
.catdecisionpage .p-c01-sticky-compare-bar .p-button-s .p-button {
padding: 0.5em 2em;
}
.decisionpage .p-c01-sticky-compare-bar .p-product-counter,
.catdecisionpage .p-c01-sticky-compare-bar .p-product-counter {
color: #666666;
margin: 10px 10px 10px 10px;
text-align: right;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-c01-sticky-compare-bar .p-compare-titlebar,
.p-c01-sticky-compare-bar .p-products-wrapper {
padding-left: 15px;
padding-right: 15px;
}
}
/*
Local variables
---------------------------*/
.p-p54v3-image-gallery {
position: relative;
/* s7viewer CSS and overrides for few s7viewer elements inline styles */
/* end of s7viewer styles */
}
.p-p54v3-image-gallery.p-clinical-active {
background-color: #5d5d5d;
}
.p-p54v3-image-gallery .p-inner-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-p54v3-image-gallery .p-tab-container {
clear: left;
}
.p-p54v3-image-gallery .p-pex-container {
position: relative;
height: 680px;
}
.p-p54v3-image-gallery[data-current-tab='CLI'] .p-gallery-title {
color: #ffffff;
}
.p-p54v3-image-gallery div[data-pex-id="pex-application"] div div div img,
.p-p54v3-image-gallery div[data-pex-id="pex-application"] div div div video {
max-width: inherit;
}
.p-p54v3-image-gallery .p-gallery-title {
margin-bottom: 0;
word-wrap: break-word;
}
.p-p54v3-image-gallery .p-zoom-container {
height: 300px;
}
.p-p54v3-image-gallery .p-select select,
.p-p54v3-image-gallery .p-select .p-label {
height: 38px;
line-height: 38px;
}
.p-p54v3-image-gallery .p-zoom-img-content {
height: 100%;
position: relative;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer {
background-color: transparent;
direction: ltr;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton {
cursor: pointer;
background-image: none;
position: absolute;
bottom: -38px;
width: 28px;
height: 28px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton:before {
position: absolute;
background-color: #000000;
opacity: 0.15;
content: "";
width: 28px;
height: 28px;
display: block;
z-index: -1;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton:after,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton:after,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton:after,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton:after {
display: block;
font-size: 16px;
color: #ffffff;
vertical-align: middle;
line-height: 28px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton:hover:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton:hover:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton:hover:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton:hover:before {
opacity: 0.25;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton:active:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton:active:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton:active:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton:active:before {
opacity: 0.4;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton[state='disabled']:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton[state='disabled']:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton[state='disabled']:before {
opacity: 0.15;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton[state='disabled']:hover:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton[state='disabled']:hover:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton[state='disabled']:hover:before {
opacity: 0.15;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer.s7size_small.s7touchinput .s7zoominbutton,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer.s7size_small.s7touchinput .s7zoomoutbutton {
visibility: visible;
display: block !important;
opacity: 1 !important;
width: 28px;
height: 28px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer.s7size_small.s7touchinput .s7zoominbutton:active:before,
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer.s7size_small.s7touchinput .s7zoomoutbutton:active:before {
opacity: 0.4;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton {
left: 40px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton:after {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e20e";
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton {
left: 80px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton:after {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e62d";
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton {
font-size: 14px;
left: 120px;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton:after {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e205";
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton {
display: none;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomview {
background-color: transparent;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomview .s7iconeffect {
background-image: none;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7container[mode='fullscreen'] {
z-index: 1;
}
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoominbutton[state],
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomoutbutton[state],
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7zoomresetbutton[state],
.p-p54v3-image-gallery .p-zoom-img-content .s7basiczoomviewer .s7fullscreenbutton[selected][state] {
background-image: none;
}
.p-p54v3-image-gallery .p-pex-loader-icon {
display: none;
position: absolute;
left: 50%;
top: 250px;
margin: -14px 0px 0px -14px;
z-index: 2;
background: white;
padding: 5px 0px 0px 0px;
border-radius: 5px 5px 5px 5px;
}
.p-p54v3-image-gallery .p-pex-loader-icon.p-preloader {
background: url('../../philips/clientlibs/foundation-base/clientlibs-css-rb2014/img/generic/preloader-large.gif') 0 0 no-repeat;
}
.p-p54v3-image-gallery .p-icon-download {
position: absolute;
bottom: -38px;
left: 0;
z-index: 1;
}
.p-p54v3-image-gallery .p-icon-download:before {
position: absolute;
background-color: #000000;
opacity: 0.15;
content: "";
width: 28px;
height: 28px;
display: block;
z-index: -1;
}
.p-p54v3-image-gallery .p-icon-download:after {
display: block;
font-size: 20px;
color: #ffffff;
vertical-align: middle;
line-height: 28px;
margin-left: 4.5px;
}
.p-p54v3-image-gallery .p-icon-download:hover:before {
opacity: 0.25;
}
.p-p54v3-image-gallery .p-icon-download:active:before {
opacity: 0.4;
}
.p-p54v3-image-gallery .p-page-count {
position: absolute;
bottom: -38px;
right: 0;
}
.p-p54v3-image-gallery .p-play-button {
position: absolute;
left: 10px;
bottom: 10px;
display: none;
}
.p-p54v3-image-gallery .p-video-duration {
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
position: absolute;
bottom: 10px;
right: 10px;
display: none;
padding: 8px 14px 5px 14px;
}
.p-p54v3-image-gallery .p-show-more,
.p-p54v3-image-gallery .p-show-less {
display: none;
margin-top: 10px;
}
.p-p54v3-image-gallery .p-show-more.p-active,
.p-p54v3-image-gallery .p-show-less.p-active {
display: block;
}
.p-p54v3-image-gallery.p-clinical-active .p-filter-wrapper {
display: block;
}
.p-p54v3-image-gallery .p-nav-controls {
display: none;
}
.p-p54v3-image-gallery .p-nav-controls.p-active {
display: inline-block;
}
.p-p54v3-image-gallery .p-nav-controls .p-icon {
padding: 10px 10px 6px 10px;
background-color: #cccccc;
}
.p-p54v3-image-gallery .p-filter-wrapper {
float: right;
width: 48%;
display: none;
}
.p-p54v3-image-gallery .p-filter-wrapper .p-disabled {
background-color: #cccccc;
}
.p-p54v3-image-gallery .p-nav-tabs {
width: 50%;
margin-bottom: 20px;
background-color: #7d0063;
}
.p-p54v3-image-gallery .p-nav-tabs .p-nav-tab-categories li {
width: 100%;
}
.p-p54v3-image-gallery .p-nav-tabs .p-nav-tab-categories li.p-collapse ul {
background: #f3ebfa;
}
.p-p54v3-image-gallery .p-nav-tabs .p-nav-tab-categories li a {
color: #7d0063;
cursor: pointer;
}
.p-p54v3-image-gallery .p-nav-tabs .p-nav-tab-categories li a:hover,
.p-p54v3-image-gallery .p-nav-tabs .p-nav-tab-categories li a.p-active {
background: #7d0063;
color: #ffffff;
}
.p-p54v3-image-gallery .p-tab {
position: relative;
width: 100%;
display: none;
text-align: center;
min-height: 200px;
}
.p-p54v3-image-gallery .p-tab .p-pex {
overflow: hidden;
width: 100%;
position: relative;
line-height: 12px;
}
.p-p54v3-image-gallery .p-tab .p-pex img {
max-width: none;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='360'] video {
max-width: 5000px;
}
.p-p54v3-image-gallery .p-tab .p-inner-container {
width: 100%;
position: relative;
overflow: hidden;
display: none;
}
.p-p54v3-image-gallery .p-tab .p-inner-container.p-active {
display: block;
}
.p-p54v3-image-gallery .p-tab.p-active {
display: block;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='CLI'] .p-collection-view-wrapper,
.p-p54v3-image-gallery .p-tab[data-tab-category='CLI'] .p-detail-view-wrapper .p-large-thumbnail {
background-color: #000000;
border: none;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='CLI'] .p-overview-wrapper {
color: #ffffff;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='CLI'] .p-overview-wrapper .p-product-title {
color: #ffffff;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='CLI'] .p-page-count {
color: #ffffff;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-play-button {
display: block;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-show-video-duration {
display: block;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-popup-close {
z-index: 3;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-overview-wrapper {
padding-top: 18px;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-download-link {
display: none;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-detail-view .p-gallery-item {
padding: 0;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-large-thumbnail {
height: 300px;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-large-thumbnail img {
width: auto;
height: 100%;
}
.p-p54v3-image-gallery .p-tab[data-tab-asset-view='collection-view'] .p-carousel-controls {
top: 47%;
}
.p-p54v3-image-gallery .p-tab .p-360-view {
height: 100%;
text-align: center;
display: block;
}
.p-p54v3-image-gallery .p-tab .p-collection-view-wrapper {
overflow: hidden;
}
.p-p54v3-image-gallery .p-tab .p-collection-view-wrapper img {
width: 100%;
}
.p-p54v3-image-gallery .p-tab .p-collection-view-wrapper,
.p-p54v3-image-gallery .p-tab .p-detail-view-wrapper {
margin-bottom: 10px;
text-align: center;
position: relative;
}
.p-p54v3-image-gallery .p-tab .p-collection-view-wrapper,
.p-p54v3-image-gallery .p-tab .p-detail-view-wrapper .p-large-thumbnail {
border: 1px solid #cccccc;
position: relative;
cursor: pointer;
}
.p-p54v3-image-gallery .p-tab .p-overview-wrapper {
text-align: left;
clear: left;
}
.p-p54v3-image-gallery .p-tab .p-product-thumbnail {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.p-p54v3-image-gallery .p-tab .p-collection-view-wrapper {
width: 100%;
padding-bottom: 56.25%;
position: relative;
}
.p-p54v3-image-gallery .p-tab .p-video-player {
position: absolute;
top: 0;
width: 100%;
}
.p-p54v3-image-gallery .p-tab .p-video-inline {
height: 300px;
}
.p-p54v3-image-gallery .p-tab .p-viewer {
position: relative;
margin-left: 0;
}
.p-p54v3-image-gallery .p-tab .p-viewer .p-view-close {
right: 4px;
position: absolute;
z-index: 2;
top: 4px;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls {
position: absolute;
top: 220px;
width: 100%;
display: none;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-prev {
position: absolute;
left: -70px;
right: auto;
z-index: 1;
opacity: 0.5;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-prev:hover {
opacity: 0.8;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-next {
position: absolute;
right: -70px;
left: auto;
z-index: 1;
opacity: 0.5;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-next:hover {
opacity: 0.8;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls i {
color: #ffffff;
background-color: #cccccc;
}
.p-p54v3-image-gallery .p-tab .p-animated-overlay {
position: absolute;
background-color: #d9d9d9;
width: 100%;
height: 0;
bottom: 0;
color: #ffffff;
transition: height .3s ease 0s;
-webkit-transition: height .3s ease 0s;
-moz-transition: height .3s ease 0s;
-o-transition: height .3s ease 0s;
}
.p-p54v3-image-gallery .p-tab .p-overlay-text {
text-align: left;
padding-left: 10px;
padding-top: 10px;
}
.p-p54v3-image-gallery .p-tab li {
float: left;
}
.p-p54v3-image-gallery .p-tab .p-detail-view .p-gallery-item {
padding: 0px 0px 30px 0px;
}
.p-p54v3-image-gallery .p-tab .p-gallery-item {
float: left;
padding: 0px 10px 0px 10px;
}
.p-p54v3-image-gallery .p-tab .p-gallery-item img {
max-height: 100%;
}
.p-p54v3-image-gallery .p-tab .p-gallery-item:hover .p-animated-overlay {
height: 100%;
}
/* s7viewer fullscreen override for all touch screens
Need to fix it properly after modernizr fullscreen test support added */
.no-fullscreen .p-p54v3-image-gallery .p-zoom-img-content .s7fullscreenbutton {
display: none !important;
}
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 701px) {
.p-p54v3-image-gallery .p-zoom-container {
height: 450px;
}
.p-p54v3-image-gallery .p-tab .p-video-inline {
height: 450px;
}
.p-p54v3-image-gallery .p-tab[data-tab-category='VID'] .p-large-thumbnail {
height: 450px;
}
.p-p54v3-image-gallery .p-nav-tabs {
width: 75%;
background-color: #f3ebfa;
}
.p-p54v3-image-gallery .p-filter-wrapper {
width: 23%;
}
}
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 961px) {
.p-p54v3-image-gallery .p-carousel-controls.p-active {
display: block;
}
}
@media screen and (min-width: 960px) and (max-width: 1120px) {
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-prev {
left: 0;
}
.p-p54v3-image-gallery .p-tab .p-carousel-controls .p-nav-next {
right: 0;
}
}
/*
Defaults
---------------------------*/
.p-n32-backtotop .p-n32-backtotop-arrow-container {
position: fixed;
z-index: 5000;
cursor: pointer;
background-color: #b390bb;
display: none;
padding: 6px 8px 3px 8px;
bottom: 3px;
right: 3px;
font-size: 18px;
border-radius: 2px 0px 0px 0px;
}
.p-n32-backtotop .p-n32-backtotop-arrow-container .p-icon-arrow-up {
font-weight: bold;
color: #ffffff;
line-height: 28px;
font-size: 24px;
}
.p-t05-cross-selling-products__title {
margin-top: 40px;
margin-bottom: 32px;
}
.p-t05-cross-selling-products__card-background {
display: block;
border-style: solid;
border-right-width: 1px;
border-right-color: #d0d0d0;
border-image-slice: 1;
}
.p-t05-cross-selling-products__card-background:last-child {
border: none;
}
.p-t05-cross-selling-products__divider {
height: 1px;
width: 100%;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
border-image-slice: 1;
border-bottom-color: #d0d0d0;
}
.p-t05-cross-selling-products__card {
cursor: pointer;
padding: 16px;
background-color: #ffffff;
margin-right: 1px;
}
.p-t05-cross-selling-products__card:hover {
box-shadow: 0 1.5px 3px 0 rgba(0, 0, 0, 0.2);
}
.p-t05-cross-selling-products__card .p-wtb-container .p-button {
margin: 0px 0px 0px 0px;
color: #e26d00;
border: 1px solid #e26d00;
background-color: transparent;
}
.p-t05-cross-selling-products__card .p-wtb-container .p-button:hover {
color: #ffffff;
background-color: #e26d00;
}
.p-t05-cross-selling-products__thumbnail {
width: 72px;
height: 72px;
}
.p-t05-cross-selling-products__product-button .p-wtb-container {
float: right;
}
.p-t05-cross-selling-products__product-button.p-grid-item {
padding-left: 0;
}
.p-t05-cross-selling-products__product-title {
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-t05-cross-selling-products__product-sub-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p-t05-cross-selling-products__product-price {
font-weight: bold;
font-size: 16px;
}
.p-t05-cross-selling-products__product-button {
float: right;
}
.p-t05-cross-selling-products__bottom-bar {
padding-top: 8px;
}
.p-t05-cross-selling-products__card-hidden-link {
display: none;
}
/* functions */
/* media queries */
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-t05-cross-selling-products__card {
padding: 16px 0;
}
}
@media screen and (max-width: 450px), print, screen and (min-width: 451px) and (max-width: 700px) {
.p-t05-cross-selling-products__card-background {
border-right: none;
height: 1px;
width: 100%;
border-style: solid;
border-width: 0;
border-bottom-width: 1px;
border-image-slice: 1;
border-bottom-color: #d0d0d0;
height: inherit;
}
.p-t05-cross-selling-products__card {
margin-right: 0;
margin-bottom: 1px;
}
.p-t05-cross-selling-products__divider {
display: none;
}
}
.p92-category-filter {
position: relative;
margin-bottom: 10px;
}
.p92-category-filter__button {
display: inline-block;
height: 25px;
padding-left: 10px;
line-height: 25px;
border-radius: 2px;
background-color: #0066a1;
color: #ffffff;
}
.p92-category-filter__button:hover {
cursor: pointer;
}
.p92-category-filter__button:after {
content: '\e501';
font-family: 'philips-global-icon-font';
font-size: 11px;
margin-left: 20px;
margin-right: 10px;
}
.p92-category-filter__button--active {
font-weight: bold;
}
.p92-category-filter__list {
width: 100%;
background-color: #0066a1;
display: none;
margin-left: 0;
padding: 20px 0 0 0;
border-radius: 2px;
position: relative;
}
.p92-category-filter__list--close {
position: absolute;
right: 10px;
top: 5px;
color: #ffffff;
}
.p92-category-filter__list--close:hover {
cursor: pointer;
}
.p92-category-filter__list--close:after {
content: '\e20f';
font-family: 'philips-global-icon-font';
font-size: 11px;
vertical-align: bottom;
}
.p92-category-filter__list-item {
height: 45px;
padding-left: 10px;
}
.p92-category-filter__list-item-link {
color: #ffffff;
cursor: pointer;
}
.p92-category-filter__list-item-link:hover {
text-decoration: none;
font-weight: bold;
}
.p92-category-filter__list-item-link:after {
content: '\e203';
font-family: 'philips-global-icon-font';
font-size: 7px;
margin-left: 5px;
}
.p92-category-filter__list--active {
display: block;
}
@media screen and (max-width: 700px) {
.p92-category-filter {
margin: 10px 0;
}
.p92-category-filter__button {
display: block;
height: 50px;
line-height: 50px;
}
.p92-category-filter__button:after {
right: 0;
position: absolute;
font-size: 21px;
}
.p92-category-filter__list {
padding: 0;
background-color: #ffffff;
width: 100%;
}
.p92-category-filter__list--close {
display: none;
}
.p92-category-filter__list-item {
display: block;
height: 50px;
line-height: 50px;
padding-left: 10px;
margin-top: 5px;
border-radius: 2px;
border: 1px solid #0066a1;
}
.p92-category-filter__list-item-link {
color: #0066a1;
}
.p92-category-filter__list-item-link:after {
right: 20px;
position: absolute;
}
.p92-category-filter__list-item:first-child {
margin-top: 10px;
}
}
.mfp-wrap2 .p-bv-light-box .mfp-content,
.mfp-wrap2 .p-bv-light-box .p-mfp-popup-wrapper {
max-width: 960px;
width: 90%;
}
@media screen and (max-width: 700px) {
.mfp-wrap2 .p-bv-light-box .mfp-content,
.mfp-wrap2 .p-bv-light-box .p-mfp-popup-wrapper {
width: 100%;
}
}
.p-wtb-container .p-button {
font-size: 12px;
line-height: 17px;
margin: 0px 7px 0px 0px;
min-width: 78px;
padding: 4px 20px 3px 20px;
text-decoration: none;
vertical-align: top;
border: 1px solid transparent;
color: #ffffff;
background-color: #e26d00;
}
.p-wtb-container .p-button:hover {
background-color: #c96100;
}
.p-wtb-container .p-button:last-child {
margin-right: 0px;
}
.p-wtb-container .p-button.p-flagship-store {
border: 1px solid transparent;
color: #ffffff;
background-color: #f0b160;
}
.p-wtb-container .p-button.p-flagship-store:hover {
background-color: #eea649;
}
.p-wtb-container .p-button.p-button-disabled {
background: none !important;
border-color: #999999;
color: #999999;
cursor: default;
outline: none;
pointer-events: none;
}
.p-wtb-container.p-large .p-button {
font-size: 14px;
line-height: 20px;
min-width: 86px;
padding: 7px 20px 6px 20px;
}
.p-wtb-container .p-retailers-matrix .p-grid {
margin-left: -3%;
padding-bottom: 10px;
}
.p-wtb-container .p-retailers-matrix .p-grid:last-child {
padding-bottom: 0 !important;
}
.p-wtb-container .p-retailers-matrix .p-grid-item {
padding-left: 3%;
}
.p-wtb-container .p-retailers-matrix .p-retailer-logo {
display: table;
table-layout: fixed;
width: 100%;
}
.p-wtb-container .p-retailers-matrix .p-retailer-logo a {
border: 1px #CCC solid;
display: table-cell;
height: 35px;
padding: 8px 10px 8px 10px;
text-align: center;
vertical-align: middle;
}
.p-wtb-container .p-retailers-matrix .p-retailer-logo img {
max-height: 35px;
max-width: 100%;
vertical-align: middle;
}
.p-wtb-container .p-retailers-matrix .p-retailer__with-price {
align-items: center;
display: flex;
gap: 13px;
margin-bottom: 13px;
}
.p-wtb-container .p-retailers-matrix .p-retailer__with-price .p-retailer-logo {
display: block;
table-layout: auto;
width: 135px;
}
.p-wtb-container .p-retailers-matrix .p-retailer__with-price .p-retailer-logo a {
box-sizing: border-box;
display: block;
height: auto;
}
.p-wtb-container .p-retailers-matrix .p-retailer-info {
margin-top: 2px;
}
.p-wtb-container .p-retailers-matrix .p-retailer-info a,
.p-wtb-container .p-retailers-matrix .p-retailer-info p {
font-size: 12px;
padding-left: 8px;
}
.p-wtb-container .p-retailers-matrix .p-retailer-info p {
color: #777;
line-height: 18px;
}
.p-wtb-container .p-retailers-matrix .p-retailer-info .p-link-more:after {
font-size: 1em;
height: 14px;
}
.p-wtb-container .p-retailers-matrix .p-stock-info.p-out-of-stock p {
color: #e8171f;
}
.p-wtb-container .p-retailers-matrix .p-other-info a {
display: none;
}
.p-wtb-container .p-retailers-matrix .p-account-required:before {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjNzc3JyBkPSdNNDY0IDUxMmgtNDE2Yy04LjgzMiAwLTE2LTcuMTUyLTE2LTE2di0yNTZjMC04Ljg0OCA3LjE2OC0xNiAxNi0xNmg0OHYtNjRjMC04OC4zNjggNzEuNjMyLTE2MCAxNjAtMTYwczE2MCA3MS42MzIgMTYwIDE2MHY2NGg0OGM4Ljg0OCAwIDE2IDcuMTUyIDE2IDE2djI1NmMwIDguODQ4LTcuMTUyIDE2LTE2IDE2ek0zNTIgMTUyYzAtNDguNjA4LTQyLjk5Mi04OC05Ni04OHMtOTYgMzkuMzkyLTk2IDg4djcyaDE5MnYtNzJ6Jz48L3BhdGg+PC9zdmc+") no-repeat center center;
content: "";
display: inline-block;
height: 0.9em;
margin-right: 0.45em;
width: 0.9em;
}
.p-wtb-container .p-retailers-matrix .p-stock-info.p-in-stock {
display: none;
}
.p-wtb-container .p-retailers-matrix + .p-button,
.p-wtb-container .p-retailers-matrix + .p-button + .p-button {
margin-top: 10px;
}
@media screen and (max-width: 700px) {
.p-wtb-container.p-xs-s-large .p-button {
font-size: 14px;
line-height: 20px;
min-width: 86px;
padding: 7px 20px 6px 20px;
}
.p-wtb-container.p-xs-s-full-bleed .p-button {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
[dir=rtl] .p-wtb-container .p-retailers-matrix .p-retailer-info a,
[dir=rtl] .p-wtb-container .p-retailers-matrix .p-retailer-info p {
padding-left: 0;
padding-right: 8px;
}
[dir=rtl] .p-wtb-container .p-retailers-matrix .p-account-required:before {
margin-left: 0.45em;
margin-right: 0;
}
.p-popup-wrapper .p-pop07-find-retailer .p-heading-03 {
padding: 0px 10px 0px 10px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix {
padding: 0px 10px 0px 10px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid {
margin-left: -60px;
padding-bottom: 40px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid:last-child {
padding-bottom: 0 !important;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid-item {
padding-left: 60px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-logo {
display: table;
table-layout: fixed;
width: 100%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-logo a {
border: 1px #CCC solid;
display: table-cell;
height: 35px;
padding: 8px 10px 8px 10px;
text-align: center;
vertical-align: middle;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-logo img {
max-height: 35px;
max-width: 100%;
vertical-align: middle;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer__with-price {
align-items: center;
display: flex;
gap: 13px;
margin-bottom: 13px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer__with-price .p-retailer-logo {
display: block;
table-layout: auto;
width: 135px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer__with-price .p-retailer-logo a {
box-sizing: border-box;
display: block;
height: auto;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info {
margin-top: 2px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info a,
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info p {
font-size: 12px;
padding-left: 8px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info p {
color: #777;
line-height: 18px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info .p-link-more:after {
font-size: 1em;
height: 14px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-stock-info.p-out-of-stock p {
color: #e8171f;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-other-info a {
display: none;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-account-required:before {
background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJz48cGF0aCBmaWxsPScjNzc3JyBkPSdNNDY0IDUxMmgtNDE2Yy04LjgzMiAwLTE2LTcuMTUyLTE2LTE2di0yNTZjMC04Ljg0OCA3LjE2OC0xNiAxNi0xNmg0OHYtNjRjMC04OC4zNjggNzEuNjMyLTE2MCAxNjAtMTYwczE2MCA3MS42MzIgMTYwIDE2MHY2NGg0OGM4Ljg0OCAwIDE2IDcuMTUyIDE2IDE2djI1NmMwIDguODQ4LTcuMTUyIDE2LTE2IDE2ek0zNTIgMTUyYzAtNDguNjA4LTQyLjk5Mi04OC05Ni04OHMtOTYgMzkuMzkyLTk2IDg4djcyaDE5MnYtNzJ6Jz48L3BhdGg+PC9zdmc+") no-repeat center center;
content: "";
display: inline-block;
height: 0.9em;
margin-right: 0.45em;
width: 0.9em;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form {
background: #f7f7f9;
border-top: 1px solid #e0e0e8;
border-bottom: 1px solid #e0e0e8;
padding: 25px 10px 25px 10px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-button-col {
float: right;
margin-left: 10px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-input-col {
overflow: hidden;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form button {
padding: 6px 0px 6px 0px;
min-width: 60px;
width: auto;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-find-nearby {
display: none;
margin: 15px 0px -10px 0px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-link-more:after {
font-size: 1em;
height: 1em;
}
.p-popup-wrapper .p-pop07-find-retailer .p-link-more {
color: #7d0063;
text-decoration: none;
}
.p-popup-wrapper .p-pop07-find-retailer .p-link-more:hover {
text-decoration: underline;
}
.p-popup-wrapper .p-pop07-find-retailer .p-popup-back span {
font-size: 14px;
padding: 13px 30px 13px 30px;
}
@media screen and (max-width: 700px) {
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid {
padding-bottom: 0;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid-item {
display: table;
padding-bottom: 20px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid-item div {
display: table-cell;
vertical-align: middle;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-grid-item .p-wtb-info-wrapper {
display: table;
width: 100%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-logo {
width: 35%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-logo a {
display: block;
line-height: 35px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info {
width: 65%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info a,
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info p {
padding-left: 10px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-stock-info {
text-align: center;
width: 40%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-stock-info span {
display: block;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-other-info {
width: 60%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-other-info a {
display: block;
}
}
@media screen and (min-width: 701px) {
.p-popup-wrapper .p-pop07-find-retailer {
width: 650px;
height: 300px;
margin-left: -325px;
left: 50%;
top: 50%;
}
.p-popup-wrapper .p-pop07-find-retailer .p-scrollable-content {
overflow: auto;
height: 100%;
width: auto;
}
.p-popup-wrapper .p-pop07-find-retailer .p-scrollable-content.p-has-content {
min-height: 90px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-heading-03 {
padding: 0px 0px 0px 0px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix {
padding-top: 15px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-footer .p-offline-section {
padding-top: 40px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form {
border-left: 1px solid #e0e0e8;
border-right: 1px solid #e0e0e8;
border-radius: 4px 4px 4px 4px;
padding-left: 20px;
padding-right: 20px;
margin-top: 20px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-button-col {
margin-left: 20px;
}
.p-popup-wrapper .p-pop07-find-retailer .p-search-form button {
min-width: 80px;
padding: 8px 0px 8px 0px;
}
}
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-button-col {
float: left;
margin-left: 0;
margin-right: 10px;
}
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info a,
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info p {
padding-left: 0;
padding-right: 8px;
}
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-account-required:before {
margin-left: 0.45em;
margin-right: 0;
}
@media screen and (max-width: 700px) {
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info a,
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-retailers-matrix .p-retailer-info p {
padding-left: 0;
padding-right: 10px;
}
}
@media screen and (min-width: 701px) {
[dir=rtl] .p-popup-wrapper .p-pop07-find-retailer .p-search-form .p-button-col {
margin-left: 0;
margin-right: 20px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-f02-global-footer {
color: #ffffff;
background-color: #ca00a0;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
}
.p-f02-global-footer a {
font-weight: bold;
}
.p-f02-global-footer a:hover {
text-decoration: underline;
}
.p-f02-global-footer .p-main-footer {
position: relative;
max-width: 960px;
padding-bottom: 34px;
padding-top: 34px;
margin: 0 auto;
}
.p-f02-global-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo.png') no-repeat center center;
height: 140px;
min-width: 110px;
margin-bottom: 20px;
}
.p-f02-global-footer .p-main-footer-language {
clear: both;
width: 100%;
text-align: center;
margin: 0px 0px 20px 0px;
margin-left: auto;
margin-right: auto;
}
.p-f02-global-footer .p-main-footer-language output {
display: block;
color: #b3c8e6;
}
.p-f02-global-footer .p-main-footer-language .p-link-more {
color: #ffffff;
float: none;
padding: 0px 5px 0px 0px;
}
.p-f02-global-footer .p-main-footer-language .p-link-more.p-link-more-triangle-down:after {
color: #ffffff;
}
.p-f02-global-footer .p-icon-earth {
color: #ffffff;
margin-right: 9px;
position: relative;
top: -2px;
}
.p-f02-global-footer .p-main-footer-about {
text-align: center;
}
.p-f02-global-footer .p-main-footer-about ul {
font-size: 0;
margin-bottom: 18px;
}
.p-f02-global-footer .p-main-footer-about ul .p-always-visible {
display: inline-block;
}
.p-f02-global-footer .p-main-footer-about ul .p-always-visible.first {
border-left: none;
}
.p-f02-global-footer .p-main-footer-about ul li {
padding: 0px 14px 0px 14px;
margin-bottom: 2px;
border-left: 1px solid #ffffff;
display: none;
list-style: none outside none;
}
.p-f02-global-footer .p-main-footer-about ul li:first-child {
border-left: none;
}
.p-f02-global-footer .p-main-footer-about ul li a {
font-size: 14px;
font-weight: normal;
color: #ffffff;
}
.p-f02-global-footer .p-main-footer-about p {
color: #b3c8e6;
}
.p-rtl .p-f02-global-footer .p-main-footer-language .p-link-more.p-link-more-triangle-down:after {
margin-right: 6px;
}
.p-rtl .p-f02-global-footer .p-icon-earth {
margin-right: 18px;
margin-left: -2px;
}
@media screen and (min-width: 701px) {
.p-f02-global-footer .p-main-footer-about ul li,
.tbd01-genericnavigation .p-main-footer-about ul li {
display: inline-block;
}
.p-f02-global-footer .p-main-footer,
.tbd01-genericnavigation .p-main-footer {
padding-top: 54px;
}
.p-f02-global-footer .p-philips-shield,
.tbd01-genericnavigation .p-philips-shield {
margin-bottom: 34px;
}
.p-f02-global-footer .p-main-footer-about ul .p-always-visible.first,
.tbd01-genericnavigation .p-main-footer-about ul .p-always-visible.first {
border-left: medium none;
}
.p-f02-global-footer .p-main-footer-language output,
.tbd01-genericnavigation .p-main-footer-language output {
display: inline-block;
margin-bottom: 3px;
padding-right: 10px;
}
.p-f02-global-footer .p-main-footer-language .p-link-more,
.tbd01-genericnavigation .p-main-footer-language .p-link-more {
display: inline-block;
font-weight: normal;
}
.p-f02-global-footer .p-icon-earth,
.tbd01-genericnavigation .p-icon-earth {
top: 0;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted.p-f02-global-footer {
color: #0089c4;
background: #ffffff;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
}
.p-inverted.p-f02-global-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo-blue.png') no-repeat center center;
}
.p-inverted.p-f02-global-footer .p-main-footer-language output {
color: #999999;
}
.p-inverted.p-f02-global-footer .p-main-footer-language .p-link-more {
color: #0089c4;
}
.p-inverted.p-f02-global-footer .p-main-footer-language .p-link-more.p-link-more-triangle-down:after {
color: #0089c4;
}
.p-inverted.p-f02-global-footer .p-icon-earth {
color: #0089c4;
}
.p-inverted.p-f02-global-footer .p-main-footer-about ul li {
border-left-color: #0089c4;
}
.p-inverted.p-f02-global-footer .p-main-footer-about ul li a {
color: #0089c4;
}
.p-inverted.p-f02-global-footer .p-main-footer-about p {
color: #999999;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-f03-footer-container {
color: #ffffff;
background-color: #ca00a0;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
}
.p-f03-footer-container .p-footer {
margin: 0 auto;
max-width: 960px;
position: relative;
}
.p-f03-footer-container .p-footer > div {
margin-left: 0px;
padding: 70px 58px 69px 58px;
}
.p-f03-footer-container .p-footer .p-footer-social {
padding-top: 50px;
}
.p-f03-footer-container .p-footer .p-gc23v2-icon > a > i {
color: #631d76;
}
.p-f03-footer-container .p-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo.png') no-repeat center center;
height: 140px;
min-width: 110px;
}
.p-f03-footer-container .p-footer .p-footer-select {
text-align: right;
padding-top: 50px;
}
.p-f03-footer-container .p-footer .p-text {
color: black;
}
.p-f03-footer-container .p-footer .p-grid-item {
min-height: 1px;
}
.p-f03-footer-container .p-footer .p-grid-item .p-body-copy-02 {
color: #f3ebfa;
}
.p-f03-footer-container .p-footer .gc23v2-icon.section {
display: inline-block;
}
.p-f03-footer-container .p-footer .p-gc23v2-icon {
float: none;
display: inline;
}
.p-f03-footer-container .p-footer .p-gc23v2-icon:after {
display: inline;
}
.p-f03-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #ffffff;
}
.p-f03-footer-container .p-footer .n05-selectcountry output i:after {
font-size: 8px;
}
.p-f03-footer-container .p-main-footer-about a {
color: #ffffff;
}
@media screen and (max-width: 700px) {
.p-f03-footer-container .p-footer {
overflow: visible;
padding: 70px 0px 25px 0px;
}
.p-f03-footer-container .p-footer > div {
position: relative;
padding-top: 208px;
}
.p-f03-footer-container .p-footer .p-footer-social {
padding-top: 0px;
}
.p-f03-footer-container .p-footer .p-philips-shield {
position: absolute;
height: 140px;
left: 0px;
top: 0px;
}
.p-f03-footer-container .p-footer .p-footer-select {
margin-top: 28px;
padding-top: 0px;
}
.p-f03-footer-container .p-footer .p-grid-item {
text-align: center;
}
.p-f03-footer-container .p-footer .p-gc23v2-icon i:after {
font-size: 32px;
line-height: 42px;
}
}
.p-rtl .p-footer-select {
text-align: left !important;
}
/*
Inverted styles
---------------------------*/
.p-inverted.p-f03-footer-container {
background: #ffffff;
color: #0089c4;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
}
.p-inverted.p-f03-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #7d0063;
}
.p-inverted.p-f03-footer-container .p-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo-blue.png') no-repeat center center;
}
.p-inverted.p-f03-footer-container .p-footer .p-body-copy-02 {
color: #999999;
}
.p-inverted.p-f03-footer-container .p-main-footer-about a {
color: #0089c4;
}
/*
Local variables
---------------------------*/
/*
@f03v2-color-mid: @palette-color-dark;
@f03v2-color-light: @palette-color-light;
@f03v2-color-dark: @palette-color-very-dark;
*/
/*
Defaults
---------------------------*/
.p-f03v2-footer-container {
color: #3c3c41;
background-color: #ffffff;
}
.p-f03v2-footer-container .p-footer {
margin: 0 auto;
max-width: 960px;
}
.p-f03v2-footer-container .p-footer .p-footer-country-list {
margin-left: 0;
color: #7ba4d9;
white-space: nowrap;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right-inner {
float: right;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right-inner .p-gc23v2-icon {
width: max-content;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right-inner .p-n14-link-list .p-grid {
width: min-content;
float: right;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-grid-item {
padding-left: 0px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-n14-link-list .p-grid {
margin-left: 0px;
padding: 0px 0px 0px 0px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-n14-link-list .p-l-one-quarter {
width: 100%;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-n14-link-list .p-l-one-quarter a {
color: #969696;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-gc23v2-icon a i::after {
color: #969696;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom {
border-top: 1px solid;
color: #3c3c41;
padding-top: 10px;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-left div,
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-left span {
font-size: 14px;
color: #969696;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right {
margin-top: 3px;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right .p-n14-link-list.horizontal {
text-align: right;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right .p-n14-link-list a {
color: #969696;
font-size: 14px;
}
.p-f03v2-footer-container .p-footer > div {
margin-left: 0px;
padding: 70px 0px 50px 0px;
}
.p-f03v2-footer-container .p-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo.png') no-repeat center center;
height: 140px;
min-width: 110px;
}
.p-f03v2-footer-container .p-footer .p-grid-item {
min-height: 1px;
}
.p-f03v2-footer-container .p-footer .p-grid-item .p-body-copy-02 {
color: #f3ebfa;
}
.p-f03v2-footer-container .p-footer .gc23v2-icon.section {
display: inline-block;
}
.p-f03v2-footer-container .p-footer .p-gc23v2-icon {
float: none;
display: inline;
}
.p-f03v2-footer-container .p-footer .p-gc23v2-icon:after {
display: inline;
}
.p-f03v2-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #ffffff;
}
.p-f03v2-footer-container .p-footer .p-n05-selectcountry output i:after {
font-size: 8px;
}
.p-f03v2-footer-container .p-main-footer-about a {
color: #ffffff;
}
@media screen and (max-width: 845px) {
.p-f03v2-footer-container .p-footer .p-n05-selectcountry {
padding-left: 11px;
}
.p-f03v2-footer-container .p-footer .gc23v2-icon {
padding-left: 11px;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-left {
width: 100%;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right {
width: 100%;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right .p-n14-link-list.horizontal {
padding-left: 5px;
text-align: left;
}
}
@media screen and (max-width: 700px) {
.p-f03v2-footer-container .p-footer {
overflow: visible;
padding: 50px 25px 25px 25px;
}
.p-f03v2-footer-container .p-footer .p-row-gutter {
padding-left: 0px;
padding-right: 0px;
}
.p-f03v2-footer-container .p-footer > div {
position: relative;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-n05-selectcountry {
padding-left: 0px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .gc23v2-icon {
padding-left: 0px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-left {
padding-top: 0px;
text-align: left;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-mid {
position: absolute;
max-height: 70px;
left: 0px;
top: 0px;
width: 280px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right {
margin-top: 28px;
padding-top: 0px;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right .p-footer-par-right-inner {
float: none;
}
.p-f03v2-footer-container .p-footer .p-footer-top .p-footer-par-right .p-footer-par-right-inner .p-n14-link-list .p-grid {
float: none;
}
.p-f03v2-footer-container .p-footer .p-grid-item {
text-align: left;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom {
border-top: 1px solid;
color: #3c3c41;
padding-top: 10px;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-left {
text-align: left;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right {
margin-top: 3px;
}
.p-f03v2-footer-container .p-footer .p-footer-bottom .p-footer-bottom-right .p-n14-link-list.horizontal {
padding-left: 0px;
text-align: left;
}
}
.p-rtl .p-footer-par-right {
text-align: left !important;
}
/*
Inverted styles
---------------------------*/
.p-inverted.p-f03v2-footer-container {
background: #ffffff;
color: #0089c4;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
}
.p-inverted.p-f03v2-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #7d0063;
}
.p-inverted.p-f03v2-footer-container .p-footer .p-philips-shield {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/f03-footer/philips-footer-logo-blue.png') no-repeat center center;
}
.p-inverted.p-f03v2-footer-container .p-footer .p-body-copy-02 {
color: #999999;
}
.p-inverted.p-f03v2-footer-container .p-main-footer-about a {
color: #0089c4;
}
.p-f31-endorsement-footer {
background-color: #f5f5f5;
color: #969696;
}
.p-f31-endorsement-footer.p-with-border {
border-top: 1px solid #e1e1e1;
}
.p-f31-endorsement-footer a {
color: #969696;
}
.p-f31-endorsement-footer .p-bold {
color: #969696;
}
.p-f31-endorsement-footer .p-f31-inner-wrapper {
margin: 0 auto;
padding-top: 20px;
padding-bottom: 20px;
max-width: 960px;
}
.p-f31-endorsement-footer .p-f31-inner-wrapper .p-grid {
display: table;
width: 100%;
}
.p-f31-endorsement-footer .p-logo-section img {
max-width: none;
}
.p-f31-endorsement-footer .p-logo-section p {
margin-top: 10px;
}
.p-f31-endorsement-footer .p-brands-section ul,
.p-f31-endorsement-footer .p-brands-section li {
display: inline-block;
}
.p-f31-endorsement-footer .p-brands-section ul {
margin-top: 5px;
}
.p-f31-endorsement-footer .p-brands-section li {
margin-right: 20px;
}
.p-f31-endorsement-footer .p-brands-section p {
margin-top: 20px;
}
.p-f31-endorsement-footer.p-inverted {
color: #969696;
background-color: #3c3c41;
}
.p-f31-endorsement-footer.p-inverted.p-with-border {
border-top-color: #ffffff;
}
.p-f31-endorsement-footer.p-inverted a {
color: #969696;
}
.p-f31-endorsement-footer.p-inverted .p-bold {
color: #969696;
}
[dir=rtl] .p-f31-endorsement-footer .p-brands-section li {
margin-left: 20px;
margin-right: 0;
}
@media screen and (min-width: 961px) {
.p-f31-endorsement-footer .p-f31-inner-wrapper {
padding-top: 10px;
padding-bottom: 10px;
}
.p-f31-endorsement-footer .p-f31-inner-wrapper .p-grid {
display: table;
min-height: 70px;
width: 982px;
}
.p-f31-endorsement-footer .p-logo-section,
.p-f31-endorsement-footer .p-brands-section {
display: table-cell;
float: none;
vertical-align: middle;
}
.p-f31-endorsement-footer .p-logo-section a,
.p-f31-endorsement-footer .p-logo-section p,
.p-f31-endorsement-footer .p-logo-section > img {
display: table-cell;
vertical-align: middle;
}
.p-f31-endorsement-footer .p-logo-section p {
margin-top: 0;
padding-left: 22px;
}
.p-f31-endorsement-footer .p-brands-section {
text-align: right;
}
.p-f31-endorsement-footer .p-brands-section p {
display: inline-block;
margin-top: 0;
}
.p-f31-endorsement-footer .p-brands-section ul {
margin-top: 0;
}
.p-f31-endorsement-footer .p-brands-section li {
margin-left: 20px;
margin-right: 0;
}
[dir=rtl] .p-f31-endorsement-footer .p-logo-section p {
padding-left: 0;
padding-right: 22px;
}
[dir=rtl] .p-f31-endorsement-footer .p-brands-section {
text-align: left;
}
[dir=rtl] .p-f31-endorsement-footer .p-brands-section li {
margin-left: 0;
margin-right: 20px;
}
}
.p-gc02-container {
margin: 0 auto;
}
.p-gc02-container .p-wrapper {
max-width: 960px;
margin: 0 auto;
background-position: top center;
background-repeat: no-repeat;
/* added negative margin-left
* to avoid "white space"
* between GC01s inside GC02
*/
}
.p-gc02-container .p-wrapper.p-full-bleed {
max-width: 100%;
}
.p-gc02-container .p-wrapper .p-component-wrapper {
max-width: 960px;
margin: 0 auto;
}
.p-gc02-container .p-wrapper .p-gc01-generic-content + .p-gc01-generic-content {
margin-left: -5px;
}
.p-gc02-container .p-wrapper .p-gc01-generic-content.p-one-whole {
margin-left: 0px;
}
/*
Colors still need to be put in variables.
Use Atomics.
Add Inverted.
Arrows should always stick in viewport.
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc03v2-carousel-single-item {
position: relative;
}
.p-gc03v2-carousel-single-item .p-carousel-gradient-overlay {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.4;
background: linear-gradient(#040404, transparent, transparent, transparent, #040404);
z-index: 3;
}
.p-gc03v2-carousel-single-item .p-carousel-static-overlay {
position: absolute;
left: 10%;
width: 80%;
height: fit-content;
text-align: center;
z-index: 4;
margin-top: 24px;
}
.p-gc03v2-carousel-single-item .p-content-max-width {
max-width: 960px;
margin: 0 auto;
}
.p-gc03v2-carousel-single-item .p-gc03v2-carousel-single-item-inner {
position: relative;
}
.p-gc03v2-carousel-single-item .p-gc03v2-carousel-single-item-inner.p-one-slide .p-carousel-controls,
.p-gc03v2-carousel-single-item .p-gc03v2-carousel-single-item-inner.p-one-slide .p-carousel-indicator {
display: none;
}
.p-gc03v2-carousel-single-item .p-carousel-wrapper {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
position: relative;
width: 100%;
}
.p-gc03v2-carousel-single-item .p-carousel-wrapper.p-carousel-wrapper-pull {
padding-bottom: 20px;
}
.p-gc03v2-carousel-single-item .p-carousel-view {
display: block;
position: relative;
left: 0;
}
.p-gc03v2-carousel-single-item .p-carousel-view > li {
z-index: 1;
width: 100%;
display: block;
float: left;
position: relative;
}
.p-gc03v2-carousel-single-item .p-carousel-view > li .p-gc01-generic-content .p-content-inner {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 40px;
}
.p-gc03v2-carousel-single-item .p-carousel-view > li img {
-webkit-user-drag: none;
user-drag: none;
}
.p-gc03v2-carousel-single-item .p-nav-next,
.p-gc03v2-carousel-single-item .p-nav-prev {
display: none;
position: absolute;
top: 50%;
z-index: 3004;
margin-top: -11px;
}
.p-gc03v2-carousel-single-item .p-nav-prev {
left: 20px;
}
.p-gc03v2-carousel-single-item .p-nav-prev.p-nav-buttons-pull {
margin-top: -20px;
}
.p-gc03v2-carousel-single-item .p-nav-next {
right: 20px;
}
.p-gc03v2-carousel-single-item .p-nav-next.p-nav-buttons-pull {
margin-top: -20px;
}
.p-gc03v2-carousel-single-item .p-carousel-controls {
position: absolute;
top: 50%;
width: 100%;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator-color {
color: #d8b3d0;
display: none;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator-hover-color {
color: #7d0063;
display: none;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator {
text-align: center;
height: 0px;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator li {
height: 20px;
width: 20px;
display: inline-block;
position: relative;
top: -50px;
z-index: 1043;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator li,
.p-gc03v2-carousel-single-item .p-carousel-indicator li.p-active,
.p-gc03v2-carousel-single-item .p-carousel-indicator li:hover {
background: none;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator li:hover {
position: relative;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator li.p-carousel-indicator-pull {
top: 0px;
}
.p-gc03v2-carousel-single-item.p-inverted .p-carousel-indicator-color,
.p-inverted .p-gc03v2-carousel-single-item .p-carousel-indicator-color {
color: #888b9c;
display: none;
}
.p-gc03v2-carousel-single-item.p-inverted .p-carousel-indicator-hover-color,
.p-inverted .p-gc03v2-carousel-single-item .p-carousel-indicator-hover-color {
color: #ffffff;
display: none;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc03v2-carousel-single-item {
padding-bottom: 0px;
width: 100%;
}
.p-gc03v2-carousel-single-item .p-gc01-generic-content {
margin-left: -0.5%;
padding-left: 0.5%;
width: 100%;
}
.p-gc03v2-carousel-single-item .p-carousel-indicator {
bottom: 15px;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-indicator {
display: none;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-view {
left: 0 !important;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-view > li {
float: none;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-view .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-view .p-pc06-product-banner .p-banner {
padding: 10px 10px 10px 0px;
}
.p-gc03v2-carousel-single-item .p-mobile-list .p-carousel-view .p-pc06-product-banner .p-price-disclaimer {
display: none;
}
.p-gc03v2-carousel-single-item .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
.p-gc03v2-carousel-single-item .p-pc06-product-banner .p-banner {
padding: 10px 10px 40px 0px;
}
}
@media screen and (min-width: 701px) {
.p-gc03v2-carousel-single-item .p-carousel-static-overlay {
margin-top: 64px;
}
.p-gc03v2-carousel-single-item .p-nav-next,
.p-gc03v2-carousel-single-item .p-nav-prev {
display: block;
}
.p-gc03v2-carousel-single-item .p-nav-next {
right: 20px;
}
.p-gc03v2-carousel-single-item .p-nav-prev {
left: 20px;
}
.p-gc03v2-carousel-single-item .p-carousel-view section {
position: relative;
left: 0;
}
.p-gc03v2-carousel-single-item .p-carousel-view .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
.p-gc03v2-carousel-single-item .p-carousel-view .p-pc06-product-banner .p-banner {
padding: 0px 0px 60px 0px;
}
}
@media screen and (min-width: 961px) {
.p-gc03v2-carousel-single-item .p-content-max-width {
max-width: 960px;
margin: 0 auto;
}
.p-gc03v2-carousel-single-item .p-gc03v2-carousel-single-item-inner {
position: relative;
}
.p-gc03v2-carousel-single-item .p-carousel-view .p-pc06-product-banner .p-banner {
padding: 0px 0px 30px 0px;
}
}
/*
Defaults
---------------------------*/
.p-gc04v3-gridcontainer {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
position: relative;
transition: opacity 300ms;
}
.p-gc04v3-gridcontainer.lazyload {
opacity: 0;
}
.p-gc04v3-gridcontainer.lazyloaded {
opacity: 1;
}
.p-gc04v3-gridcontainer > .p-gc04-positioning {
margin: 0 auto;
max-width: 960px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc04v3-gridcontainer > .p-gc04-positioning:after {
content: "";
display: table;
clear: both;
}
.p-gc04v3-gridcontainer.p-content-full-bleed .p-gc04-positioning {
max-width: none;
}
.p-gc04v3-gridcontainer.p-drop-shadow {
z-index: 1;
}
.p-gc04v3-gridcontainer.p-image-gradient:before {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 60%);
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
Local variables
---------------------------*/
/*
Local mixins
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc05v2-tabcontainer .p-tabs-viewport {
background: #7d0063;
}
.p-gc05v2-tabcontainer .p-tabs-viewport .p-tab-container {
max-width: 960px;
margin: 0 auto ;
}
.p-gc05v2-tabcontainer .p-tabs-viewport.p-button-tabs {
background: transparent ;
}
.p-gc05v2-tabcontainer .p-tabs-viewport.p-accordion-l-tab-viewport {
background: transparent ;
}
.p-gc05v2-tabcontainer .p-tab-container > li {
float: left;
margin-bottom: 1px;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a {
position: relative;
display: block;
font-size: 14px;
line-height: 16px;
font-weight: normal;
background-color: #7d0063;
color: #ffffff;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a span {
padding: 13px 0px 11px 8px;
line-height: inherit;
margin-right: 26px;
display: inline-block;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a:hover {
text-decoration: none;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a .p-accordion-arrow {
margin-top: -7px;
position: absolute;
right: 8px;
top: 50%;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a .p-accordion-arrow:after {
font-size: inherit;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a .p-long {
font-size: 12px;
line-height: 15px;
}
.p-gc05v2-tabcontainer .p-tab-container > li > a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -5px;
width: 1px;
}
.p-inverted.p-gc05v2-tabcontainer .p-tab-container > li > a {
background-color: #ffffff;
color: #7d0063;
}
.p-inverted.p-gc05v2-tabcontainer .p-tab-container > li > a:hover {
background: #7d0063 !important;
color: #ffffff !important;
}
.p-inverted.p-gc05v2-tabcontainer .p-tab-container > li.p-selected a {
background: #7d0063 !important;
color: #ffffff !important;
}
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
/*
Max Width 760
---------------------------*/
@media screen and (min-width: 701px) {
.p-gc05v2-tabcontainer .p-tab-container > li > a {
width: 100%;
display: table;
}
.p-gc05v2-tabcontainer .p-tab-container > li span {
word-break: break-word;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons {
text-align: center;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li {
display: inline-block;
width: auto;
float: none;
background: transparent;
padding-right: 16px;
vertical-align: top;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li a.p-tab-button .p-accordion-arrow {
display: none;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li a.p-tab-button span {
margin-right: 0;
padding: 0;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li a.p-tab-button:after {
display: none;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li:last-child {
padding-right: 0;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li.p-selected {
background: transparent;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li.p-selected a.p-tab-button {
background-color: #ffffff;
color: #7d0063;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li.p-selected a span {
font-weight: bold;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-content-container-side.p-m-two-thirds {
float: right;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs {
position: relative;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-left {
float: left;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-left li {
margin-right: 20px;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-right {
float: right;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-right li {
margin-left: 20px;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-right li,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-left li {
display: block;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-right .p-main-buttons li,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-button-tabs.p-button-placement-left .p-main-buttons li {
padding-right: 0px;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-left {
float: left;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-right {
float: right;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-left a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-right a {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-left a:hover,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs.p-button-placement-right a:hover {
border-bottom: 1px solid #ffffff;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container {
position: relative;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li {
text-align: center;
margin-bottom: 0px;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li > a span {
margin-right: 0px;
padding-right: 8px;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li > a:hover {
background: #ffffff;
color: #7d0063;
text-decoration: none;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li.p-selected > a {
background: #ffffff;
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li .p-accordion-arrow {
display: none;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container .p-tab-content {
position: absolute;
left: 0px;
}
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container a:hover {
background: #7d0063;
color: #ffffff;
}
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-selected a {
background: #7d0063;
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a {
/* 1 */
background: rgba(125, 0, 99, 0.8);
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li.p-selected a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a:hover {
/* 1 */
background: #ffffff;
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/* 2 */
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a:hover,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a:hover {
/* 5 */
background-color: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-inverted .p-gc05v2-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/*1 */
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-gc05v2-tabcontainer .p-tabs-viewport.p-accordion-m-tab-viewport {
background: transparent;
}
.p-gc05v2-tabcontainer .p-tab-tabs.p-accordion-m-tab-viewport .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(66, 20, 95, 0.4);
color: #42145f;
}
.p-gc05v2-tabcontainer .p-tab-tabs.p-accordion-m-tab-viewport .p-accordion-transparency > li > a span {
font-size: 16px;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs.p-accordion-m-tab-viewport .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs.p-accordion-m-tab-viewport .p-accordion-transparency > li > a span {
font-size: 16px;
}
}
@media screen and (min-width: 961px) {
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-content-container-side.p-m-two-thirds {
float: right;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs {
position: relative;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-left {
float: left;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-left li {
margin-right: 20px;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-right {
float: right;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-right li {
margin-left: 20px;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-right li,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-left li {
display: block;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-right .p-main-buttons li,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-button-tabs.p-button-placement-left .p-main-buttons li {
padding-right: 0px;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-left {
float: left;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-right {
float: right;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-left a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-right a {
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-left a:hover,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs.p-button-placement-right a:hover {
border-bottom: 1px solid #ffffff;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container {
position: relative;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li {
text-align: center;
margin-bottom: 0px;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li > a span {
margin-right: 0px;
padding-right: 8px;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li > a:hover {
background: #ffffff;
color: #7d0063;
text-decoration: none;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li.p-selected > a {
background: #ffffff;
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li .p-accordion-arrow {
display: none;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container .p-tab-content {
position: absolute;
left: 0px;
}
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container a:hover {
background: #7d0063;
color: #ffffff;
}
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-selected a {
background: #7d0063;
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a {
/* 1 */
background: rgba(125, 0, 99, 0.8);
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li.p-selected a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a:hover {
/* 1 */
background: #ffffff;
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/* 2 */
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a:hover,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a:hover {
/* 5 */
background-color: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-inverted .p-gc05v2-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/*1 */
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li {
padding-right: 16px;
}
.p-gc05v2-tabcontainer .p-button-tabs .p-main-buttons li:last-child {
padding-right: 0;
}
.p-gc05v2-tabcontainer .p-tab-tabs.p-accordion-l-tab-viewport .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(66, 20, 95, 0.4);
color: #42145f;
}
.p-gc05v2-tabcontainer .p-tab-tabs.p-accordion-l-tab-viewport .p-accordion-transparency > li > a span {
font-size: 16px;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs.p-accordion-l-tab-viewport .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs.p-accordion-l-tab-viewport .p-accordion-transparency > li > a span {
font-size: 16px;
}
}
@media screen and (max-width: 700px) {
.p-gc05v2-tabcontainer .p-tabs-viewport {
background: transparent;
}
.p-gc05v2-tabcontainer .p-tab-tabs .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(66, 20, 95, 0.4);
color: #42145f;
}
.p-gc05v2-tabcontainer .p-tab-tabs .p-accordion-transparency > li > a span {
font-size: 16px;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs .p-accordion-transparency > li > a {
background: none;
border-top: 1px solid rgba(255, 255, 255, 0.4);
color: #ffffff;
}
.p-gc05v2-tabcontainer.p-inverted .p-tab-tabs .p-accordion-transparency > li > a span {
font-size: 16px;
}
}
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc06-story-banner {
position: relative;
}
.p-gc06-story-banner .p-gc06-background {
position: absolute;
width: 100%;
bottom: 0px;
top: 0px;
overflow: hidden;
}
.p-gc06-story-banner .p-gc06-foreground {
box-sizing: border-box;
margin: 0 auto;
max-width: 960px;
position: relative;
}
.p-gc06-story-banner .p-gc06-cta {
position: absolute;
width: 100%;
text-align: center;
bottom: 50px;
left: 0px;
}
.p-gc06-story-banner .p-gc06-circle {
background: rgba(125, 0, 99, 0.8);
border-radius: 50%;
color: #ffffff;
cursor: pointer;
display: inline-block;
font-size: 14px;
width: 44px;
line-height: 44px;
}
.p-gc06-story-banner .p-gc06-circle:after {
display: block;
text-align: center;
}
.p-gc06-story-banner .p-gc06-circle:hover {
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
text-decoration: none;
}
.p-gc06-story-banner .p-gc06-citation-wrapper {
position: absolute;
right: 0px;
bottom: 50px;
width: 100%;
}
.p-gc06-story-banner .p-gc06-citation-wrapper .p-gc06-citation {
margin: 0 auto;
max-width: 960px;
text-align: right;
}
.p-gc06-story-banner.p-inverted .p-gc06-circle,
.p-inverted .p-gc06-story-banner .p-gc06-circle {
background: rgba(255, 255, 255, 0.8);
color: #7d0063;
}
@media screen and (max-width: 700px) {
.p-gc06-story-banner .p-gc06-background {
position: relative;
}
.p-gc06-story-banner .p-gc06-parent-vcenter:before {
display: block;
}
.p-gc06-story-banner .p-gc06-citation-wrapper {
bottom: 5px;
}
.p-gc06-story-banner .p-text-shadow {
text-shadow: none;
}
.p-gc06-story-banner.p-inverted .p-gc06-foreground,
.p-inverted .p-gc06-story-banner .p-gc06-foreground {
background: rgba(125, 0, 99, 0.8);
}
}
@media screen and (min-width: 961px) {
.p-gc06-story-banner {
margin: 0 auto;
max-width: 960px;
}
.p-gc06-story-banner.p-full-bleed {
max-width: 100%;
}
}
/*
Local variables
---------------------------*/
.p-gc07-accordion {
position: relative;
margin: 30px 0px 0px 0px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.p-gc07-accordion .p-masthead {
cursor: pointer;
}
.p-gc07-accordion .p-harmonica-flyout {
border-top: 1px solid #e0e0e8;
display: none;
}
.p-gc07-accordion .p-harmonica-flyout .p-pc05-product-cards .p-product-cards {
border-top: 0;
}
.p-gc07-accordion .p-show-more {
display: none;
padding-right: 10px;
cursor: pointer;
}
.p-gc07-accordion .p-show-less {
display: none;
padding-right: 10px;
cursor: pointer;
}
.p-gc07-accordion .p-active-btn {
display: inline;
}
.p-gc07-accordion .p-gc01-generic-content-2 {
border-top: 1px solid #e0e0e8;
}
.p-gc07-accordion .p-flyout-btn {
position: relative;
text-align: center;
}
.p-gc07-accordion .p-flyout-btn i:hover {
background-color: #7d0063;
color: #ffffff;
cursor: pointer;
text-decoration: none;
}
.p-gc07-accordion .p-flyout-btn-dock {
position: fixed;
bottom: 5px;
margin-left: -29px;
background: none repeat scroll 0 0 transparent;
border-radius: 2px;
height: 22px;
padding: 2px 2px 2px 2px;
text-align: center;
width: 22px;
}
.p-gc07-accordion .p-flyout-btn-normal {
background: none repeat scroll 0 0 transparent;
border-radius: 2px;
height: 22px;
padding: 5px 5px 3px 5px;
text-align: center;
width: 22px;
}
.p-gc07-accordion .p-site-frame {
position: relative;
max-width: 960px;
margin: 0 auto;
padding: 0 2%;
}
.p-gc07-accordion.p-inverted i:hover {
background-color: #ffffff;
color: #7d0063;
text-decoration: none;
}
@media screen and (min-width: 0px) {
.p-gc07-accordion .p-site-frame {
margin-top: 0px;
margin-bottom: 0px;
}
}
@media screen and (min-width: 701px) {
.p-gc07-accordion .p-site-frame {
margin-bottom: 30px;
}
}
/*
Local variables
---------------------------*/
.cell1Component-gc11,
.cell2Component-gc11 {
position: relative;
}
/*
Defaults
---------------------------*/
.p-gc08-nolink-style {
color: inherit;
text-decoration: none;
}
.p-gc08-nolink-style:hover {
text-decoration: none;
}
.p-gc08-teasercontainer {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.p-gc08-teasercontainer.p-drop-shadow {
z-index: 1;
}
.p-gc08-teasercontainer .p-gc08-positioning {
margin: 0 auto;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc08-teasercontainer .p-gc08-positioning:after {
content: "";
display: table;
clear: both;
}
.p-gc08-teasercontainer .p-gc08-positioning .p-cta-button {
position: absolute;
bottom: 10px;
width: 100%;
}
.p-gc08-teasercontainer.p-dropshadow-bottomright {
box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
}
.p-gc08-teasercontainer.p-dropshadow-right {
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.4);
}
.p-gc08-teasercontainer.p-dropshadow-bottom {
box-shadow: -3px -3px 5px 0 rgba(0, 0, 0, 0.4);
}
.p-gc08-teasercontainer .p-gc08-teaser-item1,
.p-gc08-teasercontainer .p-gc08-teaser-item2 {
float: left;
position: relative;
}
.p-gc08-teasercontainer .p-gc08-teaser-item1.p-bottom-padding,
.p-gc08-teasercontainer .p-gc08-teaser-item2.p-bottom-padding {
padding-bottom: 50px;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter {
margin-left: -22px;
width: auto;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item1,
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item2 {
box-sizing: border-box;
padding-left: 22px;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-gc08-teasercontainer .p-gc08-positioning {
width: 100%;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter {
margin-left: -10px;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item1,
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item2 {
padding-left: 10px;
}
.p-xs-box-padding {
padding: 6px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-gc08-teasercontainer .p-gc08-positioning {
width: 100%;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter {
margin-left: -16px;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item1,
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item2 {
padding-left: 16px;
}
.p-s-box-padding {
padding: 9px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc08-teasercontainer .p-gc08-positioning {
margin: 0 auto;
width: 100%;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter {
margin-left: -16px;
}
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item1,
.p-gc08-teasercontainer .p-gc08-positioning.p-gc08-col-gutter .p-gc08-teaser-item2 {
padding-left: 16px;
}
.p-m-box-padding {
padding: 11px;
}
}
@media screen and (min-width: 961px) {
.p-gc08-teasercontainer {
margin: 0 auto;
width: 960px;
}
.p-gc08-teasercontainer.p-full-bleed {
width: 100%;
}
.p-gc08-teasercontainer.p-full-bleed .p-gc08-positioning.p-viewport {
max-width: 960px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-gc08-teaser-item-inner {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-gc08-title,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-gc08-title {
width: 960px;
margin-left: auto;
margin-right: auto;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-tenth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-tenth {
width: calc(50% - 384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-tenth.p-push-l-nine-tenths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-tenth.p-push-l-nine-tenths {
left: calc(50% - -384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-tenth.p-pull-l-nine-tenths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-tenth.p-pull-l-nine-tenths {
right: calc(50% - -384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-tenth > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-tenth > .p-gc08-teaser-item-inner {
width: 96px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-nine-tenths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-nine-tenths {
width: calc(50% - -384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-nine-tenths.p-push-l-one-tenth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-nine-tenths.p-push-l-one-tenth {
left: calc(50% - 384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-nine-tenths.p-pull-l-one-tenth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-nine-tenths.p-pull-l-one-tenth {
right: calc(50% - 384px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-nine-tenths > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-nine-tenths > .p-gc08-teaser-item-inner {
width: 864px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-sixth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-sixth {
width: calc(50% - 320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-sixth.p-push-l-five-sixths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-sixth.p-push-l-five-sixths {
left: calc(50% - -320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-sixth.p-pull-l-five-sixths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-sixth.p-pull-l-five-sixths {
right: calc(50% - -320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-sixth > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-sixth > .p-gc08-teaser-item-inner {
width: 160px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-five-sixths,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-five-sixths {
width: calc(50% - -320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-five-sixths.p-push-l-one-sixth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-five-sixths.p-push-l-one-sixth {
left: calc(50% - 320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-five-sixths.p-pull-l-one-sixth,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-five-sixths.p-pull-l-one-sixth {
right: calc(50% - 320px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-five-sixths > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-five-sixths > .p-gc08-teaser-item-inner {
width: 800px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-quarter,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-quarter {
width: calc(50% - 240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-quarter.p-push-l-three-quarters,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-quarter.p-push-l-three-quarters {
left: calc(50% - -240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-quarter.p-pull-l-three-quarters,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-quarter.p-pull-l-three-quarters {
right: calc(50% - -240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-quarter > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-quarter > .p-gc08-teaser-item-inner {
width: 240px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-three-quarters,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-three-quarters {
width: calc(50% - -240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-three-quarters.p-push-l-one-quarter,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-three-quarters.p-push-l-one-quarter {
left: calc(50% - 240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-three-quarters.p-pull-l-one-quarter,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-three-quarters.p-pull-l-one-quarter {
right: calc(50% - 240px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-three-quarters > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-three-quarters > .p-gc08-teaser-item-inner {
width: 720px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-third,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-third {
width: calc(50% - 160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-third.p-push-l-two-thirds,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-third.p-push-l-two-thirds {
left: calc(50% - -160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-third.p-pull-l-two-thirds,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-third.p-pull-l-two-thirds {
right: calc(50% - -160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-third > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-third > .p-gc08-teaser-item-inner {
width: 320px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-two-thirds,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-two-thirds {
width: calc(50% - -160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-two-thirds.p-pull-l-one-third,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-two-thirds.p-pull-l-one-third {
right: calc(50% - 160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-two-thirds.p-push-l-one-third,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-two-thirds.p-push-l-one-third {
left: calc(50% - 160px);
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-two-thirds > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-two-thirds > .p-gc08-teaser-item-inner {
width: 640px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-half > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-half > .p-gc08-teaser-item-inner {
width: 480px;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-l-one-whole > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-l-one-whole > .p-gc08-teaser-item-inner {
width: 960px;
margin: 0 auto;
float: none !important;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-gc08-teaser-item1.p-push-l-none > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-gc08-teaser-item1.p-push-l-none > .p-gc08-teaser-item-inner {
float: right;
}
.p-gc08-teasercontainer.p-full-bleed-max-content-width .p-gc08-teaser-item2:not(.p-pull-l-none) > .p-gc08-teaser-item-inner,
.p-gc08-teasercontainer .p-gc05v2-tabcontainer .p-full-bleed-max-content-width .p-gc08-teaser-item2:not(.p-pull-l-none) > .p-gc08-teaser-item-inner {
float: right;
}
.p-l-box-padding {
padding: 16px;
}
}
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 961px) {
.p-gc09-twoteasercontainer .p-gc09-teaser-item1.p-l-one-half .p-gc08-teaser-item-inner,
.p-gc09-twoteasercontainer .p-gc09-teaser-item1.p-l-one-half .p-gc08-title {
width: 480px;
float: right;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc09-twoteasercontainer .p-gc09-teaser-item2.p-l-one-half .p-gc08-teaser-item-inner,
.p-gc09-twoteasercontainer .p-gc09-teaser-item2.p-l-one-half .p-gc08-title {
width: 480px;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
.p-gc10-spacer-component .p-horizontal-line {
margin: 0px 0px 0px 0px;
}
/* REMS */
/*
borders
*/
/*
padding mixins
*/
/*
margin mixins
*/
/*
Defaults
---------------------------*/
/*
Min Width 0
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p-gc11v3-generictext .p-xs-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p-gc11v3-generictext .p-xs-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p-gc11v3-generictext .p-xs-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p-gc11v3-generictext .p-xs-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media print, screen and (min-width: 451px) {
.p-gc11v3-generictext.p-use-padding {
padding: 9px 9px 9px 9px;
}
.p-gc11v3-generictext .p-s-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p-gc11v3-generictext .p-s-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p-gc11v3-generictext .p-s-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p-gc11v3-generictext .p-s-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
@media screen and (min-width: 701px) {
.p-gc11v3-generictext.p-use-padding {
padding: 11px 11px 11px 11px;
}
.p-gc11v3-generictext .p-m-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p-gc11v3-generictext .p-m-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p-gc11v3-generictext .p-m-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p-gc11v3-generictext .p-m-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.p-gc11v3-generictext .p-prefix .p-text-container-inner {
margin-left: 70px;
}
}
@media screen and (min-width: 961px) {
.p-gc11v3-generictext.p-use-padding {
padding: 13px 13px 13px 13px;
}
.p-gc11v3-generictext .p-l-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p-gc11v3-generictext .p-l-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p-gc11v3-generictext .p-l-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p-gc11v3-generictext .p-l-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
}
/*
Local variables
---------------------------*/
.p-gc11v3-generictext a {
word-break: break-word;
}
.p-gc11v3-generictext .p-show-more-content,
.p-gc11v3-generictext .p-show-less-button {
display: none;
}
.p-gc11v3-generictext .p-button a {
padding: 4px 20px 3px 20px;
margin: -4px -20px -3px -20px;
text-decoration: none;
display: block;
color: inherit;
}
.p-gc11v3-generictext .p-button.p-large a {
padding: 8px 20px 5px 20px;
margin: -8px -20px -5px -20px;
}
.p-gc11v3-generictext .p-prefix {
position: relative;
}
.p-gc11v3-generictext .p-prefix:before {
font-size: 45px;
color: #42145f;
line-height: 1.5;
position: absolute;
}
.p-gc11v3-generictext .p-prefix.p-prefix-quote:before {
content: "\e638";
font-family: 'philips-global-icon-font';
}
.p-gc11v3-generictext .p-prefix .p-text-container-inner {
margin-left: 60px;
}
.p-gc11v3-generictext.p-use-padding {
padding: 6px 6px 6px 6px;
}
.p-gc11v3-generictext.p-inverted .p-prefix:before {
color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-gc13v2-genericimage .p-gc13v2-positioning {
display: inline-block;
position: relative;
width: 100%;
}
.p-gc13v2-genericimage.p-gc13v2-valign-bottom:before,
.p-gc13v2-genericimage.p-gc13v2-valign-middle:before {
content: '';
display: inline-block;
min-height: inherit;
vertical-align: top;
margin-right: -5px;
width: 1px;
}
.p-gc13v2-genericimage.p-gc13v2-valign-bottom .p-vertical-positioning,
.p-gc13v2-genericimage.p-gc13v2-valign-middle .p-vertical-positioning {
width: 100%;
display: inline-block;
vertical-align: top;
}
.p-gc13v2-genericimage.p-gc13v2-valign-middle .p-vertical-positioning,
.p-gc13v2-genericimage.p-gc13v2-valign-middle:before {
vertical-align: middle;
}
.p-gc13v2-genericimage.p-gc13v2-valign-bottom .p-vertical-positioning,
.p-gc13v2-genericimage.p-gc13v2-valign-bottom:before {
vertical-align: bottom;
}
.p-gc13v2-genericimage img,
.p-gc13v2-genericimage span,
.p-gc13v2-genericimage a {
max-height: 100%;
max-width: 100%;
width: auto;
}
.p-gc13v2-genericimage img {
transition: opacity 300ms;
}
.p-gc13v2-genericimage img.lazyload {
opacity: 0;
}
.p-gc13v2-genericimage img.lazyloaded {
opacity: 1;
}
.p-gc13v2-genericimage .p-play-button {
bottom: 5px;
left: 5px;
position: absolute;
}
.p-gc13v2-genericimage .p-icon-hover {
display: none;
position: absolute;
top: 50%;
left: 50%;
}
.p-gc13v2-genericimage .p-icon-hover .p-icon-fullscreen {
font-size: 20px;
}
.p-gc13v2-genericimage .p-hover-on {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-gc13v2-genericimage .p-hover-on .p-icon-hover {
display: block;
}
/*
Local variables
--------------------- */
.p-gc14-datepicker .gc14-datepicker-component {
padding: 5px 0px 5px 0px;
}
.p-gc14-datepicker .gc14-datepicker-component .hidden {
display: none;
}
.p-gc14-datepicker .gc14-datepicker-component-editmode {
padding: 10px 5px 10px 5px;
border: 1px dashed #cd202c;
color: #cd202c;
}
@media screen and (min-width: 0px) {
.p-gc14-datepicker .gc14-datepicker-component input {
height: 35px;
}
}
.p-gc14-datepicker .gc14-datepicker-component input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 19px;
padding: 5px 10px 5px 10px;
margin: 0px 5px 0px 5px;
border: 1px solid #ccced8;
color: #b9bbc7;
}
.p-gc14-datepicker .gc14-datepicker-component input :focus {
color: #252f47;
background: #f6f6f6;
}
@media screen and (min-width: 961px) {
.p-gc14-datepicker .gc14-datepicker-component input {
height: 29px;
}
}
.ui-datepicker {
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
margin: 5px auto 0;
margin: 0.5rem auto 0;
width: 216px !important;
height: auto;
}
.ui-datepicker select {
color: #000000;
}
.ui-datepicker a {
text-decoration: none;
}
.ui-datepicker table {
width: 100%;
}
.ui-datepicker thead {
background: #ffffff;
border-bottom: 1px solid #ccced8;
}
.ui-datepicker th {
text-transform: uppercase;
padding: 5px 0;
color: #666666;
}
.ui-datepicker tbody td {
padding: 0;
border-right: 1px solid #ccced8;
}
.ui-datepicker tbody td:last-child {
border-right: 0;
}
.ui-datepicker tbody tr {
border-bottom: 1px solid #ccced8;
background: #fff;
}
.ui-datepicker tbody tr:last-child {
border-bottom: 0;
}
.ui-datepicker tbody td span,
.ui-datepicker tbody td a {
display: inline-block;
font-weight: bold;
text-align: center;
width: 30px;
height: 30px;
line-height: 30px;
color: #4a5366;
}
.ui-datepicker-header {
background: #803726;
color: #ffffff;
font-weight: bold;
line-height: 30px;
padding: 0;
}
.ui-datepicker-title {
text-align: center;
}
.ui-datepicker-prev,
.ui-datepicker-next {
display: inline-block;
text-align: center;
cursor: pointer;
overflow: hidden;
}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {
display: none;
}
.ui-datepicker-prev {
margin: 11px 0px 0px 11px;
float: left;
border-left: 0;
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
border-right: 6.666666666666667px solid #ffffff;
}
.ui-datepicker-next {
margin: 11px 11px 0px 0px;
float: right;
border-left: 6.666666666666667px solid #ffffff;
border-bottom: 4px solid transparent;
border-top: 4px solid transparent;
border-right: 0;
}
.ui-datepicker-unselectable .ui-state-default {
background: #f4f4f4;
color: #b4b3b3;
}
.ui-state-default .ui-priority-secondary .ui-datepicker-other-month {
background: #e0e0e0;
}
.ui-datepicker-calendar .ui-state-default {
background: #efeff4;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default,
.ui-datepicker-calendar .ui-state-hover {
background: #ffffff;
}
.ui-datepicker-calendar .ui-state-default.ui-priority-secondary {
background: #ccced8;
}
.ui-datepicker-calendar .ui-state-active {
background: #ffffff;
color: #3c3c3c;
border: 1px solid #4a5366;
position: relative;
margin: -1px;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
width: 29px;
margin-left: 0px;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
width: 29px;
margin-right: 0px;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
height: 29px;
margin-bottom: 0px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc17-quote {
margin: 0 auto;
max-width: 960px;
}
.p-gc17-quote .p-gc17-quote-content {
display: inline-block;
position: relative;
}
.p-gc17-quote .p-gc17-quotestyle {
position: unset;
text-align: center;
}
.p-gc17-quote .p-gc17-quotestyle:before {
content: "\e638";
color: #7d0063;
font-family: 'philips-global-icon-font';
}
.p-inverted .p-gc17-quote .p-gc17-quotestyle:before {
color: #ffffff;
}
.p-gc17-quote blockquote {
margin-bottom: 1em;
}
.p-gc17-quote.p-inverted .p-gc17-quotestyle:before,
.p-inverted .p-gc17-quote .p-gc17-quotestyle:before {
color: #ffffff;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451px
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-gc17-quote .p-gc17-quotestyle.p-xs-style-large {
font-size: 30px;
margin-top: 35px;
margin-bottom: 35px;
}
.p-gc17-quote .p-gc17-quotestyle.p-xs-style-small {
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
.p-gc17-quote .p-gc17-quote-content .p-gc17-quotestyle.p-xs-style-none:before {
content: "";
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-gc17-quote .p-gc17-quotestyle.p-s-style-large {
font-size: 30px;
margin-top: 35px;
margin-bottom: 35px;
}
.p-gc17-quote .p-gc17-quotestyle.p-s-style-small {
font-size: 25px;
margin-top: 20px;
margin-bottom: 20px;
}
.p-gc17-quote .p-gc17-quote-content .p-gc17-quotestyle.p-s-style-none:before {
content: "";
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc17-quote .p-gc17-quotestyle.p-m-style-large {
font-size: 45px;
margin-top: 19px;
margin-bottom: 19px;
width: 80px;
}
.p-gc17-quote .p-gc17-quotestyle.p-m-style-small {
font-size: 32px;
margin-top: 10px;
margin-bottom: 10px;
width: 50px;
}
.p-gc17-quote .p-gc17-quotestyle.p-m-style-none + .p-gc17-quote-item2 {
padding-left: 0px;
}
.p-gc17-quote .p-gc17-quote-content .p-gc17-quotestyle.p-m-style-none:before {
content: "";
}
.p-gc17-quote .p-m-position-side .p-gc17-quote-item2 {
padding-left: 82px;
}
.p-gc17-quote .p-m-position-side .p-gc17-quotestyle {
position: absolute;
left: 0px;
}
.p-gc17-quote .p-m-position-top .p-gc17-quote-item1,
.p-gc17-quote .p-m-position-top .p-gc17-quote-item2 {
width: 100% !important;
}
.p-gc17-quote .p-m-position-side-out .p-gc17-quotestyle {
display: block;
right: 100%;
position: absolute;
}
}
@media screen and (min-width: 961px) {
.p-gc17-quote .p-gc17-quotestyle.p-l-style-large {
font-size: 45px;
margin-top: 19px;
margin-bottom: 19px;
width: 80px;
}
.p-gc17-quote .p-gc17-quotestyle.p-l-style-small {
font-size: 32px;
margin-top: 10px;
margin-bottom: 10px;
width: 50px;
}
.p-gc17-quote .p-gc17-quotestyle.p-l-style-none + .p-gc17-quote-item2 {
padding-left: 0px;
}
.p-gc17-quote .p-gc17-quote-content .p-gc17-quotestyle.p-l-style-none:before {
content: "";
}
.p-gc17-quote .p-l-position-side .p-gc17-quote-item2 {
padding-left: 82px;
}
.p-gc17-quote .p-l-position-side .p-gc17-quotestyle {
position: absolute;
left: 0px;
}
.p-gc17-quote .p-l-position-top .p-gc17-quote-item1,
.p-gc17-quote .p-l-position-top .p-gc17-quote-item2 {
width: 100% !important;
}
.p-gc17-quote .p-l-position-side-out .p-gc17-quotestyle {
display: block;
position: absolute;
right: 100%;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc18-animated-teaser {
height: 225px;
margin-bottom: 20px;
position: relative;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large .p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay {
height: 370px;
}
.p-gc18-animated-teaser-container {
height: 100%;
overflow: hidden;
}
.p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay {
height: 225px;
}
.p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay-hover-content-container {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease 0.4s;
transition: opacity 0.2s ease 0.4s;
}
.p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay-hover-content-container .p-button {
display: inline-block;
}
.p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay-titles-container {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.p-gc18-animated-teaser-image {
background-position: center center;
background-size: cover;
height: 100%;
}
.p-gc18-animated-teaser-image .p-ie8-image {
display: none;
}
.p-gc18-animated-teaser-overlay {
background-color: #42145f;
bottom: 0;
position: absolute;
width: 100%;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
height: 54px;
-webkit-transition: height 0.2s ease 0.2s;
transition: height 0.2s ease 0.2s;
}
.p-gc18-animated-teaser-overlay-hover-content-container {
color: #ffffff;
overflow: hidden;
position: absolute;
top: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
padding-left: 30px;
padding-top: 30px;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-title {
color: #ffffff;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-title-part-1 {
margin-bottom: 0px;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-text {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
margin-bottom: 35px;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-content-small {
margin-bottom: 20px;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-content-large {
display: none;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-button {
display: none;
}
.p-gc18-animated-teaser-overlay-titles-container {
position: absolute;
bottom: 5px;
padding-right: 60px;
-webkit-transition: opacity 0.2s ease 0.4s;
transition: opacity 0.2s ease 0.4s;
}
.p-gc18-animated-teaser-overlay-titles-container .p-title,
.p-gc18-animated-teaser-overlay-titles-container .p-subtitle {
margin-left: 13px;
}
.p-gc18-animated-teaser-overlay-titles-container .p-title,
.p-gc18-animated-teaser-overlay-hover-content-container .p-content-small .p-title {
color: #f3ebfa;
margin-bottom: 0;
font-size: 17px;
}
.p-gc18-animated-teaser-overlay-titles-container .p-subtitle,
.p-gc18-animated-teaser-overlay-hover-content-container .p-content-small .p-subtitle {
color: #ffffff;
}
.p-gc18-animated-teaser-overlay-social-container {
bottom: 0;
overflow: hidden;
position: absolute;
right: 0;
height: 54px;
}
.p-gc18-animated-teaser-overlay-social-container:hover .p-gc18-animated-teaser-overlay-social-channels-container {
padding: 4px 4px 4px 4px;
width: 168px;
-webkit-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
-moz-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
-o-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
}
.p-gc18-animated-teaser-overlay-social-container:hover .p-gc18-animated-teaser-overlay-social-channel {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease 0.4s;
transition: opacity 0.2s ease 0.4s;
}
.p-gc18-animated-teaser-overlay-social-container:hover .p-gc18-animated-teaser-overlay-social-channels-arrow {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0s ease 0.2s;
transition: opacity 0s ease 0.2s;
}
.p-gc18-animated-teaser-overlay-social-plus-container {
background-color: #7d0063;
float: right;
border-radius: 2px 2px 2px 2px;
height: 29px;
margin-bottom: 10px;
margin-left: 9px;
margin-right: 13px;
margin-top: 10px;
padding-left: 5px;
padding-top: 5px;
width: 29px;
}
.p-gc18-animated-teaser-overlay-social-plus-icon {
color: #ffffff;
font-size: 24px;
}
.p-gc18-animated-teaser-overlay-social-channels-container {
background-color: #ffffff;
float: right;
overflow: hidden;
width: 0;
height: 42px;
margin-right: 8px;
margin-top: 2px;
padding: 4px 0px 4px 0px;
-webkit-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
-moz-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
-o-transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
transition: width 0.2s ease 0.2s, padding 0.2s ease 0.2s;
}
.p-gc18-animated-teaser-overlay-social-channel {
color: #7d0063;
float: left;
cursor: pointer;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
font-size: 34px;
line-height: 34px;
margin: 4px 4px 4px 3px;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.p-gc18-animated-teaser-overlay-social-channel:hover {
color: #42145f;
}
.p-gc18-animated-teaser-overlay-social-channels-arrow {
height: 0;
position: absolute;
top: 50%;
width: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
border-bottom: 8px solid transparent;
border-left: 8px solid #ffffff;
border-top: 8px solid transparent;
margin-top: -8px;
right: 56px;
-webkit-transition: opacity 0s ease 0.4s;
transition: opacity 0s ease 0.4s;
}
.p-gc18-animated-teaser-label-new {
position: absolute;
right: -2px;
top: -2px;
}
@media print, screen and (min-width: 451px) {
.p-gc18-animated-teaser.p-gc18-animated-teaser-large {
height: 370px;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large .p-gc18-animated-teaser-overlay-hover-content-container .p-content-small {
display: none;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large .p-gc18-animated-teaser-overlay-hover-content-container .p-content-large {
display: block;
width: 550px;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large .p-gc18-animated-teaser-overlay-hover-content-container .p-content-large .p-text {
width: 450px;
}
}
@media screen and (min-width: 961px) {
.p-gc18-animated-teaser {
height: 175px;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large {
height: 370px;
}
.p-gc18-animated-teaser:hover .p-gc18-animated-teaser-overlay {
height: 175px;
}
}
/*
Defaults
---------------------------*/
.p-gc23v2-icon {
float: left;
margin-right: 12px;
}
.p-gc23v2-icon:after {
content: "";
display: table;
clear: both;
}
.p-gc23v2-icon a:hover {
text-decoration: none;
}
.p-gc23v2-icon a .p-icon-blank {
width: 24px;
height: 20px;
float: left;
display: block;
}
.p-gc23v2-icon i {
color: #7d0063;
font-size: 20px;
}
.p-gc23v2-icon i:before {
content: '';
}
.p-gc23v2-icon.p-icon-with-text {
float: none;
margin-left: 0;
margin-bottom: 3px;
}
.p-gc23v2-icon.p-icon-with-text a span {
vertical-align: top;
margin-left: 5px;
}
.p-gc23v2-icon.p-icon-medium i {
font-size: 32px;
}
.p-gc23v2-icon.p-inverted i,
.p-inverted .p-gc23v2-icon i {
color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-gc25-hotspots {
max-width: 960px;
margin: 0 auto;
}
.p-gc25-hotspots.p-masthead .p-component-subtitle {
display: block;
}
.p-gc25-hotspots.p-masthead .p-gc25-wrapper {
min-height: 410px;
}
.p-gc25-hotspots.p-fullbleed {
max-width: 100%;
}
.p-gc25-hotspots .p-component-subtitle {
display: none;
}
.p-gc25-hotspots .p-gc25-wrapper {
position: relative;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-header .p-component-title {
margin-bottom: 0px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot {
margin-bottom: 10px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot a:hover .p-square {
color: #ffffff;
background-color: #7d0063;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot a:hover .p-button {
color: #7d0063;
background-color: #ffffff;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot .p-button {
width: 100%;
padding: 0px;
border: 0;
text-align: left;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot .p-button .p-icon-plus {
background-color: #ffffff;
border-radius: 2px 0px 0px 2px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot .p-button .p-hotspot-text {
padding-left: 15px;
}
.p-inverted .p-gc25-hotspots .p-square,
.p-gc25-hotspots.p-inverted .p-square {
color: #7d0063;
}
.p-inverted .p-gc25-hotspots .p-component-title,
.p-gc25-hotspots.p-inverted .p-component-title {
color: #ffffff;
}
.p-inverted .p-gc25-hotspots .p-gc25-wrapper-inner .p-component-title,
.p-gc25-hotspots.p-inverted .p-gc25-wrapper-inner .p-component-title {
color: #ffffff;
}
/*
@Media @XS @S ISOLATE
---------------------------*/
/*
@Media @XS ISOLATE
---------------------------*/
/*
@Media @S ISOLATE
---------------------------*/
/*
@Media @M
---------------------------*/
/*
@Media @M ISOLATE
---------------------------*/
/*
@Media @L
---------------------------*/
@media screen and (max-width: 450px) {
.p-gc25-hotspots .p-component-header {
padding-left: 6px;
padding-right: 6px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body {
padding-left: 6px;
padding-right: 6px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-gc25-hotspots .p-component-header {
padding-left: 9px;
padding-right: 9px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body {
padding-left: 9px;
padding-right: 9px;
}
}
@media screen and (max-width: 700px) {
.p-gc25-hotspots.p-masthead .p-gc25-wrapper .p-component-body {
padding-top: 160px;
}
.p-gc25-hotspots .p-gc25-wrapper {
overflow: hidden;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-header {
position: relative;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body {
padding-top: 54px;
padding-bottom: 54px;
}
.p-gc25-hotspots .p-gc25-wrapper figure img {
position: absolute;
}
}
@media screen and (min-width: 701px) {
.p-gc25-hotspots .p-gc25-wrapper .p-component-header {
bottom: 40px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-header .p-component-subtitle {
margin-bottom: 0px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot {
position: absolute;
margin-bottom: 0px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body .p-hotspot .p-button .p-hotspot-text {
padding-right: 15px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc25-hotspots .p-component-header {
padding-left: 11px;
padding-right: 11px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-gc25-wrapper-inner {
position: relative;
}
.p-gc25-hotspots .p-gc25-wrapper .p-gc25-wrapper-inner .p-component-header {
left: 11px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-gc25-wrapper-inner figure img {
width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-gc25-hotspots .p-component-header {
margin: 0 auto;
max-width: 960px;
}
.p-gc25-hotspots .p-gc25-wrapper {
overflow: hidden;
min-height: 350px;
}
.p-gc25-hotspots .p-gc25-wrapper figure {
position: absolute;
width: 100%;
height: 100%;
}
.p-gc25-hotspots .p-gc25-wrapper figure img {
position: absolute;
left: 50%;
margin-left: -1000px;
}
.p-gc25-hotspots .p-gc25-wrapper .p-component-body {
max-width: 960px;
margin: 0 auto;
height: 350px;
position: relative;
}
.p-gc25-hotspots.p-masthead {
min-height: 700px;
}
.p-gc25-hotspots.p-masthead .p-component-body {
height: 700px;
}
}
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc25b-hotspot {
position: relative;
overflow: hidden;
}
.p-gc25b-hotspot .p-gc25b-background {
display: block;
}
.p-gc25b-hotspot .p-gc25b-background img {
width: 100%;
height: auto;
}
.p-gc25b-hotspot .p-gc25b-foreground {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.p-gc25b-hotspot .p-gc25b-citation-wrapper {
position: absolute;
right: 0px;
bottom: 50px;
width: 100%;
}
.p-gc25b-hotspot .p-gc25b-citation-wrapper .p-gc25b-citation {
margin: 0 auto;
max-width: 960px;
text-align: right;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots {
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot {
position: absolute;
cursor: pointer;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot .p-hotspot-inner {
display: block;
position: relative;
z-index: 1;
top: -18px;
left: -18px;
width: 36px;
height: 36px;
border-radius: 50%;
background-color: #7d0063;
text-align: center;
font-size: 20px;
line-height: 36px;
color: #ffffff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot .p-hotspot-inner-border {
border-radius: 5px 0px 0px 5px;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot .p-hotspot-title {
position: relative;
display: inline-flex;
left: -18px;
top: -54px;
min-height: 36px;
background: #ffffff;
border-radius: 18px 18px 18px 18px;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot .p-hotspot-title > span {
padding: 7px 13px 5px 48px;
}
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots .p-hotspots-info-label {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
text-align: center;
line-height: 1.4em;
opacity: 0.8;
}
.p-gc25b-hotspot.p-inverted-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot-inner {
background-color: #ffffff;
color: #7d0063;
}
.p-gc25b-hotspot.p-inverted-hotspot .p-gc25b-foreground .p-hotspots .p-hotspot-title {
background: #7d0063;
color: #ffffff;
}
.p-gc25b-hotspot.p-inverted-hotspot .p-gc25b-foreground .p-hotspots .p-hotspots-info-label {
color: #ffffff;
}
@media screen and (max-width: 700px) {
.p-gc25b-hotspot .p-gc25b-foreground .p-hotspots,
.p-gc25b-hotspot .p-gc25b-foreground .p-text-content {
display: none;
}
.p-gc25b-hotspot .p-gc25b-citation-wrapper {
bottom: 5px;
}
.p-gc25b-hotspot.p-hotspots-s-xs .p-gc25b-citation-wrapper {
display: none;
}
.p-gc25b-hotspot.p-hotspots-s-xs .p-gc25b-foreground .p-hotspots {
display: inherit;
}
.p-gc25b-hotspot.p-hotspots-s-xs .p-gc25b-foreground .p-hotspots .p-hotspot-s-xs-hidden {
display: none;
}
.p-gc25b-hotspot.p-hotspots-s-xs .p-gc25b-foreground .p-gc25b-hotspot-content {
display: none;
}
}
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.mfp-wrap .mfp-content .p-gc25-fullscreen {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 9013;
}
.mfp-wrap .mfp-content .p-gc25-fullscreen .p-popup-close {
cursor: default;
}
.mfp-wrap .mfp-content .p-gc25-fullscreen .p-popup-close .mfp-close {
line-height: 26px;
font-size: 14px;
color: #ffffff;
background: #7d0063;
}
.p-gc25b-hotspot-carousel .p-carousel-indicator {
position: absolute;
width: 100%;
bottom: 20px;
z-index: 1;
}
.p-gc25b-hotspot-carousel .p-slides {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.p-gc25b-hotspot-carousel .p-slides .p-slide-left,
.p-gc25b-hotspot-carousel .p-slides .p-slide-center,
.p-gc25b-hotspot-carousel .p-slides .p-slide-right {
position: absolute;
height: 100%;
}
.p-gc25b-hotspot-carousel .p-slides .p-slide-left:before,
.p-gc25b-hotspot-carousel .p-slides .p-slide-center:before,
.p-gc25b-hotspot-carousel .p-slides .p-slide-right:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.29em;
}
.p-gc25b-hotspot-carousel .p-slides .p-slide-left .p-vcenter,
.p-gc25b-hotspot-carousel .p-slides .p-slide-center .p-vcenter,
.p-gc25b-hotspot-carousel .p-slides .p-slide-right .p-vcenter {
width: 100%;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 700px) {
.p-gc25b-hotspot-carousel {
background-color: rgba(0, 0, 0, 0.35);
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.p-gc25b-hotspot-carousel .p-arrows,
.p-gc25b-hotspot-carousel .p-btn-close,
.p-gc25b-hotspot-carousel .p-info,
.p-gc25b-hotspot-carousel .p-content {
display: none;
}
}
@media screen and (min-width: 701px) {
.p-gc25b-hotspot-carousel {
display: none;
filter: progid:dximagetransform.microsoft.gradient(GradientType=0, startColorstr='#80000000', endColorstr='#80000000');
}
.p-gc25b-hotspot-carousel .p-arrows {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-lt {
position: absolute;
opacity: 0.0;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-lt.p-arrow-disabled .p-icon-arrow-left {
cursor: default;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-lt.p-arrow-disabled .p-icon-arrow-left:after {
color: #cccedb;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-lt .p-icon-arrow-left {
cursor: pointer;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-rt {
position: absolute;
opacity: 0.0;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-rt.p-arrow-disabled .p-icon-arrow-right {
cursor: default;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-rt.p-arrow-disabled .p-icon-arrow-right:after {
color: #cccedb;
}
.p-gc25b-hotspot-carousel .p-arrows .p-arrow-rt .p-icon-arrow-right {
cursor: pointer;
}
.p-gc25b-hotspot-carousel .p-btn-close {
cursor: pointer;
display: block;
position: absolute;
top: 5px;
right: 5px;
}
.p-gc25b-hotspot-carousel .p-carousel-indicator {
display: block;
}
.p-gc25b-hotspot-carousel .p-carousel-indicator .p-active {
cursor: default;
}
.p-gc25b-hotspot-carousel .p-content {
display: none;
}
.test-touch .p-gc25b-hotspot-carousel .p-arrows .p-arrow-lt,
.test-touch .p-gc25b-hotspot-carousel .p-arrows .p-arrow-rt {
display: none;
}
}
.p-gc34-triggered-container {
margin: 0 auto;
max-width: 960px;
}
.p-gc34-triggered-container.p-full-bleed {
max-width: none;
}
.p-gc34-triggered-container .p-gc34-control-wrapper {
text-align: center;
}
.p-gc34-triggered-container .p-gc34-show-container {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: -50px;
}
.p-gc34-triggered-container .p-gc34-show-container:hover {
text-decoration: none;
}
.p-gc34-triggered-container .p-gc34-close-container {
position: absolute;
top: 5px;
right: 5px;
}
.p-gc34-triggered-container .p-gc34-container {
margin: 0 auto;
max-width: 960px;
position: relative;
}
.p-gc34-triggered-container .p-gc34-container.p-full-bleed {
max-width: none;
}
.p-gc34-triggered-container .p-gc34-container .p-preloader {
margin: 0 auto;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-i18-internationalizationitem {
color: #f3ebfa;
padding-bottom: 33px;
text-align: center;
}
@media screen and (min-width: 0px) {
.i18-internationalizationitem {
margin: 0 10px;
}
}
@media print, screen and (min-width: 451px) {
.i18-internationalizationitem {
margin: 0 16px;
}
}
@media screen and (min-width: 701px) {
.i18-internationalizationitem {
padding-bottom: 53px;
margin: 0 16px;
}
}
@media screen and (min-width: 961px) {
.i18-internationalizationitem {
margin: 0 22px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-i18-internationalizationitem {
color: #999999;
}
/*
Defaults
---------------------------*/
.p-mh01v2-simplemasthead {
position: relative;
min-height: 408px;
overflow-y: hidden;
width: 100%;
}
.p-mh01v2-simplemasthead .p-simplemasthead-positioning {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 141px;
padding-bottom: 34px;
margin: 0 auto;
width: 100%;
}
.p-mh01v2-simplemasthead .p-brandline {
display: block;
margin-bottom: 15px;
}
.p-mh01v2-simplemasthead .p-button-cols .p-button-col {
padding-top: 15px;
float: left;
margin-right: 10px;
width: 100%;
}
.p-mh01v2-simplemasthead .p-button-cols .p-button-m01v2,
.p-mh01v2-simplemasthead .p-button-cols .p-button-m01v2 a {
width: auto;
min-width: auto;
}
.p-mh01v2-simplemasthead .sc05-social-media-bar {
clear: both;
padding-top: 3em;
}
.p-mh01v2-simplemasthead.p-usecasemasthead {
height: 410px;
display: table;
}
.p-mh01v2-simplemasthead.p-usecasemasthead .p-simplemasthead-positioning {
padding-top: 0px;
padding-bottom: 0px;
vertical-align: middle;
display: table-cell;
}
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-positioning {
height: 100%;
position: relative;
}
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-content {
position: absolute;
}
.p-mh01v2-simplemasthead.p-storytelling section .p-button {
background: none;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.p-mh01v2-simplemasthead.p-storytelling section .p-button .p-icon-play:after {
content: "\e20d";
color: #ffffff;
color: rgba(255, 255, 255, 0.8);
font-size: 55px;
}
.p-mh01v2-simplemasthead.p-storytelling .p-citation-wrapper {
bottom: -34px;
}
.p-mh01v2-simplemasthead .p-citation-wrapper.p-citation-wrapper {
position: absolute;
bottom: 34px;
margin: 0 auto;
width: 100%;
}
.p-mh01v2-simplemasthead .p-citation {
font-size: 12px;
line-height: 18px;
}
.p-mh01v2-simplemasthead.p-image-gradient:before {
background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0) 60%);
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-mh01v2-simplemasthead.p-storytelling {
overflow-y: visible;
}
.p-mh01v2-simplemasthead.p-storytelling .p-text-shadow {
text-shadow: none;
}
.p-mh01v2-simplemasthead.p-storytelling .p-heading-01-xlarge,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-01-large,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-01,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-02,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-03,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-04,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-04-large,
.p-mh01v2-simplemasthead.p-storytelling .p-heading-05,
.p-mh01v2-simplemasthead.p-storytelling .p-body-copy-01,
.p-mh01v2-simplemasthead.p-storytelling .p-body-copy-02,
.p-mh01v2-simplemasthead.p-storytelling .p-body-copy-03,
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-text-background {
color: #42145f;
}
.p-mh01v2-simplemasthead.p-usecasemasthead .p-simplemasthead-positioning {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media print, screen and (min-width: 451px) {
.p-mh01v2-simplemasthead .p-button-cols .p-button-col {
margin-right: 16px;
}
}
@media screen and (min-width: 701px) {
.p-mh01v2-simplemasthead .p-simplemasthead-positioning {
margin: 0 auto;
padding-top: 210px;
padding-bottom: 54px;
}
.p-mh01v2-simplemasthead .p-button-cols .p-button-col {
margin-right: 16px;
}
.p-mh01v2-simplemasthead.p-usecasemasthead {
height: 500px;
}
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-content {
bottom: 54px;
}
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-text-background {
width: 75%;
}
.p-mh01v2-simplemasthead.p-storytelling .p-citation-wrapper {
left: 0;
right: 0;
}
}
@media screen and (min-width: 961px) {
.p-mh01v2-simplemasthead {
margin: 0 auto;
width: 960px;
}
.p-mh01v2-simplemasthead.p-full-bleed {
width: 100%;
}
.p-mh01v2-simplemasthead .p-simplemasthead-positioning {
padding: 200px 0px 54px 80px;
max-width: 960px;
}
.p-mh01v2-simplemasthead .p-button-cols .p-button-col {
margin-right: 22px;
}
.p-mh01v2-simplemasthead.p-usecasemasthead {
height: 500px;
}
.p-mh01v2-simplemasthead.p-usecasemasthead .p-simplemasthead-positioning {
padding-top: 0px;
padding-bottom: 0px;
}
.p-mh01v2-simplemasthead.p-usecasemasthead .p-simplemasthead-positioning .p-simplemasthead-content {
max-width: 960px;
margin: auto;
}
.p-mh01v2-simplemasthead.p-storytelling .p-simplemasthead-positioning {
padding: 54px 0px 54px 0px;
}
}
/*
Defaults product master head
---------------------------*/
.p-mh01v2-product-masthead {
padding-top: 140px;
}
.p-mh01v2-product-masthead .p-heading-01 {
font-size: 55px;
line-height: 66px;
}
.p-mh01v2-product-masthead .p-content {
display: table-cell;
vertical-align: middle;
}
.p-mh01v2-product-masthead .p-spacing-bottom-f {
padding-bottom: 140px;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-mh01v2-product-masthead {
padding-top: 103px;
}
.p-mh01v2-product-masthead .p-heading-01 {
font-size: 34px;
line-height: 40px;
}
.p-mh01v2-product-masthead .p-heading-02 {
font-size: 20px;
line-height: 24px;
}
.p-mh01v2-product-masthead .p-spacing-bottom-f {
padding-bottom: 44px;
}
}
@media print, screen and (min-width: 451px) {
.p-mh01v2-product-masthead {
padding-top: 103px;
}
}
@media screen and (min-width: 701px) {
.p-mh01v2-product-masthead {
padding-top: 107px;
}
.p-mh01v2-product-masthead .p-heading-01 {
font-size: 44px;
line-height: 54px;
}
.p-mh01v2-product-masthead .p-heading-02 {
font-size: 26px;
line-height: 30px;
}
}
@media screen and (min-width: 961px) {
.p-mh01v2-product-masthead {
padding-top: 140px;
}
.p-mh01v2-product-masthead .p-heading-01 {
font-size: 55px;
line-height: 66px;
}
.p-mh01v2-product-masthead .p-heading-02 {
font-size: 34px;
line-height: 40px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-mh71-mastheadrandomised .p-simplemasthead-content .p-button {
display: none;
}
.p-mh71-mastheadrandomised .p-mh71-close {
margin: auto;
margin-left: 10px;
}
.p-mh71-mastheadrandomised .p-hide {
display: none;
}
.p-mh71-mastheadrandomised .p-accrodion-button {
text-align: center;
margin: 30px 0px 30px 0px;
}
.p-mh71-mastheadrandomised .p-mh71-button {
margin-top: 5px;
display: none;
}
.p-mh71-mastheadrandomised .p-show .p-mh71-button {
display: block;
}
.p-mh71-mastheadrandomised .p-accordion-overlay > *:first-child {
width: 960px;
margin: auto;
margin-top: -50px;
padding: 5px 5px 5px 5px;
background: -moz-linear-gradient(top, #f7f7f9 0%, #f7f7f9 0%, #f7f7f9 5%, #ffffff 10%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f9), color-stop(0%, #f7f7f9), color-stop(5%, #f7f7f9), color-stop(10%, #ffffff));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f9 0%, #f7f7f9 0%, #f7f7f9 5%, #ffffff 10%);
/* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f9 0%, #f7f7f9 0%, #f7f7f9 5%, #ffffff 10%);
/* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f9 0%, #f7f7f9 0%, #f7f7f9 5%, #ffffff 10%);
/* IE10+ */
background: linear-gradient(to bottom, #f7f7f9 0%, #f7f7f9 0%, #f7f7f9 5%, #ffffff 10%);
/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@mh71-box-gradient', endColorstr='@mh71-box-shadow', GradientType=0);
/* IE6-9 */
}
.p-mh71-mastheadrandomised .p-mh71-accordion .p-layout-row .p-mh71-accordion-close {
float: right;
}
.p-mh71-accordion-close-container {
position: relative;
}
.p-mh71-accordion-close {
position: absolute;
z-index: 5;
top: 10px;
right: 0px;
}
.mh71I-mastheadrandomisedInverted {
display: inline-block;
}
.mh71I-mastheadrandomisedInverted h3 {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
padding-top: 24px;
}
.mh71I-mastheadrandomisedInverted img {
width: 100%;
}
.mh71I-mastheadrandomisedInverted .p-card-link {
line-height: 18px;
margin-top: 10px;
margin-bottom: 10px;
color: #3c3c3c;
font-size: 13px;
}
.mh71I-mastheadrandomisedInverted.p-inverted .p-card-link {
color: #ffffff;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-mh71-mastheadrandomised .p-mh71-accordion .p-cell-padding {
padding: 6px;
}
.p-mh71-mastheadrandomised .p-mh71-accordion .p-layout-row .p-mh71-accordion-close {
margin-right: 8px;
}
.p-mh71-mastheadrandomised .p-mh71-accordion .p-accrodion-button .p-button {
margin-bottom: 9px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-mh71-mastheadrandomised .p-mh71-close {
margin-left: 16px;
}
.p-mh71-mastheadrandomised .p-mh71-accordion .p-layout-row .p-mh71-accordion-close {
margin-right: 9px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-mh71-mastheadrandomised .p-mh71-close {
margin-left: 16px;
}
.p-mh71-mastheadrandomised .p-mh71-accordion .p-layout-row .p-mh71-accordion-close {
margin-right: 9px;
}
}
@media screen and (min-width: 961px) {
.p-mh71-mastheadrandomised .p-mh71-close {
margin-left: 22px;
}
}
.p-n31-endorsement-header {
background-color: #f5f5f5;
color: #969696;
font-size: 12px;
position: relative;
z-index: 1001;
}
.p-n31-endorsement-header a {
color: #969696;
display: inline-block;
}
.p-n31-endorsement-header .p-bold {
color: #969696;
}
.p-n31-endorsement-header .p-n31-inner-wrapper {
padding-top: 9px;
padding-bottom: 7px;
margin: 0 auto;
max-width: 960px;
min-height: 24px;
width: 100%;
text-align: right;
}
.p-n31-endorsement-header .p-text,
.p-n31-endorsement-header .p-company,
.p-n31-endorsement-header ul,
.p-n31-endorsement-header li {
display: inline-block;
vertical-align: middle;
}
.p-n31-endorsement-header .p-company,
.p-n31-endorsement-header li {
margin-right: 10px;
}
.p-n31-endorsement-header .p-company img {
margin-left: 2px;
}
.p-n31-endorsement-header li:before {
display: inline-block;
margin-right: 10px;
}
.p-n31-endorsement-header.p-inverted {
color: #969696;
background-color: #3c3c41;
}
.p-n31-endorsement-header.p-inverted a {
color: #969696;
}
.p-n31-endorsement-header.p-inverted .p-bold {
color: #969696;
}
.p-n31-endorsement-header.p-alignment-opposite .p-n31-inner-wrapper {
text-align: left;
}
[dir=rtl] .p-n31-endorsement-header .p-n31-inner-wrapper {
text-align: left;
}
[dir=rtl] .p-n31-endorsement-header.p-alignment-opposite .p-n31-inner-wrapper {
text-align: right;
}
[dir=rtl] .p-n31-endorsement-header .p-company img {
margin-left: 0;
margin-right: 2px;
}
[dir=rtl] .p-n31-endorsement-header .p-company,
[dir=rtl] .p-n31-endorsement-header li {
margin-left: 10px;
margin-right: 0;
}
[dir=rtl] .p-n31-endorsement-header li:before {
margin-left: 10px;
margin-right: 0;
}
@media screen and (min-width: 961px) {
.p-n31-endorsement-header {
font-size: 12px;
}
.p-n31-endorsement-header .p-text {
margin-right: 12px;
}
.p-n31-endorsement-header li:before {
display: none;
}
.p-n31-endorsement-header .p-company,
.p-n31-endorsement-header li {
margin-right: 24px;
}
.p-n31-endorsement-header li:last-child {
margin-right: 16px;
}
.p-n31-endorsement-header ul:before {
display: inline-block;
}
[dir=rtl] .p-n31-endorsement-header .p-text {
margin-left: 12px;
margin-right: 0;
}
[dir=rtl] .p-n31-endorsement-header .p-company,
[dir=rtl] .p-n31-endorsement-header li {
margin-left: 24px;
margin-right: 0;
}
[dir=rtl] .p-n31-endorsement-header li:last-child {
margin-left: 16px;
}
[dir=rtl] .p-n31-endorsement-header ul:before {
margin-right: 0;
}
}
@media screen and (max-width: 450px) {
.p-n31-endorsement-header .p-n31-inner-wrapper .p-text {
margin-right: 12px;
}
.p-n31-endorsement-header .p-n31-inner-wrapper .p-company {
margin-right: 16px;
}
.p-n31-endorsement-header .p-n31-inner-wrapper ul {
display: none;
}
[dir=rtl] .p-n31-endorsement-header .p-n31-inner-wrapper .p-text {
margin-left: 12px;
margin-right: 0;
}
[dir=rtl] .p-n31-endorsement-header .p-n31-inner-wrapper .p-company {
margin-left: 16px;
margin-right: 0;
}
[dir=rtl] .p-n31-endorsement-header .p-n31-inner-wrapper ul {
display: none;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-saeco-template .p-f102-footer {
padding: 24px 0px 24px 0px;
background-color: #85716a;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #37261e, #85716a);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #37261e, #85716a);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37261e', endColorstr='#ff85716a', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37261e', endColorstr='#ff85716a', GradientType=1);
color: #ffffff;
}
.p-saeco-template .p-f102-footer .p-footer-inner {
margin: 0 auto;
max-width: 960px;
text-align: center;
line-height: 14px;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-saeco {
display: inline-block;
vertical-align: middle;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-link {
display: inline-block;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-link a {
color: #ffffff;
margin-left: 47px;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-link .p-text {
border: none;
font-size: 12px;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon {
display: inline-block;
margin-left: 47px;
vertical-align: middle;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon .p-gc23v2-icon {
display: inline;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon .p-gc23v2-icon:after {
display: inline;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon .p-gc23v2-icon a i:after {
color: #ffffff;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon .gc13v2-genericimage,
.p-saeco-template .p-f102-footer .p-footer-inner .p-footer-icon .gc23v2-icon {
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-content {
margin: 0 auto;
text-align: center;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-content li {
float: left;
padding: 0px 24px 0px 24px;
}
.p-saeco-template .p-f102-footer .p-footer-inner .p-content li a {
color: #ffffff;
}
.p-saeco-template .p-f102-footer section.p-gc13v2-genericimage {
display: block;
}
.p-saeco-template .p-tc01-backgroundparsys section.p-gc13v2-genericimage {
display: block;
}
@media screen and (max-width: 700px) {
.p-f102-footer .p-footer-inner {
overflow: hidden;
text-align: left;
margin-left: 20px;
}
.p-f102-footer .p-footer-inner .p-footer-saeco,
.p-f102-footer .p-footer-inner .p-footer-icon {
width: 100%;
text-align: left;
margin: 0px 0px 20px 47px;
}
.p-f102-footer .p-footer-inner .p-n14-link-list.horizontal li {
width: 100%;
float: left;
}
.p-f102-footer .p-footer-inner .p-n14-link-list.horizontal li .p-text {
padding-left: 0px;
}
.p-f102-footer .p-footer-inner .p-footer-link {
margin-bottom: 20px;
}
.p-f102-footer .p-footer-inner .p-footer-link a {
margin: 0px 0px 10px 0px;
}
}
.p-gc73-change-image-on-scroll .p-picture-wrapper {
position: relative;
}
.p-gc73-change-image-on-scroll .p-picture {
left: 0px;
position: absolute;
top: 0px;
width: 100%;
}
.p-gc73-change-image-on-scroll .p-picture:first-child {
position: relative;
}
.p-gc73-change-image-on-scroll .p-picture[data-trigger] {
visibility: hidden;
}
.p-gc73-change-image-on-scroll .p-picture-trigger {
position: absolute;
}
/*
Defaults
-------------------------*/
.p-bp31-carousel-multiple-item {
position: relative;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-thumbstrip-change-s .p-s-categories li.p-hide-divider:after {
display: none;
}
.p-bp31-carousel-multiple-item .p-top-wrapper {
position: relative;
height: 0;
top: -99990px;
}
.p-bp31-carousel-multiple-item .p-gallery-numbers {
display: none;
}
.p-bp31-carousel-multiple-item .p-viewer {
position: relative;
}
.p-bp31-carousel-multiple-item .p-viewer > li {
position: absolute;
left: 100%;
top: 0;
width: 100%;
}
.p-bp31-carousel-multiple-item .p-viewer > li.p-current {
left: 0;
position: relative;
}
.p-bp31-carousel-multiple-item .p-viewer > li.p-current .p-normal-view {
display: block;
}
.p-bp31-carousel-multiple-item .p-viewer > li.p-new-slide .p-normal-view {
display: block;
}
.p-bp31-carousel-multiple-item .p-normal-view {
display: block;
}
.p-bp31-carousel-multiple-item .p-normal-view span {
display: block;
}
.p-bp31-carousel-multiple-item .p-normal-view img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.p-bp31-carousel-multiple-item .p-current {
position: relative;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav {
display: none;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav.p-show {
display: block;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav li {
position: absolute;
left: 0;
top: 50%;
width: 32px;
height: 44px;
margin-top: -22px;
z-index: 2;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav li.p-next {
left: auto;
right: 0;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav button {
display: block;
width: 32px;
height: 44px;
background: #fff;
padding-top: 10px;
}
.p-bp31-carousel-multiple-item .p-video-item .p-video-holder {
height: 275px;
}
.p-bp31-carousel-multiple-item .p-video {
display: none;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-slider-inner .p-slider-item .p-picture img {
height: 100%;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-alignleft {
float: left;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider:before,
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider:after {
display: block;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-overflow-right.p-show,
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-overflow-left.p-show {
display: block;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-nav-prev,
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-nav-next {
display: block;
}
/*
Max Width: 700
-------------------------*/
/*
Min Width: 451 and Max Width: 700
-------------------------*/
/*
Min Width: 701
-------------------------*/
/*
Min Width 961
------------------------------*/
@media screen and (max-width: 700px) {
.p-bp31-carousel-multiple-item {
overflow-x: hidden;
}
.p-bp31-carousel-multiple-item .p-magnific-popup-launcher {
display: none;
}
.p-bp31-carousel-multiple-item .p-component-title {
display: none;
}
.p-bp31-carousel-multiple-item .p-viewer {
overflow: hidden;
padding-bottom: 20px;
}
.p-bp31-carousel-multiple-item .p-top-wrapper {
padding-bottom: 0;
height: auto;
top: 0px;
}
.p-bp31-carousel-multiple-item .p-gallery-numbers {
display: none;
position: absolute;
right: 2%;
top: 50%;
margin-top: -8px;
}
.p-bp31-carousel-multiple-item .p-gallery-numbers.p-show {
display: block;
}
.p-bp31-carousel-multiple-item .p-video .p-controls {
padding-bottom: 0;
}
.p-bp31-carousel-multiple-item .p-volume-handle {
z-index: 3;
}
.p-no-controls .p-bp31-carousel-multiple-item .p-video-holder {
margin: 0 32px;
}
.p-no-controls .p-bp31-carousel-multiple-item .p-holder {
position: relative;
padding-top: 56.25%;
height: 0;
overflow: hidden;
}
.p-no-controls .p-bp31-carousel-multiple-item .p-holder .p-video-holder {
position: absolute;
height: auto !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.p-no-controls .p-bp31-carousel-multiple-item[data-current-category="video"] .p-s-slider-nav li {
margin-top: -2px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-nav-prev,
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-nav-next {
display: none;
}
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-overflow-right.p-show,
.p-bp31-carousel-multiple-item .p-thumbstrip.p-is-slider .p-overflow-left.p-show {
display: none;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-bp31-carousel-multiple-item .p-video-item .p-video-holder {
height: 389px;
}
}
@media screen and (min-width: 701px) {
.p-bp31-carousel-multiple-item .p-inner-wrapper {
overflow: hidden;
}
.p-bp31-carousel-multiple-item .p-inner-wrapper .p-thumbstrip {
display: none;
}
.p-bp31-carousel-multiple-item .p-video-item {
width: 626px;
margin: 0 auto;
}
.p-bp31-carousel-multiple-item .p-video-item .p-video-holder {
height: 441px;
}
.p-bp31-carousel-multiple-item .p-s-slider-nav.p-show {
display: none;
}
.p-bp31-carousel-multiple-item .p-normal-view img {
display: block;
max-width: 100%;
height: 500px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip {
background: none;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-nav-prev,
.p-bp31-carousel-multiple-item .p-thumbstrip .p-nav-next {
background: #fff;
top: -37px;
height: 100%;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-overflow-left,
.p-bp31-carousel-multiple-item .p-thumbstrip .p-overflow-right {
margin-top: -40px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-overflow-left:after,
.p-bp31-carousel-multiple-item .p-thumbstrip .p-overflow-right:after {
top: -25px;
height: 110px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-slider-inner .p-picture {
height: 60px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-slider-inner .p-picture img {
max-width: 90px;
}
.p-bp31-carousel-multiple-item .p-thumbstrip .p-slider-inner a.p-active {
border-color: none;
}
.p-bp31-carousel-multiple-item .p-slider-wrapper ul {
float: left;
}
.p-bp31-carousel-multiple-item .p-slider-wrapper .p-slider-item {
vertical-align: top;
}
.p-bp31-carousel-multiple-item .p-slider-wrapper .p-slider-item p {
white-space: normal;
}
.p-bp31-carousel-multiple-item.p-large .p-slider-wrapper .p-body-copy-01 {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
color: #5d6678;
min-height: 50px;
font-size: 14px;
padding-top: 30px;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip {
background: none;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-nav-prev,
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-nav-next {
background: #fff;
top: -37px;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-overflow-left,
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-overflow-right {
height: 130px;
top: 30%;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-overflow-left:after,
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-overflow-right:after {
top: -70px;
height: 200px;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-slider-inner .p-category:first-child {
margin-right: 22px;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-slider-inner .p-picture {
height: 79px;
text-align: center;
}
.p-bp31-carousel-multiple-item.p-large .p-thumbstrip .p-slider-inner .p-picture img {
max-width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-bp31-carousel-multiple-item {
padding-left: 0;
padding-right: 0;
}
.p-bp31-carousel-multiple-item .p-normal-view img {
display: block;
max-width: 100%;
height: 500px;
}
.p-bp31-carousel-multiple-item .p-video-item {
width: 660px;
}
.p-bp31-carousel-multiple-item .p-video-item .p-video-holder {
height: 441px;
}
}
/*
Colors still need to be put in variables.
Use Atomics.
Add Inverted.
Arrows should always stick in viewport.
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc03-carousel-single-item .p-carousel-indicator-custom {
height: auto;
position: relative;
width: 100%;
}
.p-gc03-carousel-single-item .p-content-max-width {
max-width: 960px;
margin: 0 auto;
}
.p-gc03-carousel-single-item .p-gc03-carousel-single-item-inner {
padding: 0 !important;
position: relative;
}
.p-gc03-carousel-single-item .p-gc03-carousel-single-item-inner.p-one-slide .p-carousel-controls,
.p-gc03-carousel-single-item .p-gc03-carousel-single-item-inner.p-one-slide .p-carousel-indicator-custom {
display: none;
}
.p-gc03-carousel-single-item .p-carousel-wrapper {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
position: relative;
width: 100%;
}
.p-gc03-carousel-single-item .p-carousel-view {
display: block;
position: relative;
left: 0;
}
.p-gc03-carousel-single-item .p-carousel-view li {
z-index: 1;
width: 100%;
display: block;
float: left;
position: relative;
}
.p-gc03-carousel-single-item .p-carousel-view li .p-gc01-generic-content .p-content-inner {
padding-left: 40px;
padding-right: 40px;
}
.p-gc03-carousel-single-item .p-carousel-view li img {
-webkit-user-drag: none;
user-drag: none;
}
.p-gc03-carousel-single-item .p-nav-next i,
.p-gc03-carousel-single-item .p-nav-prev i {
cursor: pointer;
}
.p-gc03-carousel-single-item .p-nav-next,
.p-gc03-carousel-single-item .p-nav-prev {
display: none;
position: absolute;
top: 50%;
z-index: 3010;
margin-top: -11px;
}
.p-gc03-carousel-single-item .p-nav-prev {
left: 20px;
}
.p-gc03-carousel-single-item .p-nav-next {
right: 20px;
}
.p-gc03-carousel-single-item .p-carousel-controls {
position: absolute;
top: 50%;
width: 100%;
}
.p-gc03-carousel-single-item .p-carousel-indicator {
text-align: center;
}
.p-gc03-carousel-single-item .p-carousel-indicator li {
height: 20px;
width: 20px;
display: inline-block;
}
.p-gc03-carousel-single-item .p-carousel-indicator li,
.p-gc03-carousel-single-item .p-carousel-indicator li.p-active,
.p-gc03-carousel-single-item .p-carousel-indicator li:hover {
background: none;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc03-carousel-single-item {
padding-bottom: 0px;
width: 100%;
}
.p-gc03-carousel-single-item .p-gc01-generic-content {
margin-left: -0.5%;
padding-left: 0.5%;
width: 100%;
}
.p-gc03-carousel-single-item .p-carousel-indicator {
bottom: 15px;
}
.p-gc03-carousel-single-item .p-mobile-list .p-carousel-indicator {
display: none;
}
.p-gc03-carousel-single-item .p-mobile-list .p-carousel-view {
border-top: 0px solid #e0e0e8;
left: 0 !important;
}
.p-gc03-carousel-single-item .p-mobile-list .p-carousel-view > li {
float: none;
}
.p-gc03-carousel-single-item .p-mobile-list .p-carousel-view .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
.p-gc03-carousel-single-item .p-mobile-list .p-carousel-view .p-pc06-product-banner .p-banner .p-price-disclaimer {
display: none;
}
.p-gc03-carousel-single-item .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
}
@media screen and (min-width: 701px) {
.p-gc03-carousel-single-item .p-nav-next,
.p-gc03-carousel-single-item .p-nav-prev {
display: block;
}
.p-gc03-carousel-single-item .p-nav-next {
right: 20px;
}
.p-gc03-carousel-single-item .p-nav-prev {
left: 20px;
}
.p-gc03-carousel-single-item .p-carousel-view section {
position: relative;
left: 0;
}
.p-gc03-carousel-single-item .p-carousel-view .p-pc06-product-banner {
width: 100%;
margin-left: 0px;
}
}
@media screen and (min-width: 961px) {
.p-gc03-carousel-single-item .p-content-max-width {
max-width: 960px;
margin: 0 auto;
}
.p-gc03-carousel-single-item .p-gc03-carousel-single-item-inner {
padding: 0 !important;
position: relative;
}
.p-gc03-carousel-single-item .p-nav-next {
right: 20px;
}
.p-gc03-carousel-single-item .p-nav-prev {
left: 20px;
}
}
.p-gc01-generic-content {
display: inline-block;
vertical-align: top;
}
.p-gc01-generic-content .p-gc01-generic-content-inner.p-row-gutter .p-sc01-youtube-widget .p-row-gutter {
padding: 0;
}
.p-gc01-generic-content .p-content {
display: block;
position: relative;
background-position: center 0;
max-width: 960px;
margin: 0 auto;
}
.p-gc01-generic-content .p-content:after {
content: "";
display: table;
clear: both;
}
.p-gc01-generic-content .p-content.p-full-bleed {
max-width: 100%;
}
.p-gc01-generic-content .p-content .p-content-inner {
max-width: 960px;
margin: 0 auto;
}
.p-gc01-generic-content .p-image-area .p-picture img {
max-width: 100%;
}
.p-gc01-generic-content .p-image-area.img-full-width .p-picture img {
width: 100%;
}
.p-gc01-generic-content .p-image-area,
.p-gc01-generic-content .p-text-area {
display: table-cell;
}
.p-gc01-generic-content .p-text-area .p-body-text ul {
list-style-position: outside;
padding-left: 3%;
list-style: initial;
}
.p-gc01-generic-content .p-text-area .p-body-text li {
text-indent: 0;
margin-left: 9px;
display: list-item;
}
.p-gc01-generic-content .p-text-area .p-body-text b {
font-weight: bold;
}
.p-gc01-generic-content .p-text-area .p-body-text i {
font-style: italic;
}
.p-gc01-generic-content .p-text-area .p-body-text u {
font-style: underline;
}
.p-gc01-generic-content .p-text-area .p-cta-area .p-wtb-wrapper {
display: block;
float: none;
width: 100%;
margin-top: 12px;
}
.p-gc01-generic-content .p-text-area .p-cta-area .p-wtb-wrapper a {
margin-bottom: 16px;
margin-right: 10px;
border-color: transparent;
padding: 7px 20px 4px 20px;
}
.p-gc01-generic-content .p-text-area .p-cta-area .p-wtb-wrapper .wtb-container,
.p-gc01-generic-content .p-text-area .p-cta-area .p-wtb-wrapper .p-wtb-container,
.p-gc01-generic-content .p-text-area .p-cta-area .p-wtb-wrapper .p-button-secondary {
float: none;
display: inline-block;
}
.p-gc01-generic-content .p-text-area .p-cta-area.p-cta-right .p-wtb-wrapper a {
margin-left: 10px;
margin-right: 0px !important;
}
.p-gc01-generic-content .p-text-area .p-cta-right {
text-align: right;
}
.p-gc01-generic-content .p-text-area .p-cta-area-fixed {
position: absolute;
width: 100%;
}
.p-gc01-generic-content .p-text-area .p-closing-link {
margin-top: 18px;
margin-bottom: 0px;
}
.p-gc01-generic-content .p-text-area .p-title-text {
padding-bottom: 0;
margin-bottom: 10px;
word-wrap: break-word;
}
@media screen and (max-width: 700px) {
.p-gc01-generic-content {
width: 100%;
margin-left: 0px !important;
}
.p-gc01-generic-content .p-image-area,
.p-gc01-generic-content .p-text-area {
display: block;
width: 100%!important;
}
.p-gc01-generic-content .p-text-area .p-text-area-inner {
margin: 0px!important;
}
}
@media screen and (min-width: 0px) {
.p-gc01-generic-content .p-heading-01 {
font-size: 32px;
line-height: 36px;
}
.p-gc01-generic-content .p-heading-02 {
font-size: 26px;
line-height: 32px;
}
.p-gc01-generic-content .p-heading-03 {
font-size: 22px;
line-height: 26px;
}
.p-gc01-generic-content .p-heading-04 {
font-size: 18px;
line-height: 22px;
}
.p-gc01-generic-content .p-heading-05 {
font-size: 14px;
line-height: 20px;
}
}
@media screen and (min-width: 701px) {
.p-gc01-generic-content .p-heading-01 {
font-size: 32px;
line-height: 36px;
}
.p-gc01-generic-content .p-heading-02 {
font-size: 26px;
line-height: 32px;
}
.p-gc01-generic-content .p-heading-03 {
font-size: 22px;
line-height: 26px;
}
.p-gc01-generic-content .p-heading-04 {
font-size: 18px;
line-height: 22px;
}
.p-gc01-generic-content .p-heading-05 {
font-size: 14px;
line-height: 20px;
}
.p-gc01-generic-content .p-text-area .p-body-text p {
font-size: 14px;
line-height: 20px;
word-wrap: break-word;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc80-grid-tab-container .p-gc80-title {
margin-left: 10px;
}
.p-gc80-grid-tab-container .p-accordion-header {
background: transparent;
color: #3c3c3c;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 2px 10px 0px 10px;
}
.p-gc80-grid-tab-container .p-tab-button-container {
max-height: 86px;
}
.p-gc80-grid-tab-container .p-tab-button {
background: #ffffff;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
font-size: 14px;
padding: 17px 20px 17px 12px;
height: 22px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset {
display: none;
}
.p-gc80-grid-tab-container .p-tab-content {
width: 100%;
}
.p-gc80-grid-tab-container .p-tab-content .p-button {
margin-right: 10px;
}
.p-gc80-grid-tab-container .p-tab-icon {
float: left;
margin-right: 10px;
}
.p-gc80-grid-tab-container .p-goto-button {
margin-bottom: 10px;
}
.p-gc80-grid-tab-container .p-download-leaflet {
display: none;
margin-bottom: 10px;
}
.p-gc80-grid-tab-container .p-active-btn {
display: inline-block;
}
.p-gc80-grid-tab-container .p-title {
display: inline;
margin-right: 10px;
max-height: 86px;
}
.p-gc80-grid-tab-container .p-sub-title {
display: inline;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
vertical-align: bottom;
}
.p-gc80-grid-tab-container .p-accordion-header:after {
color: #7d0063;
content: "\e201";
top: 11px;
font-size: 16px;
}
.p-gc80-grid-tab-container .p-picture img {
max-width: 30px;
max-height: 30px;
}
.p-gc80-grid-tab-container .p-harmonica-flyout {
display: block;
margin-top: 2px;
}
.p-gc80-grid-tab-container.p-inverted .p-accordion-header {
color: #ffffff;
}
.p-gc80-grid-tab-container.p-inverted .p-accordion-header:after {
color: #ffffff;
}
.p-gc80-grid-tab-container.p-inverted .p-accordion-header .p-tab-button {
background: #7d0063;
}
@media screen and (max-width: 700px) {
.p-gc80-grid-tab-container .p-harmonica-flyout {
display: block;
}
.p-gc80-grid-tab-container .p-tab-content {
margin-left: 0px;
}
.p-gc80-grid-tab-container .p-tab-content .p-button {
color: #ffffff;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active .p-tab-button {
box-shadow: none;
background: transparent;
height: 1px;
padding-bottom: 20px;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active .p-tab-button .p-tab-icon {
display: none;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active .p-tab-button .p-tab-titles {
display: none;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active:after {
top: 5px;
}
}
@media screen and (min-width: 701px) {
.p-gc80-grid-tab-container {
position: relative;
margin: 0px 0px 0px 0px;
}
.p-gc80-grid-tab-container .p-gc80-title {
margin-left: 0px;
}
.p-gc80-grid-tab-container .p-tab-button {
display: table;
cursor: pointer;
border: 1px solid #ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
height: 87px;
width: 222px;
/* Can not use mixin because of browser -prefix */
-webkit-transition: -moz-transform 0.08s ease-out, border 1s;
-moz-transition: -webkit-transform 0.08s ease-out, border 1s;
transition: transform 0.08s ease-out, border 1s;
}
.p-gc80-grid-tab-container .p-content-bottom {
display: table-footer-group;
}
.p-gc80-grid-tab-container .p-content-top {
display: table-header-group;
}
.p-gc80-grid-tab-container .p-tab-titles {
display: table-cell;
vertical-align: middle;
height: 86px;
overflow: hidden;
width: 136px;
}
.p-gc80-grid-tab-container .p-title {
display: block;
float: none;
}
.p-gc80-grid-tab-container .p-sub-title {
display: block;
}
.p-gc80-grid-tab-container .p-tab-icon {
display: inline-block;
margin: 15px 12px 15px 15px;
float: left;
}
.p-gc80-grid-tab-container .p-accordion-header-normal-view {
float: none;
}
.p-gc80-grid-tab-container .p-accordion-header {
float: left;
min-height: 95px;
position: relative;
width: 33%;
margin: 10px 0px 10px 0px;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active .p-tab-button {
border: 1px solid #7d0063;
}
.p-gc80-grid-tab-container .p-accordion-header.p-active:after {
content: none;
}
.p-gc80-grid-tab-container .p-accordion-header:after {
content: none;
}
.p-gc80-grid-tab-container .p-accordion-header:hover .p-tab-button {
/* position: absolute;*/
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
}
.p-gc80-grid-tab-container .p-picture img {
max-width: 53px;
max-height: 53px;
}
.p-gc80-grid-tab-container .p-accordion-content {
display: none;
position: absolute;
top: 0;
margin: 0px 0px 0px 20px;
}
.p-gc80-grid-tab-container .p-accordion-content-normal-view {
position: relative;
margin: 0px 0px 0px 0px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset {
margin: 44px 0px 54px 18px;
}
.p-gc80-grid-tab-container .p-harmonica-flyout {
display: none;
width: 100%;
margin-top: 0px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-link-color {
float: right;
cursor: pointer;
margin-right: 10px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-show-more {
display: none;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-show-less {
display: none;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-active-btn {
display: table-cell;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container {
display: table-cell;
padding-left: 10px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container .p-icon-up,
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container .p-icon-down {
width: 26px;
height: 22px;
padding: 5px 5px 3px 5px;
text-align: center;
background: transparent;
border-radius: 2px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset a:hover .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset a:hover .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-inverted .p-accordion-header.p-active .p-tab-button {
border: 1px solid #ffffff;
}
.p-inverted .p-tab-button {
border: 1px solid #7d0063;
}
.p-inverted .p-flyout-btn-offset a {
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a:hover .p-icon-up {
background-color: #ffffff;
color: #7d0063;
}
.p-inverted .p-flyout-btn-offset a:hover .p-icon-down {
background-color: #ffffff;
color: #7d0063;
}
.p-accordion dt:first-child {
margin-top: 10px;
}
}
@media screen and (min-width: 961px) {
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-link-color {
float: right;
cursor: pointer;
margin-right: 10px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-show-more {
display: none;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-show-less {
display: none;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-active-btn {
display: table-cell;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container {
display: table-cell;
padding-left: 10px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container .p-icon-up,
.p-gc80-grid-tab-container .p-flyout-btn-offset .p-icon-container .p-icon-down {
width: 26px;
height: 22px;
padding: 5px 5px 3px 5px;
text-align: center;
background: transparent;
border-radius: 2px;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset a:hover .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-gc80-grid-tab-container .p-flyout-btn-offset a:hover .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-gc80-grid-tab-container .p-gc80-title {
margin-left: 0px;
}
.p-gc80-grid-tab-container .p-accordion-header {
width: 25%;
}
.p-gc80-grid-tab-container .p-accordion-header-normal-view {
float: none;
}
.p-gc80-grid-tab-container .p-accordion-content-normal-view {
position: relative;
margin: 0px 0px 0px 0px;
}
.p-gc80-grid-tab-container .p-tab-button {
width: 222px;
}
.p-gc80-grid-tab-container .p-tab-titles {
width: 136px;
height: 86px;
overflow: hidden;
}
.p-gc80-grid-tab-container .p-tab-icon {
float: left;
}
.p-gc80-grid-tab-container .p-picture img {
max-width: 53px;
max-height: 53px;
}
.p-gc80-grid-tab-container .p-title {
display: block;
float: none;
}
.p-gc80-grid-tab-container .p-sub-title {
display: block;
}
.p-gc80-grid-tab-container .p-icon-arrow-up:before {
display: none;
}
.p-inverted .p-accordion-header.p-active .p-tab-button {
border: 1px solid #ffffff;
}
.p-inverted .p-tab-button {
border: 1px solid #7d0063;
}
.p-inverted .p-flyout-btn-offset a {
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-inverted .p-flyout-btn-offset a:hover .p-icon-up {
background-color: #ffffff;
color: #7d0063;
}
.p-inverted .p-flyout-btn-offset a:hover .p-icon-down {
background-color: #ffffff;
color: #7d0063;
}
.p-accordion dt:first-child {
margin-top: 10px;
}
}
/*
Local variables
---------------------------*/
/*
Local mixins
-------------------------*/
/*
Defaults
---------------------------*/
.p-gc21-table {
border-collapse: collapse;
margin: 0;
width: 100%;
text-align: left;
border-top: 1px solid #7d0063;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table td {
padding: 5px 10px 5px 10px;
vertical-align: top;
}
.p-gc21-table thead {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-gc21-table.p-header-hidden thead {
display: none;
}
.p-gc21-table tr {
border-bottom: 1px solid #7d0063;
background: #ffffff;
font-size: 14px;
}
.p-gc21-table thead tr {
background: #f3ebfa;
}
.p-gc21-table tbody tr {
background: #ffffff;
}
.p-gc21-table.p-inverted {
border-top: 2px solid #ffffff;
color: #000000;
}
.p-gc21-table.p-inverted thead tr {
background: rgba(66, 20, 95, 0.15);
}
.p-gc21-table.p-inverted tbody tr {
background: rgba(243, 235, 250, 0.15);
}
.p-gc21-table.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-aqua {
border-top: 1px solid #156570;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-aqua tr {
border-bottom: 1px solid #156570;
}
.p-gc21-table.p-aqua thead tr {
background: #cae3e9;
}
.p-gc21-table.p-aqua tbody tr {
background: #ffffff;
}
.p-gc21-table.p-aqua.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-aqua.p-inverted thead tr {
background: #e7f5f4;
}
.p-gc21-table.p-aqua.p-inverted tbody tr {
background: #f7fbfc;
}
.p-gc21-table.p-aqua.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-green {
border-top: 1px solid #00693c;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-green tr {
border-bottom: 1px solid #00693c;
}
.p-gc21-table.p-green thead tr {
background: #e0e96e;
}
.p-gc21-table.p-green tbody tr {
background: #ffffff;
}
.p-gc21-table.p-green.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-green.p-inverted thead tr {
background: #f4f5d9;
}
.p-gc21-table.p-green.p-inverted tbody tr {
background: #fafce9;
}
.p-gc21-table.p-green.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-orange {
border-top: 1px solid #983222;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-orange tr {
border-bottom: 1px solid #983222;
}
.p-gc21-table.p-orange thead tr {
background: #fbd476;
}
.p-gc21-table.p-orange tbody tr {
background: #ffffff;
}
.p-gc21-table.p-orange.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-orange.p-inverted thead tr {
background: #fcf3d9;
}
.p-gc21-table.p-orange.p-inverted tbody tr {
background: #fef9ea;
}
.p-gc21-table.p-orange.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-pink {
border-top: 1px solid #91004b;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-pink tr {
border-bottom: 1px solid #91004b;
}
.p-gc21-table.p-pink thead tr {
background: #e9c5cb;
}
.p-gc21-table.p-pink tbody tr {
background: #ffffff;
}
.p-gc21-table.p-pink.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-pink.p-inverted thead tr {
background: #fbf0f2;
}
.p-gc21-table.p-pink.p-inverted tbody tr {
background: #fcf6f7;
}
.p-gc21-table.p-pink.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-purple {
border-top: 1px solid #631d76;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-purple tr {
border-bottom: 1px solid #631d76;
}
.p-gc21-table.p-purple thead tr {
background: #dbcfe9;
}
.p-gc21-table.p-purple tbody tr {
background: #ffffff;
}
.p-gc21-table.p-purple.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-purple.p-inverted thead tr {
background: #f4eef5;
}
.p-gc21-table.p-purple.p-inverted tbody tr {
background: #faf8fc;
}
.p-gc21-table.p-purple.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-black {
border-top: 1px solid #252525;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-black tr {
border-bottom: 1px solid #252525;
}
.p-gc21-table.p-black thead tr {
background: #efefef;
}
.p-gc21-table.p-black tbody tr {
background: #ffffff;
}
.p-gc21-table.p-black.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-black.p-inverted thead tr {
background: #f7f7f7;
}
.p-gc21-table.p-black.p-inverted tbody tr {
background: #fdfdfd;
}
.p-gc21-table.p-black.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-transparent {
border-top: 1px solid #000000;
/*
Inverted styles
---------------------------*/
}
.p-gc21-table.p-transparent tr {
border-bottom: 1px solid #000000;
}
.p-gc21-table.p-transparent thead tr {
background: transparent;
}
.p-gc21-table.p-transparent tbody tr {
background: transparent;
}
.p-gc21-table.p-transparent.p-inverted {
border-top: 2px solid #ffffff;
}
.p-gc21-table.p-transparent.p-inverted thead tr {
background: transparent;
}
.p-gc21-table.p-transparent.p-inverted tbody tr {
background: transparent;
}
.p-gc21-table.p-transparent.p-inverted tr {
border-bottom: 2px solid #ffffff;
}
.p-gc21-table.p-transparent.p-inverted {
color: #ffffff;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc21-table thead {
display: none;
}
.p-gc21-table col {
display: none;
}
.p-gc21-table td {
display: block;
position: relative;
clear: both;
padding: 0.5rem 0rem 0.5rem 50%;
}
.p-gc21-table td:before {
float: left;
content: attr(data-title);
width: 98%;
font-weight: bold;
margin-left: -100%;
}
.p-gc21-table.p-header-hidden td:before {
display: none;
}
.p-gc21-table.p-header-hidden td {
float: right;
width: 98%;
padding-left: 2%;
}
.p-gc21-table .p-gc11v3-generictext h2,
.p-gc21-table .p-gc11v3-generictext h2 div,
.p-gc21-table .p-gc11v3-generictext .p-text-smaller,
.p-gc21-table .p-gc11v3-generictext .p-text-smaller div {
text-align: left !important;
}
}
.p-a02-downloadable-asset.p-inverted a,
.p-inverted .p-a02-downloadable-asset a {
color: #ffffff;
}
.p-a02-downloadable-asset.p-inverted .p-link-more:after,
.p-inverted .p-a02-downloadable-asset .p-link-more:after {
color: #ffffff;
}
.p-a02-downloadable-asset a {
color: #3c3c3c;
display: table;
}
.p-a02-downloadable-asset a:hover {
text-decoration: none;
}
.p-a02-downloadable-asset .p-icon-holder {
padding-right: 10px;
display: table-cell;
}
.p-a02-downloadable-asset .p-icon-holder i:after {
font-size: 30px;
line-height: 30px;
}
.p-a02-downloadable-asset .p-asset-info {
display: table-cell;
vertical-align: middle;
}
.p-a02-downloadable-asset .p-asset-info:hover {
text-decoration: none;
}
.p-a02-downloadable-asset .p-asset-info .p-asset-size {
color: #b9bbc7;
}
.p-a02-downloadable-asset .p-link-more:after {
color: #7d0063;
}
@media screen and (max-width: 450px) {
.p-a02-downloadable-asset .p-xs-icon-pos-top .p-icon-holder {
display: block;
text-align: center;
}
.p-a02-downloadable-asset .p-xs-icon-pos-top .p-asset-info {
display: block;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-a02-downloadable-asset .p-s-icon-pos-top .p-icon-holder {
display: block;
text-align: center;
}
.p-a02-downloadable-asset .p-s-icon-pos-top .p-asset-info {
display: block;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-a02-downloadable-asset .p-m-icon-pos-top .p-icon-holder {
display: block;
text-align: center;
}
.p-a02-downloadable-asset .p-m-icon-pos-top .p-asset-info {
display: block;
}
}
@media screen and (min-width: 961px) {
.p-a02-downloadable-asset .p-l-icon-pos-top .p-icon-holder {
display: block;
text-align: center;
}
.p-a02-downloadable-asset .p-l-icon-pos-top .p-asset-info {
display: block;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-i01-jobsearchtaleo .p-taleo-form .p-taleo-advancedsearch {
text-decoration: none;
}
.p-i01-jobsearchtaleo .p-taleo-form .p-taleo-searchactions {
padding-top: 10px;
}
.p-i01-jobsearchtaleo .p-taleo-form .p-taleo-searchactions .p-taleo-searchbutton {
float: right;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings {
clear: both;
margin-top: 47px;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist {
border-top: 1px solid #7d0063;
margin-top: 12px;
margin-bottom: 36px;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist li {
border-bottom: 1px solid #7d0063;
padding-bottom: 13px;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist li .p-taleo-jobtitle {
margin-top: 12px;
margin-bottom: 4px;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist li > span {
display: block;
}
.p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-viewall {
text-align: center;
}
.p-i01-jobsearchtaleo.p-inverted .p-taleo-jobopenings .p-taleo-jobopeningslist,
.p-inverted .p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist {
border-top-color: #ffffff;
}
.p-i01-jobsearchtaleo.p-inverted .p-taleo-jobopenings .p-taleo-jobopeningslist li,
.p-inverted .p-i01-jobsearchtaleo .p-taleo-jobopenings .p-taleo-jobopeningslist li {
border-bottom-color: #ffffff;
}
@media screen and (min-width: 701px) {
.p-gc32-link-duplicate-container {
margin: 0 auto;
max-width: 960px;
position: relative;
}
.p-gc32-link-duplicate-container .p-content-cell a {
color: #3c3c3c;
cursor: text;
text-decoration: none;
}
.p-gc32-link-duplicate-container .p-link-cell .p-duplicate-link {
position: absolute;
line-height: 16px;
padding-bottom: 7px;
}
.p-gc32-link-duplicate-container .p-link-cell a {
color: #3c3c3c;
display: block;
}
.p-gc32-link-duplicate-container.p-inverted .p-content-cell a,
.p-gc32-link-duplicate-container.p-inverted .p-link-cell a {
color: #ffffff;
}
}
/*
Defaults
*/
.p-gc40-quiz-question .p-explanation {
color: #5b8f22;
display: none;
}
.p-gc40-quiz-question .p-buttons .p-button {
background-color: #f2f2f2;
color: #631d76;
display: block;
}
.p-gc40-quiz-question .p-buttons .p-button:hover {
background-color: #631d76;
color: #ffffff;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-gc40-quiz-question .p-buttons .p-button.p-correct {
color: #ffffff;
background-color: #b8cf3c;
-webkit-transition: background-color 600ms ease-in;
transition: background-color 600ms ease-in;
}
.p-gc40-quiz-question .p-buttons .p-button.p-incorrect {
color: #ffffff;
background-color: #9f0d33;
-webkit-transition: background-color 600ms ease-in;
transition: background-color 600ms ease-in;
}
.p-gc40-quiz-question .p-buttons .p-button.p-neither {
color: #631d76;
background-color: #f2f2f2;
}
.p-gc40-quiz-question .p-buttons .p-button:first-child {
margin-top: 0px;
}
.p-gc40-quiz-question .p-buttons .p-button.p-disable {
cursor: default;
}
.p-gc40-quiz-question.p-inverted .p-explanation,
.p-inverted .p-gc40-quiz-question .p-explanation {
color: #ffffff;
}
.p-gc40-quiz-question.p-inverted .p-buttons .p-button,
.p-inverted .p-gc40-quiz-question .p-buttons .p-button {
background-color: #ffffff;
}
.p-gc40-quiz-question.p-inverted .p-buttons .p-button:hover,
.p-inverted .p-gc40-quiz-question .p-buttons .p-button:hover {
background-color: #631d76;
}
.p-gc40-quiz-question.p-inverted .p-buttons .p-button.p-correct,
.p-inverted .p-gc40-quiz-question .p-buttons .p-button.p-correct {
background-color: #b8cf3c;
}
.p-gc40-quiz-question.p-inverted .p-buttons .p-button.p-incorrect,
.p-inverted .p-gc40-quiz-question .p-buttons .p-button.p-incorrect {
background-color: #9f0d33;
}
.p-gc40-quiz-question.p-inverted .p-buttons .p-button.p-neither,
.p-inverted .p-gc40-quiz-question .p-buttons .p-button.p-neither {
background-color: #ffffff;
}
/*
XS and S
*/
/*
M and L
*/
/*
M
*/
/*
L
*/
@media screen and (max-width: 700px) {
.p-gc40-quiz-question .p-buttons .p-button {
width: 80%;
margin-left: 10%;
margin-right: 10%;
margin-top: 10px;
}
}
@media screen and (min-width: 701px) {
.p-gc40-quiz-question .p-buttons .p-button {
width: 93%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc40-quiz-question .p-buttons .p-button {
margin-top: 7px;
}
}
@media screen and (min-width: 961px) {
.p-gc40-quiz-question .p-buttons .p-button {
margin-top: 10px;
}
}
/*
Local variables
---------------------------*/
.e51-add-to-calendar {
/*
Inverted styles
---------------------------*/
}
.e51-add-to-calendar .p-icon-calendar {
position: relative;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/e51-add-to-calendar/icons_calendar.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 45px;
line-height: 45px;
width: 46px;
margin-right: 5px;
vertical-align: middle;
background-position: 0 0;
}
.e51-add-to-calendar .p-text-align {
width: 100%;
padding-top: 3px;
color: #000000;
}
.e51-add-to-calendar.p-inverted .p-icon-calendar,
.p-inverted .e51-add-to-calendar .p-icon-calendar {
position: relative;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/e51-add-to-calendar/icons_calendar_inverted.png');
background-repeat: no-repeat;
display: inline-block;
font-style: normal;
height: 45px;
line-height: 45px;
width: 46px;
margin-right: 5px;
vertical-align: middle;
background-position: 0 0;
}
.e51-add-to-calendar.p-inverted .p-text-align,
.p-inverted .e51-add-to-calendar .p-text-align {
width: 100%;
padding-top: 3px;
color: #b9bbc7;
}
/*
Defaults
*/
.p-i12-couponbutton .p-wrapper-button .p-error-msg {
color: #e98300;
}
.p-i12-couponbutton .p-wrapper-button .p-loader-block {
display: table;
}
.p-i12-couponbutton .p-wrapper-button .p-loader-block .p-icon-block {
display: table-cell;
}
.p-i12-couponbutton .p-wrapper-button .p-loader-block .p-load-block {
display: table-cell;
padding-left: 5px;
}
/*
XS
*/
/*
S
*/
/*
M
*/
/*
L
*/
@media screen and (max-width: 700px) {
.p-i12-couponbutton .p-xs-full .p-button-coupons {
width: 100%;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-i12-couponbutton .p-s-full .p-button-coupons {
width: 100%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-i12-couponbutton .p-m-full .p-button-coupons {
width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-i12-couponbutton .p-l-full .p-button-coupons {
width: 100%;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc16-image-video-gallery {
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
/*
Inverted styles
---------------------------*/
}
.p-gc16-image-video-gallery #pex {
line-height: 12px;
}
.p-gc16-image-video-gallery.p-video-gallery .p-product-image {
cursor: pointer;
}
.p-gc16-image-video-gallery .p-title {
text-align: left;
}
.p-gc16-image-video-gallery .p-pex {
overflow: hidden;
width: 100%;
position: relative;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-play-button .p-icon-play {
display: block;
padding-top: 35%;
}
.p-gc16-image-video-gallery .p-play-button {
position: absolute;
background: none;
display: none;
top: 50%;
left: 50%;
height: 33%;
padding: 0;
margin: 0;
border: 4px solid #ffffff;
outline: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
text-align: center;
}
.p-gc16-image-video-gallery .p-play-button .p-icon-play:after {
opacity: 1;
top: 0;
color: #ffffff;
display: inline;
vertical-align: middle;
line-height: inherit;
}
.p-gc16-image-video-gallery .p-play-button.p-bottom-left {
transform: none;
bottom: 10px;
left: 10px;
top: auto;
}
.p-gc16-image-video-gallery.p-video-active .p-show-more,
.p-gc16-image-video-gallery.p-video-active .p-viewer {
display: none;
}
.p-gc16-image-video-gallery.p-show-copy-wrapper .p-copy-wrapper {
display: block;
}
.p-gc16-image-video-gallery.p-dark-background {
background-color: #0b0b0b;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #0b0b0b 0, #2d2d2d 0.5, #0b0b0b 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #0b0b0b 0, #2d2d2d 0.5, #0b0b0b 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0b0b0b', endColorstr='#ff0b0b0b', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0b0b0b', endColorstr='#ff0b0b0b', GradientType=0);
}
.p-gc16-image-video-gallery.p-dark-background .p-title {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-grid,
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-preview {
color: #3c3c3c;
}
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-grid:hover,
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-preview:hover,
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-grid.p-active,
.p-gc16-image-video-gallery.p-dark-background .p-toggle-view li .p-icon-gallery-preview.p-active {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-thumbstrip .p-slider-inner .p-active:after {
border: 1px solid #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-thumbstrip button.p-nav-next,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-thumbstrip button.p-nav-prev {
margin-top: -28px;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-nav-next,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-nav-prev {
background: #000000;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-icon-arrow-right:after,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-icon-arrow-left:after {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-gallery-numbers {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-toggle-view li {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-toggle-view li .p-icon-gallery-grid:hover,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-toggle-view li .p-icon-gallery-preview:hover,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-toggle-view li .p-icon-gallery-grid.p-active,
.p-gc16-image-video-gallery.p-dark-background .p-tab-container .p-tab .p-toggle-view li .p-icon-gallery-preview.p-active {
color: #ffffff;
}
.p-gc16-image-video-gallery .p-tab-container-loader {
display: none;
position: absolute;
left: 50%;
top: 250px;
margin: -14px 0px 0px -14px;
z-index: 2;
background: white;
padding: 5px 0px 0px 0px;
border-radius: 5px 5px 5px 5px;
}
.p-gc16-image-video-gallery .p-inline-video-viewer {
width: 100%;
height: auto;
position: relative;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-video-container {
background: #000000;
position: relative;
width: 100%;
height: auto;
padding-top: 56.25%;
display: none;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-video-container iframe {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-video-container .p-popup-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 2;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-video-container .p-popup-close .p-square {
width: 13px;
height: 13px;
line-height: 13px;
padding: 9px 4px 0px 6px;
}
.p-gc16-image-video-gallery .p-inline-video-viewer .p-video-container.p-show {
display: block;
}
.p-gc16-image-video-gallery .p-icon-gallery-grid,
.p-gc16-image-video-gallery .p-icon-gallery-preview {
font-size: 34px;
}
.p-gc16-image-video-gallery .p-inner-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-gc16-image-video-gallery.p-grid-view {
text-align: center;
}
.p-gc16-image-video-gallery.p-grid-view .p-show-more {
display: none;
}
.p-gc16-image-video-gallery.p-grid-view .p-copy-wrapper,
.p-gc16-image-video-gallery.p-grid-view .p-thumbstrip {
display: none;
}
.p-gc16-image-video-gallery.p-grid-view .p-grid-view-images {
display: block;
text-align: center;
}
.p-gc16-image-video-gallery.p-grid-view .p-grid-category li {
display: block;
margin-bottom: 14px;
left: 0px;
}
.p-gc16-image-video-gallery.p-grid-view .p-grid-category li:hover {
cursor: pointer;
}
.p-gc16-image-video-gallery.p-grid-view .p-grid-category li img {
width: 100%;
height: auto;
}
.p-gc16-image-video-gallery.p-grid-view .p-grid > li {
left: auto!important;
height: auto!important;
float: left;
position: relative;
width: 25%;
top: auto;
bottom: auto;
padding-left: 22px;
}
.p-gc16-image-video-gallery .p-grid-view-images {
display: none;
}
.p-gc16-image-video-gallery .p-top-wrapper {
position: relative;
}
.p-gc16-image-video-gallery .p-healthcare-tabs {
width: 75%;
background-color: none;
margin-bottom: 34px;
}
.p-gc16-image-video-gallery .p-healthcare-tabs .p-square.p-icon-down:after {
color: #ffffff;
}
.p-gc16-image-video-gallery .p-healthcare-tabs .p-square.p-icon-down:hover {
background: #ffffff;
}
.p-gc16-image-video-gallery .p-healthcare-tabs .p-square.p-icon-down:hover:after {
color: #7d0063;
}
.p-gc16-image-video-gallery .p-healthcare-tabs > ul li.p-open .p-square.p-icon-down:after {
color: #7d0063;
}
.p-gc16-image-video-gallery .p-healthcare-tabs > ul li.p-collapse {
background: #7d0063;
}
.p-gc16-image-video-gallery .p-healthcare-tabs > ul li.p-collapse ul li {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-healthcare-tabs > ul li a:hover:after {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories a {
color: #7d0063;
background: rgba(125, 0, 99, 0.2);
border: 0;
}
.p-gc16-image-video-gallery .p-categories a:hover,
.p-gc16-image-video-gallery .p-categories a.p-active {
background: #7d0063;
color: #ffffff;
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories a:hover:before,
.p-gc16-image-video-gallery .p-categories a.p-active:before {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-square {
color: #7d0063;
}
.p-gc16-image-video-gallery .p-square:hover {
background: #7d0063;
}
.p-gc16-image-video-gallery .p-thumbstrip {
background: none;
}
.p-gc16-image-video-gallery .p-thumbstrip .p-slider-inner a {
border: 0px solid #7d0063;
min-width: 142px;
border-radius: 2px 2px 2px 2px;
}
.p-gc16-image-video-gallery .p-thumbstrip .p-slider-inner .p-active:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
border: 1px solid #7d0063;
top: 0px;
left: 0px;
border-radius: 2px 2px 2px 2px;
}
.p-gc16-image-video-gallery .p-thumbstrip .p-slider-inner .p-play-button {
display: inline-block;
left: 50%;
}
.p-gc16-image-video-gallery .p-thumbstrip .p-slider-inner .p-play-button .p-icon-play {
display: inline-block;
font-size: 14.85px;
padding-left: 1px !important;
padding-top: 3px;
height: 100%;
width: 100%;
}
.p-gc16-image-video-gallery .p-copy-wrapper {
position: relative;
margin: 0px 5px 5px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-image-title-collapse {
display: none;
color: #ffffff;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-image-title {
color: #ffffff;
line-height: 50px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description {
overflow-y: hidden;
width: 100%;
position: absolute;
color: #ffffff;
line-height: 50px;
height: 50px;
background-color: rgba(0, 52, 120, 0.9);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, rgba(15, 32, 75, 0.9), rgba(0, 52, 120, 0.9));
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, rgba(15, 32, 75, 0.9), rgba(0, 52, 120, 0.9));
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60f204b', endColorstr='#e6003478', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e60f204b', endColorstr='#e6003478', GradientType=1);
bottom: 0px;
left: 0px;
padding: 0px 20px 0px 20px;
border-radius: 2px 2px 2px 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse {
line-height: inherit;
height: auto;
padding: 20px 20px 20px 20px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse .p-image-title-collapse {
display: block;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse .p-image-title {
display: none;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse .p-read-more {
font-size: 0px;
top: 10px;
right: 10px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse .p-read-more .p-icon-arrow-up:after {
content: "\e201";
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description.p-collapse .p-read-more .p-icon-arrow-up:before {
display: none;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-read-more {
position: absolute;
color: #ffffff;
top: 0px;
right: 10px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-read-more .p-icon-arrow-up {
margin-left: 7px;
font-size: 8px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-read-more .p-icon-arrow-up:before {
display: none;
}
.p-gc16-image-video-gallery .p-toggle-view {
display: none;
position: absolute;
z-index: 10;
top: 8px;
right: 0px;
font-size: 16px;
}
.p-gc16-image-video-gallery .p-toggle-view li {
color: #3c3c3c;
display: table-cell;
vertical-align: top;
cursor: pointer;
padding-left: 12px;
}
.p-gc16-image-video-gallery .p-toggle-view li:first-of-type {
padding-left: 17px;
}
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid,
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview {
color: #888b9c;
}
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid:hover,
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview:hover,
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid.p-active,
.p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview.p-active {
color: #3c3c3c;
}
.p-gc16-image-video-gallery .p-tab-container {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
float: left;
}
.p-gc16-image-video-gallery .p-tab-container .p-tab {
width: 100%;
top: 0px;
height: auto;
display: none;
overflow: hidden;
position: absolute;
}
.p-gc16-image-video-gallery .p-tab-container .p-tab.p-active {
display: block;
}
.p-gc16-image-video-gallery .p-tab-container .p-tab .p-thumbstrip button.p-nav-next,
.p-gc16-image-video-gallery .p-tab-container .p-tab .p-thumbstrip button.p-nav-prev {
top: 50%;
margin-top: -40px;
bottom: auto;
}
.p-gc16-image-video-gallery .p-viewer {
position: relative;
}
.p-gc16-image-video-gallery .p-viewer > li {
position: absolute;
left: 100%;
top: 0px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-gc16-image-video-gallery .p-viewer > li:after {
content: "";
display: table;
clear: both;
}
.p-gc16-image-video-gallery .p-viewer > li.p-current {
left: 0px;
position: relative;
}
.p-gc16-image-video-gallery .p-viewer > li.p-current .p-normal-view {
display: block;
}
.p-gc16-image-video-gallery .p-viewer > li.p-new-slide .p-normal-view {
display: block;
}
.p-gc16-image-video-gallery .p-close {
display: none;
}
.p-gc16-image-video-gallery .p-close.p-viewer-close {
display: none;
z-index: 1;
}
.p-gc16-image-video-gallery .p-product-image {
display: none;
}
.p-gc16-image-video-gallery .p-product-image.p-show {
display: block;
}
.p-gc16-image-video-gallery .p-normal-view {
display: block;
}
.p-gc16-image-video-gallery .p-normal-view span {
display: block;
}
.p-gc16-image-video-gallery .p-normal-view img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.p-gc16-image-video-gallery .p-current {
position: relative;
}
.p-gc16-image-video-gallery .p-s-slider-nav {
display: none;
}
.p-gc16-image-video-gallery .p-s-slider-nav.p-show {
display: block;
}
.p-gc16-image-video-gallery .p-s-slider-nav li {
position: absolute;
top: 50%;
z-index: 2;
left: 0px;
width: 32px;
height: 44px;
margin-top: -22px;
}
.p-gc16-image-video-gallery .p-s-slider-nav li.p-next {
left: auto;
right: 0px;
}
.p-gc16-image-video-gallery .p-s-slider-nav button {
display: block;
background: #ffffff;
width: 32px;
height: 44px;
border-radius: 0px 4px 4px 0px;
}
.p-gc16-image-video-gallery .p-s-slider-nav .p-next button {
border-radius: 4px 0px 0px 4px;
}
.test-touch .p-gc16-image-video-gallery .p-s-slider-nav .p-nav-prev.p-active:hover i,
.test-touch .p-gc16-image-video-gallery .p-s-slider-nav .p-nav-next.p-active:hover i {
color: #7d0063;
}
.p-gc16-image-video-gallery .p-annotations {
position: absolute;
display: none !important;
}
.p-gc16-image-video-gallery.p-inverted.p-dark-background,
.p-inverted .p-gc16-image-video-gallery.p-dark-background {
background-color: #cd202c;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #cd202c 0, #2d2d2d 0.5, #cd202c 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #cd202c 0, #2d2d2d 0.5, #cd202c 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd202c', endColorstr='#ffcd202c', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd202c', endColorstr='#ffcd202c', GradientType=0);
}
.p-gc16-image-video-gallery.p-inverted .p-healthcare-tabs .p-square.p-icon-down:hover:after,
.p-inverted .p-gc16-image-video-gallery .p-healthcare-tabs .p-square.p-icon-down:hover:after {
color: #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-healthcare-tabs > ul li.p-open .p-square.p-icon-down:after,
.p-inverted .p-gc16-image-video-gallery .p-healthcare-tabs > ul li.p-open .p-square.p-icon-down:after {
color: #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-healthcare-tabs > ul li.p-collapse,
.p-inverted .p-gc16-image-video-gallery .p-healthcare-tabs > ul li.p-collapse {
background: #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-categories a,
.p-inverted .p-gc16-image-video-gallery .p-categories a {
color: #7d0063;
background: rgba(125, 0, 99, 0.2);
}
.p-gc16-image-video-gallery.p-inverted .p-categories a:hover,
.p-inverted .p-gc16-image-video-gallery .p-categories a:hover,
.p-gc16-image-video-gallery.p-inverted .p-categories a.p-active,
.p-inverted .p-gc16-image-video-gallery .p-categories a.p-active {
background: #7d0063;
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-square,
.p-inverted .p-gc16-image-video-gallery .p-square {
color: #ffffff;
}
.p-gc16-image-video-gallery.p-inverted .p-square:hover,
.p-inverted .p-gc16-image-video-gallery .p-square:hover {
background: #ffffff;
color: #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-thumbstrip .p-slider-inner .p-active:after,
.p-inverted .p-gc16-image-video-gallery .p-thumbstrip .p-slider-inner .p-active:after {
border: 1px solid #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-copy-wrapper .p-image-title-collapse,
.p-inverted .p-gc16-image-video-gallery .p-copy-wrapper .p-image-title-collapse {
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-copy-wrapper .p-image-title,
.p-inverted .p-gc16-image-video-gallery .p-copy-wrapper .p-image-title {
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-copy-wrapper .p-description,
.p-inverted .p-gc16-image-video-gallery .p-copy-wrapper .p-description {
color: #000000;
background-color: rgba(205, 32, 44, 0.9);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, rgba(205, 32, 44, 0.9), rgba(205, 32, 44, 0.9));
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, rgba(205, 32, 44, 0.9), rgba(205, 32, 44, 0.9));
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6cd202c', endColorstr='#e6cd202c', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6cd202c', endColorstr='#e6cd202c', GradientType=1);
}
.p-gc16-image-video-gallery.p-inverted .p-copy-wrapper .p-read-more,
.p-inverted .p-gc16-image-video-gallery .p-copy-wrapper .p-read-more {
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li {
color: #3c3c3c;
}
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-grid,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid,
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-preview,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview {
color: #888b9c;
}
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-grid:hover,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid:hover,
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-preview:hover,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview:hover,
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-grid.p-active,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-grid.p-active,
.p-gc16-image-video-gallery.p-inverted .p-toggle-view li .p-icon-gallery-preview.p-active,
.p-inverted .p-gc16-image-video-gallery .p-toggle-view li .p-icon-gallery-preview.p-active {
color: #3c3c3c;
}
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-thumbstrip .p-slider-inner .p-active:after,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-thumbstrip .p-slider-inner .p-active:after {
border: 1px solid #cd202c;
}
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-nav-next,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-nav-next,
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-nav-prev,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-nav-prev {
background: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-icon-arrow-right:after,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-icon-arrow-right:after,
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-icon-arrow-left:after,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-icon-arrow-left:after {
color: #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-tab-container .p-tab[data-category="clinical-image"] .p-gallery-numbers,
.p-inverted .p-gc16-image-video-gallery .p-tab-container .p-tab[data-category="clinical-image"] .p-gallery-numbers {
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-s-slider-nav button,
.p-inverted .p-gc16-image-video-gallery .p-s-slider-nav button {
background: #0089c4;
}
.test-touch .p-gc16-image-video-gallery.p-inverted .p-s-slider-nav .p-nav-prev.p-active:hover i,
.test-touch .p-inverted .p-gc16-image-video-gallery .p-s-slider-nav .p-nav-prev.p-active:hover i,
.test-touch .p-gc16-image-video-gallery.p-inverted .p-s-slider-nav .p-nav-next.p-active:hover i,
.test-touch .p-inverted .p-gc16-image-video-gallery .p-s-slider-nav .p-nav-next.p-active:hover i {
color: #7d0063;
}
/*
Max Width 700
---------------------------*/
.p-gc16-popup.mfp-bg {
background: #000000;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-gc16-popup .mfp-content {
background: #ffffff;
box-shadow: 0 5px 15px 5px rgba(0, 0, 0, 0.25);
}
.p-gc16-popup .mfp-content .p-popup-close {
position: absolute;
cursor: pointer;
color: #7d0063;
background: none;
z-index: 9999;
float: right;
width: auto;
border: 0px solid #7d0063;
right: 0px;
top: 0px;
margin: 5px 5px 5px 5px;
padding: 2px 0 18px 0px !important;
}
.p-gc16-popup .mfp-content .p-popup-close:after {
margin-right: 6px;
margin-left: 6px;
}
.p-gc16-popup .mfp-content .p-popup-close:hover {
background: #7d0063;
}
.p-gc16-popup .mfp-content .p-heading-02 {
padding: 20px 0px 0px 20px;
}
.p-gc16-popup .mfp-content .p-popup-iframe {
box-shadow: none;
width: 100%;
min-height: 500px;
margin-top: 40px;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Max Width 960
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc16-image-video-gallery {
overflow-x: hidden;
padding-bottom: 10px;
}
.p-gc16-image-video-gallery .p-toggle-view {
display: none;
}
.p-gc16-image-video-gallery .p-healthcare-tabs {
width: 100%;
background-color: none;
}
.p-gc16-image-video-gallery .p-categories {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories a {
color: #7d0063;
background: rgba(125, 0, 99, 0.2);
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories a:hover,
.p-gc16-image-video-gallery .p-categories a.p-active {
background: #7d0063;
color: #ffffff;
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-categories a:hover:before,
.p-gc16-image-video-gallery .p-categories a.p-active:before {
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery .p-toggle-view {
display: none;
}
.p-gc16-image-video-gallery .p-s-slider-nav li {
top: 153px;
}
.p-gc16-image-video-gallery .p-copy-wrapper {
display: block;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-image-title {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-size: 19px;
color: #3c3c3c;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-description {
display: block;
height: auto;
position: relative;
background: none;
color: #3c3c3c;
font-size: 14px;
line-height: 22px;
}
.p-gc16-image-video-gallery .p-copy-wrapper .p-read-more {
display: none;
}
.p-gc16-image-video-gallery .p-viewer {
overflow: hidden;
padding-bottom: 1px;
}
.p-gc16-image-video-gallery .p-top-wrapper {
padding-bottom: 0px;
}
.p-gc16-image-video-gallery .p-gallery-numbers {
display: none;
position: absolute;
color: #888b9c;
right: 2%;
top: 50%;
font-size: 13px;
line-height: 16px;
margin-top: -8px;
}
.p-gc16-image-video-gallery .p-gallery-numbers.p-show {
display: block;
}
.p-gc16-image-video-gallery.p-inverted .p-categories a {
color: #7d0063;
background: rgba(125, 0, 99, 0.2);
border: 0px solid #7d0063;
}
.p-gc16-image-video-gallery.p-inverted .p-categories a:hover,
.p-gc16-image-video-gallery.p-inverted .p-categories a.p-active {
background: #7d0063;
color: #000000;
}
.p-gc16-image-video-gallery.p-inverted .p-gallery-numbers {
color: #cd202c;
}
}
@media screen and (max-width: 450px) {
.p-gc16-image-video-gallery .p-s-slider-nav li {
top: 96px;
}
.p-gc16-image-video-gallery .p-tab-container {
min-height: 300px;
}
.p-gc16-image-video-gallery .p-copy-wrapper {
float: left;
}
.p-gc16-image-video-gallery .p-button-wrapper-buy .p-button {
margin-left: 14px;
}
.p-gc16-image-video-gallery.p-dark-background .p-copy-wrapper .p-image-title,
.p-gc16-image-video-gallery.p-dark-background .p-copy-wrapper .p-description {
color: #ffffff;
}
}
@media screen and (min-width: 701px) {
.p-gc16-image-video-gallery .p-show-button {
display: block;
}
.p-gc16-image-video-gallery .p-close {
position: absolute;
z-index: 3;
right: 10px;
top: 10px;
}
.p-gc16-image-video-gallery .p-inner-wrapper {
overflow: hidden;
position: relative;
}
.p-gc16-image-video-gallery .p-s-slider-nav.p-show {
display: none;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc16-image-video-gallery .p-toggle-view {
font-size: 14px;
}
}
/*
Max Width 700
---------------------------*/
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-i08-poll .p-buttons .p-button {
display: block;
background-color: #f2f2f2;
color: #631d76;
}
.p-i08-poll .p-buttons .p-button:hover {
background-color: #631d76;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
color: #ffffff;
}
.p-i08-poll .p-both-states-holder a {
color: #ffffff;
}
.p-i08-poll .p-results .p-bar {
border-radius: 2px 2px 2px 2px;
}
.p-i08-poll .p-results .p-bar .p-inner {
background-color: #631d76;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
border-radius: 2px 2px 2px 2px;
}
.p-i08-poll .p-results .p-bar .p-inner.p-most-popular {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-i08-poll .p-results .p-percent {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
color: #42145f;
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
}
.p-i08-poll .p-results .p-label {
color: #42145f;
}
.p-i08-poll.p-inverted .p-buttons .p-button,
.p-inverted .p-i08-poll .p-buttons .p-button {
background-color: #ffffff;
color: #631d76;
}
.p-i08-poll.p-inverted .p-buttons .p-button:hover,
.p-inverted .p-i08-poll .p-buttons .p-button:hover {
background-color: #631d76;
color: #ffffff;
}
.p-i08-poll.p-inverted .p-results .p-bar .p-inner,
.p-inverted .p-i08-poll .p-results .p-bar .p-inner {
background-color: #ffffff;
}
.p-i08-poll.p-inverted .p-results .p-percent,
.p-inverted .p-i08-poll .p-results .p-percent {
color: #ffffff;
}
.p-i08-poll.p-inverted .p-results .p-label,
.p-inverted .p-i08-poll .p-results .p-label {
color: #ffffff;
}
/*
XS and S
*/
/*
XS
*/
/*
S
*/
/*
M and L
*/
/*
M only
*/
/*
L
*/
@media screen and (max-width: 700px) {
.p-i08-poll .p-both-states-holder {
position: relative;
}
.p-i08-poll .p-buttons {
top: 0;
left: 0;
width: 100%;
height: auto;
}
.p-i08-poll .p-results {
top: 0;
left: 0;
width: 97%;
height: auto;
}
.p-i08-poll .p-results .p-bar .p-inner {
height: 100%;
width: 0%;
-webkit-transition: width 500ms ease-out;
transition: width 500ms ease-out;
}
.p-i08-poll .p-results .p-percent {
display: inline-block;
vertical-align: top;
line-height: 35px;
padding-left: 5px;
min-width: 50px;
}
}
@media screen and (max-width: 450px) {
.p-i08-poll .p-buttons .p-button {
width: 80%;
margin-bottom: 10px;
margin-left: 10%;
margin-right: 10%;
}
.p-i08-poll .p-results li {
margin-bottom: 10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-i08-poll .p-results .p-bar {
display: inline-block;
vertical-align: top;
width: 65%;
height: 35px;
-webkit-order: 1;
-moz-order: 1;
-ms-order: 1;
order: 1;
}
.p-i08-poll .p-results .p-percent {
-webkit-order: 2;
-moz-order: 2;
-ms-order: 2;
order: 2;
}
.p-i08-poll .p-results .p-label {
display: block;
width: 100%;
-webkit-order: 0;
-moz-order: 0;
-ms-order: 0;
order: 0;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-i08-poll .p-buttons .p-button {
width: 80%;
margin-bottom: 10px;
margin-left: 10%;
margin-right: 10%;
}
.p-i08-poll .p-results li {
margin-bottom: 10px;
}
.p-i08-poll .p-results .p-bar {
display: inline-block;
vertical-align: top;
width: 47%;
height: 35px;
}
.p-i08-poll .p-results .p-label {
padding-left: 5px;
display: inline-block;
vertical-align: top;
line-height: 35px;
}
}
@media screen and (min-width: 701px) {
.p-i08-poll .p-both-states-holder {
position: relative;
}
.p-i08-poll .p-buttons {
top: 0;
left: 0;
width: 96%;
height: auto;
}
.p-i08-poll .p-buttons .p-button {
width: 46%;
}
.p-i08-poll .p-results {
top: 0;
left: 0;
width: 100%;
height: auto;
margin-top: 3px;
}
.p-i08-poll .p-results li {
margin-bottom: 10px;
}
.p-i08-poll .p-results .p-bar {
display: inline-block;
vertical-align: top;
width: 47%;
border-radius: 2px 2px 2px 2px;
}
.p-i08-poll .p-results .p-bar .p-inner {
height: 100%;
width: 0%;
border-radius: 2px 2px 2px 2px;
-webkit-transition: width 500ms ease-out;
transition: width 500ms ease-out;
}
.p-i08-poll .p-results .p-percent {
display: inline-block;
vertical-align: top;
}
.p-i08-poll .p-results .p-label {
padding-left: 5px;
display: inline-block;
vertical-align: top;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-i08-poll .p-buttons .p-button {
margin-bottom: 7px;
}
.p-i08-poll .p-results li {
margin-bottom: 7px;
}
.p-i08-poll .p-results .p-bar {
height: 24px;
}
.p-i08-poll .p-results .p-percent {
line-height: 24px;
padding-left: 5px;
min-width: 37px;
}
.p-i08-poll .p-results .p-label {
line-height: 24px;
}
}
@media screen and (min-width: 961px) {
.p-i08-poll .p-buttons .p-button {
margin-bottom: 10px;
}
.p-i08-poll .p-results .p-bar {
height: 35px;
}
.p-i08-poll .p-results .p-percent {
line-height: 35px;
padding-left: 15px;
min-width: 57px;
}
.p-i08-poll .p-results .p-label {
line-height: 35px;
}
}
/*
Defaults
*/
.p-gc27a-parallax-twocell {
position: relative;
overflow: hidden;
height: 100%;
}
.p-gc27a-parallax-twocell .p-position {
position: relative;
}
.p-gc27a-parallax-twocell .p-datavis-lock {
position: absolute;
height: 100%;
}
.p-gc27a-parallax-twocell .p-datavis-container {
position: relative;
height: 100%;
top: 10%;
}
.p-gc27a-parallax-twocell .p-datavis-animate {
position: absolute;
overflow: hidden;
width: 100%;
height: auto;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.test-touch .p-gc27a-parallax-twocell {
padding-top: 80px;
padding-bottom: 80px;
}
.test-touch .p-gc27a-parallax-twocell .p-datavis-container {
position: static;
height: auto;
}
.test-touch .p-gc27a-parallax-twocell .p-datavis-animate {
position: static;
width: 100%;
height: 100%;
padding-bottom: 60px;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
/*
XS and S
*/
/*
IE8 only
*/
@media screen and (max-width: 700px) {
.p-gc27a-parallax-twocell {
overflow: auto;
width: auto;
}
.p-gc27a-parallax-twocell .p-datavis-lock {
position: static;
}
.p-gc27a-parallax-twocell .p-datavis-container {
position: static;
height: auto;
}
.p-gc27a-parallax-twocell .p-datavis-animate {
position: static;
width: 100%;
height: 100%;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc27a-parallax-twocell.p-sticky-right .p-datavis-lock {
left: 0;
}
.p-gc27a-parallax-twocell.p-sticky-right .p-right-cell {
padding-right: 16px;
}
}
/*
Defaults
---------------------------*/
.p-gc27b-parallax-singular-tween,
.p-gc27b-parallax-singular-wipe {
overflow: hidden;
position: relative;
}
.p-gc27b-parallax-singular-tween .p-foreground,
.p-gc27b-parallax-singular-wipe .p-foreground {
width: 100%;
height: 100%;
z-index: 5;
}
.p-gc27b-parallax-singular-tween .p-show-more,
.p-gc27b-parallax-singular-wipe .p-show-more {
position: absolute;
left: 50%;
z-index: 2;
border-radius: 50%;
color: #7d0063;
cursor: pointer;
background: #ffffff;
margin-left: 22px;
bottom: 20px;
font-size: 14px;
width: 44px;
height: 44px;
}
.p-gc27b-parallax-singular-tween .p-show-more:after,
.p-gc27b-parallax-singular-wipe .p-show-more:after {
display: block;
text-align: center;
}
.p-gc27b-parallax-singular-tween .p-show-more:hover,
.p-gc27b-parallax-singular-wipe .p-show-more:hover {
background: #7d0063;
}
.p-gc27b-parallax-singular-tween .p-show-more:hover:after,
.p-gc27b-parallax-singular-wipe .p-show-more:hover:after {
color: #ffffff;
}
.p-gc27b-parallax-singular-tween.p-gc27b-no-parallax .p-background {
background-attachment: fixed;
}
.p-gc27b-parallax-singular-tween.p-gc27b-no-parallax .p-foreground,
.p-gc27b-parallax-singular-tween.p-gc27b-no-parallax .p-overlay {
position: relative;
}
.p-gc27b-parallax-singular-tween.p-gc27b-no-parallax .p-show-more {
display: none;
}
/*
Touch device
---------------------------*/
.test-touch .p-gc27b-parallax-singular-tween .p-show-more,
.test-touch .p-gc27b-parallax-singular-wipe .p-show-more {
display: none;
}
.test-touch .p-gc27b-parallax-singular-tween .p-foreground,
.test-touch .p-gc27b-parallax-singular-wipe .p-foreground,
.test-touch .p-gc27b-parallax-singular-tween .p-overlay,
.test-touch .p-gc27b-parallax-singular-wipe .p-overlay {
position: relative;
}
.test-touch .p-gc27b-parallax-singular-tween .p-foreground,
.test-touch .p-gc27b-parallax-singular-wipe .p-foreground {
z-index: 3;
}
/*
XS and S
---------------------------*/
/* IE8
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc27b-parallax-singular-tween,
.p-gc27b-parallax-singular-wipe {
position: static;
}
.p-gc27b-parallax-singular-tween .p-text-shadow,
.p-gc27b-parallax-singular-wipe .p-text-shadow {
text-shadow: none;
}
}
/* Styling - JavasScript Disabled
------------------*/
.no-js .p-gc27b-parallax-singular-tween .p-foreground,
.no-js .p-gc27b-parallax-singular-wipe .p-foreground,
.no-js .p-gc27b-parallax-singular-tween .p-overlay,
.no-js .p-gc27b-parallax-singular-wipe .p-overlay {
position: relative;
}
.no-js .p-gc27b-parallax-singular-tween .p-show-more,
.no-js .p-gc27b-parallax-singular-wipe .p-show-more {
display: none;
}
/*
Variables
---------------------------*/
/*
Default
---------------------------*/
.p-gc27c-parallax-plural {
position: relative;
overflow: hidden;
}
.p-gc27c-parallax-plural .p-background {
position: relative;
top: 0;
left: 0;
}
/*
XS only
---------------------------*/
/*
S only
---------------------------*/
/*
M and L
---------------------------*/
/*
M only
---------------------------*/
/*
L only
---------------------------*/
/*
IE8 styles
---------------------------*/
@media screen and (max-width: 450px) {
.p-gc27c-parallax-plural .p-foreground {
position: static !important;
}
.p-gc27c-parallax-plural .p-foreground .p-content-holder {
margin-left: 10%;
width: 80%;
}
.p-gc27c-parallax-plural .p-text-shadow {
text-shadow: none;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-gc27c-parallax-plural .p-background {
position: static;
}
.p-gc27c-parallax-plural .p-foreground {
position: static;
background-color: #ffffff;
}
.p-gc27c-parallax-plural .p-foreground .p-content-holder {
margin-left: 16.6%;
width: 66.6%;
}
}
@media screen and (min-width: 701px) {
.p-gc27c-parallax-plural .p-background {
position: static;
z-index: 0;
}
.p-gc27c-parallax-plural .p-foreground {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.p-gc27c-parallax-plural.p-top-center .p-foreground:before {
content: none;
}
.p-gc27c-parallax-plural.p-l-inverted .p-foreground {
color: #ffffff;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-gc27c-parallax-plural .p-foreground .p-content-holder {
margin-left: 18%;
width: 40%;
}
.p-gc27c-parallax-plural.p-top-center .p-foreground {
padding-top: 60px;
}
.p-gc27c-parallax-plural.p-top-center .p-content-holder {
margin-left: 20%;
width: 60%;
}
}
@media screen and (min-width: 961px) {
.p-gc27c-parallax-plural .p-foreground .p-content-holder {
margin-left: 16%;
width: 45%;
}
.p-gc27c-parallax-plural.p-top-center .p-foreground {
padding-top: 80px;
}
.p-gc27c-parallax-plural.p-top-center .p-content-holder {
margin-left: 22%;
width: 56%;
}
}
@media screen and (max-width: 700px) {
.p-gc27d-parallax-advanced .p-text-shadow {
text-shadow: none;
}
}
.p-gc27e-parallax-image img {
max-width: 100%;
}
.p-gc15-link-button.p-link-btn-left {
text-align: left;
}
.p-gc15-link-button.p-link-btn-center {
text-align: center;
}
.p-gc15-link-button.p-link-btn-right {
text-align: right;
}
.p-gc15-link-button .p-link-more.gc15-linkbutton-component.p-gc15-anchor-link.p-external-link:after {
display: inline-block;
content: "\203a";
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
margin-left: 5px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
@-webkit-keyframes fade-in-up {
0% {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes fade-in-up {
0% {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transform: translateY(50px);
-ms-transform: translateY(50px);
transform: translateY(50px);
}
100% {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters {
padding-right: 10px;
padding-left: 10px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters .p-select {
margin-bottom: 14px;
margin-top: 9px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters .p-select.p-disabled .p-label {
background: #fafafa;
color: #999999;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters .p-select.p-disabled select {
cursor: default;
}
.p-n13-list-of-pages-with-filter .p-total-cases {
float: left;
}
.p-n13-list-of-pages-with-filter .p-total-cases span:first-child {
color: #7d0063;
}
.p-n13-list-of-pages-with-filter .p-visibility-hidden {
visibility: hidden;
}
.p-n13-list-of-pages-with-filter .p-top-padding {
padding-top: 20px;
}
.p-n13-list-of-pages-with-filter .p-one-case-caption {
display: none;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe {
float: right;
padding-right: 10px;
padding-left: 10px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe .p-button {
margin-left: 24px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-cases-container {
clear: both;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-cases-container .p-sc20-social-flyout {
bottom: 0px;
right: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-caption {
margin-bottom: 15px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button {
text-align: right;
margin-bottom: 26px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button .p-caption {
display: block;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button .p-button {
display: inline-block;
margin-top: 10px;
}
.p-n13-list-of-pages-with-filter .p-gc18-animated-teaser.p-animate-in,
.p-n13-list-of-pages-with-filter .p-quote-component.p-animate-in {
visibility: visible;
}
.p-n13-list-of-pages-with-filter .p-gc18-animated-teaser {
visibility: hidden;
}
.p-n13-list-of-pages-with-filter .p-gc18-animated-teaser .p-newcase {
position: absolute;
top: -3px;
right: -2px;
}
.p-n13-list-of-pages-with-filter .p-quote-component {
margin-bottom: 20px;
visibility: hidden;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-1 {
color: #42145f;
line-height: 30px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-1 .p-quote-component-quote-sign {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
position: absolute;
font-size: 154px;
height: 60px;
line-height: 120px;
margin-top: 31px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-1 .p-quote-component-content {
padding: 30px 10px 10px 90px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-1 .p-quote-component-content-text {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-size: 21px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-1 .p-quote-component-content-text.p-style-1-small {
font-size: 17px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 {
color: #42145f;
line-height: 40px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 .p-quote-component-quote-sign {
display: none;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 .p-quote-component-content {
padding: 30px 0px 10px 20px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 .p-quote-component-content-text {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 34px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 .p-quote-component-content-text.p-style-2-small {
font-size: 21px;
}
.p-n13-list-of-pages-with-filter .p-quote-component-content-text {
margin-bottom: 30px;
}
.p-n13-list-of-pages-with-filter .p-default-rendition .p-grid-item {
margin-bottom: 20px;
}
.p-n13-list-of-pages-with-filter .p-default-rendition .p-grid-item a:hover {
text-decoration: none;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render {
margin-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition:first-child,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render:first-child {
padding-top: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition a .p-heading-03,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render a .p-heading-03 {
margin-bottom: 10px;
display: inline-block;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition a:hover,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render a:hover {
text-decoration: none;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-icon-container,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-icon-container {
margin-top: 50px;
text-align: center;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-publication-date-container,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-publication-date-container {
margin-bottom: 15px;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-publication-date-container .p-publication-date,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-publication-date-container .p-publication-date {
color: #7d0063;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-tags,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-tags {
margin-top: 17px;
color: #7d0063;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-button,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-button {
margin-top: 10px;
float: right;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-image .p-icon-publications-2,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-image .p-icon-publications-2 {
color: #7d0063;
font-size: 50px;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition-divider {
margin-top: 9px;
border-top: 1px solid #42145f;
padding-bottom: 16px;
}
.p-n13-list-of-pages-with-filter.p-inverted .p-n13-university-rendition-divider,
.p-inverted .p-n13-list-of-pages-with-filter .p-n13-university-rendition-divider {
border-color: #ffffff;
}
@media screen and (min-width: 701px) {
.p-n13-list-of-pages-with-filter {
padding-left: 16px;
padding-right: 16px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters {
padding-right: 0px;
padding-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-quote-component {
height: 370px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-convert-in-m {
height: auto;
min-height: 175px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-flat {
height: auto;
min-height: 175px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-style-2 {
text-align: right;
display: inline;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button {
padding-right: 0px;
padding-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button .p-caption {
display: inline-block;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button .p-button {
margin-top: 0;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition-divider {
padding-bottom: 16px;
margin-left: 16px;
}
.p-n13-list-of-pages-with-filter .p-total-cases {
padding-left: 20px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe {
padding-left: 0px;
}
}
@media screen and (min-width: 961px) {
.p-n13-list-of-pages-with-filter {
padding-left: 0px;
padding-right: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-filters,
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe {
padding-right: 0px;
padding-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-convert-in-m {
height: 370px;
}
.p-n13-list-of-pages-with-filter .p-quote-component.p-flat .p-quote-component-content-text {
margin-bottom: 10px;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition-button {
text-align: right;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition-divider {
padding-bottom: 22px;
margin-left: 22px;
}
.p-n13-list-of-pages-with-filter .p-total-cases {
padding-left: 20px;
}
}
@media screen and (max-width: 450px) {
.p-n13-list-of-pages-with-filter .p-total-cases {
margin-left: 0px;
padding-left: 10px;
box-sizing: border-box;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-grid-item:first-child,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-grid-item:first-child {
min-height: 85px;
display: table;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-grid-item:first-child .p-n13-university-rendition-image,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-grid-item:first-child .p-n13-university-rendition-image {
display: table-cell;
vertical-align: middle;
float: none;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-content,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-content {
min-height: 85px;
display: table;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-content .p-grid-item:first-child,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-content .p-grid-item:first-child {
display: table-cell;
vertical-align: middle;
float: none;
}
.p-n13-list-of-pages-with-filter .p-n13-university-rendition .p-n13-university-rendition-content:after,
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-content:after {
content: "\e203";
display: block;
font-family: philips-global-icon-font;
margin-top: 29px;
margin-right: 10px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button {
margin-bottom: 26px;
padding-top: 10px;
text-align: left;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe-button .p-button {
margin-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-rn12-download {
padding-left: 10px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe {
float: left;
padding-left: 10px;
box-sizing: border-box;
}
.p-gc18-animated-teaser.p-gc18-animated-teaser-large .p-gc18-animated-teaser-container:hover .p-gc18-animated-teaser-overlay {
height: 225px;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-content-large {
display: block;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-heading-02 {
font-size: 17px;
line-height: 22px;
margin-bottom: 0px;
}
.p-gc18-animated-teaser-overlay-hover-content-container .p-text {
margin-bottom: 20px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 210px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-n13-list-of-pages-with-filter .p-rn12-download {
padding-left: 10px;
}
.p-n13-list-of-pages-with-filter .p-total-cases {
padding-left: 20px;
}
.p-n13-list-of-pages-with-filter .p-n13-list-of-pages-with-filter-subscribe {
padding-left: 0px;
}
.p-n13-list-of-pages-with-filter .p-n13-news-articles-render .p-n13-university-rendition-content {
padding-right: 10px;
}
}
/*
Defaults
*/
.p-gc41-countdown-timer.p-disable-timer .p-plural-text {
display: block;
}
.p-gc41-countdown-timer.p-enable-timer .p-count-column,
.p-gc41-countdown-timer.p-disable-timer .p-count-column {
visibility: visible;
}
.p-gc41-countdown-timer .p-numerals {
margin-bottom: 0px;
}
.p-gc41-countdown-timer .p-count-column {
text-align: center;
visibility: hidden;
}
.p-gc41-countdown-timer .p-singular-text,
.p-gc41-countdown-timer .p-plural-text {
display: none;
}
.p-gc41-countdown-timer .p-singular .p-singular-text,
.p-gc41-countdown-timer .p-plural .p-plural-text {
display: block;
}
.p-gc41-countdown-timer .p-optional-data {
display: none;
}
/*
Defaults
---------------------------*/
.p-tc37a-answer {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
}
.p-tc37a-answer > .p-tc37a-positioning {
margin: 0 auto;
max-width: 960px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-tc37a-answer > .p-tc37a-positioning:after {
content: "";
display: table;
clear: both;
}
/*
Variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc42-recipe .p-gc42-recipe-instructions li {
padding: 0 0 0.5em 0em;
}
.p-gc42-recipe .p-gc42-recipe-instructions li:before {
content: "";
}
.p-gc42-recipe .p-gc42-recipe-instructions li.p-instruction-highlight {
background-color: #e6e6e6;
padding: 10px 10px 10px 10px;
}
.p-gc42-recipe .p-gc42-recipe-instructions li.p-recipe-tip {
margin-top: 25px;
}
.p-gc42-recipe .p-icon-print {
float: right;
cursor: pointer;
}
.p-gc42-recipe .p-instruction-image {
position: relative;
display: inline-block;
max-width: 100%;
}
.p-gc42-recipe .p-instruction-image .p-instruction-image-title {
background-color: #e6e6e6;
opacity: 0.9;
padding: 5px 0px 5px 10px;
position: absolute;
bottom: 0px;
width: 100%;
box-sizing: border-box;
}
.p-gc42-recipe .p-instruction-number {
background-color: #7d0063;
color: #ffffff;
text-align: center;
width: 40px;
line-height: 40px;
border-radius: 50%;
margin: 25px 0px 15px 0px;
display: block;
}
.p-gc36-standalone-360 {
overflow: hidden;
}
.p-gc36-standalone-360 .p-inner-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-gc36-standalone-360 .p-preloader.p-large {
position: absolute;
left: 50%;
top: 250px;
margin: -14px 0px 0px -14px;
z-index: 2;
padding: 5px 0px 0px 0px;
border-radius: 5px 5px 5px 5px;
}
.p-gc36-standalone-360 .p-pex-container {
position: relative;
height: 650px;
}
.p-gc36-standalone-360 div[data-pex-id="pex-application"] div div div img,
.p-gc36-standalone-360 div[data-pex-id="pex-application"] div div div video {
max-width: inherit;
}
/*
Defaults
---------------------------*/
.p-gc37-unstructured-advisor .p-adv-answer:first-child {
cursor: pointer;
}
.p-gc37-unstructured-advisor .p-selected {
outline: 4px solid #7d0063;
}
.p-gc37-unstructured-advisor .p-nav-start,
.p-gc37-unstructured-advisor .p-nav-next {
float: right;
}
.p-gc37-unstructured-advisor a.p-button.p-hidden {
display: none;
}
.p-gc37-unstructured-advisor .p-error-msg {
color: #e98300;
}
.p-gc37-unstructured-advisor .p-nav-prev i,
.p-gc37-unstructured-advisor .p-nav-next i,
.p-gc37-unstructured-advisor .p-nav-start i {
color: #ffffff;
cursor: default;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc20-image-comparison {
position: relative;
}
.p-gc20-image-comparison .p-gc20-inner-wrapper {
position: relative;
}
.p-gc20-image-comparison .p-gc20-image-container {
position: relative;
}
.p-gc20-image-comparison .p-gc20-image-container:after {
content: "";
display: table;
clear: both;
}
.p-gc20-image-comparison img {
max-width: 100%;
}
.p-gc20-image-comparison .p-no-user-selection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: transparent;
}
.p-gc20-image-comparison .p-title-wrapper {
width: 100%;
height: 40px;
background-color: #7d0063;
overflow: hidden;
}
.p-gc20-image-comparison .p-title-wrapper .p-image-titles {
position: relative;
}
.p-gc20-image-comparison .p-title-wrapper .p-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
padding-top: 12px;
height: 100%;
color: #ffffff;
}
.p-gc20-image-comparison .p-lower-res-image {
display: block;
z-index: 2;
}
.p-gc20-image-comparison .p-image-wrapper {
position: absolute;
top: 0;
height: 100%;
width: 50%;
overflow: hidden;
z-index: 1;
}
.p-gc20-image-comparison .p-image-wrapper .p-picture {
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
.p-gc20-image-comparison .p-drag-handle {
position: absolute;
cursor: pointer;
top: 0;
left: 50%;
z-index: 3;
border-left: 2px solid #ffffff;
height: 100%;
}
.p-gc20-image-comparison .p-drag-handle .p-outer-handle,
.p-gc20-image-comparison .p-drag-handle .p-inner-handle {
position: absolute;
top: 50%;
background-color: #7d0063;
}
.p-gc20-image-comparison .p-outer-handle {
width: 50px;
height: 50px;
border-radius: 50%;
margin-left: -25px;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.p-gc20-image-comparison .p-inner-handle {
color: #ffffff;
width: 36px;
height: 36px;
border-radius: 50%;
margin-left: -18px;
margin-top: 8px;
}
.p-gc20-image-comparison .p-inner-handle:hover {
background-color: #ffffff;
color: #7d0063;
}
.p-gc20-image-comparison .p-arrow {
position: absolute;
font-size: 14px;
top: 8px;
}
.p-gc20-image-comparison .p-arrow.p-arrow-left {
left: 2px;
}
.p-gc20-image-comparison .p-arrow.p-arrow-right {
right: 2px;
}
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 701px) {
.p-gc20-image-comparison .p-outer-handle {
width: 62px;
height: 62px;
border-radius: 50%;
margin-left: -31px;
}
.p-gc20-image-comparison .p-inner-handle {
width: 46px;
height: 46px;
border-radius: 50%;
margin-left: -23px;
margin-top: 8px;
}
.p-gc20-image-comparison .p-arrow {
font-size: 17px;
top: 13px;
}
}
.p-i11-externalsystem .p-notification-bar-cookieconsent {
min-height: 140px;
}
.i11-externalsystem-m-l-isolate .p-i11-externalsystem .p-notification-bar-cookieconsent {
min-height: 450px;
}
/* For M and L */
@media screen and (min-width: 701px) {
.p-i11-externalsystem .p-notification-bar-cookieconsent {
min-height: 450px;
}
}
.p-gc29-tableau-infographic {
position: relative;
}
.p-gc29-tableau-infographic .p-tableau-container .tableauViz {
display: none;
}
.p-gc29-tableau-infographic .p-tableau-container .tableauPlaceholder,
.p-gc29-tableau-infographic .p-tableau-container .tableauViz {
width: 100%;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-gc22-keyword-filtered-list {
/*
Inverted styles
---------------------------*/
}
.p-gc22-keyword-filtered-list .p-n03-pagination {
padding-top: 34px;
}
.p-gc22-keyword-filtered-list .p-table {
width: 100%;
table-layout: fixed;
}
.p-gc22-keyword-filtered-list .p-table th,
.p-gc22-keyword-filtered-list .p-table td {
overflow: hidden;
text-overflow: ellipsis;
}
.p-gc22-keyword-filtered-list mark {
color: #ffffff;
}
.p-gc22-keyword-filtered-list.p-inverted .p-table {
color: #ffffff;
}
.p-gc22-keyword-filtered-list.p-inverted mark {
color: #000000;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-gc22-keyword-filtered-list .p-table {
display: block;
border-collapse: collapse;
border-color: #7d0063;
/* Force table to not be like tables anymore */
/* Hide table headers (but not display: none;, for accessibility) */
}
.p-gc22-keyword-filtered-list .p-table thead,
.p-gc22-keyword-filtered-list .p-table tbody,
.p-gc22-keyword-filtered-list .p-table th,
.p-gc22-keyword-filtered-list .p-table td,
.p-gc22-keyword-filtered-list .p-table tr {
display: block;
}
.p-gc22-keyword-filtered-list .p-table tr {
border-color: #7d0063;
}
.p-gc22-keyword-filtered-list .p-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.p-gc22-keyword-filtered-list .p-table td {
/* Behave like a "row" */
border-bottom: 1px solid #cccccc;
position: relative;
padding-left: 50%;
}
.p-gc22-keyword-filtered-list .p-table tr > td:last-of-type {
border: none;
}
.p-gc22-keyword-filtered-list .p-table td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.p-gc22-keyword-filtered-list .p-table td:nth-of-type(n):before {
content: attr(data-label);
}
}
.p-vr01-virtual-reality {
width: 100%;
height: 400px;
}
.p-vr01-virtual-reality iframe {
position: relative;
top: 0;
left: 0;
width: 0;
height: 0;
min-height: 100%;
min-width: 100%;
}
.p-gc82-notification-banner {
position: relative;
padding: 10px 10px 10px 10px;
}
.p-gc82-notification-banner .p-gc82-btn-close {
right: 10px;
top: 10px;
position: absolute;
color: #ffffff;
cursor: pointer;
}
.p-gc82-notification-banner .p-gc82-text {
max-width: 960px;
margin: 0 auto;
text-align: center;
color: #ffffff;
}
.p-gc82-notification-banner .p-gc82-text a {
color: #ffffff;
text-decoration: underline;
}
.p-gc82-notification-banner.success {
background-color: #5b8f22;
}
.p-gc82-notification-banner.info {
background-color: #02669b;
}
.p-gc82-notification-banner.warning {
background-color: #e98300;
}
.p-gc82-notification-banner.error {
background-color: #cd202c;
}
.p-gc83-faq__title {
color: #101010;
}
.p-gc83-faq dl.p-gc83-faq__list {
border-top: 1px solid #999999;
}
.p-gc83-faq dt.p-gc83-faq__question {
font-size: 16px;
font-family: centrale_sans_bold;
background: none;
color: #040404;
border-bottom: 1px solid #999999;
padding-top: 16px;
padding-right: 40px;
padding-bottom: 16px;
padding-left: 16px;
margin-top: 0;
}
.p-gc83-faq dt.p-gc83-faq__question.p-active {
border-bottom-color: transparent;
}
.p-gc83-faq dt.p-gc83-faq__question:after {
line-height: inherit;
right: 0;
top: 0;
color: #040404;
padding: 16px;
}
.p-gc83-faq dd.p-gc83-faq__answer {
font-size: 16px;
font-family: centrale_sans_book;
border-bottom: 1px solid transparent;
padding-top: 0;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}
.p-gc83-faq dd.p-gc83-faq__answer.p-active {
border-bottom-color: #999999;
}
.ms04-feature-cards-container--high {
display: block;
margin-top: 40px;
}
.ms04-feature-cards-container--high .p-feature-card-outer {
float: left;
width: calc(50% - 20px);
margin-bottom: 40px;
}
.ms04-feature-cards-container--high .p-feature-card-outer:first-child {
margin-right: 40px;
}
.ms04-feature-cards-container--high .p-feature-card-link {
display: block;
margin-bottom: 80px;
}
.ms04-feature-cards-container--high .p-feature-card-image {
width: 380px;
transition: opacity 300ms;
}
.ms04-feature-cards-container--high .p-feature-card-image.lazyload {
opacity: 0;
}
.ms04-feature-cards-container--high .p-feature-card-image.lazyloaded {
opacity: 1;
}
.ms04-feature-cards-container--high .p-feature-card {
position: relative;
height: 720px;
text-align: center;
background-position: center;
background-size: cover;
cursor: pointer;
border-radius: 6px;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
}
.ms04-feature-cards-container--high .p-feature-card--white {
background-color: #fff;
}
.ms04-feature-cards-container--high .hidden-link {
display: none;
}
.ms04-feature-cards-container--high .footnote {
position: absolute;
bottom: 40px;
width: calc(100% - (2 * 96px));
left: 96px;
}
.ms04-feature-cards-container--low .p-feature-card-outer {
float: left;
width: calc(50% - 4px);
margin-bottom: 8px;
}
.ms04-feature-cards-container--low .p-feature-card-outer:first-child {
margin-right: 8px;
}
.ms04-feature-cards-container--low .p-feature-card {
height: 414px;
text-align: center;
background-position: center;
background-size: cover;
cursor: pointer;
border-radius: 6px;
padding: 40px;
padding-top: 32px;
}
.ms04-feature-cards-container--low .p-feature-card--white {
background-color: #fff;
}
.ms04-feature-cards-container--low .p-feature-card h3 {
margin-bottom: 8px;
}
.ms04-feature-cards-container--low .hidden-link {
display: none;
}
.ms04-feature-cards-container--low .p-feature-card-image {
height: 330px;
transition: opacity 300ms;
}
.ms04-feature-cards-container--low .p-feature-card-image.lazyload {
opacity: 0;
}
.ms04-feature-cards-container--low .p-feature-card-image.lazyloaded {
opacity: 1;
}
@media screen and (max-width: 960px) {
.ms04-feature-cards-container--high .p-feature-card-outer {
width: calc(50% - 20px);
}
.ms04-feature-cards-container--high .p-feature-card-outer:first-child {
margin-left: 0;
}
.ms04-feature-cards-container--high .p-feature-card-link {
margin-bottom: 40px;
}
.ms04-feature-cards-container--high .p-feature-card {
height: 622px;
padding-top: 64px;
margin-right: 0;
}
.ms04-feature-cards-container--high .footnote {
width: calc(100% - (2 * 40px));
left: 40px;
}
.ms04-feature-cards-container--low .p-feature-card-outer {
float: left;
width: calc(50% - 4px);
margin-bottom: 8px;
}
.ms04-feature-cards-container--low .p-feature-card-outer:first-child {
margin-right: 8px;
}
.ms04-feature-cards-container--low .p-feature-card {
height: 326px;
padding: 24px;
}
.ms04-feature-cards-container--low .p-feature-card-image {
height: 240px;
}
}
@media screen and (max-width: 700px) {
.ms04-feature-cards-container--high {
margin-top: 16px;
}
.ms04-feature-cards-container--high .p-feature-card-outer {
width: 100%;
margin-bottom: 24px;
}
.ms04-feature-cards-container--high .p-feature-card-outer:first-child {
margin-left: 0;
}
.ms04-feature-cards-container--high .p-feature-card-link {
margin-bottom: 24px;
}
.ms04-feature-cards-container--high .p-feature-card-image {
width: 340px;
}
.ms04-feature-cards-container--high .p-feature-card {
height: 611px;
padding-top: 40px;
padding-left: 16px;
padding-right: 16px;
}
.ms04-feature-cards-container--high .footnote {
width: calc(100% - (2 * 32px));
left: 32px;
}
.ms04-feature-cards-container--low .p-feature-card-outer {
float: left;
width: 100%;
margin-bottom: 8px;
margin-left: 0;
}
.ms04-feature-cards-container--low .p-feature-card-outer:first-child {
margin-right: 0;
margin-left: 0;
}
.ms04-feature-cards-container--low .p-feature-card {
height: 412px;
padding: 24px;
padding-top: 32px;
}
.ms04-feature-cards-container--low .p-feature-card p {
margin-bottom: 16px;
}
.ms04-feature-cards-container--low .p-feature-card-image {
height: 240px;
}
}
.d07-product-grid {
width: 100%;
}
.d07-product-grid__positioning {
margin: 0 auto;
max-width: 960px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.d07-product-grid__positioning:after {
content: "";
display: table;
clear: both;
}
.d07-product-grid__positioning > div + .d07-product-grid__parsys {
padding-top: 0;
}
.d07-product-grid__parsys {
overflow: unset;
height: auto;
opacity: 1;
transition: opacity 0.3s, height 0.3s;
padding-top: 80px;
}
.d07-product-grid__parsys--hidden {
opacity: 0;
height: 0;
overflow: hidden;
}
.d07-product-grid__navigation {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding-top: 80px;
margin-bottom: 40px;
}
.d07-product-grid__tile {
text-align: center;
margin-right: 16px;
min-width: 104px;
min-height: 100px;
height: 100%;
opacity: 0.7;
flex: 0 auto;
cursor: pointer;
transition: color 0.3s, opacity 0.3s, background-color 0.3s, border 0.3s;
display: flex;
align-items: center;
border: 1px solid transparent;
box-sizing: border-box;
}
.d07-product-grid__tile-inner-box {
align-self: center;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.d07-product-grid__tile:hover {
background: #d9d9d9;
border-color: #515151;
}
.d07-product-grid__tile:active {
border-width: 2px;
min-width: 104px;
min-height: 100px;
}
.d07-product-grid__tile--active {
background-color: #007aff;
color: #ffffff;
opacity: 1;
}
.d07-product-grid__tile--active:hover {
background-color: #007aff;
border-color: transparent;
}
.d07-product-grid__tile-icon {
width: 100%;
height: 32px;
display: block;
font-size: 28px;
line-height: 36px;
text-align: center;
margin-top: 16px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
align-self: flex-end;
}
.d07-product-grid__tile-title {
align-self: flex-start;
text-align: center;
display: block;
max-width: 120px;
margin-top: 8px;
margin-bottom: 16px;
margin-left: auto;
margin-right: auto;
word-break: break-word;
hyphens: auto;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain {
position: relative;
margin: 10px 0 0 5px;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed {
display: none;
line-height: 16px;
height: 35px;
cursor: default;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed span {
display: block;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed a:hover {
text-decoration: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
position: absolute;
max-height: 1300px;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
overflow: hidden;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 20px;
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/flyout-bg.png') 0 0 repeat-x;
background-size: 100% 100%;
width: 250px;
left: -15px;
padding-left: 6px;
padding-right: 16px;
padding-bottom: 6px;
display: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #ffffff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
content: '';
position: absolute;
left: 20%;
top: -5px;
display: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li {
padding-bottom: 10px;
padding-top: 9px;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li:first-child,
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li .p-first {
padding-top: 16px;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li a {
position: relative;
display: table;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li a span.p-link-more {
line-height: 22px;
color: #000000;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li a:hover {
text-decoration: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-trimmed .p-sub-menu li a:hover span {
color: #000000;
text-decoration: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain.p-submenuitems-active.p-show-submenu .p-trimmed .p-sub-wrapper,
.bc01-standardbreadcrumb .p-breadcrumb-chain.p-submenuitems-active.p-show-submenu .p-trimmed .p-sub-menu {
display: block;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain.p-submenuitems-active .p-trimmed {
display: inline-block;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb {
display: inline-block;
font-size: 13px;
line-height: 14px;
padding-right: 10px;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb span {
font-size: 11px;
display: block;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb span:hover {
text-decoration: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb span:after {
height: 11px;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb a:hover {
text-decoration: none;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb a.p-inactive {
cursor: default;
}
.bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb.p-last > a span:after {
content: "";
margin: 0px;
}
.bc01-standardbreadcrumb .p-breadcrumb:first-child {
margin: 0;
}
/*
Min width 701 and Max Width 960
---------------------------*/
/*
Max Width 700
---------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.bc01-standardbreadcrumb {
margin-left: 160px;
}
}
@media screen and (max-width: 700px) {
.bc01-standardbreadcrumb {
margin-left: 120px;
margin-right: 20px;
}
}
.p-inverted .bc01-standardbreadcrumb .p-breadcrumb-chain .p-breadcrumb span {
color: #3c3c3c;
}
.p-n30-header .p-breadcrumb-chain {
margin-top: 16px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n102-header {
background-color: #803726;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #3b0a0e, #803726);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #3b0a0e, #803726);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b0a0e', endColorstr='#ff803726', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b0a0e', endColorstr='#ff803726', GradientType=1);
padding: 0 6.6%;
position: relative;
}
.p-n102-header:after {
content: "";
display: table;
clear: both;
}
.p-n102-header a:hover {
text-decoration: none;
}
.p-n102-header .p-language-selector {
width: 76.4%;
height: auto;
max-height: 0;
overflow: hidden;
margin: 0 auto;
-webkit-transition: max-height 0.2s ease-in-out;
transition: max-height 0.2s ease-in-out;
color: #ffffff;
}
.p-n102-header .p-language-selector:after {
content: "";
display: table;
clear: both;
}
.p-n102-header .p-language-selector .p-title {
display: block;
font-size: 30px;
line-height: 30px;
margin: 30px 0px 40px 0px;
text-transform: uppercase;
}
.p-n102-header .p-language-selector .p-title .p-icon-close-02 {
float: right;
cursor: pointer;
font-size: 22px;
}
.p-n102-header .p-language-selector .p-subtitle {
display: block;
font-size: 18px;
line-height: 18px;
margin-bottom: 20px;
text-transform: uppercase;
}
.p-n102-header .p-language-selector .p-col {
padding-bottom: 40px;
float: left;
}
.p-n102-header .p-language-selector .p-col ul {
float: left;
}
.p-n102-header .p-language-selector .p-col ul li {
color: #898989;
cursor: pointer;
}
.p-n102-header .p-language-selector .p-col ul li a {
color: inherit;
}
.p-n102-header .p-language-selector .p-col ul li:hover,
.p-n102-header .p-language-selector .p-col ul li.p-active {
color: #ffffff;
}
.p-n102-header .p-language-selector.p-active {
max-height: 1000px;
padding: 0px 0px 6px 0px;
}
.p-n102-header .p-selected-lang {
float: right;
padding: 4px 0px 4px 0px;
cursor: pointer;
display: none;
}
.p-n102-header .p-selected-lang.p-active {
display: block;
}
.p-n102-header .p-selected-lang .p-icon-magnifier {
float: left;
color: #ffffff;
}
.p-n102-header .p-selected-lang .p-icon-magnifier.p-arrow {
margin: 3px 0px 3px 10px;
}
.p-n102-header .p-selected-lang .p-icon-magnifier:before {
display: none;
}
.p-n102-header .p-selected-lang .p-language {
cursor: pointer;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-n102-header .p-selected-lang .p-language:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n102-header .p-selected-lang .p-icon-magnifier {
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
font-size: 11px;
line-height: 11px;
margin-left: 10px;
}
.p-n102-header .p-selected-lang .p-icon-magnifier:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
text-decoration: none;
}
.p-n102-header .p-italian-flag {
width: 100%;
height: 5px;
position: absolute;
bottom: -5px;
left: 0;
z-index: 2;
}
.p-n102-header .p-italian-flag .p-color {
height: 5px;
float: left;
}
.p-n102-header .p-italian-flag .p-color.p-green {
background-color: #46b64b;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #0c431c, #46b64b);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #0c431c, #46b64b);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0c431c', endColorstr='#ff46b64b', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0c431c', endColorstr='#ff46b64b', GradientType=1);
}
.p-n102-header .p-italian-flag .p-color.p-white {
background-color: #f0eff1;
}
.p-n102-header .p-italian-flag .p-color.p-red {
float: right;
background-color: #8c0220;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #cf0028, #8c0220);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #cf0028, #8c0220);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf0028', endColorstr='#ff8c0220', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcf0028', endColorstr='#ff8c0220', GradientType=1);
}
.p-n102-header .p-language {
float: left;
font-size: 9px;
line-height: 12px;
color: #ffffff;
}
.p-n102-header .p-language .p-icon-magnifier {
float: none;
display: inline-block;
margin: 0;
}
.p-n102-header nav {
width: 100%;
padding: 0 6.6%;
position: absolute;
height: 72px;
bottom: -77px;
left: 0;
right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0, 0, 0, 0.4);
}
.p-n102-header nav:after {
content: '';
background-color: #803726;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to right, #3b0a0e, #803726);
/* Chrome 10+, Safari 5.1+ */
background: linear-gradient(to right, #3b0a0e, #803726);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b0a0e', endColorstr='#ff803726', GradientType=1);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b0a0e', endColorstr='#ff803726', GradientType=1);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.p-n102-header nav:hover,
.p-n102-header nav.p-active {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(0, 0, 0, 0);
}
.p-n102-header nav:hover:after,
.p-n102-header nav.p-active:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.p-n102-header nav h2 {
float: left;
margin: 12px 0;
height: 48px;
}
.p-n102-header nav h2 a {
display: block;
}
.p-n102-header nav h2 img {
height: 24px;
margin: 10px 0px 10px 0px;
}
.p-n102-header nav ul {
float: right;
}
.p-n102-header nav ul li {
float: left;
padding: 0px 0px 0px 20px;
}
.p-n102-header nav ul li.hidden {
display: none;
}
.p-n102-header nav ul li.hidden a,
.p-n102-header nav ul li.hidden span {
cursor: pointer;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-n102-header nav ul li.hidden a:hover,
.p-n102-header nav ul li.hidden span:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n102-header nav ul li a {
font-size: 14px;
line-height: 72px;
color: #ffffff;
text-transform: uppercase;
}
.p-n102-header nav ul li a:hover,
.p-n102-header nav ul li a.p-active {
color: #b0b0b0;
text-decoration: none;
}
.p-n102-header nav ul li .p-submenu {
background-color: #420e10;
background-repeat: repeat-x;
background: -webkit-linear-gradient('top bottom', #4d1613, #420e10);
/* Chrome10+, Safari5.1+ */
background: linear-gradient('top bottom', #4d1613, #420e10);
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1613', endColorstr='#420e10', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4d1613', endColorstr='#ff420e10', GradientType=0);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
line-height: 48px;
overflow: hidden;
height: 0;
padding: 0 6.6%;
position: absolute;
top: 72px;
left: 0;
text-align: center;
display: block;
-webkit-transition: height 0.2s ease-in-out;
transition: height 0.2s ease-in-out;
z-index: 6;
}
.p-n102-header nav ul li .p-submenu ul {
height: 48px;
}
.p-n102-header nav ul li .p-submenu ul:hover {
display: block;
}
.p-n102-header nav ul li .p-submenu ul li {
display: block;
float: left;
margin: 0;
font-size: 14px;
line-height: 48px;
}
.p-n102-header nav ul li .p-submenu ul li a {
font-size: 14px;
line-height: 48px;
text-transform: none;
cursor: pointer;
}
.p-n102-header nav ul li:hover .p-submenu,
.p-n102-header nav ul li.p-active .p-submenu {
height: 48px;
}
.p-n102-header.p-detached {
width: 86.8%;
position: fixed;
top: -20px;
left: 0;
z-index: 6005;
}
.p-n102-header.p-detached nav {
height: 44px;
bottom: -49px;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
background-color: rgba(0, 0, 0, 0);
}
.p-n102-header.p-detached nav:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.p-n102-header.p-detached nav h2 {
margin: 0;
}
.p-n102-header.p-detached nav h2 a {
margin: 10px 0px 10px 0px;
}
.p-n102-header.p-detached nav h2 a img {
margin: 0px 0px 20px 0px;
}
.p-n102-header.p-detached nav ul li a,
.p-n102-header.p-detached nav ul li .p-language {
cursor: pointer;
font-size: 14px;
line-height: 44px;
}
.p-n102-header.p-detached nav ul li.p-hidden {
display: block;
}
.p-n102-header.p-detached nav ul li .p-icon-arrow-down:before {
display: none;
}
.p-n102-header.p-detached nav ul li .p-submenu {
top: 44px;
}
.p-n102-header.p-detached nav ul li .p-submenu ul {
top: 44px;
}
.p-n102-header .p-mobile-menu,
.p-n102-header .p-mobile-menu-toggle {
display: none;
}
.p-n102-header .p-mobile-menu .p-options,
.p-n102-header .p-mobile-menu-toggle .p-options {
display: none;
}
/*
Min Width 0
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-n102-header {
margin-bottom: 49px;
}
.p-n102-header .p-language-wrapper,
.p-n102-header nav ul {
display: none;
}
.p-n102-header nav h2 {
float: right;
margin: 0;
}
.p-n102-header nav {
z-index: 1;
}
.p-n102-header nav:after {
z-index: -1;
}
.p-n102-header .p-mobile-menu-toggle {
position: absolute;
font-size: 20px;
color: #ffffff;
top: 10px;
display: block;
}
.p-n102-header .p-mobile-menu {
display: block;
height: 0;
overflow: hidden;
-webkit-transition: height 0.2s ease-in-out;
transition: height 0.2s ease-in-out;
}
.p-n102-header .p-mobile-menu .p-options {
display: none;
padding: 10px 0px 10px 0px;
}
.p-n102-header .p-mobile-menu .p-options li {
width: 100%;
display: block;
padding: 5px 0px 0px 0px;
}
.p-n102-header .p-mobile-menu .p-options li a {
color: #ffffff;
font-size: 16px;
line-height: 16px;
padding: 5px 0px 0px 0px;
}
.p-n102-header .p-mobile-menu .p-options li .p-selectboxit-container .p-selectboxit {
font-size: 10px;
width: 280px;
}
.p-n102-header .p-mobile-menu .p-options li .p-selectboxit-container ul li {
padding: 0;
}
.p-n102-header .p-mobile-menu .p-options li .p-selectboxit-container ul li a {
line-height: 31px;
}
.p-n102-header .p-mobile-menu .p-toggle {
position: absolute;
top: 10px;
}
.p-n102-header .p-mobile-menu.p-active {
height: 420px;
}
.p-n102-header .p-mobile-menu.p-active .p-options {
display: block;
}
.p-n102-header nav {
height: 44px;
bottom: -49px;
}
.p-n102-header nav:after {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
-webkit-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.p-n102-header nav h1 {
left: 50%;
position: absolute;
float: none;
margin: 0px 0px 0px -60px;
}
.p-n102-header.p-detached {
position: relative;
top: auto;
}
.p-n102-header.p-detached nav h1 {
margin: 0px 0px 0px -60px;
}
}
@media print, screen and (min-width: 451px) {
.p-n102-header .col ul li a {
font-size: 12px;
line-height: 15px;
}
}
@media screen and (min-width: 701px) {
.p-n102-header nav {
z-index: 1;
}
.p-n102-header nav:after {
z-index: -1;
}
.p-n102-header .col ul li a {
font-size: 13px;
line-height: 18px;
}
}
@media screen and (min-width: 961px) {
.p-n102-header .col ul li a {
font-size: 15px;
line-height: 19px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n01-header {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
margin-bottom: 29px;
height: 0px;
}
.p-n01-header .p-shadow-overlay {
display: block;
position: absolute;
width: 100%;
height: 159px;
left: 0px;
top: 0px;
z-index: 3002;
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/bg-shadow.png') repeat-x left top;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-n01-header .p-topbar {
position: relative;
z-index: 3004;
left: 0px;
top: 0px;
width: 100%;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
padding: 20px 11px 0px 11px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n01-header .p-bar-wrapper,
.p-n01-header .p-logo-wrapper {
position: relative;
margin: 0 auto;
border: 1px solid transparent;
z-index: 21;
}
.p-n01-header .p-logo-wrapper {
z-index: 3005;
}
.p-n01-header .p-logo {
/* background: -webkit-linear-gradient(to bottom right, @n01-logo-gradient-1 0, @n01-logo-gradient-2 60%, @n01-logo-gradient-3 100%); */
background-color: #0066a1;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #081026 0%, #003478 60%, #0066a1 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #081026 0%, #003478 60%, #0066a1 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff081026', endColorstr='#ff0066a1', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff081026', endColorstr='#ff0066a1', GradientType=0);
background-position: center 64px;
background-size: 100% 89px;
box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.4);
display: block;
position: absolute;
z-index: 20;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
margin-top: 20px;
padding-top: 87px;
width: 140px;
}
.p-n01-header .p-logo .p-refresh {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/philips-wordmark.png') no-repeat center center;
height: 87px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.p-n01-header .p-logo .p-refresh img {
bottom: 0;
left: 0;
margin: auto;
max-height: 100%;
max-width: 100%;
position: absolute;
right: 0;
top: 0;
}
.p-n01-header .p-logo .p-refresh.p-no-wordmark {
background: none !important;
}
.p-n01-header .p-logo a:hover {
text-decoration: none;
}
.p-n01-header .p-logo:before {
content: '';
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/philips-shape.png') no-repeat top left;
position: absolute;
left: 0px;
top: 0px;
width: 140px;
height: 140px;
}
.p-n01-header .p-logo span {
position: relative;
z-index: 1;
display: table-cell;
color: #ffffff;
vertical-align: middle;
word-break: break-word;
height: 41px;
padding: 6px 13px 6px 13px;
visibility: hidden;
}
.p-n01-header .p-logo span.p-default {
font-size: 17px;
visibility: visible;
}
.p-n01-header .p-logo span.p-very-short {
font-size: 21px;
visibility: visible;
}
.p-n01-header .p-logo span.p-long {
font-size: 14px;
line-height: 18px;
visibility: visible;
}
.p-n01-header .p-logo .p-shape-hover {
display: none;
}
.p-n01-header .p-logo .p-hover-is-visible {
background-color: #0066a1;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #081026 0%, #003478 60%, #0066a1 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #081026 0%, #003478 60%, #0066a1 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff081026', endColorstr='#ff0066a1', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff081026', endColorstr='#ff0066a1', GradientType=0);
}
.p-n01-header .p-logo .p-hover-is-visible span {
height: 20px;
}
.p-n01-header .p-logo.p-hover-change-bg {
background-color: #631d76;
background-image: none;
}
.p-n01-header .p-bar-nav {
position: relative;
font-size: 0;
height: 100%;
top: -4px;
margin-left: 173px;
}
.p-n01-header .p-bar-nav.p-position {
top: -13px;
}
.p-n01-header .p-bar-nav.p-position > li {
padding-bottom: 7px;
}
.p-n01-header .p-bar-nav:after {
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: 0px;
height: 1px;
background: #ffffff;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.p-n01-header .p-bar-nav > li {
display: table-cell;
height: 100%;
color: #ffffff;
vertical-align: middle;
font-size: 14px;
line-height: 14px;
padding-bottom: 16px;
}
.p-n01-header .p-bar-nav > li .p-padding {
display: table-cell;
height: 100%;
min-width: 20px;
width: 40px;
}
.p-n01-header .p-bar-nav > li.p-last {
padding-right: 73px;
}
.p-n01-header .p-bar-nav > li span {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.p-n01-header .p-bar-nav > li span > a {
color: #ffffff;
}
.p-n01-header .p-bar-nav > li span > a:hover {
text-decoration: none;
}
.p-n01-header .p-bar-nav > li:hover,
.p-n01-header .p-bar-nav > li.p-hover {
z-index: 1;
}
.p-n01-header .p-bar-nav > li:hover .p-sub-wrapper,
.p-n01-header .p-bar-nav > li.p-hover .p-sub-wrapper {
display: block;
z-index: 2;
}
.p-n01-header .p-bar-nav > li:hover .p-sub-wrapper:before,
.p-n01-header .p-bar-nav > li.p-hover .p-sub-wrapper:before {
display: block;
}
.p-n01-header .p-bar-nav > li:hover .p-sub-menu,
.p-n01-header .p-bar-nav > li.p-hover .p-sub-menu {
min-height: inherit;
max-height: 1300px;
display: block;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.p-n01-header .p-bar-nav > li:first-child {
padding-left: 15px;
}
.p-n01-header .p-bar-nav .p-sub-wrapper .p-sub-menu {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
position: absolute;
max-height: 0;
overflow: hidden;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 100%;
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/flyout-bg.png') 0 0 repeat-x;
background-size: 100% 100%;
}
.p-n01-header .p-bar-nav .p-sub-wrapper a {
position: relative;
display: block;
font-size: 12px;
line-height: 14px;
color: #3c3c3c;
}
.p-n01-header .p-bar-nav .p-sub-wrapper a:hover {
color: #000000;
text-decoration: none;
}
.p-n01-header .p-bar-nav .p-sub-wrapper li {
padding-bottom: 19px;
}
.p-n01-header .p-bar-nav .p-sub-wrapper li.p-first-child {
padding-top: 13px;
}
.p-n01-header .p-bar-nav .p-sub-wrapper li.p-last-child {
padding-bottom: 13px;
}
.p-n01-header .p-bar-nav .p-sub-menu-single-column {
position: relative;
}
.p-n01-header .p-bar-nav .p-sub-menu-single-column .p-sub-wrapper {
position: relative;
top: 15px;
}
.p-n01-header .p-bar-nav .p-sub-menu-single-column .p-sub-wrapper:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #ffffff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
content: '';
position: absolute;
left: 20%;
top: -5px;
display: none;
}
.p-n01-header .p-bar-nav .p-sub-menu-single-column .p-sub-menu {
width: 250px;
left: -15px;
padding-left: 15px;
padding-right: 15px;
display: none;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar {
overflow: hidden;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level:hover,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar:hover {
overflow: visible;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level:hover > span:after,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar:hover > span:after {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #e0e0e0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
display: block;
content: '';
left: 30%;
bottom: -15px;
margin-top: -5px;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-wrapper,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-wrapper {
position: absolute;
left: 0;
right: 0;
top: 100%;
display: none;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu {
background-color: #e0e0e0;
background-image: none;
top: -1px;
width: 100%;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/flyout-bg.png') 0 0 repeat-x;
background-size: 100% 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 16px;
height: 100%;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 ul,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 ul {
float: left;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 ul.p-vertical-line,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 ul.p-vertical-line {
height: auto;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 ul.p-vertical-line:last-child:after,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 ul.p-vertical-line:last-child:after,
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 ul.p-vertical-line.p-last-child:after,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 ul.p-vertical-line.p-last-child:after {
display: none;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 li,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 li {
padding: 0px 15px 0px 15px;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu-level3 li a,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar .p-sub-menu-level3 li a {
display: table-cell;
height: 40px;
vertical-align: middle;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level li,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar li {
padding: 13px 15px 13px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level li.p-hover .p-sub-menu-level3,
.p-n01-header .p-bar-nav .p-sub-menu-horizontalbar li.p-hover .p-sub-menu-level3 {
display: block;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-wrapper {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu {
background-color: #eceef5;
box-shadow: none;
position: relative;
top: -1px;
margin-bottom: -1px;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu.p-show-shadow {
box-shadow: inset 0 -20px 10px -20px rgba(0, 0, 0, 0.3);
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu > li {
padding: 0px 0px 0px 0px;
display: table-cell;
vertical-align: middle;
position: relative;
height: 46px;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu > li span {
padding: 8px 15px 8px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-width: 80px;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu > li.p-hover:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #ffffff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
display: block;
content: '';
left: 30%;
bottom: 0px;
position: absolute;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu-level3 {
width: 100%;
padding-bottom: 16px;
position: relative;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu-level3.p-has-link-images li a {
padding-left: 50px;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu-level3.p-has-link-images li.p-container-has-link-image a {
padding-left: 10px;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu-level3.p-has-link-images .p-image {
width: 40px;
display: table-cell;
height: 100%;
}
.p-n01-header .p-bar-nav li.p-sub-menu-horizontalbar .p-sub-menu-level3.p-has-link-images .p-image img {
width: 40px;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu > li.p-first-child {
margin-top: 16px;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level .p-sub-menu > li.p-last-child {
margin-bottom: 16px;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level li .p-sub-menu-level3 {
display: none;
position: absolute;
top: 0;
}
.p-n01-header .p-bar-nav .p-sub-menu-two-level li.p-hover {
background-color: #ffffff;
}
.p-n01-header .p-search {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -28px;
right: 0px;
height: 31px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-n01-header .p-search.p-position {
top: 18px;
}
.p-n01-header .p-search:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n01-header .p-search fieldset {
float: right;
width: 20px;
}
.p-n01-header .p-search input {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 3px;
float: right;
width: 100%;
border: 1px solid #cccedb;
height: 31px;
line-height: 20px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
padding-left: 10px;
padding-right: 25px;
color: #b9bbc7;
}
.p-n01-header .p-search input::-webkit-input-placeholder {
color: #3c3c3c;
}
.p-n01-header .p-search input:-moz-placeholder {
color: #3c3c3c;
}
.p-n01-header .p-search input::-moz-placeholder {
color: #3c3c3c;
}
.p-n01-header .p-search input:-ms-input-placeholder {
color: #3c3c3c;
}
.p-n01-header .p-search input::-ms-clear {
display: none;
}
.p-n01-header .p-search input.placeholder {
color: #3c3c3c;
}
.p-n01-header .p-search input:focus {
color: #000000;
}
.p-n01-header .p-search button {
display: block;
position: absolute;
top: 7px;
right: 5px;
width: 18px;
height: 22px;
}
.p-n01-header .p-search button:after {
color: #ffffff;
content: '\e209';
font-family: 'philips-global-icon-font';
font-size: 16px;
line-height: 18px;
}
.p-n01-header .p-header-icons {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -28px;
right: 0px;
height: 31px;
width: auto;
margin-right: 20px;
}
.p-n01-header .p-breadcrumb-container {
position: relative;
z-index: -1;
margin: 0 auto;
max-width: 960px;
}
.p-n01-header .gc23v2-icon.section {
float: right;
}
.p-n01-header .gc23v2-icon.section .p-gc23v2-icon {
margin-top: 5px;
margin-right: 20px;
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-n01-header .gc23v2-icon.section .p-gc23v2-icon:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n01-header .gc23v2-icon.section .p-gc23v2-icon a i {
color: #ffffff;
}
.p-n01-header.p-show-search .p-header-icons {
margin-right: 245px;
}
/*
Right to left behavior
---------------------------*/
html.p-rtl body {
direction: ltr;
}
html.p-rtl body > * {
direction: rtl;
}
html.p-rtl .p-n01-header .p-logo {
left: auto;
margin-right: 4px;
}
html.p-rtl .p-n01-header .p-bar-nav {
left: auto;
right: 178px;
}
html.p-rtl .p-n01-header .p-bar-nav > li:first-child {
padding-left: 0px;
padding-right: 15px;
}
html.p-rtl .p-n01-header .p-bar-nav > li.p-last {
padding-right: 0px;
padding-left: 73px;
}
html.p-rtl .p-n01-header .p-bar-nav .p-sub-menu {
right: -15px;
left: 0px;
}
html.p-rtl .p-n01-header .p-bar-nav .p-sub-menu a {
direction: rtl;
text-align: right;
}
html.p-rtl .p-n01-header .p-bar-nav .p-sub-wrapper:before {
right: 15px;
}
html.p-rtl .p-n01-header .p-search {
right: auto;
left: 0px;
}
html.p-rtl .p-n01-header .p-search input {
padding-right: 15px;
padding-left: 25px;
}
html.p-rtl .p-n01-header .p-search button {
right: auto;
left: 5px;
}
html.p-rtl .p-n01-header .p-small-nav {
left: 0;
right: auto;
}
html.p-rtl .p-n01-header.p-show-search .p-bar-nav {
left: auto;
}
@media screen and (min-width: 701px) and (max-width: 960px) {
html.p-rtl .p-n01-header .p-bar-nav > li:nth-child(4) .p-sub-menu {
right: auto;
left: 0px;
}
}
@media screen and (max-width: 700px) {
html.p-rtl body {
direction: ltr;
}
html.p-rtl body > * {
direction: rtl;
}
html.p-rtl .p-n01-header .p-logo {
left: auto;
margin-right: 6px;
}
html.p-rtl .p-n01-header .p-sidebar {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
right: auto;
left: -100%;
}
html.p-rtl .p-search input {
padding-right: 15px;
padding-left: 25px;
line-height: 20px;
}
html.p-rtl .p-category-nav .p-toggler .p-title:after {
background-position: -154px -124px;
right: auto;
left: 10px;
}
html.p-rtl .p-category-nav .p-toggler .p-title span {
padding-left: 40px;
padding-right: 16px;
}
html.p-rtl .p-category-nav .p-toggler.p-active .p-title:after {
background-position: -146px -124px;
margin-top: -5px;
top: 50%;
}
html.p-rtl.p-show-sidebar body {
left: auto;
right: -100%;
-webkit-overflow-scrolling: none;
}
html.p-rtl.p-show-sidebar .p-topbar {
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
html.p-rtl.p-show-sidebar .p-sidebar {
left: -44px;
}
html.p-rtl.p-show-sidebar .p-small-nav {
left: 0;
margin-left: -44px;
}
html.p-rtl.p-show-sidebar .p-nav-wrapper {
padding-right: 0px;
}
html.p-rtl.p-show-sidebar .p-left-bar {
left: auto;
right: 100%;
}
}
@media screen and (max-width: 700px) {
html.p-rtl.lt-ie10 .p-sidebar {
left: 100%;
right: auto;
}
html.p-rtl.lt-ie10.p-show-sidebar .p-topbar {
left: auto;
right: -100%;
}
html.p-rtl.lt-ie10.p-show-sidebar .p-sidebar {
left: -44px;
right: 0;
}
}
/*
Max Width 700
---------------------------*/
/*
Max Width 701
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
body {
-webkit-transition: left 200ms ease-out;
transition: left 200ms ease-out;
}
.p-n01-header {
margin-bottom: 0 !important;
}
.p-n01-header .p-logo {
background-position: center 24px;
position: absolute;
width: 106px;
padding-top: 66px;
margin-top: 10px;
margin-left: 6px;
}
.p-n01-header .p-logo:before {
content: '';
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/philips-shape-small.png') no-repeat top left;
width: 106px;
height: 106px;
}
.p-n01-header .p-logo .p-refresh {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/philips-wordmark-small.png') no-repeat center center;
height: 66px;
}
.p-n01-header .p-logo span {
height: 38px;
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
.p-n01-header .p-logo span.p-default {
font-size: 14px;
}
.p-n01-header .p-logo span.p-very-short {
font-size: 14px;
}
.p-n01-header .p-logo span.p-long {
font-size: 12px;
line-height: 15px;
}
.p-n01-header .p-logo span.p-long.p-padding {
padding-top: 5px;
padding-bottom: 5px;
}
.p-n01-header .p-topbar {
position: absolute;
padding-top: 0px;
margin-top: 10px;
-webkit-backface-visibility: hidden;
}
.p-n01-header .p-bar-nav {
display: none;
}
.p-n01-header .p-search {
display: none;
position: relative;
height: 40px;
padding: 8px 16px 0px 16px;
margin-top: 0px;
right: 0px;
left: 0px;
top: 0px;
}
.p-n01-header .p-search fieldset {
float: none;
position: relative;
-webkit-transition: none;
transition: none;
width: auto;
}
.p-n01-header .p-search input {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
font-size: 14px;
}
.p-n01-header .p-search button:after {
color: #000000;
}
.p-n01-header .p-language a:first-child {
display: none;
}
.p-n01-header .p-language span {
display: block;
border-top: 1px solid #cccccc;
background: #062f88;
color: #ffffff;
font-size: 21px;
line-height: 29px;
padding: 21px 15px 20px 13px;
}
.p-n01-header .p-header-icons {
display: none;
}
.p-n01-header .p-sidebar {
position: fixed;
display: block;
top: 0px;
bottom: 0px;
right: 0px;
width: 100%;
z-index: 3003;
-webkit-transform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n01-header .p-sidebar .p-nav-wrapper {
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
margin-left: 44px;
background: #ececec;
}
.p-n01-header .p-sidebar .p-search-bar {
width: 100%;
}
.p-n01-header .p-sidebar .p-search-bar .p-search {
display: block;
margin-right: 80px;
}
.p-n01-header .p-sidebar .p-search-bar .p-header-icons {
display: block;
top: 0px;
margin-top: 8px;
margin-right: 0px;
}
.p-n01-header .p-sidebar .p-search-bar .p-header-icons .gc23v2-icon.section a i {
color: #3c3c3c;
}
.p-n01-header .p-category-nav {
font-size: 16px;
line-height: 18px;
}
.p-n01-header .p-category-nav .p-toggler {
display: table;
width: 100%;
border-bottom: 1px solid #6eaec4;
cursor: pointer;
-webkit-transform: translatez(0);
-ms-transform: translatez(0);
transform: translatez(0);
}
.p-n01-header .p-category-nav .p-title {
position: relative;
background: #7d0063;
display: table;
width: 100%;
}
.p-n01-header .p-category-nav .p-title:after {
content: '';
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/sprite-header-rebrand.png') -140px -124px;
width: 6px;
height: 9px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -5px;
}
.p-n01-header .p-category-nav .p-title span {
display: table-cell;
height: 46px;
padding: 0px 40px 0px 16px;
vertical-align: middle;
color: #ffffff;
font-size: 14px;
line-height: 22px;
}
.p-n01-header .p-category-nav .p-title span a {
color: #ffffff;
text-decoration: none;
}
.p-n01-header .p-category-nav .p-sub {
position: relative;
display: block;
clear: both;
max-height: 0;
overflow: hidden;
-webkit-transition: all 300ms cubic-bezier(0.715, 0.005, 0.355, 2);
transition: all 300ms cubic-bezier(0.715, 0.005, 0.355, 2);
}
.p-n01-header .p-category-nav .p-sub:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0;
border-top: 1px solid #b4b5b8;
border-bottom: 1px solid #cccdd2;
}
.p-n01-header .p-category-nav .p-sub li {
border-top: 1px solid #d4d8dc;
background: #ffffff;
}
.p-n01-header .p-category-nav .p-sub li:first-child {
border-top: 0;
}
.p-n01-header .p-category-nav .p-sub li a,
.p-n01-header .p-category-nav .p-sub li .p-sub-title {
display: table;
width: 100%;
color: #3c3c3c;
font-size: 14px;
line-height: 22px;
}
.p-n01-header .p-category-nav .p-sub li a span,
.p-n01-header .p-category-nav .p-sub li .p-sub-title span {
display: table-cell;
height: 46px;
vertical-align: middle;
padding-left: 15px;
padding-right: 15px;
}
.p-n01-header .p-category-nav .p-sub li .p-sub-title:after {
line-height: 48px;
float: right;
margin-right: 10px;
font-size: 8px;
}
.p-n01-header .p-category-nav .p-sub li a:hover {
text-decoration: none;
}
.p-n01-header .p-category-nav .p-sub li .p-sub-menu-level3 {
max-height: 0;
-webkit-transition: all 300ms cubic-bezier(0.715, 0.005, 0.355, 2);
transition: all 300ms cubic-bezier(0.715, 0.005, 0.355, 2);
}
.p-n01-header .p-category-nav .p-sub li .p-sub-menu-level3 li {
padding: 13px 15px 13px 15px;
background-color: #e0e0e0;
}
.p-n01-header .p-category-nav .p-active .p-title:after {
background-position: -146px -124px;
width: 8px;
height: 5px;
}
.p-n01-header .p-category-nav .p-active .p-sub {
max-height: 2200px;
}
.p-n01-header .p-category-nav .p-active .p-active .p-sub-menu-level3 {
max-height: 2000px;
}
.p-n01-header .p-small-nav {
display: block;
position: absolute;
-webkit-backface-visibility: hidden;
top: 9px;
right: 0px;
height: 5px;
width: 25px;
border-top: 5px solid #ffffff;
cursor: pointer;
z-index: 300;
}
.p-n01-header .p-small-nav:before,
.p-n01-header .p-small-nav:after {
content: '';
display: block;
position: absolute;
top: -14px;
right: 0px;
left: 0px;
height: 5px;
border-top: 5px solid #ffffff;
}
.p-n01-header .p-small-nav:after {
top: 4px;
}
.p-show-sidebar body {
left: -100%;
position: fixed;
}
.p-show-sidebar body .p-block {
pointer-events: none;
}
.p-show-sidebar .p-topbar {
-webkit-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.p-show-sidebar .p-sidebar {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.p-show-sidebar .p-sidebar:before {
content: '';
display: block;
position: absolute;
left: -20px;
top: -20px;
bottom: -20px;
width: 20px;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.p-show-sidebar .p-sidebar .p-search,
.p-show-sidebar .p-sidebar .p-header-icons {
display: inline-block;
}
.p-show-sidebar .p-small-nav {
left: 100%;
margin-left: 20px;
}
.p-show-sidebar .p-left-bar {
position: fixed;
height: 100%;
width: 44px;
left: 0;
right: 0px;
z-index: 9;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n01-header .p-bar-nav > li:last-child .p-sub-menu,
.p-n01-header .p-bar-nav li:nth-last-child(2) .p-sub-menu {
left: auto;
right: 0px;
}
}
@media screen and (min-width: 701px) {
.p-n01-header {
margin: 0 2%;
}
.p-n01-header .p-bar-wrapper,
.p-n01-header .p-logo-wrapper {
max-width: 960px;
}
.p-n01-header .p-bar-nav {
margin-left: 140px;
}
.p-n01-header .p-bar-nav > li .p-padding {
min-width: 25px;
}
.p-n01-header .p-search button {
top: 5px;
right: 3px;
}
.p-n01-header.p-show-search .p-bar-nav li {
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.p-n01-header.p-show-search .p-bar-nav > li:hover .p-sub-wrapper:before {
display: none;
}
.p-n01-header.p-show-search .p-bar-nav > li:hover .p-sub-menu,
.p-n01-header.p-show-search .p-bar-nav .p-sub-menu-two-level:hover > span:after {
display: none;
}
.p-n01-header.p-show-search .p-search {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n01-header.p-show-search .p-search fieldset {
width: 250px;
}
.p-n01-header.p-show-search .p-search input {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n01-header.p-show-search .p-search button:after {
color: #0089c4;
}
}
@media screen and (min-width: 961px) {
.p-n01-header .p-bar-nav {
margin-left: 173px;
}
.p-n01-header .p-bar-nav > li .p-padding {
min-width: 20px;
}
.p-n01-header .p-search button {
top: 7px;
right: 5px;
}
}
.p-inverted .p-n01-header .p-logo {
box-shadow: 0px 3px 8px 3px rgba(0, 0, 0, 0.4);
}
.p-inverted .p-n01-header .p-logo span {
color: #ffffff;
}
.p-inverted .p-n01-header .p-bar-nav:after {
background: #3c3c3c;
}
.p-inverted .p-n01-header .p-bar-nav > li,
.p-inverted .p-n01-header .p-bar-nav > li span a {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-bar-nav .p-sub-menu {
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.p-inverted .p-n01-header .p-bar-nav .p-sub-menu a {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-bar-nav .p-sub-menu a:hover {
color: #000000;
text-decoration: none;
}
.p-inverted .p-n01-header .p-search input {
border: 1px solid #cccedb;
color: #b9bbc7;
}
.p-inverted .p-n01-header .p-search input::-webkit-input-placeholder {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-search input:-moz-placeholder {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-search input::-moz-placeholder {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-search input:-ms-input-placeholder {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-search input::-ms-clear {
display: none;
}
.p-inverted .p-n01-header .p-search input.placeholder {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-search input:focus {
color: #000000;
}
.p-inverted .p-n01-header .p-search button:after {
color: #3c3c3c;
}
.p-inverted .p-n01-header .gc23v2-icon.section a i {
color: #3c3c3c;
}
.p-inverted .p-n01-header .p-small-nav {
border-top: 5px solid #3c3c3c;
}
.p-inverted .p-n01-header .p-small-nav:before,
.p-inverted .p-n01-header .p-small-nav:after {
border-top: 5px solid #3c3c3c;
}
@media screen and (max-width: 700px) {
.p-inverted.p-n01-header .p-language a {
border-top: 1px solid #cccccc;
background: #062f88;
color: #ffffff;
}
.p-inverted.p-n01-header .p-sidebar:before {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.p-inverted.p-n01-header .p-sidebar .p-nav-wrapper {
background: #ececec;
}
.p-inverted.p-n01-header .p-category-nav .p-toggler {
border-bottom: 1px solid #6eaec4;
}
.p-inverted.p-n01-header .p-category-nav .p-title {
background: #7d0063;
}
.p-inverted.p-n01-header .p-category-nav .p-title span {
color: #ffffff;
}
.p-inverted.p-n01-header .p-category-nav .p-sub:before {
border-top: 1px solid #b4b5b8;
border-bottom: 1px solid #cccdd2;
}
.p-inverted.p-n01-header .p-category-nav .p-sub li {
border-top: 1px solid #ffffff;
background: #ffffff;
}
.p-inverted.p-n01-header .p-category-nav .p-sub li a {
color: #3c3c3c;
}
.p-inverted.p-n01-header .p-small-nav {
background: #ffffff;
}
.p-inverted.p-n01-header .p-small-nav:before,
.p-inverted.p-n01-header .p-small-nav:after {
background: #ffffff;
}
}
html[lang=ja] .p-n01-header .p-bar-nav.p-position > li {
padding-bottom: 16px;
font-size: 13px;
padding-top: 12px;
}
html[lang=ja] .p-n01-header .p-bar-nav > li {
font-size: 13px;
}
/*
Defaults
---------------------------*/
.p-n03-pagination {
text-align: center;
padding-top: 54px;
}
.p-n03-pagination .p-load-more {
display: none;
}
.p-n03-pagination ul {
overflow: hidden;
font-size: 0;
}
.p-n03-pagination ul li {
display: inline-block;
vertical-align: top;
color: #888888;
margin-right: 5px;
font-size: 14px;
line-height: 24px;
}
.p-n03-pagination ul li a:hover {
text-decoration: none;
}
.p-n03-pagination ul li.p-txt {
padding: 1px 5px 0px 5px;
margin-top: 0px;
}
.p-n03-pagination ul li.p-txt:first-child {
margin-left: 5px;
margin-right: 15px;
}
.p-n03-pagination ul li.p-txt a {
font-size: 16px;
color: #7d0063;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-n03-pagination ul li.p-txt a:hover {
text-decoration: underline;
}
.p-n03-pagination ul li.p-txt.p-inactive a {
color: #888888;
cursor: default;
display: none;
}
.p-n03-pagination ul li.p-number {
width: 26px;
}
.p-n03-pagination ul li.p-number a {
display: block;
width: 24px;
height: 25px;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
color: #888888;
line-height: 25px;
margin-top: 1px;
}
.p-n03-pagination ul li.p-number a:hover {
color: #252525;
}
.p-n03-pagination ul li.p-number a.p-active {
position: relative;
font-size: 16px;
line-height: 14px;
margin-top: 6px;
color: #7d0063;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n03-pagination .p-see-all {
font-size: 13px;
}
.p-n03-pagination .p-page-amount {
float: right;
}
.p-n03-pagination .p-page-amount > label {
font-size: 14px;
line-height: 26px;
margin-right: 10px;
color: #5d6678;
float: left;
}
.p-n03-pagination .p-page-amount .total-amount-separator {
line-height: 26px;
margin-left: 10px;
color: #5d6678;
float: left;
}
.p-n03-pagination .p-select {
float: left;
}
.p-n03-pagination.p-one-page .p-pages {
display: none;
}
.p-n03-pagination.p-zero-page {
display: none;
}
/*
Min Width 0
---------------------------*/
/*
Max Width 700
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-n03-pagination {
padding-top: 32px;
position: relative;
}
.p-n03-pagination.p-pagination-text-small .p-page-amount,
.p-n03-pagination.p-pagination-text-small .p-pages {
display: none;
}
.p-n03-pagination.p-pagination-text-small .p-load-more {
display: block;
background-color: #7d0063;
border-radius: 2px;
padding: 8px 2px 5px 2px;
}
.p-n03-pagination.p-pagination-text-small .p-load-more:hover {
background-color: #63004f;
}
.p-n03-pagination.p-pagination-text-small .p-load-more a {
font-size: 14px;
color: #ffffff;
width: 100%;
display: inline-block;
}
.p-n03-pagination.p-pagination-text-small .p-load-more a:hover {
text-decoration: none;
}
.p-n03-pagination.p-zero-page .p-load-more,
.p-n03-pagination.p-one-page .p-load-more,
.p-n03-pagination.p-last-page .p-load-more {
display: none;
}
.p-n03-pagination .p-page-amount {
float: none;
padding-bottom: 22px;
}
.p-n03-pagination .p-page-amount label,
.p-n03-pagination .p-page-amount .p-select {
float: none;
}
}
@media screen and (min-width: 0px) {
.p-n03-pagination ul li.p-number {
width: 32px;
}
}
@media screen and (min-width: 961px) {
.p-n03-pagination ul li.p-number {
width: 26px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n05-selectcountry a:hover {
text-decoration: none;
}
.p-n05-selectcountry .p-footer-country {
color: #b3c8e6;
}
.p-n05-selectcountry .p-footer-country-list {
color: #ffffff;
margin-left: 4px;
white-space: nowrap;
}
.p-n05-selectcountry .p-footer-country-list .p-arrow-right {
display: inline-block;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-n05-selectcountry .p-footer-country {
color: #999999;
}
.p-inverted .p-n05-selectcountry .p-footer-country-list {
color: #0089c4;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.n06-selectsite h3 {
display: inline;
padding-bottom: 20px;
}
.n06-selectsite ul {
background: #ffffff;
display: none;
margin-top: 10px;
padding: 14px 20px 14px 20px;
width: 146px;
position: absolute;
right: 58px;
text-align: left;
}
.n06-selectsite ul a {
color: #3c3c3c;
}
.n06-selectsite output {
color: #ffffff;
cursor: pointer;
margin-left: 4px;
white-space: nowrap;
}
.n06-selectsite output i {
display: inline-block;
}
/*
Right to left
---------------------------*/
.p-rtl .n06-selectsite ul {
left: 0;
right: inherit;
}
@media screen and (max-width: 700px) {
.n06-selectsite {
margin-top: 6px;
}
.n06-selectsite ul {
right: 0px;
margin-top: 13px;
padding: 16px 0px 16px 0px;
text-align: center;
width: 100%;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .n06-selectsite ul {
background: #ffffff;
border: 1px solid #3c3c3c;
}
.p-inverted .n06-selectsite ul a {
color: #3c3c3c;
}
.p-inverted .n06-selectsite output {
color: #b3c8e6;
}
/*
Defaults
---------------------------*/
.p-n07-generic-breadcrumb {
margin-top: 10px;
margin-left: 188px;
}
.p-n07-generic-breadcrumb > li {
display: table-cell;
height: 100%;
cursor: pointer;
font-size: 13px;
line-height: 14px;
padding-bottom: 16px;
padding-right: 10px;
width: auto;
}
.p-n07-generic-breadcrumb > li.p-active:before {
display: none;
}
.p-n07-generic-breadcrumb > li .p-link-more {
line-height: 22px;
}
.p-n07-generic-breadcrumb > li > a span {
display: block;
color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}
.p-n07-generic-breadcrumb > li > a span:hover {
text-decoration: none;
}
.p-n07-generic-breadcrumb > li > a:hover {
text-decoration: none;
}
.p-n07-generic-breadcrumb > li > a.p-inactive {
cursor: default;
}
.p-n07-generic-breadcrumb > li.p-last > a span:after {
content: "";
margin: 0px;
}
.p-n07-generic-breadcrumb > li.p-active:hover,
.p-n07-generic-breadcrumb > li.p-hover {
z-index: 1;
text-decoration: none;
}
.p-n07-generic-breadcrumb > li.p-active:hover .p-sub-wrapper,
.p-n07-generic-breadcrumb > li.p-hover .p-sub-wrapper {
display: block;
z-index: 2;
}
.p-n07-generic-breadcrumb > li.p-active:hover .p-sub-wrapper:before,
.p-n07-generic-breadcrumb > li.p-hover .p-sub-wrapper:before {
display: block;
}
.p-n07-generic-breadcrumb > li.p-active:hover .p-sub-menu,
.p-n07-generic-breadcrumb > li.p-hover .p-sub-menu {
min-height: inherit;
max-height: 1300px;
display: block;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.p-n07-generic-breadcrumb > li.p-home {
float: left;
display: none;
}
.p-n07-generic-breadcrumb > li.p-home .p-sub-wrapper .p-sub-menu li > a span {
display: block;
color: #3c3c3c;
word-break: break-word;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
line-height: 22px;
width: auto;
padding-left: 10px;
}
.p-n07-generic-breadcrumb > li.p-home .p-sub-wrapper .p-sub-menu li > a:hover {
text-decoration: none;
}
.p-n07-generic-breadcrumb > li.p-home .p-sub-wrapper .p-sub-menu li > a.p-inactive {
cursor: default;
}
.p-n07-generic-breadcrumb > li .p-sub-wrapper {
position: relative;
top: 15px;
}
.p-n07-generic-breadcrumb > li .p-sub-wrapper:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #ffffff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
content: '';
position: absolute;
left: 20%;
top: -5px;
display: none;
}
.p-n07-generic-breadcrumb > li .p-sub-menu {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
position: absolute;
max-height: 0;
overflow: hidden;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
top: 0px;
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n01-header/flyout-bg.png') 0 0 repeat-x;
background-size: 100% 100%;
width: 250px;
left: -15px;
padding-left: 6px;
padding-right: 16px;
padding-bottom: 6px;
display: none;
}
.p-n07-generic-breadcrumb > li .p-sub-menu.columns-1 {
width: 250px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu.columns-2 {
width: 480px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu.columns-3 {
width: 710px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu.columns-4 {
width: 940px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu.columns-5 {
width: 1170px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu .p-dropdown-col {
position: relative;
float: left;
width: 229px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu .p-dropdown-col.no-bg-shadow {
background: none;
}
.p-n07-generic-breadcrumb > li .p-sub-menu .p-dropdown-col:last-child:after {
display: none;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li {
padding-bottom: 10px;
padding-top: 9px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li:first-child,
.p-n07-generic-breadcrumb > li .p-sub-menu li .p-first {
padding-top: 16px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a {
position: relative;
display: table;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a span.p-current {
font-weight: bold;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a span.p-image {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
display: block;
padding-left: 10px;
overflow: hidden;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a span.p-image img {
width: 30px;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a span.p-text {
display: table-cell;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
font-size: 12px;
line-height: 14px;
height: 30px;
text-align: left;
color: #3c3c3c;
}
.p-n07-generic-breadcrumb > li .p-sub-menu li a:hover span {
color: #000000;
text-decoration: none;
}
.p-n07-generic-breadcrumb.p-icon-enabled .p-sub-menu li {
padding-top: 0px;
}
.n07-generic-breadcrumb.p-hide-breadcrumbs {
display: none;
}
/*
Min width 701 and Max Width 960
---------------------------*/
/*
Max Width 700
---------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n07-generic-breadcrumb {
margin-left: 160px;
}
}
@media screen and (max-width: 700px) {
.p-n07-generic-breadcrumb {
margin-left: 120px;
margin-right: 20px;
}
.p-n07-generic-breadcrumb > li.p-home .p-dropdown {
display: none;
}
}
.p-inverted .p-n07-generic-breadcrumb > li > a span,
.p-inverted .p-n07-generic-breadcrumb > li > a span:after {
color: #3c3c3c;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n11-carousel {
padding-left: 0.1%;
padding-right: 0.1%;
}
.p-n11-carousel .p-carousel .p-view-link-bottom {
margin-right: 35px;
}
.p-n11-carousel .p-heading-02 {
margin-top: 42px;
}
.p-n11-carousel .p-heading-02 a {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 24px;
margin-left: 10px;
}
.p-n11-carousel .p-carousel {
position: relative;
overflow: hidden;
}
.p-n11-carousel .p-carousel-wrapper {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: hidden;
position: relative;
}
.p-n11-carousel .p-carousel-view {
clear: both;
display: block;
overflow: hidden;
position: relative;
}
.p-n11-carousel .p-carousel-view li {
margin-right: 10px;
z-index: 1;
display: block;
float: left;
position: relative;
border: 0 none;
}
.p-n11-carousel .p-carousel-view li .p-rendition {
position: relative;
overflow: visible;
background-color: transparent;
}
.p-n11-carousel .p-carousel-view li .p-rendition img {
-webkit-user-drag: none;
user-drag: none;
width: 100%;
height: auto;
display: block;
}
.p-n11-carousel .p-carousel-view li .p-rendition .p-card-content {
word-break: break-word;
}
.p-n11-carousel .p-carousel-view li .p-rendition .p-card-content:after {
content: "";
display: table;
clear: both;
}
.p-n11-carousel .p-carousel-view li .p-rendition .p-card-content .p-card-title {
padding: 20px 10px 10px 0px;
letter-spacing: -0.1px;
font-size: 17px;
line-height: 25px;
color: #42145f;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
font-weight: normal;
}
.p-n11-carousel .p-carousel-view li .p-rendition .p-card-content .p-card-desc {
padding-right: 10px;
padding-bottom: 10px;
}
.p-n11-carousel .p-carousel-view li .p-rendition .p-card-link {
padding: 0px 10px 15px 0px;
word-wrap: break-word;
}
.p-n11-carousel .p-carousel-view li .p-card-link a.p-arrow-right:after {
display: inline-block;
height: 26px;
margin-left: 5px;
vertical-align: middle;
}
.p-n11-carousel .p-carousel-view li.p-clickable .p-article-card {
cursor: pointer;
}
.p-n11-carousel .p-carousel-controls {
position: static;
}
.p-n11-carousel .p-carousel-controls .p-nav-next,
.p-n11-carousel .p-carousel-controls .p-nav-prev {
position: absolute;
z-index: 3010;
padding: 15px 20px 20px 20px;
cursor: pointer;
}
.p-n11-carousel .p-carousel-controls .p-nav-prev {
left: 0;
}
.p-n11-carousel .p-carousel-controls .p-nav-next {
right: 0;
}
.p-n11-carousel .p-carousel-indicator {
z-index: 3014;
padding: 20px 0px 20px 0px;
}
.p-n11-carousel .p-carousel-indicator li:after {
margin-left: -2px;
}
.p-n11-carousel .p-carousel-indicator li.p-active:after {
margin-left: -5px;
}
.p-n11-carousel .p-carousel-indicator li.p-inactive {
color: #d8b3d0;
}
.p-n11-carousel .p-view-link-bottom {
display: block;
position: relative;
float: right;
margin-right: 10px;
}
.p-n11-carousel.p-grid .p-heading-02 {
padding-left: 22px;
}
.p-n11-carousel.p-grid .p-carousel-wrapper {
margin: 0;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li {
margin: 0;
margin-bottom: 10px;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li .p-article-card {
margin: 0;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li .p-card-link a.p-arrow-right:after {
display: inline-block;
height: 26px;
margin-left: 5px;
vertical-align: middle;
}
.p-n11-carousel.p-full-bleed .p-usecasemasthead .p-simplemasthead-positioning {
padding-top: 0px;
padding-bottom: 0px;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card {
background-color: #7d0063;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-title,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-title {
color: #ffffff;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-title,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-title,
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-desc,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-desc,
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-link,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-link {
padding-left: 10px;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-carousel-indicator li.p-inactive,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-carousel-indicator li.p-inactive {
color: #ffffff;
}
.p-n11-carousel.p-inverted .p-link-more,
.p-inverted .p-n11-carousel .p-link-more {
color: #ffffff;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card {
background-color: transparent;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-title,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-title,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-desc,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-desc,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-link,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-link {
padding-left: 0px;
padding-right: 0px;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-title,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-title,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-desc,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-desc,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-link,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-link {
padding-left: 22px;
}
/*
ISOLATE S and XS
---------------------------*/
/*
Min Width 451 and Max Width 700
---------------------------*/
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-n11-carousel .p-carousel-wrapper {
margin-left: 60px;
margin-right: 60px;
overflow: visible;
}
.p-n11-carousel .p-carousel-controls .p-nav-next {
right: 0;
top: 20%;
display: block;
}
.p-n11-carousel .p-carousel-controls .p-nav-prev {
left: 0;
top: 20%;
display: block;
}
.p-n11-carousel.p-grid .p-heading-02 {
padding-left: 16px;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-s-one-whole,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-s-one-half,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-s-one-third,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-s-one-quarter {
margin-bottom: 16px;
}
.p-n11-carousel.p-full-bleed .p-simplemasthead-positioning {
padding: 180px 0px 90px 70px;
}
}
@media screen and (max-width: 700px) {
.p-n11-carousel {
padding: 10px;
}
.p-n11-carousel .p-carousel-indicator {
bottom: 0px;
}
.p-n11-carousel .p-carousel-controls .p-nav-next,
.p-n11-carousel .p-carousel-controls .p-nav-prev {
display: none;
}
.p-n11-carousel .p-carousel-view li .p-article-card .p-card-title,
.p-n11-carousel .p-carousel-view li .p-article-card .p-card-desc {
font-size: 15px;
}
.p-n11-carousel.p-full-bleed {
position: relative;
}
.p-n11-carousel.p-full-bleed .p-simplemasthead-positioning {
padding: 180px 0px 90px 60px;
}
.p-n11-carousel.p-full-bleed .p-usecasemasthead .p-simplemasthead-positioning {
padding: 0px 30px 0px 30px;
}
.p-n11-carousel.p-full-bleed .p-usecasemasthead .p-simplemasthead-positioning .p-heading-01-large {
font-size: 34px;
line-height: 40px;
}
}
@media screen and (min-width: 701px) {
.p-n11-carousel .p-heading-02 {
margin-top: 38px;
}
.p-n11-carousel .p-carousel-wrapper {
margin-left: 70px;
margin-right: 70px;
}
.p-n11-carousel .p-hide-carousel-margin {
margin-left: 0px;
margin-right: 0px;
}
.p-n11-carousel .p-hide-carousel-margin .p-carousel-view li:first-child .p-article-card {
margin: 0px 10px 0px 0px;
}
.p-n11-carousel .p-hide-carousel-margin .p-carousel-view li:last-child .p-article-card {
margin: 0px 0px 0px 10px;
}
.p-n11-carousel .p-hide-carousel-margin .p-carousel-view li .p-article-card {
margin: 0px 5px 0px 5px;
}
.p-n11-carousel .p-carousel-view li {
margin-right: 0;
}
.p-n11-carousel .p-carousel-view li .p-article-card {
margin: 0px 10px 0px 10px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view:first-child .p-article-card {
margin: 0px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view img {
width: 50%;
float: left;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-card-title {
display: table;
font-size: 21px;
padding-top: 0px;
padding-bottom: 22px;
padding-left: 22px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-card-link {
display: table;
padding-left: 22px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-article-card {
display: inline-block;
width: 100%;
margin: 0px 0px 0px 0px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-article-card .p-card-content {
display: table;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-article-card .p-card-content .p-card-title {
font-size: 21px;
padding-top: 0px;
padding-bottom: 22px;
padding-left: 22px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-article-card .p-card-content .p-card-desc {
padding-left: 22px;
padding-bottom: 22px;
}
.p-n11-carousel .p-carousel-view li.p-single-card-view .p-article-card .p-card-link {
display: table;
padding-left: 22px;
}
.p-n11-carousel .p-carousel-controls .p-nav-next {
right: 0;
top: 30%;
display: block;
}
.p-n11-carousel .p-carousel-controls .p-nav-prev {
left: 0;
top: 30%;
display: block;
}
.p-n11-carousel .p-carousel-view section {
width: 100%;
position: relative;
left: 0;
}
.p-n11-carousel.p-grid .p-heading-02 {
padding-left: 16px;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-m-one-whole,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-m-one-half,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-m-one-third,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-m-one-quarter {
margin-bottom: 16px;
}
.p-n11-carousel .p-view-link-bottom {
margin-right: 16px;
}
.p-n11-carousel.p-full-bleed {
position: relative;
}
.p-n11-carousel.p-full-bleed .p-simplemasthead-positioning {
padding: 180px 0px 90px 60px;
}
.p-n11-carousel.p-full-bleed .p-carousel-wrapper {
margin-left: 0px;
margin-right: 0px;
}
.p-n11-carousel.p-full-bleed .p-carousel-controls .p-nav-next,
.p-n11-carousel.p-full-bleed .p-carousel-controls .p-nav-prev {
font-size: 70px;
top: 40%;
}
.p-n11-carousel.p-full-bleed .p-carousel-indicator {
position: absolute;
width: 100%;
margin: 0 auto;
bottom: 0px;
}
.p-n11-carousel.p-full-bleed .p-view-link-bottom {
margin-top: -39px;
z-index: 3016;
}
.p-n11-carousel.p-full-bleed .p-usecasemasthead .p-simplemasthead-positioning {
padding: 0px 80px 0px 80px;
}
}
@media screen and (min-width: 961px) {
.p-n11-carousel.p-grid .p-heading-02 {
padding-left: 22px;
margin-top: 0;
}
.p-n11-carousel.p-grid .p-carousel-wrapper {
margin-left: 0px;
margin-right: 0px;
}
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-l-one-whole,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-l-one-half,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-l-one-third,
.p-n11-carousel.p-grid .p-carousel-wrapper .p-carousel-view li.p-l-one-quarter {
margin-bottom: 22px;
}
.p-n11-carousel .p-view-link-bottom {
margin-right: 22px;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card {
background-color: #7d0063;
}
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-title,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-title,
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-desc,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-desc,
.p-n11-carousel.p-inverted .p-carousel-view li .p-article-card .p-card-link,
.p-inverted .p-n11-carousel .p-carousel-view li .p-article-card .p-card-link {
padding-left: 22px;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card {
background-color: transparent;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-title,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-title,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-desc,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-desc,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li .p-article-card .p-card-link,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li .p-article-card .p-card-link {
padding-left: 0px;
padding-right: 0px;
}
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-title,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-title,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-desc,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-desc,
.p-n11-carousel.p-inverted.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-link,
.p-inverted .p-n11-carousel.p-transparent-background .p-carousel-view li.p-single-card-view .p-card-link {
padding-left: 22px;
}
}
/*
Defaults
---------------------------*/
.p-n11v2-listofpages .p-heading-02 .p-cta-link {
font-size: 14px;
}
.p-n11v2-listofpages .p-listofpages-container .p-grid:after {
content: "";
display: table;
clear: both;
}
.p-n11v2-listofpages .p-listofpages-container .p-nav-wrapper,
.p-n11v2-listofpages .p-listofpages-container .p-slide-count,
.p-n11v2-listofpages .p-listofpages-container .p-bullet-wrapper {
display: none;
}
.p-n11v2-listofpages .p-listofpages-container .p-carousel-item {
overflow: hidden;
}
.p-n11v2-listofpages .p-listofpages-container li picture {
height: auto;
}
.p-n11v2-listofpages .p-list-carousel {
position: relative;
z-index: 0;
}
.p-n11v2-listofpages .p-list-carousel.p-disable-controls .p-nav-wrapper,
.p-n11v2-listofpages .p-list-carousel.p-disable-controls .p-slide-count,
.p-n11v2-listofpages .p-list-carousel.p-disable-controls .p-bullet-wrapper {
display: none;
}
.p-n11v2-listofpages .p-list-carousel .p-content-container {
overflow: hidden;
position: relative;
}
.p-n11v2-listofpages .p-list-carousel .p-bullet-wrapper {
position: absolute;
width: 100%;
display: block;
z-index: 3009;
bottom: 20px;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper {
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper .p-nav-next {
float: right;
cursor: default;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper .p-nav-next.p-arrow-disabled .p-icon-arrow-right:after {
color: #cccedb;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper .p-nav-prev {
float: left;
cursor: default;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper .p-nav-prev.p-arrow-disabled .p-icon-arrow-left:after {
color: #cccedb;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper .p-active {
cursor: pointer;
}
.p-n11v2-listofpages .p-list-carousel .p-slide-count {
display: block;
position: absolute;
left: 48%;
z-index: 3010;
top: 10px;
padding-bottom: 10px;
}
.p-n11v2-listofpages .p-list-carousel .p-carousel-gutter .p-slide-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n11v2-listofpages .p-list-carousel .p-carousel-item img {
-webkit-user-drag: none;
user-drag: none;
width: 100%;
height: auto;
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-fade {
position: relative;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-fade .p-carousel-item {
position: absolute;
left: 0px;
top: 0px;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.p-n11v2-listofpages .p-list-carousel .p-animation-slide {
position: absolute;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-slide .p-item-hide {
display: none;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-slide .p-carousel-item {
float: left;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-slide .p-next-slide {
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-animation-slide .p-active-slide {
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-outer-block {
position: absolute;
top: 50%;
width: 100%;
z-index: 3011;
}
.p-n11v2-listofpages .p-horizontal-divider {
border-top: 1px solid rgba(255, 255, 255, 0.4);
padding-top: 14px;
}
.p-n11v2-listofpages .p-horizontal-divider-inverted {
border-color: rgba(255, 255, 255, 0.8);
}
.p-n11v2-listofpages[data-carousel-slide-count="showaboveslide"] .p-slide-count {
position: static;
width: 100%;
text-align: center;
}
.p-n11v2-listofpages[data-carousel-nav-bullets="showbelowslide"] .p-bullet-wrapper {
position: static;
padding-top: 14px;
}
.p-n11v2-listofpages .p-view-all-card a {
color: #ffffff;
display: table;
height: 100%;
text-align: center;
text-decoration: none;
width: 100%;
font-size: 21px;
line-height: 26px;
}
.p-n11v2-listofpages .p-view-all-card a span {
display: table-cell;
vertical-align: middle;
padding: 50px 20px 50px 20px;
}
.p-n11v2-listofpages .p-view-all-card .p-link-more:after {
display: none;
}
/* Large Break Point */
/* Medium Break Point */
/* Medium (Isolate) Break Point */
/* Small Break Points - XS and S */
/* Small (Isolate) Break Point */
/* Extra Small (Isolate) Break Point */
@media screen and (max-width: 450px) {
.p-n11v2-listofpages .p-horizontal-divider.p-xs-last-row {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 14px;
}
.p-n11v2-listofpages .p-horizontal-divider-inverted.p-xs-last-row {
border-color: rgba(255, 255, 255, 0.8);
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-n11v2-listofpages .p-horizontal-divider.p-s-last-row {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 14px;
}
.p-n11v2-listofpages .p-horizontal-divider-inverted.p-s-last-row {
border-color: rgba(255, 255, 255, 0.8);
}
}
/* for S and XS */
@media screen and (max-width: 700px) {
.p-n11v2-listofpages.p-n11v2-in-popup .p-slide-count {
padding-top: 10px;
}
.p-n11v2-listofpages[data-view-mobile="carousel"] .p-listofpages-container {
display: none;
}
.p-n11v2-listofpages[data-view-mobile="carousel"] .p-listofpages-container.p-list-carousel {
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper {
display: none;
}
.p-n11v2-listofpages .p-list-carousel .p-carousel-gutter .p-carousel-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 5px;
padding-left: 5px;
}
}
/* For M and L */
@media screen and (min-width: 701px) {
.p-n11v2-listofpages[data-view-desktop="carousel"] .p-listofpages-container {
display: none;
}
.p-n11v2-listofpages[data-view-desktop="carousel"] .p-listofpages-container.p-list-carousel {
display: block;
}
.p-n11v2-listofpages .p-list-carousel .p-carousel-gutter .p-carousel-item {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n11v2-listofpages[data-carousel-nav-arrows-medium="pushcardinwards"] .p-list-carousel .p-content-container {
margin: 0px 20px 0px 20px;
}
.p-n11v2-listofpages[data-carousel-nav-arrows-medium="pushcardinwards"] .p-list-carousel .p-nav-wrapper .p-nav-next,
.p-n11v2-listofpages[data-carousel-nav-arrows-medium="pushcardinwards"] .p-list-carousel .p-nav-wrapper .p-nav-prev {
padding-left: 0;
padding-right: 0;
}
.p-n11v2-listofpages[data-carousel-nav-arrows-medium="pushcardinwards"] .p-list-carousel .p-content-container.p-gutter-notavailable {
margin: 0px 30px 0px 30px;
}
.p-n11v2-listofpages .p-horizontal-divider.p-m-last-row {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 14px;
}
.p-n11v2-listofpages .p-horizontal-divider-inverted.p-m-last-row {
border-color: rgba(255, 255, 255, 0.8);
}
}
@media screen and (min-width: 961px) {
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper.p-nav-position-out .p-nav-prev {
margin-left: -63px;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper.p-nav-position-out .p-nav-next {
margin-right: -63px;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper.p-nav-button-padding .p-nav-prev {
padding-left: 20px;
}
.p-n11v2-listofpages .p-list-carousel .p-nav-wrapper.p-nav-button-padding .p-nav-next {
margin-right: 20px;
}
.p-n11v2-listofpages[data-carousel-nav-arrows-large="960"] .p-list-carousel .p-nav-wrapper {
width: 960px;
margin: 0px auto;
}
.p-n11v2-listofpages[data-carousel-nav-arrows-medium="pushcardinwards"] .p-list-carousel .p-content-container.p-inside-viewport {
margin: 0px 20px 0px 20px;
}
.p-n11v2-listofpages .p-horizontal-divider.p-l-last-row {
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
padding-bottom: 14px;
}
.p-n11v2-listofpages .p-horizontal-divider-inverted.p-l-last-row {
border-color: rgba(255, 255, 255, 0.8);
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n14-link-list:after {
content: "";
display: table;
clear: both;
}
.p-n14-link-list.verticaltransparent {
margin-left: 10px;
margin-right: 10px;
}
.p-n14-link-list.verticaltransparent li {
float: left;
}
.p-n14-link-list.verticaltransparent li a {
border-bottom: 1px solid #ccced8;
width: 100%;
padding-top: 5px;
padding-bottom: 6px;
}
.p-n14-link-list.verticaltransparent li a .p-icon-container {
display: none;
}
.p-n14-link-list.verticaltransparent li:first-child a,
.p-n14-link-list.verticaltransparent li.p-f-child a {
border-top: 1px solid #ccced8;
}
.p-n14-link-list.verticaltransparentnoline {
margin-right: 10px;
}
.p-n14-link-list.verticaltransparentnoline li {
float: left;
}
.p-n14-link-list.verticaltransparentnoline li a {
width: 100%;
padding-bottom: 3px;
}
.p-n14-link-list.verticaltransparentnoline li a .p-icon-container {
display: none;
}
.p-n14-link-list.verticalcolored {
margin-left: 10px;
margin-right: 10px;
}
.p-n14-link-list.verticalcolored li {
margin-top: 1px;
margin-bottom: 1px;
float: left;
position: relative;
}
.p-n14-link-list.verticalcolored li a {
padding-top: 5px;
padding-bottom: 1px;
font-size: 15px;
border-radius: 3px 3px 3px 3px;
height: 43px;
line-height: 43px;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-n14-link-list.verticalcolored li a .p-image {
display: none;
}
.p-n14-link-list.verticalcolored li a .p-text {
padding-left: 25px;
}
.p-n14-link-list.verticalcolored li a .p-icon-container {
display: block;
margin-right: 20px;
}
.p-n14-link-list.verticalcolored li a:hover .p-text {
text-decoration: underline;
}
.p-n14-link-list.verticalcolored li .p-link-color {
background-color: #e0e0e0;
color: #7d0063;
}
.p-n14-link-list.verticalcolored li .p-link-alternative-color {
background-color: #7d0063;
color: #e0e0e0;
}
.p-n14-link-list.verticalcolored .p-separator-margin {
margin-top: 3px;
}
.p-n14-link-list.horizontal {
text-align: center;
}
.p-n14-link-list.horizontal ul.p-grid {
margin-left: 0;
}
.p-n14-link-list.horizontal li {
width: auto;
display: inline-block;
float: none;
padding-left: 0;
}
.p-n14-link-list.horizontal li a .p-text {
border-color: #ccced8;
border-style: solid;
border-left-width: 1px;
padding-left: 6px;
padding-right: 2px;
margin-bottom: 10px;
line-height: 15px;
}
.p-n14-link-list.horizontal li a .p-image {
display: none;
}
.p-n14-link-list.horizontal li a .p-icon-container {
display: none;
}
.p-n14-link-list li a {
display: table;
}
.p-n14-link-list li a .p-image {
width: 16px;
display: block;
padding-right: 10px;
float: left;
}
.p-n14-link-list li a .p-image img {
width: 16px;
}
.p-n14-link-list li a .p-text {
display: table-cell;
text-align: left;
vertical-align: top;
width: 100%;
}
.p-n14-link-list li a .p-icon-container {
display: table-cell;
vertical-align: middle;
}
.p-n14-link-list li a .p-icon-container .p-arrow-right {
display: table-cell;
}
.p-n14-link-list li a:hover {
text-decoration: none;
}
.p-n14-link-list li:first-child a .p-text,
.p-n14-link-list li.p-f-child a .p-text {
border-left: 0;
}
.p-n14-link-list.grid li {
float: left;
width: 100%;
}
.p-n14-link-list.grid li a {
border-bottom: 1px solid #ccced8;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
display: table;
}
.p-n14-link-list.grid li a .p-image {
width: 60px;
display: block;
padding-right: 10px;
float: left;
}
.p-n14-link-list.grid li a .p-image img {
width: 60px;
height: 50px;
}
.p-n14-link-list.grid li a .p-text {
vertical-align: middle;
}
.p-n14-link-list.grid li a .p-icon-container .p-arrow-right {
width: 26px;
height: 22px;
padding-top: 2px;
padding-bottom: 2px;
text-align: center;
background: transparent;
border-radius: 2px;
display: block;
}
.p-n14-link-list.grid li a:hover {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n14-link-list.grid li a:hover .p-arrow-right {
background-color: #7d0063;
color: #ffffff;
}
.p-n14-link-list.grid li:first-child a,
.p-n14-link-list.grid li.p-f-child a {
border-top: 1px solid #ccced8;
}
.p-n14-link-list.p-inverted.horizontal li a .p-text,
.p-inverted .p-n14-link-list.horizontal li a .p-text {
border-color: #ffffff;
}
.p-n14-link-list.p-inverted.vertical li a,
.p-inverted .p-n14-link-list.vertical li a {
border-color: #ffffff;
}
.p-n14-link-list.p-inverted.grid li a:hover .p-arrow-right,
.p-inverted .p-n14-link-list.grid li a:hover .p-arrow-right {
color: #7d0063;
background-color: #ffffff;
}
.p-n14-link-list.p-inverted li a,
.p-inverted .p-n14-link-list li a {
color: inherit;
}
@media screen and (max-width: 700px) {
.p-n14-link-list.verticalcolored li a .p-text {
font-size: 16px;
}
}
@media screen and (min-width: 961px) {
.p-n14-link-list.horizontal-l-vertical-s {
text-align: center;
}
.p-n14-link-list.horizontal-l-vertical-s ul.p-grid {
margin-left: 0;
}
.p-n14-link-list.horizontal-l-vertical-s li {
width: auto;
display: inline-block;
float: none;
padding-left: 0;
}
.p-n14-link-list.horizontal-l-vertical-s li a .p-text {
border-color: #ccced8;
border-style: solid;
border-left-width: 1px;
padding-left: 6px;
padding-right: 2px;
margin-bottom: 10px;
line-height: 15px;
}
.p-n14-link-list.horizontal-l-vertical-s li a .p-image {
display: none;
}
.p-n14-link-list.horizontal-l-vertical-s li a .p-icon-container {
display: none;
}
}
@media screen and (max-width: 960px) {
.p-n14-link-list.horizontal-l-vertical-s {
margin-left: 10px;
margin-right: 10px;
}
.p-n14-link-list.horizontal-l-vertical-s li {
float: left;
}
.p-n14-link-list.horizontal-l-vertical-s li a {
border-bottom: 1px solid #ccced8;
width: 100%;
padding-top: 5px;
padding-bottom: 6px;
}
.p-n14-link-list.horizontal-l-vertical-s li a .p-icon-container {
display: none;
}
.p-n14-link-list.horizontal-l-vertical-s li:first-child a,
.p-n14-link-list.horizontal-l-vertical-s li.p-f-child a {
border-top: 1px solid #ccced8;
}
}
/*
Defaults
---------------------------*/
.p-u61-contactform .p-form label.p-error-msg.p-hidden {
display: none;
}
.p-u61-contactform .p-heading-04 {
margin-top: 10px;
}
.p-u61-contactform .p-negative {
color: #e98300;
}
.p-u61-contactform .p-grid-item .p-select {
width: 100%;
}
.p-u61-contactform-section .p-button {
margin-top: 10px;
}
/*
Inverted styles
---------------------------*/
.p-u61-contactform.p-inverted {
background: #7d0063;
}
/*
Defaults
---------------------------*/
.tc01-backgroundparsys,
.p-tc01-backgroundparsys {
/*min-height: inherit;*/
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Card Tags */
.p-tc03-display-tags {
padding: 10px 0px 10px 0px;
display: inline-block;
}
.p-tc03-display-tags .p-item-tag {
width: auto;
height: 18px;
margin: 0px 13px 5px 0px;
float: left;
position: relative;
background: #e6e6e6;
}
.p-tc03-display-tags .p-item-tag:after {
position: absolute;
top: 0px;
left: 100%;
display: inline-block;
vertical-align: middle;
content: '';
width: 0px;
height: 0px;
overflow: hidden;
font: 0/0 serif;
border-left: 8px solid #e6e6e6;
border-bottom: 9px solid transparent;
border-top: 9px solid transparent;
border-right: 0px solid #7d0063;
}
.p-tc03-display-tags .p-item-tag.p-title {
background: none;
width: auto;
height: 15px;
margin: 0px 10px 5px 0px;
float: left;
}
.p-tc03-display-tags .p-item-tag.p-title:after {
border: none;
}
.p-tc03-display-tags .p-item-tag .p-tag-title {
padding: 0px 5px 0px 5px;
line-height: normal;
}
.p-tc03-display-tags .p-item-tag .p-tag-title a {
color: #42145f;
vertical-align: top;
}
.p-tc03-display-tags .p-item-tag .p-tag-title a:hover {
text-decoration: none;
color: #42145f;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-u53-feed-reader {
/*Inverted
---------------------------*/
}
.p-u53-feed-reader .p-title {
margin-bottom: 0;
}
.p-u53-feed-reader .p-icon-rss {
margin-right: 10px;
color: #7d0063;
}
.p-u53-feed-reader .p-feed-list-item {
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.p-u53-feed-reader .p-feed-list-item:last-child {
border: none;
margin-bottom: 0;
}
.p-u53-feed-reader .p-feed-list-item .p-date {
color: #999999;
}
.p-u53-feed-reader .p-read-more {
font-weight: bold;
}
.p-u53-feed-reader.p-inverted .p-icon-rss,
.p-inverted .p-u53-feed-reader .p-icon-rss {
color: #ffffff;
}
.p-u53-feed-reader.p-inverted .p-date,
.p-inverted .p-u53-feed-reader .p-date {
color: #ffffff;
}
.p-u53-feed-reader.p-inverted .p-feed-list-item,
.p-inverted .p-u53-feed-reader .p-feed-list-item {
border-bottom: 1px solid #ffffff;
}
.p-u53-feed-reader.p-inverted .p-feed-list-item:last-child,
.p-inverted .p-u53-feed-reader .p-feed-list-item:last-child {
border: none;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-u53-feed-reader {
padding-right: 10px;
padding-left: 10px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-u53v2-feed-reader {
/*Inverted
---------------------------*/
}
.p-u53v2-feed-reader .p-title {
margin-bottom: 0;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-u53v2-feed-reader .p-icon-rss {
margin-right: 10px;
color: #7d0063;
}
.p-u53v2-feed-reader .p-feed-list-item {
position: relative;
height: 95px;
margin-bottom: 20px;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link {
margin-left: 115px;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link:last-child {
margin-bottom: 0;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link .p-feed-list-item-text-link {
color: #3c3c41;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
font-size: 18px;
margin-right: -16px;
padding-right: 16px;
overflow: hidden;
position: relative;
line-height: 24px;
max-height: 72px;
display: inline-block;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link .p-feed-list-item-text-link:before {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link .p-feed-list-item-text-link:after {
content: '';
position: absolute;
right: 0;
width: 16px;
height: 16px;
margin-top: 3px;
background: #ffffff;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-link .p-date {
color: #999999;
}
.p-u53v2-feed-reader .p-feed-list-item .p-feed-list-item-img {
position: absolute;
height: 95px;
width: 95px;
top: 0px;
cursor: pointer;
object-fit: cover;
}
.p-u53v2-feed-reader .p-read-more {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-u53v2-feed-reader .p-link-more:after {
content: '\e826';
color: inherit;
font-family: philips-global-icon-font;
position: relative;
vertical-align: middle;
font-size: 12px;
height: auto;
padding-left: 8px;
}
.p-u53v2-feed-reader.p-inverted .p-icon-rss,
.p-inverted .p-u53v2-feed-reader .p-icon-rss {
color: #ffffff;
}
.p-u53v2-feed-reader.p-inverted .p-date,
.p-inverted .p-u53v2-feed-reader .p-date {
color: #ffffff;
}
.p-u53v2-feed-reader.p-inverted .p-feed-list-item:last-child,
.p-inverted .p-u53v2-feed-reader .p-feed-list-item:last-child {
margin-bottom: 0;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-u53v2-feed-reader {
padding-right: 10px;
padding-left: 10px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-sc01v2-youtube-widget.p-horizontal-left .p-video-wrap {
text-align: left;
}
.p-sc01v2-youtube-widget.p-horizontal-center .p-video-wrap {
text-align: center;
}
.p-sc01v2-youtube-widget.p-horizontal-right .p-video-wrap {
text-align: right;
}
.p-sc01v2-youtube-widget.p-hide-close-button .p-video-inline .p-popup-close {
display: none;
}
.p-sc01v2-youtube-widget .p-popup-close {
position: absolute;
right: 5px;
top: 5px;
}
.p-sc01v2-youtube-widget .p-video-wrap {
position: relative;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-youtube-link {
cursor: pointer;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-video-image-wrapper {
margin: auto;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-video-image-wrapper .p-image-container {
display: inline-block;
max-width: 100%;
position: relative;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-video-image-wrapper img,
.p-sc01v2-youtube-widget .p-video-wrap .p-video-image-wrapper .p-youtube-thumbnail {
height: auto;
margin-left: 0.5px;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-play-button {
position: absolute;
background: none;
display: none;
top: 50%;
left: 50%;
height: 33%;
padding: 0;
margin: 0;
border: 4px solid #ffffff;
outline: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-play-button .p-icon-play:after {
opacity: 1;
top: 0;
color: #ffffff;
display: inline;
vertical-align: middle;
line-height: inherit;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-play-button.p-bottom-left {
transform: none;
bottom: 10px;
left: 10px;
top: auto;
}
.p-sc01v2-youtube-widget .p-video-wrap .p-youtube-duration {
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
position: absolute;
bottom: 10px;
padding: 8px 14px 5px 14px;
right: 10px;
}
.p-sc01v2-youtube-widget.p-image-fullsize .p-video-wrap {
background: #000000;
}
.p-sc01v2-youtube-widget.p-image-fullsize .p-video-wrap .p-video-image-wrapper .p-image-container {
position: static;
width: 100%;
}
.p-sc01v2-youtube-widget.p-image-fullsize .p-video-wrap .p-video-image-wrapper .p-image-container img {
width: 100%;
}
.p-sc01v2-youtube-widget.p-close-at-end.p-video-autoplay .p-image-container {
visibility: hidden;
}
.p-sc01v2-youtube-widget .p-video-inline {
position: relative;
}
.p-sc01v2-youtube-widget.p-inverted .p-video-wrap span .p-video-image-wrapper .p-youtube-duration,
.p-inverted .p-sc01v2-youtube-widget .p-video-wrap span .p-video-image-wrapper .p-youtube-duration {
background: rgba(125, 0, 99, 0.4);
}
.p-sc01v2-youtube-widget .p-youtube-title {
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
line-height: 24px;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451, Max Width 700
---------------------------*/
/*
Min Width 701, Max Width 960
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-sc01v2-youtube-widget.p-image-fullsize .p-xs-viewport-height .p-video-image-wrapper img,
.p-sc01v2-youtube-widget.p-image-fullsize .p-xs-viewport-height .p-video-image-wrapper .p-youtube-thumbnail {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-sc01v2-youtube-widget.p-image-fullsize .p-s-viewport-height .p-video-image-wrapper img,
.p-sc01v2-youtube-widget.p-image-fullsize .p-s-viewport-height .p-video-image-wrapper .p-youtube-thumbnail {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-sc01v2-youtube-widget.p-image-fullsize .p-m-viewport-height .p-video-image-wrapper img,
.p-sc01v2-youtube-widget.p-image-fullsize .p-m-viewport-height .p-video-image-wrapper .p-youtube-thumbnail {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 961px) {
.p-sc01v2-youtube-widget.p-image-fullsize .p-l-viewport-height .p-video-image-wrapper img,
.p-sc01v2-youtube-widget.p-image-fullsize .p-l-viewport-height .p-video-image-wrapper .p-youtube-thumbnail {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-sc11-youku-widget.p-horizontal-left .p-video-wrap {
text-align: left;
}
.p-sc11-youku-widget.p-horizontal-center .p-video-wrap {
text-align: center;
}
.p-sc11-youku-widget.p-horizontal-right .p-video-wrap {
text-align: right;
}
.p-sc11-youku-widget.p-image-fullsize .p-video-wrap {
background: #000000;
}
.p-sc11-youku-widget.p-image-fullsize .p-video-wrap .p-video-image-wrapper .p-image-container {
position: static;
width: 100%;
}
.p-sc11-youku-widget.p-image-fullsize .p-video-wrap .p-video-image-wrapper .p-image-container img {
width: 100%;
}
.p-sc11-youku-widget.p-hide-close-button .p-video-inline .p-popup-close {
display: none;
}
.p-sc11-youku-widget .p-popup-close {
position: absolute;
right: 5px;
top: 5px;
}
.p-sc11-youku-widget .p-video-wrap {
position: relative;
}
.p-sc11-youku-widget .p-video-wrap .p-youku-link {
cursor: pointer;
}
.p-sc11-youku-widget .p-video-wrap .p-video-image-wrapper {
margin: auto;
}
.p-sc11-youku-widget .p-video-wrap .p-video-image-wrapper .p-image-container {
display: inline-block;
max-width: 100%;
position: relative;
}
.p-sc11-youku-widget .p-video-wrap .p-play-button {
position: absolute;
background: none;
display: none;
top: 50%;
left: 50%;
height: 33%;
padding: 0;
margin: 0;
border: 4px solid #ffffff;
outline: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.p-sc11-youku-widget .p-video-wrap .p-play-button .p-icon-play:after {
opacity: 1;
top: 0;
color: #ffffff;
display: inline;
vertical-align: middle;
line-height: inherit;
}
.p-sc11-youku-widget .p-video-wrap .p-play-button.p-bottom-left {
transform: none;
bottom: 10px;
left: 10px;
top: auto;
}
.p-sc11-youku-widget .p-video-wrap .p-youku-duration {
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
position: absolute;
bottom: 10px;
padding: 8px 14px 5px 14px;
right: 10px;
}
.p-sc11-youku-widget.p-close-at-end.p-video-autoplay .p-image-container {
visibility: hidden;
}
.p-sc11-youku-widget .p-video-inline {
position: relative;
}
.p-sc11-youku-widget .p-player-wrapper {
height: 100%;
}
.p-sc11-youku-widget.p-inverted .p-video-wrap .p-video-image-wrapper .p-youku-duration,
.p-inverted .p-sc11-youku-widget .p-video-wrap .p-video-image-wrapper .p-youku-duration {
color: #3c3c3c;
}
.p-sc11-youku-widget.p-inverted .p-video-wrap span .p-video-image-wrapper .p-youku-duration,
.p-inverted .p-sc11-youku-widget .p-video-wrap span .p-video-image-wrapper .p-youku-duration {
background: rgba(125, 0, 99, 0.4);
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451, Max Width 700
---------------------------*/
/*
Min Width 701, Max Width 960
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-sc11-youku-widget.p-image-fullsize .p-xs-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-sc11-youku-widget.p-image-fullsize .p-s-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-sc11-youku-widget.p-image-fullsize .p-m-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 961px) {
.p-sc11-youku-widget.p-image-fullsize .p-l-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
.test-touch .p-sc11-youku-widget .p-popup-close {
top: 0px;
}
.test-touch .p-sc11-youku-widget .p-player-wrapper {
padding-right: 35px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-sc21-scene7-video.p-horizontal-left .p-video-wrap {
text-align: left;
}
.p-sc21-scene7-video.p-horizontal-center .p-video-wrap {
text-align: center;
}
.p-sc21-scene7-video.p-horizontal-right .p-video-wrap {
text-align: right;
}
.p-sc21-scene7-video.p-image-fullsize .p-video-wrap {
background: #000000;
}
.p-sc21-scene7-video.p-image-fullsize .p-image-container {
width: 100%;
}
.p-sc21-scene7-video.p-image-fullsize .p-image-container img {
width: 100%;
}
.p-sc21-scene7-video.p-hide-close-button .p-video-inline .p-popup-close {
display: none;
}
.p-sc21-scene7-video .p-popup-close {
position: absolute;
right: 5px;
top: 5px;
}
.p-sc21-scene7-video .p-scene7-wrapper {
height: 100%;
}
.p-sc21-scene7-video .p-scene7-wrapper .p-video {
height: 100%;
}
.p-sc21-scene7-video .p-video-wrap {
position: relative;
}
.p-sc21-scene7-video .p-video-wrap .p-scene7-link {
cursor: pointer;
}
.p-sc21-scene7-video .p-video-wrap .p-video-image-wrapper {
margin: auto;
}
.p-sc21-scene7-video .p-video-wrap .p-video-image-wrapper .p-image-container {
display: inline-block;
max-width: 100%;
position: relative;
}
.p-sc21-scene7-video .p-video-wrap .p-video-image-wrapper img {
height: auto;
margin-left: 0.5px;
}
.p-sc21-scene7-video .p-video-wrap .p-play-button {
position: absolute;
background: none;
display: none;
top: 50%;
left: 50%;
height: 33%;
padding: 0;
margin: 0;
border: 4px solid #ffffff;
outline: none;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.p-sc21-scene7-video .p-video-wrap .p-play-button .p-icon-play:after {
opacity: 1;
top: 0;
color: #ffffff;
display: inline;
vertical-align: middle;
line-height: inherit;
}
.p-sc21-scene7-video .p-video-wrap .p-play-button.p-bottom-left {
transform: none;
bottom: 10px;
left: 10px;
top: auto;
}
.p-sc21-scene7-video .p-video-wrap .p-scene7-duration {
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
position: absolute;
bottom: 10px;
padding: 8px 14px 5px 14px;
right: 10px;
}
.p-sc21-scene7-video.p-image-fullsize .p-video-wrap .p-video-image-wrapper .p-image-container {
position: static;
}
.p-sc21-scene7-video .p-video-inline {
position: relative;
}
.p-sc21-scene7-video.p-inverted .p-video-wrap a .p-video-image-wrapper .p-scene7-duration,
.p-inverted .p-sc21-scene7-video .p-video-wrap a .p-video-image-wrapper .p-scene7-duration {
background: rgba(125, 0, 99, 0.4);
}
.mfp-wrap2 .p-scene7-wrapper {
height: 100%;
}
.mfp-wrap2 .p-scene7-wrapper .p-video {
height: 100%;
}
/*
Max Width 450
---------------------------*/
/*
Min Width 451, Max Width 700
---------------------------*/
/*
Min Width 701, Max Width 960
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 450px) {
.p-sc21-scene7-video.p-image-fullsize .p-xs-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-sc21-scene7-video.p-image-fullsize .p-s-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-sc21-scene7-video.p-image-fullsize .p-m-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
@media screen and (min-width: 961px) {
.p-sc21-scene7-video.p-image-fullsize .p-l-viewport-height .p-video-image-wrapper img {
height: 100vh;
object-fit: contain;
width: auto !important;
}
}
/*
Local variables
---------------------------*/
.p-n16-anchorlist .p-n16-nav-active {
font-weight: bold;
}
.p-n16-anchorlist .p-n16-textinherit {
font-size: inherit;
color: #3c3c3c;
float: left;
clear: both;
}
.p-n16-anchorlist .p-n16-textinherit:hover {
text-decoration: underline;
}
.p-n16-anchorlist .p-heading-06 {
font-size: 21px;
line-height: 21px;
padding: 34px 0px 10px 0px;
}
.p-n16-anchorlist .p-n16-backtotop {
color: #3c3c3c;
}
.p-n16-anchorlist .p-anchor-name li {
line-height: 35px;
}
.p-n16-anchorlist {
display: inline-block;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n17-sticky-vertical-widget {
position: fixed;
z-index: 6005;
min-height: 34px;
right: 0px;
top: 365px;
width: 32px;
}
.p-n17-sticky-vertical-widget.p-sticky-left {
left: 0px;
}
.p-n17-sticky-vertical-widget.p-sticky-left .p-vertical-item {
border-radius: 0px 3px 3px 0px;
border-right: 1px solid #42145f;
border-left: 0px solid #42145f;
}
.p-n17-sticky-vertical-widget.p-sticky-left .p-flyout-widget {
right: 0px;
left: 42px;
}
.p-n17-sticky-vertical-widget.p-sticky-left .p-flyout-widget.p-flyout-widget-attached-right .p-flyout-widget-arrow:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-right: 5px solid #ffffff;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-left: 0;
border-width: 7px;
box-shadow: 1px 0 -2px 3px #000000;
content: '';
position: absolute;
left: -7px;
top: 50%;
display: block;
width: 1px;
}
.p-n17-sticky-vertical-widget .p-vertical-item-trigger {
display: block;
width: 32px;
height: 0px;
}
.p-n17-sticky-vertical-widget .p-vertical-item {
background-color: #b390bb;
color: #ffffff;
cursor: pointer;
display: block;
height: 34px;
margin-top: 1px;
position: relative;
-webkit-transition: 0.2s;
transition: 0.2s;
width: 32px;
}
.p-n17-sticky-vertical-widget .p-vertical-item:after {
display: block;
color: #ffffff;
font-size: 24px;
padding-top: 6px;
text-align: center;
width: 32px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget {
background: #ffffff;
cursor: default;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
display: none;
position: absolute;
min-width: 350px;
min-height: 125px;
right: 50px;
top: 0px;
z-index: 7;
}
.p-n17-sticky-vertical-widget .p-flyout-widget.p-flyout-widget-attached-right .p-flyout-widget-arrow:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-left: 5px solid #ffffff;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
border-right: 0;
border-width: 7px;
box-shadow: 1px 0 -2px 3px #000000;
content: '';
position: absolute;
right: -7px;
top: 50%;
display: block;
width: 1px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget .p-square:after {
background-image: none;
}
.p-n17-sticky-vertical-widget .p-icon-close {
cursor: pointer;
position: absolute;
right: 20px;
top: 12px;
padding-bottom: 2px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-title {
color: #b390bb;
font-size: 21px;
padding: 39px 22px 0px 22px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content {
max-height: 800px;
overflow: auto;
color: #333333;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-dummy {
padding: 10px 21px 10px 21px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-dummy .sc05-social-media-bar {
text-align: center;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-dummy .sc05-social-media-bar ul li {
padding-top: 42px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-list a {
color: #333333;
text-decoration: none;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-list a:hover {
color: #000000;
text-decoration: underline;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-list.p-flyout-widget-listtype-inpage {
padding: 10px 0px 0px 0px;
}
.p-n17-sticky-vertical-widget .p-flyout-widget-content .p-flyout-widget-list.p-flyout-widget-listtype-inpage li {
line-height: 39px;
margin: 0px 21px 0px 21px;
}
/*
Inverted styles
---------------------------*/
.p-n17-sticky-vertical-widget.p-inverted .p-vertical-item {
background-color: #ffffff;
border-bottom: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
}
.p-n17-sticky-vertical-widget.p-inverted .p-vertical-item:after {
color: #7d0063;
}
/*
Min Width 961
---------------------------*/
@media screen and (max-width: 700px) {
.p-n17-sticky-vertical-widget .p-flyout-widget {
min-width: 250px;
z-index: 10;
}
}
.p-n15-anchor .cq-reference-placeholder {
width: 300px;
background-position: 0px;
}
.p-n15-anchor .p-n15-pagebreaker {
font-size: 0;
}
.p-n15-anchor .p-n15-anchor-wrap {
padding-left: 80px;
padding-top: 30px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n19-tabcontainer .p-tab-container {
position: relative;
}
.p-n19-tabcontainer .p-tab-container > li {
float: left;
margin-bottom: 1px;
}
.p-n19-tabcontainer .p-tab-container > li .p-tab-switcher strong {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
color: #ffffff;
}
.p-n19-tabcontainer .p-tab-container > li.p-selected .p-tab-switcher strong {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n19-tabcontainer .p-tab-container > li > a {
position: relative;
display: block;
font-size: 14px;
line-height: 46px;
font-weight: normal;
background-color: #7d0063;
color: #ffffff;
}
.p-n19-tabcontainer .p-tab-container > li > a span {
padding: 13px 0px 11px 8px;
line-height: inherit;
margin-right: 26px;
display: inline-block;
}
.p-n19-tabcontainer .p-tab-container > li > a:hover {
text-decoration: none;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
filter: alpha(opacity=50);
color: #ffffff;
}
.p-n19-tabcontainer .p-tab-container > li > a .p-accordion-arrow {
position: absolute;
right: 8px;
}
.p-n19-tabcontainer .p-tab-container > li > a .p-accordion-arrow:after {
font-size: inherit;
}
.p-n19-tabcontainer .p-tab-container > li > a .p-long {
font-size: 12px;
line-height: 15px;
}
.p-n19-tabcontainer .p-tab-container > li > a:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 5px;
width: 1px;
}
.p-n19-tabcontainer .p-visibility {
visibility: hidden;
}
.p-n19-tabcontainer .p-select {
margin-top: -40px;
margin-bottom: 20px;
}
.p-inverted.p-n19-tabcontainer .p-tab-container > li > a {
color: #7d0063;
background-color: #ffffff;
}
.p-inverted.p-n19-tabcontainer .p-tab-container > li > a:hover {
background: #7d0063 !important;
color: #ffffff !important;
}
.p-inverted.p-n19-tabcontainer .p-tab-container > li.p-selected .p-tab-switcher {
background: #7d0063 !important;
color: #ffffff !important;
}
.p-inverted.p-n19-tabcontainer .p-accordion dd a {
color: #ffffff;
}
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li > a:hover {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container > li.p-selected > a {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container a:hover {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-selected a {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a,
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a {
/* 1 */
background: rgba(125, 0, 99, 0);
}
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li.p-selected a,
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a:hover {
/* 1 */
background: rgba(125, 0, 99, 0);
}
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/* 2 */
background: rgba(125, 0, 99, 0);
padding: 0px 0px 0px 0px;
}
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-inverted .p-n19-tabcontainer.p-m-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/*1 */
background: rgba(125, 0, 99, 0);
padding: 0px 0px 0px 0px;
}
.p-n19-tabcontainer .p-accordion-arrow {
display: none;
}
}
@media screen and (min-width: 961px) {
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li > a:hover {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container > li.p-selected > a {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container a:hover {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-selected a {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a,
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a {
/* 1 */
background: rgba(125, 0, 99, 0);
}
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li.p-selected a,
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-inactive > li a:hover {
/* 1 */
background: rgba(125, 0, 99, 0);
}
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/* 2 */
background: rgba(125, 0, 99, 0);
padding: 0px 0px 0px 0px;
}
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li a:hover,
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li a:hover,
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active > li.p-selected a,
.p-inverted .p-n19-tabcontainer.p-l-display-tabs .p-tab-tabs .p-tab-container.p-tabs-transparency-active-inactive > li.p-selected a {
/*1 */
background: rgba(125, 0, 99, 0);
padding: 0px 0px 0px 0px;
}
.p-n19-tabcontainer .p-accordion-arrow {
display: none;
}
}
.p-n19-categorizedlistofpages .p-accordion .p-item-content.p-hide {
display: none;
}
.p-n19-categorizedlistofpages .p-accordion .p-item-accordion-icon.p-hide {
display: none;
}
.p-n19-categorizedlistofpages #infscr-loading {
position: fixed;
bottom: 40px;
color: #000000;
opacity: 0.8;
left: 50%;
width: 200px;
height: 80px;
margin: 0 0 0 -100px;
background-color: #ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 10px;
text-align: center;
z-index: 100;
}
.p-n19-categorizedlistofpages #infscr-loading .p-preloader.p-large {
display: inline-block;
text-align: center;
position: relative;
}
.p-n19-categorizedlistofpages .p-content-area {
text-align: left;
}
.p-n19-categorizedlistofpages .p-content-area .page {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.p-n19-categorizedlistofpages .p-content-area .page.transition-in {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
@media screen and (min-width: 0px) {
.p-n19-categorizedlistofpages .p-content-area {
width: 300px;
}
}
@media print, screen and (min-width: 451px) {
.p-n19-categorizedlistofpages .p-content-area {
width: 490px;
margin-top: 20px;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a {
display: none;
}
}
@media screen and (min-width: 701px) {
.p-n19-categorizedlistofpages .p-rn15-card {
width: 470px;
margin: 0px 0px 20px 0px;
}
.p-n19-categorizedlistofpages .p-rn15-card.p-rn15-card-narrow {
width: 225px;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 735px;
}
.p-n19-categorizedlistofpages .p-tab-content {
left: 0;
position: absolute;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a {
display: block;
}
.test-flexbox .p-n19-tabcontainer .p-tab-tabs .p-tab-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.test-flexbox .p-n19-tabcontainer .p-tab-tabs .p-tab-container > li {
flex-grow: 1;
width: auto;
}
.p-n19-tabcontainer .p-accordion {
margin-bottom: 0px;
}
.p-n19-tabcontainer .p-accordion.p-description-block {
padding: 5px 15px 15px 15px;
}
.p-n19-tabcontainer .p-accordion .p-link {
margin: 10px 0px 15px 5px;
display: block;
}
}
@media screen and (min-width: 961px) {
.p-tab-switcher-foundation strong {
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 980px;
}
.p-n19-categorizedlistofpages .p-content-area {
width: 980px;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a {
display: block;
}
}
@media screen and (max-width: 450px) {
.p-n19-categorizedlistofpages .p-tab-container > li > a {
display: none;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a:before {
margin-right: 10px;
}
.p-n19-categorizedlistofpages .p-tab-container > li.p-selected > a {
margin-bottom: 20px;
}
}
/*
Defaults
---------------------------*/
.p-t57v2-resource-library .p-library-list-item {
padding: 20px 0px 20px 0px;
border-top: 1px solid #cccccc;
}
.p-t57v2-resource-library .p-library-list-item:first-child {
border-top: none;
}
.p-t57v2-resource-library .p-library-list-item .p-link-title {
font-size: 14px;
color: #333333;
font-family: centrale_sans_xbold;
font-weight: bold;
line-height: 22px;
letter-spacing: 0px;
}
.p-t57v2-resource-library .p-title {
margin-bottom: 14px;
color: #333333;
line-height: 29px;
font-size: 21px;
letter-spacing: 0px;
}
.p-t57v2-resource-library .p-icon-image {
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
.p-t57v2-resource-library .p-button-more {
font-weight: bold;
}
.p-inverted .p-library-list-item {
border-top: 1px solid #ffffff;
}
.p-inverted .p-library-list-item .p-link-title {
color: #ffffff;
}
.p-inverted .p-library-list-item a {
color: #b6bf00;
}
.p-inverted .p-title {
color: #ffffff;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.p-t57v2-resource-library {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (min-width: 701px) {
.p-t57v2-resource-library .p-button-more {
margin-bottom: 0px;
}
.p-t57v2-resource-library .p-title {
margin-top: 0px;
}
}
/*
Local variables
---------------------------*/
/* inverted styles
---------------------------- */
/*
Local mixin
---------------------------*/
/*
Defaults
---------------------------*/
.p-n02v2-main-navigation a:hover {
text-decoration: none;
}
.p-n02v2-main-navigation .p-n07-generic-breadcrumb {
margin-left: 15px;
}
.p-n02v2-main-navigation.p-custom-logo-no-shape .p-shape-wrapper .p-shape {
position: static;
}
.p-n02v2-main-navigation .p-viewport-background {
opacity: 0;
position: fixed;
width: 100vw;
height: 100vh;
background: #000000;
top: 0;
left: 0;
z-index: 0;
visibility: hidden;
-webkit-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out;
-moz-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out;
-o-transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out;
transition: visibility 0s ease-in-out 0.3s, opacity 0.3s ease-in-out;
}
.p-n02v2-main-navigation .p-viewport-background.p-show {
visibility: visible;
opacity: 0.25;
transition-delay: 0s;
}
.p-n02v2-main-navigation .p-multi-language .p-language {
position: relative;
color: #ffffff;
display: inline-block;
}
.p-n02v2-main-navigation .p-multi-language .p-language + .p-language:before {
content: '';
display: block;
position: absolute;
background: #ffffff;
top: 17px;
left: 0;
height: 14px;
width: 1px;
}
.p-n02v2-main-navigation .p-multi-language .p-language.p-active {
text-decoration: underline;
}
.p-n02v2-main-navigation .p-main-navigation .p-shoppingcart-container {
position: relative;
}
.p-n02v2-main-navigation .p-main-navigation .p-shoppingcart-container .p-counter {
background-color: #e26d00;
border-radius: 50%;
display: none;
font-size: 1em;
height: 1.3em;
left: 3px;
line-height: 1.3em;
position: absolute;
text-align: center;
top: -40%;
width: 1.3em;
}
.p-n02v2-main-navigation .p-main-navigation .p-shoppingcart-container .p-counter b {
color: white;
padding-right: 1px;
vertical-align: middle;
}
.p-n02v2-main-navigation .p-main-navigation .p-icons-items {
display: inline-table;
vertical-align: middle;
height: 100%;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links {
position: relative;
display: table-cell;
text-align: right;
white-space: nowrap;
vertical-align: middle;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-container {
display: inline-table;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .icon-parsys > div {
display: inline-block;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .icon-parsys > .new {
display: block;
position: absolute;
width: 80px;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon {
float: none;
vertical-align: middle;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon a {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon a:hover {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links a:hover {
text-decoration: none;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
cursor: pointer;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span:hover,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span.p-active {
font-family: inherit;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span:hover:before,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span.p-active:before {
position: absolute;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-close {
float: right;
padding: 4px 17px 7px 16px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-close:hover {
cursor: pointer;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-close span:after {
font-size: 14px;
}
/*
Min width 0 - Max width 960
---------------------------*/
/*
Min width 0 - Max width 450
---------------------------*/
/*
Min width 0 - Max width 700
---------------------------*/
/*
Min width 701 - Max width 960
---------------------------*/
/*
Min width 960
---------------------------*/
@media screen and (max-width: 960px) {
.p-n02v2-main-navigation .p-n04v2-breadcrumb,
.p-n02v2-main-navigation .n07-generic-breadcrumb {
display: none;
}
.p-n02v2-main-navigation .p-brand-logo {
float: left;
}
.p-n02v2-main-navigation .p-top-bar {
position: relative;
}
.p-n02v2-main-navigation .p-multi-language-desktop .p-language {
display: none;
}
.p-n02v2-main-navigation .p-clone {
position: fixed;
width: 100%;
color: #ffffff;
left: 0;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}
.p-n02v2-main-navigation .p-clone.p-first-level {
top: 35px;
z-index: 8;
background: #42145f;
padding: 23px 0px 10px 0px;
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-clone.p-first-level span {
padding-left: 16px;
font-size: 17px;
}
.p-n02v2-main-navigation .p-clone.p-second-level {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
top: 90px;
z-index: 7;
background: #8642b0;
padding: 12px 0px 11px 0px;
}
.p-n02v2-main-navigation .p-clone.p-second-level span {
padding-left: 16px;
font-size: 17px;
}
.p-n02v2-main-navigation .p-sidebar {
overflow: hidden;
position: fixed;
display: block;
width: 100%;
z-index: 4;
top: 0;
right: 0;
bottom: 0;
height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sidebar .p-nav-wrapper {
position: relative;
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
background-color: #4e1870;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #36104e 0%, #42145f 50%, #4e1870 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #36104e 0%, #42145f 50%, #4e1870 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff36104e', endColorstr='#ff4e1870', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff36104e', endColorstr='#ff4e1870', GradientType=0);
}
.p-n02v2-main-navigation .p-category-nav {
position: relative;
height: auto;
margin-top: 45px;
}
.p-n02v2-main-navigation .p-category-nav .p-logo-mobile {
width: 100%;
height: 280px;
text-align: center;
}
.p-n02v2-main-navigation .p-category-nav .p-logo-mobile img {
margin-top: 70px;
}
.p-n02v2-main-navigation .p-category-nav .p-title {
position: relative;
display: table;
width: 100%;
font-size: 17px;
}
.p-n02v2-main-navigation .p-category-nav .p-title.p-more-link.p-active-nav {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
z-index: 1;
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-category-nav .p-title.p-more-link.p-active-nav:after {
content: "\e200";
}
.p-n02v2-main-navigation .p-category-nav .p-title.p-more-link.p-active-nav span {
color: #ffffff;
}
.p-n02v2-main-navigation .p-category-nav .p-title.p-more-link span {
color: #ffffff;
}
.p-n02v2-main-navigation .p-category-nav .p-title.p-more-link:after {
display: block;
position: absolute;
color: #ffffff;
top: 13px;
right: 16px;
font-size: 12px;
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e201";
}
.p-n02v2-main-navigation .p-category-nav .p-title span {
display: table-cell;
vertical-align: middle;
color: #ffffff;
width: 100%;
height: 46px;
padding: 2px 40px 0px 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-category-nav .p-title,
.p-n02v2-main-navigation .p-category-nav .p-first-sub-items {
position: relative;
left: 0px;
}
.p-n02v2-main-navigation .p-toggle-menu {
overflow: hidden;
position: relative;
display: block;
width: 100%;
cursor: pointer;
border-bottom: 1px solid #631d76;
}
.p-n02v2-main-navigation .p-toggle-menu .p-multi-language-mobile .p-language {
/* delibratly floating it left to avoid the unwanted height which is created due to usage of inline-block and
table cell disaply properties on the same element. */
float: left;
}
.p-n02v2-main-navigation .p-toggle-menu .p-multi-language-mobile .p-language span {
padding: 2px 16px 0px 16px;
}
.p-n02v2-main-navigation .p-toggle-menu.p-active .p-title span {
display: inline-block;
padding-left: 29px;
padding-top: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-toggle-menu.p-animate .p-title,
.p-n02v2-main-navigation .p-toggle-menu.p-animate .p-first-sub-items {
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.p-n02v2-main-navigation .p-sub-items {
position: relative;
display: block;
clear: both;
max-height: 0;
z-index: 0;
overflow: hidden;
-webkit-transition: max-height 0.5s ease-out;
transition: max-height 0.5s ease-out;
}
.p-n02v2-main-navigation .p-sub-items li.no-border {
border: 0;
}
.p-n02v2-main-navigation .p-sub-items li .p-main-item {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
z-index: 2;
position: relative;
background-color: #7d0063;
}
.p-n02v2-main-navigation .p-sub-items li .p-main-item span {
background: none;
color: #ffffff;
padding-left: 27px;
}
.p-n02v2-main-navigation .p-sub-items li .p-main-item span:before {
display: inline-block;
position: relative;
color: #ffffff;
font-size: 14px;
top: 0px;
left: -10px;
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e202";
}
.p-n02v2-main-navigation .p-sub-items.p-active {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-items:before {
content: '';
position: absolute;
display: block;
width: 100%;
height: 0px;
border-top: 1px solid #bbbbbb;
border-bottom: 1px solid #cccccc;
}
.p-n02v2-main-navigation .p-sub-items li {
border-top: 1px solid #9e62c4;
position: relative;
}
.p-n02v2-main-navigation .p-sub-items li:first-child {
border-top: 0px solid #7d0063;
}
.p-n02v2-main-navigation .p-sub-items li span {
font-size: 17px;
}
.p-n02v2-main-navigation .p-sub-items li .p-extra-title {
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);
z-index: 1;
position: relative;
}
.p-n02v2-main-navigation .p-sub-items li .p-extra-title span {
background: #b390bb;
color: #ffffff;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub a:after {
display: block;
position: absolute;
top: 13px;
right: 16px;
font-size: 10px;
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e203";
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub.p-active .p-second-sub-items {
max-height: 2000px;
-webkit-transition: max-height 0.5s ease-in;
transition: max-height 0.5s ease-in;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub.p-active .p-title-second-level a {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub.p-active .p-title-second-level a:after {
content: "\e200";
font-weight: bold;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items {
width: 100%;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li {
border-top: 0px solid #7d0063;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li a {
color: #2f2f2f;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li a:hover {
color: #7d0063;
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li a:after {
top: 9px;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li a span {
background: #ffffff;
height: 36px;
padding-left: 34px;
font-size: 14px;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level a:hover {
color: #2f2f2f;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level a span {
padding-left: 16px;
height: 46px;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level a:after {
display: none;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level.p-inactive-link {
background-color: #ffffff;
height: 32px;
padding-left: 16px;
padding-top: 14px;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level.p-inactive-link span {
font-size: 14px;
}
.p-n02v2-main-navigation .p-sub-items li.p-extra-sub .p-second-sub-items li.p-title-third-level.p-active-link a:after {
display: block;
font-weight: bold;
}
.p-n02v2-main-navigation .p-sub-items li.p-more {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-items li.p-more:after {
display: none;
}
.p-n02v2-main-navigation .p-sub-items li.p-more .p-second-sub-items .p-main-item {
background: none;
}
.p-n02v2-main-navigation .p-sub-items li.p-more .p-second-sub-items a span {
background: #ffffff;
color: #000000;
}
.p-n02v2-main-navigation .p-sub-items li.p-more .p-second-sub-items.p-active {
display: block;
}
.p-n02v2-main-navigation .p-sub-items li a {
display: table;
width: 100%;
color: #ffffff;
}
.p-n02v2-main-navigation .p-sub-items li a span {
display: table-cell;
vertical-align: middle;
background: #8642b0;
width: 100%;
padding-left: 16px;
padding-right: 15px;
height: 46px;
padding-top: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sub-items li a span.p-active {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-items.p-active {
max-height: 2000px;
}
.p-n02v2-main-navigation .search.se01b-search {
padding-left: 15px;
}
.p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box .p-reset {
display: none !important;
}
.p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box input:focus {
font-size: 16px;
}
.p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box .p-form input[type="text"] {
height: 30px;
}
.p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box .p-search-form .p-icon-search {
top: 5px;
}
.p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box .p-search-form .p-icon-search:after {
font-size: 18px;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search {
position: absolute;
right: 0;
max-width: 100%;
background: none;
display: block;
width: 100%;
top: 5px;
margin-top: 3px;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-close {
display: block;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .se01b-search .p-row-gutter {
padding: 0;
}
.p-n02v2-main-navigation .p-logo-partner {
display: none;
}
.p-n02v2-main-navigation .p-partner-img-small {
float: right;
width: auto;
}
.p-n02v2-main-navigation .p-partner-img-small img {
max-width: 120px;
max-height: 28px;
}
.p-n02v2-main-navigation .p-shape {
width: 100%;
height: 74px;
background-color: #7d0063;
background-repeat: repeat-x;
background: -webkit-linear-gradient(125deg, #000000 0%, #42145f 60%, #7d0063 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(125deg, #000000 0%, #42145f 60%, #7d0063 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff7d0063', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff7d0063', GradientType=0);
box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.3);
}
.p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
height: 90px;
/*Need to use mixin. Current mixin supports only 3 color variations.*/
background: linear-gradient(35deg, #000000 0, #42145f 15%, #7d0063 35%, #ffffff 60%);
}
[dir=rtl] .p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
background: linear-gradient(-35deg, #000000 0, #42145f 15%, #7d0063 35%, #ffffff 60%);
}
.p-n02v2-main-navigation .p-shape.p-brand-logo-2016 .p-bottom {
margin-top: 0;
}
.p-n02v2-main-navigation .p-shape.p-brand-logo-2016 .p-brand-category .p-content-middle {
line-height: 45px;
}
.p-n02v2-main-navigation .p-shape .p-logo-default img {
width: auto;
height: 19px;
padding-left: 13px;
padding-top: 14px;
}
.p-n02v2-main-navigation .p-shape .p-custom-logo img {
max-height: 45px;
}
.p-n02v2-main-navigation .p-shape .p-top {
height: 45px;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
background: #ffffff;
border-bottom-right-radius: 20px;
}
.p-n02v2-main-navigation .p-shape .p-bottom {
margin-top: 7px;
}
.p-n02v2-main-navigation .p-shape .p-brand-category .p-content-middle {
vertical-align: top;
font-size: 12px;
line-height: 15px;
padding: 0px 15px 0px 15px;
color: #ffffff;
}
.p-n02v2-main-navigation .p-shape .p-brand-category .p-content-middle .p-content-inner {
display: inline-block;
}
.p-n02v2-main-navigation .p-shape .p-brand-category .p-content-middle .p-content-inner span {
font-size: 14px;
}
.p-n02v2-main-navigation .p-shape .p-brand-category:hover {
text-decoration: none;
}
.p-n02v2-main-navigation .p-shape .p-brand-label {
display: none;
}
.p-n02v2-main-navigation .p-main-navigation .p-main-links {
display: none;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links {
float: right;
height: 45px;
padding-top: 0;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-container {
display: inline;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-shoppingcart,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-magnifier,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-myphilips,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-hamburger {
height: 25px;
padding: 10px 7px 10px 7px;
margin-left: 0;
vertical-align: top;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-header-icons {
display: none;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-magnifier,
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-hamburger {
padding: 11px 7px 9px 7px;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-icon-hamburger {
cursor: pointer;
margin-right: 14px;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links span:after {
font-size: 18px;
color: #3c3c3c;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-counter {
left: -5px;
top: 0;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon {
padding: 11px 5px 10px 5px;
margin-right: 4px;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon a i {
font-size: 18px;
}
.p-n02v2-main-navigation .p-main-navigation .p-quick-links .p-gc23v2-icon a i:after {
color: #3c3c3c;
}
.p-n02v2-main-navigation .p-navigation {
position: absolute;
top: 0;
right: 0;
width: auto;
}
.p-n02v2-main-navigation .p-icon-myphilips {
display: inline-block;
}
.p-n02v2-main-navigation .p-mobile-nav {
display: block;
position: relative;
top: 5px;
right: 0;
height: 14px;
width: 18px;
border-top: 2px solid #3c3c3c;
cursor: pointer;
}
.p-n02v2-main-navigation .p-mobile-nav:before,
.p-n02v2-main-navigation .p-mobile-nav:after {
content: '';
display: block;
position: absolute;
top: 8px;
right: 0px;
left: 0px;
height: 3px;
border-top: 2px solid #3c3c3c;
}
.p-n02v2-main-navigation .p-mobile-nav:after {
top: 3px;
}
html.p-show-sidebar-header {
overflow: hidden;
}
html.p-show-sidebar-header body {
position: fixed;
overflow: hidden;
width: 100%;
}
.p-n02v2-main-navigation .p-sidebar.p-show-header {
height: 100%;
}
.p-n02v2-main-navigation .p-top.p-show-header,
.p-n02v2-main-navigation .p-bottom.p-show-header {
position: relative;
width: 100%;
}
.p-n02v2-main-navigation .p-top.p-show-header {
z-index: 9;
}
.p-n02v2-main-navigation .p-bottom.p-show-header {
z-index: 1;
}
.p-n02v2-main-navigation .p-icon-hamburger.p-show-header {
position: fixed;
right: 0;
z-index: 1000;
height: 45px;
width: 30px;
}
.p-n02v2-main-navigation .p-icon-hamburger.p-show-header .p-mobile-nav {
border-top: 0;
top: -7px;
height: auto;
}
.p-n02v2-main-navigation .p-icon-hamburger.p-show-header .p-mobile-nav:before,
.p-n02v2-main-navigation .p-icon-hamburger.p-show-header .p-mobile-nav:after {
border-top: 0;
height: auto;
font-size: 14px;
}
.p-n02v2-main-navigation .p-icon-hamburger.p-show-header .p-mobile-nav:before {
font-family: 'philips-global-icon-font';
content: '\e20f';
left: 7px;
top: -2px;
width: 30px;
height: 35px;
text-align: center;
padding-top: 10px;
}
.p-inverted .p-n02v2-main-navigation .p-sidebar .p-nav-wrapper {
background-color: #6e219e;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #160720 0%, #42145f 50%, #6e219e 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #160720 0%, #42145f 50%, #6e219e 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff160720', endColorstr='#ff6e219e', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff160720', endColorstr='#ff6e219e', GradientType=0);
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-top-menu .p-search-bar span:after {
color: #42145f;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-top-menu .p-icons span:after,
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-top-menu .p-icons .p-gc23v2-icon i:after {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-toggle-menu {
border-bottom: 1px solid #003478;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-toggle-menu .p-multi-language .p-language {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-toggle-menu.p-active .p-title span:before {
color: #b1c6e5;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-title.p-more-link.p-active-nav span {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-title.p-more-link span {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-title.p-more-link:after {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-title span {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items:before {
border-top: 1px solid #b4b5b8;
border-bottom: 1px solid #cccdd2;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li {
border-top: 1px solid #d4d8dc;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li.p-extra-sub .p-title-second-level a:after {
color: #414141;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li.p-more a span {
background: #7ba4d9;
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li.p-more .p-second-sub-items a span {
background: #ffffff;
color: #000000;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li a {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-category-nav .p-sub-items li a span {
background: #ffffff;
}
}
@media screen and (max-width: 450px) {
.p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
background: linear-gradient(35deg, #000000 0, #42145f 15%, #7d0063 25%, #ffffff 45%);
}
[dir=rtl] .p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
background: linear-gradient(-35deg, #000000 0, #42145f 15%, #7d0063 25%, #ffffff 45%);
}
}
@media screen and (max-width: 700px) {
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-se01b-search-box .p-se15-search-box .p-search-form {
max-width: 100%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
background: linear-gradient(35deg, #000000 0, #42145f 30%, #7d0063 50%, #ffffff 70%);
}
[dir=rtl] .p-n02v2-main-navigation .p-shape.p-brand-logo-2016 {
background: linear-gradient(-35deg, #000000 0, #42145f 15%, #7d0063 25%, #ffffff 45%);
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search {
max-width: 431px;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .search section.p-se01b-search-box .p-se15-search-box .p-search-form {
max-width: 369px;
}
}
@media screen and (min-width: 961px) {
.p-n02v2-header {
position: relative;
height: 0;
}
.p-n02v2-main-navigation {
position: relative;
}
.p-n02v2-main-navigation a {
color: #3c3c3c;
}
.p-n02v2-main-navigation a:hover {
text-decoration: none;
color: #000000;
}
.p-n02v2-main-navigation .p-main-navigation .p-multi-language-desktop .p-language {
font-size: 14px;
padding-right: 10px;
}
.p-n02v2-main-navigation .p-main-navigation .p-multi-language-desktop .p-language:before {
top: 0;
}
.p-n02v2-main-navigation .p-main-navigation .p-multi-language-desktop .p-language span {
margin-left: 10px;
}
.p-n02v2-main-navigation .p-quick-links .p-gc23v2-icon {
margin-right: 0;
margin-left: 12px;
}
.p-n02v2-main-navigation .p-quick-links .p-gc23v2-icon i:after {
color: #ffffff;
}
.p-n02v2-main-navigation .p-quick-links span {
margin-left: 13px;
}
.p-n02v2-main-navigation .p-quick-links span.p-icon-magnifier {
margin-left: 10px;
}
.p-n02v2-main-navigation .p-quick-links span:before {
bottom: 0;
left: auto;
}
.p-n02v2-main-navigation .p-quick-links span:after {
color: #ffffff;
font-size: 18px;
}
.p-n02v2-main-navigation .p-n04v2-breadcrumb {
z-index: -1;
margin-left: 0;
}
.p-n02v2-main-navigation .p-shadow-background {
display: block;
position: absolute;
width: 100%;
z-index: 0;
height: 160px;
left: 0px;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0, 0, 0, 0)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#00000000', GradientType=0);
}
.p-n02v2-main-navigation .p-shadow-background.p-expanded-shadow {
height: 190px;
}
.p-n02v2-main-navigation .p-top-bar {
position: relative;
z-index: 20;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-top-bar .p-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
line-height: 16px;
display: table;
width: 100%;
}
.p-n02v2-main-navigation .p-partner-img-small {
display: none;
}
.p-n02v2-main-navigation .p-logo-partner {
display: block;
position: absolute;
z-index: 1;
top: 60px;
}
.p-n02v2-main-navigation .p-logo-partner svg {
width: 140px;
height: 85px;
}
.p-n02v2-main-navigation .p-logo-partner path {
fill: #ffffff;
}
.p-n02v2-main-navigation .p-logo-partner .p-partner-img {
display: block;
margin-top: -48px;
margin-left: 10px;
position: relative;
}
.p-n02v2-main-navigation .p-logo-partner .p-partner-img img {
max-width: 100%;
}
.p-n02v2-main-navigation .p-shape-wrapper {
padding-right: 30px;
display: table-cell;
position: relative;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape {
position: relative;
color: #ffffff;
width: 140px;
box-shadow: 0px 3px 14px 1px rgba(0, 0, 0, 0.6);
overflow: hidden;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand {
position: relative;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand-label {
margin-top: 4px;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand-category {
padding-top: 0;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-brand-logo-2016.p-collapse .p-brand-label {
padding-top: 52px;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand {
display: block;
position: absolute;
z-index: 1;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand .p-custom-logo img {
max-height: 99px;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand .p-logo-default {
width: 140px;
height: 88px;
background: #ffffff;
border-bottom-right-radius: 30px;
box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.4);
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand .p-logo-default img {
width: 120px;
padding-top: 30px;
padding-left: 10px;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category {
display: table;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
word-break: break-word;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle {
position: relative;
display: table-cell;
color: #ffffff;
vertical-align: middle;
height: 41px;
padding: 6px 13px 6px 13px;
font-size: 14px;
line-height: 18px;
}
.test-no-touch .p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle .p-content-inner,
.test-no-touch .p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle .p-content-inner {
visibility: hidden;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle .p-content-inner,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle .p-content-inner {
word-break: break-word;
-ms-word-break: break-word;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle .p-content-inner.p-default,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle .p-content-inner.p-default {
font-size: 17px;
visibility: visible;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle .p-content-inner.p-very-short,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle .p-content-inner.p-very-short {
font-size: 21px;
visibility: visible;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label .p-content-middle .p-content-inner.p-long,
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category .p-content-middle .p-content-inner.p-long {
font-size: 14px;
line-height: 18px;
visibility: visible;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-label {
-webkit-transition: padding-top 500ms ease-out;
transition: padding-top 500ms ease-out;
width: 100%;
background: #7d0063;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape .p-brand-category {
display: table;
width: 100%;
padding-top: 34px;
-webkit-transition: padding-top 195ms ease-out;
transition: padding-top 195ms ease-out;
background-color: #7d0063;
background-repeat: repeat-x;
background: -webkit-linear-gradient(125deg, #000000 0%, #42145f 60%, #7d0063 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(125deg, #000000 0%, #42145f 60%, #7d0063 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff7d0063', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff7d0063', GradientType=0);
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-collapse .p-brand-label {
padding-top: 87px;
}
.p-n02v2-main-navigation .p-shape-wrapper .p-shape.p-collapse .p-brand-category {
padding-top: 0px;
}
.p-n02v2-main-navigation .p-n02v2-navigation {
position: relative;
z-index: 10;
display: table-cell;
vertical-align: top;
margin-left: 0;
width: 100%;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation {
display: table;
width: 100%;
position: relative;
font-size: 13px;
height: 48px;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation:after {
content: '';
position: absolute;
background: #ffffff;
width: 100%;
left: 0px;
bottom: 0px;
height: 1px;
-moz-opacity: 0.2;
-khtml-opacity: 0.2;
-webkit-opacity: 0.2;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
filter: alpha(opacity=20);
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation.p-disable-border:after {
display: none;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links {
position: relative;
display: table-cell;
padding-left: 15px;
padding-top: 30px;
vertical-align: middle;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links .p-main-links-right,
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links .p-main-links-left {
display: table;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links .p-main-links-right {
float: right;
text-align: right;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li {
position: relative;
display: table-cell;
height: 100%;
color: #ffffff;
cursor: pointer;
vertical-align: middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 13px;
line-height: 18px;
padding-bottom: 14px;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li.p-active {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li:hover {
cursor: pointer;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li span {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li span a {
color: #ffffff;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li span .p-icon:after {
font-size: 8px;
font-weight: bold;
padding-left: 5px;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li.p-main-navigation-contextual {
white-space: nowrap;
}
.p-n02v2-main-navigation .p-n02v2-navigation .p-main-navigation .p-main-links li .p-arrow-down {
margin-left: 3px;
}
.p-n02v2-main-navigation .p-padding {
display: table-cell;
height: 100%;
cursor: default;
min-width: 20px;
width: 40px;
}
.p-n02v2-main-navigation .p-padding.reduced {
width: 20px;
min-width: 0px;
}
.p-n02v2-main-navigation .p-open:before,
.p-n02v2-main-navigation .p-current:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #f1edf3;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
content: '';
position: absolute;
display: block;
}
.p-n02v2-main-navigation .p-current {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-current:before {
bottom: 1px;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.p-n02v2-main-navigation .p-open:before {
bottom: 0;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n02v2-main-navigation a:hover {
text-decoration: none;
}
.p-n02v2-main-navigation .p-quick-link-flyout {
position: absolute;
right: 0px;
background: #ffffff;
min-width: 224px;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search {
margin-top: -42px;
top: auto;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
max-width: 385px;
background: none;
display: block;
width: 100%;
}
.p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-close {
display: none;
}
.p-n02v2-main-navigation .p-quick-link-flyout a {
color: #7d0063;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-link-more:hover {
text-decoration: underline;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-button {
font-size: 13px;
width: 100%;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-intro,
.p-n02v2-main-navigation .p-quick-link-flyout .p-quicklink-links {
padding: 14px 16px 15px 16px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-intro {
margin-top: 16px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-action {
background: #f1edf3;
padding: 14px 16px 16px 16px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-quicklink-link {
display: block;
font-size: 12px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results {
display: block;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results li {
padding-top: 6.5px;
padding-bottom: 4.5px;
padding-left: 15px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results li:hover {
background-color: #ecd9e8;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results a {
color: #3c3c3c;
line-height: 14px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results .p-image {
display: table-cell;
height: 60px;
width: 60px;
margin-top: -2.5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results .p-image img {
width: 36px;
height: 36px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results .p-content {
display: table-cell;
vertical-align: top;
padding-left: 18px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results .p-title-result {
color: #aaaaaa;
margin-top: 5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-recommended-results .p-subtitle {
display: block;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms {
padding-bottom: 2px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms li {
position: relative;
height: 34px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms li a {
display: block;
color: #3c3c3c;
outline: none;
padding: 10px 0px 10px 16px;
line-height: 14px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms li a span {
margin-right: 5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms li a span:after {
color: #dfbfd8;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-search-terms li:hover {
background-color: #ecd9e8;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-social-media {
margin-top: 10px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-account {
display: block;
width: 190px;
margin-top: 5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-login {
margin-top: 5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-remember {
margin-top: 14px;
margin-bottom: 10px;
display: table;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-remember .p-remember-me {
display: table-cell;
vertical-align: middle;
padding-left: 5px;
padding-bottom: 1px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-button {
width: 100%;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-tw,
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-fb {
display: inline-block;
width: 93px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 28px;
position: relative;
font-size: 12px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-fb {
background-color: #7d0063;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-fb:after {
content: '';
width: 17px;
height: 21px;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/css-2/fixtures/images/n02-main-navigation/facebook-icon.png');
position: absolute;
left: 3px;
top: 1px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-tw {
margin-left: 2px;
background-color: #7d0063;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-tw:after {
content: '';
width: 14px;
height: 14px;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/css-2/fixtures/images/n02-main-navigation/twitter-icon.png');
position: absolute;
left: 6px;
top: 5px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-intro {
font-size: 17px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-cart-table {
width: 100%;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-cart-table td {
padding-bottom: 6px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-cart-table .p-amount {
text-align: right;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-cart-table .p-bold td {
padding-bottom: 0px;
}
.p-n02v2-main-navigation .p-quick-link-flyout .p-shopping-cart .p-button {
width: 100%;
margin-bottom: 8px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper {
position: absolute;
width: 100%;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper.p-single-column {
width: auto;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper.p-single-column .p-sub-navigation-wrapper {
background: #ffffff;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper.p-single-column .p-sub-navigation-wrapper .p-sub-navigation .p-sub-nav-list {
height: auto;
padding-right: 20px;
padding-left: 20px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper.p-single-column .p-sub-navigation-wrapper .p-sub-navigation .p-sub-nav-list li {
display: block;
margin: 20px 0px 20px 0px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper.p-single-column .p-sub-navigation-wrapper .p-sub-navigation .p-sub-nav-list li a {
display: block;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper {
position: relative;
background: rgba(245, 244, 244, 0.9);
overflow: hidden;
z-index: 0;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-prev,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-next {
font-family: inherit;
position: absolute;
background: #f5f4f4;
cursor: pointer;
top: 0px;
height: 100%;
border-bottom: 1px solid #cccccc;
padding: 0px 10px 0px 10px;
font-size: 20px;
line-height: 20px;
align-items: center;
color: #7ba4d9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-prev.p-active,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-next.p-active {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-prev {
left: 0px;
border-right: 1px solid #cccccc;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation-wrapper .p-nav-next {
right: 0px;
border-left: 1px solid #cccccc;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list {
position: relative;
width: 100%;
height: 46px;
font-size: 0px;
padding-left: 16px;
border-bottom: 1px solid #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list.p-show {
display: table;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list li {
display: table-cell;
vertical-align: middle;
height: 100%;
max-width: 175px;
position: relative;
font-size: 13px;
line-height: 14px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list li.p-current {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list li.p-open:before {
position: absolute;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
bottom: -6px;
left: 0;
z-index: 1;
width: 7px;
height: 7px;
border: 1px solid #cccccc;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #ffffff;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list li a {
color: #003478;
display: table-cell;
min-width: 80px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-list li a:hover {
color: #003478;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list {
list-style-type: none;
padding-left: 0;
height: 112px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li {
font-size: 13px;
line-height: 14px;
height: 100%;
min-width: 107px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li:not(:last-child) {
border-right: 1px solid #cccccc;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li .p-sub-nav-product-list-item {
position: relative;
display: table;
width: 100%;
min-width: inherit;
height: 112px;
padding: 60px 5px 5px 5px;
box-sizing: border-box;
vertical-align: middle;
text-align: center!important;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li .p-group-icon {
display: block;
position: absolute;
left: 50%;
top: 15px;
margin-left: -22px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li .p-group-icon i {
color: #7ba4d9;
font-size: 39px;
line-height: 39px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li .p-group-name {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li.p-active,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li a:hover {
background: #ffffff;
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li.p-active .p-group-icon i,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li a:hover .p-group-icon i {
color: inherit;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-sub-navigation .p-sub-nav-product-list li.p-open:before {
right: auto!important;
left: 50%!important;
margin-left: -8px !important;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper {
font-size: 0px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-three-column .p-column {
width: 33.3334%;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-two-column .p-column {
width: 50%;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column {
width: 25%;
display: inline-block;
vertical-align: top;
position: relative;
height: 100%;
min-width: 190px;
padding: 18px 16px 20px 16px;
font-size: 12px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column:not(:last-of-type):after {
content: '';
height: 1000px;
width: 1px;
background: black;
position: absolute;
top: 0;
right: 0;
background-color: #e0e0e0;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column.p-no-title {
padding-top: 40px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column.p-no-border:after {
width: 0;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column .p-title {
margin-bottom: 15px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column .p-item-no-image {
margin-top: 0px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column .p-item {
width: 100%;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column .p-item .p-picture img {
width: 40px;
height: 40px;
object-fit: cover;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column .p-item .p-item-color {
color: #7d0063;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column ul li {
display: table;
margin-top: 10px;
height: 40px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column ul li:first-of-type {
margin-top: 0px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column ul li .p-image {
display: table-cell;
height: 40px;
width: 40px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column ul li .p-item-title {
display: table-cell;
vertical-align: middle;
padding-left: 12px;
word-break: break-word;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column ul li .p-item-title-position {
padding: 0px 0px 0px 0px;
height: 40px;
vertical-align: top;
word-break: break-word;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-column-li {
height: auto;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout {
background: #ffffff;
position: relative;
z-index: 1;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
overflow: hidden;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout.p-show {
display: block;
}
.p-n02v2-main-navigation .p-icons {
display: none;
}
.p-n02v2-main-navigation.p-search-expanded .p-quick-links .p-icon-magnifier {
display: none;
}
.p-n02v2-main-navigation.p-search-expanded .p-quick-link-flyout.p-show-search {
margin-top: 10px;
}
.p-n02v2-main-navigation.p-search-expanded .p-n04v2-breadcrumb {
display: none;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-n02v2-main-navigation .p-flyout-wrapper .p-column .p-title {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation a {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation a:hover {
color: #000000;
}
.p-inverted .p-n02v2-main-navigation .p-shadow-background {
background-color: rgba(255, 255, 255, 0);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0.8)', endColorstr='rgba(255, 255, 255, 0)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccffffff', endColorstr='#00ffffff', GradientType=0);
}
.p-inverted .p-n02v2-main-navigation .p-shape {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-shape a {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-shape .p-brand-label .p-content-middle,
.p-inverted .p-n02v2-main-navigation .p-shape .p-brand-category .p-content-middle {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-multi-language .p-language {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-main-navigation:after {
background: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-main-navigation .p-main-links li {
color: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-main-navigation .p-main-links li span,
.p-inverted .p-n02v2-main-navigation .p-main-navigation .p-main-links li span a {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-main-navigation .p-quick-links span:after {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout {
background: #ffffff;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout .p-close {
color: #7d0063;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout a {
color: #7d0063;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout .p-action {
background: #f1edf3;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-icon-magnifier:after {
color: #7d0063;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-search-on-masthead .p-icon-magnifier:after {
color: inherit;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout.p-show-search .p-search-box:focus {
background: transparent;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-fb {
background-color: #3c599d;
}
.p-inverted .p-n02v2-main-navigation .p-quick-link-flyout .p-social .p-tw {
background-color: #00abf0;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded {
background: #ffffff;
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-title-terms {
color: #aaaaaa;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded hr {
background-color: #cccccc;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-title-results {
color: #aaaaaa;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-recommended-results li:hover {
background-color: #ecd9e8;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-recommended-results a {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-recommended-results .p-title-result {
color: #7d0063;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-search-terms li a {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-search-terms li a span:after {
color: #b2dbed;
}
.p-inverted .p-n02v2-main-navigation .p-search-expanded .p-search-terms li:hover {
background-color: #d9edf6;
}
.p-inverted .p-n02v2-main-navigation .p-open:before,
.p-inverted .p-n02v2-main-navigation .p-current:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #666666;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
content: '';
position: absolute;
display: block;
bottom: 1px;
}
.p-inverted .p-n02v2-main-navigation .p-mobile-nav,
.p-inverted .p-n02v2-main-navigation .p-icon-magnifier,
.p-inverted .p-n02v2-main-navigation .p-icon-myphilips {
color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-mobile-nav {
border-top-color: #3c3c3c;
}
.p-inverted .p-n02v2-main-navigation .p-mobile-nav:before,
.p-inverted .p-n02v2-main-navigation .p-mobile-nav:after {
border-top-color: #3c3c3c;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.test-touch .p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box input,
.test-touch .p-n02v2-main-navigation .search .p-se01b-search-box .p-se15-search-box input:focus {
font-size: 16px;
}
}
/*
Local variables
---------------------------*/
/*
Mixins
---------------------------*/
/*
Position of the header
---------------------------*/
.genericheaderpagev2,
.genericheaderpage {
position: relative;
width: 100%;
z-index: 5998;
}
.genericheaderpagev2 > div.n02v2-header,
.genericheaderpage > div.n02v2-header {
position: absolute;
width: 100%;
}
.p-show-sidebar-header .genericheaderpagev2,
.p-show-sidebar-header .genericheaderpage {
z-index: 6007;
}
.p-header-height {
height: 113px;
}
.p-header--extra-height .p-header__target {
height: 109px;
}
/*
Breakpoints
---------------------------*/
/* ----- */
@media print, screen and (min-width: 451px) {
.p-header-height {
height: 116px;
}
.p-header--extra-height .p-header__target {
height: 109px;
}
}
@media screen and (min-width: 701px) {
.p-header-height {
height: 116px;
}
.p-header--extra-height .p-header__target {
height: 109px;
}
}
@media screen and (min-width: 961px) {
.p-header-height {
height: 140px;
}
.p-header--extra-height .p-header__target {
height: 174px;
}
.genericheaderpagev2 .p-n02v2-main-navigation .p-shadow-background,
.genericheaderpage .p-n02v2-main-navigation .p-shadow-background {
height: 140px;
}
.genericheaderpagev2 .p-n02v2-main-navigation .p-shadow-background.p-expanded-shadow,
.genericheaderpage .p-n02v2-main-navigation .p-shadow-background.p-expanded-shadow {
height: 170px;
}
}
@media screen and (max-width: 960px) {
:lang(ja).productdetailspage .p-header--extra-height .p-header__target {
height: 74px;
}
}
.p-n02v2-header-login .p-header-avatar-icon {
display: table;
height: 100%;
position: relative;
}
.p-n02v2-header-login .p-header-avatar-icon .p-avatar-icon-container {
display: table-cell;
vertical-align: middle;
}
.p-n02v2-header-login .p-header-avatar-icon .p-flyout-arrow {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5px solid #ffffff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 0;
border-width: 7px;
margin-top: -5px;
width: 1px;
right: 3px;
position: absolute;
top: 100%;
display: none;
}
.p-n02v2-header-login .p-header-avatar-icon .p-avatar-profile-pic {
max-width: 20px;
max-height: 20px;
margin-left: 10px;
display: none;
}
.p-n02v2-header-login .p-header-avatar-icon .p-icon-myphilips {
display: none;
margin-left: 0px;
}
.p-n02v2-header-login .p-header-avatar-icon .p-icon-myphilips.p-icon-opacity {
opacity: 1;
}
.p-n02v2-header-login .p-header-avatar-icon .p-show-avatar {
display: inline;
}
.p-n02v2-header-login-mobile-flyout {
top: 0;
position: fixed;
overflow: hidden;
display: none;
height: 0%;
width: 100%;
background-color: #4e1870;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #36104e 0%, #42145f 50%, #4e1870 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #36104e 0%, #42145f 50%, #4e1870 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff36104e', endColorstr='#ff4e1870', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff36104e', endColorstr='#ff4e1870', GradientType=0);
}
.p-n02v2-header-login-mobile-flyout .p-header-logo-mobile {
height: 280px;
text-align: center;
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n02v2-header/philips-footer-logo.png') no-repeat center;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-divider-container {
margin-top: 36px;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-divider-container .p-flyout-divider {
display: block;
border-top: 1px solid #003478;
}
.p-n02v2-header-login-mobile-flyout .p-default-profile-image {
min-height: 80px;
}
.p-n02v2-header-login-mobile-flyout .p-profile-image {
padding-top: 56px;
padding-left: 10px;
}
.p-n02v2-header-login-mobile-flyout .p-profile-txt-container {
padding-top: 56px;
}
.p-n02v2-header-login-mobile-flyout .p-profile-welcome-txt,
.p-n02v2-header-login-mobile-flyout .p-profile-name {
color: #ffffff;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links {
padding-left: 10px;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-header-logout,
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-view-profile {
cursor: pointer;
color: #ffffff;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-header-logout:hover,
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-view-profile:hover {
color: #ffffff;
}
.p-n02v2-header-login-desktop-flyout {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
padding: 10px 10px 10px 10px;
position: absolute;
display: none;
height: auto;
right: 0px;
background: #ffffff;
width: 200px;
border: 10px solid #ffffff #7d0063;
}
.p-n02v2-header-login-desktop-flyout .p-default-profile-image {
min-height: 55px;
}
.p-n02v2-header-login-desktop-flyout .p-flyout-divider-container {
display: none;
}
.p-n02v2-header-login-desktop-flyout .p-header-logout,
.p-n02v2-header-login-desktop-flyout .p-view-profile {
text-align: left;
color: #0066a1;
}
.p-n02v2-header-login-desktop-flyout .p-header-logout:hover,
.p-n02v2-header-login-desktop-flyout .p-view-profile:hover {
color: #0066a1;
}
.p-n02v2-header-login-desktop-flyout .p-header-logout .p-link-more:after,
.p-n02v2-header-login-desktop-flyout .p-view-profile .p-link-more:after {
color: #0066a1;
overflow: visible;
}
.p-n02v2-header-login-mobile-flyout,
.p-n02v2-header-login-desktop-flyout {
z-index: 4;
}
.p-n02v2-header-login-mobile-flyout .p-profile-image,
.p-n02v2-header-login-desktop-flyout .p-profile-image {
max-width: 80px;
float: left;
}
.p-n02v2-header-login-mobile-flyout .p-profile-image img,
.p-n02v2-header-login-desktop-flyout .p-profile-image img {
max-height: 100px;
border: 1px solid #ffffff;
}
.p-n02v2-header-login-mobile-flyout .p-profile-image .p-default-profile-image,
.p-n02v2-header-login-desktop-flyout .p-profile-image .p-default-profile-image {
background: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n02v2-header/n02v2-default-profile-picture.png') no-repeat center;
background-size: contain;
}
.p-n02v2-header-login-mobile-flyout .p-profile-name,
.p-n02v2-header-login-desktop-flyout .p-profile-name {
font-weight: bold;
}
.p-n02v2-header-login-mobile-flyout .p-profile-welcome-txt,
.p-n02v2-header-login-desktop-flyout .p-profile-welcome-txt,
.p-n02v2-header-login-mobile-flyout .p-profile-name,
.p-n02v2-header-login-desktop-flyout .p-profile-name {
float: left;
width: 100%;
padding-left: 10px;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links,
.p-n02v2-header-login-desktop-flyout .p-flyout-links {
margin-top: 30px;
text-align: left;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-view-profile-container,
.p-n02v2-header-login-desktop-flyout .p-flyout-links .p-view-profile-container {
display: block;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-view-profile-container .p-view-profile,
.p-n02v2-header-login-desktop-flyout .p-flyout-links .p-view-profile-container .p-view-profile {
display: inline-block;
margin-bottom: 10px;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-header-logout,
.p-n02v2-header-login-desktop-flyout .p-flyout-links .p-header-logout {
display: inline-block;
}
.p-n02v2-header-login-mobile-flyout .p-flyout-links .p-header-logout .logout,
.p-n02v2-header-login-desktop-flyout .p-flyout-links .p-header-logout .logout {
cursor: pointer;
}
/*
Min width 0 - Max width 960
---------------------------*/
/*
Min width 961
---------------------------*/
@media screen and (max-width: 960px) {
.p-n02v2-main-navigation .p-sidebar.p-contextual-hidden.p-contextual-no-overflow .p-nav-wrapper,
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible.p-contextual-no-overflow .p-nav-wrapper,
.p-n02v2-main-navigation .p-sidebar.p-contextual-hidden.p-contextual-no-overflow .p-nav-contextual-wrapper,
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible.p-contextual-no-overflow .p-nav-contextual-wrapper {
overflow-y: hidden;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-hidden .p-nav-wrapper {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-hidden .p-nav-contextual-wrapper {
position: absolute;
width: 100%;
height: 100%;
left: 100%;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-wrapper {
position: absolute;
width: 100%;
height: 100%;
left: -100%;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-contextual-wrapper {
position: absolute;
width: 100%;
height: 100%;
left: 0px;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
background: #7d0063;
color: #ffffff;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-contextual-title {
color: #ffffff;
margin-top: 45px;
margin-bottom: 0px;
padding: 30px 20px 20px 20px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-contextual > li {
margin-bottom: 0px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-toggle {
color: #ffffff;
display: table;
height: 44px;
width: 100%;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-toggle.p-nav-toggle-opt {
position: relative;
background: #9e1281;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-toggle.p-nav-toggle-opt:after {
display: block;
position: absolute;
top: 10px;
right: 16px;
font-size: 12px;
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e203";
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-toggle span {
display: table-cell;
vertical-align: middle;
padding: 0px 20px 0px 20px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-contextual-pdp-title {
padding: 0px 20px 0px 20px;
margin-top: 24px;
margin-bottom: 2px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-nav-contextual-pdp-ctn {
padding: 0px 20px 0px 20px;
margin-bottom: 22px;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-logo-mobile {
width: 100%;
height: 154px;
text-align: center;
}
.p-n02v2-main-navigation .p-sidebar.p-contextual-visible .p-logo-mobile img {
width: 50px;
margin-top: 45px;
}
.p-n02v2-main-navigation .p-nav-contextual-banner {
position: relative;
min-height: 105px;
max-width: 700px;
}
.p-n02v2-main-navigation .p-nav-contextual-banner img {
position: absolute;
height: 100%;
}
.p-n02v2-main-navigation .p-nav-contextual-banner .p-text-wrapper {
display: block;
position: relative;
}
.p-n02v2-main-navigation .p-nav-contextual-banner.p-nav-contextual-banner-left img {
right: 0px;
}
.p-n02v2-main-navigation .p-nav-contextual-banner.p-nav-contextual-banner-left .p-text-wrapper {
padding: 17px 0px 17px 20px;
text-align: left;
}
.p-n02v2-main-navigation .p-nav-contextual-banner.p-nav-contextual-banner-right img {
left: 0px;
}
.p-n02v2-main-navigation .p-nav-contextual-banner.p-nav-contextual-banner-right .p-text-wrapper {
padding: 17px 20px 17px 0px;
text-align: right;
}
}
@media screen and (min-width: 961px) {
.p-n02v2-main-navigation .p-n02v2-navigation.p-n02v2-contextual-desktop .p-main-navigation:after {
height: 0px;
}
.p-n02v2-main-navigation .p-n02v2-navigation.p-n02v2-contextual-desktop .p-current:before {
border-bottom-color: transparent;
}
.p-n02v2-main-navigation .p-n02v2-navigation.p-n02v2-contextual-desktop .p-open:before {
border-bottom-color: #ffffff;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-column:after {
width: 0px;
opacity: 0;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop a {
color: #7d0063;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-column ul li .p-item-title-position {
vertical-align: middle;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-column ul li.p-item-pdp-tab,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-column ul li.p-item-pdp-other,
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-column ul li.p-item-pdp-promotion {
height: auto;
margin-bottom: 0px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-nav-contextual-pdp-title {
color: #631d76;
font-size: 14px;
line-height: 20px;
margin-bottom: 4px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-nav-contextual-pdp-ctn {
color: #631d76;
margin-bottom: 14px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-link-more {
text-decoration: none;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .p-link-more:after {
height: 12px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .footer {
padding: 14px 20px 14px 20px;
font-size: 12px;
border-top: 1px solid #e0e0e0;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .footer .p-link-back:before {
content: "\2039";
display: inline-block;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
overflow: hidden;
font-size: 12px;
height: 12px;
margin-right: 5px;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .footer .p-link-back:before:hover {
text-decoration: none;
}
.p-n02v2-main-navigation .p-sub-nav-flyout-wrapper .p-flyout-wrapper .p-contextual-desktop .footer .p-link-back:hover {
text-decoration: none;
}
}
/*
Defaults
---------------------------*/
.p-n14-tag-list {
min-height: 49px;
}
.p-n14-tag-list:after {
content: "";
display: table;
clear: both;
}
.p-n14-tag-list h3 {
width: 100%;
}
.p-n14-tag-list .p-link-more:after {
color: #7d0063;
display: inline-block;
text-decration: none;
}
.p-n14-tag-list.vertical {
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
.p-n14-tag-list.vertical li {
float: left;
}
.p-n14-tag-list.vertical li a {
border-bottom: 1px solid #ccced8;
width: 100%;
padding-top: 5px;
padding-bottom: 6px;
}
.p-n14-tag-list.vertical li:first-child a,
.p-n14-tag-list.vertical li.p-f-child a {
border-top: 1px solid #ccced8;
}
.p-n14-tag-list.horizontal {
text-align: center;
}
.p-n14-tag-list.horizontal ul.p-grid {
margin-left: 0;
}
.p-n14-tag-list.horizontal li {
width: 30%;
display: inline-block;
float: left;
padding-left: 0;
}
.p-n14-tag-list.horizontal li a .p-text {
border-left: 1px solid #ccced8;
padding-left: 6px;
padding-right: 2px;
margin-bottom: 10px;
line-height: 15px;
}
.p-n14-tag-list.horizontal li a .p-image {
display: none;
}
.p-n14-tag-list.p-manual li {
width: 30%;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
margin-top: 1px;
margin-bottom: 1px;
float: left;
position: relative;
}
.p-n14-tag-list.p-manual li a {
padding-top: 1px;
padding-bottom: 1px;
font-size: 15px;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
display: inline;
float: left;
}
.p-n14-tag-list.p-manual li .p-icon {
position: absolute;
font-size: 15px;
right: 20px;
top: 19px;
}
.p-n14-tag-list.p-manual li .p-icon-arrow-right:before {
display: none;
}
.p-n14-tag-list.p-manual li a:hover {
text-decoration: underline;
}
.p-n14-tag-list.p-manual li .p-link-color {
background-color: #e0e0e0;
color: #0066a1;
}
.p-n14-tag-list.p-manual li .p-link-alternative-color {
background-color: #0066a1;
color: #e0e0e0;
}
.p-n14-tag-list.p-manual .p-separator-margin {
margin-top: 3px;
}
.p-n14-tag-list li a {
display: table;
}
.p-n14-tag-list li a .p-image {
width: 16px;
display: block;
padding-right: 10px;
float: left;
}
.p-n14-tag-list li a .p-image img {
width: 16px;
}
.p-n14-tag-list li a .p-text {
display: table-cell;
text-align: left;
vertical-align: top;
width: 100%;
}
.p-n14-tag-list li a:hover {
text-decoration: none;
}
.p-n14-tag-list li:first-child a .p-text,
.p-n14-tag-list li.p-f-child a .p-text {
border-left: 0;
}
.p-n14-tag-list.p-inverted.horizontal li a .p-text,
.p-inverted .p-n14-tag-list.horizontal li a .p-text {
border-color: #ffffff;
}
.p-n14-tag-list.p-inverted.vertical li a,
.p-inverted .p-n14-tag-list.vertical li a {
border-color: #ffffff;
}
.p-n14-tag-list.p-inverted li a,
.p-inverted .p-n14-tag-list li a {
color: inherit;
}
/*
Local variables
---------------------------*/
.p-n04v2-breadcrumb {
position: relative;
margin-left: 173px;
}
/*
Defaults
---------------------------*/
.p-n04v2-breadcrumb {
position: relative;
/*GLOBAL ACTIVE AND CURRENT CLASS*/
/*NAVIGATION START*/
/* SUBMENU navigation */
/*SUBMENU FLYOUT*/
/* ******************************************************************************************************* */
/*NAVIGATION END*/
}
.p-n04v2-breadcrumb a {
color: #3c3c3c;
}
.p-n04v2-breadcrumb a:hover {
text-decoration: none;
color: #000000;
}
.p-n04v2-breadcrumb .p-sub-nav-list div[property="name"] {
display: inline;
}
.p-n04v2-breadcrumb .p-wrapper {
position: relative;
max-width: 960px;
margin: 0 auto;
line-height: 16px;
}
.p-n04v2-breadcrumb .p-top-bar {
position: relative;
z-index: 20;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n04v2-breadcrumb .p-active:before,
.p-n04v2-breadcrumb .p-current:before {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #ffffff;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
content: '';
position: absolute;
display: block;
bottom: 1px;
-moz-opacity: 0.4;
-khtml-opacity: 0.4;
-webkit-opacity: 0.4;
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
filter: alpha(opacity=40);
}
.p-n04v2-breadcrumb .p-current {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n04v2-breadcrumb .p-active:before {
bottom: 0px;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n04v2-breadcrumb .p-navigation {
position: relative;
margin-left: 173px;
}
.p-n04v2-breadcrumb .p-padding {
display: table-cell;
height: 100%;
min-width: 20px;
width: 40px;
}
.p-n04v2-breadcrumb .p-more-prod {
color: #0066a1;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper {
position: relative;
background: #eceef5;
overflow: hidden;
z-index: 0;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb {
width: 100%;
white-space: nowrap;
background: none;
color: #ffffff;
box-shadow: none;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb .p-sub-nav-list {
height: auto;
width: auto;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb span {
display: table-cell;
height: 100%;
padding-top: 11px;
padding-bottom: 8px;
padding-right: 13px;
font-size: 13px;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb span a {
color: #ffffff;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb span.p-current-active {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb .p-arrow-right:after {
font-size: 8px;
}
.p-n04v2-breadcrumb .p-sub-navigation {
position: relative;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list {
position: relative;
width: 100%;
height: 46px;
font-size: 0px;
padding-left: 16px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list.p-show {
display: table;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list li {
display: table-cell;
vertical-align: middle;
height: 100%;
max-width: 175px;
position: relative;
text-align: center;
font-size: 13px;
line-height: 14px;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list li.p-current {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list li.p-active:before {
position: absolute;
bottom: 0px;
left: 0px;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list li a {
text-align: left;
color: #464646;
display: table-cell;
min-width: 80px;
}
.p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list li a:hover {
color: #000000;
}
.p-n04v2-breadcrumb .p-flyout-wrapper {
font-size: 0px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper.p-breadcrumb {
display: inline-block;
width: 100%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-four-column .p-column {
width: 25%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-three-column {
max-width: 591px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-three-column .p-column {
width: 33.3334%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-two-column {
max-width: 394px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-two-column .p-column {
width: 50%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-one-column {
max-width: 290px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-one-column .p-column {
width: 100%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column {
display: inline-block;
vertical-align: top;
position: relative;
height: 100%;
margin-top: 18px;
margin-bottom: 20px;
padding: 0px 16px 0px 16px;
font-size: 12px;
border-right: 1px solid #e0e0e0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column:last-of-type {
border-right: 0px solid #7d0063;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column.p-no-title {
padding-top: 31px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column .p-title {
margin-bottom: 15px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column .p-item {
width: 100%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul {
height: 100%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li {
display: table;
margin-top: 10px;
height: 40px;
width: 100%;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li:first-of-type {
margin-top: 0px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li .p-image {
display: table-cell;
height: 40px;
width: 40px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li .p-image span {
margin: 0;
padding: 0;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li .p-image img {
max-width: 40px;
min-height: 40px;
}
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column ul li .p-item-title {
display: table-cell;
vertical-align: middle;
padding-left: 14px;
max-width: 180px;
overflow: hidden;
text-overflow: ellipsis;
}
.p-n04v2-breadcrumb .p-flyout {
background: #ffffff;
position: relative;
z-index: 1;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
}
.p-n04v2-breadcrumb .p-flyout.p-show {
display: block;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb {
background: #ffffff;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.18);
font-size: 13px;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li {
display: table;
margin-top: 10px;
height: 40px;
width: 100%;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li:hover {
cursor: pointer;
color: #000000;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li:hover:before {
display: none;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li:first-of-type {
margin-top: 0px;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li .p-image {
display: table-cell;
height: 40px;
width: 40px;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li .p-image span {
margin: 0;
padding: 0;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li .p-image img {
max-width: 40px;
max-height: 40px;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb li .p-item-title {
display: table-cell;
vertical-align: middle;
width: 100%;
padding-left: 16px;
}
.p-n04v2-breadcrumb .p-flyout.p-breadcrumb.p-show {
display: inline-block;
}
/*
Min width 701 and Max Width 960
---------------------------*/
/*
Max Width 700
---------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n04v2-breadcrumb .p-flyout-wrapper .p-column.p-no-title {
padding-top: 0px;
}
}
@media screen and (max-width: 700px) {
.p-n04v2-breadcrumb {
display: none;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-n04v2-breadcrumb a {
color: #3c3c3c;
}
.p-inverted .p-n04v2-breadcrumb a:hover {
color: #000000;
}
.p-inverted .p-n04v2-breadcrumb .p-shape {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-shape a {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-shape .p-brand-label span,
.p-inverted .p-n04v2-breadcrumb .p-shape .p-brand-category span {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-shape .p-brand-label {
background-color: #78b3ff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #000000 0%, #003478 50%, #78b3ff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #000000 0%, #003478 50%, #78b3ff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff78b3ff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff78b3ff', GradientType=0);
}
.p-inverted .p-n04v2-breadcrumb .p-shape .p-brand-category {
background-color: #1c3b8b;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #02050b 0%, #0f204b 50%, #1c3b8b 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #02050b 0%, #0f204b 50%, #1c3b8b 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02050b', endColorstr='#ff1c3b8b', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff02050b', endColorstr='#ff1c3b8b', GradientType=0);
}
.p-inverted .p-n04v2-breadcrumb .p-main-navigation:after {
background: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-main-navigation ul li {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-main-navigation .p-quick-links span:hover:before,
.p-inverted .p-n04v2-breadcrumb .p-main-navigation .p-quick-links span.p-active:before {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #ffffff;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
}
.p-inverted .p-n04v2-breadcrumb .p-main-navigation .p-quick-links span:after {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-current:before {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #ffffff;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
position: absolute !important;
bottom: 0;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb {
color: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb span {
color: #3c3c3c;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper.p-breadcrumb span a {
color: #3c3c3c;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-prev,
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-next {
background: #e6e7ea;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-prev:after,
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-next:after {
color: #3c3c3c;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-prev {
border-right: 1px solid #cccccc;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation-wrapper .p-nav-next {
border-left: 1px solid #cccccc;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list .p-active:before {
position: relative;
display: inline-block;
vertical-align: middle;
content: '';
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #dddddd;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
position: absolute;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list a {
color: #464646;
}
.p-inverted .p-n04v2-breadcrumb .p-sub-navigation .p-sub-nav-list a:hover {
color: #000000;
}
.p-inverted .p-n04v2-breadcrumb .p-flyout-wrapper .p-flyout {
background: #ffffff;
}
.p-inverted .p-n04v2-breadcrumb .p-flyout-wrapper .p-flyout.p-breadcrumb {
background: #ffffff;
border: 1px solid #e0e0e0;
}
.p-inverted .p-n04v2-breadcrumb .p-flyout-wrapper .p-column {
border-right: 1px solid #e0e0e0;
}
.p-u54-eloqua-form {
margin-right: 10px;
margin-left: 0px;
}
.p-u54-eloqua-form.p-eloqua-btn-left {
text-align: left;
}
.p-u54-eloqua-form.p-eloqua-btn-center {
text-align: center;
}
.p-u54-eloqua-form.p-eloqua-btn-right {
text-align: right;
}
/*
Local variables
---------------------------*/
/*
Default
---------------------------*/
.p-u55-news-feed {
position: relative;
}
.p-u55-news-feed .p-news-feed-wrapper a:hover {
text-decoration: none;
}
.p-u55-news-feed .p-news-feed-wrapper .p-feed-date {
color: #bdbdbd;
}
.p-u55-news-feed .p-news-feed-wrapper .p-page-link {
color: #3c3c3c;
}
.p-u55-news-feed .p-news-feed-wrapper .p-title {
margin-bottom: 5px;
}
.p-u55-news-feed .p-news-feed-wrapper .p-grid-container {
padding-top: 5px;
}
.p-u55-news-feed .p-no-images .p-picture-wrapper {
display: none;
}
.p-u55-news-feed .p-no-date .p-feed-date {
display: none;
}
.p-u55-news-feed.p-masking-enabled {
opacity: 0.2;
}
.p-u55-news-feed .p-comp-masking {
position: absolute;
top: 50%;
left: 50%;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-u55-news-feed .p-news-feed-wrapper .p-feed-date,
.p-u55-news-feed.p-inverted .p-news-feed-wrapper .p-feed-date {
color: #b9bbc7;
}
.p-inverted .p-u55-news-feed .p-news-feed-wrapper .p-page-link,
.p-u55-news-feed.p-inverted .p-news-feed-wrapper .p-page-link {
color: #b9bbc7;
}
/*
Defaults
------------------------------*/
.p-sc01-youtube-widget {
overflow: hidden;
}
.p-sc01-youtube-widget .p-heading-04 {
margin-top: 16px;
font-size: 18px;
line-height: 21px;
margin-bottom: 7px;
}
.p-sc01-youtube-widget .p-video-wrap {
position: relative;
}
.p-sc01-youtube-widget .p-video-wrap img {
width: 100%;
}
.p-sc01-youtube-widget .p-video-wrap .p-play-button {
position: absolute;
left: 5px;
bottom: 5px;
background: #0089c4;
width: 35px;
height: 35px;
font-size: 14px;
}
.p-sc01-youtube-widget .p-heading-04 {
color: #3c3c3c;
}
.p-sc01-youtube-widget .p-body-copy-01 {
color: #5d6678;
font-size: 14px;
line-height: 21px;
}
.p-sc01-youtube-widget .p-vid-duration {
display: block;
}
.p-sc01-youtube-widget .p-youtube-link {
display: block;
max-width: 100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.mfp-wrap .popup-youtube-content .p-icon-close:after {
padding-top: 4px;
}
/*
Min Width 0
------------------------------*/
/*
Min Width 451
------------------------------*/
/*
Min Width 701
------------------------------*/
/*
Max Width: 700
-------------------------*/
@media screen and (min-width: 0px) {
.p-sc01-youtube-widget .p-heading-03 {
font-size: 26px;
line-height: 32px;
margin-bottom: 12px;
}
.p-sc01-youtube-widget .p-body-copy-01 {
padding-left: 10px;
}
.p-sc01-youtube-widget .p-vid-duration {
margin-top: 9px;
margin-bottom: 2px;
}
}
@media print, screen and (min-width: 451px) {
.p-sc01-youtube-widget .p-heading-04 {
margin-top: -4px;
}
}
@media screen and (min-width: 701px) {
.p-sc01-youtube-widget .p-header {
display: none;
}
.p-sc01-youtube-widget .p-heading-04 {
margin-top: 16px;
}
.p-sc01-youtube-widget .p-vid-duration {
margin-top: 4px;
}
}
@media screen and (max-width: 700px) {
.mfp-content .popup-youtube-content {
width: 100%;
padding-left: 0;
padding-top: 0;
}
.mfp-content .popup-youtube-content .p-popup-back {
display: block;
top: 0;
right: 0;
}
.mfp-content .popup-youtube-content .popup-youtube-wrapper {
width: 90%;
margin-top: 30px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n17v2-vertical-inpage-navigation {
position: relative;
width: 100%;
z-index: 6006;
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-condensed-panel,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-panel {
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-condensed-panel.p-close,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-panel.p-close {
-moz-opacity: 0.95;
-khtml-opacity: 0.95;
-webkit-opacity: 0.95;
opacity: 0.95;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);
filter: alpha(opacity=95);
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-condensed-panel.p-open .p-rn-wrapper,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-panel.p-open .p-rn-wrapper,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-condensed-panel.p-open .p-social,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-panel.p-open .p-social {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel.p-panel-top-sticky .p-condensed-panel,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel.p-panel-top-sticky .p-panel {
top: 160px;
bottom: inherit;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-previous-page,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-next-page,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-panel {
background-color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-options {
background-color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-options li.p-social-wrapper {
height: 44px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel .p-options li.p-wtb-wrapper {
height: 81px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section {
position: fixed;
width: auto;
right: 0;
bottom: 50%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section.p-panel-top-sticky {
top: 160px;
bottom: inherit;
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-panel {
position: relative;
overflow: hidden;
text-align: right;
z-index: 1;
float: right;
bottom: 0px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-panel.p-close {
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-panel.p-close .p-social {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-panel.p-open {
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-panel.p-open .p-icon-share {
display: block;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-options li.p-social-wrapper {
height: 50px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-options li.p-wtb-wrapper {
height: 76px;
padding: 5px 0px 5px 0px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page {
height: 83px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page:hover .p-single-icon-holder > .p-icon,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page:hover .p-single-icon-holder > .p-icon {
color: #42145f;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper {
width: 406px;
-moz-opacity: 0.97;
-khtml-opacity: 0.97;
-webkit-opacity: 0.97;
opacity: 0.97;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97);
filter: alpha(opacity=97);
border: 1px solid #ffffff;
background-color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper img,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper img {
max-height: 81px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper .p-rn07-card,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper .p-rn07-card {
padding-right: 10%;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper .p-rn07-card .p-story-link,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper .p-rn07-card .p-story-link {
display: table;
height: 81px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper .p-rn07-card .p-title,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper .p-rn07-card .p-title {
display: table-cell;
color: #7d0063;
padding: 0px 10px 0px 10px;
vertical-align: middle;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-rn-wrapper .p-rn07-card .p-media,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-rn-wrapper .p-rn07-card .p-media {
display: table-cell;
margin-right: 10px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-single-icon-holder,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-single-icon-holder {
background-color: #ffffff;
position: absolute;
right: 0px;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
padding-top: 10px;
height: 83px;
width: 46px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-previous-page .p-single-icon-holder > .p-icon,
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-next-page .p-single-icon-holder > .p-icon {
font-size: 35px;
line-height: 63px;
margin-right: 5px;
color: #7d0063;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-social {
width: 500px;
-moz-opacity: 0.97;
-khtml-opacity: 0.97;
-webkit-opacity: 0.97;
opacity: 0.97;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=97);
filter: alpha(opacity=97);
background-color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-social .p-social-list {
width: auto;
padding-right: 57px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-social .p-social-list li {
float: left;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-social .p-social-list a {
margin: 0 15px 0 15px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-icon-share {
padding-right: 15px;
width: 31px;
margin-right: 0px;
top: 0;
background-color: #ffffff;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section .p-icon-share:hover {
color: #42145f;
}
.p-n17v2-vertical-inpage-navigation .findRetailer {
display: none;
}
.p-n17v2-vertical-inpage-navigation .buyDirect {
color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation .p-panel > * {
border-top: 1px solid rgba(125, 0, 99, 0.15);
}
.p-n17v2-vertical-inpage-navigation .p-panel > *:first-child {
border-top: 0;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page,
.p-n17v2-vertical-inpage-navigation .p-next-page {
cursor: pointer;
position: relative;
height: 63px;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page > .p-icon,
.p-n17v2-vertical-inpage-navigation .p-next-page > .p-icon {
font-size: 35px;
line-height: 63px;
margin-right: 5px;
color: #7d0063;
position: absolute;
right: 0px;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page .p-rn-wrapper,
.p-n17v2-vertical-inpage-navigation .p-next-page .p-rn-wrapper {
left: 0;
opacity: 0;
position: absolute;
right: auto;
text-align: left;
width: 100%;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page .p-rn-wrapper img,
.p-n17v2-vertical-inpage-navigation .p-next-page .p-rn-wrapper img {
max-height: 63px;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page .p-rn-wrapper .p-title,
.p-n17v2-vertical-inpage-navigation .p-next-page .p-rn-wrapper .p-title {
color: #7d0063;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-n17v2-vertical-inpage-navigation .p-previous-page .p-rn-wrapper .p-rendition:hover,
.p-n17v2-vertical-inpage-navigation .p-next-page .p-rn-wrapper .p-rendition:hover {
background-color: #ffffff;
}
.p-n17v2-vertical-inpage-navigation a:active,
.p-n17v2-vertical-inpage-navigation a:focus {
outline: none;
}
.p-n17v2-vertical-inpage-navigation.p-condensed .p-panel {
right: -46px;
}
.p-n17v2-vertical-inpage-navigation.p-condensed .p-panel.p-open {
right: 0px;
width: 216px;
}
.p-n17v2-vertical-inpage-navigation.p-condensed .p-condensed-panel {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n17v2-vertical-inpage-navigation.p-condensed .p-condensed-panel .p-list-items {
padding-top: 0px;
}
.p-n17v2-vertical-inpage-navigation.p-condensed .p-condensed-panel .p-list-items li {
height: 46px;
line-height: 44px;
}
.p-n17v2-vertical-inpage-navigation .p-button {
margin: 10px 0px 0px 0px;
}
.p-n17v2-vertical-inpage-navigation .p-social {
display: table;
text-align: center;
width: 100%;
width: 216px;
padding: 6px 6px 0px 6px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-n17v2-vertical-inpage-navigation .p-social > :first-child {
text-align: left;
}
.p-n17v2-vertical-inpage-navigation .p-social > :last-child {
text-align: right;
}
.p-n17v2-vertical-inpage-navigation .p-social .p-social-list {
display: table;
width: 100%;
}
.p-n17v2-vertical-inpage-navigation .p-social .p-social-list li {
display: table-cell;
text-align: center;
}
.p-n17v2-vertical-inpage-navigation .p-social a {
color: #7d0063;
}
.p-n17v2-vertical-inpage-navigation .p-social a img {
height: 16px;
width: 16px;
}
.p-n17v2-vertical-inpage-navigation .p-social a span:after {
font-size: 16px;
vertical-align: bottom;
}
.p-n17v2-vertical-inpage-navigation .p-social.p-less-icons {
display: block;
text-align: right;
}
.p-n17v2-vertical-inpage-navigation .p-social.p-less-icons a {
display: inline-block;
}
.p-n17v2-vertical-inpage-navigation .p-social-icon {
display: inline-block;
color: #7d0063;
text-align: center;
width: 34px;
height: 34px;
font-size: 16px;
}
.p-n17v2-vertical-inpage-navigation .p-social-icon:hover {
color: #3c3c3c;
}
.p-n17v2-vertical-inpage-navigation .p-icon-shoppingcart {
position: absolute;
display: block;
right: 0px;
color: #e98300;
font-size: 18px;
margin: 1px 10px 1px 0px;
}
.p-n17v2-vertical-inpage-navigation .p-icon-share {
position: absolute;
display: block;
color: #7d0063;
right: 0px;
font-size: 18px;
margin-right: 15px;
}
.p-n17v2-vertical-inpage-navigation .p-icon-share:after {
line-height: 50px;
}
.p-n17v2-vertical-inpage-navigation .p-icon-list-view {
color: #7d0063;
margin-right: 15px;
}
.p-n17v2-vertical-inpage-navigation .p-list-items {
background-color: #ffffff;
padding: 9px 0px 9px 0px;
}
.p-n17v2-vertical-inpage-navigation .p-list-items a {
color: #7d0063;
}
.p-n17v2-vertical-inpage-navigation .p-list-items li {
cursor: pointer;
}
.p-n17v2-vertical-inpage-navigation .p-list-items li:hover {
background: #ff7de4;
background: rgba(125, 0, 99, 0.15);
}
.p-n17v2-vertical-inpage-navigation li {
position: relative;
text-align: right;
line-height: 34px;
height: 34px;
}
.p-n17v2-vertical-inpage-navigation .p-social,
.p-n17v2-vertical-inpage-navigation .p-button {
position: absolute;
}
.p-n17v2-vertical-inpage-navigation .p-options {
border-top: 1px solid rgba(125, 0, 99, 0.15);
}
.p-n17v2-vertical-inpage-navigation .p-options li {
background-color: #ffffff;
height: 46px;
line-height: 44px;
}
.p-n17v2-vertical-inpage-navigation .p-label {
position: absolute;
width: 150px;
font-size: 13px;
}
.p-n17v2-vertical-inpage-navigation .p-active-item {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-n17v2-vertical-inpage-navigation .p-active-item .p-indicator {
background: #7d0063;
width: 14px;
height: 14px;
margin: -7px 16px 0px 16px;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n17v2-vertical-inpage-navigation .p-indicator {
position: absolute;
display: block;
top: 50%;
background: #7d0063;
right: 0px;
width: 10px;
height: 10px;
margin: -5px 18px 0px 18px;
border-radius: 7px 7px 7px 7px;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel,
.p-n17v2-vertical-inpage-navigation .p-panel {
position: fixed;
overflow: hidden;
text-align: right;
z-index: 1;
bottom: 240px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
right: 0px;
width: 46px;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-close,
.p-n17v2-vertical-inpage-navigation .p-panel.p-close {
-webkit-transition: ease-in-out 0.3s, opacity 1s 0.5s;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-close .p-label,
.p-n17v2-vertical-inpage-navigation .p-panel.p-close .p-label {
-webkit-transition: ease-in-out 0.2s, opacity 0s;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-close .p-label,
.p-n17v2-vertical-inpage-navigation .p-panel.p-close .p-label,
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-close .p-button,
.p-n17v2-vertical-inpage-navigation .p-panel.p-close .p-button,
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-close .p-social,
.p-n17v2-vertical-inpage-navigation .p-panel.p-close .p-social {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open {
width: 216px;
-webkit-transition: width 0.15s ease-in-out;
transition: width 0.15s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open.p-wide,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open.p-wide {
width: 350px;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-label,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-label {
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
visibility: visible;
right: 45px;
-webkit-transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-rn-wrapper,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-rn-wrapper {
visibility: visible;
right: 0px;
-webkit-transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-button,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-button {
position: relative;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
visibility: visible;
width: 100%;
right: 0;
-webkit-transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-wtb-container,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-wtb-container {
padding: 0px 5px 0px 5px;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-social,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-social {
position: relative;
visibility: visible;
-webkit-transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-icon-shoppingcart,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-icon-shoppingcart,
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-open .p-icon-share,
.p-n17v2-vertical-inpage-navigation .p-panel.p-open .p-icon-share {
display: none;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel {
z-index: 0;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
transition: right 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel .p-list-items {
padding-bottom: 0px;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel .p-list-items li {
cursor: default;
}
.p-n17v2-vertical-inpage-navigation .p-condensed-panel.p-condensed-panel-hover {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
/*
Min Width 701 and Max Width 960
--------------------------------*/
/*
Max Width 700
--------------------------------*/
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel.p-panel-top-sticky .p-condensed-panel,
.p-n17v2-vertical-inpage-navigation.p-slide-whole-panel.p-panel-top-sticky .p-panel {
top: 119px;
}
.p-n17v2-vertical-inpage-navigation.p-slide-per-section.p-panel-top-sticky {
top: 119px;
}
}
@media screen and (max-width: 700px) {
.p-n17v2-vertical-inpage-navigation {
display: none;
}
}
/*
Inverted styles
--------------------------------*/
.p-inverted .p-n17v2-vertical-inpage-navigation .p-icon-shoppingcart {
color: #e98300;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-icon-share {
color: #3c3c3c;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-icon-list-view {
color: #ffffff;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-social-icon {
color: #3c3c3c;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-social-icon:hover {
color: #3c3c3c;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-list-items {
background-color: #5b8f22;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-list-items a {
color: #ffffff;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-list-items li:hover {
background: #ffffff;
background: rgba(255, 255, 255, 0.15);
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-active-item .p-indicator {
background: #ffffff;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-options {
background-color: #ffffff;
}
.p-inverted .p-n17v2-vertical-inpage-navigation .p-indicator {
background: #ffffff;
}
/*
Defaults
---------------------------*/
.p-n23-links {
width: 100%;
}
.p-n23-links.p-pull-top {
position: absolute;
margin-top: -130px;
}
.p-n23-links .p-n23-inner-container {
margin-left: 10px;
margin-right: 10px;
position: relative;
max-width: 552px;
}
.p-n23-links .p-n23-selector {
margin-top: 0px;
margin-bottom: 8px;
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-n23-links .p-n23-inner-container {
margin-left: 16px;
margin-right: 16px;
}
.p-n23-links.p-pull-top {
margin-top: -110px;
}
.p-n23-links .p-n23-selector {
margin-top: 10px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-n23-links .p-n23-inner-container {
margin: auto;
}
.p-n23-links.p-pull-top {
margin-top: -183px;
}
.p-n23-links .p-n23-selector {
margin-top: 10px;
}
}
@media screen and (min-width: 961px) {
.p-n23-links .p-n23-inner-container {
margin: auto;
}
.p-n23-links.p-pull-top {
margin-top: -183px;
}
.p-n23-links .p-n23-selector {
margin-top: 10px;
}
}
.p-n03v2-countryselector .p-region {
padding-bottom: 20px;
}
.p-n03v2-countryselector .p-region .p-region-name .p-heading-03 {
color: #7d0063;
}
.p-n03v2-countryselector .p-region .p-region-name .p-arrow-right {
float: right;
margin-right: 15px;
}
.p-n03v2-countryselector .p-region .p-countries {
display: table;
width: 100%;
}
.p-n03v2-countryselector .p-region .p-countries .p-country-row {
display: table-row;
}
.p-n03v2-countryselector .p-region .p-countries .p-country-row .p-country-name,
.p-n03v2-countryselector .p-region .p-countries .p-country-row .p-country-language {
display: table-cell;
width: 50%;
vertical-align: middle;
}
@media screen and (max-width: 700px) {
.p-n03v2-countryselector .p-region {
padding: 0px 0px 0px 0px;
}
.p-n03v2-countryselector .p-region .p-region-name {
padding: 30px 0px 0px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.p-n03v2-countryselector .p-region .p-countries {
display: none;
}
.p-n03v2-countryselector .p-region .p-countries .p-country-row {
height: 80px;
}
.p-n03v2-countryselector .p-region .p-countries .p-country-row .p-country-name,
.p-n03v2-countryselector .p-region .p-countries .p-country-row .p-country-language {
border-bottom: 1px solid #cccccc;
padding-left: 10px;
}
.p-n03v2-countryselector .p-region.p-active .p-arrow-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.p-n03v2-countryselector .p-region.p-active .p-countries {
display: table;
}
}
@media screen and (min-width: 701px) {
.p-n03v2-countryselector .p-arrow-right {
display: none;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n28-sticky-horizontal-navigation {
position: relative;
margin-top: 0px;
}
.p-n28-sticky-horizontal-navigation:after {
content: "";
display: table;
clear: both;
}
.p-n28-sticky-horizontal-navigation.p-n28-sticky {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 3004;
margin-top: 0;
padding-bottom: 0;
}
.p-n28-sticky-horizontal-navigation .p-n28-navigation-tabs ul:after {
content: "";
display: table;
clear: both;
}
.p-gc28-flipbook {
height: 100%;
width: 100%;
position: relative;
overflow: hidden;
}
.p-gc28-flipbook #s7ecatalog_div.s7ecatalogviewer {
width: 100%;
height: auto;
}
.p-gc28-flipbook #s7ecatalog_div.s7ecatalogviewer .s7pageview canvas {
max-width: none;
}
.p-gc28-flipbook .p-download-pdf {
margin-top: 21px;
}
/*
Local variables
---------------------------*/
.p-n22-grouped-content {
background-color: #42145f;
background-repeat: repeat-x;
background: -webkit-linear-gradient(125deg, #7d0063, #42145f);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(125deg, #7d0063, #42145f);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d0063', endColorstr='#ff42145f', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d0063', endColorstr='#ff42145f', GradientType=0);
background-image: no-image;
background-size: cover;
background-position: center;
}
.p-n22-grouped-content .p-current-page {
padding: 4px 0px 4px 0px;
color: #ffffff;
text-decoration: none;
}
.p-n22-grouped-content .p-nav-level-one {
line-height: 39px;
text-decoration: none;
color: #ffffff;
}
.p-n22-grouped-content .p-nav-level-two {
background: #ffffff;
border-top: 1px solid rgba(125, 0, 99, 0.5);
}
.p-n22-grouped-content .p-nav-level-two .p-item-block {
padding-right: 130px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
position: relative;
text-decoration: none;
}
.p-n22-grouped-content .p-nav-level-two .p-item-block .p-text {
padding: 4px 11px 4px 0px;
height: 37px;
color: #3c3c3c;
display: table-cell;
vertical-align: middle;
}
.p-n22-grouped-content .p-nav-level-two .p-img-block {
width: 105px;
height: 41px;
bottom: 0px;
right: 15px;
overflow: hidden;
position: absolute;
}
.p-n22-grouped-content .p-nav-level-two .p-img-block img {
max-width: 105px;
}
.p-n22-grouped-content .p-nav-level-two .p-icon-arrow-right {
right: 0px;
font-size: 22px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.p-n22-grouped-content .p-nav-level-two .p-icon-arrow-right:after {
font-weight: bold;
}
.p-n22-grouped-content .p-content {
padding: 4px 0px 4px 0px;
background: #ffffff;
}
.p-n22-grouped-content .p-warning {
color: #e98300;
padding: 4px 0px 4px 0px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n25-in-page-navigation .p-accordion .p-title {
font-size: 17px;
margin-top: 0px;
padding: 0px 0px 0px 0px;
color: #2f2f2f;
background: #ffffff;
border-bottom: 1px solid #dadada;
}
.p-n25-in-page-navigation .p-accordion .p-title:after {
top: 7px;
font-size: 10px;
color: #7d0063;
font-weight: bold;
}
.p-n25-in-page-navigation .p-accordion .p-title.p-active {
font-weight: normal;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
border-bottom: none;
}
.p-n25-in-page-navigation .p-accordion .p-title span {
display: table-cell;
vertical-align: middle;
height: 46px;
padding-left: 16px;
padding-right: 24px;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content {
padding: 0px 0px 0px 0px;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content span {
display: table-cell;
vertical-align: middle;
padding-right: 24px;
color: #2f2f2f;
background: #f3f3f3;
border-bottom: 1px solid #ffffff;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-category {
position: relative;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-category a {
display: table;
width: 100%;
text-decoration: none;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-category span {
height: 36px;
padding-left: 34px;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-category span:hover {
color: #7d0063;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-category:after {
display: block;
position: absolute;
top: 8px;
right: 16px;
font-size: 10px;
font-family: "philips-global-icon-font";
font-style: normal;
content: "\e203";
color: #7d0063;
font-weight: bold;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-second-level {
display: table;
width: 100%;
}
.p-n25-in-page-navigation .p-accordion .p-chapter-content .p-title-second-level span {
height: 46px;
padding-left: 16px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n25-in-page-navigation-grid input {
display: none;
}
.p-n25-in-page-navigation-grid .p-title {
position: relative;
background-color: #f5f4f4;
line-height: 1.3em;
cursor: pointer;
color: #003478;
border-top: 1px solid transparent;
border-left: 1px solid transparent;
border-bottom: 1px solid #cccedb;
border-right: 1px solid #cccedb;
}
.p-n25-in-page-navigation-grid .p-title:before {
content: "";
display: block;
padding-top: 100%;
}
.p-n25-in-page-navigation-grid .p-title:nth-of-type(3n+1) {
border-left: 1px solid #cccedb;
}
.p-n25-in-page-navigation-grid .p-title:nth-of-type(-n+3) {
border-top: 1px solid #cccedb;
}
.p-n25-in-page-navigation-grid .p-title-icon {
position: absolute;
font-size: calc(33vw * 0.4);
left: 30%;
top: 27%;
color: #7ba4d9;
}
.p-n25-in-page-navigation-grid .p-title-text {
position: absolute;
bottom: 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5% 0 5%;
width: 100%;
height: 6em;
}
.p-n25-in-page-navigation-grid [id^="p-group"]:checked + .p-title {
background-color: #ffffff;
border-bottom: 1px solid transparent;
}
.p-n25-in-page-navigation-grid [id^="p-group"]:checked + .p-title .p-title-icon {
color: #003478;
}
.p-n25-in-page-navigation-grid [id^="p-group"]:checked + .p-title .p-title-text {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-n25-in-page-navigation-grid .p-chapter-content {
display: none;
color: #00377a;
padding-top: 7px;
padding-bottom: 14px;
border-bottom: 1px solid #cccedb;
}
.p-n25-in-page-navigation-grid #p-group1:checked ~ .p-group1-content,
.p-n25-in-page-navigation-grid #p-group2:checked ~ .p-group2-content,
.p-n25-in-page-navigation-grid #p-group3:checked ~ .p-group3-content,
.p-n25-in-page-navigation-grid #p-group4:checked ~ .p-group4-content,
.p-n25-in-page-navigation-grid #p-group5:checked ~ .p-group5-content,
.p-n25-in-page-navigation-grid #p-group6:checked ~ .p-group6-content,
.p-n25-in-page-navigation-grid #p-group7:checked ~ .p-group7-content,
.p-n25-in-page-navigation-grid #p-group8:checked ~ .p-group8-content,
.p-n25-in-page-navigation-grid #p-group9:checked ~ .p-group9-content,
.p-n25-in-page-navigation-grid #p-group10:checked ~ .p-group10-content,
.p-n25-in-page-navigation-grid #p-group11:checked ~ .p-group11-content,
.p-n25-in-page-navigation-grid #p-group12:checked ~ .p-group12-content {
display: block;
}
.p-n25-in-page-navigation-grid .p-title-category {
position: relative;
text-align: center;
line-height: 1.3em;
overflow: hidden;
}
.p-n25-in-page-navigation-grid .p-title-category span {
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.p-n25-in-page-navigation-grid .p-title-category:before {
content: "";
display: block;
padding-top: 100%;
}
.p-n25-in-page-navigation-grid .p-title-category a {
position: absolute;
top: 7px;
bottom: 0px;
left: 10%;
right: 10%;
color: #00377a;
}
.p-n25-in-page-navigation-grid .p-title-category a:hover {
text-decoration: none;
}
.p-n25-in-page-navigation-grid .p-title-category .p-picture {
height: 82px;
}
.p-n25-in-page-navigation-grid .p-title-category img {
max-width: 75px;
max-height: 75px;
margin-bottom: 7px;
}
.p-n25-in-page-navigation-grid .p-title-second-level {
margin-top: 14px;
}
/* Max Width 450
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 450px) {
.p-n25-in-page-navigation-grid .p-title {
font-size: 12px;
}
.p-n25-in-page-navigation-grid .p-title:before {
padding-top: 115%;
}
.p-n25-in-page-navigation-grid .p-title-text {
height: 5.5em;
}
.p-n25-in-page-navigation-grid .p-title-category {
font-size: 12px;
}
.p-n25-in-page-navigation-grid .p-title-category:before {
padding-top: 121%;
}
.p-n25-in-page-navigation-grid .p-title-category .p-picture {
height: 62px;
}
.p-n25-in-page-navigation-grid .p-title-category img {
max-width: 55px;
max-height: 55px;
}
}
@media screen and (min-width: 701px) {
.p-n25-in-page-navigation-grid {
display: none;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-n62-generic-navigation {
overflow: hidden;
}
.p-n62-generic-navigation .p-n62-wrapper {
position: relative;
}
.p-n62-generic-navigation .p-n62-wrapper.p-layout-inner {
overflow: hidden;
}
.p-n62-generic-navigation .p-n62-navigation,
.p-n62-generic-navigation .p-n62-detail,
.p-n62-generic-navigation .p-navigation-block-home,
.p-n62-generic-navigation .p-navigation-block-nav {
position: absolute;
width: 100%;
top: 0px;
left: 0px;
}
.p-n62-generic-navigation .p-n62-navigation.p-active,
.p-n62-generic-navigation .p-n62-detail.p-active,
.p-n62-generic-navigation .p-navigation-block-home.p-active,
.p-n62-generic-navigation .p-navigation-block-nav.p-active {
position: relative;
}
.p-n62-generic-navigation .p-n62-navigation.p-active-off {
left: -104%;
}
.p-n62-generic-navigation .p-n62-detail.p-active-off {
left: 104%;
}
.p-n62-generic-navigation .p-navigation-block-home.p-active-off-left,
.p-n62-generic-navigation .p-navigation-block-nav.p-active-off-left {
left: -104%;
}
.p-n62-generic-navigation .p-navigation-block-home.p-active-off-right,
.p-n62-generic-navigation .p-navigation-block-nav.p-active-off-right {
left: 104%;
}
.p-n62-generic-navigation .p-navigation-block-nav {
padding-top: 16px;
}
.p-n62-generic-navigation .p-navigation-wrapper {
position: relative;
overflow: hidden;
}
.p-n62-generic-navigation .p-navigation-bg.p-bgcolor {
background: #ffffff;
margin-left: -20px;
padding-left: 20px;
margin-right: -20px;
padding-right: 20px;
}
.p-n62-generic-navigation .p-navigation-block-home li {
position: relative;
font-size: 16px;
margin-bottom: 10px;
cursor: pointer;
}
.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper {
display: table;
background: #ffffff;
color: #7d0063;
width: 100%;
height: 60px;
}
.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper:hover {
background: #f5f2f9;
}
.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper .p-icon {
display: table-cell;
width: 60px;
font-size: 32px;
vertical-align: middle;
text-align: center;
}
.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper span {
display: table-cell;
padding: 7px 0px 7px 0px;
vertical-align: middle;
}
.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper:after {
display: table-cell;
width: 40px;
font-family: philips-global-icon-font;
content: "\e203";
vertical-align: middle;
text-align: center;
}
.p-n62-generic-navigation .p-navigation-block-nav .p-heading-02 {
margin-top: 24px;
}
.p-n62-generic-navigation .p-navigation-block-nav .p-nav-list-wrapper ul:nth-child(n+2) {
border-left: 1px solid #dbcfe9;
}
.p-n62-generic-navigation .p-navigation-block-nav li {
color: #7d0063;
cursor: pointer;
margin-bottom: 14px;
padding-right: 20px;
}
.p-n62-generic-navigation .p-navigation-block-nav li:hover {
color: #631d76;
}
.p-n62-generic-navigation .p-navigation-block-nav li.p-heading-04 {
color: #631d76;
}
.p-n62-generic-navigation .p-link-back:before {
content: "\2039";
display: inline-block;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
overflow: hidden;
height: 16px;
margin-right: 5px;
}
.p-n62-generic-navigation .p-link-back:before:hover {
text-decoration: none;
}
.p-n62-generic-navigation .p-link-back:hover {
text-decoration: underline;
}
.p-n62-generic-navigation .p-n62-detail .p-n62-detail-title {
margin-top: 24px;
}
.p-n62-generic-navigation .p-n62-footer {
overflow: hidden;
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-n62-generic-navigation .p-navigation-bg.p-bgcolor,
.p-inverted.p-n62-generic-navigation .p-navigation-bg.p-bgcolor {
background: #33104a;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper,
.p-inverted.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper {
background: #33104a;
color: #dbcfe9;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper:hover,
.p-inverted.p-n62-generic-navigation .p-navigation-block-home li .p-nav-home-li-wrapper:hover {
background: #250b35;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-nav .p-nav-list-wrapper ul:nth-child(n+2),
.p-inverted.p-n62-generic-navigation .p-navigation-block-nav .p-nav-list-wrapper ul:nth-child(n+2) {
border-left: 1px solid #dbcfe9;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-nav li,
.p-inverted.p-n62-generic-navigation .p-navigation-block-nav li {
color: #dbcfe9;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-nav li:hover,
.p-inverted.p-n62-generic-navigation .p-navigation-block-nav li:hover {
color: #ffffff;
}
.p-inverted .p-n62-generic-navigation .p-navigation-block-nav li.p-heading-04,
.p-inverted.p-n62-generic-navigation .p-navigation-block-nav li.p-heading-04 {
color: #ffffff;
}
/*
Local variables
---------------------------*/
/* Contact us
---------------------------*/
.p-n62-detail-container {
/* custom styling for chat script buttons
-------------------------------------- */
}
.p-n62-detail-container .p-social-block {
border-bottom: 1px solid #9fa6b7;
}
.p-n62-detail-container .p-social-block.p-first {
border-top: 1px solid #9fa6b7;
}
.p-n62-detail-container .p-social-block .p-link-more:hover {
text-decoration: none;
}
.p-n62-detail-container .p-wrapper {
position: relative;
padding: 24px 16px 24px 16px;
}
.p-n62-detail-container .p-icon {
position: relative;
float: left;
width: 40px;
font-size: 40px;
line-height: 1em;
color: #c27bb3;
margin: 0px 20px 0px 0px;
}
.p-n62-detail-container .p-button.link-more:hover {
text-decoration: none;
}
.p-n62-detail-container .p-button.link-more:after {
height: 15px;
}
.p-n62-detail-container .p-st03-phone-number {
color: #42145f;
}
.p-n62-detail-container .p-st03-phone-number:hover {
text-decoration: none;
}
.p-n62-detail-container .lc5element a {
position: relative;
background-color: #7d0063;
color: #ffffff;
border: 1px solid transparent;
display: inline-block;
box-sizing: border-box;
font-size: 14px;
line-height: 1.42857143;
margin-bottom: 0;
padding: 7px 24px 5px 24px;
min-width: 86px;
border-radius: 2px 2px 2px 2px;
text-align: center;
vertical-align: middle;
text-decoration: none;
cursor: pointer;
}
.p-n62-contact-us-social {
background-color: #ca00a0;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
padding-top: 20px;
padding-bottom: 20px;
}
.p-n62-contact-us-social > p,
.p-n62-contact-us-social h3 {
padding-left: 16px;
padding-right: 16px;
}
.p-n62-contact-us-social > p {
display: table;
}
.p-n62-contact-us-social .p-icon-boxed {
display: table-cell;
padding-right: 14px;
letter-spacing: -0.5px;
font-size: 34px;
line-height: 40px;
margin-bottom: 24px;
}
.p-n62-contact-us-social .p-link-more {
display: table-cell;
vertical-align: middle;
}
/*
MEDIA XS S ISOLATE
---------------------------*/
/*
Min Width 701 : @M & @L
--------------------------------*/
/*
BREAKPOINTS
--------------------------------*/
@media screen and (max-width: 700px) {
.p-n62-detail-container {
/* custom styling for chat script buttons
-------------------------------------- */
}
.p-n62-detail-container .p-block-title {
font-size: 24px;
line-height: 24px;
margin-bottom: 30px;
}
.p-n62-detail-container .lc5element a {
display: block;
width: 100%;
}
}
@media screen and (min-width: 701px) {
.p-n62-detail-container .p-social-block {
margin: 0px 20px 0px 0px;
}
.p-n62-detail-container .p-social-block.p-second {
border-top: 1px solid #9fa6b7;
}
.p-n62-detail-container .p-wrapper {
padding: 34px 0px 34px 92px;
}
.p-n62-detail-container .p-icon {
position: absolute;
float: none;
left: 0px;
width: 54px;
font-size: 54px;
}
.p-n62-contact-us-social {
background: none;
padding-top: 0px;
padding-bottom: 0px;
}
.p-n62-contact-us-social > p,
.p-n62-contact-us-social h3 {
padding-left: 0px;
padding-right: 0px;
}
.p-n62-contact-us-social .p-icon-boxed {
padding-right: 24px;
}
}
/*
Inverted styles
---------------------------*/
.p-inverted .p-n62-detail-container .p-social-block,
.p-inverted.p-n62-detail-container .p-social-block {
border-bottom: 1px solid #9fa6b7;
}
.p-inverted .p-n62-detail-container .p-social-block.p-first,
.p-inverted.p-n62-detail-container .p-social-block.p-first {
border-top: 1px solid #9fa6b7;
}
.p-inverted .p-n62-detail-container .p-icon,
.p-inverted.p-n62-detail-container .p-icon {
color: #ffffff;
}
.p-inverted .p-n62-detail-container .p-st03-phone-number,
.p-inverted.p-n62-detail-container .p-st03-phone-number {
color: #ffffff;
}
.p-inverted .p-n62-contact-us-social,
.p-inverted.p-n62-contact-us-social {
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #d9d9d9 0%, #ffffff 50%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #d9d9d9 0%, #ffffff 50%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9d9d9', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9d9d9', endColorstr='#ffffffff', GradientType=0);
}
/*
Min Width 701 : @M & @L for INVERTED
--------------------------------*/
@media screen and (min-width: 701px) {
.p-inverted .p-n62-detail-container .p-social-block.p-second,
.p-inverted.p-n62-detail-container .p-social-block.p-second {
border-top: 1px solid #9fa6b7;
}
}
/*
Local variables
---------------------------*/
.mfp-wrap2 .p-mfp-popup-content .p-call-us-button {
color: #42145f;
margin-bottom: 7px;
}
.mfp-wrap2 .p-mfp-popup-content .p-call-us-button a {
color: #42145f;
}
.p-st33-support-contact-details-default {
min-height: 150px;
position: fixed;
z-index: 3004;
width: 270px;
right: -270px;
bottom: 0px;
}
.p-st33-support-contact-details-default .p-comp-masking {
z-index: 3004;
width: 300px;
height: 330px;
position: fixed;
background: #ffffff;
opacity: 1;
}
.p-st33-support-contact-details-default .p-comp-loader {
position: absolute;
top: 140px;
left: 120px;
}
.p-st33-support-contact-details-default .p-toggler {
position: absolute;
display: block;
right: 270px;
background: #42145f;
padding: 0px 20px 0px 26px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
outline: medium none;
bottom: 0;
}
.p-st33-support-contact-details-default .p-toggler:hover {
text-decoration: none;
}
.p-st33-support-contact-details-default .p-toggler .p-contact-text {
position: relative;
display: block;
font-size: 16px;
line-height: 46px;
color: #fff;
white-space: nowrap;
}
.p-st33-support-contact-details-default .p-toggler .p-contact-text .p-toggler-icon {
font-size: 10px;
color: #ffffff;
}
.p-st33-support-contact-details-default .p-toggler .p-contact-text .p-toggler-icon:hover {
background: none;
}
.p-st33-support-contact-details-default .p-toggler.p-no-chat {
background: #E2E0E8;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
cursor: pointer;
border: 1px solid #CFD0DA;
box-shadow: none;
}
.p-st33-support-contact-details-default .p-toggler.p-no-chat:hover {
background: #cccccc;
text-decoration: none;
}
.p-st33-support-contact-details-default .p-toggler.p-no-chat .p-contact-text {
color: #444444;
}
.p-st33-support-contact-details-default .p-info {
background-color: #ffffff;
width: 270px;
min-height: 250px;
border: 1px solid #e0e0e0;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.p-st33-support-contact-details-default .p-info .p-info-content {
padding: 26px 20px 20px 28px;
visibility: hidden;
border-bottom: 1px solid #ccc;
}
.p-st33-support-contact-details-default .p-info .p-feedback {
padding: 26px 20px 20px 28px;
}
.p-st33-support-contact-details-default .p-info .p-feedback .p-usabilla-button {
background: #42145f;
}
.p-st33-support-contact-details-default .p-info .p-small-text {
margin-top: 10px;
}
.p-st33-support-contact-details-default .p-info .p-small-text a {
font-size: 13px;
}
.p-st33-support-contact-details-default .p-info .p-title {
color: #333333;
margin-bottom: 10px;
display: block;
cursor: pointer;
}
.p-st33-support-contact-details-default .p-info .p-title.p-link-more:after {
color: #42145f;
margin-top: 2px;
}
.p-st33-support-contact-details-default .p-info .p-title.p-link-more:hover {
text-decoration: none;
}
.p-st33-support-contact-details-default .p-info .p-title .p-icon-color {
padding-right: 12px;
font-weight: normal;
}
.p-st33-support-contact-details-default .p-info .p-title .p-icon-color:after {
color: #42145f;
}
.p-st33-support-contact-details-default .p-info .p-title a {
color: #333333;
text-decoration: none;
}
.p-st33-support-contact-details-default.p-active {
right: 0;
}
.p-st33-support-contact-details-default.p-active .p-toggler .p-contact-text .p-icon-down:after {
content: "\e200";
}
.p-st33-support-contact-details-default.p-active .p-info {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.p-st33-support-contact-details-default.p-active .p-info .p-info-content {
visibility: visible;
}
/* STICKY st33 S/XS
---------------------------*/
.p-st33-support-contact-details-sticky-s-xs {
display: none;
z-index: 3004;
position: fixed;
width: 100%;
bottom: 0px;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid {
background: #7d0063;
color: #ffffff;
min-height: 40px;
padding: 0px 4px 0px 4px;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item {
padding: 7px 0px 7px 0px;
text-align: center;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item .p-call-us {
margin-bottom: 7px;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item i {
line-height: 20px;
font-size: 20px;
vertical-align: middle;
margin-right: 7px;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item a {
display: inline-block;
color: #ffffff;
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item a.p-st33-phone-number:after {
content: " | ";
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-contact-item a.p-st33-phone-number:last-child:after {
content: "";
}
.p-st33-support-contact-details-sticky-s-xs .p-info .p-grid .p-magnific-popup-launcher {
display: inline-block;
cursor: pointer;
}
.p-st33-support-contact-details-sticky-s-xs.p-multiple-lines .p-contact-item i {
display: block;
}
/*
MEDIA XS S ISOLATE
---------------------------*/
/*
MEDIA M
---------------------------*/
@media screen and (max-width: 700px) {
.p-st33-support-contact-details.p-sticky .p-st33-support-contact-details-default {
display: none;
}
.p-st33-support-contact-details.p-sticky .p-st33-support-contact-details-sticky-s-xs {
display: block;
}
.p-st33-support-contact-details.p-sticky .p-st33-support-contact-details-sticky-s-xs.p-pos-relative {
position: relative;
}
.p-footer-content {
position: relative;
}
.p-st33-support-contact-details-default {
bottom: 0;
}
.p-st33-support-contact-details-default {
right: 0;
position: relative;
width: auto;
min-height: 0px;
}
.p-st33-support-contact-details-default .p-info {
display: none;
width: auto;
border: none;
}
.p-st33-support-contact-details-default.p-active {
width: auto;
}
.p-st33-support-contact-details-default.p-active .p-info {
display: block;
box-shadow: none;
}
.p-st33-support-contact-details-default.p-active .p-toggler {
left: auto;
}
.p-st33-support-contact-details-default .p-toggler {
position: relative;
top: 0;
bottom: auto;
right: 0;
padding: 0px 20px 0px 26px;
}
.p-st33-support-contact-details-default .p-toggler .p-contact-text {
line-height: 40px;
}
.mfp-wrap2 .p-mfp-popup-content .p-call-us-button {
background-color: #42145f;
width: 80%;
color: #ffffff;
text-align: center;
padding: 4px 20px 4px 20px;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.mfp-wrap2 .p-mfp-popup-content .p-call-us-button a {
color: #ffffff;
}
}
@media screen and (min-width: 701px) {
.p-st33-support-contact-details-default {
-webkit-transition: right 200ms ease-out;
transition: right 200ms ease-out;
}
.p-st33-support-contact-details-default.p-active {
z-index: 6007;
}
.p-st33-support-contact-details-default .p-toggler {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-transform-origin: 100% 0 ;
-o-transform-origin: 100% 0 ;
-webkit-transform-origin: 100% 0 ;
-moz-transform-origin: 100% 0 ;
transform-origin: 100% 0 ;
bottom: -46px;
}
.test-no-csstransforms .p-st33-support-contact-details-default .p-toggler {
min-height: 180px;
bottom: 30px;
width: 35px;
padding: 20px 0px 26px 6px;
height: auto;
}
.test-no-csstransforms .p-st33-support-contact-details-default .p-toggler .p-contact-text {
width: auto;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
height: auto;
margin: 0 auto;
float: left;
line-height: 32px;
}
}
/*
Local variables
---------------------------*/
.p-st05-contact-us-default {
min-height: 150px;
position: fixed;
z-index: 7001;
right: -270px;
bottom: 40px;
width: 270px;
padding-left: 43px;
padding-top: 5px;
padding-bottom: 5px;
overflow: hidden;
-webkit-transition: right 200ms ease-out;
transition: right 200ms ease-out;
}
.p-st05-contact-us-default .p-toggler {
position: absolute;
display: block;
right: 270px;
background: #631d76;
padding: 0px 20px 0px 26px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
outline: medium none;
bottom: 0;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-ms-transform-origin: 100% 0 ;
-o-transform-origin: 100% 0 ;
-webkit-transform-origin: 100% 0 ;
-moz-transform-origin: 100% 0 ;
transform-origin: 100% 0 ;
}
.p-st05-contact-us-default .p-toggler:hover {
text-decoration: none;
}
.p-st05-contact-us-default .p-toggler .p-contact-text {
position: relative;
display: block;
font-size: 16px;
line-height: 40px;
color: #ffffff;
white-space: nowrap;
width: auto;
height: auto;
margin: 0 auto;
float: left;
}
.p-st05-contact-us-default .p-toggler .p-contact-text .p-toggler-icon {
font-size: 10px;
color: #ffffff;
}
.p-st05-contact-us-default .p-toggler .p-contact-text .p-toggler-icon:hover {
background: none;
}
.p-st05-contact-us-default .p-info {
background-color: #ffffff;
width: 270px;
min-height: 250px;
display: none;
border: 1px solid #e0e0e0;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.p-st05-contact-us-default .p-info .p-info-content {
padding: 26px 20px 20px 28px;
visibility: hidden;
}
.p-st05-contact-us-default .p-info .p-feedback {
border-top: 1px solid #cccccc;
padding: 26px 20px 20px 28px;
}
.p-st05-contact-us-default .p-info .p-feedback .p-usabilla-button {
background: #631d76;
}
.p-st05-contact-us-default .p-info .p-small-text {
margin-top: 10px;
}
.p-st05-contact-us-default .p-info .p-small-text a {
font-size: 13px;
}
.p-st05-contact-us-default.p-active {
right: 0;
}
.p-st05-contact-us-default.p-active .p-info {
display: block;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.p-st05-contact-us-default.p-active .p-info .p-info-content {
visibility: visible;
}
/* STICKY ST03 S/XS
---------------------------*/
.p-st05-contact-us-sticky-s-xs {
display: none;
z-index: 3004;
position: fixed;
width: 100%;
bottom: 0px;
}
/*
MEDIA XS ISOLATE
---------------------------*/
/*
MEDIA XS S ISOLATE
---------------------------*/
/*
MEDIA S ISOLATE
---------------------------*/
.l01-primarylogo .p-shape-wrapper .p-shape .p-logo-default {
position: absolute;
z-index: 20;
top: 12px;
left: 7px;
width: 85px;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-logo-default img {
width: 85px;
height: 16px;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-logo-shape {
position: absolute;
top: 0;
left: 0;
width: 98px;
height: 45px;
}
@media screen and (min-width: 961px) {
.l01-primarylogo .p-shape-wrapper {
position: relative;
display: table-cell;
}
.l01-primarylogo .p-shape-wrapper .p-shape {
position: relative;
overflow: hidden;
color: #ffffff;
background: linear-gradient(to right, #1d4c84 0, #1474a4 100%);
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
width: 98px;
height: 51px;
}
.l01-primarylogo .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand {
position: relative;
}
.l01-primarylogo .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand-label {
margin-top: 4px;
}
.l01-primarylogo .p-shape-wrapper .p-shape.p-brand-logo-2016 .p-brand-category {
padding-top: 0;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-brand {
position: absolute;
z-index: 1;
display: block;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-brand .p-custom-logo img {
max-height: 99px;
}
}
@media screen and (max-width: 960px) {
.l01-primarylogo .p-shape-wrapper .p-shape {
width: 100%;
height: 74px;
background: -webkit-linear-gradient(125deg, #03070f 0, #003478 60%, #0066a1 100%);
background: linear-gradient(125deg, #03070f 0, #003478 60%, #0066a1 100%);
background-color: #0066a1;
background-repeat: repeat-x;
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03070f', endColorstr='#ff0066a1', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff03070f', endColorstr='#ff0066a1', GradientType=0);
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-top {
background: #fff;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.4);
border-bottom-right-radius: 20px;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-top .p-brand-label {
display: none;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-bottom {
margin-top: 7px;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-bottom .p-brand-category {
vertical-align: top;
text-decoration: none;
font-size: 12px;
line-height: 15px;
color: #ffffff;
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-bottom .p-brand-category span {
padding-left: 15px;
font-size: 14px;
}
}
.l02-secondarylogo {
margin-right: 15px;
width: 130px;
height: 60px;
}
.l02-secondarylogo a {
line-height: 60px;
}
.l02-secondarylogo a img {
width: 130px;
height: auto;
vertical-align: middle;
}
.p-header-overlay {
display: none;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
background: #0f204b;
opacity: .6;
cursor: pointer;
}
.p-header-overlay.p-active {
display: block;
}
.p-shadow-background {
display: block;
position: absolute;
width: 100%;
z-index: 0;
height: 160px;
left: 0;
background-color: rgba(0, 0, 0, 0);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
}
.p-shadow-background.p-lowered {
margin-top: 60px;
}
.p-navigation-background {
height: 60px;
background-color: #ffffff;
}
.p-navigation-background .p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry span {
color: #000000;
}
.p-navigation-background .p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-inverted {
color: #000000;
}
.p-n40-parsys-position {
margin-top: 220px;
}
.p-n30-header {
z-index: 5000;
max-width: 960px;
margin: 0 auto;
width: 100%;
height: 0;
position: relative;
font-size: 14px;
}
.p-n30-header .p-desktop-hidden {
display: none;
}
.p-n30-header .p-logo-wrapper,
.p-n30-header nav {
display: inline-block;
}
.p-n30-header .p-hamburger-menu {
display: none;
}
.p-n30-header .p-hamburger-menu.p-active {
display: block;
}
.p-n30-header .p-quicklinks-wrapper {
position: absolute;
top: 15px;
right: 10px;
z-index: 10;
}
.p-n30-header.p-with-sections .p-quicklinks-wrapper {
top: 15px;
}
.p-n30-header .p-nav-wrapper {
z-index: 5;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list {
height: 31px;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list li a {
display: inline;
}
.p-n30-header .p-nav-wrapper .p-locale-button {
display: none;
}
.p-n30-header .p-nav-wrapper .p-locale-button.p-active {
display: block;
}
.p-n30-header .p-nav-wrapper .p-main-entries {
padding: 0 0 0 5px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry {
display: inline-block;
margin-right: 20px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry span {
cursor: pointer;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry a span .p-external-icon {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/css-2/less/philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/n30-header-external-link/external-link-icon.png');
width: 10px;
height: 10px;
display: inline-block;
margin-left: 10px;
background-size: cover;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-icon-down {
display: inline-block;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-icon-up {
display: none;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-icon:after {
font-size: 8px;
font-weight: bold;
padding-left: 5px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-navigation-flyout-triangle {
position: relative;
display: inline-block;
vertical-align: middle;
width: 0;
height: 0;
overflow: hidden;
font: 0/0 serif;
border-bottom: 5.5px solid #ffffff;
border-left: 5.5px solid transparent;
border-right: 5.5px solid transparent;
border-top: 0;
content: '';
position: absolute;
display: none;
top: 71px;
left: 10px;
z-index: 10001;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-icon-down {
display: none;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-icon-up {
display: inline-block;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-navigation-flyout-triangle {
display: block;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-submenu {
display: block;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-submenu i:after {
content: '\e200';
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu {
z-index: 5000;
margin-top: 10px;
background-color: #ffffff;
position: absolute;
left: 0;
display: none;
width: 762px;
box-shadow: 1px 1px 50px -5px;
padding: 18px 16px 20px 16px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection {
height: 100%;
padding-right: 22px;
float: left;
width: 22%;
color: #000000;
z-index: 3;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection span {
color: #3c3c3c;
cursor: default;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item {
margin-top: 20px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li {
height: 40px;
line-height: 14px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li > a.p-external-link:after {
color: #3c3c3c;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li a span {
cursor: pointer;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-subsection:not([data-index='0']):after {
content: '';
height: 100%;
width: 1px;
position: absolute;
top: 0;
background-color: #e0e0e0;
margin-left: -20px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu .p-sections:after {
content: '';
position: absolute;
background: #fff;
width: 100%;
left: 0;
bottom: 0;
height: 1px;
opacity: .2;
-ms-filter: alpha(opacity=20);
filter: alpha(opacity=20);
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout {
width: 200px;
padding: 0 !important;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout ul {
margin: 0;
padding: 20px 0 20px 20px;
top: 0;
display: block;
float: left;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout ul li {
height: 40px;
line-height: 14px;
width: 150px;
display: block;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout .p-subsection {
float: none;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout .p-subsection a {
color: #42145f;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu.p-flyout .p-subsection:not([data-index='0']):after {
display: none;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry span {
color: #ffffff;
}
.p-n30-header .p-nav-wrapper .p-main-entries a {
text-decoration: none;
outline: 0;
font-size: 12px;
}
.p-n30-header .p-nav-wrapper .p-n07-generic-breadcrumb {
margin: 10px 5px 0px 5px;
padding-top: 0;
}
.p-n30-header .p-quicklinks-submenu-wrapper .p-gc15-link-button a:not(.p-button) {
color: #ffffff;
}
.p-n30-header .p-n07-generic-breadcrumb {
margin: 0;
padding-top: 16px;
}
.p-n30-header > .breadcrumbpar .p-bc01-standardbreadcrumb {
margin-left: 0;
}
.p-n30-header .p-shoppingcart-container {
position: relative;
display: inline-table;
}
.p-n30-header .p-shoppingcart-container span {
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-webkit-opacity: 0.8;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80);
cursor: pointer;
}
.p-n30-header .p-shoppingcart-container span:hover,
.p-n30-header .p-shoppingcart-container span.p-active {
font-family: inherit;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
}
.p-n30-header .p-shoppingcart-container span:hover:before,
.p-n30-header .p-shoppingcart-container span.p-active:before {
position: absolute;
}
.p-n30-header .p-shoppingcart-container span:after {
color: #ffffff;
font-size: 18px;
}
.p-n30-header .p-shoppingcart-container .p-counter {
background-color: #e26d00;
border-radius: 50%;
display: none;
font-size: 1em;
height: 1.3em;
left: -10px;
line-height: 1.3em;
position: absolute;
text-align: center;
top: -30%;
width: 1.3em;
}
.p-n30-header .p-shoppingcart-container .p-counter b {
color: white;
padding-right: 1px;
vertical-align: middle;
}
.p-n30-header .p-icons-items {
display: inline-table;
vertical-align: middle;
height: 100%;
}
@media screen and (min-width: 961px) {
.p-header-page-v2.p-inverted .p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry > span {
color: #000000;
}
}
@media screen and (max-width: 960px) {
.p-n30-header .p-shoppingcart-container .p-icon-shoppingcart {
height: 25px;
padding: 10px 7px 10px 7px;
margin-left: 0;
vertical-align: top;
}
.p-n30-header .p-shoppingcart-container .p-icon-shoppingcart:after {
color: #000000;
}
.p-n30-header .p-shoppingcart-container .p-counter {
left: -5px;
top: 0;
}
}
@media screen and (max-width: 960px) {
.p-n30-header .p-external-link:after {
display: inline-block;
color: #000;
}
.p-n30-header .p-desktop-hidden {
display: inline-block;
}
.p-n30-header .p-fixed {
position: fixed;
}
.p-n30-header .p-hidden {
display: none;
}
.p-n30-header .p-logo-wrapper {
display: block;
}
.p-n30-header .breadcrumbpar {
display: none;
}
.p-n30-header nav,
.p-n30-header nav:before {
display: block;
position: fixed;
height: 100%;
top: 0;
bottom: 0;
}
.p-n30-header nav {
transition: right .3s;
right: -350px;
width: 350px;
background-color: #ffffff;
}
.p-n30-header nav:before {
right: 350px;
width: 30px;
background-color: #000000;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to left, #000000 0, #000000 0.5, #000000 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to left, #000000 0, #000000 0.5, #000000 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);
}
.p-n30-header nav.p-active {
right: 0;
}
.p-n30-header nav.p-active:before {
display: block;
}
.p-n30-header nav.p-active .p-nav-wrapper {
box-shadow: 1px 1px 50px -5px;
}
.p-n30-header nav .p-nav-wrapper {
width: 350px;
height: 100%;
position: relative;
overflow: hidden;
}
.p-n30-header nav .p-nav-wrapper .p-mobile-dock-bottom {
display: block;
position: absolute;
bottom: 0;
width: 350px;
min-height: 50px;
background-color: #0066a1;
}
.p-n30-header nav .p-nav-wrapper .p-mobile-dock-bottom .p-quicklinks-submenu-wrapper .parsys {
padding: 0 25px;
margin-bottom: -1px;
}
.p-n30-header nav .p-nav-wrapper .p-mobile-dock-bottom .p-quicklinks-submenu-wrapper .parsys > .section > div {
border-bottom: 1px solid #ffffff;
}
.p-n30-header nav .p-nav-wrapper .sectionpar {
width: 350px;
}
.p-n30-header nav .p-nav-wrapper .sectionpar .p-n14-link-list {
height: auto;
}
.p-n30-header nav .p-nav-wrapper .sectionpar .p-n14-link-list li a {
display: block;
}
.p-n30-header nav .p-nav-wrapper .sectionpar .p-n14-link-list li a span {
width: 50%;
display: inline;
}
.p-n30-header nav .p-nav-wrapper .navigation {
width: 1050px;
min-height: 450px;
max-height: 675px;
overflow-y: scroll;
position: relative;
margin-left: 0;
transition: margin-left 0.3s;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries {
width: 300px;
bottom: 100px;
margin: 0;
padding: 5px 25px 25px 25px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries a {
display: block;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries span {
font-size: 18px;
padding-left: 15px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-back-link {
color: #0066a1;
line-height: 50px;
font-weight: bold;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry {
display: block;
width: 100%;
height: 50px;
cursor: pointer;
line-height: 50px;
vertical-align: middle;
border-bottom: 1px solid gray;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .navigation-link {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry span {
color: #000000;
font-size: 14px;
padding-left: 15px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-inverted {
color: #000000;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon {
margin-right: 10px;
font-weight: bold;
float: right;
color: #000000;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon-prev {
float: left;
margin-left: -7px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon:after {
font-size: 11px;
font-weight: bold;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon-down:after {
content: '\e203';
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon-next:after {
content: '\e203';
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon-prev:after {
content: '\e202';
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu {
position: absolute;
width: 300px;
left: 350px;
top: 0;
margin: 0;
padding: 5px 25px 25px 25px;
box-shadow: none;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu span {
font-weight: bold;
color: #0066a1;
font-size: 18px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-back-to-root {
padding-left: 30px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection {
display: inline-block;
width: 100%;
height: 50px;
line-height: 50px;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
padding-right: 0;
border-bottom: 1px solid gray;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection span {
color: #000000;
font-weight: normal;
font-family: inherit;
font-size: 14px;
margin: 0;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection.p-active .p-submenu-item {
display: block;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item {
display: none;
position: absolute;
width: 300px;
left: 350px;
padding: 5px 25px 25px 25px;
top: 0;
background-color: #ffffff;
margin-top: 0;
line-height: 25px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item span {
font-weight: bold;
color: #0066a1;
font-size: 18px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li {
display: inline-block;
width: 100%;
height: 50px;
line-height: 50px;
vertical-align: middle;
border-bottom: 1px solid gray;
cursor: pointer;
margin-top: 0;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li a span {
font-weight: normal;
color: #000000;
font-size: 14px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item ul li:last-child {
border-bottom: none;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection:not(:first-child):after {
content: none;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection:last-child {
border-bottom: none;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu.p-flyout {
width: 350px !important;
padding: 0 !important;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu.p-flyout .p-initial-subsection {
padding: 20px 20px 0px 20px;
border-top: 1px solid #42145f;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu.p-flyout .p-subselection {
float: none;
padding: 0 20px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu.p-flyout .p-subselection .p-subsection:first-child {
border-top: 1px solid gray;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-last-element {
border-bottom: none;
}
.p-n30-header nav .p-nav-wrapper .p-active-submenu {
margin-left: -350px;
}
.p-n30-header nav .p-nav-wrapper .p-active-subsection {
margin-left: -700px;
}
.p-n30-header .p-quicklinks-wrapper {
z-index: 10000;
width: 78px;
height: 45px;
top: 0;
right: 0;
}
.p-n30-header .p-quicklinks-wrapper .section {
display: block;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu {
display: inline-block;
width: 18px;
height: 15px;
position: absolute;
top: 16px;
right: 22px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000000;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span:nth-child(1) {
top: 0;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span:nth-child(2),
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span:nth-child(3) {
top: 5px;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span:nth-child(4) {
top: 10px;
}
.p-n30-header .p-quicklinks-wrapper .open span:nth-child(1) {
top: 10px;
width: 0%;
left: 50%;
}
.p-n30-header .p-quicklinks-wrapper .open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.p-n30-header .p-quicklinks-wrapper .open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.p-n30-header .p-quicklinks-wrapper .open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.p-n30-header .p-quicklinks-submenu-wrapper .p-gc15-link-button {
padding: 15px 0px 15px 15px;
}
.p-n30-header .p-quicklinks-submenu-wrapper .p-gc15-link-button a {
background-color: transparent;
border: 0;
color: #ffffff;
display: inline;
padding: 0;
font-size: 14px;
}
.p-n30-header .p-quicklinks-submenu-wrapper .p-gc15-link-button a:after {
float: right;
content: "\e203";
font-size: 0.85em;
font-family: 'philips-global-icon-font';
margin-top: 3px;
height: auto;
transform: none;
}
.p-n30-header.p-inverted nav .p-nav-wrapper {
color: #3c3c3c;
}
}
@media screen and (min-width: 961px) {
body.cq-wcm-edit.genericheaderpage-v2,
body.cq-wcm-design.genericheaderpage-v2 {
background: #efeff4;
}
body.cq-wcm-edit .p-n30-header,
body.cq-wcm-design .p-n30-header {
overflow: visible;
white-space: nowrap;
z-index: 1000;
}
body.cq-wcm-edit .p-n30-header .p-nav-wrapper,
body.cq-wcm-design .p-n30-header .p-nav-wrapper {
width: 740px;
}
body.cq-wcm-edit .p-n30-header .p-nav-wrapper .p-l-visible,
body.cq-wcm-design .p-n30-header .p-nav-wrapper .p-l-visible,
body.cq-wcm-edit .p-n30-header .p-nav-wrapper .navigation.n30-header,
body.cq-wcm-design .p-n30-header .p-nav-wrapper .navigation.n30-header {
max-width: 400px;
}
body.cq-wcm-edit .p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper,
body.cq-wcm-design .p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper {
min-width: 300px;
}
body.cq-wcm-edit .p-n30-header .p-logo-wrapper,
body.cq-wcm-design .p-n30-header .p-logo-wrapper {
width: 150px;
}
.p-n30-header .p-external-link:after {
display: inline-block;
color: #fff;
}
.p-n30-header .p-nav-wrapper {
position: absolute;
top: 15px;
left: 120px;
right: 40px;
}
.p-n30-header .p-nav-wrapper .p-main-entries {
margin: 10px 0 0;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper {
position: absolute;
top: 9px;
right: 0;
height: 0;
width: 100%;
z-index: 10;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .quicklinkspar {
float: right;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper > .cq-editbar-placeholder {
float: right !important;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .section:not(.new) {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .section.new {
clear: both;
display: block;
float: right;
width: 200px;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .p-gc15-link-button a:after {
display: none;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .p-gc15-link-button .p-button {
margin-top: -2px;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .p-gc15-link-button .p-button.p-large {
margin-top: -7px;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .p-gc15-link-button .p-button.p-xlarge {
margin-top: -9px;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .gc15-linkbutton + .gc15-linkbutton {
margin-left: 0;
margin-right: 0;
}
.p-n30-header .p-nav-wrapper .p-quicklinks-submenu-wrapper .gc15-linkbutton + .gc15-linkbutton .p-gc15-link-button:before {
content: "|";
display: inline-block;
color: #ffffff;
float: left;
margin: 0px 6px 0px 3px;
}
.p-n30-header .p-nav-wrapper.p-with-sections .p-quicklinks-submenu-wrapper {
top: -2px;
}
.p-n30-header .breadcrumbpar .p-external-link:after {
display: none;
}
.p-n30-header.p-inverted .p-nav-wrapper .p-main-entries .p-main-entry span {
color: #3c3c3c;
}
.p-n30-header.p-inverted .p-nav-wrapper .p-main-entries .p-main-entry > .p-icon,
.p-n30-header.p-inverted .p-nav-wrapper .p-main-entries .p-main-entry > a > .p-icon,
.p-n30-header.p-inverted .p-nav-wrapper .p-main-entries .p-main-entry > a.p-external-link:after {
color: #3c3c3c;
}
.p-n30-header.p-inverted .p-nav-wrapper .p-main-entries .p-main-entry.p-active .p-submenu {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);
}
}
.p-n30-header .p-n14-link-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
width: 834px;
padding-bottom: 0px;
}
.p-n30-header .p-n14-link-list ul.p-grid {
text-align: left;
}
.p-n30-header .p-n14-link-list ul.p-grid li {
margin-right: 15px;
}
.p-n30-header .p-n14-link-list ul.p-grid li a {
color: #ffffff;
padding: 10px 0;
margin-bottom: -2px;
}
.p-n30-header .p-n14-link-list ul.p-grid li.active a {
font-weight: bold;
border-bottom: 2px solid rgba(255, 255, 255, 0.8);
padding-bottom: 11px;
}
.p-n30-header .p-n14-link-list.horizontal li a .p-text,
.p-n30-header .p-n14-link-list.horizontal-l-vertical-s li a .p-text {
border-left-width: 0;
font-size: 14px;
}
.p-n30-header .p-n14-link-list .active .p-text {
font-weight: bold;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
@media screen and (min-width: 961px) {
.p-n30-header .p-n14-link-list .p-external-link:after {
color: inherit;
position: relative;
top: -2px;
}
.p-n30-header.p-inverted .p-n14-link-list {
border-bottom-color: rgba(60, 60, 60, 0.2);
}
.p-n30-header.p-inverted .p-n14-link-list ul.p-grid li a {
color: #3c3c3c;
}
.p-n30-header.p-inverted .p-n14-link-list ul.p-grid li.active a {
border-bottom-color: rgba(60, 60, 60, 0.8);
}
}
@media screen and (max-width: 960px) {
.p-n30-header .p-n14-link-list {
background-color: #B3C8E6;
width: 300px;
margin: 0;
padding: 0 25px;
}
.p-n30-header .p-n14-link-list .horizontal-l-vertical-s li a {
border: none;
}
.p-n30-header .p-n14-link-list ul.p-grid {
margin-left: 0;
}
.p-n30-header .p-n14-link-list ul.p-grid li {
height: 50px;
line-height: 50px;
vertical-align: middle;
border-bottom: 1px solid #5C5C5C;
margin: 0;
padding: 0;
width: 100%;
}
.p-n30-header .p-n14-link-list ul.p-grid li.active {
display: none;
}
.p-n30-header .p-n14-link-list ul.p-grid li a {
color: #000000;
border-top: none;
margin: 0;
padding: 0 0 0 15px;
border: 0;
display: block;
height: 50px;
line-height: 50px;
vertical-align: middle;
cursor: pointer;
outline: 0;
width: auto;
}
.p-n30-header .p-n14-link-list ul.p-grid li a .p-text {
display: inline-block;
width: 89%;
height: 50px;
line-height: 50px;
vertical-align: middle;
cursor: pointer;
padding-left: 0;
padding-right: 0;
}
.p-n30-header .p-n14-link-list ul.p-grid li a .p-icon-container {
display: inline-block;
float: right;
}
.p-n30-header .p-n14-link-list ul.p-grid li a .p-icon-container .p-icon-next:after {
font-size: 11px;
font-weight: bold;
}
.p-n30-header .p-n14-link-list ul.p-grid li a.active {
border-bottom: 0;
}
.p-n30-header .p-n14-link-list ul.p-grid li:last-child {
border-bottom: none;
}
}
.p-ql01-search {
cursor: pointer;
width: 20px;
}
.p-ql01-search > .p-icon-magnifier:after,
.p-ql01-search > .p-icon-search:after {
color: #ffffff;
font-size: 18px;
}
.p-inverted .p-ql01-search > .p-icon-magnifier:after,
.p-inverted .p-ql01-search > .p-icon-search:after {
color: #3c3c3c;
}
@media screen and (max-width: 960px) {
.p-ql01-search > .p-icons-items {
line-height: 45px;
}
.p-ql01-search > .p-icon-magnifier:after,
.p-ql01-search > .p-icon-search:after {
color: #000000;
}
}
.p-ql02-countryselector {
color: #ffffff;
}
.p-ql02-countryselector:before {
color: inherit;
font-size: 0.8em;
}
.p-ql02-countryselector .p-controls {
cursor: pointer;
display: inline-block;
}
.p-ql02-countryselector .p-icon-globe {
font-size: 0.9em;
padding-right: 0.5em;
vertical-align: middle;
}
.p-ql02-countryselector .p-icon-down,
.p-ql02-countryselector .p-icon-up {
font-size: 0.7em;
padding-left: 0.5em;
}
.p-ql02-countryselector .p-flyout {
position: absolute;
left: 0;
right: 0;
z-index: 1000;
margin-top: 10px;
padding: 18px 16px 20px 16px;
background-color: #ffffff;
color: #3c3c3c;
text-align: initial;
}
.p-ql02-countryselector .p-flyout a {
color: #7d0063;
}
.p-ql02-countryselector .p-flyout .p-heading-03 {
font-size: 18px;
margin-bottom: 20px;
}
.p-ql02-countryselector .p-flyout .p-heading-03 i {
font-size: 0.7em;
padding-right: 0.7em;
}
.p-ql02-countryselector .p-flyout .p-region-list li {
margin-bottom: 14px;
}
.p-ql02-countryselector .p-flyout .p-region-list a {
outline: 0;
}
.p-ql02-countryselector .p-flyout .p-language-list li {
line-height: 1.8em;
}
.p-ql02-countryselector .p-flyout .p-language-list a,
.p-ql02-countryselector .p-flyout .p-language-list span {
display: inline-block;
vertical-align: top;
width: 50%;
}
@media screen and (min-width: 961px) {
.p-ql02-countryselector .p-language-label {
display: none;
}
.p-ql02-countryselector .p-flyout {
box-shadow: 1px 1px 50px -5px;
height: auto !important;
}
.p-ql02-countryselector .p-flyout .p-heading-03 a {
cursor: default;
text-decoration: none;
}
.p-ql02-countryselector .p-flyout .p-heading-03 i {
display: none;
}
.p-ql02-countryselector .p-language-list {
border-left: 1px solid #e0e0e0;
}
.p-inverted .p-ql02-countryselector {
color: #3c3c3c;
}
[dir=rtl] .p-ql02-countryselector .p-language-list {
border-left: 0;
border-right: 1px solid #e0e0e0;
}
}
@media screen and (max-width: 960px) {
.p-ql02-countryselector {
font-size: 14px;
padding: 15px 10px 15px 15px;
}
.p-ql02-countryselector .p-arrow-right-xs-s:before {
right: 10px;
}
.p-ql02-countryselector .p-icon-globe {
font-size: 21px;
}
.p-ql02-countryselector .p-icon-down,
.p-ql02-countryselector .p-icon-up {
display: none;
}
.p-ql02-countryselector .p-flyout {
bottom: 0px;
left: -25px;
right: -25px;
box-shadow: none;
margin-top: 0;
overflow: auto;
padding: 18px 25px 20px 25px;
}
.p-ql02-countryselector .p-region-list {
display: none;
}
.p-ql02-countryselector .p-region-link {
border-bottom: 1px solid #c4c8ca;
display: block;
font-weight: bold;
padding: 10px 15px 10px 15px;
text-decoration: none;
}
.p-ql02-countryselector .p-region-link .p-icon {
float: right;
}
.p-ql02-countryselector .p-language-list li {
border-bottom: 1px solid #c4c8ca;
font-size: 12px;
padding: 10px 15px 10px 15px;
}
.p-ql02-countryselector .p-language-list a {
text-decoration: none;
}
.ql02-countryselector + .ql03-languageselector {
display: none;
}
[dir=rtl] .p-ql02-countryselector {
padding-left: 10px;
padding-right: 15px;
}
[dir=rtl] .p-ql02-countryselector .p-icon-globe {
padding-left: 0.5em;
padding-right: 0;
}
}
.p-ql03-languageselector {
color: #ffffff;
}
.p-inverted .p-ql03-languageselector {
color: #3c3c3c;
}
.p-ql03-languageselector a {
color: #ffffff;
}
.p-inverted .p-ql03-languageselector a {
color: #3c3c3c;
}
.p-ql03-languageselector .p-separator {
display: inline-block;
padding-left: 2px;
padding-right: 2px;
}
@media screen and (min-width: 961px) {
.p-ql03-languageselector {
display: inline-block;
}
}
@media screen and (max-width: 960px) {
.p-ql03-languageselector {
padding: 15px 10px 15px 15px;
}
.p-ql03-languageselector .p-icon-globe {
color: #ffffff;
font-size: 21px;
padding-right: 0.5em;
vertical-align: middle;
}
.p-ql03-languageselector .p-arrow-right-xs-s:before {
right: 10px;
}
}
/*
Defaults
---------------------------*/
.n29-inpage-navigation {
display: block;
height: 63px;
}
.n29-inpage-navigation ::-webkit-scrollbar {
display: none;
}
.n29-inpage-navigation a {
color: #42145f;
}
.n29-inpage-navigation .p-n29-inpage-navigation {
display: block;
height: 60px;
padding-bottom: 2px;
border-bottom: 1px solid gray;
background-color: #ffffff;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-external-link:after {
display: inline-block;
color: #42145f;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-scroll-arrow-container {
right: 0;
position: absolute;
width: 60px;
height: 60px;
z-index: 10;
background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 30%);
background: -webkit-linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 30%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 30%);
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-scroll-arrow-container .p-scroll-arrow {
color: #42145f;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper {
max-width: 960px;
margin: 0 auto;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-navigation-title {
display: inline-block;
line-height: 60px;
margin-left: 0px;
font-weight: bold;
font-size: 16px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container {
margin: 0;
float: right;
display: inline-block;
height: inherit;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item {
display: inline-block;
min-width: 85px;
text-align: center;
height: 60px;
position: relative;
margin-right: 16px;
cursor: pointer;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-nav-link {
line-height: 60px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container {
z-index: 1000;
display: none;
position: absolute;
min-width: 150px;
padding: 20px 15px;
text-align: left;
background-color: #ffffff;
box-shadow: 0px 2px 9px -2px #631d76;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container .p-subnav-item {
list-style-type: none;
margin-top: 10px;
margin-bottom: 10px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container .p-subnav-item a {
color: #42145f;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container .p-subnav-item:hover {
font-weight: bold;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container.p-active {
display: block;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item:last-child .p-subnav-container {
right: 0;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-icon-down {
display: none;
font-size: 10px;
margin-left: 5px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item:hover {
border-bottom: 2px solid #7d0063;
margin-bottom: -2px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item:hover a:hover {
text-decoration: none;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item.p-active {
border-bottom: 2px solid #7d0063;
margin-bottom: -2px;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item.p-active .p-nav-link {
font-weight: bold;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item.p-active a {
color: #42145f;
text-decoration: none;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item.p-active .p-icon-down:after {
content: '\e200';
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item:last-child {
margin-right: 0;
}
.n29-inpage-navigation .p-n29-inpage-navigation.p-inverted-colors {
background-color: #b390bb;
border-bottom: none;
}
.n29-inpage-navigation .p-n29-inpage-navigation.p-inverted-colors .p-scroll-arrow-container {
background: -moz-linear-gradient(to right, rgba(0, 230, 150, 0) 0, #b390bb 30%);
background: -webkit-linear-gradient(to right, rgba(0, 230, 150, 0) 0, #b390bb 30%);
background: linear-gradient(to right, rgba(0, 230, 150, 0) 0, #b390bb 30%);
}
.n29-inpage-navigation .p-n29-inpage-navigation.p-inverted-colors a,
.n29-inpage-navigation .p-n29-inpage-navigation.p-inverted-colors h1 {
color: #42145f;
}
@media screen and (max-width: 960px) {
.n29-inpage-navigation {
display: block;
height: 63px;
}
.n29-inpage-navigation .p-n29-inpage-navigation {
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-navigation-title {
display: none;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container {
height: 60px;
position: relative;
float: none;
display: block;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item {
min-width: 125px;
margin-right: 0;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container {
z-index: 1000;
width: 100%;
position: fixed;
top: initial;
left: 0;
padding: 0;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item .p-subnav-container .p-subnav-item {
padding: 10px 0px 10px 15px;
border-bottom: 1px solid gray;
margin: 0;
}
.n29-inpage-navigation .p-n29-inpage-navigation .p-navigation-wrapper .p-nav-container .p-nav-item:last-child .p-subnav-container {
right: auto;
}
}
@media screen and (min-width: 961px) {
.p-n29-inpage-navigation .p-nav-container {
width: auto !important;
}
.p-n29-inpage-navigation .p-subnav-container.p-active {
margin-top: 1px !important;
}
}
.search-box__wrapper {
position: relative;
}
.se20-search-box {
width: 100%;
height: 0;
display: flex;
justify-content: center;
position: absolute;
left: 0;
background-color: #42145f;
z-index: 4999;
transition: all .5s;
visibility: hidden;
overflow: hidden;
}
.se20-search-box .se20__input-wrapper {
width: calc(100% - 16px);
max-width: 960px;
position: relative;
padding: 54px 0;
}
.se20-search-box .se20__input-field {
width: 100%;
height: 32px;
font-size: 18px;
padding: 0 4px 14px 10px;
color: #ffffff;
pointer-events: all;
background: rgba(0, 0, 0, 0);
border: none;
border-bottom: 2px solid #ffffff;
outline: none;
z-index: 1;
opacity: 0;
border-radius: 0;
}
.se20-search-box .se20__input-field--magnifying-glass {
z-index: 10;
position: absolute;
top: 64px;
right: 10px;
cursor: pointer;
opacity: 0;
}
.se20-search-box .se20__input-field--magnifying-glass:after {
content: '\e827';
font-family: 'philips-global-icon-font';
font-size: 20px;
color: #ffffff;
right: 0;
}
.se20-search-box .se20__input-field--clear {
z-index: 10;
position: absolute;
top: 58px;
right: 40px;
cursor: pointer;
display: none;
transition: 1s;
}
.se20-search-box .se20__input-field--clear:after {
content: '\00d7';
font-family: 'philips-global-icon-font';
font-size: 32px;
font-weight: bold;
color: #ffffff;
right: 0;
}
.se20-search-box .se20__input-field::-ms-clear {
display: none;
}
.se20-search-box--show {
height: 160px;
visibility: visible;
}
.se20-search-box--show .se20__input-wrapper .se20__input-field,
.se20-search-box--show .se20__input-wrapper .se20__input-field--magnifying-glass {
opacity: 1;
transition: opacity 1s, 2s;
}
.se20-search-box--static {
height: 160px;
visibility: visible;
transition: none;
}
.se20-search-box--static .se20__input-wrapper .se20__input-field,
.se20-search-box--static .se20__input-wrapper .se20__input-field--magnifying-glass {
display: block;
animation: fadeIn 1s forwards;
}
.se20-search-box--modified-height {
height: 400px;
}
.se20-search-box ::placeholder {
color: #d8d8d9;
}
.se20-search-box .se20__input-field:-ms-input-placeholder {
color: #d8d8d9;
opacity: 0.3 !important;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media screen and (max-width: 960px) {
.se20-search-box {
z-index: 4999;
}
.se20-search-box .se20__input-wrapper {
width: 100%;
padding: 34px 10px;
}
.se20-search-box .se20__input-field {
width: 100%;
padding: 0 0 4px 0;
}
.se20-search-box .se20__input-field--magnifying-glass {
top: 40px;
right: 20px;
}
.se20-search-box .se20__input-field--clear {
top: 34px;
right: 45px;
}
.se20-search-box--show {
height: 110px;
}
.se20-search-box--static {
height: 110px;
}
.se20-search-box--modified-height {
height: 360px;
}
}
.se21-search-suggestions {
width: 100%;
position: absolute;
z-index: 5001;
top: 120px;
transition: all 0s;
opacity: 0;
visibility: hidden;
}
.se21-search-suggestions .se21__suggestions-title {
margin-top: 20px;
padding-left: 10px;
}
.se21-search-suggestions .se21__suggestions-list {
width: 950px;
margin: 0 auto;
padding-left: 10px;
}
.se21-search-suggestions .se21__suggestions-list-item {
font-size: 18px;
margin-top: 14px;
}
.se21-search-suggestions .se21__suggestions-list-item-link {
line-height: 27px;
color: #ffffff;
}
.se21-search-suggestions--show {
opacity: 1;
transition-delay: .5s;
visibility: visible;
}
@media screen and (max-width: 960px) {
.se21-search-suggestions {
top: 85px;
}
.se21-search-suggestions .se21__suggestions-list {
width: calc(100% - 20px);
margin: 0 10px;
padding-left: 0;
}
}
.sc10-dealer-locator .sc10__wrapper {
height: 80vh;
}
.sc10-dealer-locator .sc10__left-panel {
display: flex;
flex-direction: column;
height: 100%;
}
.sc10-dealer-locator .sc10__input-wrapper {
padding: 20px 30px 0 20px;
}
.sc10-dealer-locator .sc10__input-field {
width: 100%;
border: solid 1px #c2c2c2;
border-radius: 2px;
padding: 3px 0 3px 11px;
}
.sc10-dealer-locator .sc10__search-button {
margin: 15px 20px 0 20px;
font-size: 14px;
}
.sc10-dealer-locator .sc10__filters-container {
margin: 15px 20px 10px 20px;
background: #d3deed;
display: none;
border-radius: 2px;
}
.sc10-dealer-locator .sc10__filters-container-visible {
display: block;
}
.sc10-dealer-locator .sc10__filters-container-expanded {
overflow: auto;
}
.sc10-dealer-locator .sc10__filter-subsection {
color: #323232;
font-weight: bold;
margin: 18px 10px 3px 10px;
}
.sc10-dealer-locator .sc10__brand-filters-wrapper,
.sc10-dealer-locator .sc10__product-filters-wrapper,
.sc10-dealer-locator .sc10__partner-filters-wrapper {
margin: 3px 11px;
}
.sc10-dealer-locator .sc10__filters-values {
display: none;
overflow: auto;
}
.sc10-dealer-locator .sc10__filters-values-visible {
display: block;
}
.sc10-dealer-locator .sc10__filters-toggle {
color: #0066a1;
position: relative;
margin: 3px 11px;
}
.sc10-dealer-locator .sc10__filters-toggle:hover {
cursor: pointer;
}
.sc10-dealer-locator .sc10__filters-toggle:after {
content: '\e201';
font-size: 14px;
font-family: 'philips-global-icon-font';
position: absolute;
right: 0;
}
.sc10-dealer-locator .sc10__filters-toggle--expanded:after {
content: '\e200';
}
.sc10-dealer-locator .sc10__apply_filter-button-container {
background: #ffffff;
box-shadow: 0 1px 13px 0 rgba(68, 68, 68, 0.5);
padding: 20px 11px;
display: none;
}
.sc10-dealer-locator .sc10__apply_filter-button-container-visible {
display: block;
}
.sc10-dealer-locator .sc10__apply-filter-button {
width: 100%;
font-size: 14px;
}
.sc10-dealer-locator .sc10__results-wrapper {
margin-top: 20px;
overflow: auto;
box-shadow: inset 0 11px 8px -10px #cccccc, inset 0 -11px 8px -10px #cccccc;
}
.sc10-dealer-locator .sc10__results-wrapper-hidden {
display: none;
}
.sc10-dealer-locator .sc10__results-wrapper:empty {
padding-top: 0;
margin-top: 0;
box-shadow: unset;
}
.sc10-dealer-locator .sc10__results-list-item {
padding: 10px 20px 10px 20px;
border-bottom: 1px solid #cccccc;
}
.sc10-dealer-locator .sc10__results-list-item-title:hover {
text-decoration: underline;
}
.sc10-dealer-locator .sc10__results-list-item-region {
margin-bottom: 10px;
}
.sc10-dealer-locator .sc10__results-list-item-phone,
.sc10-dealer-locator .sc10__results-list-item-directions,
.sc10-dealer-locator .sc10__results-list-item-website,
.sc10-dealer-locator .sc10__results-list-item-email {
display: table;
}
.sc10-dealer-locator .sc10__results-list-item-phone--mobile,
.sc10-dealer-locator .sc10__results-list-item-directions--mobile,
.sc10-dealer-locator .sc10__results-list-item-website--mobile,
.sc10-dealer-locator .sc10__results-list-item-email--mobile {
display: none;
}
.sc10-dealer-locator .sc10__results-list-item-phone--mobile:before,
.sc10-dealer-locator .sc10__results-list-item-directions--mobile:before,
.sc10-dealer-locator .sc10__results-list-item-website--mobile:before,
.sc10-dealer-locator .sc10__results-list-item-email--mobile:before {
font-family: 'philips-global-icon-font';
padding-right: 10px;
display: inline-block;
}
.sc10-dealer-locator .sc10__results-list-item-phone:before,
.sc10-dealer-locator .sc10__results-list-item-directions:before,
.sc10-dealer-locator .sc10__results-list-item-website:before,
.sc10-dealer-locator .sc10__results-list-item-email:before {
font-family: 'philips-global-icon-font';
padding-right: 10px;
display: inline-block;
}
.sc10-dealer-locator .sc10__results-list-item-phone:before,
.sc10-dealer-locator .sc10__results-list-item .sc10__results-list-item-phone--mobile:before {
content: '\e224';
}
.sc10-dealer-locator .sc10__results-list-item-email:before,
.sc10-dealer-locator .sc10__results-list-item .sc10__results-list-item-email--mobile:before {
content: '\e22d';
}
.sc10-dealer-locator .sc10__results-list-item-website:before,
.sc10-dealer-locator .sc10__results-list-item .sc10__results-list-item-website--mobile:before {
content: '\e824';
}
.sc10-dealer-locator .sc10__results-list-item-directions:before,
.sc10-dealer-locator .sc10__results-list-item .sc10__results-list-item-directions--mobile:before {
content: '\e818';
}
.sc10-dealer-locator .sc10__results-list-item-info {
margin: 10px 0;
}
.sc10-dealer-locator .sc10__results-list-item-info .sc10__products-title,
.sc10-dealer-locator .sc10__results-list-item-info .sc10__brands-title {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.sc10-dealer-locator .sc10__results-list-item-info .sc10__products-text,
.sc10-dealer-locator .sc10__results-list-item-info .sc10__brands-text {
font-size: 12px;
}
.sc10-dealer-locator .sc10__results-list-item-info .sc10__products-text:not(:last-child):after,
.sc10-dealer-locator .sc10__results-list-item-info .sc10__brands-text:not(:last-child):after {
content: ', ';
}
.sc10-dealer-locator .sc10__results-list-item--mobile-wrapper {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.sc10-dealer-locator .sc10__results-list-item--active {
background-color: #d3deed;
}
.sc10-dealer-locator .sc10__results-list-item:hover {
cursor: pointer;
background-color: #d3deed;
}
.sc10-dealer-locator .sc10__no-results-wrapper {
margin: 15px 20px 0 20px;
}
.sc10-dealer-locator .sc10__no-results-wrapper:empty {
margin-top: 0;
}
.sc10-dealer-locator .sc10__map {
height: 80vh;
}
.sc10-dealer-locator .sc10__map .sc10__tooltip-phone:before,
.sc10-dealer-locator .sc10__map .sc10__tooltip-email:before,
.sc10-dealer-locator .sc10__map .sc10__tooltip-website:before,
.sc10-dealer-locator .sc10__map .sc10__tooltip-directions:before {
font-family: 'philips-global-icon-font';
padding-right: 5px;
}
.sc10-dealer-locator .sc10__map .sc10__tooltip-phone:before {
content: '\e224';
}
.sc10-dealer-locator .sc10__map .sc10__tooltip-email:before {
content: '\e22d';
}
.sc10-dealer-locator .sc10__map .sc10__tooltip-website:before {
content: '\e824';
}
.sc10-dealer-locator .sc10__map .sc10__tooltip-directions:before {
content: '\e818';
}
.sc10-dealer-locator .sc10__result-count .count {
font-weight: bold;
}
.sc10-dealer-locator .sc10__resultcount-wrapper {
margin: 0 20px;
}
.sc10-dealer-locator .sc10__resultcount-wrapper-hidden {
display: none;
}
.sc10-dealer-locator .sc10__active_filters {
margin: 15px 20px 0 20px;
display: none;
}
.sc10-dealer-locator .sc10__active_filters-visible {
display: block;
}
.sc10-dealer-locator .sc10__active_filters .showall {
display: none;
padding-right: 30px;
}
.sc10-dealer-locator .sc10__active_filters .showall:hover {
cursor: pointer;
}
.sc10-dealer-locator .sc10__active_filters .showall:after {
content: '\e201';
font-family: 'philips-global-icon-font';
vertical-align: middle;
margin-left: 8px;
font-size: 10px;
}
.sc10-dealer-locator .sc10__active_filters .showall-visible {
display: block;
}
.sc10-dealer-locator .sc10__active_filters .showall-expanded:after {
content: '\e200';
}
.sc10-dealer-locator .sc10__remove-all-filters {
display: inline-block;
background-color: #d4d4d4;
border-radius: 2px;
padding: 3px 9px 4px 9px;
margin-bottom: 10px;
}
.sc10-dealer-locator .sc10__remove-all-filters:before {
content: '\e636';
font-size: 12px;
color: #323232;
font-family: 'philips-global-icon-font';
}
.sc10-dealer-locator .sc10__remove-all-filters:hover {
cursor: pointer;
background-color: #a6a6a6;
}
.sc10-dealer-locator .sc10__remove-all-filters-hidden {
display: none;
}
.sc10-dealer-locator .sc10__active-filters-wrapper {
display: inline-block;
}
.sc10-dealer-locator .sc10__active-filter-item {
display: inline-block;
padding: 4px 10px;
margin-right: 10px;
margin-bottom: 10px;
border-radius: 2px;
color: #323232;
background-color: #d4d4d4;
font-size: 12px;
}
.sc10-dealer-locator .sc10__active-filter-item:nth-child(n+3) {
display: none;
}
.sc10-dealer-locator .sc10__active-filter-item:before {
content: '\e20f';
padding-right: 10px;
font-size: 10px;
font-family: 'philips-global-icon-font';
}
.sc10-dealer-locator .sc10__active-filter-item:hover {
cursor: pointer;
background-color: #a6a6a6;
}
.sc10-dealer-locator .sc10__active-filter-item.visible:nth-child(n+3) {
display: inline-block;
}
.sc10-dealer-locator .sc10__tooltip-wrapper {
margin: 10px 0 10px 8px;
}
.sc10-dealer-locator .sc10__tooltip-title {
display: block;
text-align: center;
margin-bottom: 20px;
}
.sc10-dealer-locator .sc10__tooltip-directions {
margin-bottom: 0;
}
.sc10-dealer-locator .sc10__tooltip-phone,
.sc10-dealer-locator .sc10__tooltip-website,
.sc10-dealer-locator .sc10__tooltip-directions,
.sc10-dealer-locator .sc10__tooltip-email {
display: inline-block;
}
.sc10-dealer-locator .sc10__tooltip:not(:last-child) {
margin-right: 10px;
}
.sc10-dealer-locator .sc10__filter__container {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 5px;
cursor: pointer;
user-select: none;
}
.sc10-dealer-locator .sc10__filter__container-active {
font-weight: bold;
}
.sc10-dealer-locator .sc10__checkbox {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.sc10-dealer-locator .sc10__checkbox:checked ~ .sc10__checkmark:after {
display: block;
}
.sc10-dealer-locator .sc10__checkmark {
position: absolute;
top: 2px;
left: 0;
height: 14px;
width: 14px;
border: 1px solid #a6a6a6;
border-radius: 2px;
}
.sc10-dealer-locator .sc10__checkmark:after {
content: '';
position: absolute;
display: none;
left: 4px;
width: 4px;
height: 10px;
border: solid #0066a1;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
@media screen and (max-width: 700px) {
.sc10-dealer-locator .sc10__map {
display: none;
}
.sc10-dealer-locator .sc10__results-list-item-phone,
.sc10-dealer-locator .sc10__results-list-item-directions,
.sc10-dealer-locator .sc10__results-list-item-website,
.sc10-dealer-locator .sc10__results-list-item-email {
display: none;
}
.sc10-dealer-locator .sc10__results-list-item-phone--mobile,
.sc10-dealer-locator .sc10__results-list-item-directions--mobile,
.sc10-dealer-locator .sc10__results-list-item-website--mobile,
.sc10-dealer-locator .sc10__results-list-item-email--mobile {
display: block;
flex-grow: 1;
padding: 5px;
margin-bottom: 0;
}
.sc10-dealer-locator .sc10__results-list-item-phone--mobile:not(:last-child),
.sc10-dealer-locator .sc10__results-list-item-directions--mobile:not(:last-child),
.sc10-dealer-locator .sc10__results-list-item-website--mobile:not(:last-child),
.sc10-dealer-locator .sc10__results-list-item-email--mobile:not(:last-child) {
margin-right: 10px;
}
.sc10-dealer-locator .sc10__active_filters {
display: none;
}
}
.se22-search-results {
padding-top: 80px;
padding-bottom: 1px;
margin-top: 160px;
background-color: #eaeaea;
}
.se22-search-results .se22-results-title,
.se22-search-results .se22-results-wrapper {
max-width: 960px;
margin: 0 auto 20px auto;
}
.se22-search-results .se22-results-wrapper .se22-list-item {
min-height: 130px;
margin: 0 0 20px 0;
background-color: #ffffff;
cursor: pointer;
overflow: hidden;
}
.se22-search-results .se22-results-wrapper .se22__main-wrapper {
background-color: #ffffff;
display: flex;
}
.se22-search-results .se22-results-wrapper .se22__content-image-wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.se22-search-results .se22-results-wrapper .se22__content-image {
position: relative;
object-fit: scale-down;
max-width: 100%;
width: 100%;
max-height: 200px;
}
.se22-search-results .se22-results-wrapper .se22__content-image[src$=".gif"] {
max-width: 120px;
height: auto;
margin: auto;
}
.se22-search-results .se22-results-wrapper .se22__content-wrapper {
padding: 14px 20px;
}
.se22-search-results .se22-results-wrapper .se22__tag {
padding: 0 8px;
margin-bottom: 10px;
font-size: 12px;
color: #ffffff;
background-color: #0066a1;
display: inline-block;
}
.se22-search-results .se22-results-wrapper .se22__title {
margin-bottom: 10px;
}
.se22-search-results .se22-results-wrapper .se22__title-link {
font-size: 18px;
line-height: 1.44;
color: #7d0063;
}
.se22-search-results .se22-results-wrapper .se22__title-link--isExternalLink::after {
margin-left: 5px;
font-family: 'philips-global-icon-font';
font-size: 14px;
content: "\e824";
}
.se22-search-results .se22-results-wrapper .se22__title-link:hover {
text-decoration: underline;
}
.se22-search-results .se22-results-wrapper .se22__title em {
font-style: normal;
}
.se22-search-results .se22-results-wrapper .se22__description {
font-size: 14px;
}
.se22-search-results .se22-results-wrapper .se22__description em {
font-style: normal;
font-weight: 700;
}
.se22-search-results .se22-results-wrapper .se22__description .strikethrough {
text-decoration: line-through;
}
.se22-search-results .se22-results-wrapper .se22__brand-image-wrapper {
padding: 0;
}
.se22-search-results .se22-results-wrapper .se22__brand-image {
float: right;
max-width: 112px;
padding-top: 14px;
padding-right: 20px;
}
.se22-search-results .se22-results-wrapper .se22__productid-wrapper {
padding: 16px 24px;
background-color: #ffffff;
display: none;
}
.se22-search-results .se22-results-wrapper .se22__productid-wrapper--visible {
display: block;
}
.se22-search-results .se22-results-wrapper .se22__productid {
padding-left: 0;
padding-right: 24px;
padding-top: 16px;
}
.se22-search-results .se22-results-wrapper .se22__productid em {
font-style: normal;
font-weight: 700;
}
.se22-search-results .se22-results-wrapper .se22__productid-show-all-products-link:after {
font-family: 'philips-global-icon-font';
content: '\e826';
font-size: 12px;
padding: 4px;
}
.se22-search-results .se22-results-wrapper .se22-noResults {
margin-bottom: 50px;
}
.se22-search-results .se22-results-wrapper .se22-noResults ul {
margin-top: 20px;
}
@media screen and (max-width: 960px) {
.se22-search-results {
margin-top: 110px;
}
.se22-search-results .se22-results-wrapper .se22-list-item {
margin: 0 8px 20px 8px;
}
.se22-search-results .se22-results-wrapper .se22-noResults {
padding-left: 10px;
margin-bottom: 10px;
}
.se22-search-results .se22-results-wrapper .se22-noResults ul {
margin-top: 10px;
}
}
@media screen and (max-width: 700px) {
.se22-search-results .se22-results-title {
margin-left: 2%;
}
.se22-search-results .se22-results-wrapper .se22-list-item {
display: list-item;
}
.se22-search-results .se22-results-wrapper .se22-list-item .se22__content-image-wrapper {
align-items: center;
justify-content: center;
padding-top: 16px;
display: flex;
}
.se22-search-results .se22-results-wrapper .se22-list-item .se22__content-image-wrapper .se22__content-image {
position: initial;
width: auto;
max-width: 50%;
height: auto;
max-height: 200px;
}
.se22-search-results .se22-results-wrapper .se22-list-item .se22__content-image-wrapper .se22__content-image[src$=".gif"] {
max-width: 120px;
height: auto;
margin: auto;
}
.se22-search-results .se22-results-wrapper .se22-list-item .se22__brand-image {
float: left;
max-width: 70px;
padding-bottom: 14px;
padding-left: 20px;
}
.se22-search-results .se22-results-wrapper .se22-list-item .se22__productid-wrapper {
display: none;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.se22-search-results .se22-results-title {
margin-left: 8px;
}
}
@media (max-width: 516px) {
.se22-search-results .se22-results-wrapper .se22__main-wrapper {
flex-flow: column;
}
.se22-search-results .se22-results-wrapper .se22__content-image,
.se22-search-results .se22-results-wrapper .se22-list-item .se22__content-image-wrapper .se22__content-image {
max-width: 90%;
}
}
@media (min-width: 517px) and (max-width: 992px) {
.se22-search-results .se22-results-wrapper .se22__content-image,
.se22-search-results .se22-results-wrapper .se22-list-item .se22__content-image-wrapper .se22__content-image {
height: inherit;
max-width: 60%;
}
}
.n42 {
display: flex;
flex-direction: row;
justify-content: center;
font-family: centrale_sans_medium, tahoma, arial, helvetica, sans-serif, arial, helvetica, sans-serif;
font-size: 14px;
width: 100%;
}
@media screen and (min-width: 701px) and (max-width: 960px), screen and (min-width: 961px) {
.n42 {
margin: 8px 0 24px 0;
}
}
.n42__button {
width: 26px;
height: 26px;
line-height: 26px;
background-color: transparent;
text-align: center;
margin-left: 8px;
border-radius: 2px;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
color: #888888;
}
.n42__button--highlighted {
font-size: 16px;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.n42__button:hover:not(.n42__button--highlighted):not(.n42__load-more) {
color: #252525;
cursor: pointer;
}
.n42__arrow {
color: #7d0063;
font-weight: bold;
display: flex;
align-items: center;
font-family: 'philips-global-icon-font';
font-size: 12px;
}
.n42__arrow:hover {
text-decoration: none;
cursor: pointer;
}
.n42__ellipsis {
margin: 2px 0 0 8px;
}
.n42__group {
padding: 10px 0;
display: flex;
flex-direction: row;
}
.n42__load-more {
width: 100%;
max-height: 20px;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: middle;
font-size: 14px;
border: 1px #80b3d0 solid;
line-height: 17px;
margin: 18px 7px 20px 6px;
min-width: 78px;
padding: 7px 20px 5px 20px;
text-decoration: none;
}
.n42__load-more:hover {
text-decoration: none;
cursor: pointer;
}
.se27__download-links-wrapper {
margin-top: 10px;
}
.se27__download-link {
margin-right: 40px;
}
.se27__productid-link {
text-align: center;
}
.se27__productid-link i {
font-size: 12px;
padding: 4px;
}
.se27__productid-link i:hover {
text-decoration: none;
}
@media (min-width: 517px) and (max-width: 992px) {
.se27__download-links-wrapper {
display: flex;
flex-flow: column;
}
}
@media screen and (max-width: 700px) {
.se27__download-link {
display: block;
}
.se27__download-link:not(:last-child) {
margin-bottom: 20px;
}
.se27__productid-link {
display: none;
}
}
.se28-keymatch-banner {
max-width: 960px;
margin: 0 auto 20px auto;
}
@media screen and (max-width: 960px) {
.se28-keymatch-banner {
margin: 0 8px 20px 8px;
}
}
.se24-result-filters {
max-width: 960px;
margin: 0 auto 25px auto;
}
.se24-result-filters .se24-result-filters-wrapper {
margin-bottom: 20px;
}
.se24-result-filters .se24__filter-dropdown-wrapper {
position: relative;
background-color: #ffffff;
background-clip: content-box;
}
.se24-result-filters .se24__filter-dropdown-wrapper--active .se24__filter-dropdown-title:after {
content: '\e200';
}
.se24-result-filters .se24__filter-dropdown-wrapper--active .se24__filter-dropdown {
display: block;
}
.se24-result-filters .se24__filter-dropdown-wrapper--inactive {
background-color: #fafafa;
pointer-events: none;
}
.se24-result-filters .se24__filter-dropdown-wrapper--inactive .se24__filter-dropdown-title {
color: #999999;
}
.se24-result-filters .se24__filter-dropdown {
display: none;
position: absolute;
background-color: #ffffff;
z-index: 2;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
top: 28px;
left: 0;
right: 0;
}
.se24-result-filters .se24__filter-dropdown-title {
height: 25px;
border-radius: 2px;
position: relative;
line-height: 25px;
padding-left: 10px;
border: solid 1px #c2c2c2;
color: #7d0063;
text-transform: capitalize;
}
.se24-result-filters .se24__filter-dropdown-title:after {
content: '\e201';
font-family: 'philips-global-icon-font';
right: 10px;
position: absolute;
}
.se24-result-filters .se24__filter-dropdown-title:hover {
cursor: pointer;
}
.se24-result-filters .se24__filter-dropdown-item {
height: 50px;
padding: 0 10px;
display: flex;
justify-content: center;
align-content: center;
flex-direction: column;
}
.se24-result-filters .se24__filter-dropdown-item--active {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.se24-result-filters .se24__filter-dropdown-item:hover {
color: #ffffff;
background-color: #7d0063;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
cursor: pointer;
}
.se24-result-filters .se24__filter-dropdown--mobile {
display: none;
}
.se24-result-filters .se24__filter-dropdown--mobile--disabled {
display: none;
}
.se24-result-filters .se24-active-filters-wrapper {
display: inline-block;
}
.se24-result-filters .se24__active-filter-item {
display: inline-block;
padding: 4px 10px;
margin-right: 20px;
border-radius: 2px;
background-color: #d4d4d4;
}
.se24-result-filters .se24__active-filter-item:before {
content: '\e20f';
padding-right: 10px;
font-size: 8px;
font-family: 'philips-global-icon-font';
}
.se24-result-filters .se24__active-filter-item:hover {
cursor: pointer;
background-color: #a6a6a6;
}
.se24-result-filters .se24__reset-all-filters {
cursor: pointer;
display: none;
}
.se24-result-filters .se24__reset-all-filters--active {
display: inline-block;
}
@media screen and (max-width: 700px) {
.se24-result-filters {
width: 97%;
}
.se24-result-filters-wrapper {
display: none;
}
.se24-result-filters-wrapper--active {
display: block;
}
.se24-result-filters .se24__filter-dropdown {
left: 8px;
top: 36px;
}
.se24-result-filters .se24__filter-dropdown-title {
height: 34px;
line-height: 34px;
}
.se24-result-filters .se24__filter-dropdown--mobile {
display: block;
min-height: 34px;
border-radius: 2px;
position: relative;
line-height: 34px;
padding-left: 10px;
border: solid 1px #c2c2c2;
color: #7d0063;
background-color: #ffffff;
}
.se24-result-filters .se24__filter-dropdown--mobile:after {
content: '\e201';
font-size: 14px;
font-family: 'philips-global-icon-font';
position: absolute;
right: 10px;
}
.se24-result-filters .se24__filter-dropdown--mobile--active:after {
content: '\e200';
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.se24__filter-dropdown {
margin-left: 10px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.se24-result-filters-wrapper {
margin: 0 8px 0 -8px;
}
.se24-result-filters-wrapper .se24__filter-dropdown {
margin-left: 16px;
}
}
@media screen and (min-width: 961px) {
.se24__filter-dropdown {
margin-left: 22px;
}
}
.se25-content-filter {
max-width: 960px;
margin: 0 auto 18px auto;
}
.se25__filter-tab {
display: inline-block;
margin-right: 20px;
font-weight: bold;
}
.se25__filter-tab--active {
border-bottom: 2px solid #7d0063;
}
.se25__filter-tab:hover {
cursor: pointer;
}
.se25__filter-tab--mobile {
display: none;
}
.se25__filter-tab--disabled {
color: #999999;
}
.se25__filter-tab--disabled:hover {
cursor: default;
}
.se25__filter-tab--disabled--active {
border-bottom: none;
}
.se25__filter-wrapper {
display: inline;
}
@media screen and (max-width: 700px) {
.se25-content-filter {
width: 98%;
background: #ffffff;
color: #7d0063;
}
.se25__filter-wrapper {
display: none;
}
.se25__filter-wrapper--active {
display: block;
}
.se25__filter-tab {
font-weight: normal;
margin: 8px 14px 6px 10px;
width: 100%;
}
.se25__filter-tab:hover {
cursor: pointer;
}
.se25__filter-tab:first-child {
margin-left: 10px;
}
.se25__filter-tab--active {
border-bottom: none;
font-weight: bold;
}
.se25__filter-tab--disabled {
color: #999999;
}
.se25__filter-tab--disabled:hover {
cursor: default;
}
.se25__filter-tab--disabled--active {
border-bottom: none;
}
.se25__filter-tab--mobile.toggle {
display: block;
border: solid 1px #c2c2c2;
color: #7d0063;
height: 34px;
border-radius: 2px;
position: relative;
line-height: 34px;
padding-left: 10px;
cursor: pointer;
}
.se25__filter-tab--mobile.toggle:after {
content: '\e201';
font-size: 14px;
font-family: 'philips-global-icon-font';
position: absolute;
right: 10px;
}
.se25__filter-tab--mobile.toggle--active:after {
content: '\e200';
}
.se25__filter-tab--mobile.toggle--hidden {
display: none;
}
}
@media screen and (max-width: 960px) {
.se25-content-filter {
margin: 0 auto 18px auto;
}
.se25__filter-tab:first-child {
margin-left: 8px;
}
}
.green-switch-calculator {
background: #3c3c41;
}
.green-switch-calculator {
/*Mobile View style sheet mode*/
}
.green-switch-calculator .body-container {
margin: 0 auto;
max-width: 1280px;
box-sizing: border-box;
}
.green-switch-calculator .lp-logo {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/gs-calculator-logo.svg');
background-repeat: no-repeat;
background-position: center;
width: 106px;
height: 107px;
}
.green-switch-calculator .lp-cities-icon {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-lp-cities.png');
background-repeat: no-repeat;
background-position: center;
width: 90px;
height: 90px;
}
.green-switch-calculator .lp-business-icon {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-lp-business.png');
background-repeat: no-repeat;
background-position: center;
width: 90px;
height: 90px;
}
.green-switch-calculator .lp-residential-icon {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-lp-residential.png');
background-repeat: no-repeat;
background-position: center;
width: 90px;
height: 90px;
}
.green-switch-calculator .lp-calculator-background {
padding: 30px 0 0 0;
}
.green-switch-calculator .lp-calc-logo {
flex-wrap: wrap;
display: flex;
align-content: space-around;
justify-content: center;
align-items: center;
}
.green-switch-calculator .lp-content-header {
padding: 50px 0 30px 0;
display: flex;
justify-content: center;
font-family: rs_demibold, tahoma, arial, helvetica, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 56px;
text-align: center;
color: #FFFFFF;
}
.green-switch-calculator .lp-content {
display: flex;
justify-content: center;
font-size: 18px;
line-height: 23px;
text-align: center;
color: #EEEEEE;
}
.green-switch-calculator .lp-desc-one {
font-weight: 700;
}
.green-switch-calculator .lp-desc-two {
font-weight: 400;
}
.green-switch-calculator .lp-img-content {
display: flex;
justify-content: center;
margin: 25px 0 0 0;
}
.green-switch-calculator .lp-image-container {
display: flex;
flex-wrap: wrap;
width: 70%;
justify-content: center;
flex-direction: row;
padding: 0 0 100px 0;
}
.green-switch-calculator .lp-img-tile {
display: flex;
justify-content: center;
align-items: center;
width: 170px;
height: 172px;
margin: 8px 10px 8px 0px;
border-radius: 8px;
border: 1px 0px 0px 0px;
background-color: #FFFFFF;
flex-direction: column;
cursor: pointer;
}
.green-switch-calculator .lp-img-tile:hover {
box-shadow: #00E696 0px 1px 10px;
}
.green-switch-calculator .lp-img-text {
font-family: rs_demibold, tahoma, arial, helvetica, sans-serif;
font-size: 23px;
font-weight: 700;
line-height: 30px;
text-align: left;
color: #3C3C41;
padding: 0 0 10px 0;
}
@media screen and (max-width: 700px) {
.green-switch-calculator .lp-img-tile {
display: flex;
width: 100%;
border-radius: 8px;
border: 1px 0 0 0;
background-color: #fff;
padding: 8px 16px 8px 16px;
border: 1px solid #fff;
cursor: pointer;
margin: 5px;
}
.green-switch-calculator .lp-img-text {
font-weight: 700;
font-size: 26px;
line-height: 32px;
text-align: left;
color: #3C3C41;
padding: 0 0 20px 0;
}
.green-switch-calculator .lp-image-container {
display: flex;
width: 60%;
}
.green-switch-calculator .lp-content-header {
display: flex;
justify-content: center;
font-size: 26px;
font-weight: 600;
line-height: 32px;
text-align: center;
color: #FFFFFF;
}
.green-switch-calculator .lp-content {
display: flex;
justify-content: center;
font-size: 18px;
line-height: 28px;
text-align: center;
color: #EEEEEE;
}
.green-switch-calculator .lp-desc-one {
font-weight: 700;
}
.green-switch-calculator .lp-desc-two {
font-weight: 400;
}
.green-switch-calculator .lp-calc-logo {
flex-wrap: wrap;
display: flex;
align-content: space-around;
justify-content: center;
align-items: center;
}
.green-switch-calculator .lp-calculator-background {
width: 100%;
height: fit-content;
}
}
.green-switch-calculator {
/* -------------- Desktop view starts -------------- */
/* -------------- Desktop view ends -------------- */
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .aa-calculator-background {
background: #3C3C41;
}
.green-switch-calculator .current-step {
flex-wrap: wrap;
display: flex;
align-content: space-around;
justify-content: center;
align-items: center;
}
.green-switch-calculator .current-step-span {
width: 40px;
margin: 40px 0 0 0;
font-size: 15px;
font-weight: 700;
line-height: 24px;
display: flex;
align-content: flex-end;
align-items: center;
justify-content: center;
text-align: center;
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .current-step-img {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/gs-current-page.svg');
}
.green-switch-calculator .other-step-img {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/gs-other-page.svg');
color: #00E696;
opacity: 0.5;
}
.green-switch-calculator .app-area {
display: flex;
justify-content: center;
color: #00E696;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
margin: 20px 0 20px 0;
}
.green-switch-calculator .app-desc-container {
display: flex;
flex-direction: column;
align-items: center;
}
.green-switch-calculator .app-header {
display: flex;
justify-content: center;
font-family: rs_demibold, tahoma, arial, helvetica, sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 24px;
text-align: center;
color: #FFFFFF;
margin: 40px 0 20px 0;
}
.green-switch-calculator .app-header-desc {
display: flex;
justify-content: center;
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: center;
color: #EEEEEE;
margin: 10px 0 20px 0;
width: 55%;
}
.green-switch-calculator .app-card {
display: flex;
justify-content: center;
}
.green-switch-calculator .app-card-container {
display: flex;
flex-wrap: wrap;
width: 50%;
justify-content: center;
flex-direction: row;
}
.green-switch-calculator .app-tile {
display: flex;
justify-content: flex-start;
align-items: center;
width: 40%;
height: 66px;
margin: 8px 8px 0px 0px;
border-radius: 8px;
border: 1px 0px 0px 0px;
background-color: #FFFFFF;
}
.green-switch-calculator .app-tile:hover {
box-shadow: #00E696 0px 1px 10px;
cursor: pointer;
}
.green-switch-calculator .app-tile-selected {
background-color: #00E696;
box-shadow: #00E696 0px 1px 10px;
}
.green-switch-calculator .tile-text {
width: 100%;
font-size: 15px;
font-weight: 700;
line-height: 24px;
text-align: left;
color: #3C3C41;
margin-left: 5px;
}
.green-switch-calculator .tile-icon {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-university.svg');
background-repeat: no-repeat;
width: 40px;
height: 35px;
margin-left: 15px;
}
.green-switch-calculator .icon-aa {
background-repeat: no-repeat;
width: 40px;
height: 35px;
margin-left: 15px;
}
.green-switch-calculator .icon-aa-schools {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-schools.svg');
}
.green-switch-calculator .icon-aa-hospitals {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-hospitals.svg');
}
.green-switch-calculator .icon-aa-manufacturing-sites {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-manufacturing-sites.svg');
}
.green-switch-calculator .icon-aa-offices {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-offices.svg');
}
.green-switch-calculator .icon-aa-garages {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-garages.svg');
}
.green-switch-calculator .icon-aa-warehouses {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-warehouses.svg');
}
.green-switch-calculator .icon-aa-shops {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-shops.svg');
}
.green-switch-calculator .icon-aa-retail-stores {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-retail-stores.svg');
}
.green-switch-calculator .icon-aa-hospitality {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-hospitality.svg');
}
.green-switch-calculator .icon-aa-municipal-buildings {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-municipal-buildings.svg');
}
.green-switch-calculator .icon-aa-arenas-sports {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-arenas-sports.svg');
}
.green-switch-calculator .icon-aa-bridges-monuments {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-bridges-monuments.svg');
}
.green-switch-calculator .icon-aa-parks-plaza {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-parks-plaza.svg');
}
.green-switch-calculator .icon-aa-roads-streets {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-roads-streets.svg');
}
.green-switch-calculator .icon-aa-stations {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-stations.svg');
}
.green-switch-calculator .icon-aa-tunnels {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-aa-tunnels.svg');
}
.green-switch-calculator .icon-aa-not-sure {
margin-left: 10px;
}
.green-switch-calculator .gc-footer-container {
width: 100%;
height: 100px;
background-color: #3C3C41;
display: flex;
align-items: center;
justify-content: center;
margin: 20px 0 0 0;
position: relative;
}
.green-switch-calculator .footer-button {
width: 30%;
height: 42px;
top: 665px;
left: 549px;
}
.green-switch-calculator .page-header {
font-size: 16px;
font-weight: 700;
line-height: 20px;
color: #00E696;
text-align: center;
margin: 10px 0 10px 0;
}
@media screen and (max-width: 700px) {
.green-switch-calculator .gc-footer-container {
justify-content: space-between;
}
.green-switch-calculator .app-card-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
width: 100%;
}
.green-switch-calculator .app-desc-container {
padding: 10px;
}
.green-switch-calculator .app-header {
font-size: 26px;
font-weight: 600;
line-height: 32.68px;
letter-spacing: -0.01em;
text-align: center;
color: #FFFFFF;
}
.green-switch-calculator .app-header-desc {
margin: 10px 0 20px 0;
font-size: 18px;
font-weight: 400;
line-height: 28px;
width: 100%;
}
.green-switch-calculator .app-tile {
display: flex;
justify-content: flex-start;
align-items: center;
width: 90%;
height: 66px;
margin: 8px 16px 8px 16px;
border-radius: 8px;
border: 1px 0px 0px 0px;
background-color: #FFFFFF;
padding: 8px 16px 8px 16px;
border: 1px solid #FFFFFF;
}
.green-switch-calculator .tile-icon {
margin-left: 0;
}
.green-switch-calculator .tile-text {
width: 100%;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #3C3C41;
margin-left: 15px;
}
.green-switch-calculator .app-tile-selected {
background-color: #00E696;
box-shadow: #00E696 0px 1px 10px;
}
.green-switch-calculator .current-step {
flex-wrap: wrap;
display: flex;
align-content: space-around;
justify-content: center;
align-items: center;
padding: 35px 0 0 0;
}
.green-switch-calculator .footer-button {
width: 90%;
}
.green-switch-calculator .btn-continue {
width: 25%;
}
}
.green-switch-calculator {
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .cl-header-area {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.green-switch-calculator .app-header-desc-area {
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: center;
color: #EEEEEE;
margin: 10px 0 10px 0;
}
.green-switch-calculator .lighting-form-area {
display: flex;
justify-content: center;
padding: 40px 0 40px 0;
}
.green-switch-calculator .lighting-form {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
}
.green-switch-calculator .txt-number-of-cnv-lights,
.green-switch-calculator .txt-working-hours,
.green-switch-calculator .txt-average-wattage,
.green-switch-calculator .txt-electricity-costs,
.green-switch-calculator .txt-carbon-intensity {
height: 26px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
padding: 10px 130px 10px 10px;
border: 1px solid;
border-radius: 2px;
}
.green-switch-calculator .cl-text-error {
height: 26px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
padding: 10px 130px 10px 10px;
color: #FF0000;
border: 1px solid #FF0000;
border-radius: 2px;
}
.green-switch-calculator .text-box-area {
width: 47%;
display: flex;
flex-direction: column;
margin: 10px 10px 0 0;
}
.green-switch-calculator .cl-label {
color: #FFFFFF;
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-align: left;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
}
.green-switch-calculator .lbl-error-number-of-cnv-lights,
.green-switch-calculator .lbl-error-working-hours,
.green-switch-calculator .lbl-error-average-wattage,
.green-switch-calculator .lbl-error-electricity-costs,
.green-switch-calculator .lbl-error-carbon-intensity {
width: 97%;
min-height: 24px;
margin: 4px 0 0 0;
font-size: 12px;
font-weight: 400;
line-height: 16px;
text-align: left;
color: #FFFFFF;
background-color: #FF0000;
border-radius: 4px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.green-switch-calculator .info-icon-img {
width: 20px;
height: 100%;
margin: 0 0 0 5px;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-info.svg');
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .warning-icon-img {
width: 20px;
height: 20px;
margin: 0 4px 0 4px;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-cl-warning.svg');
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .cl-text-container {
position: relative;
}
.green-switch-calculator .ipt-wrapper {
position: absolute;
right: 10px;
top: 2px;
width: 36%;
height: 42px;
border: 1px solid #CCCCCC;
border-radius: 2px;
display: flex;
align-items: center;
padding: 0 10px 0 10px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
color: #757575;
background-color: #EEEEEE;
}
.green-switch-calculator .gs-hide {
display: none !important;
}
.green-switch-calculator .cl-dd-Country {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-cl-intersect.svg');
background-repeat: no-repeat, repeat;
background-position: right .7em top 50%, 0 0;
}
@media screen and (min-width: 961px) {
.green-switch-calculator .cl-header-area {
width: 100%;
padding: 20px 0 0 0;
}
.green-switch-calculator .lighting-form {
width: 50%;
}
.green-switch-calculator .cl-dd-Country {
width: 97%;
height: 48px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
padding: 10px 130px 10px 10px;
border-radius: 2px;
padding-right: 30px;
}
.green-switch-calculator .app-header-desc-area {
width: 42%;
}
}
@media screen and (max-width: 700px) {
.green-switch-calculator .cl-header-area {
padding: 10px;
}
.green-switch-calculator .lighting-form {
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
width: 90%;
}
.green-switch-calculator .text-box-area {
width: 100%;
margin: 0;
}
.green-switch-calculator .cl-dd-Country {
width: 100%;
height: 56px;
font-size: 14px;
font-weight: 400;
line-height: 21px;
text-align: left;
border-radius: 2px;
padding: 10px;
}
.green-switch-calculator .ipt-wrapper {
top: 7px;
right: 7px;
width: 22%;
}
.green-switch-calculator .txt-number-of-cnv-lights,
.green-switch-calculator .txt-working-hours,
.green-switch-calculator .txt-average-wattage,
.green-switch-calculator .txt-electricity-costs,
.green-switch-calculator .txt-carbon-intensity {
width: 97%;
height: 56px;
padding: 0 0 0 10px;
}
.green-switch-calculator .cl-text-error {
width: 97%;
height: 56px;
padding: 0 0 0 10px;
}
.green-switch-calculator .lbl-error-number-of-cnv-lights,
.green-switch-calculator .lbl-error-working-hours,
.green-switch-calculator .lbl-error-average-wattage,
.green-switch-calculator .lbl-error-electricity-costs,
.green-switch-calculator .lbl-error-carbon-intensity {
width: 100%;
}
}
.green-switch-calculator {
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .gs-footer-area {
width: 100%;
height: 100px;
background-color: #3C3C41;
display: flex;
align-items: center;
justify-content: center;
}
.green-switch-calculator .btn-get-in-touch {
width: 10%;
height: 42px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: #3C3C41;
background-color: #00E696;
align-content: center;
border-radius: 2px;
cursor: pointer;
}
.green-switch-calculator .btn-download-estimate {
width: 23%;
height: 42px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: #3C3C41;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 8px;
border-radius: 2px;
cursor: pointer;
}
.green-switch-calculator .btn-share-via-email {
width: 16%;
height: 42px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: #3C3C41;
background-color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0 8px;
border-radius: 2px;
cursor: pointer;
}
.green-switch-calculator .icon-sve-download {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-sve-download.svg');
width: 20px;
height: 20px;
margin-left: 10px;
background-repeat: no-repeat;
}
.green-switch-calculator .icon-sve-email {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-sve-email.svg');
width: 20px;
height: 20px;
margin-left: 10px;
background-repeat: no-repeat;
}
.green-switch-calculator .btn-continue {
width: 10%;
height: 42px;
float: right;
background-color: #00E696;
color: #3C3C41;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 2px;
}
.green-switch-calculator .btn-disabled {
cursor: not-allowed !important;
opacity: 40%;
}
.green-switch-calculator .btn-back {
height: 42px;
float: left;
color: #00E696;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.green-switch-calculator .btn-back-with-position {
position: absolute;
left: 25px;
}
.green-switch-calculator .btn-back-without-position {
height: 42px;
float: left;
color: #00E696;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-right: 12%;
}
.green-switch-calculator .icon-arrow-right {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/gs-arrow-right.svg');
width: 20px;
height: 20px;
margin: 5px 0 0 10px;
background-repeat: no-repeat;
}
@media screen and (max-width: 700px) {
.green-switch-calculator .btn-back {
margin-left: 20px;
}
.green-switch-calculator .btn-continue {
margin-right: 20px;
width: 35%;
}
.green-switch-calculator .btn-get-in-touch {
width: 90%;
height: 39px;
margin: 0 0 10px 0;
}
.green-switch-calculator .btn-download-estimate {
width: 90%;
margin: 0 0 10px 0;
}
.green-switch-calculator .btn-share-via-email {
width: 90%;
margin: 0 0 10px 0;
}
.green-switch-calculator .btn-back-with-position {
margin-top: 160px;
left: 40%;
}
}
.green-switch-calculator .render-html-body-container {
height: 90%;
}
.green-switch-calculator .gs-modal {
display: none;
position: fixed;
z-index: 6000;
padding-top: 2%;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #000000;
background-color: rgba(0, 0, 0, 0.4);
}
.green-switch-calculator .gs-modal-content {
background-color: #FFFFFF;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
border-radius: 8px;
max-width: 1280px;
}
.green-switch-calculator .gs-modal-content-contact-us {
height: 85%;
}
.green-switch-calculator .close {
color: #aaaaaa;
float: left;
font-size: 28px;
font-weight: bold;
}
.green-switch-calculator .close:hover,
.green-switch-calculator .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
.green-switch-calculator .mp-icon-cross {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/gs-cross.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 24px;
height: 24px;
}
.green-switch-calculator .circular-progress {
width: 90px;
height: 90px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.green-switch-calculator .inner-circle {
position: absolute;
width: 85px;
height: 85px;
border-radius: 50%;
background-color: #242426;
}
.green-switch-calculator .percentage {
position: relative;
color: #3C3C41;
left: 70%;
}
.green-switch-calculator {
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .se-body-container {
width: 100%;
display: flex;
}
.green-switch-calculator .se-left-content {
padding: 0 20px 0 20px;
}
.green-switch-calculator .se-right-content {
padding: 20px;
}
.green-switch-calculator .se-desc {
font-family: rs_demibold, tahoma, arial, helvetica, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 56px;
text-align: left;
color: #FFFFFF;
margin: 10px 0 0 0;
}
.green-switch-calculator .se-read-more {
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #FFFFFF;
margin: 0;
}
.green-switch-calculator .se-read-more-link-text {
font-size: 16px;
font-weight: 700;
line-height: 21px;
text-align: left;
color: #fff;
margin: 0;
}
.green-switch-calculator .se-read-more-text {
font-size: 16px;
font-weight: 400;
line-height: 20px;
text-align: left;
color: #FFFFFF;
margin: 0;
}
.green-switch-calculator .se-read-more-area {
margin: 20px 0 0 0;
}
.green-switch-calculator .se-estimate-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
background-color: #3C3C41;
background-color: #242426;
border-radius: 8px;
padding: 20px;
}
.green-switch-calculator .se-estimate-card {
width: 100%;
}
.green-switch-calculator .se-icon-grid {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.green-switch-calculator .icon-se-consumption {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-consumption.svg');
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .icon-se-cost-euro,
.green-switch-calculator .icon-se-cost-dollar,
.green-switch-calculator .icon-se-cost-money {
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .icon-se-cost-euro {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-cost-euro.svg');
}
.green-switch-calculator .icon-se-cost-dollar {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-cost-dollar.svg');
}
.green-switch-calculator .icon-se-cost-money {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-cost-money.svg');
}
.green-switch-calculator .icon-se-emission {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-emission.svg');
background-repeat: no-repeat;
background-position: center;
}
.green-switch-calculator .se-icon-text-space {
width: 20%;
margin: 0 0 0 5px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-align: left;
color: #00E696;
}
.green-switch-calculator .se-values-content {
display: flex;
align-items: center;
flex-direction: column;
}
.green-switch-calculator .se-value-header-space {
font-size: 30px;
font-weight: 400;
line-height: 56px;
text-align: center;
color: #FFFFFF;
margin: 0;
}
.green-switch-calculator .se-value-text-space {
width: 95%;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: center;
color: #EEEEEE;
margin: 0;
opacity: 50%;
min-height: 35px;
}
.green-switch-calculator .se-value-text-space span {
white-space: nowrap;
}
.green-switch-calculator .vertical-line-second-row {
width: 1px;
background-color: #EEEEEE;
margin: 0 15px 0 15px;
Opacity: 20%;
}
.green-switch-calculator .se-second-row {
width: 100%;
display: flex;
}
.green-switch-calculator .toggle-container {
width: 50%;
height: 165px;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 10px 10px 0;
background-color: #242426;
border-radius: 8px;
}
.green-switch-calculator .banner-container {
width: 50%;
height: 165px;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0px 10px 0;
background-color: #242426;
border-radius: 8px;
}
.green-switch-calculator .se-toggle-text {
font-size: 14px;
font-weight: 700;
line-height: 28px;
text-align: center;
color: #FFFFFF;
margin: 0;
}
.green-switch-calculator .icon-se-info {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-info.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 11px;
height: 11px;
top: 8px;
left: 164px;
margin: 0 0 0 6px;
}
.green-switch-calculator .gs-switch-area {
margin: 0 0 0 30px;
}
.green-switch-calculator .se-icon-grid {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.green-switch-calculator .se-icon-scooter {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-scooter.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 40px;
height: 40px;
}
.green-switch-calculator .se-values-content {
display: flex;
align-items: center;
flex-direction: column;
}
.green-switch-calculator .se-expert-text {
font-size: 14px;
font-weight: 400;
line-height: 18px;
color: #EEEEEE;
text-align: center;
margin: 0 0 10px 0;
}
.green-switch-calculator .contact-us-iframe {
width: 100%;
height: 100%;
}
.green-switch-calculator .se-values-content-slider {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (min-width: 961px) {
.green-switch-calculator .se-left-content {
width: 35%;
}
.green-switch-calculator .se-right-content {
width: 65%;
}
.green-switch-calculator .vertical-line-second-row {
height: 190px;
}
}
@media screen and (max-width: 700px) {
.green-switch-calculator .se-body-container {
width: 100%;
display: flex;
flex-direction: column;
}
.green-switch-calculator .se-left-content {
padding: 10px;
}
.green-switch-calculator .se-right-content {
padding: 0 20px 0 20px;
}
.green-switch-calculator .se-estimate-row {
display: flex;
background-color: #242426;
border-radius: 8px;
padding: 20px;
flex-direction: column;
align-items: center;
}
.green-switch-calculator .se-desc {
font-size: 26px;
font-weight: 600;
line-height: 32.68px;
letter-spacing: -0.01em;
text-align: center;
color: #fff;
margin: 10px 0 0 0;
}
.green-switch-calculator .se-read-more-area {
text-align: center;
}
.green-switch-calculator .se-read-more-link-text {
font-size: 18px;
font-weight: 700;
line-height: 28px;
text-align: left;
color: #fff;
margin: 0;
}
.green-switch-calculator .se-read-more-text {
font-size: 18px;
font-weight: 400;
line-height: 28px;
text-align: center;
color: #fff;
margin: 0;
}
.green-switch-calculator .se-value-text-space {
width: 60%;
}
.green-switch-calculator .vertical-line-second-row {
width: 100%;
background-color: none;
margin: 40px 0 40px 0;
opacity: 20%;
border-bottom: 1px solid #eee;
}
.green-switch-calculator .se-second-row {
display: flex;
flex-direction: column;
}
.green-switch-calculator .toggle-container {
width: 100%;
display: flex;
flex-direction: column;
}
.green-switch-calculator .banner-container {
width: 100%;
}
.green-switch-calculator .se-expert-text {
margin: 10px 20px 0 20px;
}
.green-switch-calculator .footer-container-mobile {
height: 213px;
display: flex;
flex-direction: column !important;
justify-content: flex-start;
}
}
.green-switch-calculator {
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .sve-container {
width: 100%;
display: flex;
justify-content: center;
}
.green-switch-calculator .sve-body {
width: 60%;
display: flex;
flex-direction: column;
}
.green-switch-calculator .sve-share-text {
font-size: 30px;
font-weight: 600;
line-height: 24px;
color: #3C3C41;
margin: 20px 0 0 0;
}
.green-switch-calculator .sve-pdf-icon-text-area {
display: flex;
align-items: center;
margin: 20px 0 0 0;
}
.green-switch-calculator .sve-pdf-text {
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #3C3C41;
display: flex;
word-break: break-all;
}
.green-switch-calculator .sve-icon-pdf {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-sve-pdf.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 24px;
height: 24px;
margin: 0 10px 0 0;
}
.green-switch-calculator .sve-text-box-area {
width: 50%;
display: flex;
flex-direction: column;
margin: 0 10px 0 0;
}
.green-switch-calculator .sve-text-box-area-optional {
width: 100%;
display: flex;
flex-direction: column;
margin: 0 10px 0 0;
}
.green-switch-calculator .sve-recipients-area {
display: flex;
margin: 20px 0 0 0;
}
.green-switch-calculator .sve-label {
height: 28px;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 28px;
text-align: left;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
margin: 0;
}
.green-switch-calculator .sve-text-container {
position: relative;
}
.green-switch-calculator .txt-sve-email-address,
.green-switch-calculator .txt-sve-subject {
height: 48px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #757575;
padding: 5px;
border: 1px solid #DDDDDD;
border-radius: 2px;
}
.green-switch-calculator .txt-sve-email-Body {
height: 88px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
color: #757575;
padding: 5px;
border: 1px solid #DDDDDD;
border-radius: 2px;
}
.green-switch-calculator .sve-responsibility-text {
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-align: left;
color: #3C3C41;
margin: 20px 0 0 0;
}
.green-switch-calculator .sve-footer-btn-area {
display: flex;
justify-content: center;
align-items: center;
margin: 20px 0 0 0;
}
.green-switch-calculator .btn-sve-cancel {
height: 21px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: left;
color: #1532FF;
cursor: pointer;
}
.green-switch-calculator .btn-sve-submit {
width: 15%;
height: 39px;
font-size: 16px;
font-weight: 700;
line-height: 20px;
text-align: center;
color: #FFFFFF;
background-color: #1532FF;
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 0 50px;
border-radius: 2px;
cursor: pointer;
}
.green-switch-calculator .sve-header {
margin: 20px;
}
@media screen and (max-width: 700px) {
.green-switch-calculator .sve-body {
width: 100%;
}
.green-switch-calculator .sve-recipients-area {
display: flex;
flex-direction: column;
}
.green-switch-calculator .sve-text-box-area {
width: 100%;
}
.green-switch-calculator .sve-footer-btn-area {
display: flex;
align-items: center;
justify-content: space-around;
}
.green-switch-calculator .btn-sve-submit {
width: 30%;
}
.green-switch-calculator .txt-sve-email-address,
.green-switch-calculator .txt-sve-subject {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.green-switch-calculator .txt-sve-email-Body {
font-size: 18px;
font-weight: 400;
line-height: 28px;
}
.green-switch-calculator .sve-responsibility-text {
font-size: 14px;
font-weight: 400;
line-height: 18.06px;
}
.green-switch-calculator .sve-header {
margin: 0;
}
}
.green-switch-calculator {
/* Slideshow container */
/* Caption text */
/* Number text (1/3 etc) */
/* The dots/bullets/indicators */
/* Fading animation */
}
.green-switch-calculator .slideshow-container {
position: relative;
width: 100%;
height: 165px;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
background-color: #242426;
border-radius: 8px;
flex-direction: column;
}
.green-switch-calculator .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}
.green-switch-calculator .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
.green-switch-calculator .dot {
width: 6px;
height: 6px;
margin: 0px;
opacity: 40%;
background-color: #EEEEEE;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
margin: 2px;
}
.green-switch-calculator .active {
background-color: #00E696;
}
.green-switch-calculator .fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {
opacity: 0.4;
}
to {
opacity: 1;
}
}
.green-switch-calculator .se-icon-grid {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.green-switch-calculator .se-icon-scooter {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-scooter.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 40px;
height: 40px;
}
.green-switch-calculator .se-icon-car {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-car.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 40px;
height: 40px;
}
.green-switch-calculator .se-icon-bus {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-bus.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 40px;
height: 40px;
}
.green-switch-calculator .icon-se-slider {
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.green-switch-calculator .icon-se-slider-heatPumps {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-heatPumps.png');
}
.green-switch-calculator .icon-se-slider-airConditioners {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-airConditioners.png');
}
.green-switch-calculator .icon-se-slider-vendingMachines {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-vendingMachines.png');
}
.green-switch-calculator .icon-se-slider-bedEquipment {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-bedEquipment.png');
}
.green-switch-calculator .icon-se-slider-eVans {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eVans.png');
}
.green-switch-calculator .icon-se-slider-residentialHeatPumps {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-residentialHeatPumps.png');
}
.green-switch-calculator .icon-se-slider-residentialAC {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-residentialAC.png');
}
.green-switch-calculator .icon-se-slider-residentialECars {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-residentialECars.png');
}
.green-switch-calculator .icon-se-slider-residentialEBike {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-residentialEBike.png');
}
.green-switch-calculator .icon-se-slider-eCars {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eCars.png');
}
.green-switch-calculator .icon-se-slider-eBuses {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eBus.png');
}
.green-switch-calculator .icon-se-slider-eBikes {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eBikes.png');
}
.green-switch-calculator .icon-se-slider-eScooters {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eScooters.png');
}
.green-switch-calculator .icon-se-slider-ventilationFans {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-ventilationFans.png');
}
.green-switch-calculator .icon-se-slider-securityCameras {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-securityCameras.png');
}
.green-switch-calculator .icon-se-slider-eForklift {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-eForklift.png');
}
.green-switch-calculator .icon-se-slider-conveyerBelt {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-conveyerBelt.png');
}
.green-switch-calculator .icon-se-slider-recycledPapers {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-recycledPapers.png');
}
.green-switch-calculator .icon-se-slider-laptops {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-laptop.png');
}
.green-switch-calculator .icon-se-slider-elevators {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-elevators.png');
}
.green-switch-calculator .icon-se-slider-commercialKitchens {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-se-slider-elevators.png');
}
.green-switch-calculator .se-icon-text-space-row-2 {
margin: 0 0 0 5px;
font-size: 38px;
font-weight: 400;
line-height: 56px;
text-align: left;
color: #FFFFFF;
}
.green-switch-calculator .se-values-content {
display: flex;
align-items: center;
flex-direction: column;
}
.green-switch-calculator .se-value-text-space-row-2 {
width: 90%;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: center;
color: #EEEEEE;
margin: 0;
Opacity: 50%;
}
.green-switch-calculator .se-estimate-column {
padding: 10px 10px 15px 10px;
}
.green-switch-calculator .gs-switch {
position: relative;
display: inline-block;
width: 119px;
height: 50px;
}
.green-switch-calculator .gs-switch input {
width: 0;
height: 0;
}
.green-switch-calculator .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
border-radius: 8px;
background-color: #3C3C41;
box-shadow: #00000073 0px 2px 3px 1px inset, #0000004D 0px 10px 10px 0px inset;
}
.green-switch-calculator .slider:hover {
box-shadow: 0px 0px 8px 0px #00E696;
}
.green-switch-calculator .slider:before {
position: absolute;
content: attr(data-label-unchecked);
height: 50px;
width: 98px;
left: -2px;
bottom: 0px;
-webkit-transition: .4s;
transition: .4s;
border-radius: 8px;
background-color: #3C3C41;
box-shadow: #00000073 0px 2px 3px 1px inset, #0000004D 0px 10px 10px 0px inset;
display: flex;
justify-content: center;
align-items: center;
color: #00E696;
}
.green-switch-calculator input:checked + .slider {
background-color: #00E696;
}
.green-switch-calculator input:focus + .slider {
box-shadow: 0 0 1px #00E696;
box-shadow: #0000004D 0px 2px 3px 1px inset, #0000004D 0px 10px 10px 0px inset;
}
.green-switch-calculator input:focus + .slider:hover {
box-shadow: 0px 0px 8px 0px #00E696;
}
.green-switch-calculator input:checked + .slider:before {
-webkit-transform: translateX(24px);
-ms-transform: translateX(24px);
transform: translateX(24px);
content: attr(data-label-checked);
}
.green-switch-calculator .tooltip {
position: relative;
display: inline-block;
}
.green-switch-calculator .tooltip .tooltiptext {
visibility: hidden;
width: 343px;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -174px;
font-size: 14px;
font-weight: 400;
line-height: 18px;
text-align: left;
padding: 5px;
color: #3C3C41;
background-color: #EEEEEE;
}
.green-switch-calculator .tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #EEEEEE transparent transparent transparent;
}
.green-switch-calculator .tooltip:hover .tooltiptext {
visibility: visible;
}
.gs-se-pdf-container .pdf-container {
width: 100%;
display: flex;
justify-content: center;
}
.gs-se-pdf-container .pdf-container-row {
width: 100%;
padding: 15px 30px 30px 30px;
background-color: #FFFFFF;
}
.gs-se-pdf-container .estimate-column {
width: 25%;
}
.gs-se-pdf-container .wrapper-right-content {
box-shadow: #EEEEEE 0px 8px 20px;
border-radius: 5px;
}
.gs-se-pdf-container .wrapper-right-compare {
border-radius: 5px;
background-color: #EEEEEE;
margin: 15px 0 0 0;
}
.gs-se-pdf-container .pdf-header {
width: 100%;
height: 70px;
display: flex;
justify-content: space-between;
align-items: center;
}
.gs-se-pdf-container .pdf-logo {
float: left;
width: 93px;
height: 24px;
top: 37px;
left: 40px;
}
.gs-se-pdf-container .pdf-qr-img {
padding: 4px;
border-radius: 8px;
}
.gs-se-pdf-container .learn-more-area {
margin: 0 20px 0 0;
display: flex;
flex-direction: column;
}
.gs-se-pdf-container .learn-more-text {
font-size: 9px;
font-weight: 400;
line-height: 14px;
text-align: left;
color: #3C3C41;
}
.gs-se-pdf-container .learn-more-link {
font-size: 9px;
font-weight: 700;
line-height: 11.79px;
letter-spacing: 0.1px;
text-align: left;
color: #3C3C41;
}
.gs-se-pdf-container .header-right-content {
display: flex;
align-items: center;
flex-direction: row;
}
.gs-se-pdf-container .pdf-body-container {
width: 100%;
display: flex;
margin: 12px 0 0 0;
}
.gs-se-pdf-container .body-left-content {
width: 30%;
padding: 0 11.5px 0 0;
border-right: 1px solid #EEEEEE;
}
.gs-se-pdf-container .body-right-content {
width: 70%;
margin: 0;
padding: 0 0 0 11.5px;
}
.gs-se-pdf-container .date-time-stamp {
font-size: 9px;
font-weight: 400;
line-height: 11px;
text-align: left;
color: #3C3C41;
}
.gs-se-pdf-container .left-header {
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: left;
color: #3C3C41;
margin: 8px 0 0 0;
}
.gs-se-pdf-container .left-body-desc {
font-size: 14px;
font-weight: 400;
line-height: 17px;
text-align: left;
color: #3C3C41;
margin: 12px 0 0 0;
}
.gs-se-pdf-container .link-container {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 9px 0 0 0;
}
.gs-se-pdf-container .link-desc-header {
width: 50%;
margin: 0;
font-size: 9px;
font-weight: 700;
line-height: 10px;
text-align: left;
}
.gs-se-pdf-container .link-desc {
width: 50%;
margin: 2px 0 0 0;
font-size: 7px;
font-weight: 700;
line-height: 9px;
text-align: left;
}
.gs-se-pdf-container .left-disclaimer-area {
width: 100%;
margin: 20px 0 0 0;
}
.gs-se-pdf-container .disclaimer-content {
font-size: 9px;
font-weight: 400;
line-height: 11px;
letter-spacing: 0.1px;
text-align: left;
color: #3C3C41;
}
.gs-se-pdf-container .disclaimer-content-ul {
font-size: 9px;
font-weight: 400;
line-height: 11px;
letter-spacing: 0.1px;
text-align: left;
padding: 0 0 0 10px;
color: #3C3C41;
}
.gs-se-pdf-container .disclaimer-header {
font-size: 5px;
font-weight: 700;
line-height: 7px;
letter-spacing: 0.1px;
text-align: left;
}
.gs-se-pdf-container .right-header {
font-size: 11px;
font-weight: 400;
line-height: 12px;
text-align: center;
color: #3C3C41;
margin: 0;
padding: 10px 0 0 0;
}
.gs-se-pdf-container .right-header-compare {
font-size: 11px;
font-weight: 400;
line-height: 12px;
text-align: center;
color: #3C3C41;
margin: 20px 0 0 0;
}
.gs-se-pdf-container .estimate-first-row {
padding: 19.84px 0 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.gs-se-pdf-container .estimate-second-row {
margin: 19.84px 0 8px 0;
display: flex;
align-items: flex-start;
}
.gs-se-pdf-container .icon-grid {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
}
.gs-se-pdf-container .icon-space {
font-size: 11px;
font-weight: 700;
line-height: 12px;
text-align: left;
color: #00E696;
width: 18%;
margin: 0 0 0 5px;
}
.gs-se-pdf-container .icon-text-space {
margin: 0 0 0 5px;
font-size: 19px;
font-weight: 400;
line-height: 28px;
text-align: left;
color: #3C3C41;
}
.gs-se-pdf-container .icon-pdf-consumption {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-pdf-consumption.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 65px;
height: 65px;
}
.gs-se-pdf-container .icon-pdf-cost-euro,
.gs-se-pdf-container .icon-pdf-cost-dollar,
.gs-se-pdf-container .icon-pdf-cost-money {
background-repeat: no-repeat;
background-position: center;
display: block;
width: 65px;
height: 65px;
}
.gs-se-pdf-container .icon-pdf-cost-euro {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-pdf-cost-euro.svg');
}
.gs-se-pdf-container .icon-pdf-cost-dollar {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-pdf-cost-dollar.svg');
}
.gs-se-pdf-container .icon-pdf-cost-money {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-pdf-cost-money.svg');
}
.gs-se-pdf-container .icon-pdf-emission {
background-image: url('../../philips/clientlibs/foundation-general/clientlibs-css-rb2014/images/green-switch-calculator/icon-pdf-emission.svg');
background-repeat: no-repeat;
background-position: center;
display: block;
width: 65px;
height: 65px;
}
.gs-se-pdf-container .pdf-values-content,
.gs-se-pdf-container .pdf-values-content-row-2 {
display: flex;
align-items: center;
flex-direction: column;
}
.gs-se-pdf-container .pdf-value-header {
font-size: 24px;
font-weight: 400;
line-height: 29px;
text-align: center;
color: #3C3C41;
margin: 8px 0 0 0;
}
.gs-se-pdf-container .pdf-value-text {
font-size: 11px;
font-weight: 400;
line-height: 14px;
text-align: center;
color: #3C3C41;
margin: 8px 0 0 0;
width: 60%;
}
.gs-se-pdf-container .value-text-space {
width: 60%;
font-size: 10px;
font-weight: 400;
line-height: 13px;
text-align: center;
color: #3C3C41;
}
.gs-se-pdf-container .inputs-provided-header {
font-size: 11px;
font-weight: 400;
line-height: 12px;
text-align: center;
color: #3C3C41;
padding: 12px 0 16px 0;
margin: 0;
}
.gs-se-pdf-container .inputs-provided-row {
width: 100%;
display: flex;
justify-content: center;
}
.gs-se-pdf-container .inputs-provided-area {
width: 80%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.gs-se-pdf-container .inputs-provided-tile {
width: 20%;
margin: 0 0 10px 0;
}
.gs-se-pdf-container .input-text-header {
font-size: 9px;
font-weight: 700;
line-height: 12px;
text-align: left;
color: #3C3C41;
margin: 0;
}
.gs-se-pdf-container .input-text {
font-size: 9px;
font-weight: 400;
line-height: 12px;
text-align: left;
color: #3C3C41;
margin: 0;
text-transform: capitalize;
}
.gs-se-pdf-container .pdf-circular-progress {
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.gs-se-pdf-container .pdf-inner-circle {
position: absolute;
width: 55px;
height: 55px;
border-radius: 50%;
}
.gs-se-pdf-container .se-pdf-estimate-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
border-radius: 8px;
padding: 20px;
}
.gs-se-pdf-container .se-pdf-value-header-space {
font-size: 22px;
font-weight: 400;
line-height: 28px;
text-align: center;
color: #3C3C41;
}
.gs-se-pdf-container .se-pdf-value-text-space {
font-size: 9px;
font-weight: 400;
line-height: 12px;
text-align: center;
color: #3C3C41;
opacity: 50%;
min-height: 25px;
}
.gs-se-pdf-container .pdf-vertical-line-first-row {
width: 1px;
height: 140px;
background-color: #EEEEEE;
margin: 0 15px 0 15px;
}
.gs-se-pdf-container .pdf-vertical-line-second-row {
width: 1px;
height: 90px;
background-color: #EEEEEE;
}
.gs-se-pdf-container .se-pdf-icon-text-space {
font-size: 9px;
font-weight: 700;
line-height: 12px;
text-align: left;
color: #00E696;
}
.gs-se-pdf-container .pdf-percentage {
position: relative;
left: 92%;
}
.green-switch-calculator {
/* -------------- Mobile view starts -------------- */
/* -------------- Mobile view ends -------------- */
}
.green-switch-calculator .hide-pdf-container {
opacity: 0;
position: absolute;
z-index: -10;
}
@media screen and (max-width: 700px) {
.green-switch-calculator .gs-se-pdf-container {
width: 1280px;
}
}
.gs-se-pdf-container .pdf-icon-container .percent {
position: relative;
}
.gs-se-pdf-container .pdf-icon-container svg {
position: relative;
width: 71px;
height: 71px;
transform: rotate(-90deg);
}
.gs-se-pdf-container .pdf-icon-container svg circle {
width: 100%;
height: 100%;
fill: none;
stroke: #EEEEEE;
stroke-width: 5;
stroke-linecap: round;
}
.gs-se-pdf-container .pdf-icon-container svg circle:last-of-type {
stroke-dasharray: 210px;
stroke-dashoffset: calc(210px - (210px * var( --percent )) / 100);
stroke: #3498db;
}
.gs-se-pdf-container .pdf-icon-container .number {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
}
.gs-se-pdf-container .pdf-icon-container .title h2 {
margin: 25px 0 0;
}
.gs-se-pdf-container .pdf-icon-container:nth-child(1) svg circle:last-of-type {
stroke: #00E696;
}
.gs-se-pdf-container .pdf-icon-container:nth-child(2) svg circle:last-of-type {
stroke: #00E696;
}
.new-logo-grid {
background-color: #00E696;
display: flex;
justify-content: center;
}
.new-logo-grid .new-logo-grid-container {
width: 100%;
background-color: #00E696;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 0 50px 0;
max-width: 1280px;
}
.new-logo-grid .new-logo-grid-row {
width: 100%;
margin: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.new-logo-grid .nlg-flip-card {
background-color: transparent;
width: 300px;
height: 236px;
margin: 10px 10px 0 0;
}
.new-logo-grid .nlg-flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transform-style: preserve-3d;
}
.new-logo-grid .nlg-flip-card:hover .nlg-flip-card-inner {
transform: rotateY(180deg);
}
.new-logo-grid .nlg-flip-card-front,
.new-logo-grid .nlg-flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.new-logo-grid .nlg-flip-card-back {
background-color: #3C3C41;
color: white;
transform: rotateY(180deg);
}
.new-logo-grid .nlg-logo-img {
width: 300px;
height: 236px;
}
.new-logo-grid .nlg-arrow-right {
background-image: url('../../philips/clientlibs/foundation-general/images/new-logo-grid/nlg-arrow-right.svg');
position: absolute;
width: 35px;
height: 35px;
top: 185px;
left: 245px;
cursor: pointer;
}
.new-logo-grid .nlg-back-header {
font-size: 16px;
font-weight: 700;
line-height: 25px;
color: #FFFFFF;
margin: 10px 10px 0 10px;
padding: 0;
text-align: left;
}
.new-logo-grid .nlg-back-desc {
font-size: 16px;
font-weight: 400;
line-height: 25px;
color: #FFFFFF;
margin: 0;
margin: 15px 10px 0 10px;
padding: 0;
text-align: left;
}
.new-logo-grid .nlg-screen-header {
font-size: 18px;
font-weight: 600;
line-height: 28px;
text-align: center;
margin: 50px 0 20px 0;
}
/* Import Aggregated LESS files */
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-sc02-facebookfeed {
position: relative;
overflow: auto;
}
.p-sc02-facebookfeed .p-facebookpost {
margin-bottom: 24px;
}
.p-sc02-facebookfeed .p-header {
display: table;
margin-bottom: 4px;
}
.p-sc02-facebookfeed .p-header .p-fb-avatar {
height: 30px;
}
.p-sc02-facebookfeed .p-header .p-info {
vertical-align: middle;
display: table-cell;
padding-left: 9px;
}
.p-sc02-facebookfeed .p-header .p-sub-title {
display: block;
line-height: 10px;
margin-bottom: 0px;
margin-top: 0px;
}
.p-sc02-facebookfeed .p-header .p-time {
color: #cccccc;
font-size: 12px;
}
.p-sc02-facebookfeed .p-message {
margin-bottom: 14px;
}
.p-sc02-facebookfeed .p-image {
display: block;
max-width: 100%;
}
.p-sc02-facebookfeed .p-feed-link {
display: block;
margin-bottom: 24px;
}
.p-sc02-facebookfeed .p-description {
display: block;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-sc02-facebookfeed .p-header {
margin-bottom: 0px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-m-one-half .p-sc02-facebookfeed {
padding-right: 11px;
padding-left: 11px;
}
}
/*
Inverted styles
---------------------------*/
.p-sc02-facebookfeed.p-inverted .p-header .p-time,
.p-inverted .p-sc02-facebookfeed .p-header .p-time {
color: #cccccc;
}
/*
Local variables
---------------------------*/
/*Defaults
---------------------------*/
.p-sc04v2-twitter-feeds {
/*Inverted
---------------------------*/
}
.p-sc04v2-twitter-feeds .p-tweet-list {
word-wrap: break-word;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item {
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item:last-child {
border: none;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-username {
display: inline-block;
margin: 0px 0px 10px 5px;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-username .p-handle {
margin-bottom: 0px;
font-size: 18px;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-username .p-handle .p-handle-link {
color: #a6a6a6;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
text-decoration: none;
font-size: 18px;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-username .p-username-link {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 18px;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-twitter-feeds-display-text {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
color: #a6a6a6;
font-size: 16px;
overflow: hidden;
position: relative;
line-height: 22px;
max-height: 66px;
margin-right: -16px;
padding-right: 16px;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-twitter-feeds-display-text:before {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-twitter-feeds-display-text:after {
content: '';
position: absolute;
right: 0;
width: 16px;
height: 16px;
margin-top: 3.2px;
background: #ffffff;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-date {
color: #999999;
}
.p-sc04v2-twitter-feeds .p-tweet-list-item .p-tweet-avatar {
vertical-align: top;
border-radius: 50%;
}
.p-sc04v2-twitter-feeds .p-icon-twitter-unboxed {
margin-right: 10px;
}
.p-sc04v2-twitter-feeds .p-title {
margin-bottom: 0;
font-family: centrale_sans_light, tahoma, arial, helvetica, sans-serif;
}
.p-sc04v2-twitter-feeds .p-read-more {
font-weight: bold;
}
.p-sc04v2-twitter-feeds.p-inverted .p-date,
.p-inverted .p-sc04v2-twitter-feeds .p-date {
color: #ffffff;
}
.p-sc04v2-twitter-feeds.p-inverted .p-tweet-list-item,
.p-inverted .p-sc04v2-twitter-feeds .p-tweet-list-item {
border-bottom: 1px solid #ffffff;
}
.p-sc04v2-twitter-feeds.p-inverted .p-tweet-list-item:last-child,
.p-inverted .p-sc04v2-twitter-feeds .p-tweet-list-item:last-child {
border: none;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.p-sc04v2-twitter-feeds {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (min-width: 701px) {
.p-sc04v2-twitter-feeds .p-tweet-list-item.p-list-last-item {
margin-bottom: 0px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-sc05-social-banner * {
vertical-align: top !important;
}
.p-sc05-social-banner ul li {
display: inline-block;
font-size: 14px;
margin-right: 4px;
}
.p-sc05-social-banner ul li.p-icon-social,
.p-sc05-social-banner ul li.p-icon-social-custom {
font-size: 32px;
line-height: 32px;
}
.p-sc05-social-banner ul li.p-icon-social a,
.p-sc05-social-banner ul li.p-icon-social-custom a {
color: #7d0063;
}
.p-sc05-social-banner ul li.p-icon-social:hover a,
.p-sc05-social-banner ul li.p-icon-social-custom:hover a {
text-decoration: none;
}
.p-sc05-social-banner.p-inverted ul li.p-icon-social a,
.p-sc05-social-banner.p-inverted ul li.p-icon-social-custom a {
color: #ffffff;
}
/*
Defaults
---------------------------*/
.p-sc08-map {
position: relative;
}
.p-sc08-map .p-map-dropdown-error {
border: 1px solid #7d0063;
box-sizing: content-box;
}
.p-sc08-map .p-facet-error-message-container {
pointer-events: none;
}
.p-sc08-map .p-facet-error-message-container:after {
content: none !important;
}
.p-sc08-map .p-map:after,
.p-sc08-map .p-map:before {
position: absolute;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
content: '';
display: block;
left: 0;
right: 0;
z-index: 1;
height: 5px;
}
.p-sc08-map .p-map:after {
top: -5px;
}
.p-sc08-map .p-map:before {
bottom: -5px;
}
.p-sc08-map .p-map-accordion-container {
background-color: #ffffff;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
top: 0;
}
.p-sc08-map .p-map-overlay {
position: relative;
z-index: 2;
}
.p-sc08-map .p-map-overlay.p-map-overlay-narrow {
margin: 0 auto;
max-width: 960px;
}
.p-sc08-map .p-map-search {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
position: absolute;
left: 20px;
right: 20px;
top: 20px;
}
.p-sc08-map .p-map-search-header {
display: none;
}
.p-sc08-map .p-map-selects .p-select.p-large .p-label,
.p-sc08-map .p-map-select-distance .p-select.p-large .p-label {
height: 34px;
}
.p-sc08-map .p-map-selects .p-select .p-label,
.p-sc08-map .p-map-select-distance .p-select .p-label {
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}
.p-sc08-map .p-map-search-box {
background-color: #ffffff;
position: relative;
}
.p-sc08-map .p-map-search-box > div,
.p-sc08-map .p-map-search-box input {
padding-left: 15px;
padding-right: 85px;
}
.p-sc08-map .p-map-search-box input {
border: 0;
color: #a6a6a6;
font-size: 13px;
height: 33px;
left: -15px;
line-height: 33px;
position: relative;
width: 100%;
}
.p-sc08-map .p-map-search-box input::-webkit-input-placeholder {
color: #b9bbc7;
}
.p-sc08-map .p-map-search-box input:-moz-placeholder {
color: #b9bbc7;
}
.p-sc08-map .p-map-search-box input::-moz-placeholder {
color: #b9bbc7;
}
.p-sc08-map .p-map-search-box input:-ms-input-placeholder {
color: #b9bbc7;
}
.p-sc08-map .p-map-search-box input::-ms-clear {
display: none;
}
.p-sc08-map .p-map-search-box input.placeholder {
color: #b9bbc7;
}
.p-sc08-map .p-map-search-box .p-search-btn,
.p-sc08-map .p-map-search-box .p-search-list-btn,
.p-sc08-map .p-map-search-box .p-search-location-btn {
cursor: pointer;
display: inline-block;
position: absolute;
top: 6px;
}
.p-sc08-map .p-map-search-box .p-search-btn:before,
.p-sc08-map .p-map-search-box .p-search-list-btn:before,
.p-sc08-map .p-map-search-box .p-search-location-btn:before {
display: block;
font-family: philips-global-icon-font;
font-size: 18px;
font-style: normal;
}
.p-sc08-map .p-map-search-box .p-search-btn {
right: 10px;
}
.p-sc08-map .p-map-search-box .p-search-btn:before {
content: "\e209";
}
.p-sc08-map .p-map-search-box .p-search-list-btn,
.p-sc08-map .p-map-search-box .p-search-location-btn {
display: none;
right: 40px;
}
.p-sc08-map .p-map-search-box .p-search-list-btn:before,
.p-sc08-map .p-map-search-box .p-search-location-btn:before {
margin-right: 15px;
}
.p-sc08-map .p-map-search-box .p-search-list-btn:after,
.p-sc08-map .p-map-search-box .p-search-location-btn:after {
content: "";
background: #cccedb;
display: block;
position: absolute;
right: 0;
width: 1px;
height: 24px;
top: -1px;
}
.p-sc08-map .p-map-search-box .p-search-list-btn:before {
content: "\e225";
}
.p-sc08-map .p-map-search-box .p-search-location-btn:before {
content: "\e310";
}
.p-sc08-map .p-map-info,
.p-sc08-map .p-map-legend-info {
position: absolute;
top: 73px;
width: 100%;
}
.p-sc08-map .p-action-bar {
background-color: #efefef;
overflow: hidden;
padding: 14px 20px 14px 20px;
}
.p-sc08-map .p-action-bar a {
background: none;
text-transform: uppercase;
}
.p-sc08-map .p-action-bar a + a {
float: right;
}
.p-sc08-map .p-action-bar + .p-details .p-icon-close {
display: none;
}
.p-sc08-map .p-map-legend-content {
background: #7d0063;
position: relative;
max-height: 156px;
height: auto;
overflow-y: auto;
}
.p-sc08-map .p-map-legend-content.p-list {
padding: 4px 0px 4px 0px;
color: #ffffff;
}
.p-sc08-map .p-map-legend-content.p-list li {
position: relative;
padding: 4px 30px 4px 30px;
}
.p-sc08-map .p-map-legend-content.p-list li:after {
content: "";
}
.p-sc08-map .p-map-legend-icon {
font-size: 21px;
color: #7d0063;
}
.p-sc08-map .p-map-legend-icon.p-icon-inverted {
color: #ffffff;
}
.p-sc08-map .p-map-legend-property {
margin-left: 10px;
vertical-align: top;
}
.p-sc08-map .p-map-info-content {
background: #ffffff;
font-size: 13px;
line-height: 20px;
}
.p-sc08-map .p-map-info-content .p-icon-close {
position: relative;
right: 5px;
top: 10px;
float: right;
}
.p-sc08-map .p-map-info-content .p-info-wrapper {
padding: 30px 30px 30px 30px;
}
.p-sc08-map .p-map-info-content .p-title {
line-height: 40px;
margin: 0px 0px 10px 0px;
}
.p-sc08-map .p-map-info-content .p-address {
margin-bottom: 5px;
}
.p-sc08-map .p-map-info-content .p-contact-person {
margin: 10px 0px 0px 0px;
}
.p-sc08-map .p-map-info-content .p-link {
display: block;
font-size: 13px;
margin: 5px 0px 5px 0px;
}
.p-sc08-map .p-map-info-content .p-contacts .p-contact {
border-top: 1px solid #999999;
margin-top: 14px;
padding-top: 14px;
}
.p-sc08-map .p-map-info-content .p-phone-text {
display: none;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
margin: 10px 0px 10px 0px;
}
.p-sc08-map .p-map-info-content .p-phone-button {
display: block;
margin: 10px 0px 10px 0px;
}
.p-sc08-map .p-map-info-content .p-directions-button {
display: block;
margin: 5px 0px 5px 0px;
}
.p-sc08-map .p-map-info-content h4 {
margin: 10px 0px 0px 0px;
}
.p-sc08-map .p-map-info-content h4 + p {
margin: 0px 0px 10px 0px;
}
.p-sc08-map .p-map-info-content .p-disclaimer {
color: #e98300;
font-size: 11px;
margin-top: 10px;
}
.p-sc08-map .p-map-info-content img {
max-width: 100%;
}
.p-sc08-map .p-map-info-content.p-list .p-body-copy-02 {
color: #7d0063;
}
.p-sc08-map .p-map-info-content.p-list li {
position: relative;
border-top: 1px solid #d8d8d8;
cursor: pointer;
padding: 19px 30px 19px 30px;
}
.p-sc08-map .p-map-info-content.p-list li:after {
color: #7d0063;
content: "\e203";
display: block;
font-family: philips-global-icon-font;
position: absolute;
right: 4%;
top: 50%;
margin-top: -10px;
}
.p-sc08-map .p-map-info-content.p-filters {
padding: 20px 20px 20px 20px;
}
.p-sc08-map .p-map-info-content.p-filters .p-filter-boxes {
margin-top: 20px;
}
.p-sc08-map .p-map-info-content.p-filters .p-group-heading {
margin-top: 10px;
margin-bottom: 10px;
}
.p-sc08-map .p-map-info-content.p-filters .p-group-heading:first-child {
margin-top: 0px;
}
.p-sc08-map .p-map-info-content.p-filters .p-form-option {
margin-bottom: 5px;
}
.p-sc08-map .p-map-info-content.p-filters .p-checkbox {
margin-right: 10px;
vertical-align: top;
}
.p-sc08-map .p-map-info-content.p-filters label {
font-size: 14px;
}
.p-sc08-map .p-info-legend-list {
margin-top: 5px;
}
.p-sc08-map .p-info-legend-item {
margin-top: 2px;
}
.p-sc08-map .p-info-legend-item-icon {
color: inherit;
}
.p-sc08-map .p-info-legend-item-description {
margin-left: 10px;
vertical-align: top;
}
.p-sc08-map .p-preloading {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 3004;
padding: 7px 7px 7px 7px;
background-color: rgba(255, 255, 255, 0.05);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #ffffff, rgba(255, 255, 255, 0.05));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #ffffff, rgba(255, 255, 255, 0.05));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0.05)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#0dffffff', GradientType=0);
}
/*
Min Width 701
---------------------------*/
/*
Min-width 961
---------------------------*/
/*
Min Width 701 and Max Width 960
-----------------------------------*/
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-sc08-map .p-map-info-content {
max-height: none !important;
}
.p-sc08-map .p-map-info-content .p-title {
font-size: 22px;
}
.p-sc08-map .p-map-info-content.p-list {
width: 100%;
top: 74px;
}
.p-sc08v2-map .p-map-info-content {
max-height: none !important;
}
.p-sc08v2-map .p-map-info-content .p-title {
font-size: 22px;
}
.p-sc08v2-map .p-map-info-content.p-list {
width: 100%;
top: 74px;
}
}
@media screen and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 0) {
.p-sc08-map .p-map-search-box input:focus {
font-size: 17px;
}
}
@media screen and (min-width: 701px) {
.p-sc08-map .p-map {
width: 100%;
}
.p-sc08-map .p-map .gm-style img {
max-width: none;
}
.p-sc08-map .p-map-search {
width: 330px;
}
.p-sc08-map .p-map-legend-info {
width: 330px;
}
.p-sc08-map .p-map-info {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
width: 330px;
}
.p-sc08-map .p-map-search,
.p-sc08-map .p-map-info,
.p-sc08-map .p-map-legend-info {
right: auto;
left: 20px;
}
.p-sc08-map .p-map-search-header {
background-color: #973382;
border-radius: 5px 5px 0px 0px;
color: white;
display: block;
padding: 7px 15px 7px 15px;
}
.p-sc08-map .p-map-overlay-inverted .p-map-search,
.p-sc08-map .p-map-overlay-inverted .p-map-info,
.p-sc08-map .p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 20px;
}
.p-sc08-map .p-map-info-content {
overflow-y: auto;
}
.p-sc08-map .p-map-info-content .p-phone-text {
display: block;
}
.p-sc08-map .p-map-info-content .p-phone-button {
display: none;
}
.p-sc08-map .p-map-info-content .p-directions-button {
display: inline-block;
}
.p-sc08v2-map .p-map .gm-style img {
max-width: none;
}
.p-sc08v2-map .p-map-search {
width: 330px;
}
.p-sc08v2-map .p-map-legend-info {
width: 330px;
}
.p-sc08v2-map .p-map-info {
width: 330px;
}
.p-sc08v2-map .p-map-search,
.p-sc08v2-map .p-map-info,
.p-sc08v2-map .p-map-legend-info {
right: auto;
left: 20px;
}
.p-sc08v2-map .p-map-search-header {
display: block;
}
.p-sc08v2-map .p-map-overlay-inverted .p-map-search,
.p-sc08v2-map .p-map-overlay-inverted .p-map-info,
.p-sc08v2-map .p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 20px;
}
.p-sc08v2-map .p-map-info-content {
overflow-y: auto;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-sc08-map .p-map-selects .p-select.p-large,
.p-sc08-map .p-map-select-distance .p-select.p-large {
width: 100%;
}
.p-sc08v2-map .p-map-selects .p-select.p-large,
.p-sc08v2-map .p-map-select-distance .p-select.p-large {
width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-sc08-map .p-map-overlay-narrow .p-map-search,
.p-sc08-map .p-map-overlay-narrow .p-map-legend-info,
.p-sc08-map .p-map-overlay-narrow .p-map-info {
left: 0px;
}
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-search,
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-info,
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 0px;
}
.p-sc08v2-map .p-map-overlay-narrow .p-map-search,
.p-sc08v2-map .p-map-overlay-narrow .p-map-legend-info,
.p-sc08v2-map .p-map-overlay-narrow .p-map-info {
left: 0px;
}
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-search,
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-info,
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 0px;
}
}
/*
Defaults
---------------------------*/
.p-sc08v2-map {
position: relative;
}
.p-sc08v2-map .p-map-dropdown-error {
border: 1px solid #7d0063;
box-sizing: content-box;
}
.p-sc08v2-map .p-facet-error-message-container {
pointer-events: none;
}
.p-sc08v2-map .p-facet-error-message-container:after {
content: none !important;
}
.p-sc08v2-map .p-map:after,
.p-sc08v2-map .p-map:before {
position: absolute;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
content: "";
display: block;
left: 0;
right: 0;
z-index: 1;
height: 5px;
}
.p-sc08v2-map .p-map:after {
top: -5px;
}
.p-sc08v2-map .p-map:before {
bottom: -5px;
}
.p-sc08v2-map .p-map-accordion-container {
background-color: #ffffff;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;
position: absolute;
top: 0;
}
.p-sc08v2-map .p-map-overlay {
position: relative;
z-index: 2;
}
.p-sc08v2-map .p-map-overlay.p-map-overlay-narrow {
margin: 0 auto;
max-width: 960px;
}
.p-sc08v2-map .p-map-search {
position: absolute;
left: 20px;
right: 20px;
top: 20px;
}
.p-sc08v2-map .p-map-search-header {
display: none;
}
.p-sc08v2-map .p-map-selects .p-select.p-large .p-label,
.p-sc08v2-map .p-map-select-distance .p-select.p-large .p-label {
height: 34px;
}
.p-sc08v2-map .p-map-selects .p-select .p-label,
.p-sc08v2-map .p-map-select-distance .p-select .p-label {
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
}
.p-sc08v2-map .p-map-search-box {
background-color: #ffffff;
position: relative;
}
.p-sc08v2-map .p-map-search-box > div,
.p-sc08v2-map .p-map-search-box input {
padding-left: 15px;
padding-right: 85px;
}
.p-sc08v2-map .p-map-search-box input {
border: 0;
color: #a6a6a6;
font-size: 13px;
height: 33px;
left: -15px;
line-height: 33px;
position: relative;
width: 100%;
}
.p-sc08v2-map .p-map-search-box input::-webkit-input-placeholder {
color: #b9bbc7;
}
.p-sc08v2-map .p-map-search-box input:-moz-placeholder {
color: #b9bbc7;
}
.p-sc08v2-map .p-map-search-box input::-moz-placeholder {
color: #b9bbc7;
}
.p-sc08v2-map .p-map-search-box input:-ms-input-placeholder {
color: #b9bbc7;
}
.p-sc08v2-map .p-map-search-box input::-ms-clear {
display: none;
}
.p-sc08v2-map .p-map-search-box input.placeholder {
color: #b9bbc7;
}
.p-sc08v2-map .p-map-search-box .p-search-btn,
.p-sc08v2-map .p-map-search-box .p-search-list-btn,
.p-sc08v2-map .p-map-search-box .p-search-location-btn {
cursor: pointer;
display: inline-block;
position: absolute;
top: 6px;
}
.p-sc08v2-map .p-map-search-box .p-search-btn:before,
.p-sc08v2-map .p-map-search-box .p-search-list-btn:before,
.p-sc08v2-map .p-map-search-box .p-search-location-btn:before {
display: block;
font-family: philips-global-icon-font;
font-size: 18px;
font-style: normal;
}
.p-sc08v2-map .p-map-search-box .p-search-btn {
right: 10px;
}
.p-sc08v2-map .p-map-search-box .p-search-btn:before {
content: "\e209";
}
.p-sc08v2-map .p-map-search-box .p-search-list-btn,
.p-sc08v2-map .p-map-search-box .p-search-location-btn {
display: none;
right: 40px;
}
.p-sc08v2-map .p-map-search-box .p-search-list-btn:before,
.p-sc08v2-map .p-map-search-box .p-search-location-btn:before {
margin-right: 15px;
}
.p-sc08v2-map .p-map-search-box .p-search-list-btn:after,
.p-sc08v2-map .p-map-search-box .p-search-location-btn:after {
content: "";
background: #cccedb;
display: block;
position: absolute;
right: 0;
width: 1px;
height: 24px;
top: -1px;
}
.p-sc08v2-map .p-map-search-box .p-search-list-btn:before {
content: "\e225";
}
.p-sc08v2-map .p-map-search-box .p-search-location-btn:before {
content: "\e310";
}
.p-sc08v2-map .p-map-info,
.p-sc08v2-map .p-map-legend-info {
position: absolute;
top: 73px;
width: 100%;
}
.p-sc08v2-map .p-action-bar {
background-color: #efefef;
overflow: hidden;
padding: 14px 20px 14px 20px;
}
.p-sc08v2-map .p-action-bar a {
background: none;
text-transform: uppercase;
}
.p-sc08v2-map .p-action-bar a + a {
float: right;
}
.p-sc08v2-map .p-action-bar + .p-details .p-icon-close {
display: none;
}
.p-sc08v2-map .p-map-legend-content {
background: #7d0063;
position: relative;
max-height: 156px;
height: auto;
overflow-y: auto;
}
.p-sc08v2-map .p-map-legend-content.p-list {
padding: 4px 0px 4px 0px;
color: #ffffff;
}
.p-sc08v2-map .p-map-legend-content.p-list li {
position: relative;
padding: 4px 30px 4px 30px;
}
.p-sc08v2-map .p-map-legend-content.p-list li:after {
content: "";
}
.p-sc08v2-map .p-map-legend-icon {
font-size: 21px;
color: #7d0063;
}
.p-sc08v2-map .p-map-legend-icon.p-icon-inverted {
color: #ffffff;
}
.p-sc08v2-map .p-map-legend-property {
margin-left: 10px;
vertical-align: top;
}
.p-sc08v2-map .p-map-info-content {
background: #ffffff;
font-size: 13px;
line-height: 20px;
}
.p-sc08v2-map .p-map-info-content .p-icon-close {
position: relative;
right: 5px;
top: 10px;
float: right;
}
.p-sc08v2-map .p-map-info-content .p-info-wrapper {
padding: 30px 30px 30px 30px;
}
.p-sc08v2-map .p-map-info-content .p-title {
line-height: 25px;
margin: 0px 0px 10px 0px;
}
.p-sc08v2-map .p-map-info-content .p-address {
margin-bottom: 5px;
}
.p-sc08v2-map .p-map-info-content .p-contact-person {
margin: 10px 0px 0px 0px;
}
.p-sc08v2-map .p-map-info-content .p-link {
display: block;
font-size: 13px;
margin: 5px 0px 5px 0px;
}
.p-sc08v2-map .p-map-info-content .p-contacts .p-contact {
border-top: 1px solid #999999;
margin-top: 14px;
padding-top: 14px;
}
.p-sc08v2-map .p-map-info-content .p-phone-link,
.p-sc08v2-map .p-map-info-content .p-directions-link,
.p-sc08v2-map .p-map-info-content .p-website-link {
display: block;
}
.p-sc08v2-map .p-map-info-content .p-phone-link i,
.p-sc08v2-map .p-map-info-content .p-directions-link i,
.p-sc08v2-map .p-map-info-content .p-website-link i {
color: #7d0063;
}
.p-sc08v2-map .p-map-info-content .p-phone-button,
.p-sc08v2-map .p-map-info-content .p-directions-button,
.p-sc08v2-map .p-map-info-content .p-website-button {
display: none;
}
.p-sc08v2-map .p-map-info-content h4 {
margin: 10px 0px 0px 0px;
}
.p-sc08v2-map .p-map-info-content h4 + p {
margin: 0px 0px 10px 0px;
}
.p-sc08v2-map .p-map-info-content .p-disclaimer {
color: #e98300;
font-size: 11px;
margin-top: 10px;
}
.p-sc08v2-map .p-map-info-content img {
max-width: 100%;
}
.p-sc08v2-map .p-map-info-content.p-list .p-body-copy-02 {
color: #7d0063;
}
.p-sc08v2-map .p-map-info-content.p-list li {
position: relative;
border-top: 1px solid #d8d8d8;
padding: 19px 30px 19px 30px;
}
.p-sc08v2-map .p-map-info-content.p-filters {
padding: 20px 20px 20px 20px;
}
.p-sc08v2-map .p-map-info-content.p-filters .p-filter-boxes {
margin-top: 20px;
}
.p-sc08v2-map .p-map-info-content.p-filters .p-group-heading {
margin-top: 10px;
margin-bottom: 10px;
}
.p-sc08v2-map .p-map-info-content.p-filters .p-group-heading:first-child {
margin-top: 0px;
}
.p-sc08v2-map .p-map-info-content.p-filters .p-form-option {
margin-bottom: 5px;
}
.p-sc08v2-map .p-map-info-content.p-filters .p-checkbox {
margin-right: 10px;
vertical-align: top;
}
.p-sc08v2-map .p-map-info-content.p-filters label {
font-size: 14px;
}
.p-sc08v2-map .p-info-legend-list {
margin-top: 5px;
}
.p-sc08v2-map .p-info-legend-item {
margin-top: 2px;
}
.p-sc08v2-map .p-info-legend-item-icon {
color: inherit;
}
.p-sc08v2-map .p-info-legend-item-description {
margin-left: 10px;
vertical-align: top;
}
.p-sc08v2-map .p-preloading {
position: absolute;
top: 0px;
bottom: 0px;
right: 0px;
left: 0px;
z-index: 3004;
padding: 7px 7px 7px 7px;
background-color: rgba(255, 255, 255, 0.05);
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #ffffff, rgba(255, 255, 255, 0.05));
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #ffffff, rgba(255, 255, 255, 0.05));
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0.05)', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#0dffffff', GradientType=0);
}
/*
Min Width 701
---------------------------*/
/*
Min-width 961
---------------------------*/
/*
Min Width 701 and Max Width 960
-----------------------------------*/
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-sc08-map .p-map-info-content {
max-height: none !important;
}
.p-sc08-map .p-map-info-content .p-title {
font-size: 22px;
}
.p-sc08-map .p-map-info-content.p-list {
width: 100%;
top: 74px;
}
.p-sc08v2-map .p-map-info-content {
max-height: none !important;
}
.p-sc08v2-map .p-map-info-content .p-title {
font-size: 22px;
}
.p-sc08v2-map .p-map-info-content.p-list {
width: 100%;
top: 74px;
}
}
@media screen and (max-width: 700px) and (-webkit-min-device-pixel-ratio: 0) {
.p-sc08v2-map .p-map-search-box input:focus {
font-size: 17px;
}
}
@media screen and (min-width: 701px) {
.p-sc08-map .p-map {
width: 100%;
}
.p-sc08-map .p-map .gm-style img {
max-width: none;
}
.p-sc08-map .p-map-search {
width: 330px;
}
.p-sc08-map .p-map-legend-info {
width: 330px;
}
.p-sc08-map .p-map-info {
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
width: 330px;
}
.p-sc08-map .p-map-search,
.p-sc08-map .p-map-info,
.p-sc08-map .p-map-legend-info {
right: auto;
left: 20px;
}
.p-sc08-map .p-map-search-header {
background-color: #973382;
border-radius: 5px 5px 0px 0px;
color: white;
display: block;
padding: 7px 15px 7px 15px;
}
.p-sc08-map .p-map-overlay-inverted .p-map-search,
.p-sc08-map .p-map-overlay-inverted .p-map-info,
.p-sc08-map .p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 20px;
}
.p-sc08-map .p-map-info-content {
overflow-y: auto;
}
.p-sc08-map .p-map-info-content .p-phone-text {
display: block;
}
.p-sc08-map .p-map-info-content .p-phone-button {
display: none;
}
.p-sc08-map .p-map-info-content .p-directions-button {
display: inline-block;
}
.p-sc08v2-map .p-map .gm-style img {
max-width: none;
}
.p-sc08v2-map .p-map-search {
width: 330px;
}
.p-sc08v2-map .p-map-legend-info {
width: 330px;
}
.p-sc08v2-map .p-map-info {
width: 330px;
}
.p-sc08v2-map .p-map-search,
.p-sc08v2-map .p-map-info,
.p-sc08v2-map .p-map-legend-info {
right: auto;
left: 20px;
}
.p-sc08v2-map .p-map-search-header {
display: block;
}
.p-sc08v2-map .p-map-overlay-inverted .p-map-search,
.p-sc08v2-map .p-map-overlay-inverted .p-map-info,
.p-sc08v2-map .p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 20px;
}
.p-sc08v2-map .p-map-info-content {
overflow-y: auto;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-sc08-map .p-map-selects .p-select.p-large,
.p-sc08-map .p-map-select-distance .p-select.p-large {
width: 100%;
}
.p-sc08v2-map .p-map-selects .p-select.p-large,
.p-sc08v2-map .p-map-select-distance .p-select.p-large {
width: 100%;
}
}
@media screen and (min-width: 961px) {
.p-sc08-map .p-map-overlay-narrow .p-map-search,
.p-sc08-map .p-map-overlay-narrow .p-map-legend-info,
.p-sc08-map .p-map-overlay-narrow .p-map-info {
left: 0px;
}
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-search,
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-info,
.p-sc08-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 0px;
}
.p-sc08v2-map .p-map-overlay-narrow .p-map-search,
.p-sc08v2-map .p-map-overlay-narrow .p-map-legend-info,
.p-sc08v2-map .p-map-overlay-narrow .p-map-info {
left: 0px;
}
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-search,
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-info,
.p-sc08v2-map .p-map-overlay-narrow.p-map-overlay-inverted .p-map-legend-info {
left: auto;
right: 0px;
}
}
.p-sc08v2-map .p-map-overlay .p-map-flyout {
background-color: white;
display: block;
width: 305px;
position: absolute;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-overlay-title {
margin-top: 20px;
padding: 0 20px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search {
width: 265px;
margin-left: 20px;
top: 0;
position: static;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search .p-map-search-header {
margin: 14px 0;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search .p-map-search-box input {
width: 223px;
border-radius: 2px;
border: solid 1px #a6a6a6;
padding: 0 30px 0 10px;
color: #3c3c3c;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-action-bar {
padding: 0;
background-color: transparent;
margin: 20px 20px 0 20px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-action-bar .p-show-filters {
width: 265px;
height: 32px;
padding: 0 10px;
border-radius: 2px;
background-color: #dbcfe9;
text-transform: none;
text-align: left;
border: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-action-bar .p-show-filters span {
line-height: 32px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-action-bar .p-show-filters span i {
float: right;
font-size: 10px;
margin-bottom: 0;
line-height: 34px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-active-filters {
margin-top: 14px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-active-filters .p-filter-item {
border-radius: 2px;
background-color: #e6e6e6;
border: solid 1px #e6e6e6;
display: inline-block;
text-align: center;
padding: 2px 6px;
margin-right: 5px;
margin-bottom: 9px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-active-filters .p-filter-item .p-icon-cross {
font-size: 8px;
color: #323232;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-active-filters .p-filter-item .p-filter-title {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 1.83;
letter-spacing: 0;
color: #323232;
text-align: center;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-active-filters .p-filter-item:hover {
cursor: pointer;
background-color: #a6a6a6;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-show-hide-active-filters {
text-align: center;
text-decoration: underline;
cursor: pointer;
font-size: 10px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-show-hide-active-filters .p-show,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-show-hide-active-filters .p-hide {
display: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-show-hide-active-filters .p-show.p-active,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-show-hide-active-filters .p-hide.p-active {
display: block;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info {
width: 305px;
left: auto;
right: auto;
position: static;
-ms-overflow-style: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info ::-webkit-scrollbar {
display: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes {
background-color: #dbcfe9;
padding: 10px;
margin-top: 0;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes .p-group-heading {
color: black;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes .p-form-option {
font-size: 12px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes .p-form-option:hover {
font-weight: bold;
cursor: pointer;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes .p-form-option .p-checkbox:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content .p-filter-boxes .p-form-option label:hover {
cursor: pointer;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul .p-active {
background-color: #dbcfe9;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li {
padding: 14px 30px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-title {
font-size: 18px;
font-stretch: normal;
line-height: normal;
letter-spacing: 0px;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
color: #7d0063;
text-transform: uppercase;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link {
min-width: 55%;
outline: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link:hover {
text-decoration: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link i,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link i,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link i {
font-size: 14px;
vertical-align: middle;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link span,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link span,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link span {
font-size: 14px;
margin-left: 10px;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
color: #3c3c3c;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link span:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link span:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link span:hover {
text-decoration: underline;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link i:after,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-button i:after {
content: "\e824";
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li:hover {
cursor: auto;
background-color: #dbcfe9;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-info-legend-list,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-disclaimer {
display: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-filters {
padding-top: 0;
max-height: 347px !important;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-list {
margin-top: 20px;
}
@-moz-document url-prefix() {
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info {
overflow-y: hidden;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content {
overflow-y: scroll;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content.p-filters {
padding: 20px 5px 20px 20px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper {
border-top: inset rgba(0, 0, 0, 0.1);
padding-top: 8px;
}
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper {
display: inline-block;
height: 74px;
width: 100%;
border-top: inset rgba(0, 0, 0, 0.1);
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper .p-search-list-btn {
width: 265px;
height: 34px;
margin: 20px auto;
display: none;
border-radius: 2px;
background-color: #7d0063;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper .p-search-list-btn.p-active {
display: block !important;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper .p-apply-filters {
display: none;
width: 265px;
height: 34px;
margin: 20px auto;
border-radius: 2px;
line-height: 34px;
padding: 0;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper .p-apply-filters.p-active {
display: block !important;
}
.p-sc08v2-map .p-automatic-indent {
margin-left: 305px;
}
.p-sc08v2-map .p-map .gm-style-iw {
width: 156px;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: 0;
color: #1068a2;
}
@media screen and (max-width: 700px) {
.p-sc08v2-map {
min-height: 600px;
max-height: 600px;
}
.p-sc08v2-map .p-map {
visibility: hidden;
}
.p-sc08v2-map .p-automatic-indent {
margin-left: 0;
}
.p-sc08v2-map .p-map-overlay {
float: none;
margin: 0 auto;
width: 100%;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout {
margin: 0 auto;
position: relative;
width: 100%;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-action-bar .p-show-filters {
width: 100%;
border-radius: 0;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search {
width: auto;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search .p-map-search-header {
display: block;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-search .p-map-search-box input {
width: 89%;
border-radius: 2px;
border: solid 1px #a6a6a6;
padding: 0 5%;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info {
width: 100%;
height: 369px !important;
max-height: 369px !important;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content {
max-height: 308px !important;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li {
padding: 14px 20px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-link,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-link,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-link {
display: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-button,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-button,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-button {
width: 72px;
border-radius: 2px;
border: solid 1px #80b3d0;
text-align: center;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 5px;
height: 18px;
margin-right: 9px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-button i,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-button i,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-button i {
font-size: 11px;
line-height: 12px;
margin-right: 3px;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-phone-button:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-website-button:hover,
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-map-info .p-map-info-content ul li .p-directions-button:hover {
text-decoration: none;
}
.p-sc08v2-map .p-map-overlay .p-map-flyout .p-search-list-btn-wrapper .p-search-list-btn {
width: 80%;
}
.p-sc08v2-map .p-map-info .p-map-info-content {
overflow-y: auto;
}
}
.sc09-stackla {
width: 100%;
}
.sc09-stackla__titles {
text-align: center;
padding-top: 32px;
padding-bottom: 32px;
}
/*
Local variables
---------------------------*/
/*Defaults
---------------------------*/
.p-sc14v2-linkedin-feeds {
/*Inverted
---------------------------*/
}
.p-sc14v2-linkedin-feeds .p-feeds-list-item {
margin-bottom: 20px;
border-bottom: 1px solid #cccccc;
}
.p-sc14v2-linkedin-feeds .p-feeds-list-item:last-child {
border: none;
}
.p-sc14v2-linkedin-feeds .p-feeds-list-item .p-date {
color: #999999;
}
.p-sc14v2-linkedin-feeds .p-read-more {
font-weight: bold;
}
.p-sc14v2-linkedin-feeds .p-title {
margin-bottom: 0;
}
.p-sc14v2-linkedin-feeds .p-icon-linkedin {
margin-right: 10px;
color: #7d0063;
}
.p-sc14v2-linkedin-feeds.p-inverted .p-icon-linkedin,
.p-inverted .p-sc14v2-linkedin-feeds .p-icon-linkedin {
color: #ffffff;
}
.p-sc14v2-linkedin-feeds.p-inverted .p-date,
.p-inverted .p-sc14v2-linkedin-feeds .p-date {
color: #ffffff;
}
.p-sc14v2-linkedin-feeds.p-inverted .p-feeds-list-item,
.p-inverted .p-sc14v2-linkedin-feeds .p-feeds-list-item {
border-bottom: 1px solid #ffffff;
}
.p-sc14v2-linkedin-feeds.p-inverted .p-feeds-list-item:last-child,
.p-inverted .p-sc14v2-linkedin-feeds .p-feeds-list-item:last-child {
border: none;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.p-sc14v2-linkedin-feeds {
padding-right: 10px;
padding-left: 10px;
}
}
@media screen and (min-width: 701px) {
.p-sc14v2-linkedin-feeds .p-feeds-list-item.p-list-last-item {
margin-bottom: 0px;
}
}
/*
Defaults
---------------------------*/
.p-sc20-social-flyout {
z-index: 6005;
position: absolute;
}
.p-sc20-social-flyout .p-sc20-social-flyout-container {
height: 41px;
}
.p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container {
background-color: #7d0063;
overflow: hidden;
border-radius: 2px 2px 2px 2px;
height: 27px;
margin-left: 9px;
margin-right: 10px;
padding-left: 5px;
padding-top: 5px;
width: 29px;
cursor: pointer;
}
.p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container .p-sc20-social-flyout-overlay-plus-icon {
color: #ffffff;
font-size: 24px;
}
.p-sc20-social-flyout .p-sc20-social-flyout-content-container {
overflow: hidden;
position: absolute;
bottom: 2px;
height: 42px;
padding: 4px 0px 4px 0px;
background-color: #ffffff;
filter: alpha(opacity=0);
background: rgba(255, 255, 255, 0);
}
.p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container {
background-color: #ffffff;
color: #7d0063;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
position: absolute;
height: 40px;
padding: 2px 0px 4px 0px;
bottom: 1px;
}
.p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container .p-sc20-social-flyout-icon {
padding: 4px 8px 4px 0px;
color: #7d0063;
float: left;
cursor: pointer;
display: inline-block;
font-size: 34px;
line-height: 34px;
}
.p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container .p-sc20-social-flyout-icon:first-child {
padding-left: 8px;
}
.p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container .p-sc20-social-flyout-icon:hover {
color: #42145f;
}
.p-sc20-social-flyout .p-arrow {
display: block;
position: absolute;
background: url('../../philips/clientlibs/foundation-social/clientlibs-css-rb2014/images/social-flyout-arrow-sprite.png') 0 0 no-repeat;
}
.p-sc20-social-flyout.p-right .p-sc20-social-flyout-content-container {
left: 43px;
padding-left: 16px;
}
.p-sc20-social-flyout.p-right .p-arrow {
margin-left: 31px;
background-position: 0 -89px;
left: 20px;
top: 50%;
margin-top: -12px;
width: 8px;
height: 13px;
}
.p-sc20-social-flyout.p-left .p-sc20-social-flyout-content-container {
padding-right: 15px;
padding-left: 1px;
right: 43px;
}
.p-sc20-social-flyout.p-left .p-arrow {
margin-right: 20px;
background-position: 0 -122px;
right: 32px;
top: 50%;
margin-top: -12px;
width: 8px;
height: 13px;
}
.p-sc20-social-flyout .p-icon-download {
text-decoration: none;
}
.p-inverted .p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container {
background-color: #ffffff;
}
.p-inverted .p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container .p-sc20-social-flyout-overlay-plus-icon {
color: #7d0063;
}
.p-inverted .p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container {
background-color: #7d0063;
}
.p-inverted .p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container .p-sc20-social-flyout-icon {
color: #ffffff;
}
.p-inverted .p-sc20-social-flyout .p-sc20-social-flyout-content-container .p-sc20-social-flyout-inner-container .p-sc20-social-flyout-icon:hover {
opacity: .7;
}
.p-inverted .p-sc20-social-flyout.p-right .p-arrow {
width: 0px;
height: 0px;
background: none;
border-bottom: 8px solid transparent;
border-right: 8px solid #7d0063;
border-top: 8px solid transparent;
}
.p-inverted .p-sc20-social-flyout.p-left .p-arrow {
width: 0px;
height: 0px;
background: none;
border-bottom: 8px solid transparent;
border-left: 8px solid #7d0063;
border-top: 8px solid transparent;
}
.p-u02v2-sign-in .p-button {
margin-top: 20px;
}
.p-u02v2-sign-in .p-button + .p-link-more {
margin-left: 0;
margin-top: 20px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.mfp-content .p-phone-number-reset-popup-content,
.mfp-content .p-phone-number-reset-code-popup-content {
left: 0 !important;
right: 0 !important;
width: auto !important;
margin: 0px 10px 0px 10px;
}
.mfp-content .p-phone-number-reset-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-phone-number-reset-code-popup-content .p-popup-btn-container .p-button {
margin-top: 2px;
}
}
/*
Styles written for Magnific popup specific to requirement
---------------------------------------------------------*/
.mfp-content .p-phone-number-reset-popup-content,
.mfp-content .p-phone-number-reset-code-popup-content {
position: relative;
display: block;
background: #ffffff;
margin: 0 auto;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
width: 550px;
padding: 25px 25px 25px 25px;
}
.mfp-content .p-phone-number-reset-popup-content .p-popup-btn-container,
.mfp-content .p-phone-number-reset-code-popup-content .p-popup-btn-container {
text-align: center;
}
.mfp-content .p-phone-number-reset-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-phone-number-reset-code-popup-content .p-popup-btn-container .p-button {
margin-right: 10px;
}
.mfp-content .p-phone-number-reset-popup-content .p-form,
.mfp-content .p-phone-number-reset-code-popup-content .p-form {
padding: 0;
margin: 0;
}
.mfp-content .p-phone-number-reset-popup-content .p-phone-error,
.mfp-content .p-phone-number-reset-code-popup-content .p-phone-error {
display: none;
}
.mfp-content .p-phone-number-reset-popup-content .p-phone-messages,
.mfp-content .p-phone-number-reset-code-popup-content .p-phone-messages {
margin-top: 5px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-u02v2-sign-in .p-optin-bg-color,
.p-u03v2-create-user .p-optin-bg-color {
background-color: #efeff4;
}
.p-u02v2-sign-in .capture_registration_emailAddressOrMobile,
.p-u03v2-create-user .capture_registration_emailAddressOrMobile {
display: none !important;
}
.p-u02v2-sign-in .p-janrain-form > form,
.p-u03v2-create-user .p-janrain-form > form {
margin: 0;
}
.p-u02v2-sign-in .p-janrain-form > form fieldset.p-first .p-form-title,
.p-u03v2-create-user .p-janrain-form > form fieldset.p-first .p-form-title {
margin-top: 0;
}
.p-u02v2-sign-in .p-janrain-form > form .p-medical-prof-label,
.p-u03v2-create-user .p-janrain-form > form .p-medical-prof-label {
font-size: 17px;
margin-left: 10px;
}
.p-u02v2-sign-in .p-janrain-screen,
.p-u03v2-create-user .p-janrain-screen {
display: none;
}
.p-u02v2-sign-in .p-social-providers a,
.p-u03v2-create-user .p-social-providers a {
background-color: #7d0063;
border-radius: 2px;
color: white;
display: table;
position: relative;
text-decoration: none;
width: 100%;
margin-bottom: 14px;
}
.p-u02v2-sign-in .p-social-providers a span,
.p-u03v2-create-user .p-social-providers a span {
display: table-cell;
text-align: center;
vertical-align: middle;
height: 35px;
padding-left: 36px;
}
.p-u02v2-sign-in .p-social-providers a i:before,
.p-u03v2-create-user .p-social-providers a i:before {
background-color: white;
content: "";
display: block;
position: absolute;
bottom: 1px;
left: 35px;
top: 1px;
width: 1px;
}
.p-u02v2-sign-in .p-social-providers a i:after,
.p-u03v2-create-user .p-social-providers a i:after {
position: absolute;
font-size: 24px;
line-height: 29px;
width: 29px;
height: 29px;
margin: 3px 3px 3px 3px;
text-align: center;
}
.p-u02v2-sign-in .p-social-providers a.p-facebook,
.p-u03v2-create-user .p-social-providers a.p-facebook {
background-color: #3c5a9a;
}
.p-u02v2-sign-in .p-social-providers a.p-twitter,
.p-u03v2-create-user .p-social-providers a.p-twitter {
background-color: #1aacda;
}
.p-u02v2-sign-in .p-social-providers a.p-google,
.p-u03v2-create-user .p-social-providers a.p-google {
background-color: #bc2701;
}
.p-u02v2-sign-in .p-social-providers a.p-googleplus,
.p-u03v2-create-user .p-social-providers a.p-googleplus {
background-color: #bc2701;
}
.p-u02v2-sign-in .p-social-providers a.p-linkedin,
.p-u03v2-create-user .p-social-providers a.p-linkedin {
background-color: #1a6ea3;
}
.p-u02v2-sign-in .p-social-providers a.p-paypal,
.p-u03v2-create-user .p-social-providers a.p-paypal {
background-color: #003087;
}
.p-u02v2-sign-in .p-social-providers a.p-yahoo,
.p-u03v2-create-user .p-social-providers a.p-yahoo {
background-color: #400191;
}
.p-u02v2-sign-in .p-social-providers a.p-wordpress,
.p-u03v2-create-user .p-social-providers a.p-wordpress {
background-color: #337499;
}
.p-u02v2-sign-in .p-social-providers a.p-renren,
.p-u03v2-create-user .p-social-providers a.p-renren {
background-color: #2456ab;
}
.p-u02v2-sign-in .p-social-providers a.p-weibo,
.p-u03v2-create-user .p-social-providers a.p-weibo,
.p-u02v2-sign-in .p-social-providers a.p-sinaweibo,
.p-u03v2-create-user .p-social-providers a.p-sinaweibo {
background-color: #ce2630;
}
.p-u02v2-sign-in .p-social-providers a.p-flickr,
.p-u03v2-create-user .p-social-providers a.p-flickr {
background-color: #305cdb;
}
.p-u02v2-sign-in .p-social-providers a.p-blogger,
.p-u03v2-create-user .p-social-providers a.p-blogger {
background-color: #ec7d16;
}
.p-u02v2-sign-in .p-social-providers a.p-pinterest,
.p-u03v2-create-user .p-social-providers a.p-pinterest {
background-color: #ca2128;
}
.p-u02v2-sign-in .p-social-providers a.p-instagram,
.p-u03v2-create-user .p-social-providers a.p-instagram {
background-color: #125688;
}
.p-u02v2-sign-in .p-social-providers a.p-myspace,
.p-u03v2-create-user .p-social-providers a.p-myspace {
background-color: #030303;
}
.p-u02v2-sign-in .p-social-providers a.p-vk,
.p-u03v2-create-user .p-social-providers a.p-vk {
background-color: #5373a3;
}
.p-u02v2-sign-in .p-social-providers a.p-foursquare,
.p-u03v2-create-user .p-social-providers a.p-foursquare {
background-color: #5abae0;
}
.p-u02v2-sign-in .p-social-providers a.p-openid,
.p-u03v2-create-user .p-social-providers a.p-openid {
background-color: #f09427;
}
.p-u02v2-sign-in .p-social-providers a.p-liveid,
.p-u03v2-create-user .p-social-providers a.p-liveid {
background-color: #2672ec;
}
.p-u02v2-sign-in .p-social-providers a.p-livejournal,
.p-u03v2-create-user .p-social-providers a.p-livejournal {
background-color: #124259;
}
.p-u02v2-sign-in .p-social-providers a.p-alipay,
.p-u03v2-create-user .p-social-providers a.p-alipay {
background-color: #3b9ee8;
}
.p-u02v2-sign-in .p-social-providers a.p-kaixin,
.p-u03v2-create-user .p-social-providers a.p-kaixin {
background-color: #d8083a;
}
.p-u02v2-sign-in .p-social-providers a.p-qq,
.p-u03v2-create-user .p-social-providers a.p-qq {
background-color: #4a97db;
}
.p-u02v2-sign-in .p-social-providers a.p-tencentweibo,
.p-u03v2-create-user .p-social-providers a.p-tencentweibo {
background-color: #20b8e5;
}
.p-u02v2-sign-in .p-social-providers a.p-wechat,
.p-u03v2-create-user .p-social-providers a.p-wechat {
background-color: #00d20d;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-additional-user-storage-confirmation-popup .mfp-container .mfp-content .p-send {
left: 0 !important;
right: 0 !important;
width: auto !important;
margin: 0px 10px 0px 10px;
}
}
/*
Styles written for Magnific popup specific to requirement
---------------------------------------------------------*/
.p-additional-user-storage-confirmation-popup .mfp-container .mfp-content .p-send {
position: relative;
display: block;
background: #ffffff;
margin: 0 auto;
height: auto!important;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
width: 550px;
padding: 30px 30px 30px 30px;
}
.p-additional-user-storage-confirmation-popup .mfp-container .mfp-content .p-send img {
display: none;
}
.p-additional-user-storage-confirmation-popup .mfp-container .mfp-content .p-send .p-icon-close-02 {
position: absolute;
right: 10px;
top: 10px;
}
.p-additional-user-storage-confirmation-popup .mfp-container .mfp-content .p-send p {
margin-bottom: 10px;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-u04v2-edit-profile .p-privacy p {
margin-bottom: 0px;
padding-top: 0px;
line-height: 22px;
}
.p-u04v2-edit-profile .p-privacy .p-heading-04 {
margin-top: 0px;
margin-bottom: 15px;
}
.p-u04v2-edit-profile .p-janrain-screen {
display: none;
}
.p-u04v2-edit-profile .p-janrain-form {
/* temporary solution */
}
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_personalDetailsForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_addressDetailsForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_contactDetailsForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_emailAddressForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_mobileNumberForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_traditionalPasswordForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_socialPasswordForm_defaultSavedProfileMessage .capture_save_success,
.p-u04v2-edit-profile .p-janrain-form #capture_editProfile_communicationSettingsForm_defaultSavedProfileMessage .capture_save_success {
display: table;
color: #fff;
background-color: #0066a1;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 18px;
border-radius: 2px;
padding-top: 8px;
padding-bottom: 7px;
background-color: #5b8f22;
}
.p-u04v2-edit-profile .p-janrain-form .p-submit-button {
padding-top: 20px;
}
.p-u04v2-edit-profile .p-janrain-form .p-country-code {
padding-right: 0 !important;
}
.p-u04v2-edit-profile .p-janrain-form .p-main-phone-container {
padding-left: 10px;
}
.p-u04v2-edit-profile .p-janrain-form .p-button-wrapper {
display: inline-block;
}
.p-u04v2-edit-profile .p-janrain-form .p-user-message {
display: none;
margin-bottom: 20px;
}
.p-u04v2-edit-profile .p-account-settings {
padding-top: 25px;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers li {
height: 40px;
margin-top: 12px;
line-height: 20px;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a {
display: inline-block;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a .p-social-media-connect {
height: 35px;
padding-left: 45px;
margin-top: 5px;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a .p-social-media-connect .p-providername {
padding-left: 0;
padding-bottom: 2px;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a .p-social-media-connect:hover {
text-decoration: none;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a i:after {
position: absolute;
background-color: #7d0063;
color: white;
font-size: 24px;
line-height: 29px;
width: 29px;
height: 29px;
margin: 3px 3px 3px 3px;
text-align: center;
text-decoration: none;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-facebook i:after {
background-color: #3c5a9a;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-twitter i:after {
background-color: #1aacda;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-google i:after {
background-color: #bc2701;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-googleplus i:after {
background-color: #bc2701;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-linkedin i:after {
background-color: #1a6ea3;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-paypal i:after {
background-color: #003087;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-yahoo i:after {
background-color: #400191;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-wordpress i:after {
background-color: #337499;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-renren i:after {
background-color: #2456ab;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-weibo i:after,
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-sinaweibo i:after {
background-color: #ce2630;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-flickr i:after {
background-color: #305cdb;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-blogger i:after {
background-color: #ec7d16;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-pinterest i:after {
background-color: #ca2128;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-instagram i:after {
background-color: #125688;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-myspace i:after {
background-color: #030303;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-vk i:after {
background-color: #5373a3;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-foursquare i:after {
background-color: #5abae0;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-openid i:after {
background-color: #f09427;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-liveid i:after {
background-color: #2672ec;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-livejournal i:after {
background-color: #124259;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-alipay i:after {
background-color: #3b9ee8;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-kaixin i:after {
background-color: #d8083a;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-qq i:after {
background-color: #4a97db;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-tencentweibo i:after {
background-color: #20b8e5;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a.p-wechat i:after {
background-color: #00d20d;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers a:focus {
outline: none;
}
.p-u04v2-edit-profile .p-account-settings .p-social-providers .p-remove-hover-effect:hover {
text-decoration: none;
}
.p-u04v2-edit-profile .p-account-settings .capture_form_item_receiveMarketingEmail {
position: relative;
}
.p-u04v2-edit-profile .p-account-settings .capture_form_item_receiveMarketingEmail label {
text-align: left;
padding-left: 35px;
}
.p-u04v2-edit-profile .p-account-settings .capture_form_item_receiveMarketingEmail .p-checkbox {
position: absolute;
left: 5px;
top: 3px;
}
.p-u04v2-edit-profile .p-profile-settings {
padding-top: 25px;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-u04v2-edit-profile .p-label {
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 17px;
}
.mfp-content .p-account-removal-confirmation-popup-content,
.mfp-content .p-email-change-confirmation-popup-content,
.mfp-content .p-delete-account-bttn-confirmation-message-content,
.mfp-content .p-password-change-confirmation-popup-content {
left: 0 !important;
right: 0 !important;
width: auto !important;
margin: 0px 10px 0px 10px;
}
.mfp-content .p-account-removal-confirmation-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-email-change-confirmation-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-delete-account-bttn-confirmation-message-content .p-popup-btn-container .p-button,
.mfp-content .p-password-change-confirmation-popup-content .p-popup-btn-container .p-button {
margin-top: 2px;
}
}
/*
Styles written for Magnific popup specific to requirement
---------------------------------------------------------*/
.mfp-content .p-account-removal-confirmation-popup-content,
.mfp-content .p-email-change-confirmation-popup-content,
.mfp-content .p-delete-account-bttn-confirmation-message-content,
.mfp-content .p-password-change-confirmation-popup-content {
position: relative;
display: block;
background: #ffffff;
margin: 0 auto;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
width: 360px;
padding: 25px 25px 25px 25px;
}
.mfp-content .p-account-removal-confirmation-popup-content .p-popup-btn-container,
.mfp-content .p-email-change-confirmation-popup-content .p-popup-btn-container,
.mfp-content .p-delete-account-bttn-confirmation-message-content .p-popup-btn-container,
.mfp-content .p-password-change-confirmation-popup-content .p-popup-btn-container {
text-align: center;
}
.mfp-content .p-account-removal-confirmation-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-email-change-confirmation-popup-content .p-popup-btn-container .p-button,
.mfp-content .p-delete-account-bttn-confirmation-message-content .p-popup-btn-container .p-button,
.mfp-content .p-password-change-confirmation-popup-content .p-popup-btn-container .p-button {
margin-right: 10px;
}
.p-u05v2-activate-user .p-janrain-screen {
display: none;
}
.p-u05v2-activate-user .p-janrain-form {
margin-top: 10px;
}
.p-u05v2-activate-user .p-janrain-form .p-button-wrapper {
display: inline-block;
}
.p-u05v2-activate-user .p-form-buttons {
float: right;
margin-top: 0;
}
.p-u05v2-activate-user .capture_email {
overflow: hidden;
}
.p-u05v2-activate-user .capture_capture_submit.capture_btn.capture_primary {
background: #7d0063 !important;
}
.p-u06v2-reset-password .p-janrain-screen {
display: none;
}
.p-u06v2-reset-password .p-phone-error {
margin-top: 5px;
}
.p-u06v2-reset-password .p-reset-phone-form {
margin: 0;
padding: 0;
}
.p-u06v2-reset-password .p-janrain-form {
margin-top: 10px;
}
.p-u06v2-reset-password .p-janrain-form .p-button-wrapper {
display: inline-block;
}
.p-u06v2-reset-password .p-form-buttons {
float: right;
margin-top: 0;
}
.p-u06v2-reset-password .capture_email {
overflow: hidden;
}
.p-u06v2-reset-password .capture_capture_submit.capture_btn.capture_primary {
background: #7d0063 !important;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-u15-user-tabs .p-tabs-wrapper {
position: relative;
}
.p-u15-user-tabs .p-tabs-background {
background: #0066a1;
opacity: 0.4;
filter: alpha(opacity=40);
position: absolute;
width: 100%;
height: 100%;
}
.p-u15-user-tabs .p-tab-switcher {
background-color: #7d0063;
color: #ffffff;
display: block;
font-size: 0;
font-weight: normal;
position: relative;
word-break: break-word;
}
.p-u15-user-tabs .p-tab-switcher:hover {
text-decoration: none;
}
.p-u15-user-tabs .p-tab-switcher:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.p-u15-user-tabs .p-tab-switcher .p-accordion-arrow {
margin-top: -9px;
font-size: 24px;
position: absolute;
right: 20px;
top: 50%;
}
.p-u15-user-tabs .p-tab-switcher .p-tab-switcher-inner {
display: inline-block;
vertical-align: middle;
}
.p-u15-user-tabs .p-tab-switcher .p-tab-switcher-inner .p-body-copy-01 {
color: inherit;
}
.p-u15-user-tabs .p-u08v2-logout .p-logout-link {
padding: 7px 14px 7px 0px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-image {
display: table-cell;
vertical-align: middle;
padding-right: 34px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-container {
display: table-cell;
vertical-align: middle;
}
.p-u15-user-tabs .p-profile-tab .p-heading-03 {
color: inherit;
display: block;
margin-bottom: 5px;
}
.p-u15-user-tabs .p-profile-tab .p-body-copy-04 {
color: inherit;
display: block;
font-size: 14px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-edit {
display: inline-block;
}
.p-u15-user-tabs .p-profile-tab .p-profile-edit:after {
content: '\007C';
padding: 0px 14px 0px 14px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-wrapper {
display: inline;
}
.p-u15-user-tabs .p-profile-tab .p-profile-wrapper .u08v2-logout {
display: inline-block;
}
.p-u15-user-tabs .p-profile-tab.p-multilines .p-profile-wrapper {
display: inherit;
}
.p-u15-user-tabs .p-profile-tab.p-multilines .p-profile-edit:after {
content: '';
padding: 0px 14px 0px 14px;
}
.p-u15-user-tabs.p-inverted .p-tabs-background {
background-color: #ffffff;
}
.p-u15-user-tabs.p-inverted .p-tab-switcher {
background-color: #ffffff;
color: #7d0063;
}
/*
Max Width 700
---------------------------*/
/*
Min Width 701
---------------------------*/
@media screen and (max-width: 700px) {
.p-u15-user-tabs .p-tabs-background {
display: none;
}
.p-u15-user-tabs .p-tab-container > li {
margin-bottom: 1px;
}
.p-u15-user-tabs .p-tab-switcher-inner {
padding: 10px 34px 10px 20px;
}
.p-u15-user-tabs .p-tab-switcher-inner i {
font-size: 25px;
margin-right: 20px;
vertical-align: middle;
}
.p-u15-user-tabs .p-tab-switcher-inner .p-body-copy-01 {
display: inline;
vertical-align: middle;
}
.p-u15-user-tabs .p-profile-tab .p-tab-switcher-inner {
padding: 0px 34px 0px 0px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-image {
padding-right: 14px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-image img {
height: 53px;
max-width: 80px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-container {
padding: 0px 34px 0px 0px;
}
.p-u15-user-tabs .p-profile-tab .p-profile-container .p-body-copy-04 {
display: none;
}
}
@media screen and (min-width: 701px) {
.p-u15-user-tabs {
position: relative;
}
.p-u15-user-tabs.p-u15-user-tabs-pull-up {
margin-top: -106px;
}
.p-u15-user-tabs .p-tabs-viewport .p-tab-container {
max-width: 960px;
margin: 0 auto ;
}
.p-u15-user-tabs .p-tab-container {
position: relative;
}
.p-u15-user-tabs .p-tab-container > li {
float: left;
margin-bottom: 0;
}
.p-u15-user-tabs .p-tab-container .p-tab-content {
position: absolute;
left: 0;
}
.p-u15-user-tabs .p-tab-switcher {
margin-right: 1px;
min-height: 106px;
text-align: center;
}
.p-u15-user-tabs .p-tab-switcher.p-profile-tab {
text-align: left;
}
.p-u15-user-tabs .p-tab-switcher.p-profile-tab .p-tab-switcher-inner {
padding: 0px 0px 0px 0px;
}
.p-u15-user-tabs .p-tab-switcher .p-accordion-arrow {
display: none;
}
.p-u15-user-tabs .p-tab-switcher-inner {
padding: 20px 14px 20px 14px;
}
.p-u15-user-tabs .p-tab-switcher-inner i {
font-size: 32px;
}
.p-u15-user-tabs .p-tab-switcher:hover,
.p-u15-user-tabs .p-selected > .p-tab-switcher {
background: #ffffff;
color: #7d0063;
}
.p-u15-user-tabs.p-inverted .p-tab-switcher:hover,
.p-u15-user-tabs.p-inverted .p-selected > .p-tab-switcher {
background: #7d0063;
color: #ffffff;
}
.p-u15-user-tabs .p-profile-image img {
height: 106px;
max-width: 159px;
}
.p-u15-user-tabs .p-profile-container {
padding: 14px 14px 14px 0px;
}
}
/*
Defaults
---------------------------*/
.p-u10-process-consent .p-loading-block {
display: table;
}
.p-u10-process-consent .p-loading-block .p-icon-block {
display: table-cell;
}
.p-u10-process-consent .p-loading-block .p-load-block {
display: table-cell;
padding-left: 5px;
}
.p-u10-process-consent .p-success-consent-message,
.p-u10-process-consent .p-success-no-conent-message,
.p-u10-process-consent .p-email-resend,
.p-u10-process-consent .p-email-success-message,
.p-u10-process-consent .p-general-error-message,
.p-u10-process-consent .p-inputparam-error-message,
.p-u10-process-consent .p-email-error-message-additional,
.p-u10-process-consent .p-verification-error,
.p-u10-process-consent .p-consent-given-error-message,
.p-u10-process-consent .p-email-error-message {
display: none;
}
.p-u10-process-consent .p-email-resend .p-email {
width: 300px;
height: 20px;
margin-right: 20px;
}
.p-u10-process-consent .p-incorrect {
border: 1px solid #e98300;
}
.p-u10-process-consent .p-email-error-message-additional,
.p-u10-process-consent .p-email-error-message {
color: #e98300;
padding-bottom: 10px;
}
.p-u10-process-consent .p-general-error-message,
.p-u10-process-consent .p-inputparam-error-message,
.p-u10-process-consent .p-email-error-message,
.p-u10-process-consent .p-email-error-message-additional,
.p-u10-process-consent .p-verification-error-message {
color: #e98300;
}
/*
Defaults
---------------------------*/
.p-u19-my-current-profile .p-profile-completeness-meter img {
width: 70px;
height: 70px;
}
.p-u19-my-current-profile .p-profile-message {
word-break: break-word;
}
/*
Max Width 700
---------------------------*/
@media screen and (max-width: 700px) {
.p-u19-my-current-profile .p-profile-completeness-meter {
text-align: center;
}
.p-u19-my-current-profile .p-profile-completeness-meter img {
width: 200px;
height: 200px;
}
.p-u19-my-current-profile .p-profile-message {
padding-top: 15px;
}
}
.mfp-wrap2 .p-mfp-popup-content .p-form-pre-loader {
margin: 0 auto;
}
.p-eloqua-form .form_leftcol {
padding: 14px 0px 14px 0px;
}
.p-eloqua-form .p-required-field .form_leftcollabel label:after {
content: '*';
display: inline;
margin-left: 3px;
}
.p-eloqua-form .form_leftcollabel,
.p-eloqua-form .form_leftcolmark {
font-weight: bold;
}
.p-eloqua-form .form_leftcollabel.p-text-visibility-none {
visibility: hidden;
}
.p-eloqua-form .form_leftcollabel.p-text-visibility-none:after {
content: '';
margin-left: 3px;
}
.p-eloqua-form .form_leftcolmark {
display: none;
}
.p-eloqua-form .form_button_submit {
margin-top: 14px;
}
.p-eloqua-form label {
word-break: break-word;
}
.p-eloqua-form .p-radio-wrapper label,
.p-eloqua-form .p-checkbox-wrapper label {
margin-right: 14px;
}
.p-eloqua-form .p-radio-wrapper label p,
.p-eloqua-form .p-checkbox-wrapper label p {
display: inline;
}
.p-eloqua-form .p-radio-wrapper .p-align-horizontal,
.p-eloqua-form .p-checkbox-wrapper .p-align-horizontal {
display: inline-block;
height: 35px;
}
.p-eloqua-form .p-radio,
.p-eloqua-form .p-checkbox {
vertical-align: text-top;
margin-right: 10px;
}
.p-u54v2-eloqua-form {
position: relative;
}
.p-u54v2-eloqua-form .p-eloqua-btn-left {
text-align: left;
}
.p-u54v2-eloqua-form .p-eloqua-btn-center {
text-align: center;
}
.p-u54v2-eloqua-form .p-eloqua-btn-right {
text-align: right;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-button-container {
position: relative;
margin-bottom: 20px;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-button-container .p-v-symbol {
width: 0;
height: 0;
border-style: solid;
border-width: 0px 10px 16px 10px;
border-color: transparent transparent #f3ebfa transparent;
position: absolute;
left: 45%;
top: 38px;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container {
margin: 0 auto;
padding-bottom: 14px;
background: #f3ebfa;
position: relative;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container .p-child-checkbox-wrapper {
padding-left: 30px;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container .p-u54v2-close-button {
position: absolute;
top: 5px;
right: 15px;
z-index: 6006;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container.p-embedded {
background: transparent;
}
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container.p-embedded .p-u54v2-close-button {
display: none;
}
.p-u54v2-eloqua-form .p-thankyou-page,
.p-u54v2-eloqua-form .p-error-page {
width: 100%;
position: relative;
height: 400px;
overflow-y: auto;
overflow-x: hidden;
}
/*
Min Width 701
---------------------------*/
@media screen and (min-width: 701px) {
.p-u54v2-eloqua-form .p-u54v2-eloqua-form-container.p-row-gutter {
padding-left: 11px;
padding-right: 11px;
}
}
/*
u65-newsletter-registration
---------------------------*/
.no-js .p-u65-newsletter-registration .p-form {
display: none;
}
.p-u65-newsletter-registration {
position: relative;
}
.p-u65-newsletter-registration .p-form .p-button.p-large {
padding: 7px 14px 5px 14px;
}
.p-u65-newsletter-registration .p-form a.p-magnific-popup-launcher {
outline: none;
text-decoration: none;
}
.p-u65-newsletter-registration .p-form .p-subscribe-box,
.p-u65-newsletter-registration .p-form .p-email-box,
.p-u65-newsletter-registration .p-form .p-name-box {
margin-top: 14px;
}
.p-u65-newsletter-registration .p-form .p-button-wrapper {
margin-top: 14px;
}
.p-u65-newsletter-registration .p-form .p-subscribe-box .p-checkbox,
.p-u65-newsletter-registration .p-form .p-subscribe-box label {
vertical-align: middle;
margin-right: 10px;
}
.p-u65-newsletter-registration .p-form .p-icon-checkmark-label {
display: table;
}
.p-u65-newsletter-registration .p-form .p-icon-checkmark {
display: table-cell;
color: #00693c;
padding-right: 5px;
}
.p-u65-newsletter-registration .p-form .p-usp-label {
display: table-cell;
}
.p-u65-newsletter-registration .p-form .p-fail-msg {
margin-top: 10px;
}
.p-u65-newsletter-registration .p-privacy-notes {
margin-top: 20px;
}
.p-u65-newsletter-registration .p-color-error {
color: #cd202c;
}
/*
Min Width 961px
---------------------------*/
@media screen and (min-width: 961px) {
.p-u65-newsletter-registration .p-form .p-btn-submit {
float: none;
}
}
.p-u94-opt-in-statement .p-checkbox {
margin-right: 7px;
}
.p-u94-opt-in-statement .p-preloader {
display: none;
}
.p-u94-opt-in-statement.p-processing .p-preloader {
display: inline-block;
margin-left: 14px;
}
.p-u94-opt-in-statement .p-u94-thank-you-msg,
.p-u94-opt-in-statement .p-u94-fail-msg {
display: none;
}
.p-u94-opt-in-statement.p-u94-success-call .p-u94-opt-in-wrapper {
display: none;
}
.p-u94-opt-in-statement.p-u94-success-call .p-u94-thank-you-msg {
display: block;
}
.p-u94-opt-in-statement.p-u94-fail-call .p-u94-opt-in-wrapper {
display: none;
}
.p-u94-opt-in-statement.p-u94-fail-call .p-u94-fail-msg {
display: block;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.familydetailspage .genericheaderpage-v2 .p-shadow-background,
.familydetailspage .p-n02v2-main-navigation .p-shadow-background {
display: none;
}
.familydetailspage .genericheaderpage-v2 .p-shadow-overlay-ie,
.familydetailspage .p-n02v2-main-navigation .p-shadow-overlay-ie {
display: none;
}
.familydetailspage .p-b2b-li-familypage-masthead {
background: linear-gradient(to bottom, #fbfafc 15%, #ffffff 23%);
background-color: #ffffff;
padding-top: 153px;
}
.familydetailspage .p-b2b-li-familypage-masthead.p-b2b-li-familypage-white-masthead {
background-image: none;
background-color: #ffffff;
filter: "none";
}
.familydetailspage .p-p82-family-introduction .p-grid {
display: flex;
flex-direction: row;
}
.familydetailspage .p-p82-family-introduction .p-grid .p-p82-family-introduction-text {
order: 1;
}
.familydetailspage .p-p82-family-introduction .p-grid .p-p82-family-introduction-image {
order: 2;
}
@media screen and (max-width: 960px) {
.familydetailspage .p-b2b-li-familypage-masthead {
padding-top: 85px;
background: none;
}
.familydetailspage .p-shadow-background {
display: none;
}
}
@media screen and (max-width: 450px) {
.familydetailspage .p-image-container {
margin-top: 15px;
}
.familydetailspage .p-p82-family-introduction .p-grid {
flex-direction: column;
}
.familydetailspage .p-p82-family-introduction .p-grid .p-p82-family-introduction-text {
order: 2;
}
.familydetailspage .p-p82-family-introduction .p-grid .p-p82-family-introduction-image {
order: 1;
}
.familydetailspage .p-p82-family-introduction .p-comp-spacing-top {
padding-top: 14px;
}
}
.p-b2b-li-login {
margin-top: 200px;
}
.p-b2b-li-login .p-login-container {
margin-left: 80px;
}
.p-b2b-li-login .p-login-container .p-login-fields {
max-width: 450px;
}
.p-b2b-li-login .p-login-container .p-login-fields .p-btn-submit {
float: left;
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.productdetailspage .genericheaderpage-v2 .p-shadow-background,
.productdetailspage .p-n02v2-main-navigation .p-shadow-background {
display: none;
}
.productdetailspage .genericheaderpage-v2 .p-shadow-overlay-ie,
.productdetailspage .p-n02v2-main-navigation .p-shadow-overlay-ie {
display: none;
}
.productdetailspage .p-b2b-li-familypage-masthead {
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #d5cadf 0%, #fbfafc 50%, #ffffff 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #d5cadf 0%, #fbfafc 50%, #ffffff 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5cadf', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5cadf', endColorstr='#ffffffff', GradientType=0);
background-color: #fbfafc;
}
.productdetailspage .p-b2b-li-familypage-masthead.p-b2b-li-familypage-white-masthead {
background-image: none;
background-color: #ffffff;
}
.productdetailspage .p-b2b-li-product-empty-header-background {
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom, rgba(125, 0, 99, 0.2) 0, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom, rgba(125, 0, 99, 0.2) 0, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0) 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d0063', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7d0063', endColorstr='#ffffffff', GradientType=0);
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications {
padding-top: 0px;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-title {
color: #7d0063;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-heading-02 {
letter-spacing: -0.5px;
font-size: 34px;
line-height: 44px;
margin-bottom: 13px;
}
@media screen and (min-width: 701px) {
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-heading-02 {
letter-spacing: -1px;
font-size: 55px;
line-height: 66px;
margin-bottom: 19px;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-title {
border-bottom: 2px solid #CCC;
padding-bottom: 5px;
padding-top: 10px;
margin-bottom: 8px;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-table {
border-top: 0px;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-table tr td {
padding: 6px 0px 6px 0px;
}
.productdetailspage .p-s08-specification-container .p-s08v2-technical-specifications .p-table tr td:first-child {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
border-top: 0px;
}
}
@media screen and (max-width: 450px) {
.productdetailspage .p-b2b-li-familypage-masthead {
padding-bottom: 1px;
}
}
.p-full-bleed-banner {
max-height: 300px;
}
/*
Min Width 701
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 701px) {
.p-full-bleed-banner {
max-height: 410px;
}
}
@media screen and (min-width: 961px) {
.p-full-bleed-banner {
max-height: 410px;
}
}
/*
Local variables
---------------------------*/
.colored-tiles .p-n19-articlepage.p-card-item {
background: #dbcfe9;
}
.p-n19-articlepage {
position: relative;
margin-bottom: 20px;
background-color: #ffffff;
}
.p-n19-articlepage.p-card-item {
cursor: pointer;
width: 100%;
float: left;
z-index: 3;
margin: 0px 16px 16px 0px;
}
.p-n19-articlepage.p-card-item .p-card-title {
margin-bottom: 0px;
}
.p-n19-articlepage.p-card-item .p-bg-image {
height: 226px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.p-n19-articlepage.p-card-item .p-gc11v3-generictext .p-text-container-inner > :first-child {
display: none;
}
.p-n19-articlepage.p-small-card {
background-color: transparent;
}
.p-n19-articlepage.p-small-card img {
max-width: 100%;
}
.p-n19-articlepage .p-item-top {
position: absolute;
z-index: 6;
padding: 5px 19px 5px 19px;
color: #ffffff;
}
.p-n19-articlepage .p-card {
padding: 16px 16px 16px 16px;
border-bottom: 1px solid #e0e0e0;
}
.p-n19-articlepage .p-read-link {
text-decoration: none;
}
.p-n19-articlepage .p-read-link :after {
font-size: 10px;
}
.p-n19-articlepage .p-n19-tags {
padding: 5px 16px 5px 16px;
}
.p-n19-articlepage .p-n19-tags .p-tc03-display-tags {
padding-bottom: 0px;
}
.p-n19-articlepage .p-social-share {
position: relative;
height: 35px;
}
.p-n19-articlepage .p-social-share .p-sc20-social-flyout {
right: 0px;
}
.p-n19-articlepage .p-social-share .p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container {
height: 23px;
width: 22px;
padding-left: 4px;
padding-top: 3px;
margin-top: 9px;
}
.p-n19-articlepage .p-social-share .p-sc20-social-flyout .p-sc20-social-flyout-overlay-plus-icon-container .p-sc20-social-flyout-overlay-plus-icon {
font-size: 17px;
}
.p-n19-articlepage .p-social-share .p-sc20-social-flyout.p-left .p-sc20-social-flyout-content-container {
right: 33px;
}
.p-n19-articlepage .p-social-share .p-sc20-social-flyout.p-left .p-arrow {
right: 22px;
}
@media print, screen and (min-width: 451px) {
.p-n19-articlepage.p-card-item.p-one-quarter {
width: 225px;
}
.p-n19-articlepage.p-card-item.p-one-whole,
.p-n19-articlepage.p-card-item.p-three-quarters,
.p-n19-articlepage.p-card-item.p-one-half {
width: 465px;
}
}
@media screen and (min-width: 701px) {
.p-n19-articlepage.p-card-item.p-one-quarter {
width: 220px;
}
.p-n19-articlepage.p-card-item.p-one-half {
width: 465px;
}
.p-n19-articlepage.p-card-item.p-one-whole,
.p-n19-articlepage.p-card-item.p-three-quarters {
width: 710px;
}
.p-n19-articlepage.p-card-item.p-one-whole .p-bg-image,
.p-n19-articlepage.p-card-item.p-three-quarters .p-bg-image {
height: 350px;
}
}
@media screen and (min-width: 961px) {
.p-n19-articlepage.p-card-item.p-one-whole {
width: 960px;
}
.p-n19-articlepage.p-card-item.p-three-quarters {
width: 710px;
}
}
.p-b2b-li-category-masthead {
max-height: 200px;
}
@media screen and (min-width: 961px) {
.p-b2b-li-category-masthead {
padding-left: 7px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-b2b-li-category-masthead {
padding-left: 3px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-b2b-li-category-masthead {
padding-left: 9px;
}
}
@media screen and (max-width: 450px) {
.p-b2b-li-category-masthead {
padding-left: 6px;
}
}
.contains-category-description.p-b2b-li-category-masthead {
max-height: max-content;
padding-bottom: 40px;
}
.contains-category-description .p-heading-01 {
line-height: 1.1;
margin: 0 0 10px;
min-height: inherit;
}
.contains-category-description .category-description {
Line-height: 1.7;
font-size: 17px;
font-weight: 100;
color: #fff;
max-width: 90%;
display: flex;
text-align: left;
font-family: inherit;
}
@media (max-width: 700px) {
.contains-category-description + .p-d77v2-container .p-cell-padding {
padding: 0 9px;
}
.contains-category-description.p-b2b-li-category-masthead {
padding-bottom: 30px;
}
.contains-category-description + .p-d77v2-container .p-d77v2-product-finder-for-category .p-back-link-container {
margin-top: -50px;
}
.contains-category-description .p-xs-spacing-top-e {
padding-top: 30px;
}
.contains-category-description .p-heading-01 {
margin: 0 0 10px 7px;
}
.contains-category-description .category-description {
font-size: 15px;
margin: 0 10px;
min-height: max-content;
}
}
/*
CSS override for n11v2 for rn28-card (full bleed)
---------------------------*/
.p-n11v2-listofpages[data-current-pagecard="rn28-card"] .p-listofpages-container .p-carousel-item img {
height: 100%;
}
.p-n11v2-listofpages[data-current-pagecard="rn28-card"] .p-listofpages-container li picture {
height: 100%;
}
/* For M and L */
@media screen and (min-width: 701px) {
.p-n11v2-listofpages[data-current-pagecard="rn28-card"] .p-list-carousel .p-carousel-gutter .p-carousel-item {
padding: 0px;
}
}
/* B2B-LI-CATALOG-CLIENTLIB */
/*
Local variables
---------------------------*/
#p-comparison-container,
.p-c75-compare-page {
/* Rounded sliders */
}
#p-comparison-container .p-add-product,
.p-c75-compare-page .p-add-product {
margin-top: 139px;
text-align: center;
}
#p-comparison-container .p-add-product .p-inverted .p-square.p-small,
.p-c75-compare-page .p-add-product .p-inverted .p-square.p-small {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
#p-comparison-container .p-fixed .p-add-product,
.p-c75-compare-page .p-fixed .p-add-product {
margin-top: 0;
}
#p-comparison-container .switch,
.p-c75-compare-page .switch {
position: relative;
display: inline-block;
width: 40px;
height: 22px;
margin-right: 10px;
}
#p-comparison-container .switch input,
.p-c75-compare-page .switch input {
display: none;
}
#p-comparison-container .checkbox-slider,
.p-c75-compare-page .checkbox-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #d3deec;
-webkit-transition: .4s;
transition: .4s;
}
#p-comparison-container .checkbox-slider:before,
.p-c75-compare-page .checkbox-slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
#p-comparison-container input:checked + .checkbox-slider,
.p-c75-compare-page input:checked + .checkbox-slider {
background-color: #0066a1;
}
#p-comparison-container input:focus + .checkbox-slider,
.p-c75-compare-page input:focus + .checkbox-slider {
box-shadow: 0 0 1px #0066a1;
}
#p-comparison-container input:checked + .checkbox-slider:before,
.p-c75-compare-page input:checked + .checkbox-slider:before {
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
}
#p-comparison-container .checkbox-slider.round,
.p-c75-compare-page .checkbox-slider.round {
border-radius: 28px;
}
#p-comparison-container .checkbox-slider.round:before,
.p-c75-compare-page .checkbox-slider.round:before {
border-radius: 50%;
}
#p-comparison-container .loading-wrapper,
.p-c75-compare-page .loading-wrapper {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1000;
}
#p-comparison-container .loading-wrapper .p-preloader,
.p-c75-compare-page .loading-wrapper .p-preloader {
width: 35%;
height: 35%;
max-width: 100px;
max-height: 100px;
position: relative;
margin: 150px auto;
}
#p-comparison-container.p-loading .loading-wrapper,
.p-c75-compare-page.p-loading .loading-wrapper {
display: block;
}
.p-c75-compare-page {
position: relative;
width: 100%;
overflow: hidden;
}
.p-c75-compare-page .p-compare-titlebar {
display: none;
}
.p-c75-compare-page .p-products-wrapper,
.p-c75-compare-page .p-compare-content {
float: left;
}
.p-c75-compare-page .p-close-link {
float: right;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-c75-compare-page .p-close-link .p-icon-close-02:after {
display: inline-block;
text-decoration: none;
}
.p-c75-compare-page .p-close-link span {
font-size: 11px;
margin-left: 5px;
}
.p-c75-compare-page .p-heading-04 {
min-height: 43px;
}
.p-c75-compare-page .p-hightlight {
color: #0066a1;
margin-bottom: 10px;
}
.p-c75-compare-page .p-head-small {
margin-bottom: 8px;
float: left;
}
.p-c75-compare-page .p-head-small.p-product-3 {
margin-top: 43px;
}
.p-c75-compare-page .p-head-small.p-product-3 .p-col {
width: 25%;
}
.p-c75-compare-page .p-head-small.p-product-3 .p-products {
width: 75%;
}
.p-c75-compare-page .p-head-small.p-product-3 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-head-small.p-product-2 {
margin-top: 43px;
}
.p-c75-compare-page .p-head-small.p-product-2 .p-col {
width: 33.33333333%;
}
.p-c75-compare-page .p-head-small.p-product-2 .p-products {
width: 66.66666667%;
}
.p-c75-compare-page .p-head-small.p-product-2 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-head-small .p-back-link span {
font-size: 10px;
margin-right: 5px;
}
.p-c75-compare-page .p-head-small .p-back-link .p-icon-arrow-left:after {
display: inline-block;
text-decoration: none;
}
.p-c75-compare-page .p-d04-legend + .p-d04-legend {
padding-bottom: 38px;
}
.p-c75-compare-page .p-products-head {
position: relative;
z-index: 1;
}
.p-c75-compare-page .p-products-head .p-icon-print {
vertical-align: middle;
margin: 0 10px 0 -10px;
}
.p-c75-compare-page .p-products-head:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-products-head .p-col,
.p-c75-compare-page .p-products-head .p-products {
float: left;
}
.p-c75-compare-page .p-products-head .p-products {
margin-bottom: -54px;
}
.p-c75-compare-page .p-products-head .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-products-head .p-products a:hover {
text-decoration: none;
}
.p-c75-compare-page .p-products-head .p-products > li {
float: left;
position: relative;
padding-top: 20px;
padding-bottom: 24px;
}
.p-c75-compare-page .p-products-head .p-products .p-info {
float: left;
}
.p-c75-compare-page .p-products-head .p-products .p-info .p-button {
margin-bottom: 10px;
}
.p-c75-compare-page .p-products-head .p-products .p-remove-card {
display: block;
position: absolute;
right: 15px;
margin-top: 5px;
}
.p-c75-compare-page .p-products-head .p-products .p-line {
display: block;
position: absolute;
top: 0px;
bottom: 0px;
left: -1px;
width: 1px;
background: #e0e0e8;
}
.p-c75-compare-page .p-products-head .p-products .p-line:before,
.p-c75-compare-page .p-products-head .p-products .p-line:after {
display: block;
content: '';
position: absolute;
width: 1px;
height: 20%;
top: 0px;
left: 0px;
background: red;
}
.p-c75-compare-page .p-products-head .p-products .p-line:before {
background-color: #e300b4;
background-repeat: repeat-x;
background: -webkit-linear-gradient(#ffffff, #e0e0e8, #e300b4);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(#ffffff, #e0e0e8, #e300b4);
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e8', endColorstr='#e300b4', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e8', endColorstr='#ffe300b4', GradientType=0);
}
.p-c75-compare-page .p-products-head .p-products .p-line:after {
top: auto;
bottom: 0px;
background-color: #e300b4;
background-repeat: repeat-x;
background: -webkit-linear-gradient(#e0e0e8, #ffffff, #e300b4);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(#e0e0e8, #ffffff, #e300b4);
/* W3C */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e300b4', GradientType=0)";
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe300b4', GradientType=0);
}
.p-c75-compare-page .p-products-head .p-products .p-product-card {
position: relative;
z-index: 1;
margin-right: 20px;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card figure {
padding: 0 1px;
margin-bottom: 30px;
float: left;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card figure img {
display: block;
margin: 0 auto;
max-width: 96%;
float: left;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card figure.p-nam-only {
margin-bottom: 0;
}
.p-c75-compare-page .p-products-head .p-col {
margin-top: 78px;
}
.p-c75-compare-page .p-products-head .p-col .p-form {
margin-bottom: 20px;
}
.p-c75-compare-page .p-products-head .p-col .p-form .p-checkbox {
vertical-align: middle;
margin-right: 9px;
}
.p-c75-compare-page .p-products-head .p-col .p-form label {
line-height: 24px;
vertical-align: middle;
}
.p-c75-compare-page .p-products-head.p-product-3 .p-col {
width: 25%;
}
.p-c75-compare-page .p-products-head.p-product-3 .p-products {
width: 75%;
}
.p-c75-compare-page .p-products-head.p-product-3 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-products-head.p-product-3 .p-products > li {
width: 33.33333333%;
}
.p-c75-compare-page .p-products-head.p-product-2 .p-col {
width: 33.33333333%;
}
.p-c75-compare-page .p-products-head.p-product-2 .p-products {
width: 66.66666667%;
}
.p-c75-compare-page .p-products-head.p-product-2 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-products-head.p-product-2 .p-products > li {
width: 50%;
}
.p-c75-compare-page .p-energy-sticker .p-sticker img {
height: 30px;
}
.p-c75-compare-page .p-fixed .p-print {
display: none;
}
.p-c75-compare-page .p-fixed .p-products-head {
position: fixed;
left: 0px;
right: 0px;
top: 50px;
padding-top: 5px;
padding-bottom: 5px;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
}
.p-c75-compare-page .p-fixed .p-products-head:after {
content: '';
display: block;
position: absolute;
left: 0px;
right: 0px;
bottom: -12px;
height: 12px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-col {
margin-top: 16px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-col fieldset {
padding-top: 6px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products {
margin-top: 10px;
margin-bottom: 0px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products > li {
padding-top: 12px;
padding-bottom: 12px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card:after {
content: "";
display: table;
clear: both;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info {
padding-top: 6px;
overflow: hidden;
margin-left: 15px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info p {
display: none;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card h4 {
padding-right: 26px;
display: table-cell;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card figure,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card picture,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card img,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-button,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-rating-area,
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-remove-card {
display: none;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-remove-card {
top: 5px;
right: 0px;
margin-top: 0px;
}
.p-c75-compare-page .p-fixed .p-energy-sticker {
right: 0px;
top: 36px;
}
.p-c75-compare-page .p-fixed .p-energy-sticker .p-sticker img {
height: 20px;
}
.p-c75-compare-page .p-rating-area {
display: block;
margin-bottom: 6px;
margin-left: -4px;
height: 26px;
}
.p-c75-compare-page .p-rating-area .p-rate {
text-align: left;
}
.p-c75-compare-page .p-rating-area .p-rating-count {
display: inline-block;
margin-top: 4px;
line-height: 16px;
font-weight: normal;
vertical-align: top;
}
.p-c75-compare-page .p-stop-compare {
text-align: center;
padding-bottom: 10px;
padding-top: 10px;
}
.p-c75-compare-page .p-energy-sticker {
width: 38px;
height: 30px;
position: absolute;
top: 5px;
right: 30px;
}
.p-c75-compare-page .p-energy-sticker .p-sticker {
display: table-cell;
width: 30px;
height: 30px;
text-align: center;
}
@media screen and (max-width: 700px) {
.p-c75-compare-page .p-rating-area {
margin-bottom: 22px;
}
.p-c75-compare-page .p-head-small {
display: none;
}
.p-c75-compare-page .p-products-head {
background: #fff;
}
.p-c75-compare-page .p-products-head .p-col {
display: none;
}
.p-c75-compare-page .p-products-head .p-products {
float: none;
width: auto !important;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
}
.p-c75-compare-page .p-products-head .p-products > li {
padding-top: 4px;
padding-bottom: 12px;
margin-bottom: -1px;
}
.p-c75-compare-page .p-products-head .p-products .p-remove-card {
right: 0px;
margin-top: 0px;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card {
margin-left: 10px;
margin-right: 10px;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card h4 {
clear: both;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card figure {
margin-bottom: 6px;
}
.p-c75-compare-page .p-products-head .p-products .p-product-card figure img {
max-width: 50%;
}
.p-c75-compare-page .p-products-head .p-products .p-info {
display: none;
}
.p-c75-compare-page .p-products-head .p-products .p-line {
bottom: 1px;
}
.p-c75-compare-page .p-fixed .p-products-head {
top: 0px;
padding-top: 0px;
background: #fff;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
}
.p-c75-compare-page .p-fixed .p-products-head .p-products {
border: 0px solid #7d0063;
box-shadow: none;
margin-top: 0px;
}
.p-c75-compare-page .p-fixed .p-products .p-product-card .p-info {
padding-left: 0px;
padding-right: 0px;
text-align: left;
}
.p-c75-compare-page .p-energy-sticker .p-sticker img {
height: 20px;
}
}
@media screen and (max-width: 450px) {
.p-c75-compare-page .p-product-card .p-heading-04 {
word-break: break-all;
}
.p-c75-compare-page .p-rating-area {
margin-bottom: 22px;
}
.p-c75-compare-page .p-rating-area .p-rating-count {
margin-top: 0px;
}
.p-c75-compare-page .p-products-head .p-products .p-info {
padding-left: 5px;
padding-right: 5px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card figure {
padding-top: 5px;
}
.p-c75-compare-page .p-fixed .p-energy-sticker {
right: 0px;
top: 35px;
}
.p-c75-compare-page .p-energy-sticker {
width: 38px;
height: 30px;
position: absolute;
top: 5px;
right: 0px;
}
}
@media screen and (min-width: 701px) {
.p-c75-compare-page {
padding-top: 61px;
}
.p-c75-compare-page .p-stop-compare {
display: none;
}
.p-c75-compare-page .p-compare-titlebar {
position: absolute;
top: 0px;
left: 0px;
right: 0px;
display: block;
line-height: 55px;
background: #f3ebfa;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
margin-bottom: 20px;
z-index: 2;
text-align: center;
}
.p-c75-compare-page .p-compare-titlebar.p-fixed {
position: fixed;
}
.p-c75-compare-page .p-comp-amount {
margin: 0px 0px 0px 0px;
line-height: 50px;
}
.p-c75-compare-page .p-comp-amount .p-comp-amount-head {
color: #e26d00;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-c75-compare-page .p-site-frame {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-c75-compare-page > .p-site-frame,
.p-c75-compare-page .p-compare-titlebar,
.p-c75-compare-page .p-products-wrapper.p-fixed .p-products-head {
padding-left: 15px;
padding-right: 15px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card .p-info {
clear: both;
margin-left: 0px;
padding-left: 0px;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card figure {
float: left;
width: 30%;
margin-bottom: 0;
}
.p-c75-compare-page .p-fixed .p-products-head .p-products .p-product-card figure img {
max-width: 80%;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-c75-compare-page .p-products-head .p-products .p-info .p-price {
right: 10px;
font-size: 16px;
}
.p-c75-compare-page .p-products-head .p-products .p-remove-card {
right: 0px;
margin-top: 0px;
}
.p-c75-compare-page .p-close-link {
position: absolute;
float: none;
right: 0px;
}
.p-c75-compare-page .p-compare-titlebar .p-comp-amount {
text-align: left;
font-size: 12px;
}
.p-c75-compare-page .p-energy-sticker {
width: 38px;
height: 30px;
position: absolute;
top: 5px;
right: 20px;
}
}
/*
Local variables
---------------------------*/
.p-c75-highlights {
padding-top: 54px;
padding-bottom: 54px;
}
.p-c75-highlights th {
vertical-align: middle;
}
@media screen and (max-width: 700px) {
.p-c75-highlights {
padding-top: 34px;
padding-bottom: 34px;
}
}
.p-c75-highlights .p-able,
.p-c75-highlights .p-unable {
display: inline-block;
width: 17px;
height: 13px;
vertical-align: middle;
color: #3c3c3c;
}
.p-c75-highlights .p-able:after,
.p-c75-highlights .p-unable:after {
content: "-";
font-size: 20px;
}
.p-c75-highlights .p-component-title {
margin-bottom: 16px;
padding-left: 10px;
}
.p-c75-highlights .p-component-subtitle {
padding: 0px 10px 0px 10px;
margin-bottom: 0px;
}
.p-c75-highlights .p-component-subtitle div {
padding-bottom: 8px;
border-bottom: 2px solid #7d0063;
border-color: #d2d1d4;
}
.p-c75-highlights h3 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.p-c75-highlights .p-table {
width: 100%;
border-collapse: collapse;
border-spacing: 10px 10px;
border-top: 0px solid #7d0063;
line-height: 18px;
margin-bottom: 25px;
margin-left: 0px;
}
.p-c75-highlights .p-table.p-cols-2 td {
width: 33%;
}
.p-c75-highlights .p-table.p-cols-3 td {
width: 25%;
}
.p-c75-highlights .p-table .p-table-title {
text-align: left;
padding-left: 10px;
}
.p-c75-highlights .p-table .p-table-s-title {
display: none;
}
.p-c75-highlights .p-table td,
.p-c75-highlights .p-table th {
padding: 0px 10px 0px 0px;
border-bottom: 1px solid #7d0063;
border-color: #d2d1d4;
}
.p-c75-highlights .p-table td div,
.p-c75-highlights .p-table th div {
padding-top: 8px;
padding-bottom: 8px;
}
.p-c75-highlights .p-table th.p-table-title {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-c75-highlights .p-table tr {
border: 0px solid #7d0063;
}
.p-c75-highlights .p-table tr.diff {
background-color: #D3DEEC;
}
@media screen and (max-width: 700px) {
.p-c75-highlights .p-table td:first-child,
.p-c75-highlights .p-table th:first-child {
border-left: 0px solid #7d0063;
}
.p-c75-highlights .p-table.p-grey td,
.p-c75-highlights .p-table.p-grey th {
border-top: 1px solid #e0e0e8;
}
.p-c75-highlights .p-table.p-grey td:first-child,
.p-c75-highlights .p-table.p-grey th:first-child {
border-left: 0px solid #7d0063;
}
.p-c75-highlights .p-table .p-table-title {
display: none;
}
.p-c75-highlights .p-table .p-table-s-title {
display: table-row;
}
.p-c75-highlights .p-table .p-table-s-title td {
background: #fff;
padding-bottom: 10px;
}
.p-c75-highlights .p-table .p-table-s-title td:before {
content: attr(data-title);
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-c75-highlights {
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 450px) {
.p-c75-highlights {
padding-left: 5px;
padding-right: 5px;
}
.p-c75-highlights .p-table.p-cols-3 td {
word-break: break-all;
}
}
#p-comparison-container {
background: #ffffff;
display: none;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 999;
}
.p-c75-compare-page .p-rating-value {
text-indent: -99999px;
}
@media print {
.p-s03-highlights .p-able,
.p-s03-highlights .p-unable {
text-indent: 0;
vertical-align: baseline;
}
.p-c75-compare-page .p-compare-titlebar .p-site-frame,
.p-c75-compare-page .p-head-small,
.p-c75-compare-page .p-stop-compare {
display: none;
}
.p-c75-compare-page .p-products-wrapper .p-col {
visibility: hidden;
}
.p-c75-compare-page .p-rating-value {
font-size: 18px;
margin-top: 5px;
text-indent: 0;
width: 100% !important;
}
.p-c75-compare-page .p-rating-count {
color: #ffffff;
}
body.comparepage {
position: absolute;
width: 100%;
}
}
/*
Local variables
---------------------------*/
.p-c75-sticky-compare-bar {
background-color: #fff;
position: fixed;
left: 0;
bottom: 0;
z-index: 10000;
-webkit-transition: height 0.5s;
transition: height 0.5s;
height: 0px;
}
.p-c75-sticky-compare-bar.p-show {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.p-c75-sticky-compare-bar .p-head-small {
font-size: 16px;
margin-bottom: 8px;
}
.p-c75-sticky-compare-bar .p-compare-titlebar {
display: block;
line-height: 55px;
z-index: 2;
background: #f3ebfa;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.24);
text-align: center;
}
.p-c75-sticky-compare-bar .p-compare-titlebar .p-reset-all {
position: absolute;
left: 0;
top: 0;
line-height: 50px;
}
.p-c75-sticky-compare-bar .p-compare-titlebar .p-diff-products {
color: #e8171f;
}
.p-c75-sticky-compare-bar .p-compare-titlebar .p-diff-products:before {
content: '-';
margin-right: 6px;
margin-left: 2px;
color: #252f47;
}
.p-c75-sticky-compare-bar .p-comp-amount {
margin: 0;
line-height: 50px;
}
.p-c75-sticky-compare-bar .p-comp-amount .p-comp-amount-head {
color: #e26d00;
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-c75-sticky-compare-bar .p-toggle-bar {
position: absolute;
right: 0;
top: 0;
line-height: 50px;
}
.p-c75-sticky-compare-bar .p-toggle-bar button {
margin-left: 10px;
}
.p-c75-sticky-compare-bar .p-toggle-bar .icon {
display: none;
}
.p-c75-sticky-compare-bar .p-close-topbar {
display: none;
}
.p-c75-sticky-compare-bar.p-open {
height: 165px;
}
.p-c75-sticky-compare-bar.p-open .p-close-topbar {
display: block;
}
.p-c75-sticky-compare-bar.p-open .p-open-topbar {
display: none;
}
.p-c75-sticky-compare-bar.p-open.p-minimized {
height: 50px;
}
.p-c75-sticky-compare-bar .p-site-frame {
position: relative;
max-width: 960px;
margin: 0 auto;
}
.p-c75-sticky-compare-bar .p-products-head:after {
content: "";
display: table;
clear: both;
}
.p-c75-sticky-compare-bar .p-products-head .p-diff-product {
margin: 10px 0 0;
height: 22px;
color: #42145f;
}
.p-c75-sticky-compare-bar .p-products-head .p-products {
float: left;
}
.p-c75-sticky-compare-bar .p-products-head .p-compare-info {
float: right;
text-align: right;
padding-top: 20px;
}
.p-c75-sticky-compare-bar .p-c75-remove {
text-align: center;
font-size: 10px;
display: none;
}
.p-c75-sticky-compare-bar .p-c75-remove-button {
margin: auto;
width: 10px;
height: auto;
cursor: pointer;
}
.p-c75-sticky-compare-bar .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder {
float: left;
min-height: 55px;
position: relative;
padding-top: 17px;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-empty .p-product-title {
padding: 10px 0 0;
font-size: 12px;
color: #888b9c;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder > div {
float: left;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder:before {
content: "";
display: block;
position: absolute;
left: -1px;
top: 0px;
bottom: 0px;
width: 1px;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder:hover {
z-index: 1;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder:hover:after {
content: '';
display: block;
position: absolute;
left: -1px;
top: 0px;
right: 0px;
bottom: 0px;
border: 1px solid #e0e0e8;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-product-placeholder:hover:after {
display: none;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder .p-preloader {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -11px 0 0 -11px;
z-index: 1000;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder .p-preloader.p-large {
margin: -18px 0 0 -18px;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-loading > div {
display: none;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-loading > .p-preloader {
display: block;
}
.p-c75-sticky-compare-bar .p-products .p-remove-card {
display: block;
position: absolute;
top: -2px;
right: 10px;
width: 16px;
height: 16px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRDYzMzQzNEQ3MzIxMUUyOTJDQ0NFNjdBMUNGMTI1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRDYzMzQzNUQ3MzIxMUUyOTJDQ0NFNjdBMUNGMTI1QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJENjMzNDMyRDczMjExRTI5MkNDQ0U2N0ExQ0YxMjVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJENjMzNDMzRDczMjExRTI5MkNDQ0U2N0ExQ0YxMjVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eFSuvQAAAftJREFUeNqUVEtLG1EU/uZGEwRrjcYkJoX4wPgbXKtFdKMUrQtBEdr+AFf6A8S9Cm3ABygEEYqLFgRFDe1CuigItqXB+AIxk+hoZpKVmTs9dxKHpEpIDnwzd8495zuve0eKfPsJkg7CHKGHUIfSohJ2CdOEqEQEQVoctrb4nW53A2w2W0lvXdeRSCg4O7+6p8+uKnrMtgb8To/HZRpwbpQkkCSGvG09kcwyWvS6XPUwDKMiuBqdgqRXENRJjFkbe5FDhFY2oKUzlk7V0vi0HEbk+w9LJzFJENSyXNrcQuzsAse/o1gMrZuOqqph4eMafv05Qez0sshWiOgBjIK6R4b6oSgpXF3LJomucyRvFLzyezE81FdkKySXgcEt1NQ48GHyLbzUqLh8Yzr7vG7SjcLhsBfZWhn83/ksRRWRrdHRfvYhC263P5kKy5XALWiiYUthM3Kzt4kyaYKcSCK0uoE07RXaPlvC5tY25OQt/D4P3k+M4N34MHzNblzHk/j8Zef5EgobE2xvgb26GoMD3XDkU54ce4Otr7voaAs8aaI4ympnMPCCMYZKRPTtb/Q8I7z2U/caHQ5eEVIpcaewLwim4wlFu6XZl3uM7yhgXFYy5Dsj5a9zO2Ge8NrGWMnrqHOu0+uAMEU4qsrrY4R+MRUyeFnG/0B//PgnwACsaoDMv8qZ3QAAAABJRU5ErkJggg==');
text-indent: -9999em;
}
.p-c75-sticky-compare-bar .p-products .p-product-title {
margin: auto;
min-height: 40px;
font-size: 12px;
}
.p-c75-sticky-compare-bar .p-products.p-filled .p-add-product {
height: 60px;
}
.p-c75-sticky-compare-bar .p-products.p-filled .p-add-product .p-table-cell {
height: 48px;
padding: 0px 8px 0px 8px;
}
.p-c75-sticky-compare-bar .p-products .p-add-product {
display: table;
margin: auto;
font-size: 13px;
line-height: 19px;
color: #7d0063;
padding: 0px 10px 0px 0px;
}
.p-c75-sticky-compare-bar .p-products .p-add-product img {
width: 100%;
height: auto;
}
.p-c75-sticky-compare-bar .p-products .p-add-product .p-table-cell {
display: table-cell;
width: 80px;
height: 48px;
vertical-align: middle;
text-align: center;
background-color: #f3ebfa;
}
.p-c75-sticky-compare-bar .p-products .p-product-title-add {
padding-top: 20px;
}
.p-c75-sticky-compare-bar .p-products .p-product-card {
position: relative;
z-index: 1;
text-align: center;
}
.p-c75-sticky-compare-bar .p-products .p-product-card:after {
content: "";
display: table;
clear: both;
}
.p-c75-sticky-compare-bar .p-products .p-product-card .p-info {
padding-top: 6px;
font-size: 11px;
line-height: 18px;
color: #5d6678;
}
.p-c75-sticky-compare-bar .p-products .p-product-card figure {
margin-bottom: 0px;
}
.p-c75-sticky-compare-bar .p-products .p-product-card figure img {
max-width: 60%;
height: auto;
}
.p-c75-sticky-compare-bar .p-products .p-product-card .p-price {
position: static;
font-weight: bold;
color: #000;
}
.p-c75-sticky-compare-bar .p-products .p-product-card .p-price sup {
font-size: 10px;
}
.p-c75-sticky-compare-bar .p-product-2 .p-compare-info {
width: 33.33333333%;
}
.p-c75-sticky-compare-bar .p-product-2 .p-products {
width: 66.66666667%;
}
.p-c75-sticky-compare-bar .p-product-2 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-sticky-compare-bar .p-product-2 .p-products li.p-product-placeholder {
width: 50%;
}
.p-c75-sticky-compare-bar .p-product-3 .p-compare-info {
width: 24%;
}
.p-c75-sticky-compare-bar .p-product-3 .p-products {
width: 75%;
}
.p-c75-sticky-compare-bar .p-product-3 .p-products:after {
content: "";
display: table;
clear: both;
}
.p-c75-sticky-compare-bar .p-product-3 .p-products li.p-product-placeholder {
width: 33.33333333%;
}
.p-c75-sticky-compare-bar .p-button-s {
display: none;
}
@media screen and (max-width: 700px) {
.p-c75-sticky-compare-bar.p-open {
height: 245px;
}
.p-c75-sticky-compare-bar.p-open.p-minimized {
height: 50px;
}
.p-c75-sticky-compare-bar .p-compare-titlebar {
text-align: left;
padding-left: 10px;
}
.p-c75-sticky-compare-bar .p-products .p-product-title {
height: 40px;
overflow: hidden;
display: block;
min-height: 40px;
padding-bottom: 8px;
text-overflow: ellipsis;
}
.p-c75-sticky-compare-bar .p-products .p-add-product img {
margin: 0 10% 0% 10%;
width: 80%;
}
.p-c75-sticky-compare-bar .p-products .p-product-title {
margin: 0 10% 0 10%;
}
.p-c75-sticky-compare-bar .p-products .p-c75-remove {
position: absolute;
top: 0;
right: 0;
left: 0;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-empty .p-add-product {
display: none;
}
.p-c75-sticky-compare-bar .p-products-head .p-compare-info {
padding-top: 20px;
float: left;
}
.p-c75-sticky-compare-bar .p-products-head .p-compare-info .p-compare {
min-width: auto;
padding: 3px 3px 3px 3px;
margin-top: 5px;
}
.p-c75-sticky-compare-bar .p-comp-amount {
margin: 0 0 0 100px;
}
.p-c75-sticky-compare-bar .p-comp-amount.p-amount-1 {
line-height: 25px;
width: 175px;
}
.p-c75-sticky-compare-bar .p-comp-amount .p-comp-amount-head {
font-size: 12px;
}
.p-c75-sticky-compare-bar .p-close-topbar button,
.p-c75-sticky-compare-bar .p-open-topbar button {
margin-left: 0px;
}
.decisionpage .p-c75-sticky-compare-bar {
display: block;
margin-top: 0px;
top: auto;
bottom: 0px;
background: #f7f8fa;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}
.decisionpage .p-c75-sticky-compare-bar .p-compare-titlebar,
.decisionpage .p-c75-sticky-compare-bar .p-products {
display: none;
}
.decisionpage .p-c75-sticky-compare-bar .p-products-head {
padding-top: 10px;
padding-bottom: 10px;
}
.decisionpage .p-c75-sticky-compare-bar .p-products-head .p-compare-info {
padding: 0px 0px 0px 0px;
width: auto !important;
float: none;
text-align: center;
}
.decisionpage .p-c75-sticky-compare-bar .p-button-m-l {
display: none;
}
.decisionpage .p-c75-sticky-compare-bar .p-button-s {
display: block;
}
.decisionpage .p-c75-sticky-compare-bar .p-button-s[hidden] {
display: none;
}
.decisionpage .p-c75-sticky-compare-bar .p-product-counter {
color: #666666;
margin: 10px 10px 10px 10px;
text-align: right;
}
}
/* Compare page should hide all other div. Hence using this class */
.p-compare-page-hidden {
display: none;
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-c75-sticky-compare-bar .p-compare-titlebar,
.p-c75-sticky-compare-bar .p-products-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.p-c75-sticky-compare-bar .p-comp-amount {
text-align: left;
margin: 0 0 0 100px;
}
.p-c75-sticky-compare-bar .p-comp-amount .p-comp-amount-head {
font-size: 12px;
}
.p-c75-sticky-compare-bar .p-products li.p-product-placeholder.p-empty .p-add-product {
display: none;
}
}
@media screen and (min-width: 701px) {
.p-c75-sticky-compare-bar.p-open.p-diff {
height: 200px;
}
}
/*
Local variable
---------------------------*/
/*
Defaults
---------------------------*/
.p-pc75-family-cards .p-family-item {
padding: 6px 0px 6px 0px;
}
.p-pc75-family-cards .p-family-item.p-family-item-border {
border-bottom: 1px solid #7d0063;
padding: 6px 0px 10px 0px;
margin-bottom: 10px;
}
.p-pc75-family-cards .p-wtb-container .p-button {
margin-top: 14px;
}
.p-pc75-family-cards .p-card .p-family-card {
position: relative;
display: block;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.p-pc75-family-cards .p-card li {
margin: 20px 0px 20px 0px;
}
.p-pc75-family-cards .p-card li .p-table-align {
display: table-cell;
vertical-align: middle;
}
.p-pc75-family-cards .p-card .p-icon-checkmark-rounded {
color: #8bb821;
padding-right: 15px;
}
.p-pc75-family-cards .p-card .p-family-image-large {
height: 180px;
}
.p-pc75-family-cards .p-card .p-family-image-large img {
max-height: 180px;
}
.p-pc75-family-cards .p-card .p-family-image-small {
height: 90px;
}
.p-pc75-family-cards .p-card .p-family-image-small img {
max-height: 90px;
}
.p-pc75-family-cards .p-card .p-family-title {
margin-top: 12px;
margin-bottom: 4px;
}
.p-pc75-family-cards .p-card .p-family-picture {
display: block;
padding: 0px 11px 0px 11px;
}
.p-pc75-family-cards .p-card .p-family-picture span,
.p-pc75-family-cards .p-card .p-family-picture img {
display: block;
margin: 0 auto;
}
.p-pc75-family-cards .p-card .p-marketing-text {
margin-bottom: 4px;
}
.p-pc75-family-cards .p-family-all-link {
margin: 12px 0px 12px 0px;
float: right;
}
.p-pc75-family-cards.p-inverted .p-family-title,
.p-pc75-family-cards.p-inverted .p-link-more {
color: inherit;
}
.p-pc75-family-cards.p-inverted .p-family-item.p-family-item-border {
border-bottom: 1px solid #ffffff;
}
@media screen and (min-width: 0px) {
.p-pc75-family-cards .p-card .p-family-picture {
padding: 0px 0px 0px 0px;
}
}
/*
Defaults
---------------------------*/
.p-p72-product-introduction {
padding-top: 154px;
margin-right: auto;
margin-bottom: 14px;
margin-left: auto;
max-width: 960px;
}
.p-p72-product-introduction .p-p72-header {
margin-left: 185px;
}
.p-p72-product-introduction .p-p72-header .p-button-container .p-button-conversion {
margin-right: 40px;
}
.p-p72-product-introduction .p-p72-header .p-button-container .p-myprojects-link {
display: inline-block;
}
.p-p72-product-introduction .p-sticky-rendition.p-menu.p-fixed {
position: fixed;
width: 96%;
top: 0;
left: 0;
background: #ffffff;
z-index: 6006;
padding: 0 2%;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading {
max-width: 960px;
margin: 0 auto;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-img-holder,
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-text-wrapper {
float: left;
margin: 5px;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-button-container a.p-download-btn {
margin-right: 18px;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-button-conversion {
margin-right: 0;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-text-wrapper {
margin-right: 0px !important;
height: 50px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
float: left;
width: 30%;
padding: 5px 0;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading-product {
position: relative;
top: 90%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
}
.p-p72-product-introduction .p-sticky-rendition .p-product-title,
.p-p72-product-introduction .p-sticky-rendition .p-heading-light {
display: inline;
margin-bottom: 0;
}
.p-p72-product-introduction .p-sticky-rendition .p-heading .p-extras-partner-logo {
clear: left;
padding-top: 20px;
}
.p-p72-product-introduction .p-sticky-rendition .p-button-container {
float: right;
}
@media screen and (max-width: 700px) {
.p-p72-product-introduction {
margin-left: 10px;
}
.p-p72-product-introduction .p-p72-header {
margin-left: 10px;
}
.p-p72-product-introduction .p-p72-header .p-button-container .p-button-conversion {
margin-bottom: 15px;
width: 100%;
}
.p-p72-product-introduction .p-p72-header .p-button-container .p-wtb-container {
margin-bottom: 15px;
}
}
@media screen and (max-width: 450px) {
.p-p72-product-introduction {
margin-left: auto ;
}
.p-p72-product-introduction .p-p72-header {
margin-left: 0px;
}
.p-p72-product-introduction .p-p72-header .p-myprojects-link {
padding-bottom: 20px;
}
}
@media screen and (min-width: 701px) {
.p-p72-product-introduction .p-p72-header .p-wtb-container {
display: inline-block;
margin-right: 40px;
vertical-align: middle;
}
}
/*
Defaults
---------------------------*/
.p-p75-navigation:after {
content: "";
display: table;
clear: both;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul {
border-bottom: 0px;
max-width: 960px;
margin: 0 auto;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li {
background: none;
padding: 1px 1px 1px 1px;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li a {
padding-top: 12px;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li.p-selected {
background-color: none;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li.p-selected a {
background: #ffffff;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li.p-collapse .p-icon-arrow-right {
color: #ffffff;
margin-right: 8.4px;
margin-top: 14px;
}
.p-p75-navigation .p-menu.p-fixed {
position: fixed;
width: 100%;
top: 82px;
left: 0;
background: white;
z-index: 6008;
margin-top: 0px;
}
@media print, screen and (min-width: 451px) {
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li {
background: none;
padding: 0px;
padding-top: 4px;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li.p-selected {
padding-left: 4px;
padding-right: 4px;
padding-bottom: 0px;
}
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li a {
padding-bottom: 13px;
}
}
@media screen and (max-width: 450px) {
.p-p75-navigation .p-menu .p-nav-tabs div.container ul li.p-collapse button.p-icon-arrow-right {
margin-top: 11px;
width: 100%;
height: 100%;
margin: 0;
}
}
/*
Defaults
---------------------------*/
.p-p82-family-introduction .p-p82-family-introduction-text picture {
height: auto;
width: 80px;
}
.p-p82-family-introduction .p-led-logo-container {
padding-bottom: 7px;
}
.p-p82-family-introduction .p-count-btn {
cursor: pointer;
}
.p-p82-family-introduction .p-count-btn .p-icon-arrow-right {
font-size: 80%;
}
.p-p82-family-introduction .p-family-intro-title {
word-wrap: break-word;
margin: 14px 0;
}
.p-p82-family-introduction .p-family-intro-wow {
word-wrap: break-word;
font-size: 21px;
line-height: 26px;
color: #323232;
margin-bottom: 14px;
}
.p-p82-family-introduction .p-vertical-margin {
margin-bottom: 39px;
}
.p-p82-family-introduction .p-download-more {
position: relative;
display: inline-block;
}
.p-p82-family-introduction .p-download-more .p-download-options {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 200px;
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
}
.p-p82-family-introduction .p-download-more .p-download-options a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
margin-bottom: 0px;
}
.p-p82-family-introduction .p-download-more .p-download-options a:hover {
background-color: #f1f1f1;
}
.p-p82-family-introduction .p-download-more .p-download-more-btn i {
margin-left: 15px;
}
.p-p82-family-introduction .p-download-more .p-download-more-btn:hover i:after {
content: '\e200';
}
.p-p82-family-introduction .p-download-more:hover .p-download-options {
display: block;
}
.p-p82-family-introduction .p-sticky-rendition.p-menu.p-fixed {
position: fixed;
width: 96%;
top: 0;
left: 0;
background: #ffffff;
z-index: 6006;
padding: 0 2%;
border-bottom: 2px solid #7d0063;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading {
max-width: 960px;
margin: 0 auto;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading .p-img-holder,
.p-p82-family-introduction .p-sticky-rendition .p-heading .p-text-wrapper {
float: left;
margin: 5px;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading .p-img-holder {
border: 1px solid #80b3d0;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading .p-text-wrapper {
margin-right: 0px !important;
height: 50px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
float: left;
width: 30%;
padding: 5px 0;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading-product {
position: relative;
top: 80%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block !important;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.p-p82-family-introduction .p-sticky-rendition .p-product-title,
.p-p82-family-introduction .p-sticky-rendition .p-heading-light {
display: inline;
margin-bottom: 0;
}
.p-p82-family-introduction .p-sticky-rendition .p-heading .p-extras-partner-logo {
clear: left;
padding-top: 20px;
}
.p-p82-family-introduction .p-sticky-rendition .p-button-container {
max-width: 190px;
height: 86px;
margin: 5px 0;
display: flex;
flex-direction: column;
justify-content: center;
}
.p-p82-family-introduction .p-sticky-rendition .p-button-container .p-download-btn.p-inactive {
pointer-events: none;
cursor: default;
}
.p-p82-family-introduction .p-button-container ul {
margin-top: 6px;
}
.p-p82-family-introduction .p-button-container .p-u92-add-item a:hover {
text-decoration: underline;
}
.p-p82-family-introduction .p-image-container {
position: relative;
}
.p-p82-family-introduction .p-image-container .p-pfp-product-images {
display: table;
margin: auto;
}
.p-p82-family-introduction .p-image-container .p-pfp-product-images:after {
content: "";
display: table;
clear: both;
}
.p-p82-family-introduction .p-image-container .p-pfp-product-images .p-pfp-product-image {
width: 100%;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.p-p82-family-introduction .p-image-container .p-pfp-product-images .p-pfp-product-image img {
max-height: 350px;
max-width: 490px;
}
.p-p82-family-introduction .p-image-container .p-led-logo-container {
position: absolute;
top: -6.25px;
left: 15.629999999999999px;
}
.p-p82-family-introduction .p-image-container .p-awards-container {
position: absolute;
bottom: 12px;
right: 5px;
}
.p-p82-family-introduction .p-image-container .p-awards-container .p-award-item {
display: inline-block;
float: right;
padding-right: 15px;
}
@media screen and (max-width: 700px) {
.p-p82-family-introduction .p-button-container a {
width: 100%;
}
.p-p82-family-introduction .p-image-container .p-pfp-product-images .p-pfp-product-image img {
max-width: 300px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-p82-family-introduction .p-image-container .p-pfp-product-images .p-pfp-product-image img {
max-width: 360px;
}
}
/*
Local variables
---------------------------*/
.p83-product-family-information {
position: relative;
width: 100%;
}
.p83-product-family-information:after {
content: "";
display: table;
clear: both;
}
.p83-product-family-information .p-content {
float: left;
}
.p83-product-family-information .p-content .p-inner {
margin: 0px 10px 0px 10px;
}
.p83-product-family-information .p-accordion-content {
float: left;
}
.p83-product-family-information .p-horizontal-line {
margin-top: -4px;
margin-bottom: 14px;
height: 2px;
color: #cccccc;
}
/* REMS */
/*
borders
*/
/*
padding mixins
*/
/*
margin mixins
*/
/*
Defaults
---------------------------*/
/*
Min Width 0
---------------------------*/
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
/*
Max Width 700
---------------------------*/
/*
Min Width 961
---------------------------*/
@media screen and (min-width: 0px) {
.p83-product-family-information .p-xs-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p83-product-family-information .p-xs-col1 .p-ie-column {
width: 100%;
float: left;
}
.p83-product-family-information .p-xs-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p83-product-family-information .p-xs-col2 .p-ie-column {
width: 50%;
float: left;
}
.p83-product-family-information .p-xs-col2 .p-ie-column p {
padding-right: 18px;
}
.p83-product-family-information .p-xs-col2 .p-ie-column.p-ie-last p {
padding-right: 0px;
}
.p83-product-family-information .p-xs-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p83-product-family-information .p-xs-col3 .p-ie-column {
width: 33.33%;
float: left;
}
.p83-product-family-information .p-xs-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.p83-product-family-information .p-xs-col4 .p-ie-column {
width: 25%;
float: left;
}
}
@media print, screen and (min-width: 451px) {
.p83-product-family-information .p-s-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p83-product-family-information .p-s-col1 .p-ie-column {
width: 100%;
float: left;
}
.p83-product-family-information .p-s-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p83-product-family-information .p-s-col2 .p-ie-column {
width: 50%;
float: left;
}
.p83-product-family-information .p-s-col2 .p-ie-column p {
padding-right: 18px;
}
.p83-product-family-information .p-s-col2 .p-ie-column.p-ie-last p {
padding-right: 0px;
}
.p83-product-family-information .p-s-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p83-product-family-information .p-s-col3 .p-ie-column {
width: 33.33%;
float: left;
}
.p83-product-family-information .p-s-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.p83-product-family-information .p-s-col4 .p-ie-column {
width: 25%;
float: left;
}
}
@media screen and (min-width: 701px) {
.p83-product-family-information .p-m-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p83-product-family-information .p-m-col1 .p-ie-column {
width: 100%;
float: left;
}
.p83-product-family-information .p-m-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p83-product-family-information .p-m-col2 .p-ie-column {
width: 50%;
float: left;
}
.p83-product-family-information .p-m-col2 .p-ie-column p {
padding-right: 18px;
}
.p83-product-family-information .p-m-col2 .p-ie-column.p-ie-last p {
padding-right: 0px;
}
.p83-product-family-information .p-m-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p83-product-family-information .p-m-col3 .p-ie-column {
width: 33.33%;
float: left;
}
.p83-product-family-information .p-m-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.p83-product-family-information .p-m-col4 .p-ie-column {
width: 25%;
float: left;
}
}
@media screen and (min-width: 961px) {
.p83-product-family-information .p-l-col1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
.p83-product-family-information .p-l-col1 .p-ie-column {
width: 100%;
float: left;
}
.p83-product-family-information .p-l-col2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
}
.p83-product-family-information .p-l-col2 .p-ie-column {
width: 50%;
float: left;
}
.p83-product-family-information .p-l-col2 .p-ie-column p {
padding-right: 18px;
}
.p83-product-family-information .p-l-col2 .p-ie-column.p-ie-last p {
padding-right: 0px;
}
.p83-product-family-information .p-l-col3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.p83-product-family-information .p-l-col3 .p-ie-column {
width: 33.33%;
float: left;
}
.p83-product-family-information .p-l-col4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
}
.p83-product-family-information .p-l-col4 .p-ie-column {
width: 25%;
float: left;
}
}
@media screen and (max-width: 700px) {
.p83-product-family-information {
width: auto;
margin-left: 10px;
}
.p83-product-family-information .p-content .p-inner {
margin: 0px 10px 20px 0px;
}
}
/*
Local variable
---------------------------*/
/*
Defaults
---------------------------*/
.p84-family-richtext-information {
margin-left: 10px;
}
.p84-family-richtext-information:after {
content: "";
display: table;
clear: both;
}
.p84-family-richtext-information .p-container {
float: left;
}
.p84-family-richtext-information .p-container .p-content {
float: left;
}
.p84-family-richtext-information .p-container .p-content .p-content-list {
list-style: none;
}
.p84-family-richtext-information .p-container .p-content .p-content-list .p-main-listing {
padding-bottom: 17px;
float: left;
}
.p84-family-richtext-information .p-container .p-content .p-content-list .p-main-listing .p-bullet {
color: #7d0063;
font-size: 10px;
}
.p84-family-richtext-information .p-container .p-content .p-content-list .p-sub-listing {
margin-left: 30px;
list-style: disc;
}
.p84-family-richtext-information .p-container .p-content .p-content-list .p-table-align {
display: table-cell;
padding-right: 10px;
}
.p84-family-richtext-information .p-container .p-content.p-last .p-content-list {
margin-right: 0px;
}
.p84-family-richtext-information .p-container .p-horizontal-line {
margin-top: -4px;
margin-bottom: 20px;
height: 2px;
color: #cccccc;
}
.p84-family-richtext-information .p-inverted .p-content-list .p-main-listing .p-bullet {
color: #ffffff;
}
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media screen and (min-width: 701px) {
.p84-family-richtext-information {
margin-left: 0px;
}
.p84-family-richtext-information .p-container .p-content .p-content-list {
margin-right: 16px;
}
}
@media screen and (min-width: 961px) {
.p84-family-richtext-information .p-container .p-content .p-content-list {
margin-right: 22px;
}
}
/*
Local variable
---------------------------*/
/*
Defaults
---------------------------*/
.p85-keybenefits-information {
margin-left: 10px;
}
.p85-keybenefits-information:after {
content: "";
display: table;
clear: both;
}
.p85-keybenefits-information .p-container {
float: left;
}
.p85-keybenefits-information .p-container .p-content {
float: left;
}
.p85-keybenefits-information .p-container .p-content .p-content-list {
list-style: none;
}
.p85-keybenefits-information .p-container .p-content .p-content-list .p-main-listing {
padding-bottom: 17px;
float: left;
}
.p85-keybenefits-information .p-container .p-content .p-content-list .p-main-listing .p-bullet {
color: #0066a1;
font-size: 10px;
}
.p85-keybenefits-information .p-container .p-content .p-content-list .p-sub-listing {
margin-left: 30px;
list-style: disc;
}
.p85-keybenefits-information .p-container .p-content .p-content-list .p-table-align {
display: table-cell;
padding-right: 10px;
}
.p85-keybenefits-information .p-container .p-content.p-last .p-content-list {
margin-right: 05px;
}
.p85-keybenefits-information .p-container .p-horizontal-line {
margin-top: -4px;
margin-bottom: 20px;
height: 2px;
color: #cccccc;
}
.p85-keybenefits-information .p-inverted .p-content-list .p-main-listing .p-bullet {
color: #ffffff;
}
/*
Min Width 700
---------------------------*/
/*
Min Width 960
---------------------------*/
@media screen and (min-width: 701px) {
.p85-keybenefits-information {
margin-left: 0px;
}
.p85-keybenefits-information .p-container .p-content .p-content-list {
margin-right: 16px;
}
}
@media screen and (min-width: 961px) {
.p85-keybenefits-information .p-container .p-content .p-content-list {
margin-right: 22px;
}
}
/*
Defaults
---------------------------*/
.p-p87-family-details {
margin-top: 0px;
padding-top: 0px;
}
.p-p87-family-details .p-specification-chapter {
padding-bottom: 16px;
}
.p-p87-family-details .p-specification-chapter .p-title {
display: none;
}
.p-p87-family-details .p-specification-chapter .p-table tr.p-last {
border-bottom: 0px;
}
.p-p87-family-details .p-specification-chapter .p-table tr td {
padding: 6px 0px 6px 0px;
}
.p-p87-family-details .p-specification-chapter .p-table tr td:first-child {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
@media screen and (max-width: 700px) {
.p-p87-family-details .p-specification-chapter {
padding-bottom: 10px;
}
.p-p87-family-details .p-specification-chapter .p-title {
display: block;
}
.p-p87-family-details .p-specification-chapter .p-grid-item .p-table {
border-top-width: 0px;
}
.p-p87-family-details .p-specification-chapter .p-grid-item:first-child .p-table {
border-top-width: 1px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-p88-family-overview-container .p88-family-overview {
margin-top: 31px;
}
.p-p88-family-overview-container .p-p88-product-title {
margin-bottom: 30px;
}
.p-p18v2-pex-area {
padding-bottom: 11px;
}
.p-p18v2-pex-area:after {
background: transparent;
}
.p-p18v2-pex-area .p-packshot .p-picture-wrapper {
margin-right: 20px;
}
.p-p18v2-pex-area .p-packshot .p-feature-sticker {
top: 0px;
}
.p-p18v2-pex-area .p-packshot .p-sub-title {
display: none;
}
.p-p18v2-pex-area .p-zoom-wrapper.p-packshot-zoomed {
padding-top: 0px;
}
.p-p88-family-overview-info {
padding-bottom: 27px;
}
.p-p88-family-overview-info .p-kba-bullet {
margin-bottom: 49px;
}
.p-p88-family-overview-info .p-kba-bullet li {
margin-bottom: 43px;
}
.p-p88-family-overview-info .p-kba-bullet li .p-table-align {
display: table-cell;
vertical-align: middle;
}
.p-p88-family-overview-info .p-kba-bullet li .p-icon-checkmark-rounded {
padding-right: 40px;
color: #8bb821;
font-size: 19px;
}
.p-p88-family-overview-info .p-download-btn {
margin-left: 53px;
margin-right: 20px;
display: inline-block;
}
.p-p88-family-overview-info .p-88-warning-link {
clear: both;
display: block;
float: right;
margin-top: 20px;
margin-right: 68px;
}
.p-p88-family-overview-info .p-popup-wrapper .p-popup .p-warning-link-content li {
margin-bottom: 17px;
white-space: normal;
}
@media screen and (max-width: 700px) {
.p-p88-family-overview-info {
margin-top: 20px;
padding-bottom: 0px;
}
.p-p88-family-overview-info .p-kba-bullet {
margin-bottom: 22px;
}
.p-p88-family-overview-info .p-kba-bullet li {
margin-bottom: 21px;
}
.p-p88-family-overview-info .p-button-container .p-download-btn {
width: 100%;
margin-left: 0px;
margin-bottom: 20px;
}
.p-p88-family-overview-info .p-button-container .p-88-warning-link {
float: none;
}
.p-popup-wrapper .p-popup .p-popup-back {
padding-left: 0px;
}
.p-popup-wrapper .p-popup .p-warning-link-content {
padding: 0px 20px 0px 20px;
}
.p-popup-wrapper .p-popup .p-warning-link-content li {
margin-bottom: 17px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-p88-family-overview-info .p-button-container {
white-space: nowrap;
}
.p-p88-family-overview-info .p-button-container .p-download-btn {
margin-left: 0px;
}
.p-p88-family-overview-info .p-button-container .p-88-warning-link {
float: left;
margin-left: 168px;
}
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-thumbstrip .p-nav-prev,
.p89-family-assetcarousel.familyoverview .p-thumbstrip .p-nav-prev,
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-thumbstrip .p-nav-next,
.p89-family-assetcarousel.familyoverview .p-thumbstrip .p-nav-next {
top: auto;
bottom: 0;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-prev,
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-next {
position: absolute;
top: 50%;
z-index: 10;
height: 50px;
width: 50px;
background: rgba(255, 255, 255, 0.5) 100%;
margin-top: -25px;
font-size: 18px;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-prev {
left: 0;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-next {
right: 0;
}
.carousel .p-images .p-image .p-caption {
text-align: center;
padding-top: 14px;
}
@media screen and (max-width: 700px) {
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content {
min-height: 450px;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-prev,
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-scrollable-content .p-slide-next {
display: none;
}
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-slider-inner,
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-nav-next {
display: block;
}
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-slider-inner .p-category {
background: #ffffff;
}
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-nav-prev,
.p89-family-assetcarousel.familyoverview .p-thumbstrip.p-thumbstrip-change-s .p-nav-next {
width: 30px;
background: rgba(255, 255, 255, 0.5) 100%;
}
}
@media screen and (min-width: 0px) {
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-images {
width: 100%;
max-height: 100%;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-images img {
max-width: 100%;
}
}
@media screen and (min-width: 701px) {
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup {
width: 650px;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-images {
width: 580px;
height: 340px;
max-height: none;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-images img {
margin: 0 auto;
}
}
@media screen and (min-width: 961px) {
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup {
width: 950px;
}
.p-popup-wrapper .p-popup.p89-family-assetcarousel-popup .p-images {
width: 880px;
height: 525px;
}
}
/*
Defaults
---------------------------*/
.p-p90-empty-product-header {
margin-right: auto;
margin-bottom: 14px;
margin-left: auto;
max-width: 960px;
}
.p-p90-empty-product-header .p-p90-header {
margin-left: 25px;
}
.p-p90-empty-product-header .p-sticky-rendition.p-menu.p-fixed {
position: fixed;
width: 100%;
top: 0;
left: 0;
background: #ffffff;
z-index: 6006;
border-bottom: 2px solid #7d0063;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading {
max-width: 960px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-img-holder {
border: 1px solid #80b3d0;
float: left;
margin: 5px;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-text-wrapper {
height: 50px;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 30%;
padding: 5px 0;
float: left;
margin: 5px;
display: flex;
align-items: center;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-text-wrapper .p-heading-product {
display: flex;
margin-top: 15px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
max-height: 45px;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-button-container .p-button {
background-color: #e26d00;
color: #ffffff;
border: 1px solid transparent;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-button-container .p-button:hover {
background-color: #c96100;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-button-container .p-button:active {
box-shadow: none;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-button-buy {
color: #1e9d8b;
background-color: transparent;
margin-right: 0;
}
.p-p90-empty-product-header .p-sticky-rendition .p-product-title,
.p-p90-empty-product-header .p-sticky-rendition .p-heading-light {
display: inline;
margin-bottom: 0;
}
.p-p90-empty-product-header .p-sticky-rendition .p-heading .p-extras-partner-logo {
clear: left;
padding-top: 20px;
}
.p-p90-empty-product-header .p-sticky-rendition .p-button-container {
float: right;
}
@media screen and (min-width: 0px) {
.p-p90-empty-product-header {
padding-top: 20px;
}
}
@media screen and (min-width: 961px) {
.p-p90-empty-product-header {
padding-top: 154px;
}
}
@media screen and (max-width: 700px) {
.p-p90-empty-product-header {
margin-left: 10px;
}
.p-p90-empty-product-header .p-p90-header {
margin-left: 10px;
}
.p-p90-empty-product-header .p-p90-header .p-button-container .p-button-conversion {
margin-bottom: 15px;
width: 100%;
}
.p-p90-empty-product-header .p-p90-header .p-button-container .p-wtb-container {
margin-bottom: 15px;
}
}
@media screen and (max-width: 450px) {
.p-p90-empty-product-header {
margin-left: auto ;
}
.p-p90-empty-product-header .p-p90-header {
margin-left: 0px;
}
.p-p90-empty-product-header .p-p90-header .p-myprojects-link {
padding-bottom: 20px;
}
}
@media screen and (min-width: 701px) {
.p-p90-empty-product-header .p-p90-header .p-wtb-container {
display: inline-block;
margin-right: 40px;
vertical-align: middle;
}
}
/*
Defaults
---------------------------*/
.p-t02-recently-viewed {
padding-left: 10px;
padding-top: 50px;
}
.p-t02-recently-viewed .p-recent-item {
margin-bottom: 20px;
margin-top: 7px;
position: relative;
cursor: pointer;
}
.p-t02-recently-viewed .p-recent-item .p-product-title {
margin-top: 20px;
margin-bottom: 2px;
height: 50px;
overflow: hidden;
}
.p-t02-recently-viewed .p-recent-item .p-product-title:hover {
text-decoration: underline;
}
.p-t02-recently-viewed .p-recent-item .p-product-details {
max-height: 56px;
overflow: hidden;
}
.p-t02-recently-viewed .p-recent-item .p-picture {
padding: 20px 20px 20px 20px;
display: block;
border: 1px solid #cccedb;
}
.p-t02-recently-viewed .p-recent-item .p-picture:hover {
border: 1px solid #7d0063;
}
.p-t02-recently-viewed .p-recent-item .p-link-more {
display: none;
margin-top: 30px;
}
@media screen and (max-width: 700px) {
.p-t02-recently-viewed .p-recent-item .p-item-container {
height: 120px !important;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-t02-recently-viewed {
padding-left: 16px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-t02-recently-viewed {
padding-left: 16px;
}
}
@media screen and (min-width: 961px) {
.p-t02-recently-viewed {
padding-left: 0px;
}
}
/*
Defaults
---------------------------*/
.p-p79-feature-logos {
padding-left: 10px;
padding-top: 10px;
padding-bottom: 54px;
}
.p-p79-feature-logos .p-logo-image {
margin-right: 1px;
display: inline;
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-p79-feature-logos {
padding-left: 16px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-p79-feature-logos {
padding-left: 16px;
}
}
@media screen and (min-width: 961px) {
.p-p79-feature-logos {
padding-left: 0px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-d75-product-accessories .p-d75-divider {
padding-bottom: 22px;
margin-bottom: 40px;
}
.p-d75-product-accessories .p-product-group {
padding-bottom: 22px;
}
.p-d75-product-accessories .p-d75accessories-flyout {
display: none;
}
.p-d75-product-accessories .p-d75accessories-flyout-btn {
padding-top: 20px;
}
.p-d75-product-accessories .p-d75accessories-flyout-btn .p-show-more-accessories,
.p-d75-product-accessories .p-d75accessories-flyout-btn .p-show-less-accessories {
float: right;
display: none;
}
.p-d75-product-accessories .p-d75accessories-flyout-btn .p-show-more-accessories.p-active,
.p-d75-product-accessories .p-d75accessories-flyout-btn .p-show-less-accessories.p-active {
display: block;
cursor: pointer;
}
.p-d75-product-accessories .p-product-card .p-card {
border: none;
padding-bottom: 40px;
}
.p-d75-product-accessories .p-product-card .p-product-container {
overflow: hidden;
padding-top: 20px;
max-height: 86px;
}
.p-d75-product-accessories .p-product-card .p-product-container a:hover {
text-decoration: none;
color: #0066a1;
}
.p-d75-product-accessories .p-product-card .p-product-container a img {
margin-top: 33px;
}
.p-d75-product-accessories .p-product-card .p-product-image img {
min-height: 144px;
border: 1px solid #cccccc;
}
.p-d75-product-accessories .p-product-card .p-icon-container {
display: table-cell;
padding-left: 10px;
}
.p-d75-product-accessories .p-product-card .p-icon-container .p-icon-up,
.p-d75-product-accessories .p-product-card .p-icon-container .p-icon-down {
text-align: center;
width: 26px;
height: 22px;
padding: 5px 5px 3px 5px;
background: transparent;
border-radius: 2px;
}
.p-d75-product-accessories .p-product-card .p-read-more-text,
.p-d75-product-accessories .p-product-card .p-read-less-text {
display: table-cell;
}
.p-d75-product-accessories .p-product-card a:hover .p-icon-up {
color: #ffffff;
background-color: #7d0063;
}
.p-d75-product-accessories .p-product-card a:hover .p-icon-down {
color: #ffffff;
background-color: #7d0063;
}
.p-d75-product-accessories .p-accessories-carousel {
clear: both;
}
.p-d75-product-accessories .p-carousel-wrapper {
position: relative;
overflow: hidden;
width: 100%;
text-align: center;
}
.p-d75-product-accessories .p-carousel-wrapper .p-carousel-indicator {
padding: 20px 0px 30px 0px;
}
.p-d75-product-accessories .p-carousel-wrapper .p-carousel-indicator li:after {
margin-left: -2px;
}
.p-d75-product-accessories .p-carousel-wrapper .p-carousel-indicator li.p-active:after {
margin-left: -5px;
}
.p-d75-product-accessories .p-carousel-wrapper .p-carousel-indicator li.p-inactive {
color: #d8b3d0;
}
.p-d75-product-accessories .p-carousel-view {
position: relative;
}
.p-d75-product-accessories .p-carousel-view .p-card {
padding-left: 70px;
padding-right: 70px;
}
.p-d75-product-accessories .p-carousel-view .p-card .p-product-container {
text-align: left;
margin-top: 20px;
}
.p-d75-product-accessories .p-carousel-view .p-card .p-product-container .p-product-description {
padding-top: 10px;
}
.p-d75-product-accessories .p-carousel-view .p-card a:hover {
text-decoration: none;
color: #0066a1;
}
.p-d75-product-accessories .p-carousel-view .p-product-image img {
border: 1px solid #cccccc;
}
.p-d75-product-card {
padding-left: 6px;
}
.p-d75-product-card .p-d75-product-card-filters {
padding-bottom: 0;
padding-left: 0;
}
.p-d75-product-card .p-filter-container-holder {
padding-left: 0;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn {
width: 100%;
padding: 0;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn .p-btn-style {
vertical-align: baseline;
width: auto;
min-width: 13.5%;
height: 25px;
padding-left: 8px;
margin-left: 0;
border: solid 1px #80b3d0;
text-align: center;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 25px;
color: #0066a1;
background-color: #ffffff;
display: none;
border-radius: 2px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn .p-btn-style.p-active {
display: inline-block;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn .p-btn-style:hover {
background-color: #e5f6ff;
cursor: pointer;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn .p-btn-style .p-icon-plus {
padding: 5px 8px 5px 5px;
font-size: 8px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-show-btn .p-btn-style .p-icon-minus-2 {
padding: 5px 8px 5px 5px;
font-size: 8px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item {
float: left;
width: 24%;
min-width: 120px;
margin-right: 1%;
margin-bottom: 10px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown {
position: relative;
height: 25px;
padding-right: 30px;
border: solid 1px #cccccc;
border-radius: 2px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown.p-add-border {
border: solid 2px #cccccc;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter {
padding-left: 12px;
font-size: 12px;
line-height: 25px;
display: block;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter.p-open:after {
content: '\e200';
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter:after {
position: absolute;
top: 0;
right: 8px;
width: 14px;
height: 8px;
font-family: 'philips-global-icon-font';
font-style: normal;
line-height: 25px;
color: #0066a1;
content: "\e201";
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options {
position: absolute;
z-index: 1000;
top: 28px;
width: 100%;
background-color: #ffffff;
visibility: hidden;
border-radius: 2px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label {
padding: 15px 10px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label:hover:not(.p-disabled) {
background-color: #d3deed;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label:hover:not(.p-disabled) .p-label {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options.p-active {
visibility: visible;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-slider-container .p-form-group {
width: 90%;
margin: 0 auto;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown:hover {
text-shadow: none;
background: #FAF9FA;
cursor: pointer;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item.p-inactive {
color: #b9bbc7;
pointer-events: none;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item.p-inactive .p-dropdown .p-title-filter:after {
color: #b9bbc7;
}
.p-d75-product-card .p-filter-summary {
margin-left: -22px;
}
.p-d75-product-card .p-filter-summary .p-filter-group:first-child {
display: none;
}
.p-d75-product-card .p-filter-summary .p-reset-filter .p-reset-filter__link {
float: left;
width: fit-content;
}
.p-d75-product-card .p-icon-arrow-left {
text-decoration: none;
display: inline-block;
padding-right: 5px;
}
.p-d75-product-card .p-title {
padding-left: 0px;
padding-top: 20px;
margin-bottom: 20px;
}
.p-d75-product-card .p-divider {
float: left;
}
.p-d75-product-card .p-filter-summary .p-filter-group {
padding-left: 0;
margin-top: 12px;
}
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-group-title,
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-key {
float: left;
border: 3px solid transparent;
background: #e6e6e6;
cursor: pointer;
margin-right: 13px;
margin-bottom: 10px;
padding: 0px 10px 0px 10px;
border-radius: 2px 2px 2px 2px;
font-size: 12px;
}
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-group-title:before,
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-key:before {
font-family: 'philips-global-icon-font';
font-style: normal;
color: #888b9c;
content: "\e20f";
cursor: pointer;
padding-right: 10px;
font-size: 9px;
}
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-group-title:hover,
.p-d75-product-card .p-filter-summary .p-filter-group .p-filter-key:hover {
background: #a6a6a6;
box-sizing: border-box;
}
.p-d75-product-card .p-filter-summary .p-filter-group:first-child {
display: none;
}
.p-d75-product-card .p-d75-product-card-filters.p-hide-filter-panel {
visibility: hidden;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-results-title {
color: #7d0063;
line-height: 26px;
font-size: 17px;
padding-top: 13px;
padding-bottom: 13px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters {
margin: auto;
display: none;
margin-bottom: 2px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter.p-bold {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter {
line-height: 29px;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter a {
font-size: 13px;
margin-right: 15px;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter .p-icon-close-02:after {
text-decoration: none;
display: inline-block;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter span {
text-decoration: none;
font-size: 10px;
padding-left: 15px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-title-color {
color: #7d0063;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox {
float: left;
border-color: #be80b1;
margin-bottom: 14px;
margin-right: 10px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label {
padding-bottom: 13px;
line-height: 17px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label .p-checkbox {
vertical-align: middle;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label:first-child {
margin-top: 0px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label .p-checked + label {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label label {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled {
cursor: default;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled .p-checkbox {
color: #b9bbc7;
cursor: default;
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled .p-checkbox:hover {
background-color: unset;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled .p-label {
color: #b9bbc7;
cursor: default;
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled .p-label input,
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-checkbox-label.p-disabled .p-label option {
cursor: default;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container {
position: relative;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container .p-slider-disabled {
position: absolute;
z-index: 10;
display: none;
height: 50px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container .p-range .p-value-top {
display: none;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container label {
cursor: pointer;
display: table-cell;
font-size: 12px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-group-title {
color: #7d0063;
padding-top: 8px;
padding-bottom: 6px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter {
clear: both;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn {
text-align: center;
padding-bottom: 13px;
padding-right: 5px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-more,
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-less {
position: relative;
text-align: center;
color: #7d0063;
display: none;
cursor: pointer;
top: -5px;
font-size: 12px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-more span,
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-less span {
text-decoration: none;
display: inline-block;
padding-right: 2px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-more.p-active,
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-filter-flyout-btn .p-show-less.p-active {
display: block;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion {
margin-bottom: 0px;
}
@media screen and (max-width: 450px) {
.p-d75-product-card .p-view-mode-buttons {
display: none;
}
.p-d75-product-card .p-d75-product-card-filters {
padding-left: 0px;
background-color: transparent;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter {
padding-left: 19px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-title-filter {
display: block;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd {
display: none;
padding-top: 7px;
padding-bottom: 0px;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd {
padding-left: 22px;
padding-right: 19px;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt.p-active,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd.p-active {
background: #f6edf4;
display: block;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt .p-checkbox-label,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd .p-checkbox-label {
line-height: 20px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters {
color: #7d0063;
background: #f3ebfa;
display: block;
cursor: pointer;
padding-left: 19px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 26px;
font-size: 17px;
border-radius: 2px 2px 2px 2px;
margin-top: 15px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-hide-text:after {
content: "\e200";
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-show-text:after {
content: "\e201";
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-hide-text:after,
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-show-text:after {
position: absolute;
font-family: 'philips-global-icon-font';
color: #7d0063;
display: block;
width: 14px;
height: 8px;
right: 30px;
margin-top: -25px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-d75-product-card .p-view-mode-buttons {
display: none;
}
.p-d75-product-card .p-d75-product-card-filters {
padding-left: 0px;
background-color: transparent;
}
.p-d75-product-card .p-d75-product-card-filters .p-reset-filter {
padding-left: 19px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d75-product-card .p-d75-product-card-filters .p-filter-container .p-title-filter {
display: block;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd {
display: none;
padding-top: 7px;
padding-bottom: 0px;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd {
padding-left: 22px;
padding-right: 19px;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt.p-active,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd.p-active {
background: #f6edf4;
display: block;
}
.p-d75-product-card .p-d75-product-card-filters .p-accordion dt .p-checkbox-label,
.p-d75-product-card .p-d75-product-card-filters .p-accordion dd .p-checkbox-label {
line-height: 20px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters {
color: #7d0063;
background: #f3ebfa;
display: block;
cursor: pointer;
padding-left: 19px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 26px;
font-size: 17px;
border-radius: 2px 2px 2px 2px;
margin-top: 15px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-hide-text:after {
content: "\e200";
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-show-text:after {
content: "\e201";
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-hide-text:after,
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters .p-show-text:after {
position: absolute;
font-family: 'philips-global-icon-font';
color: #7d0063;
display: block;
width: 14px;
height: 8px;
right: 30px;
margin-top: -25px;
}
}
@media screen and (min-width: 961px) {
.p-d75-product-card .p-header {
padding-left: 22px;
}
.p-d75-product-card .p-product-finder-list > li {
padding-left: 20px;
}
.p-d75-product-card .p-products-list {
margin-top: 0px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters {
margin: auto;
display: none;
margin-bottom: 2px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-d75-product-card .p-header {
padding-left: 22px;
}
.p-d75-product-card .p-product-finder-list > li {
padding-left: 20px;
}
.p-d75-product-card .p-products-list {
margin-top: 0px;
}
.p-d75-product-card .p-d75-product-card-filters .p-toggle-filters {
margin: auto;
display: none;
margin-bottom: 2px;
}
.p-product-table-header {
display: none;
}
}
@media screen and (max-width: 960px) {
.d75-product-card .p-product-table-header {
display: none;
}
.d75-product-card .p-product-list .p-product-card .p-card {
width: 100%;
height: 190px;
padding-top: 20px;
padding-bottom: 20px;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-compare {
width: 4%;
line-height: 90px;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details {
width: 96%;
height: 125px;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-overview {
width: 50%;
height: 50px;
padding: 0;
margin-top: 5px;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-overview .p-outer-icon {
display: none;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-descriptions {
width: 50%;
height: 50px;
margin-top: 20px;
line-height: normal;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-descriptions .p-product-descriptions-column {
width: 100%;
display: block;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-descriptions .p-product-descriptions-column .p-product-description-column-header {
font-weight: bold;
display: inline-block;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-button-row {
width: 100%;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-button-row .p-width-modifier {
width: 20%;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-button-row .p-icon-ies:after,
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-button-row .p-icon-pdf:after {
font-size: 30px;
}
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-button-row .wtb-button {
float: right;
margin-right: 10px;
display: inline-block;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-overview {
height: 35px !important;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.d75-product-card .p-product-list .p-product-card .p-card .p-card-details .p-product-container .p-product-overview {
height: 35px !important;
}
}
.p-d75-product-card .p-product-table-header {
position: relative;
width: 100%;
margin-left: 22px;
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group {
font-size: 12px;
display: flex;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-specification-header-wrapper {
width: 320px;
margin-left: 82px;
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-specification-header-wrapper .p-header-item {
vertical-align: bottom;
cursor: pointer;
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-item {
align-items: flex-end;
font-weight: bold;
line-height: initial;
display: flex;
word-wrap: break-word;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-item span {
bottom: 0;
width: 90px;
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-description {
width: 200px;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column {
width: 80px;
margin-left: 17px;
line-height: 1.33;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column .p-sorting-arrow-wrapper {
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column .p-sorting-arrow-wrapper .p-sorting-arrow {
width: 0;
height: 0;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column .p-sorting-arrow-wrapper .p-sorting-arrow.up {
margin-bottom: 1px;
border-bottom: 3px solid #000000;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column .p-sorting-arrow-wrapper .p-sorting-arrow.down {
border-top: 3px solid #000000;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-column .p-sorting-arrow-wrapper .p-sorting-arrow.p-inactive {
display: none;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-asset-column {
width: 60px;
margin-left: 22px;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-asset-column-wrapper {
align-items: flex-end;
display: flex;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-asset-column-wrapper .p-header-item {
display: inline-block;
}
.p-d75-product-card .p-product-table-header .p-header-overview-group .p-header-asset-column:last-child {
margin-left: 20px;
}
.p-d75-product-card .p-sorting-dropdown-wrapper {
display: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-border {
width: 100%;
max-width: 960px;
margin-left: 15px;
border-top: 1px solid #a6a6a6;
}
.p-d75-product-card .p-product-list .p-product-card .p-card {
height: 90px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-row {
height: 90px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row {
position: relative;
z-index: 10;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-compare {
float: left;
margin-right: 6px;
line-height: 90px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-compare .p-checkbox {
vertical-align: middle;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-thumbnail {
float: left;
vertical-align: middle;
width: 70px;
margin-right: 14px;
line-height: 90px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container {
float: left;
position: relative;
width: 180px;
height: 90px;
font-size: 12px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-product-overview-align-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-product-overview-align-wrapper .p-product-overview-title {
letter-spacing: 0;
font-weight: bold;
line-height: 1.17;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-outer-icon {
position: absolute;
top: 20px;
left: 100%;
width: 10px;
height: 10px;
border: 1px solid #0066a1;
background-color: #0066a1;
border-radius: 50%;
cursor: pointer;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-outer-icon .p-icon-information {
position: relative;
top: -6px;
left: 1px;
font-size: 8px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-outer-icon .p-popup {
position: absolute;
width: 270px;
padding: 16px;
margin-top: -60px;
margin-left: 22px;
text-align: left;
font-size: 12px;
font-weight: normal;
color: #ffffff;
background-color: #0066a1;
display: inline;
visibility: hidden;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-outer-icon:hover .p-popup {
visibility: visible;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row {
position: relative;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column {
float: left;
width: 80px;
margin-right: 19px;
letter-spacing: 0;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.33;
color: #323232;
font-stretch: normal;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column .p-product-specification-column-header {
display: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column .p-product-specification-column-value {
display: block;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column:last-child {
margin-right: 0;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row a:hover {
text-decoration: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper {
float: left;
width: 60px;
margin-right: 22px;
line-height: 81px;
color: #0066a1;
display: inline-block;
cursor: pointer;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper .p-icon-text {
display: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper--ies {
height: 100%;
flex-direction: column;
justify-content: center;
line-height: unset;
display: flex;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-color-modifier {
color: darkgray;
pointer-events: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-icon-ies:after,
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-icon-pdf:after {
font-size: 24px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button {
float: left;
width: 120px;
line-height: 90px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button .p-wtb-container {
text-align: center;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button .p-wtb-container .p-button {
overflow: hidden;
vertical-align: middle;
max-height: 60px;
border-color: #80b3d0;
color: #0066a1;
background-color: #fff;
text-overflow: ellipsis;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button .p-wtb-container .p-button:hover {
text-decoration: none;
background-color: #d9edf6;
}
@media screen and (max-width: 960px) {
.p-d75-product-card .d75-product-card-section:after {
clear: both;
display: table;
content: '';
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-d75-product-card .p-header-overview-group {
display: none;
}
.p-d75-product-card .p-product-table-header {
display: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-border {
margin-left: 0;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-thumbnail {
width: 76px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container {
width: 49%;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-outer-icon .p-popup {
width: 180px;
margin-top: -77px;
margin-left: 20px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column {
width: 60px;
margin-right: 15px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper {
width: 40px;
margin-right: 12px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper--ies {
justify-content: space-evenly;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper .p-chsUrl {
margin-left: 20px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button {
width: 100px;
}
}
@media screen and (max-width: 700px) {
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item {
width: 100%;
padding-left: 0;
margin-bottom: 0;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown {
height: 40px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter {
line-height: 40px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter:after {
line-height: 40px;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options {
z-index: 11;
top: 42px;
width: 100%;
}
.p-d75-product-card .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label {
line-height: unset;
}
.p-d75-product-card .p-filter-container-holder .p-reset-filter {
padding-left: 0;
}
.p-d75-product-card .p-filter-container-holder .p-reset-filter .p-reset-filter__link {
float: left;
width: fit-content;
}
.p-d75-product-card .p-product-table-header {
display: none;
}
.p-d75-product-card .p-sorting-dropdown-wrapper {
float: right;
display: block;
}
.p-d75-product-card .p-sorting-dropdown-wrapper .p-sorting-title,
.p-d75-product-card .p-sorting-dropdown-wrapper .p-select {
display: inline-block;
}
.p-d75-product-card .p-product-list {
margin-top: 50px;
}
.p-d75-product-card .p-product-list .p-product-card .p-border {
margin-left: 0px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card {
height: 200px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-row {
height: 70px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-thumbnail {
width: 76px;
line-height: normal;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container {
height: initial;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-product-overview-align-wrapper {
transform: initial;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-description-row .p-product-overview-container .p-product-overview-align-wrapper .p-outer-icon {
display: none;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper {
padding-left: 22px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column {
float: none;
width: 100%;
margin: 2px 0px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column .p-product-specification-column-header {
font-weight: bold;
line-height: 1.33;
display: inline-block;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-specification-row .p-product-specification-wrapper .p-product-specification-column .p-product-specification-column-value {
display: inline-block;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row {
align-items: center;
display: flex;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper {
width: 80px;
flex-grow: 20;
margin-right: 0;
line-height: 40px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper .p-icon-text {
display: inline-block;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper .p-download-btn .p-download-text {
width: 80px;
line-height: normal;
display: inline-block;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper--ies {
height: unset;
flex-direction: row;
justify-content: space-evenly;
display: flex;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-wrapper:first-child.p-color-modifier {
margin-top: 35px;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .p-download-leaflet {
width: 120px;
flex-grow: 40;
}
.p-d75-product-card .p-product-list .p-product-card .p-card .p-product-assets-row .wtb-button {
width: 120px;
justify-content: flex-end;
line-height: normal;
display: flex;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-d76-product-finder .p-d76-product-finder-header {
margin: 0 auto;
padding-top: 44px;
max-width: 960px;
padding-left: 10px;
padding-right: 10px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-grid-item {
padding-left: 0px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-heading-01 {
margin-bottom: 16px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container {
text-align: left;
padding-bottom: 16px;
display: none;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container .p-filter-result-label {
color: #3c3c3c;
line-height: 40px;
padding-right: 30px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container .p-tooltip-btn {
vertical-align: middle;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container .p-button {
float: right;
}
.p-d76-product-finder .p-d76-product-finder-results-empty {
margin: 0 auto;
max-width: 960px;
}
.p-d76-product-finder .p-d76-product-finder-filters {
position: relative;
padding-left: 10px;
padding-right: 10px;
box-shadow: inset 0px -4px 3px #efeff4;
background-color: #ffffff;
background-repeat: repeat-x;
background: -webkit-linear-gradient(125deg, #edf2f8, #ffffff);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(125deg, #edf2f8, #ffffff);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedf2f8', endColorstr='#ffffffff', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffedf2f8', endColorstr='#ffffffff', GradientType=0);
margin-bottom: 20px;
margin-top: 40px;
padding-bottom: 50px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-d76-product-finder-filters-divider {
box-shadow: 0px 4px 3px #efeff4;
height: 5px;
margin-top: -5px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-d76-product-finder-filters-inner {
margin: 0 auto;
max-width: 960px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-d76-product-finder-filters-inner > .p-grid-item {
display: table-cell;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-d76-product-finder-filters-heading {
color: #3c3c3c;
font-size: 17px;
margin-bottom: 0px;
margin-top: 40px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-label-select-container {
padding-bottom: 10px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-label-select-container > .p-label {
display: block;
text-align: left;
margin-bottom: 9px;
margin-top: 9px;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-reset-link {
text-align: right;
padding-top: 20px;
}
.p-d76-product-finder .p-d76-product-finder-results {
margin-bottom: 50px;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
margin: 0 auto;
max-width: 960px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-back-to-home {
display: none;
margin-bottom: 5px;
cursor: pointer;
}
.p-d76-product-finder .p-d76-product-finder-results .p-back-to-home a {
padding-left: 3px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li {
display: none;
float: left;
font-size: 17px;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li a {
color: #888b9c;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li.p-active {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li.p-active:after {
color: #7d0063;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li.p-active a {
color: #7d0063;
cursor: default;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li.p-active a:hover {
text-decoration: none;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li:after {
content: " \203a";
color: #888b9c;
padding-right: 5px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li:first-child {
display: block;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-grid {
margin-top: 20px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item.p-first {
border-top: 1px solid #7d0063;
margin-top: 30px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container {
border-bottom: 1px solid #7d0063;
display: table;
text-decoration: none;
width: 100%;
position: relative;
margin-bottom: 20px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image {
display: table-cell;
text-align: center;
position: relative;
height: 100px;
width: 100px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image .p-ribbon-wrap {
right: -4px;
left: auto;
top: 6px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image .p-ribbon-wrap img {
border: 0;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image img {
border: 1px solid #ccc;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title {
color: #3c3c3c;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-weight: bold;
text-align: left;
text-decoration: none;
word-break: break-word;
padding: 10px 0px 10px 40px;
margin-left: -20px;
height: 66px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title .p-arrow-right {
padding-left: 10px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title .p-title-content {
text-align: left;
display: table-cell;
width: 100%;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title .p-title-icon {
text-align: right;
display: table-cell;
vertical-align: middle;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container:hover .p-image .p-ribbon-wrap img {
border: 0;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container:hover .p-image img {
border: 1px solid #7d0063;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container:hover .p-title {
color: #42145f;
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li a {
color: #e0e0e0;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li.p-active a {
color: #ffffff;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb li:after {
color: #ffffff;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-category-result-item-container {
border-bottom-color: #e0e0e0;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-category-result-item-container .p-title {
color: #ffffff;
}
.p-d76-product-finder.p-inverted .p-d76-product-finder-results .p-category-result-item-container:hover .p-image img {
border: 1px solid #e0e0e0;
}
@media screen and (min-width: 701px) {
.p-d76-product-finder .p-d76-product-finder-header {
position: relative;
padding-bottom: 21px;
padding-left: 0;
padding-right: 0;
}
.p-d76-product-finder .p-d76-product-finder-header .p-heading-01 {
line-height: 61px;
margin-bottom: 0px;
max-width: 500px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container {
position: absolute;
text-align: right;
padding-bottom: 0px;
bottom: 0px;
margin-bottom: 30px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container .p-filter-result-label {
font-weight: normal;
line-height: 30px;
}
.p-d76-product-finder .p-d76-product-finder-header .p-result-label-container:hover .p-image .p-ribbon-wrap img {
border: 0;
}
.p-d76-product-finder .p-d76-product-finder-filters {
margin-top: 0px;
padding-left: 0;
padding-right: 0;
}
.p-d76-product-finder .p-d76-product-finder-results {
padding-left: 0;
padding-right: 0;
margin-top: 40px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-d76-product-finder-results-breadcrumb {
margin-bottom: 13px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item.p-first {
border-top: none;
margin-top: 0px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container {
border-bottom: none;
display: block;
margin-left: 1%;
width: 98%;
margin-top: 0px;
margin-bottom: 0px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image {
display: block;
height: auto;
margin: auto;
width: 98%;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-image img {
transition: all 0.1s;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title {
font-weight: normal;
text-align: center;
padding-left: 20px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title .p-title-icon {
vertical-align: top;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container:hover .p-image img {
border: 1px solid #7d0063;
-webkit-transform: scale(1.02);
-ms-transform: scale(1.02);
transform: scale(1.02);
}
}
@media screen and (min-width: 961px) {
.p-d76-product-finder .p-d76-product-finder-header {
padding-left: 0;
padding-right: 0;
}
.p-d76-product-finder .p-d76-product-finder-header .p-heading-01 {
margin-bottom: 0px;
max-width: 730px;
}
.p-d76-product-finder .p-d76-product-finder-filters {
padding-left: 0;
padding-right: 0;
}
.p-d76-product-finder .p-d76-product-finder-filters .p-d76-product-finder-filters-divider {
margin-bottom: 40px;
}
.p-d76-product-finder .p-d76-product-finder-results {
padding-left: 0;
padding-right: 0;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container {
margin-top: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container .p-title {
padding-left: 20px;
}
.p-d76-product-finder .p-d76-product-finder-results .p-category-result-item-container:hover .p-image .p-ribbon-wrap img {
border: 0;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-d76a-product-finder .p-d76a-product-finder-header {
margin: 0 auto;
padding-top: 44px;
max-width: 960px;
padding-left: 10px;
padding-right: 10px;
}
.p-d76a-product-finder .p-d76a-product-finder-header .p-grid-item {
padding-left: 0px;
}
.p-d76a-product-finder .p-d76a-product-finder-header .p-heading-01 {
margin-bottom: 16px;
}
.p-d76a-product-finder .p-d76a-product-finder-results-empty {
margin: 0 auto;
max-width: 960px;
}
.p-d76a-product-finder .p-d76a-product-finder-results {
margin-bottom: 50px;
margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
margin: 0 auto;
max-width: 960px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item {
margin-bottom: 25px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title {
cursor: pointer;
width: 100%;
height: 50px;
background-color: #F5F6F8;
display: block;
line-height: 50px;
border-bottom: solid 2px #ffffff;
position: relative;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title:hover {
text-decoration: underline;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title:hover .p-arrow-right {
color: #ffffff;
background-color: #0066a1;
margin-right: 8px;
margin-top: 10px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title a {
padding-left: 20px;
height: 50px;
position: absolute;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title .p-arrow-right {
float: right;
margin-right: 8px;
margin-top: 10px;
color: #0066a1;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container {
background-color: #F5F6F8;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-image .p-image {
display: inline-block;
width: 200px;
height: 200px;
margin: 20px 0 20px 20px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-image .p-image .p-picture:hover {
outline: 1px solid #0066a1;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory {
display: inline-block;
float: right;
margin-top: 20px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item {
width: 100%;
display: block;
cursor: pointer;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item pre {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
width: 80%;
display: inline-block;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item pre a {
word-wrap: break-word;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item:hover {
text-decoration: underline;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item:hover pre {
text-decoration: underline;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item:hover .p-arrow-right {
font-weight: bold;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item .p-arrow-right {
float: right;
margin-right: 15px;
font-size: 8px;
color: #2f2f2f;
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container {
min-height: 210px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-image .p-image {
display: inline-block;
width: 125px;
height: 125px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px), screen and (max-width: 450px) {
.p-d76a-product-finder .p-d76a-product-finder-results {
padding: 0;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item.p-grid-item {
padding: 0;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-title a {
padding-left: 30px;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory {
margin-top: 0;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item {
border-bottom: 1px solid #ffffff;
height: 35px;
line-height: 35px;
vertical-align: middle;
background-color: #f5f6f8;
}
.p-d76a-product-finder .p-d76a-product-finder-results .p-d76a-product-finder-results-grid .p-category-result-item .p-category-result-item-container .p-category-result-item-subcategory .p-category-result-item-subcategory-item pre {
padding-left: 45px;
}
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-d77v2-product-finder-for-category .p-category-filter-container {
margin-top: -20px;
width: 100%;
padding-left: 0;
position: relative;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder {
padding-left: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn {
width: 100%;
padding: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn .p-btn-style {
display: none;
min-width: 13.5%;
width: auto;
height: 25px;
margin-left: 0;
border-radius: 2px;
padding-left: 8px;
border: solid 1px #80b3d0;
background-color: #ffffff;
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
color: #0066a1;
font-style: normal;
font-size: 12px;
text-align: center;
line-height: 25px;
vertical-align: baseline;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn .p-btn-style.p-active {
display: inline-block;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn .p-btn-style:hover {
cursor: pointer;
background-color: #e5f6ff;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn .p-btn-style .p-icon-plus {
padding: 5px 8px 5px 5px;
font-size: 8px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-show-btn .p-btn-style .p-icon-minus-2 {
padding: 5px 8px 5px 5px;
font-size: 8px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container {
width: 100%;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item {
min-width: 120px;
width: 24%;
margin-right: 1%;
margin-bottom: 10px;
float: left;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown {
height: 25px;
padding-right: 30px;
border-radius: 2px;
border: solid 1px #cccccc;
position: relative;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown.p-add-border {
border: solid 2px #cccccc;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter.p-open:after {
content: '\e200';
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter:after {
content: "\e201";
color: #0066a1;
font-family: 'philips-global-icon-font';
font-style: normal;
position: absolute;
height: 8px;
width: 14px;
right: 8px;
top: 0;
line-height: 25px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options {
visibility: hidden;
position: absolute;
top: 28px;
width: 100%;
background-color: #ffffff;
border-radius: 2px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
z-index: 1000;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label {
padding: 15px 10px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label:hover:not(.p-disabled) {
background-color: #d3deed;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label:hover:not(.p-disabled) .p-label {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options.p-active {
visibility: visible;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-slider-container .p-form-group {
width: 90%;
margin: 0 auto;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown:hover {
background: #FAF9FA;
text-shadow: none;
cursor: pointer;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item.p-inactive .p-dropdown .p-title-filter:after {
color: #b9bbc7;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item:last-of-type {
margin-right: 0;
}
.p-d77v2-product-finder-for-category .p-filter-summary {
margin-left: -22px;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group:first-child {
display: none;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-reset-filter .p-reset-filter__link {
float: left;
width: fit-content;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-filter-container-holder {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-reset-filter,
.p-d77v2-product-finder-for-category.p-accordionMode .p-filter-results-title {
margin-left: 22px;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-title-filter {
display: block !important;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-accordion {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-d77v2-filter .p-accordion dt,
.p-d77v2-product-finder-for-category.p-accordionMode .p-d77v2-filter .p-accordion dd {
padding-left: 22px;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-d77v2-filter .p-accordion dt.p-active {
background: transparent;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-d77v2-filter .p-accordion dd {
padding: 8px 20px 0px 22px;
}
.p-d77v2-product-finder-for-category.p-accordionMode .p-d77v2-filter .p-accordion .p-filter-group-title {
display: none;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container-holder {
padding-left: 0;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container-holder .p-accordion dd {
display: block;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container-holder .p-accordion .p-title-filter {
display: block;
font-size: 12px;
padding-left: 12px;
line-height: 25px;
}
.p-d77v2-product-finder-for-category.p-viewMode-compact .p-product-finder-list > li {
padding-top: 10px;
}
.p-d77v2-product-finder-for-category.p-viewMode-compact .p-product-finder-list > li .p-divider {
padding-top: 10px;
}
.p-d77v2-product-finder-for-category.p-filter-panel-disabled.p-viewMode-compact .p-product-finder-list > li {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category.p-filter-panel-disabled.p-viewMode-compact .p-d77v2-filter {
display: none;
}
.p-d77v2-product-finder-for-category.p-filter-panel-disabled.p-viewMode-compact .p-products-list {
width: 100%;
}
.p-d77v2-product-finder-for-category .p-no-result-msg {
padding-top: 15px;
font-size: 14px;
display: none;
}
.p-d77v2-product-finder-for-category.p-no-results .p-no-result-msg {
display: inline-block;
padding-left: 0px;
}
.p-d77v2-product-finder-for-category.p-no-results .p-divider {
display: none;
}
.p-d77v2-product-finder-for-category.p-no-results.p-view-grid .p-no-result-msg {
padding-left: 22px;
}
.p-d77v2-product-finder-for-category .p-icon-arrow-left {
display: inline-block;
text-decoration: none;
padding-right: 5px;
}
.p-d77v2-product-finder-for-category .p-title {
padding-top: 20px;
margin-bottom: 20px;
padding-left: 0px;
}
.p-d77v2-product-finder-for-category .p-back-link-container {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category .p-options {
float: right;
position: relative;
z-index: 1;
}
.p-d77v2-product-finder-for-category .p-sorting-container {
padding-left: 10px;
float: right;
}
.p-d77v2-product-finder-for-category .p-sorting-container .p-sorting-dropdown {
float: left;
min-width: 100px;
}
.p-d77v2-product-finder-for-category .p-sorting-container .p-label {
line-height: 24px;
margin-right: 5px;
float: left;
margin-right: 0;
}
.p-d77v2-product-finder-for-category .p-sorting-container .p-select {
margin-left: 5px;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group {
padding-left: 0;
margin-top: 12px;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-group-title,
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-key {
cursor: pointer;
background: #e6e6e6;
float: left;
margin-right: 13px;
margin-bottom: 10px;
padding: 0px 10px 0px 10px;
border-radius: 2px 2px 2px 2px;
font-size: 12px;
border: 3px solid transparent;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-group-title:before,
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-key:before {
font-family: 'philips-global-icon-font';
font-style: normal;
content: "\e20f";
padding-right: 10px;
font-size: 9px;
color: #888b9c;
cursor: pointer;
}
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-group-title:hover,
.p-d77v2-product-finder-for-category .p-filter-summary .p-filter-group .p-filter-key:hover {
box-sizing: border-box;
background: #a6a6a6;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons {
float: right;
padding-top: 3px;
padding-right: 20px;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-label {
line-height: 24px;
margin: -2px 7px 0px 0px;
float: left;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon {
cursor: pointer;
display: inline-block;
width: 15px;
height: 20px;
float: left;
margin: -1px 4px 0px 4px;
color: #f3ebfa;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon span {
display: none;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon.p-grid-icon:hover,
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon.p-list:hover {
color: #7d0063;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon.p-list {
margin-right: 3px;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon.p-active {
cursor: default;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons .p-icon.p-active:after {
color: #7d0063;
}
.p-d77v2-product-finder-for-category .p-range-card {
word-break: break-all;
}
.p-d77v2-product-finder-for-category .p-range-card .p-title-container {
float: left;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-content {
padding-top: 14px;
min-height: 100px;
padding-bottom: 14px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-top-divider-container {
visibility: hidden;
}
.p-d77v2-product-finder-for-category .p-range-card img {
max-height: 100px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-title {
color: #000000;
word-break: normal;
margin-bottom: 14px;
display: inline-block;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-title:hover {
color: #7d0063;
text-decoration: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-sub-title {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
font-size: 21px;
font-weight: normal;
}
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn {
float: right;
cursor: pointer;
line-height: 64px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn:hover {
text-decoration: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn:hover .p-show-more,
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn:hover .p-show-less {
text-decoration: underline;
}
.p-d77v2-product-finder-for-category .p-range-card .p-num-family {
margin-bottom: 10px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-show-more {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-show-less {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-active-btn {
display: table-cell;
}
.p-d77v2-product-finder-for-category .p-range-card .p-icon-container {
display: table-cell;
padding-left: 10px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-icon-container .p-icon-up,
.p-d77v2-product-finder-for-category .p-range-card .p-icon-container .p-icon-down {
width: 26px;
height: 22px;
padding: 5px 5px 3px 5px;
text-align: center;
background: transparent;
border-radius: 2px;
}
.p-d77v2-product-finder-for-category .p-range-card a:hover .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-d77v2-product-finder-for-category .p-range-card a:hover .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-d77v2-product-finder-for-category .p-range-card .p-divider {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-divider {
border-bottom: 1px solid #f0f0f0;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-no-result,
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-title {
padding-left: 20px;
padding-top: 15px;
margin-bottom: 15px;
font-size: 17px;
word-break: break-word;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-no-result {
padding-bottom: 15px;
margin-bottom: 0px;
font-size: 14px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-family-container,
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-range-container {
padding-right: 20px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-family-container,
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-range-container {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-flyout-btn {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card .p-cat-childs .p-family-container {
padding-top: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-content {
width: 100%;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-content .p-range-title {
line-height: 60px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-image {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-num-family {
display: none;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-top-divider-container {
visibility: visible;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-divider-container {
padding-left: 20px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-divider-container .p-divider {
border-bottom: 1px solid #f0f0f0;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded li .p-divider-container {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded li .p-divider-container .p-divider-bold {
border-bottom: 2px solid #b390bb;
}
.p-d77v2-product-finder-for-category .p-valueladder {
position: absolute;
display: inline-block;
text-transform: capitalize;
margin: -40px 0 0 20px;
padding: 0 8px;
color: #fff;
font-size: 12px;
border-radius: 2px;
text-align: center;
}
.p-d77v2-product-finder-for-category .p-valueladder.grid {
margin: -40px 0;
}
.p-d77v2-product-finder-for-category .p-valueladder.good {
background: linear-gradient(to right, #ab46a4, #82236f);
}
.p-d77v2-product-finder-for-category .p-valueladder.better {
background: linear-gradient(to right, #5b8f22, #00693c);
}
.p-d77v2-product-finder-for-category .p-valueladder.best {
background: linear-gradient(to right, #0f2048, #0066a1);
}
.p-d77v2-product-finder-for-category .p-family-card {
word-break: break-all;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-content {
min-height: 140px;
padding: 25px 20px 20px 20px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-content .p-view-products-link {
display: block;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-content .wow__text {
display: block;
margin-top: 4px;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
line-break: strict;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-title {
display: inline-block;
margin-bottom: 0px;
color: #7d0063;
font-weight: normal;
overflow-wrap: break-word;
word-wrap: break-word;
word-break: normal;
line-break: strict;
hyphens: none;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-title:after {
overflow: visible;
color: #7d0063;
}
.p-d77v2-product-finder-for-category .p-family-card .p-num-products {
margin-bottom: 10px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-button-row {
margin-top: 20px;
text-align: left;
padding-left: 5px;
float: right;
padding-right: 37px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-download-btn {
float: right;
margin-right: 10px;
padding: 4px 15px 3px 15px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-link-more {
display: block;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner {
border: 2px solid #d5ddec;
margin-bottom: 25px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner:hover {
box-shadow: 0 3px 10px #d5ddec;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-image {
min-height: 142px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-image .p-ribbon-wrap {
top: 7px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-image.p-grid-item {
padding-left: 0;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section {
min-height: 150px;
position: relative;
border-left: 2px solid #d4ddeb;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section .p-download-wrapper {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
text-align: center;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section .p-download-wrapper .p-icon-pdf {
font-size: 24px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section .p-download-wrapper .p-download-leaflet {
vertical-align: super;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section .p-download-wrapper .p-view-downloads {
vertical-align: super;
}
.p-d77v2-product-finder-for-category .p-divider {
float: left;
}
.p-d77v2-product-finder-for-category.p-view-grid.p-viewMode-compact .p-product-finder-list > li {
padding-left: 24px;
padding-top: 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner {
padding: 0;
margin: 0;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-content {
min-height: 0px;
padding: 20px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-content .p-view-products-link {
color: #000000;
margin-top: 5px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-image {
min-height: 180px;
display: block;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-image img {
max-height: 180px;
display: table-cell;
margin: 0 auto;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-title {
min-height: 55px;
word-break: break-word;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card.p-range-card-expanded .p-card-inner {
border: 1px solid #88c8e3;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card.p-range-card-expanded .p-card-inner .p-range-content .p-range-title {
line-height: normal;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-content {
min-height: 0px;
padding-bottom: 0px;
padding-top: 10px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-content .p-flyout-btn {
line-height: inherit;
float: none;
font-size: 12px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-sub-title {
font-size: 14px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-title {
height: 60px;
width: 100%;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-title a {
max-height: 40px;
overflow: hidden;
margin-bottom: 0px;
height: auto;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-image {
min-height: 0px;
display: block;
text-align: center;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-range-image img {
max-height: 85px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card {
margin-bottom: 25px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner {
border: 2px solid #d5ddec;
cursor: pointer;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner .p-ribbon-wrap,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-ribbon-wrap {
left: auto;
top: auto;
margin-top: -13px;
margin-left: -14px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner:hover,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner:hover {
box-shadow: 0 3px 10px #d5ddec;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner .p-download-option,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-download-option {
text-align: center;
background-color: white;
border-top: 2px solid #d4ddeb;
padding: 25px 25px 25px 25px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner .p-download-option .p-icon-pdf,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-download-option .p-icon-pdf {
font-size: 24px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner .p-download-option .p-download-leaflet,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-download-option .p-download-leaflet {
vertical-align: bottom;
line-height: 32px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-range-card .p-card-inner .p-download-option .p-view-downloads,
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-download-option .p-view-downloads {
vertical-align: bottom;
line-height: 32px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container {
clear: both;
padding: 12px 0px 24px 24px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-popup-close {
text-align: right;
padding-top: 5px;
padding-right: 5px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs {
margin-left: 0px;
border: 1px solid #88c8e3;
padding: 10px 0px 0px 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-no-result {
padding-left: 15px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-family-card {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-family-card .p-card-inner {
border: 0px;
border-left: 1px solid #DDD;
padding-left: 24px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-family-card.p-first {
padding-left: 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-family-card.p-first .p-card-inner {
border: 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container .p-cat-childs .p-card-open {
width: 24px;
height: 37px;
background-image: url('../../philips/clientlibs/b2b-li-catalog/clientlibs-css/images/d772v2-arrow.png');
margin-top: -47px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-divider {
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter.p-hide-filter-panel {
visibility: hidden;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-results-title {
color: #7d0063;
line-height: 26px;
font-size: 17px;
padding-top: 13px;
padding-bottom: 13px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters {
margin: auto;
margin-bottom: 2px;
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter.p-bold {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter {
line-height: 29px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter a {
font-size: 13px;
margin-right: 15px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter .p-icon-close-02:after {
display: inline-block;
text-decoration: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter span {
font-size: 10px;
padding-left: 15px;
text-decoration: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-title-color {
color: #7d0063;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox {
float: left;
border-color: #be80b1;
margin-bottom: 14px;
margin-right: 10px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label {
padding-bottom: 13px;
line-height: 17px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label .p-checkbox {
vertical-align: middle;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label:first-child {
margin-top: 0px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label .p-checked + label {
font-family: centrale_sans_bold, tahoma, arial, helvetica, sans-serif;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label label {
font-family: centrale_sans_book, tahoma, arial, helvetica, sans-serif;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled {
cursor: default;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled .p-checkbox {
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
-webkit-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
color: #b9bbc7;
cursor: default;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled .p-checkbox:hover {
background-color: unset;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled .p-label {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
-webkit-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
color: #b9bbc7;
cursor: default;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled .p-label input,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-checkbox-label.p-disabled .p-label option {
cursor: default;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container {
position: relative;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container .p-slider-disabled {
position: absolute;
display: none;
height: 50px;
z-index: 10;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container .p-range .p-value-top {
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container label {
cursor: pointer;
display: table-cell;
font-size: 12px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-group-title {
padding-top: 8px;
padding-bottom: 6px;
color: #7d0063;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter {
clear: both;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn {
text-align: center;
padding-bottom: 13px;
padding-right: 5px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-more,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-less {
color: #7d0063;
position: relative;
text-align: center;
display: none;
cursor: pointer;
top: -5px;
font-size: 12px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-more span,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-less span {
display: inline-block;
text-decoration: none;
padding-right: 2px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-more.p-active,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-filter-flyout-btn .p-show-less.p-active {
display: block;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category.p-inverted .p-range-card .p-range-container a:hover .p-icon-up {
background-color: #7d0063;
color: #ffffff;
}
.p-d77v2-product-finder-for-category.p-inverted .p-range-card .p-range-container a:hover .p-icon-down {
background-color: #7d0063;
color: #ffffff;
}
.p-d77v2-product-finder-for-category.p-inverted .p-range-card .p-cat-childs {
background-color: rgba(243, 235, 250, 0.25);
}
.p-d77v2-product-finder-for-category.p-inverted .p-family-container .p-family-image,
.p-d77v2-product-finder-for-category.p-inverted .p-range-container .p-family-image,
.p-d77v2-product-finder-for-category.p-inverted .p-family-container .p-range-image,
.p-d77v2-product-finder-for-category.p-inverted .p-range-container .p-range-image {
background-color: #ffffff;
}
.p-d77v2-product-finder-for-category.p-inverted .p-divider {
border-bottom: 1px solid #f3ebfa;
}
.p-d77v2-product-finder-for-category.p-inverted .p-d77v2-filter {
background-color: rgba(243, 235, 250, 0.35);
}
.p-d77v2-product-finder-for-category.p-inverted .p-d77v2-filter .p-filter-container .p-checkbox {
border-color: #be80b1;
}
.p-d77v2-product-finder-for-category .p-inactive {
color: #b9bbc7;
pointer-events: none;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-webkit-opacity: 0.5;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50);
}
@media screen and (max-width: 450px) {
.p-d77v2-product-finder-for-category.p-viewMode-compact .p-range-image {
min-height: 100px;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons {
display: none;
}
.p-d77v2-product-finder-for-category .p-products-list {
margin-top: 30px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-content {
min-height: 57px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-right,
.p-d77v2-product-finder-for-category .p-range-card .p-right {
float: left;
padding-left: 0px;
text-align: left;
}
.p-d77v2-product-finder-for-category .p-family-card .p-flyout-btn,
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn {
line-height: 0px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-container .p-family-title {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-content .p-range-title {
line-height: 57px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter {
background-color: transparent;
padding-left: 0px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter.p-hide-filter-panel {
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter {
padding-left: 19px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-title-filter {
display: block;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd {
padding-top: 7px;
padding-bottom: 0px;
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd {
padding-left: 22px;
padding-right: 19px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt.p-active,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd.p-active {
background: #f6edf4;
display: block;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt .p-checkbox-label,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd .p-checkbox-label {
line-height: 20px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters {
display: block;
background: #f3ebfa;
color: #7d0063;
cursor: pointer;
padding-left: 19px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 26px;
font-size: 17px;
border-radius: 2px 2px 2px 2px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-hide-text:after {
content: "\e200";
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-show-text:after {
content: "\e201";
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-hide-text:after,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-show-text:after {
display: block;
position: absolute;
color: #7d0063;
font-family: 'philips-global-icon-font';
width: 14px;
height: 8px;
right: 30px;
margin-top: -25px;
}
.p-d77v2-product-finder-for-category {
padding-left: 10px;
padding-bottom: 210px;
}
}
@media print, screen and (min-width: 451px) and (max-width: 700px) {
.p-d77v2-product-finder-for-category.p-viewMode-compact .p-range-image {
min-height: 100px;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons {
display: none;
}
.p-d77v2-product-finder-for-category .p-products-list {
margin-top: 30px;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-content {
min-height: 57px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-right,
.p-d77v2-product-finder-for-category .p-range-card .p-right {
float: left;
padding-left: 0px;
text-align: left;
}
.p-d77v2-product-finder-for-category .p-family-card .p-flyout-btn,
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn {
line-height: 0px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-family-container .p-family-title {
margin-bottom: 0px;
}
.p-d77v2-product-finder-for-category .p-range-card-expanded .p-range-content .p-range-title {
line-height: 57px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter {
background-color: transparent;
padding-left: 0px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter.p-hide-filter-panel {
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-reset-filter {
padding-left: 19px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-slider-container {
padding-bottom: 16px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-filter-container .p-title-filter {
display: block;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd {
padding-top: 7px;
padding-bottom: 0px;
display: none;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd {
padding-left: 22px;
padding-right: 19px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt.p-active,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd.p-active {
background: #f6edf4;
display: block;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dt .p-checkbox-label,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-accordion dd .p-checkbox-label {
line-height: 20px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters {
display: block;
background: #f3ebfa;
color: #7d0063;
cursor: pointer;
padding-left: 19px;
padding-top: 13px;
padding-bottom: 13px;
line-height: 26px;
font-size: 17px;
border-radius: 2px 2px 2px 2px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-hide-text:after {
content: "\e200";
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-show-text:after {
content: "\e201";
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-hide-text:after,
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters .p-show-text:after {
display: block;
position: absolute;
color: #7d0063;
font-family: 'philips-global-icon-font';
width: 14px;
height: 8px;
right: 30px;
margin-top: -25px;
}
.p-d77v2-product-finder-for-category {
padding-left: 16px;
padding-bottom: 210px;
}
}
@media screen and (min-width: 961px) {
.p-d77v2-product-finder-for-category .p-header {
padding-left: 22px;
}
.p-d77v2-product-finder-for-category .p-product-finder-list > li > .p-card-inner {
padding-left: 20px;
}
.p-d77v2-product-finder-for-category .p-products-list {
margin-top: 0px;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dt {
padding-left: 0px;
background-color: transparent;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dt:after {
content: "";
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dd {
padding: 8px 20px 0px 0px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters {
margin: auto;
margin-bottom: 2px;
display: none;
}
.p-d77v2-product-finder-for-category {
padding-left: 22px;
padding-bottom: 110px;
margin-top: 50px;
}
}
@media screen and (min-width: 701px) and (max-width: 960px) {
.p-d77v2-product-finder-for-category .p-header {
padding-left: 22px;
}
.p-d77v2-product-finder-for-category .p-product-finder-list > li > .p-card-inner {
padding-left: 20px;
}
.p-d77v2-product-finder-for-category .p-products-list {
margin-top: 0px;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dt {
padding-left: 0px;
background-color: transparent;
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dt:after {
content: "";
}
.p-d77v2-product-finder-for-category.p-nonaccordionMode .p-filter-container dd {
padding: 8px 20px 0px 0px;
}
.p-d77v2-product-finder-for-category .p-d77v2-filter .p-toggle-filters {
margin: auto;
margin-bottom: 2px;
display: none;
}
.p-d77v2-product-finder-for-category {
padding-left: 16px;
padding-bottom: 110px;
margin-top: 50px;
}
.p-d77v2-product-finder-for-category .p-category-filter-container {
margin-top: -20px;
width: 100%;
}
.p-d77v2-product-finder-for-category .p-view-mode-buttons {
clear: both;
padding-right: 0;
padding-top: 0;
}
.p-d77v2-product-finder-for-category .p-range-card .p-range-container .p-num-family .p-child-count {
word-break: initial;
}
.p-d77v2-product-finder-for-category .p-range-card .p-flyout-btn {
line-height: 0px;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-cat-childs-container {
max-width: 516px;
}
.p-d77v2-product-finder-for-category.p-view-grid.p-no-results .p-no-result-msg {
padding-left: 16px;
}
.p-d77v2-product-finder-for-category > .p-options {
display: flex;
z-index: 1;
flex-direction: row-reverse;
align-items: center;
}
}
@media screen and (max-width: 700px) {
.p-d77v2-product-finder-for-category {
margin-top: 70px;
}
.p-d77v2-product-finder-for-category .p-category-filter-container {
margin-top: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container.p-accordion {
margin-left: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item {
padding-left: 0;
width: 100%;
margin-bottom: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown {
height: 40px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter {
line-height: 40px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-title-filter:after {
line-height: 40px;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options {
top: 42px;
width: 100%;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-filter-item .p-dropdown .p-dropdown-options .p-checkbox-label {
line-height: unset;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-container .p-reset-filter {
padding-left: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-summary {
margin-left: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-summary .p-reset-filter {
padding-left: 0;
}
.p-d77v2-product-finder-for-category .p-filter-container-holder .p-filter-summary .p-reset-filter .p-reset-filter__link {
float: left;
width: fit-content;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner {
padding-left: 0;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-image {
padding: 0;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-image img {
left: 50%;
display: block;
position: absolute;
transform: translateX(-50%);
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section {
border-top: 2px solid #d5ddec;
border-left: 0;
min-height: 150px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-download-section .p-download-wrapper {
min-width: 250px;
}
.p-d77v2-product-finder-for-category .p-family-card .p-card-inner .p-family-content .wow__text {
display: none;
}
.p-d77v2-product-finder-for-category.p-view-grid .p-family-card .p-card-inner .p-family-image img {
all: unset;
}
}
/*
Local variables
---------------------------*/
.p-p78-product-overview {
padding-left: 0px;
}
.p-p78-product-overview .p-price-info-wrapper {
margin-top: 0;
}
.p-p78-product-overview .p-image-container {
position: relative;
}
.p-p78-product-overview .p-logo-image-container {
top: 0px;
right: 1px;
position: absolute;
}
.p-p78-product-overview .p-heading-02 {
margin-bottom: 17px;
}
.p-p78-product-overview .p-download-container .p-see-all-downloads {
padding-top: 10px;
}
.p-p78-product-overview .p-download-container .p-download-title {
float: left;
}
.p-p78-product-overview .p-download-leaflet-container {
clear: both;
}
.p-p78-product-overview .p-download-icon {
float: left;
margin-top: 7px;
margin-right: 25px;
font-size: 32px;
color: #7d0063;
}
.p-p78-product-overview .p-size-text {
float: left;
max-width: 150px;
}
.p-p78-product-overview .p-see-all-downloads-container {
margin-top: 10px;
}
.p-p78-product-overview .p-see-all-downloads-container .p-link-more {
display: inline-flex;
}
.p-p18v2-pex-area .p-thumbstrip .p-slider-inner {
padding-top: 1px;
padding-bottom: 1px;
}
/*
Min Width 451
---------------------------*/
/*
Min Width 701
---------------------------*/
@media print, screen and (min-width: 451px) {
.p-download-leaflet-container .p-grid-item .p-installation {
margin-top: 0px;
}
.p-download-leaflet-container .p-download-icon {
margin-right: 10px;
}
}
@media screen and (min-width: 701px) {
.p-download-leaflet-container .p-download-icon {
margin-right: 10px;
}
}
@media screen and (max-width: 700px) {
.p-p78-product-overview {
padding-top: 16px;
}
.p-p78-product-overview .overview-codes {
display: block;
margin-top: 10px;
margin-bottom: 0;
}
.p-p78-product-overview .p-button-conversion {
width: 100%;
margin-left: 0px;
}
.p-p78-product-overview .p-download-container .p-heading-03 {
margin-bottom: 0;
}
.p-p78-product-overview .p-download-leaflet-container {
margin-bottom: 10px;
}
.p-p78-product-overview .p-download-leaflet-container .p-grid-item {
margin-top: 16px;
}
.p-p78-product-overview .p-download-leaflet-container .p-grid-item .p-leaflet {
margin-top: 0px;
}
}
/*
Local variables
---------------------------*/
.p-st74-product-downloads .p-heading-title {
margin-bottom: 15px;
}
.p-st74-product-downloads .p-chapter-title {
margin-bottom: 9px;
margin-top: 13px;
}
.p-st74-product-downloads .p-chapter-title .p-horizontal-line {
height: 2px;
margin-bottom: 5px;
margin-top: 6px;
color: #cccccc;
}
.p-st74-product-downloads .p-download-list .download {
display: none;
}
.p-st74-product-downloads .p-download-list li {
padding-bottom: 10px;
padding-top: 2px;
}
.p-st74-product-downloads .p-download-list li .p-download-icon {
float: left;
margin: 10px 38px 10px 12px;
font-size: 32px;
color: #7d0063;
}
.p-st74-product-downloads .p-download-list li .p-download-details {
display: table-cell;
}
.p-st74-product-downloads .p-download-list li .p-download-details .p-download-title {
display: block;
}
.p-st74-product-downloads .p-download-list li .p-download-details .p-download-size {
display: block;
padding-top: 2px;
}
.st74-downloads-popup .p-popup-content-wrapper .p-scrollable-content {
display: flex;
flex-direction: column;
align-items: center;
}
.st74-downloads-popup .p-popup-content-wrapper .p-scrollable-content .p-submit-box {
display: flex;
}
.st74-downloads-popup .p-popup-content-wrapper .p-scrollable-content .p-submit-box .download-button:hover {
color: #dbcfe9;
}
.st74-downloads-popup .p-main-preloader .additional-information-text {
display: none;
}
.st74-downloads-popup .p-main-preloader .additional-information-text.active {
display: block;
text-align: center;
}
.st74-downloads-popup .p-preloader.p-large {
margin: 20px auto;
}
.st74-downloads-popup .p-preloader-description {
margin: 0 auto;
text-align: center;
width: 100%;
}
.st74-downloads-popup .p-confirmation .p-grid-item:first-child p {
margin-bottom: 15px;
}
.st74-downloads-popup .p-confirmation .p-grid-item:nth-child(2) {
text-align: center;
}
.st74-downloads-popup .p-confirmation .p-grid-item:nth-child(2) .p-confirm-button {
width: auto;
}
.st74-downloads-popup .p-download-now-wrapper {
display: none;
}
.st74-downloads-popup .p-download-now-loader {
display: block;
}
.st74-downloads-popup .p-download-now-loader .p-preloader {
margin: 10px auto;
}
@media screen and (min-width: 701px) {
.st74-downloads-popup .p-preloader-description {
width: 500px;
}
}
/*
Local variables
---------------------------*/
.p-p76-photometrics-and-installation-diagrams .p-heading-03 {
margin-bottom: 0px;
margin-top: 22px;
}
.p-p76-photometrics-and-installation-diagrams > div:first-child .p-heading-03 {
margin-top: 0px;
}
.p-p76-photometrics-and-installation-diagrams .p-horizontal-line {
display: block;
margin-bottom: 17px;
margin-top: 2px;
height: 2px;
color: #cccccc;
}
.p-p76-photometrics-and-installation-diagrams .p-heading-05 {
margin-bottom: 34px;
}
.p-p76-photometrics-and-installation-diagrams .p-open-popup {
display: block;
overflow: hidden;
position: relative;
max-width: 140px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #3c3c3c;
padding: 1px 1px 1px 1px;
}
.p-p76-photometrics-and-installation-diagrams .p-spad-thumbnail {
display: block;
overflow: hidden;
position: relative;
max-width: 140px;
margin-bottom: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #3c3c3c;
padding: 1px 1px 1px 1px;
}
.p-p76-photometrics-and-installation-diagrams .p-zoom-icon {
background-color: #42145f;
color: #ffffff;
position: absolute;
border-radius: 2px 2px 2px 2px;
height: 14px;
right: 5px;
padding: 2px 6px 10px 6px;
top: 5px;
width: 14px;
}
.p-p76-photometrics-and-installation-diagrams .p-grid-item {
padding-bottom: 0px;
}
.p-p76-photometrics-and-installation-diagrams.p-inverted .p-open-popup {
border: 1px solid #ffffff;
}
.p-p76-photometrics-and-installation-diagrams.p-inverted .p-zoom-icon {
background-color: #ffffff;
color: #42145f;
}
.p-p76-photometrics-and-installation-diagrams .p-ies-document-icon {
float: left;
line-height: 2px;
}
.p-p76-photometrics-and-installation-diagrams .p-size-text {
margin-left: 22px;
}
.p-p76-photometrics-and-installation-diagrams .p-photometric-diagram-title {
margin-bottom: 7px;
word-break: break-all;
}
.mfp-bg {
z-index: 6009;
}
.mfp-wrap {
z-index: 6010;
}
.mfp-content .p-zoom-wrapper {
background-color: #ffffff;
width: 700px;
height: 480px;
margin: auto;
padding: 38px 15px 33px 15px;
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
}
.mfp-content .p-zoom-wrapper .p-zoom-content {
height: 100%;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoominbutton {
cursor: pointer;
background-image: none;
font-size: 30px;
position: absolute;
left: 4px;
width: 28px;
height: 28px;
bottom: -32px;
z-index: 1;
color: #7d0063;
background-color: transparent;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoominbutton:after {
display: block;
text-align: center;
content: "\2b";
border-radius: 2px;
padding: 1px 1px 1px 1px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoominbutton:hover:after {
color: #ffffff;
background-color: #7d0063;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomoutbutton {
cursor: pointer;
background-image: none;
font-size: 30px;
position: absolute;
left: 34px;
width: 28px;
height: 28px;
bottom: -32px;
z-index: 1;
color: #7d0063;
background-color: transparent;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomoutbutton:after {
display: block;
text-align: center;
content: "\2212";
border-radius: 2px;
padding: 1px 1px 1px 1px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomoutbutton:hover:after {
color: #ffffff;
background-color: #7d0063;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomresetbutton {
cursor: pointer;
background-image: none;
font-size: 14px;
position: absolute;
left: 64px;
width: 28px;
height: 28px;
bottom: -32px;
z-index: 1;
color: #7d0063;
background-color: transparent;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomresetbutton:after {
font-family: "philips-global-icon-font";
font-style: normal;
display: block;
text-align: center;
content: "\e206";
border-radius: 2px;
padding: 1px 1px 1px 1px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7zoomresetbutton:hover:after {
color: #ffffff;
background-color: #7d0063;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7fullscreenbutton {
cursor: pointer;
background-image: none;
font-size: 14px;
position: absolute;
right: 4px;
width: 28px;
height: 28px;
bottom: -32px;
z-index: 1;
color: #7d0063;
background-color: transparent;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7fullscreenbutton:after {
font-family: "philips-global-icon-font";
font-style: normal;
display: block;
text-align: center;
content: "\e205";
border-radius: 2px;
padding: 1px 1px 1px 1px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .s7fullscreenbutton:hover:after {
color: #ffffff;
background-color: #7d0063;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .p-photometrics-download-link {
position: absolute;
right: 42px;
bottom: -29px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .p-icon-download:after {
font-family: 'philips-global-icon-font';
content: "\e229";
}
.mfp-content .p-zoom-wrapper .p-zoom-content .s7basiczoomviewer .p-icon-download:before {
content: "";
padding-right: 5px;
color: #7d0063;
text-decoration: none;
display: inline-block;
}
.mfp-content .p-zoom-wrapper .s7tooltip {
display: none;
}
.mfp-content .p-zoom-wrapper .p-popup-close {
z-index: 2;
top: 3px;
}
.mfp-content .p-zoom-wrapper .p-popup-close .p-square:after {
padding-top: 12px;
}
.mfp-content .p-zoom-wrapper .p-popup-close .mfp-close {
line-height: 0px;
padding: 0px 0px 0px 0px;
color: #7d0063;
width: 26px;
height: 26px;
}
/*
Max Width: 700
-------------------------*/
@media screen and (max-width: 450px) {
.mfp-content .p-zoom-wrapper .s7fullscreenbutton,
.mfp-content .p-zoom-wrapper .s7zoominbutton,
.mfp-content .p-zoom-wrapper .s7zoomoutbutton,
.mfp-content .p-zoom-wrapper .s7zoomresetbutton {
display: none;
}
.mfp-content .p-zoom-wrapper .p-zoom-content .p-photometrics-download-link {
display: none;
}
}
@media screen and (max-width: 700px) {
.mfp-content .p-zoom-wrapper {
width: 100%;
height: 100%;
margin-top: 0px;
padding-left: 0px;
}
.mfp-content .p-zoom-wrapper .p-popup-close {
display: block;
right: 20px;
}
.mfp-content .p-zoom-wrapper .p-zoom-content {
height: 100%;
max-height: 460px;
}
}
@media screen and (min-width: 701px) {
.p-p76-photometrics-and-installation-diagrams {
display: block;
}
}
@media screen and (min-width: 961px) {
.p-p76-photometrics-and-installation-diagrams .p-grid-item {
padding-bottom: 0px;
}
}
/*
Defaults
---------------------------*/
.p-pc80-family-tab-with-grid .p-picture img {
max-width: 100%;
max-height: 320px;
}
.p-pc80-family-tab-with-grid .p-accordion-header.p-active .p-tab-button {
padding-bottom: 5px;
}
/*
Local variables
---------------------------*/
.p-overlay-container {
position: absolute;
z-index: 9012;
height: 100%;
width: 100%;
display: none;
}
.p-overlay-container .p-overlay-content {
margin-top: 40px;
background-color: #ffffff;
min-height: 100%;
}
.p-overlay-container .p-overlay-content .p-overlay-content-inner {
margin: 0px 10px 0px 10px;
padding-top: 10px;
max-width: 960px;
}
.p-overlay-container .p-overlay-content .p-overlay-content-inner .p-top-bar {
padding-top: 10px;
margin-bottom: 10px;
}
.p-overlay-container .p-overlay-content .p-overlay-content-inner .overview .p-gc13v2-genericimage {
padding-left: 0px;
padding-right: 0px;
}
.p-overlay-container .p-overlay-content .p-overlay-content-inner .p-item-top {
padding: 5px 0px 5px 19px;
color: #ffffff;
}
.p-overlay-container .p-overlay-content .p-overlay-content-inner .p-item-top .p-back {
float: right;
z-index: 5;
background-color: rgba(0, 0, 0, 0.4);
padding: 4px 10px 4px 10px;
margin-top: -5px;
}
.p-n19-tabcontainer {
margin: 0 auto;
max-width: 960px;
padding: 0px 10px 0px 10px;
}
.p-n19-categorizedlistofpages.colored-tiles {
background: #ffffff;
}
@media screen and (min-width: 701px) {
.p-overlay-container .p-overlay-content .p-overlay-content-inner {
margin-left: auto;
margin-right: auto;
padding-top: 0px;
}
.p-n19-categorizedlistofpages .p-tab-container > li > a:hover {
opacity: .8;
}
}
.p-t03-tools .p-tools-item {
height: 45px;
background-clip: content-box;
background-color: #d3deed;
margin-bottom: 1px;
}
.p-t03-tools .p-tools-item .p-tools-item-link {
line-height: 45px;
margin-left: 20px;
}
.p-t03-tools .p-tools-item .p-icon-arrow-right {
float: right;
margin-right: 20px;
line-height: 45px;
}
.p-p91-scroll-to-anchor {
display: none;
}
@media screen and (min-width: 961px) {
.p-p91-scroll-to-anchor {
float: left;
display: flex;
align-items: center;
justify-content: space-evenly;
height: 86px;
width: 40%;
text-align: center;
}
.p-p91-scroll-to-anchor .p-link {
display: flex;
width: 30%;
white-space: nowrap;
}
.p-p91-scroll-to-anchor .p-link a {
color: #42145f;
}
.p-p91-scroll-to-anchor .p-link.related__scroll,
.p-p91-scroll-to-anchor .p-link.accessories__scroll {
display: none;
}
}
.d78-brands-navigation {
background-color: #F5F6FA;
}
.d78-brands-navigation .p-d78-brands-navigation {
max-width: 960px;
margin: 0 auto;
padding-top: 75px;
padding-bottom: 75px;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper {
width: 23%;
margin-top: 25px;
margin-right: 2%;
transition: all;
position: relative;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 0;
background-color: white;
text-align: center;
transform-origin: 50% 10%;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper .p-brand-item {
width: 80%;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper .p-brand-item .p-brand-image {
width: 150px;
height: auto;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper .p-brand-item .p-brand-description {
visibility: hidden;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper:hover {
z-index: 10;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
transform: scale(1.2, 2);
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper:hover .p-brand-description {
visibility: visible;
}
.d78-brands-navigation .p-d78-brands-navigation .p-brand-item-wrapper:hover * {
transform: scale(0.8, 0.5);
}
/*
Defaults
---------------------------*/
.abstract-card-carousel {
padding-left: 10px;
display: block;
padding-top: 54px;
}
.abstract-card-carousel .p-thumbstrip {
padding-right: 0px;
padding-left: 0px;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev,
.abstract-card-carousel .p-thumbstrip .p-nav-next {
font-size: 17px;
width: 15px;
font-weight: bold;
position: absolute;
height: 130px;
bottom: 0;
vertical-align: middle;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev.p-active i,
.abstract-card-carousel .p-thumbstrip .p-nav-next.p-active i {
color: #7d0063;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev i,
.abstract-card-carousel .p-thumbstrip .p-nav-next i {
color: #888b9c;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev {
left: 0px;
}
.abstract-card-carousel .p-thumbstrip .p-nav-next {
right: 0;
}
.abstract-card-carousel .p-thumbstrip .p-card-item {
cursor: pointer;
margin-bottom: 20px;
margin-top: 7px;
text-align: left;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-card-title {
margin-top: 4px;
margin-bottom: 2px;
height: 40px;
font-size: 14px;
line-height: 18px;
color: #7d0063;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
letter-spacing: 0;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-card-title:hover {
text-decoration: underline;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-card-description {
font-size: 14px;
white-space: normal;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-picture {
height: auto;
border: 1px solid #cccedb;
background: #ffffff;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-picture:hover {
border: 1px solid #7d0063;
}
.abstract-card-carousel .p-thumbstrip .p-card-item .p-link-more {
font-size: 14px;
border: 0;
}
@media screen and (max-width: 700px) {
.abstract-card-carousel .p-thumbstrip .p-card-item {
width: 33%;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev,
.abstract-card-carousel .p-thumbstrip .p-nav-next {
display: none;
}
}
@media screen and (min-width: 701px) {
.abstract-card-carousel .p-thumbstrip .p-card-item {
width: 33%;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev,
.abstract-card-carousel .p-thumbstrip .p-nav-next {
top: 70px;
}
}
@media screen and (min-width: 961px) {
.abstract-card-carousel .p-thumbstrip .p-card-item {
width: 12%;
}
.abstract-card-carousel .p-thumbstrip .p-nav-prev,
.abstract-card-carousel .p-thumbstrip .p-nav-next {
top: 0;
}
}
.d79-accessories {
padding: 0;
}
.d79-accessories .p-card-item .p-link-more,
.d79-accessories .p-card-item .p-card-description {
visibility: hidden;
height: 0;
}
.d79-accessories .p-card-title:after {
content: "\203a";
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
margin-left: 5px;
}
.d79-accessories .p-thumbstrip .p-slider-wrapper {
margin-left: 24px;
}
.d79-accessories .p-heading-02 {
margin-left: 25px;
}
.category-description-component .category-description-container {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 auto;
position: relative;
transition: opacity 300ms;
padding: 54px 0;
}
.category-description-component .category-description-container .category-description-positioning {
margin: 0 auto;
max-width: 960px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.category-description-component .category-description-container .category-description-positioning:after {
content: "";
display: table;
clear: both;
}
.category-description-component .category-description-container .category-description-content .category-description-picture {
text-align: center;
}
@media screen and (max-width: 960px) {
.category-description-component .category-description-container {
padding: 34px 0;
}
.category-description-component .category-description-container .category-description-text {
margin: 15px 15px 0;
}
}
.value-ladder {
max-width: 960px;
margin: 0 auto;
}
.value-ladder-section {
font-family: centrale_sans_xbold, tahoma, arial, helvetica, sans-serif;
--col-count-ladders: 1;
--color-value: #7D0063;
--color-choice: #5E9002;
--color-solution: #0066A1;
display: flex;
justify-content: space-between;
margin-bottom: 60px;
margin-top: 10px;
}
.value-ladder-section > div {
display: flex;
flex-flow: column;
width: 305px;
transition: .5s;
}
.value-ladder-section strong {
color: #ffffff;
padding: 0.625rem;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
/* the outer list */
.value-ladder-section dl {
height: 100%;
margin: 0 0 1.25rem;
padding: 0.9375rem;
border-radius: 0px 0px 2px 2px;
}
.value-ladder-section .value dl {
border: 1px solid var(--color-value);
color: var(--color-value);
}
.value-ladder-section .choice dl {
border: 1px solid var(--color-choice);
color: var(--color-choice);
}
.value-ladder-section .solution dl {
border: 1px solid var(--color-solution);
color: var(--color-solution);
}
/* list - label */
.value-ladder-section dt {
color: #000000;
font-weight: 700;
line-height: 22px;
margin-bottom: 5px;
}
/* list - description */
.value-ladder-section dd {
margin: 0 0 0.9375rem;
min-height: 2.8125rem;
word-break: break-word;
}
/* list - headline background, of each value item */
.value-ladder-section .value strong {
background: linear-gradient(270deg, #82226f 0%, #a945a2 100%);
}
.value-ladder-section .choice strong {
background: linear-gradient(270deg, #05693b 0%, #5a8e23 100%);
}
.value-ladder-section .solution strong {
background: linear-gradient(270deg, #0364a0 0%, #0f2049 100%);
}
.value-ladder-section .value,
.value-ladder-section .choice {
margin-right: 10px;
}
/* SVG - sizing */
.value-ladder-section svg {
height: 22px;
width: 22px;
}
/* SVG - fill color for individual value ladder SVG's */
.value-ladder-section .value .performance-grade svg,
.value-ladder-section .value .price-grade svg {
fill: var(--color-value);
}
.value-ladder-section .choice .performance-grade svg,
.value-ladder-section .choice .price-grade svg {
fill: var(--color-choice);
}
.value-ladder-section .solution .performance-grade svg,
.value-ladder-section .solution .price-grade svg {
fill: var(--color-solution);
}
.performance-grade,
.price-grade {
display: flex;
}
/* SVG - neutral color */
.performance-grade.v-1 > svg:nth-child(n+2),
.price-grade.v-1 > svg:nth-child(n+2),
.performance-grade.v-2 > svg:nth-child(n+3),
.price-grade.v-2 > svg:nth-child(n+3),
.performance-grade.v-3 > svg:nth-child(n+4),
.price-grade.v-3 > svg:nth-child(n+4),
.performance-grade.v-4 > svg:nth-child(n+5),
.price-grade.v-4 > svg:nth-child(n+5),
.performance-grade.v-5 > svg:nth-child(n+6),
.price-grade.v-5 > svg:nth-child(n+6) {
fill: #dedede;
}
/* MEDIA QUERIES */
@media (max-width: 960px) {
.value-ladder-section {
padding: 20px;
}
.value-ladder-section > div {
min-width: 220px;
height: 387px;
font-size: 12px;
}
.value-ladder-section dl {
overflow: hidden;
}
.value-ladder-section strong {
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width: 701px) {
.value-ladder-section {
flex-direction: column;
padding: 15px;
}
.value-ladder-section > div {
margin-right: 0px;
width: 100%;
height: auto;
}
.value-ladder-section dd {
margin: 0 0 0.9375rem;
min-height: auto;
word-break: break-word;
}
}
/* B2B-LI-GENERAL-CLIENTLIB */
/*
Local variables
---------------------------*/
.p-st07-virtual-assistant #etva .etva-output-wrapper {
background: #7d0063;
background: -moz-linear-gradient(#7d0063 0, #631d76 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #7d0063), color-stop(100%, #631d76));
background: -webkit-linear-gradient(#7d0063 0, #631d76 100%);
background: -o-linear-gradient(#7d0063 0, #631d76 100%);
background: -ms-linear-gradient(#7d0063 0, #631d76 100%);
background: linear-gradient(#7d0063 0, #631d76 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7d0063, endColorstr=#631d76, GradientType=0);
}
.p-st07-virtual-assistant #etva .etquestionbar {
background-color: #7d0063;
border-bottom: 1px solid #b390bb;
}
.p-st07-virtual-assistant #etva .etva-input-wrapper .ettitle {
color: #631d76;
}
.p-st07-virtual-assistant #etva .etva-input-wrapper .etinput .etinputcontainer .etinputbox {
color: #631d76;
}
.p-st07-virtual-assistant #etva .etva-input-wrapper .etinput .etinputcontainer .etsubmit {
background-color: #7d0063;
}
.p-st07-virtual-assistant #etva .etoutput .etoutputbox a {
color: #dbcfe9;
}
.p-st07-virtual-assistant #etva .etoutput .etoutputbox ul.etdialogoptions li a:hover {
color: #dbcfe9;
}
.p-st07-virtual-assistant #etva .etoutput .arrow:hover:before {
border-color: transparent transparent transparent #dbcfe9;
}
.p-st07-virtual-assistant #etva .etoutput .etfeedbackbox {
color: #b390bb;
}
.p-st07-virtual-assistant #etva .ettext-bubble {
background: #7d0063;
background: -moz-linear-gradient(#7d0063 0, #631d76 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #7d0063), color-stop(100%, #631d76));
background: -webkit-linear-gradient(#7d0063 0, #631d76 100%);
background: -o-linear-gradient(#7d0063 0, #631d76 100%);
background: -ms-linear-gradient(#7d0063 0, #631d76 100%);
background: linear-gradient(#7d0063 0, #631d76 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7d0063, endColorstr=#631d76, GradientType=0);
}
/*
Local variables
---------------------------*/
/*
Defaults
---------------------------*/
.p-f10-footer-container {
color: #ffffff;
background-color: #ca00a0;
background-repeat: repeat-x;
background: -webkit-linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* Chrome10+, Safari5.1+ */
background: linear-gradient(to bottom right, #310026 0%, #7d0063 50%, #ca00a0 100%);
/* W3C */
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
/* IE8+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff310026', endColorstr='#ffca00a0', GradientType=0);
}
.p-f10-footer-container .p-footer {
margin: 0 auto;
max-width: 960px;
position: relative;
}
.p-f10-footer-container .p-footer > div {
margin-left: 0px;
padding: 5px 58px 0px 58px;
}
.p-f10-footer-container .p-footer .p-footer-social {
padding-top: 50px;
}
.p-f10-footer-container .p-footer .p-lighting-logo-container {
padding-left: 20px;
padding-right: 20px;
padding-top: 46px;
}
.p-f10-footer-container .p-footer .p-footer-select {
text-align: right;
padding-top: 50px;
}
.p-f10-footer-container .p-footer .p-grid-item {
min-height: 1px;
}
.p-f10-footer-container .p-footer .p-grid-item .p-body-copy-02 {
color: #b390bb;
}
.p-f10-footer-container .p-footer .gc23v2-icon.section {
display: inline-block;
}
.p-f10-footer-container .p-footer .p-gc23v2-icon {
float: none;
display: inline;
}
.p-f10-footer-container .p-footer .p-gc23v2-icon:after {
display: inline;
}
.p-f10-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #ffffff;
}
.p-f10-footer-container .p-footer .n05-selectcountry output i:after {
font-size: 8px;
}
.p-f10-footer-container .p-main-footer-about {
padding-top: 30px;
}
.p-f10-footer-container .p-main-footer-about a {
color: #ffffff;
}
.p-f10-footer-container .p-i18-internationalizationitem {
padding-bottom: 50px;
}
@media screen and (max-width: 700px) {
.p-f10-footer-container .p-footer {
overflow: visible;
padding: 0px 0px 25px 0px;
}
.p-f10-footer-container .p-footer > div {
position: relative;
padding-top: 107px;
}
.p-f10-footer-container .p-footer .p-footer-social {
padding-top: 0px;
}
.p-f10-footer-container .p-footer .p-lighting-logo-container {
position: absolute;
height: 60px;
left: 0px;
top: 0px;
padding-top: 30px;
}
.p-f10-footer-container .p-footer .p-footer-select {
margin-top: 28px;
padding-top: 0px;
}
.p-f10-footer-container .p-footer .p-grid-item {
text-align: center;
}
.p-f10-footer-container .p-footer .p-gc23v2-icon i:after {
font-size: 32px;
line-height: 42px;
}
}
.p-rtl .p-footer-select {
text-align: left !important;
}
/*
Inverted styles
---------------------------*/
.p-inverted.p-f10-footer-container {
background: #ffffff;
color: #0089c4;
filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
}
.p-inverted.p-f10-footer-container .p-footer .p-gc23v2-icon a i:after {
color: #7d0063;
}
.p-inverted.p-f10-footer-container .p-footer .p-body-copy-02 {
color: #3c3c3c;
}
.p-inverted.p-f10-footer-container .p-footer .n05-selectcountry output,
.p-inverted.p-f10-footer-container .p-footer .n06-selectsite output {
color: #7d0063;
}
.p-inverted.p-f10-footer-container .p-main-footer-about a {
color: #7d0063;
}
.p-inverted.p-f10-footer-container .p-i18-internationalizationitem,
.p-inverted.p-f10-footer-container .p-footer-country {
color: #5d5d5d;
}
.p-inverted.p-f10-footer-container .p-n14-link-list.horizontal .p-text {
border-color: #5d5d5d;
}
/* Mixins COLORS for WTB ---------------------- */
/* Mixins for Flex ---------------------- */
/* REMS */
/*
borders
*/
/*
padding mixins
*/
/*
margin mixins
*/
/* Variables */
/* se02 */
/* se03 */
/* se05 */
/* se06 */
/* se07 */
/* se09 */
/* se10 */
/* se12 */
/* n42 */
/* Variables */
/* Variables */
/**
* Purple Theme
---------------------------------------- */
.search-box__wrapper .se20-search-box {
background-color: #0066a1;
}
.search-box__wrapper .se20-search-box .se20__input-field--magnifying-glass:after {
content: '\e209';
}
@media screen and (min-width: 961px) {
.p-n30-header .p-logo-wrapper {
position: absolute;
z-index: 1000;
}
.p-n30-header.search-flyout .p-nav-wrapper,
.p-n30-header.search-flyout .p-quicklinks-wrapper {
display: none;
}
.search-box__wrapper {
width: 100%;
height: 0;
z-index: 10;
}
.search-box__wrapper .se20-search-box {
align-items: normal;
}
.search-box__wrapper .se20-search-box .se20__input-wrapper {
margin-top: 140px;
}
.search-box__wrapper .se20-search-box .se20__input-field {
width: 950px;
}
.search-box__wrapper .se20-search-box--show {
height: 300px;
}
.search-box__wrapper .se20-search-box--static {
height: 300px;
}
.search-box__wrapper .se20-search-box--modified-height {
height: 550px;
}
.search-box__wrapper .se21-search-suggestions {
top: 265px;
}
.se22-search-results {
padding-top: 240px;
}
}
@media screen and (max-width: 960px) {
.search-box__wrapper {
margin-top: 70px;
}
}
/*
* Place local theme specific code in here.
* Do not include the /site/all, this contains overridden variables.
*/
/*
B2B_LI theme - Purple
---------------------------*/
/* For Footer */
/*Component specific variables*/
/*----PC75-----*/
/*----P84-----*/
/*----D75----*/
/*----st74----*/
/*----GC11V3----*/
/*----N14----*/
/*----N17----*/
/*Template - Familypage */
.search-box__wrapper .se20-search-box {
background-color: #0066a1;
}
.search-box__wrapper .se20-search-box .se20__input-field--magnifying-glass:after {
content: '\e209';
}
@media screen and (min-width: 961px) {
.p-n30-header .p-logo-wrapper {
position: absolute;
z-index: 1000;
}
.p-n30-header.search-flyout .p-nav-wrapper,
.p-n30-header.search-flyout .p-quicklinks-wrapper {
display: none;
}
.search-box__wrapper {
width: 100%;
height: 0;
z-index: 10;
}
.search-box__wrapper .se20-search-box {
align-items: normal;
}
.search-box__wrapper .se20-search-box .se20__input-wrapper {
margin-top: 140px;
}
.search-box__wrapper .se20-search-box .se20__input-field {
width: 950px;
}
.search-box__wrapper .se20-search-box--show {
height: 300px;
}
.search-box__wrapper .se20-search-box--static {
height: 300px;
}
.search-box__wrapper .se20-search-box--modified-height {
height: 550px;
}
.search-box__wrapper .se21-search-suggestions {
top: 265px;
}
.se22-search-results {
padding-top: 240px;
}
}
@media screen and (max-width: 960px) {
.search-box__wrapper {
margin-top: 70px;
}
}
.p-header__target .p-shadow-background {
z-index: 20;
height: 86px;
background-image: linear-gradient(#7d0063 48px, #631d76 48px);
}
.search-box__wrapper .se20-search-box {
background-color: #631d76;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list {
height: 32px;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list ul.p-grid li {
margin-right: 34px;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list ul.p-grid li.active a {
padding-bottom: 14px;
border-bottom-width: 1px;
}
.p-n30-header .p-nav-wrapper .p-n14-link-list .p-external-link:after {
font-size: 12px;
}
.p-n30-header .p-nav-wrapper .p-main-entries .p-main-entry .p-submenu {
margin-top: 7px;
}
@media screen and (max-width: 960px) {
.p-header__target .p-shadow-background {
height: 49px;
}
.search-box__wrapper {
margin-top: 48px;
}
.p-ql01-search .p-icon-magnifier:after {
color: #ffffff;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu span {
background: #ffffff;
}
.p-n30-header .p-quicklinks-wrapper .p-hamburger-menu.open span {
background: #000000;
}
.p-n30-header .p-n14-link-list {
background-color: #dbcfe9;
}
.p-n30-header nav .p-nav-wrapper .p-mobile-dock-bottom {
background-color: #7d0063;
}
.p-n30-header nav .p-nav-wrapper .navigation {
top: 25px;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry span {
font-size: 14px;
color: #323232;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-icon {
color: #323232;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu span {
color: #631d76;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection span {
color: #323232;
}
.p-n30-header nav .p-nav-wrapper .navigation .p-main-entries .p-main-entry .p-submenu .p-subsection .p-submenu-item span {
color: #631d76;
}
.p-n30-header nav .p-nav-wrapper .sectionpar .p-n14-link-list li a {
color: #323232;
}
.p-n30-header nav .p-nav-wrapper .sectionpar .p-n14-link-list .p-external-link:after {
color: #323232;
}
.l01-primarylogo .p-shape-wrapper {
position: relative;
}
.l01-primarylogo .p-shape-wrapper .p-shape {
position: relative;
left: 11px;
overflow: hidden;
width: 98px;
height: 51px;
background: linear-gradient(to right, #1d4c84 0, #1474a4 100%);
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5));
}
.l01-primarylogo .p-shape-wrapper .p-shape .p-top {
background: linear-gradient(to right, #1d4c84 0, #1474a4 100%);
border-bottom-right-radius: initial;
box-shadow: initial;
}
[dir=rtl] .l01-primarylogo .p-shape-wrapper .p-shape {
right: 11px;
left: auto;
}
}
.sc10-dealer-locator .sc10__filters-container {
background-color: #ffffff;
}
.sc10-dealer-locator .sc10__filters-toggle {
border: 1px solid #7d0063;
color: #7d0063;
margin: 0;
padding: 3px 11px;
}
.sc10-dealer-locator .sc10__filters-toggle:after {
right: 10px;
}
.sc10-dealer-locator .sc10__filters-container-expanded {
border: 1px solid #7d0063;
}
.sc10-dealer-locator .sc10__filters-container-expanded .sc10__filters-toggle {
border: none;
}
.sc10-dealer-locator .sc10__checkmark:after {
border: solid #7d0063;
border-width: 0 2px 2px 0;
}